.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}
.txt-right{text-align: right!important}
.txt-center{text-align: center!important}
.mt-30{margin-top: 30px!important}
.mt-50{margin-top: 50px!important}
.coution{margin-top: 8px; font-size: 1.2rem;margin-left: 1em;text-indent: -1em;}
@media only screen and (max-width: 849px) {
.text27{font-size: 2.7rem}
.text12{font-size: 1rem}
}
/*----------------------*/

.sec_intro .person{background:#f5f3f2;padding: 30px 0;margin: 40px auto 0;}
.sec_intro .person ul{position: relative;width:800px; border-left:1px dotted #a8a9a9;border-right: 1px dotted #a8a9a9;margin: auto}
.sec_intro .person ul::after {
  position: absolute;  content: "";  width: 1px;  height: 100%;  border-left:1px dotted #a8a9a9;  top: 0;  bottom: 0;  right: 0;  left: 0;  margin: auto;}
.sec_intro .person .titleperson {width: 380px;display: block; margin:-50px auto 10px;}
.sec_intro .person li span{font-size: 2.6rem;}
.sec_intro .person li span.text12{font-size: 1.5rem;}
.sec_intro .person li.name{width:180px;margin: 0 0% 0 3%;}
.sec_intro .person li.photo{width:102px;margin: 0 3% 0% 0 0%}
.sec_intro .person li:nth-child(3){margin-left: 80px;}
@media only screen and (max-width: 849px) {
.sec_intro .person{width: 90%;margin: 40px auto 0;padding:20px 10px 14px}
.sec_intro .person ul{position: relative;width:96%; border-left:none;border-right: none;margin: auto}
.sec_intro .person li{margin: 0;position: relative}
.sec_intro .person .titleperson {width: 100%;}
.sec_intro .person li.name{width:40%;margin: 0;}
.sec_intro .person li.photo{width:40%;margin:0}
.sec_intro .person li:nth-child(3){margin-left: 0px;margin-top: 40px}
.sec_intro .person li:nth-child(4){margin-top: 40px}
.sec_intro .person li span{font-size: 1.8rem;}
.sec_intro .person ul::after {
  position: absolute;  content: "";  width: 100%;  height: 1px;  border-left:none; border-top:1px dotted #a8a9a9; top: 0;  bottom: 0;  right: 0;  left: 0;  margin: auto;}
}


.recommend_setsubi_02_midashi{text-align: center; margin: 100px auto 60px;font-size: 2.3rem;line-height: 2.4}
.recommend_setsubi_02_midashi h2 span{background:#00b1cd;color: #fff9b1;padding: 6px;}
@media only screen and (max-width: 849px) {
.recommend_setsubi_02_midashi{margin: 60px auto 0;font-size: 1.6rem;}
}

.sec_text .copy{line-height: 2}

.recommend_setsubi_02_subtitle{color: #37a7cc;font-size: 1.7rem;  font-weight: 600;margin-top: 30px}
@media only screen and (max-width: 849px) {
.recommend_setsubi_02_subtitle{font-size: 1.5rem;}
}

#co01 dd{margin-top: 12px;}
#co01 dd span{font-weight: 600;}
#co01 .box{margin-top: 80px;}
#co01 .box .recommend_setsubi_03_subtitle{color: #37a7cc;font-size: 2.3rem;  font-weight: 600;background: #f7f3f5;width: 86%;margin: auto;border-radius: 30px 30px 0 0;text-align: center;padding: 50px 0 0;line-height: 2.4}
#co01 .box .recommend_setsubi_03_subtitle span{padding: 0 8px; background: linear-gradient(transparent 60%, #ffdf42 70%);}
#co01 .box .cont{background: #f7f3f5;margin: auto;border-radius: 30px 30px;padding: 50px}
#co01 .zu{margin-top: 50px}
#co01 .movie{margin-top: 50px; background: #f7f3f5;border-radius: 50px}
#co01 .movie dl{padding: 20px 50px 50px}
#co01 .movie dt{margin-top: 30px;font-weight: 600;}
#co01 .movie dd{border-bottom: 1px dotted #a2a2a2;padding-bottom: 30px}
#co01 h4{color: #5cb531;text-align: center;margin-top: 50px;}
#co01 .bt1{width: 286px;margin: 30px auto}
#co01 .u-next{width: 500px;margin: auto}

@media only screen and (max-width: 849px) {
#co01 .box{margin-top: 50px;}
#co01 .box .recommend_setsubi_03_subtitle{font-size: 1.5rem;padding: 30px 0}
#co01 .box .cont{padding: 20px}
#co01 .zu{margin-top: 12px}
.zu_title{margin-top: 30px!important;display: block;}
.mobile-scroll {width: 100%; overflow-x: scroll;}

.mobile-scroll img{width: 600px;}
.mobile-scroll2 {width: 100%; overflow-x: scroll;}
.mobile-scroll2 img{width: 500px;}
#co01 .movie dl{padding: 20px 30px 30px}
#co01 .movie dt{margin-top: 10px;font-weight: 600;}
#co01 .u-next{width: 100%;margin: auto}
}