.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
.flex--between{/*両端揃え*/-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:25%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}
.text27{font-size: 2.7rem}
.text12{font-size: 1.2rem}
span.marker {background: linear-gradient(transparent 60%, #fff100 60%);}
@media only screen and (max-width: 849px) {
.text27{font-size: 2.7rem}
.text12{font-size: 1rem}
}
/*----------------------*/

.sec_intro .person{background: #dae7ed;border-radius: 20px;padding: 30px 0;width: 800px;margin: 40px auto 0}
.sec_intro .person li{margin: 0 3%}
.sec_intro .person li span{font-size: 2rem;}
@media only screen and (max-width: 849px) {
.sec_intro .person{width: 80%;margin: 20px auto 0;padding:20px 30px 14px}
.sec_intro .person li{margin: 0;position: relative}
.sec_intro .person li:nth-child(1){width: 60%;font-size: 1.2rem;}
.sec_intro .person li:nth-child(2){width: 26%}
.sec_intro .person li:nth-child(1) div{position: absolute;top: -50px;left: -20px}
.sec_intro .person li span{font-size: 1.8rem;}
}


.recommend_setsubi_02_midashi{text-align: center; margin: 100px auto 0;font-size: 3.0rem;}
.recommend_setsubi_02_midashi img{width: 126px;}
@media only screen and (max-width: 849px) {
.recommend_setsubi_02_midashi{margin: 60px auto 0;font-size: 2.0rem;}
.recommend_setsubi_02_midashi img{width: 20%;}
}

.sec_text .copy{line-height: 2}

.recommend_setsubi_02_subtitle{color: #2099ca;font-size: 2.3rem;  font-weight: 600;margin-top: 30px}
@media only screen and (max-width: 849px) {
.recommend_setsubi_02_subtitle{font-size: 1.8rem;}
}

.zu{background: #e3edf1;padding:120px 30px 30px;margin-top: 30px;position: relative}
.zu h3{position: absolute;left: -6px;top: 20px; width: 100%; background: url("../img/recommend/setsubi/02/zu_title.svg") no-repeat left center;padding: 20px 0 30px 20px;background-size: 440px auto;color: #2099ca;font-size: 2.3rem;  font-weight: 600;}
.zu h4{color: #2099ca;font-size: 2.3rem;  font-weight: 600;}
@media only screen and (max-width: 849px) {
.zu{padding:80px 20px 30px;}
.zu h3{padding: 24px 0 30px 20px;top: 0px; background-size: 88% auto;font-size: 2rem;}
.zu h4{font-size: 1.8rem;}
}



.zu.zu1 li{margin-top: 30px;position: relative}
.zu.zu1 li p{padding-left: 15px;font-size: 1.4rem}
.zu.zu1 li h5{text-align: center;letter-spacing: 0.05em;padding-top: 50px;line-height: 2}
.zu.zu1 h6{margin-top: 30px; font-size: 2.2rem; font-weight: 500;color: #2099ca;}
.zu.zu1 h6 span{border-bottom: 1px solid #2099ca}
.zu.zu1 .illa{position: absolute;right: 20%;bottom: -120px}
@media only screen and (max-width: 849px) {
.zu.zu1 li.col3{width: 48%}
.zu.zu1 li.col3:nth-child(6){width: 100%}
.zu.zu1 li h5{padding-top: 0px;text-align: left}
.zu.zu1 .illa{position: absolute;right: 3%;bottom:0%;width: 25%}
.zu.zu1 h6{font-size: 1.8rem;}
}

.zu2{margin-top: 30px;}
.zu2 li{margin: 0 1%}

.zu2 li h4{color: #2099ca;font-size: 2.1rem; }
@media only screen and (max-width: 849px) {
.zu2 li{margin: 1% 0}
.zu2 li:nth-child(1){width: 13%;margin-right: 4%}
.zu2 li h4{font-size: 1.7rem; line-height: 1.2}
}

.zu.zu4 ul{margin-top: 30px;}
.zu.zu4 li h5{color: #2099ca;font-size: 1.6rem;text-align: center;padding: 8px 0; }
.zu.zu4 li h6{background:#2099ca;color: #fff;padding: 2px 0; text-align: center;font-weight: normal}
.zu.zu4 .box1{margin: 30px 0 50px 0;background: #fff;padding: 30px;}
.zu.zu4 .box1 dt{width: 14%}
.zu.zu4 .box1 dd{width: 80%;font-size: 1.4rem}
.zu.zu4 .img2{width: 80%;margin: 20px auto 40px}
@media only screen and (max-width: 849px) {
.zu.zu4 li.col3{width: 100%}
.zu.zu4 li.col3:nth-child(2){margin: 30px 0}
.zu.zu4 .box1 dt{width: 100%;text-align: center;margin-bottom: 20px}
.zu.zu4 .box1 dt img{width: 30%}
.zu.zu4 .box1 dd{width: 100%;}
.zu.zu4 .img2{width: 100%;margin: 20px auto 30px}
}

.sec_outro {padding: 0;  max-width: 800px; margin: 150px auto 0;	position: relative;	text-align: center;   }
.sec_outro .title_up{position: absolute;width: 345px; top: -110px;left: 30%;z-index: 1}
.sec_outro h2{position: relative;display: inline-block;background:#2099ca;color: #fff;border-radius: 20px 20px 0 0;padding: 20px 80px 12px;;font-size: 2.2rem; }
.sec_outro h2:after{border-bottom: 1px dotted #fff;position: absolute;content: "";  width: 80%;  height: 1px;  bottom: 5px;  right: 0;  left: 0;  margin: auto;}
.sec_outro .box2{background:#2099ca;color: #fff;border-radius: 20px;padding: 20px 30px;text-align: left}
.sec_outro .box2 .copy{width: 80%;line-height: 2}
.sec_outro .box2 .img3{width: 15%}
@media only screen and (max-width: 849px) {
.sec_outro {margin: 80px auto 0;}
.sec_outro .title_up{position: absolute;width: 73%; top: -7em;left: 16%;z-index: 1}
.sec_outro h2{padding: 15px 20px 10px;font-size: 1.8rem; }
.sec_outro .box2 .copy{width: 100%;line-height: 2}
.sec_outro .box2{width: 90%;margin: auto}
.sec_outro .box2 .img3{width: 35%;margin: auto}
}