/*tab_wrap*/
.sub_tab_wrap{ display:flex; }
.sub_tab{ width:33%; margin:-1px 0 0 -1px; width:calc(20% +1px); border:1px solid #ccc; background-color:#f3f3f3; font-size:17px; font-weight:300; color:#999; padding:10px; text-align:center; cursor:pointer; word-break:keep-all; display:flex; justify-content:center; align-items:center;}
.sub_tab span{font-size:13px;}
.sub_tab.on{ background-color:#735d36; border-color:#735d36; color:#fff; }
.sub_tab.on p{ color:#fff; }

.sub_sel{ width:100%; padding:10px; font-size:15px; color:#fff; background-color:#735d36; display:none; }
.sub_tabcon{ display:none; }
.sub_tabcon.on{ display:block; }


@media(max-width:920px){
	.sub_tab_wrap{ display:none; }
	.sub_sel{ display:block; }
}


/* sub01 */
#sub01{width: 100%;max-width: 1200px;margin: 80px auto;padding:0 20px; word-break:keep-all;}

.sub01_title_wrap{margin-bottom:50px; padding:5px 0; text-align:center;}
.sub01_title_wrap h2{ position:relative;  font-size:40px; font-weight:500; color:#272727; }
.sub01_title_wrap h2:before{ content:''; position:absolute; z-index:-1; width:50px; height:50px; background-color:#f5f5f5; top:calc(50% - 25px); left:calc(50% - 60px); transform:rotate(45deg); }
.sub01_title_wrap h2:after{ content:''; position:absolute; z-index:-1; width:50px; height:50px; background-color:#f5f5f5; top:calc(50% - 25px); right:calc(50% - 60px); transform:rotate(45deg); }


.sub01_bn_wrap{display:flex; flex-flow:row wrap;}
.sub01_img{width:37.5%; background-image:url(../img/sub08/01-01-01.jpg); background-size:cover; background-position:center;}
.sub01_txt{width:62.5%; padding:60px 40px; background-size:cover; background-image:url(../img/sub08/01-00.png); background-position:100% 100%; background-repeat:no-repeat; display:flex; align-items:center;}

.sub01_txt h4{display:inline-block; font-size:15px; font-weight:300; color:#fff; padding:5px 15px; border:1px solid #fff; margin-bottom:15px; }
.sub01_txt h3{font-size:34px; font-weight:600; color:#fedba5; margin-bottom:15px;}
.sub01_txt .price{font-size:15px; font-weight:300; color:#fff; margin-bottom:30px; float: left; width:65%;}
.sub01_txt .price1{font-size:13px; font-weight:300; color:#fff; margin-bottom:30px; margin-top: 15px; float: right; width:35%; line-height:42px; text-align: right;}
.sub01_txt .price strong{font-weight:500;}
.sub01_txt .desc{display:inline-block; font-size:15px; font-weight:300; color:#ddd; margin-bottom: auto;}


@media(max-width:750px){
	.sub01_img{width:100%; height:250px;}
	.sub01_txt{width:100%;}
}

@media(max-width:650px){
	.sub01_txt{padding:40px 20px;}
	.sub01_txt h3{font-size:28px;}
	.sub01_txt .price{font-size:20px;}
	.sub01_txt .desc{font-size:15px;}
}

.sub02_title_wrap{text-align:center; margin-bottom:60px;}
.sub02_title_wrap img{margin-bottom:20px;}
.sub02_title_wrap h2{font-size:34px; font-weight:300;word-break: keep-all}
.sub02_title_wrap h2 strong{font-weight:500;}

/* sub03 */
#sub03{width: 100%;max-width: 1200px;margin: 80px auto;padding:0 20px; word-break:keep-all;}

.sub03_bn_wrap{display:flex; flex-flow:row wrap;}
.sub03_img{width:37.5%; background-image:url(../img/sub08/03-01.jpg); background-size:cover; background-position:center;}
.sub03_txt{width:62.5%; padding:60px 36px; background-size:cover; background-image:url(../img/sub08/01-00.png); background-position:100% 100%; background-repeat:no-repeat; display:flex; align-items:center;}

.sub03_txt h4{display:inline-block; font-size:15px; font-weight:300; color:#fff; padding:5px 15px; border:1px solid #fff; margin-bottom:15px;}
.sub03_txt h3{font-size:34px; font-weight:600; color:#fedba5; margin-bottom:15px;}
.sub03_txt h3 span{font-size:20px; font-weight:500;}
.sub03_txt .price{font-size:22px; font-weight:300; color:#fff; margin-bottom:30px;}
.sub03_txt .price strong{font-weight:500;}
.sub03_txt .desc{font-size:16px; font-weight:300; color:#ddd;}


@media(max-width:750px){
	.sub03_img{width:100%; height:250px;}
	.sub03_txt{width:100%;}
}

@media(max-width:650px){
	.sub03_txt{padding:40px 20px;}
	.sub03_txt h3{font-size:28px;}
	.sub03_txt h3 span{font-size:18px;}
	.sub03_txt .price{font-size:20px;}
	.sub03_txt .desc{font-size:15px;}
}


/* sub04 */

#sub04{padding:100px 20px 80px; background-color:#f7f7f7; word-break:keep-all; margin-bottom:80px;}
#sub04 .sub_con{width: 100%;max-width: 1200px;margin: auto}
.sub04_pt_up{}

.sub04_txt{background-color:#fff; border:5px solid #737395; margin-bottom:30px; padding:20px 50px; border-radius:50px; position:relative;}
.sub04_txt:last-child{margin-bottom:0;}

.sub04_txt p{font-size:20px; font-weight:500; color:#4c4c4c; width:calc(100% - 60px); position:relative; padding-left:100px;}

.sub04_txt p span{display:block; position:absolute; top:0; left:0;}

.sub04_txt i{display:block; width:40px; height:40px; border:1px solid #ddd; display:flex; justify-content:center; align-items:center; border-radius:100%; color:#cc6767; font-size:20px; position:absolute; top:50%; right:50px; transform:translateY(-50%);}

@media(max-width:650px){
	.sub04_txt{padding:15px 50px;}
	.sub04_txt p{font-size:16px; padding-left:80px;}
}

@media(max-width:500px){
	.sub04_txt{border-radius:25px; padding:15px 30px;}
	.sub04_txt p{padding-left:0; width:calc(100% - 40px);}
	.sub04_txt p span{position:relative;}
	.sub04_txt i{right:30px;}

}



.sub04_line{width:100%; height:10px; background-image:url(../img/sub07/diagonal.png); margin:50px 0 30px;}

.sub04_pt_low{display:flex; flex-flow:row wrap;}
.sub04_pt{text-align:center; width:20%; position:relative; padding:20px 10px;}
.sub04_pt:nth-child(5):before{display:none;}
.sub04_pt:nth-child(5):after{display:none;}
.sub04_pt:last-child:before{display:none;}
.sub04_pt:last-child:after{display:none;}


.sub04_pt:before{content:""; display:block; width:7px; height:7px; background-color:#595758; border-radius:100%; position:absolute; top:97px; right:-24px;}
.sub04_pt:after{content:""; display:block; width:47px; height:1px; background-color:#595758; position:absolute; top:100px; right:-20px;}
.sub04_circle{width:160px; height:160px; border-radius:100%; background-color:#595758; margin:0 auto 20px; display:flex; justify-content:center; align-items:center;}
.sub04_desc{}
.sub04_desc p{font-size:16px; font-weight:300; color:#777; width:100%; max-width:200px; margin:0 auto;}


@media(max-width:1500px){
	.sub04_pt{width:33.33333333%;}
	.sub04_pt:nth-child(3n):before{display:none;}
	.sub04_pt:nth-child(3n):after{display:none;}
	.sub04_pt:nth-child(4n):before{display:block;}
	.sub04_pt:nth-child(4n):after{display:block;}
}

@media(max-width:800px){
	.sub04_circle{width:100px; height:100px;}
	.sub04_circle img{width:50px;}
	.sub04_pt:before{top:67px;}
	.sub04_pt:after{top:70px;}
}

@media(max-width:650px){
	.sub04_desc p{font-size:15px;}
	.sub04_desc p br{display:none;}
	.sub04_pt:before{top:67px; right:-14px;}
	.sub04_pt:after{width:25px; top:70px; right:-10px;}
}


@media(max-width:500px){
	.sub04_pt{width:50%;}
	.sub04_pt:nth-child(3n):before{display:block;}
	.sub04_pt:nth-child(3n):after{display:block;}
	.sub04_pt:nth-child(2n):before{display:none;}
	.sub04_pt:nth-child(2n):after{display:none;}
	.sub04_pt:last-child:before{display:none;}
	.sub04_pt:last-child:after{display:none;}
}