body {
	margin: 0;
	position: absolute;
	background-color: #ffffff;
	width: 100vw;
}

.fullpage {
	width: 100vw;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

.layer01 {
	height: 60vh;
	width: 100%
}

.layer02 {
	height: 20vh;
	width: 100%;
	background-color: #ddd6d0;
}

.layer02w {
	height: 26vh;
	width: 100%;
	background-color: #ffffff;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.layer02w {
	height: auto;
}
}

.layer03 {
	height: 70vh;
	background-color: #ddd6d0;
	width: 100%;
	padding-bottom: 0;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.layer03 {
	height: auto;
	padding-bottom: 5vh;
}
}

.layer04 {
	height: 60vh;
	background-color: #ffffff;
	width: 100%;
	padding-top: 0;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.layer04 {
	height: auto;
}
}

.dm-serif-text-regular {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: normal;
}

.dm-serif-text-regular-italic {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: italic;
}

.auto-style01 {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-size: min(3vh, 30px);
  text-align: center;
  color: #ffffff;
  margin-top: 10vh;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.auto-style02 {
  font-family: "Raleway", serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-size: min(1.4vh, 14px);
  text-align: center;
  color: #ffffff;
  margin-top: 6vh;
  margin-bottom: 4vh;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}

.auto-style03 {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-size: min(3vh, 30px);
  text-align: center;
  color: #000000;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7vh;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.auto-style03 {
  width: 90%;
}
}

.auto-style04 {
  font-family: "Raleway", serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-size: min(1.4vh, 14px);
  text-align: left;
  color: #000000;
  margin-bottom: 2vh;
  margin-top: 0vh;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.auto-style04 {
  margin-top: 5vh;
}
}

.auto-style05 {
  font-family: "DM Serif Text", serif;
  font-weight: 400;
  text-decoration: none;
  font-size: min(2.2vh, 22px);
  text-align: center;
  color: #000000;
  margin-bottom: 1vh;
  margin-top: 1vh; 
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}

.auto-style06 {
  font-family: "Raleway", serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-size: min(1.4vh, 14px);
  text-align: center;
  color: #000000;
  margin-bottom: 4vh;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.auto-style06 {
  width: 80%;
}
}

.indexlinkbutton1 {
	overflow: hidden;
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 1vh;
	width: 12vw;
	height: auto;
	background: #a48e80;
	text-align: center;
	font-size: min(1.6vh, 16px);
	text-decoration: none;
	transition: all 0.3s ease-out;	
	color: #ffffff;
	border-radius: 0px;
	line-height: 2.5;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.indexlinkbutton1 {
	width: 30vw;
}
}

.indexlinkbutton1:hover,
.indexlinkbutton1:focus,
.indexlinkbutton1:active {
	background: #545454;
	transition: all 0.5s ease-in;
	cursor: pointer;	
}

.indexlinkbutton2 {
	overflow: hidden;
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 1vh;
	width: 12vw;
	height: auto;
	background: #000000;
	text-align: center;
	font-size: min(1.6vh, 16px);
	text-decoration: none;
	transition: all 0.3s ease-out;	
	color: #ffffff;
	border-radius: 0px;
	line-height: 2.5;
}

@media screen and (max-device-width: 480px) and (orientation: portrait) {
.indexlinkbutton2 {
	width: 30vw;
}
}

.indexlinkbutton2:hover,
.indexlinkbutton2:focus,
.indexlinkbutton2:active {
	background: #a48e80;
	transition: all 0.5s ease-in;
	cursor: pointer;	
}