@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(200,95,5,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; }



.overview{text-align: center;padding-top: 50px}
.overview h4{background: #f6a700;color: #fff;margin: 20px 0 20px;padding: 8px;border-radius: 30px;font-size: 2.4rem;letter-spacing: 0.1em;text-indent: 0.1em;}
.overview ul{margin-top: 90px;}
.overview li{position: relative;width: 31%;background: #f5f2ec;padding: 30px;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;}
.overview li .fukidashi{position: absolute;left: 0;right: 0;top: -20px;margin: auto;width: 40%}
.overview li h5{font-size: 3.8rem;letter-spacing: 0.3em;text-indent: 0.3em;}
.overview li .icon{margin: 20px 0}
.overview li .txt{text-align: left;margin-top: auto}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.overview li .fukidashi{width: 50%}
.overview li{width: 100%;margin-bottom: 40px;}
}

.outline{text-align: center;}
.outline .rinen li:nth-child(1) p{background: #f8b94a;width: 100px;height: 100px;line-height: 100px; text-align: center;color: #fff;border-radius: 50%;font-size: 2.4rem;letter-spacing: 0.1em;text-indent: 0.1em;margin-right: 20px;}
.outline .rinen li:nth-child(2){text-align: left}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.outline .rinen li:nth-child(1) p{margin-right: 0;margin-bottom: 0px;margin-top: 30px;}
.outline .rinen li:nth-child(2){text-align:center}
}


.head-border {    position: relative;    display: inline-block;    padding: 0 80px;margin: 50px 0 30px;font-weight: bold;font-size: 1.8rem}
.head-border:before,
.head-border:after {    content: '';    position: absolute;    top: 50%;    display: inline-block;    width: 50px;    height: 1px;    background-color: #595757;}
.head-border:before {    left: 0;}
.head-border:after {    right: 0;}
.sosiki{text-align: left;display: grid;  grid-template-columns: auto 1fr;  width: max-content;  max-width: 100%;  line-height: 2;}
.sosiki dt{padding-right: 2em;font-weight: bold;text-align-last: justify;margin-bottom: 8px}
.sosiki dd{margin-bottom: 8px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/

}
.map {    position: relative;    width: 100%;    padding-top: 56.25%;    height: 0;}
.map iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

.jigyousuo dt{font-weight: bold;text-align: left;position: relative;margin-top: 30px;}
.jigyousuo dt span{background:#f5f2ec;position: relative;z-index: 1; padding: 3px 5px;margin-right: 20px; }
.jigyousuo dt::before{position: absolute;  content: "";  width: 100%;  height: 1px;  background-color: #595757;  top: 0;  bottom: 0;  left: 0;  margin: auto;}
.jigyousuo dd{text-align: left;margin-top:30px }

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.jigyousuo dd .col2{width: 100%}
.jigyousuo dd .col2:nth-child(1){margin-bottom: 30px}
}

.indent {margin-left: 1em;text-indent: -1em;}
.guide{text-align: center;padding-top: 50px}
.guide h4{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;}
.guide ul{margin-top: 30px;}
.guide 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;}
.guide li h5{font-size: 2.6rem;letter-spacing: 0.3em;text-indent: 0.3em;background: #f5f2ec;padding: 20px 0;margin-bottom: 20px}
.guide li .txt{text-align: left;margin-top: auto}
.guide .box{background:#f5f2ec;padding: 60px;text-align: left;border-radius: 30px;margin-top: 50px}
.naiyo{background: #fff;padding: 30px;margin-top: 30px;border-radius:30px }
.guide .box h6{font-size: 2rem;margin-bottom: 20px;color: #f6a700}
.guide .box h6{font-weight: bold;text-align: left;position: relative;}
.guide .box h6 span{background:#fff;position: relative;z-index: 1; padding: 3px 5px;margin-right: 20px; }
.guide .box h6::before{position: absolute;  content: "";  width: 100%;  height: 1px;  background-color: #f6a700;  top: 0;  bottom: 0;  left: 0;  margin: auto;}
.guide .box dt{font-weight: bold;margin-top: 20px}
.guide .box dt span{color: #f6a700}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.guide li{width: 100%;margin-bottom: 40px;}
.guide li h5{font-size: 2rem;;letter-spacing: 0.1em;text-indent: 0.1em;}
.guide .box{padding: 20px;margin-top: 20px}
.naiyo{padding: 20px;}
}

.flow{margin-top: 120px}
.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%}
@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}
}
.qa{margin-top: 120px;}
.qa dl{text-align: left;margin-top: 30px;background: #f5f2ec;padding: 30px;border-radius: 30px;}
.qa dt{font-size: 2.2rem;letter-spacing: 0.1em;color: #f6a700;font-weight: bold;margin-bottom: 12px}
.qa dt span{display: inline-block;background: #f8b94a;width: 40px;height: 40px;line-height: 40px; text-align: center;color: #fff;border-radius: 50%;font-size: 1.6rem;letter-spacing: 0.1em;text-indent: 0.1em;margin-right: 20px;}
.qa dd{margin-left: 60px;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.qa{margin-top: 80px;}
.qa dt span{font-size: 1.4rem;margin-right: 14px;}
.qa dt{font-size: 2rem;}
.qa dd{margin-left: 0px;}
}