@charset "utf-8";
/*-------------------------------------------------
会社案内
-------------------------------------------------*/

/*企業理念*/
.rinen_wrap{display: flex; align-items: center; justify-content: center;}
.rinen_text{line-height: 2.4;}
.rinen_text .heading{font-size: 200%; font-weight: 500; font-feature-settings: "palt"; margin: 1em 0 1.5em; letter-spacing: 0.1em;}
.rinen_text p{margin: 0;}
.rinen_text p+p{margin-top: 2em;}
@media screen and (max-width:960px){
.rinen_text{line-height: 2;}
.rinen_text .heading{font-size: 140%;}
}

/*ご挨拶*/
.aisatu_wrap{display: flex; align-items: center; justify-content: center;}
.aisatu_text{line-height: 2.4;}
.aisatu_text p{margin: 0;}
.aisatu_text p+p{margin-top: 2em;}
@media screen and (max-width:960px){
.aisatu_text{line-height: 2;}
}

/*ビジョン*/
.vision .heading.style.af{font-size: 240%; letter-spacing: 0.17em;}
.vision_wrap{display: flex; justify-content: center; gap:1em 2em; margin: 2em auto;}
.vision_item{background: #e8edf5; width: calc((100% - 4em) / 3); padding: 1.5em 2em 1em;}
.vision_item .heading{font-size: 240%; font-weight: 500; margin: 0;}
.vision_item p:not(.heading){font-size: 110%; padding-left: 1em;}
@media screen and (max-width:960px){
.vision_wrap{flex-direction: column;}
.vision_item{width: 100%;}
.vision_item .heading{font-size: 200%;}
}

/*役員リスト*/
ul.yakuin{margin: 2em auto 4em;}
ul.yakuin>li{display: flex; align-items: center; gap:1em 3em;}
ul.yakuin>li+li{margin-top: 2em; padding-top: 2em; border-top: 1px solid #ccc;}
ul.yakuin .image{width: 14%;}
ul.yakuin .text{flex: 1; display: flex; align-items: center; gap:1em 2em;}
ul.yakuin .head{width: 12em; align-self: flex-start;}
ul.yakuin .class{font-size: 90%;}
ul.yakuin .name{font-weight: 600; font-size: 140%; font-feature-settings: "palt"; letter-spacing: 0.2em;}
ul.yakuin ul.history>li{display: flex;}
ul.yakuin ul.history .time{ width: 7em;}
ul.yakuin ul.history .time+*{flex: 1;}
@media screen and (max-width:960px){
ul.yakuin>li{flex-direction: column;}
ul.yakuin .image{width: min(50%,400px);}
ul.yakuin .text{flex-direction: column;}
ul.yakuin .head{width: auto; align-self: center;}
ul.yakuin ul.history{font-size: 90%;}
}

/* 会社概要の文章 */
.overview_text{line-height: 2; margin-bottom: 3em;}

/* 外観イメージ */
.overview .fix_gaikan{position: absolute; top: 2em; right: 2em; width: 30%;}
@media screen and (max-width:960px){
.overview .fix_gaikan{position: relative; top: auto; right: auto; width: 100%; margin: 2em auto;}
}
/* 組織図 */
.sosikizu_wrap img{width: min(100%,800px);}

/*アクセス*/
.image-text.access{align-items: center; row-gap:2em;}
.image-text.access .image{width: 30%; align-self: flex-start;}
.c_map{margin: 2em auto;}
.map_button{text-align: center;}
@media screen and (min-width:961px) and (orientation:landscape){
.c_map iframe[src*="google.com/maps"]{aspect-ratio: 2/1;}
}