@charset "utf-8";

html, body, main, .page1, .page2, .page3, .page4, .page5{
	height:100%;
}
.backcolor{
    background-color: #e0bfb9;
}
.backcolor2{
    background-color: #a4bec8;
}
.backcolor3{
    background-color: #ceb5be;
}
.backcolor4{
    background-color: #d5c6a9;
}
.backcolor5{
    background-color: #9eadc1;
}
.t_imgbox{
	width: 48vw;
    position: absolute;
    top: 0;
    right: 0;
}
.t_imgbox img{
    width: 100%;
}
.t_textbox{
    position: absolute;
	top: 57vw;
    transform: translate(-50%, 0);
    left: 50%;
	color: #fff;
}
.t_text{
	font-weight:bold;
    font-size: 4.2vw;
    line-height: 5.5vw;
	margin-bottom: 5vw;
	    width: max-content;
}
.t_text2, .t_text3{
    font-size: 3.7vw;
    line-height: 5vw;
    text-align: justify;
}
.t_tugihe{
    width: fit-content;
    margin: 0 auto 2.5vw;
    background-color: rgb(255 255 255 / 80%);
    border-radius: 2vw;
}
.t_tugihe:active{
    opacity: 0.6;
}
.t_tugihe p{
    color: #9baabe;
	font-weight:bold;
    font-size: 3.8vw;
    padding: 1.2vw 10vw;
}
.t_dots{
    display: flex;
    justify-content: space-between;
    width: 20vw;
	margin: 0 auto;
    padding-bottom: 3vw;
}
.t_dots div{
	width: 2.5vw;
    height: 2.5vw;
    background-color: #e4e4e3;
    border-radius: 50px;
}
.bd_block, .bd2_block, .bd4_block {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
	z-index: 10;
	    bottom: 3vw;
}
.t2_imgbox{
    width: 100%;
    position: absolute;
    bottom: 0;
}
.t2_imgbox img{
    width: 100%;
}
.t2_textbox {
    position: absolute;
    top: 20vw;
    transform: translate(-50%, 0);
    left: 50%;
    color: #fff;
}
.bd2_block {
    bottom: 3vw;
}
.dots_white{
	background-color:#fff !important;
}
.t3_imgbox {
    width: 48vw;
    position: absolute;
    top: 0;
    left: 0;
}
.t3_imgbox img{
    width: 100%;
}
.t3_textbox {
    position: absolute;
    top: 56vw;
    transform: translate(-50%, 0);
    left: 50%;
    color: #fff;
}
.t3_text {
	font-weight:bold;
    font-size: 4.2vw;
    line-height: 5.5vw;
    margin-bottom: 5vw;
}
.t4_textbox {
    position: absolute;
    top: 33vw;
    transform: translate(-50%, 0);
    left: 50%;
    color: #fff;
}
.bd4_block {
    bottom: 3vw;
}
.t5_imgbox {
	width: 57vw;
    position: absolute;
    top: 0;
    right: 0;
}
.t5_imgbox img {
    width: 100%;
}
.t5_textbox {
    position: absolute;
	top: 65vw;
    transform: translate(-50%, 0);
    left: 50%;
    color: #fff;
}