/*---------------サポート-----------------*/
.sec04{background: url("../../img/bg_w.webp"), linear-gradient(rgba(209,140,141,0.3) 00%, rgba(224,211,182,0.5) 100%);background-size:500px;background-repeat:repeat;position:  relative; }

@media screen and (min-width: 641px){ /*PC*/
	.sec04 .outer{background: url("../../img/bg03_pc.webp") repeat-y center top; background-size:1360px;}
	.sec04 .title .inner{padding: 100px 0 0;}
}
@media screen and (max-width: 640px){ /*SP*/
	.sec04 .outer{background: url("../../img/bg03_sp.webp") repeat-y center top; background-size:100%;}
	.sec04 .inner{width: 90%; margin: 0 5%; padding-bottom: 30px; }
}

.sec04 .ele{background-color: rgba(255,255,255,1.00); ;position: relative;border-radius: 20px;}
.sec04 .ele h4{color:#85621e;text-align: left;}
.sec04 .ele h4 em{text-align: left;display: block}
.sec04 .ele h3{position: absolute;color: rgba(255,255,255,1.00);display: block;background: url("../../img/04_sup_title.webp") no-repeat;background-size:  100%;text-align: left;}
.sec04 .ele h3 img{position: absolute;}
.sec04 .ele p{text-align: left;}
@media screen and (min-width: 641px){ /*PC*/
	.sec04 .ele{display: inline-block;position: relative; width: 100%;padding: 80px; margin-bottom: 60px;}
	.sec04 .ele h3{width: 115%; font-size:30px;line-height:46px; padding: 10px 40px 44px;top:8px;left:-110px;}
	.sec04 .ele h4{font-size:36px; line-height:58px; width:100%; padding:110px 0 00px 0px;margin: 0 auto 15px;}
	.sec04 .ele h4 em{font-size:28px; line-height:55px;}
	.sec04 .ele .left{position: relative;float: left;width: 59%; padding: 0 4% 0 0; text-align: left;}
	.sec04 .ele .right{float: right; width:40.5%;}
	.sec04 .ele p{font-size: 16px; line-height:30px;}
	.sec04 .ele p.mini{display: inline-block; padding-top: 15px; font-size: 13px; line-height:24px;}
	
}
@media screen and (max-width: 640px){ /*SP*/
	.sec04 .ele{display: inline-block;position: relative; width: 100%; margin:0px 0 40px; padding:40px 30px;}
	.sec04 .ele h3{width:100%; font-size:20px;line-height:26px; padding:6px 30px 30px;top:37px;left:-18px;}
	.sec04 .ele h4{padding:60px 0 0; font-size:26px; line-height:36px; margin: 0 0 10px 0;}
	.sec04 .ele h4 em{font-size:18px; line-height:40px;}
	.sec04 .ele .right{padding: 20px 0;}
	.sec04 .ele p{font-size: 16px; line-height:28px;text-align: left;padding-bottom: 10px;}
	.sec04 .ele p.mini{font-size:12px; line-height:20px;padding-bottom: 10px;}

}


	
.sec04 .box{display: inline-block;position: relative; vertical-align: top;}
.sec04 .box .midashi{background-color:#d4aba2;border: 1px solid #d4aba2;}
.sec04 .box h5{color: #fff; text-align:left;}
.sec04 .box h5 strong{color: rgba(255,249,221,1.00);display: block;text-align: left;}
.sec04 .box .icon{border: 1px solid rgba(255,255,255,0.7);color: #fff; vertical-align: middle;text-align: center;}
.sec04 .box .icon b{font-size: 150%;}
.sec04 .box a{display: block;text-align: center;color: #27aca9;border: 1px solid #d4aba2;}
.sec04 .box a span{opacity: 0.3; margin-left: 10px;}
.sec04 a.list{color:#d4aba2; border: 1px solid #d4aba2; border-radius: 30px; }
.sec04 a .material-icons{font-size:80%;}

.sec04 .box .rent_text{border: 1px solid #d4aba2;text-align: left; background-color: rgba(255,255,255,1.00);}

@media screen and (min-width: 641px){ /*PC*/
	.sec04 .box{ width:90%; margin:60px auto 0px;}
	.sec04 .box .midashi{ padding: 40px 0px 45px 170px;}
	.sec04 .box h5{font-size:24px; line-height:36px; }
	.sec04 .box h5 strong{font-size:38px; line-height: 40px;}
	.sec04 .box .icon{width:110px; height:100px; position: absolute;padding: 15px 0; left:40px; top:30px;font-size:16px; line-height: 20px; }
	.sec04 a.list{margin: 20px auto 0;width:40%; padding: 10px 0;}
	.sec04 a.open_b,.sec04 a.close_b{position: absolute; width:200px;padding:6px 10px;margin:0px auto 0;top:60px;/*left: 50%; transform: translate(-50%,0);*/right:50px; color: #fff;background-color:rgba(255,255,255,0.3); }
	.sec04 .box .rent_text{padding:30px 50px 45px;}
	.sec04  > .mini{text-align: center; margin: 30px auto 0;}
	.sec04 .box.b01{margin-top: -10px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.sec04 .box{ width:100%; margin:15px auto 30px;}
	.sec04 .box .midashi{ padding:23px 20px 25px;text-align: center;}
	.sec04 .box h5{font-size:16px; line-height:25px; text-align: center;}
	.sec04 .box h5 strong{font-size:30px; line-height:40px; text-align: center;}
	.sec04 .box .icon{width:100%;border-right: none;border-left: none; padding:5px; font-size: 14px; line-height: 22px; margin: 15px auto;}
	.sec04 a.list{margin: 20px auto;width:80%; padding: 6px;}
	.sec04 a.open_b,.sec04 a.close_b{width:70%;padding:5px 0px 5px 10px;position: absolute; margin: 10px auto 0;bottom:-20px;left: 50%; transform: translate(-50%,0); color:rgba(255,255,255,0.92);background-color:rgb(129 88 88);}
	
	.sec04 .box .rent_text{padding:20px 20px 25px;}
	.sec04  > .mini{text-align: center; margin: 20px auto 0;}

}

.sec04 .ele a.komono{background-color:rgba(161,71,75,0.1); color:rgba(161,71,75,0.8);display: block; border-radius: 30px;}
.sec04 .toku p{ color:#666;font-family:"メイリオ", Meiryo, sans-serif;font-weight: lighter;display: block; text-align:center;}
.sec04 .t_bot{display: block; background-color:#bc7474; color: rgba(255,255,255,1.00);font-size: 120%;border-radius: 50px; text-shadow:1px 1px 2px rgba(0,0,0,0.20); }
@media screen and (min-width: 641px){ /*PC*/
	.sec04  .ele a.komono{ padding: 8px; width:75%; margin: 30px auto 0px;}
	.sec04 .toku{padding: 60px 0 0 0;}
	.sec04 .toku img{width: 75%; margin-bottom: 20px;}
	.sec04 .toku p{font-size: 14px; line-height: 28px;}
	.sec04 .t_bot{ margin:00px auto 0;width: 55%; padding: 15px 0; }
	

}
@media screen and (max-width: 640px){ /*SP*/
	.sec04 .ele a.komono{ padding: 6px; width:90%; margin: 20px auto 30px;}
	.sec04 .toku img{margin-bottom: 15px;}
	.sec04 .toku p{font-size: 12px; line-height: 22px;}
.sec04 .t_bot{ margin:-10px auto 0;width:95%; padding: 10px 0; }
}


.sec04 .set02{text-align: left;}
.sec04 .set02 .ele{display: inline-block;position: relative; vertical-align: top;}
.sec04 .set02 .ele img.p01{float:right; z-index: 2;position: relative;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.1));}
.sec04 .set02 .ele img.p02{ z-index: 2;position: relative;float:right;}
.sec04 .set02 .ele .mini{ padding-left: 0px;display: inline;}
@media screen and (min-width: 641px){ /*PC*/
	.sec04 .set02 {padding-bottom: 90px;}
	.sec04 .set02 .ele{padding:100px 30px 40px 40px;width:47%;}
	.sec04 .set02 .ele03{margin-right: 5%;}
	.sec04 .set02 .ele .text{ padding:0px 10px 0px;text-align: left;}
	.sec04 .set02 .ele p{text-align: left;}
	.sec04 .set02 .ele h3{width:90%; font-size:26px;line-height:39px; padding:6px 35px 33px;top:32px;left:-24px;}
	.sec04 .set02 .ele img.icon02{width: 130px; position: absolute;left:-5px; top:-5px;}
	.sec04 .set02 .ele img.p01{width:38%;margin:0px 0px 0 5px;}
	.sec04 .set02 .ele img.p02{width:38%;margin:0px 0px 0 10px;}
	.sec04 .set02 .ele a{display:inline-block; font-size: 14px; line-height: 19px; margin:10px auto 0 30px;padding:3px 20px; }	
}
@media screen and (max-width: 640px){ /*SP*/
	.sec04 .set02 .ele .text{padding: 55px 0 0 0;}
	.sec04 .set02 .ele p{ padding: 0 0px;}
	.sec04 .set02 .ele img.icon02{position: absolute; width:80px;top:-15px; left:-15px;}
	.sec04 .set02 .ele img{width:42%;margin:0px 0px 0 10px;}
	.sec04 .set02 .ele a{display:inline-block; font-size: 14px; line-height: 19px; margin:10px auto 0 30px;padding:3px 20px; }

}

.sec04 .carousel{background-size: auto 100%; width: 100%; overflow: hidden;
	-moz-animation: loop 800s linear infinite; animation: loop 800s linear infinite;}
@media screen and (min-width: 641px){ /*PC*/
.sec04 .carousel{background: url(../../img/04_sup_cal.jpg) repeat-x 0 0;height: 380px; background-size: auto 380px;}
	.sec04 .enjoy{width: 900px; margin: 80px auto 0;}
}
@media screen and (max-width: 640px){ /*SP*/
.sec04 .carousel{background: url(../../img/04_sup_cal.jpg) repeat-x 0 0;height:200px;background-size: auto 200px; margin-top: 20px;}
	.sec04 .enjoy{width: 90%; margin: 30px auto;}
}