@charset "utf-8";

/* mainimage */
#mainvisual{position: relative;overflow: hidden;width: 100%;}
#mainvisual h2{position: absolute;z-index: 2;display: flex;width: 40.855%;bottom: -5px;left: 5%;}
.mainimage{width: 100%;}
/* 共通 */
.contents_imgbg{background: url("../../common/img/layer_bk.webp") center 20%/100%;}
.inner{max-width: 1000px;margin: 0 auto;width: 90%;}
.contents_item{margin-top: 100px;}
.contents_tit{text-align: center;font-size: 28px;color: #a25d29;letter-spacing: 0.1em;font-weight: 500;}
.contents_tit + p{text-align: center;letter-spacing: 0.05em;line-height: 1.8;font-size: 18px;margin-top: 2em;}
.contents_tit + p .logo{font-family: YakuHanMP, "EB Garamond", "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;font-weight: 400;font-style: normal;}

.contents_tit + p ~ figure{margin-top: 70px;}
.section_tit{font-size: 18px;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
.section_tit + *{margin-top: 20px;}
.contents_tit_s + p{font-size: 15px;margin-top: 0.7em;line-height: 1.7;}
.note{font-size: 10px;margin-top: 1.5em;}
.bottom_note ul li::before{content: "※";}
[data-ruby] {position: relative;}

#intro .corplogo02{margin: 0 auto 3em;width: 100%;}
#intro .corplogo02 dl{display: flex;justify-content: center;align-items: center;width: 100%;}
#intro .corplogo02 dt{}
#intro .corplogo02 dt{font-size: 13px;}
#intro .corplogo02 dd img.shimizu{width: 260px;margin-left: 0.5em;}
#intro .corplogo02 dd img.sanshin{width: 200px;margin-left: 0.5em;}

@media screen and (max-width: 767px){
/* mainimage */
.mainvisual h2{width: 65.10416666666667%;position: absolute;bottom: 0px;left: -10px;}
.mainimage{width: 100%;}
/* 共通 */
.contents_item{margin-top: 60px;}
.contents_tit{font-size: 1.2em;}
.contents_tit + p{font-size: 15px;margin-top: 1.5em;letter-spacing: 0;}
.contents_tit + p ~ figure{margin-top: 30px;}
.section_tit{font-size: 15px;}
.section_tit + *{margin-top: 15px;}
.note{font-size: 8px;}
}

#intro{padding-top: 150px;}
#vision{padding-top: 100px;text-align: center;}
.viequ{font-size: 50px;letter-spacing: 0.1em;line-height: 1;}
.viequ span strong{color: #a25d29;}
.viequ span[data-ruby]::before{content: attr(data-ruby);position: absolute;bottom: -1.2em;left: 0;right: 0;margin: auto;font-size: 0.3em;text-align: center;letter-spacing: 0;}
.viequ + p{letter-spacing: 0.05em;line-height: 1.8;font-size: 18px;margin-top: 4em;}
.viequ + p .logo{font-family: YakuHanMP, "EB Garamond", "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;font-weight: 400;font-style: normal;}
.viequ_item{margin-top: 50px;background: #a25d29;color: #fff;font-size: 35px;line-height: 1.9;display: inline-block;padding: 15px 70px;letter-spacing: 0.1em;}
.viequ_item big{font-size: 2em;line-height: 1;}
.viequ_item .viequ_note{font-size: 12px;text-align: right;margin-top: -1em;}
.viequ_item span{font-size: 1.25em;}
.viequ_item span[data-ruby]::before{content: attr(data-ruby);position: absolute;top: -1.4em;left: 0;right: 0;margin: auto;font-size: 0.45em;letter-spacing: 0;text-align: left;}
#achievement{padding: 100px 0;}
.achievement_list{display: flex;flex-wrap: wrap;gap: 30px 2%;}
.achievement_list > li{width: 32%;}
.achievement_list > li h5{font-size: 18px;margin-top: 0.5em;}
.achievement_list > li h5 + p{font-size: 15px;margin-top: 0.5em;}


@media screen and (min-width: 768px){
}

@media screen and (max-width: 767px){
.maining_note{text-align:right;font-size:0.6em;margin-right: 0.5em;}
#mainvisual h2{width: 47.52%;bottom: -2px;left: 5%;}
#intro{padding-top: 50px;}
#vision{padding-top: 50px;}
.viequ{font-size: 33px;line-height: 1.8;}
.viequ span{display: inline-block;}
.viequ span[data-ruby]::before{bottom: -0.8em;}
.viequ + p{font-size: 15px;margin-top: 2em;}
.viequ_item{margin-top: 30px;font-size: 17px;padding: 10px 10px;letter-spacing: 0;line-height: 2.5;}
.viequ_item span{display: inline-block;}
.viequ_item span[data-ruby]::before{top: -1.0em;font-size: 0.5em;}
#achievement{padding: 50px 0;}
.achievement_list{gap: 20px 2%;}
.achievement_list > li{width: 49%;}
.achievement_list > li img{width: 100%;}
.achievement_list > li h5{font-size: 15px;}
.achievement_list > li h5 span{display: inline-block;}
.achievement_list > li h5 + p{font-size: 0.7em;}
#intro .corplogo02 dd img.shimizu{width: 230px;}
#intro .corplogo02 dd img.sanshin{width: 170px;}
.contents_tit{font-size: 1.1em;}


}