footer.footer{margin-top:0}
body{background:#000}


.pc{display: none}
.sp{display: block}
@media only screen and (min-width: 960px){
.pc{display: block}
.sp{display: none}
}

.br_sp{display: none}



.sec{margin: 0;}
@media only screen and (min-width: 960px){
.sec{margin: 50px 0;}
}
.bg{
background: url("../images/secondlife/bg1.webp")repeat-y top center;
}

.box{display: block;}
@media only screen and (min-width: 960px){
.box{display:flex;
align-items: stretch;}}

.box2{display: block;}
.box2 figure{margin-left: 20px; padding: 20px 0;}
@media only screen and (min-width: 960px){
.box2{display: flex;}
}

.box-1,
.box-2{width: 100%;
margin: 0 auto;
}
@media only screen and (min-width: 1200px){

}


.box-2,
.box-1{
margin-bottom: 20px;}



.right p{ padding: 0 20px 20px; width: 100%}
@media only screen and (min-width: 1200px){
.right p{ width: 70%}}


.left p{ padding:0 20px 20px; width: 100%;}
@media only screen and (min-width: 1200px){
.left p{ padding:0 20px 20px; width: 100%;}
}

.left{margin:0 0 0 auto}
@media only screen and (min-width: 1200px){
.left{margin:0 0 0 30%}
}

figure {  position: relative;}
.text-l {position: absolute;left: 5px;bottom: 5px; font-size: 10px;}
.text-r {position: absolute;right: 5px;bottom: 5px; font-size: 10px;}
.text-bk{color: #000}
.text-wh{color: #FFF}

.text-shadow{
text-shadow: 0 0 5px #000,
0 0 5px #000,
0 0 5px #000,
0 0 5px #000,
0 0 5px #000;
}

.cap{font-size: 11px;}



/*sec-con1*/
.sec-con1{
width: 100%;
}

.box-ttl{display: flex; width: 1200px; margin: 0 auto;align-items:flex-start;}
.ttl-1{width: 30%}
.ttl-2{width: 70%; text-align: center;font-size: 1.6em;}
@media only screen and (min-width: 1200px){
.ttl-2{font-size: 2em;}
}

.box-con1{
display: flex;
width: 100%;
margin: 0 auto;
text-align: right;
}

.box-con1 .box-1,
.box-con1 .box-2{
width: 100%
}
.box-con1 .box-2{
text-align: left
}

.box-con1 .box-1{
width: 70%;
}




/*sec-con2*/
.sec-con2{
width: 100%;
}

.box-con2{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}


.arrow{
background: url("../images/secondlife/arrow.png")no-repeat top right;
width: 100px;
}



.box-con2-right1{
display: block;
flex-wrap: wrap; /* 折返し指定 */
width:1100px;
padding-top: 50px;
}
@media only screen and (min-width: 960px){
.box-con2-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
width:1100px;
padding-top: 50px;
}
}





.box-con2-box-1{
margin-left: 20px;
margin-right: 20px;
width: 90%;
}
@media only screen and (min-width: 1200px){
.box-con2-box-1{
margin-left: 50px;
width: 45%;
}}

.box-con2-box-2{
width: 90%;
margin-top: 20px;
margin-left: 20px;
}
@media only screen and (min-width: 1200px){
.box-con2-box-2{
width: 45%;
margin-top: 100px;
margin-left: 20px;
}}


.box-con2-box-3{
margin-left: 20px;
width: 90%;
margin-bottom: 10px;
}
@media only screen and (min-width: 960px){
.box-con2-box-3{
margin-left: 50px;
width: 45%;
}}

.box-con2-box-4{
margin-left: 20px;
width: 90%;
}
@media only screen and (min-width: 960px){
.box-con2-box-4{
margin-left: 50px;
width: 45%;
}}

.box-con2-box-5{
margin-left: 50px;
width: 100%;
border-bottom: 1px #666 solid;
margin: 30px 0;
}
.sub-en{
font-size: 1.4em;
color: #a1893f;
}

.sub-ja{
font-size: 1.5em;
margin-bottom: 20px
}

.hr{
height: 1px;
width: 1200px;
margin: 0 auto
}





/*sec-con3*/
.sec-con3{
width: 100%;
}

.box-con3{
display: block;
width:  100% ;
margin:0 auto;
}
@media only screen and (min-width: 960px){
.box-con3{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}
}

.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}

.box-con3-right1{
display: block;
align-items: center;
width:100%;
}
@media only screen and (min-width: 960px){
.box-con3-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: center;
width:1100px;
}
}

.box-con3-box-1{
width: 50%;
margin: 0px auto;
text-align: center;
}
@media only screen and (min-width: 960px){
.box-con3-box-1{
width: 20%;
margin: 50px 0;
margin-left: 50px;
}
}


.box-con3-box-2{
margin: 20px auto;
text-align: center;
}
@media only screen and (min-width: 960px){
.box-con3-box-2{
width: 0 auto;
margin-left: 50px;
}
}


/*sec-con4*/
.sec-con4 .box{
align-items: flex-end;
}
.con4-box-1{
width: 90%;
margin: 0 auto;
}
@media only screen and (min-width: 960px){
.con4-box-1{
width: 60%;
margin: 0;
}
}

.con4-box-2{
width: 90%;
margin: 0 auto;
}
@media only screen and (min-width: 960px){
.con4-box-2{
width: 30%;
margin: 0;
align-items: flex-end;
}
}


.con4-box-2 p{
margin-left: 0px;
margin-bottom: 20px;
}
@media only screen and (min-width: 960px){
.con4-box-2 p{
margin-left: 20px;
margin-bottom: 20px;
}
}


/*sec-con5*/
.sec-con5{
width: 100%;
}
.box-con5{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}
.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}
.box-con5-right1{
display: block;
width:90%;
padding-bottom: 50px;
}
@media only screen and (min-width: 960px){
.box-con5-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: flex-end;
width:1100px;
padding-bottom: 50px;
}
}

.box-con5-box-1{
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
margin-left:0px;
}
.box-con5-box-2{
margin-left: 0px;
margin-bottom: 50px;
width: 100%;
}
.box-con5-box-2 figure{
margin-top: 20px;
}
.box-con5-box-3{
margin-left: 0px;
width: 100%;
}
.box-con5-box-4{
margin-left: 0px;
margin-top: 0px;
width: 100%;
}
@media only screen and (min-width: 960px){
.box-con5-box-1{
width: 55%;
margin-top: 100px;
margin-left: 50px;
}
.box-con5-box-2{
margin-left: 50px;
width: 35%;
}
.box-con5-box-2 figure{
margin-top: 20px;
}
.box-con5-box-3{
margin-left: 50px;
width: 35%;
}
.box-con5-box-4{
margin-left: 50px;
margin-top: 50px;
width: 55%;
}
}

.con5-border{
border-bottom: 1px #666 solid;
}



/*sec-con6*/
.sec-con6{
width: 100%;
}
.box-con6{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}

.box-con6-right1{
display: block;
width:100%;
padding-bottom: 0px;
}
@media only screen and (min-width: 960px){
.box-con6-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: flex-end;
width:1100px;
padding-bottom: 50px;
}
}


.box-con6-box-1{
width: 50%;
margin: 0 auto 20px;
text-align: center;
}
@media only screen and (min-width: 960px){
.box-con6-box-1{
width: 30%;
margin-top: 100px;
margin-left: 50px;
}
}


.box-con6-box-2{
width: 90%;
margin: 0 auto
}
@media only screen and (min-width: 960px){
.box-con6-box-2{
width: 65%;
}
}


/*sec-con7*/
.sec-con7{
width: 100%;
}

.box-con7{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}

.box-con7-box-1{
width: 90%;
margin: 0 auto;
margin-top: 30px;

}
@media only screen and (min-width: 960px){
.box-con7-box-1{
width: 100%;
margin-top: 100px;
margin-left: 50px;
}
}

.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}
.box-con7-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: flex-end;
width:1100px;
padding-bottom: 50px;
}



/*sec-con8*/
.sec-con8{
width: 100%;
}

.box-con8{
display: block;
width:  100% ;
margin:0 auto 50px;
}
@media only screen and (min-width: 960px){
.box-con8{
display: flex;
flex-direction: row; 
width:  100% ;
margin:0 auto 50px;
}
}

.box-con8-box-1{
width: 90%;
margin: 0 auto 20px;
}
@media only screen and (min-width: 960px){
.box-con8-box-1{
width: 64%;
}
}

.box-con8-box-2{
width: 90%;
margin: 0 auto
}
@media only screen and (min-width: 960px){
.box-con8-box-2{
width: 36%;
}
}

.box-con8-box-2 figure{
margin-bottom: 20px;
}
@media only screen and (min-width: 960px){
.box-con8-box-2 figure{
margin-bottom: 0px;
}
}











/*sec-con9*/
.sec-con3{
width: 100%;
}
.box-con9{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}
.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}
.box-con9-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: center;
width:1100px;
}

.box-con9-box-1{
width: 50%;
margin-left: 0px;
margin: 50px auto 20px;
text-align: center;
}
@media only screen and (min-width: 960px){
.box-con9-box-1{
width: 20%;
margin: 10px 0;
margin-left: 50px;
}
}

.box-con9-box-2{
margin: 0 auto;
}
@media only screen and (min-width: 960px){
.box-con9-box-2{
width: 0 auto;
margin-left: 50px;
}
}






/*sec-con10*/
.sec-con10{
width: 100%;
}

.box-con10{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}

.box-con10-box-1{
width: 90%;
margin:20px auto 10px;
}
@media only screen and (min-width: 960px){
.box-con10-box-1{
width: 100%;
margin-top: 50px;
margin-left: 50px;
}
}

.box-con10-box-2{
background:rgba(255,255,255,.80);
color: #000;
width: 90%;
margin:0 auto 30px;
padding: 20px;
}
@media only screen and (min-width: 960px){
.box-con10-box-2{
display: flex;
align-items: flex-end;
background:rgba(255,255,255,.80);
color: #000;
width: 100%;
margin-top: 10px;
margin-left: 50px;
padding: 20px;
}
}

.con10-1 {
width: 100%;
margin-right: 20px;
margin-bottom: 20px
}
.con10-2 {
width: 100%
}
@media only screen and (min-width: 960px){
.con10-1 {
width: 70%;
margin-right: 20px;
}
.con10-2 {
width: 30%
}
}


.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}

.box-con10-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: flex-end;
width:1100px;
padding-bottom: 10px;
}
@media only screen and (min-width: 960px){
.box-con10-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: flex-end;
width:1100px;
padding-bottom: 50px;
}
}


/*sec-con11*/
.sec-con11{
width: 100%;
}
.box-con11{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}
.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}
.box-con11-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: center;
width:1100px;
}

.box-con11-box-1{
width: 50%;
margin-left: 0px;
margin: 50px auto 20px;
text-align: center;
}
@media only screen and (min-width: 960px){
.box-con11-box-1{
text-align: right;
width: 75%;
}
}

.box-con11-box-2{
margin: 0 auto;
text-align: center;
margin-bottom: 20px;
}
@media only screen and (min-width: 960px){
.box-con11-box-2{
width: 20%;
margin: 40px 0;
margin-left: 50px;
text-align: right;
}
}








/*sec-con12*/
.sec-con12 .box{
align-items: flex-end;
}

.con12-box-1{
width: 90%;
margin: 0 auto;
}
@media only screen and (min-width: 960px){
.con12-box-1{
width: 100%;
margin: 0;
}
}

.con12-box-2{
width: 90%;
margin: 0 auto;
}
.con12-box-2 p{
margin-bottom: 20px;
}
@media only screen and (min-width: 960px){
.con12-box-1{
width: 60%
}
.con12-box-2{
width: 30%;
align-items: flex-end;
margin-left: 0;
}
.con12-box-2 p{
margin-left: 20px;
margin-bottom: 20px;
}
}






/*sec-con13*/
.sec-con13{
width: 100%;
}

.box-con13{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
padding-top: 50px;
}


.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}

.box-con13-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
width:1100px;
}

.box-con13-box-1{
width: 90%;
margin: 10px auto 30px;;
}
.box-con13-box-2{
width: 90%;
margin: 0 auto;
}
.box-con13-box-3{
margin-top: 50px;
width: 90%;
margin: 0 auto;
}
.box-con13-box-4{
margin-top: 50px;
width: 90%;
margin: 0 auto;
}
@media only screen and (min-width: 960px){
.box-con13-box-1{
margin-left: 20px;
width: 45%;
}
.box-con13-box-2{
width: 45%;
}
.box-con13-box-3{
margin-top: 50px;
width: 45%;
}
.box-con13-box-4{
margin-top: 50px;
margin-left: 20px;
width: 45%;
}
}


/*sec-con14*/
.sec-con14{
width: 100%;
}

.box-con14{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}

.box-con14-box-1{
width: 90%;
margin: 50px auto 20px;
}
@media only screen and (min-width: 960px){
.box-con14-box-1{
width: 90%;
margin-top: 50px;
margin-bottom: 20px;
}
}

.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}




/*sec-con15*/
.sec-con8{
width: 100%;
}

.box-con15{
display: flex;
flex-direction: row; 
width:  100% ;
margin:0 auto;
}
.box-con15-box-1{
width: 33.9%;
}

.box-con15-box-2{
width: 90%;
margin: 0 auto
}
@media only screen and (min-width: 960px){
.box-con15-box-2{
width: 66.1%;
}
}








/*sec-con16*/
.sec-con16{
width: 100%;
}
.box-con16{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}
.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}
.box-con16-right1{
display: flex;
flex-wrap: wrap; /* 折返し指定 */
align-items: flex-end;
width:1100px;
padding-bottom: 50px;
}

.box-con16-box-1{
width: 90%;
margin: 0 auto
}
.box-con16-box-1 figure{
margin-bottom: 20px;
}
.box-con16-box-2{
width: 90%;
margin: 0 auto;
}
@media only screen and (min-width: 960px){
.box-con16-box-1{
width: 40%;
}
.box-con16-box-1 figure{
margin-bottom: 20px;
}
.box-con16-box-2{
width: 55%;
margin-top: 50px;
margin-left: 50px;
}
}




/*sec-con17*/
.sec-con17{
width: 100%;
}

.box-con17{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}

.box-con17-box-1{
background:rgba(255,255,255,.80);
color: #000;
width: 100%;
margin-top: 10px;
padding: 20px;
}

.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
}




/*sec-con18*/
.sec-con18{
width: 100%;
}

.box-con18{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}

.box-con18-box-1{
width: 95%;
margin: 0 auto;
margin-top: 10px;
}
@media only screen and (min-width: 960px){
.box-con18-box-1{
width: 100%;
margin-top: 20px;
margin-bottom: 100px;
}
}

.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
margin: 0 0 0 auto;
}
@media only screen and (max-width: 960px){
.arrow{display: none}
}





/*sec-con18-3*/
.sec-con18-3{
width: 100%;
}

.box-con18-3{
display: flex;
justify-content:space-around;
width:  100% ;
max-width: 1200px;
margin:0 auto;
}

.box-con18-3-box-1{
width: 90%;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}
@media only screen and (min-width: 960px){
.box-con18-3-box-1{
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
}

.arrow{
background: url("../images/secondlife/arrow.png")repeat-y top right;
width: 100px;
margin: 0 0 0 auto;
}
@media only screen and (max-width: 960px){
.arrow{display: none}
}












/*sec-con19*/
.sec-con19 .box{
width: 100%;
margin: 50px auto 0;
}
@media only screen and (min-width: 960px){
.sec-con19 .box{
align-items: flex-end;
width: 90%;
margin: 0 0 0 auto;
}
}
.con19-box-2{
width: 90%;
margin: 0 auto;
}
@media only screen and (min-width: 960px){
.con19-box-2{
width: 65%;
margin: 0 0 0 auto;
}
}
.con19-box-1{
width: 90%;
margin: 0 auto;
margin-bottom: 20px;
}
@media only screen and (min-width: 960px){
.con19-box-1{
width: 30%;
margin: 0 0 0 auto;
}
}

.con19-box-2 p{
margin-bottom: 20px;

}



/*sec-con20*/
.box-con20{
width: 90%;
margin: 0 auto;
padding: 0;
}
@media only screen and (min-width: 960px){
.box-con20{
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding-left: 170px;
}
}



/*sec-con21*/
.sec-con21 .box{
align-items: flex-end;
}

.con21-box-1{
width: 90%;
margin: 0 auto
}
@media only screen and (min-width: 960px){
.con21-box-1{
width: 90%;
margin: 0 ;
}
}
.con21-box-2{
width: 90%;
margin: 0 auto;
}
.con21-box-2 p{
margin-bottom: 20px;
}
@media only screen and (min-width: 960px){
.con21-box-1{
width: 60%
}
.con21-box-2{
width: 30%;
align-items: flex-end;
margin-left: 0;
}
.con21-box-2 p{
margin-left: 20px;
margin-bottom: 20px;
}
}





































.main{width:100%;margin:0 auto;position:relative}
.main img{width:100%}

.main .cap{position:absolute;bottom:1em;right:1em;font-size:3vw}
@media only screen and (min-width: 640px){.main .cap{font-size:12px}}

.main .mv_text{
position:absolute;
top:54%;
left:50%;
transform:translate(-50%, -50%);
writing-mode:vertical-rl;
font-size:min(2vw,24px);
letter-spacing:.4em;
line-height:1.8;
height:-moz-max-content;
height:max-content;
text-shadow:0 0 10px #000,0 0 10px #000
}

.main h2{
width:100%;
text-align:center;
color:#fff;
background:url(../images/access/bg-main.png) no-repeat 0 0;
background-size:cover;
font-size:16px;
padding:10px 0;
position:absolute;
top:0;left:0
}
@media only screen and (min-width: 640px){
.main h2{font-size:24px;padding:60px 0}}

.limited-plan h2{background:rgba(0,0,0,.2);background-size:cover}

.page_title{text-align:center;font-size:24px;padding:50px 0 0px}
@media only screen and (max-width: 640px){
.page_title{font-size:min(5vw,24px);padding:42px 0 40px}}

.page_title h3{letter-spacing:.1em;font-weight:300;font-size:1.4em}
.page_title hr{border:none;width:15em;height:1px;margin:10px auto;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(191, 179, 102) 50%, rgba(255, 255, 255, 0) 100%)}
.page_title .sub_title{font-size:1em}

.cont_title{color:#fff;background:linear-gradient(90deg, rgb(148, 119, 89) 0%, rgb(174, 152, 115) 50%, rgb(148, 119, 89) 100%);text-align:center;font-size:18px}
@media only screen and (max-width: 640px){
.cont_title{font-size:min(4vw,18px)}}

.cont_text{font-size:14px;margin-top:16px}
@media only screen and (max-width: 640px){
.cont_text{font-size:min(3.2vw,14px);margin-top:6px}}

.cont_img{margin-top:12px}
@media only screen and (max-width: 640px){
.cont_img{margin-top:6px}}

.sec .wrap{max-width:1280px;width:90%;margin:0 auto}
.sec .photo{position:relative}

.sec .photo .cap{position:absolute;bottom:1em;right:1em;line-height:1;font-size:10px}
@media only screen and (max-width: 640px){
.sec .photo .cap{bottom:.5em;right:.5em}}

.sec .photo .cap.bk{color:#000}

.sec.sec_01 .cont_title01{border:1px solid #cfb999;text-align:center;font-size:24px;margin-bottom:42px}
@media only screen and (max-width: 640px){
.sec.sec_01 .cont_title01{font-size:min(5vw,24px);margin-bottom:24px}}

.sec.sec_01 .flex{display:flex;flex-wrap:wrap;justify-content:space-between}

.sec.sec_01 .flex .block{display:flex;flex-direction:column;justify-content:space-between;margin-top:48px}
@media only screen and (max-width: 640px){
.sec.sec_01 .flex .block{font-size:min(5vw,24px);margin-top:24px}}

.sec.sec_01 .flex .block31{width:calc((100% - 48px)/3)}
@media only screen and (max-width: 640px){
.sec.sec_01 .flex .block31{width:100%}}

.sec.sec_01 .flex .block32{width:calc((100% - 48px)/3*2 + 24px)}
@media only screen and (max-width: 640px){
.sec.sec_01 .flex .block32{width:100%}}

.sec.sec_01 .flex .block31_02{width:calc((100% - 48px)/3)}
@media only screen and (max-width: 640px){
.sec.sec_01 .flex .block31_02{width:100%;display:flex;flex-direction:row-reverse;gap:12px}
.sec.sec_01 .flex .block31_02 .photo{margin:0}}

.sec.sec_02{padding:104px 0 144px;background:rgba(225,179,111,.2);margin:104px 0 0}
@media only screen and (max-width: 640px){
.sec.sec_02{padding:64px 0;margin:64px 0 0}}

.sec.sec_02 .cont_title{margin-bottom:18px}

.sec.sec_02 .slide-items{margin-top:48px}
@media only screen and (max-width: 640px){
.sec.sec_02 .slide-items{margin-top:24px;width:94%;margin:48px auto 0}}

.sec.sec_02 .slide-items .title_block{display:flex;color:#fff;line-height:1.5;margin-bottom:16px}
@media only screen and (max-width: 640px){
.sec.sec_02 .slide-items .title_block{font-size:min(2.8vw,16px)}}

.sec.sec_02 .slide-items .title_block .num{width:1.5em;height:1.5em;background:#786000;text-align:center}
.sec.sec_02 .slide-items .title_block .title_text{margin-left:.5em;height:3em;flex:1}
.sec.sec_02 .slick-prev{z-index:10}

.sec.sec_02 .slick-prev,
.sec.sec_02 .slick-next{top:44%}
@media only screen and (max-width: 640px){
.sec.sec_02 .slick-prev,
.sec.sec_02 .slick-next{top:35%}}

.sec.sec_03{padding:104px 0 76px;background:rgba(225,179,111,.4)}
@media only screen and (max-width: 640px){
.sec.sec_03{padding:64px 0 24px}}

.sec.sec_03 .block{margin-bottom:68px}
@media only screen and (max-width: 640px){
.sec.sec_03 .block{margin-bottom:40px}}

.sec.sec_03 .block .photo{height:-moz-fit-content;height:fit-content}

.sec.sec_03 .block .flex{display:flex;justify-content:space-between}
@media only screen and (max-width: 640px){
.sec.sec_03 .block .flex{flex-wrap:wrap}}

.sec.sec_03 .block .flex .photo_block{width:calc((100% - 24px)/4*3);margin-top:16px}
@media only screen and (max-width: 640px){
.sec.sec_03 .block .flex .photo_block{width:100%}}

.sec.sec_03 .block .flex .cont_block{width:calc((100% - 24px)/4)}
@media only screen and (max-width: 640px){
.sec.sec_03 .block .flex .cont_block{width:100%}}

.sec.sec_03 .block .flex .cont_block .cont_text01{margin-bottom:16px}
@media only screen and (max-width: 640px){
.sec.sec_03 .block01 .inner_flex{display:flex;gap:12px}
.sec.sec_03 .block01 .inner_flex .photo{flex:1}
.sec.sec_03 .block01 .inner_flex .cont_text02{flex:1}}

.sec.sec_03 .block02 .flex{flex-direction:row-reverse}
@media only screen and (max-width: 640px){
.sec.sec_03 .block02 .flex{flex-direction:row}}

.sec.sec_03 .block02 .flex .photo_block{width:calc((100% - 24px)/4*3);margin-top:16px}
@media only screen and (max-width: 640px){
.sec.sec_03 .block02 .flex .photo_block{width:100%}}

.sec.sec_03 .block02 .flex .cont_block{width:calc((100% - 24px)/4);margin-top:16px}
@media only screen and (max-width: 640px){
.sec.sec_03 .block02 .flex .cont_block{width:100%;margin-top:12px}}

.sec.sec_03 .block02 .flex .cont_block .inner_flex01{margin-bottom:24px}
@media only screen and (max-width: 640px){
.sec.sec_03 .block02 .flex .cont_block .inner_flex01{margin-bottom:12px}}

@media only screen and (max-width: 640px){
.sec.sec_03 .block02 .flex .cont_block .inner_flex{display:flex;gap:12px}
.sec.sec_03 .block02 .flex .cont_block .inner_flex .photo,.sec.sec_03 .block02 .flex .cont_block .inner_flex .cont_text{flex:1}}

.sec.sec_03 .block03 .flex .photo_block{width:calc((100% - 24px)/2);margin-top:16px}
@media only screen and (max-width: 640px){
.sec.sec_03 .block03 .flex .photo_block{width:100%;margin-top:12px}}

.sec.sec_03 .block03 .flex .cont_block{width:calc((100% - 24px)/2)}
@media only screen and (max-width: 640px){
.sec.sec_03 .block03 .flex .cont_block{width:100%}}

.sec.sec_03 .block03 .flex .cont_block .cont_text01{margin-bottom:16px}
.ib{display:inline-block}
@media only screen and (max-width: 640px){
.sp_off{display:none}}

/*# sourceMappingURL=lim-quality.css.map */