@charset "UTF-8";
/* CSS Document */
.page_about{}
.mv{
  overflow: hidden;
  position: relative;
  text-align: center;min-width: 1200px;margin: auto
}
.mv img{;border-radius: 0  0 50px 50px;}
.mv h2{position: absolute;left: 0;right: 0;margin: auto;top: 50%;z-index: 10; font-weight: bold; font-size: 3.1rem;letter-spacing: 0.1em;text-indent: 0.1em; line-height: 1;color: #fff;text-shadow: 2px 2px 3px rgba(0,76,161,1);}
.mv h2 span{font-size: 1.3rem}

@media screen and (max-width: 1200px) {/*小さい画面*/
.mv{ min-width: 100%;}
.mv .inner--base{width: 100%}
.mv img{height: 40vh!important;min-height: 300px; object-fit: cover;border-radius: 0  0 30px 30px}
.mv h2{font-size: calc(0.25vw + 1.5rem);}
}



.page_sec h3{font-weight: bold; font-size: 3.6rem;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1;}
.page_sec h3 span{font-size: 1.2rem}
@media screen and (max-width: 1200px) {/*小さい画面*/
.page_sec h3{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.page_sec h3 span{font-size: calc(0.25vw + 1rem);}
}



.page_sec .copy{font-size: 1.8rem;margin-top: 30px;margin-bottom: 50px}
.body_bg{background:#f5f2ec;padding: 60px 0;margin-top: 80px; }

.indent {margin-left: 1em;text-indent: -1em;}
.about{text-align: center;padding-top: 50px}
.about h4{background: #f6a700;color: #fff;margin: 60px 0 30px;padding: 8px;border-radius: 30px;font-size: 2.4rem;letter-spacing: 0.1em;text-indent: 0.1em;}
.about ul{margin-top: 30px;}
.about li{position: relative;width:48%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;border-radius: 30px;display: flex;
    flex-direction: column;}
.about li h5{font-size: 2.6rem;letter-spacing: 0.3em;text-indent: 0.3em;background: #f5f2ec;padding: 20px 0;margin-bottom: 20px}
.about li .txt{text-align: left;margin-top: auto}
.about .box{background:#f5f2ec;padding: 30px;text-align: left;border-radius: 30px;margin: 30px auto 12px}
.about .box dt{font-size: 2rem;letter-spacing: 0.1em;font-weight: bold;color: #f6a700;}
.about .box dd span{color: #f6a700;font-size: 1.8rem;}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about li{width: 100%;margin-bottom: 40px;}
.about li h5{font-size: 2rem;;letter-spacing: 0.1em;text-indent: 0.1em;}
.about .box{padding: 20px;margin-top: 20px}
}


.news h2{background: #f6a700;color: #fff;margin: 30px 0 30px;padding: 8px;border-radius: 30px;font-size: 2.4rem;letter-spacing: 0.1em;text-indent: 0.1em;}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.news h2{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}

}


.flow{}
.flow .col40{width: 32%}
.flow .col60{width: 66%}
.flow li{text-align:left}
.flow .arrow{width: 27px;margin: 12px auto}
.flow .arrow img{width: 100%}
.flow .toiawase{margin-top: 40px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.flow{margin-top: 80px}
.flow li{width: 100%;margin-bottom: 0px;}
.flow .col40{width: 100%;margin-bottom: 12px}
.flow .col60{width: 100%}
.flow .arrow{width: 27px;margin: 6px auto}
}