
/* 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/sub01/01-01.jpg); background-size:cover; background-position:center;}
.sub01_txt{width:62.5%; padding:60px 40px; background-size:cover; background-image:url(../img/sub01/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:22px; font-weight:300; color:#fff; margin-bottom:30px;}
.sub01_txt .price strong{font-weight:500;}
.sub01_txt .desc{font-size:16px; font-weight:300; color:#ddd;}


@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;display: inline-block}
.sub02_title_wrap h2 {font-size:34px; font-weight:300;word-break: keep-all}
.sub02_title_wrap h2 strong {font-weight:500;}


/* 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/sub01/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:25%;}
	.sub04_pt:nth-child(5):before{display:block;}
	.sub04_pt:nth-child(5):after{display:block;}
	.sub04_pt:nth-child(4n):before{display:none;}
	.sub04_pt:nth-child(4n):after{display:none;}
}

@media(max-width:1000px){
	.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;}
}

/* sub05 */

#sub05{padding:0 20px; margin-bottom:130px;}

.sub05_pt_wrap{width:100%; max-width:1045px; margin:0 auto;}
.sub05_pt_box{display:flex; flex-flow:row wrap; margin:0 -15px;}

.sub05_pt{width:50%; padding:0 15px; display:flex; flex-flow:row wrap; position:relative;}

.sub05_pt .pt_box{width:50%; padding:0 5px;}

.sub05_pt .circle{width:40px; height:40px; background-color:#dc4405; display:flex; justify-content:center; align-items:center; color:#fff; font-size:20px; border-radius:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.sub05_pt .pt_img{width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; padding-bottom:97%; background-color:#ddd;}

.sub05_pt .pt_img.img01{background-image:url(../img/sub01/05-01.jpg);}
.sub05_pt .pt_img.img02{background-image:url(../img/sub01/05-02.jpg);}
.sub05_pt .pt_img.img03{background-image:url(../img/sub01/05-03.jpg);}
.sub05_pt .pt_img.img04{background-image:url(../img/sub01/05-04.jpg);}

.sub05_pt .pt_txt{background-color:#2a2e32; text-align:center; font-size:16px; font-weight:400; color:#fff; padding:10px 0;}
.sub05_pt .pt_txt.after{color:#dc4405;}


@media(max-width:700px){
	.sub05_pt{width:100%; max-width:500px; margin:0 auto 30px;}
	.sub05_pt:last-child{margin-bottom:0;}
}
