@charset "utf-8";
/*------------------------------about------------------------------*/

#contents-inner-about{margin:0px 0px 20px 0; font-size: 16px; line-height: 1.6em; color:#333333; width: 100vw; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw); font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; overflow: hidden;}
#contents-inner-about .inn{ width: 1200px; margin: auto;}
#contents-inner-about h2{ height: 300px; background: transparent; border: none; position: relative; z-index: 0; padding: 95px 0 0 0; margin: 0; color: #ffffff;font-size: 34px; text-align: center; box-sizing: border-box;}
#contents-inner-about h2:before{display: block; content: ""; width: 100%; margin: 0 auto 0 auto; background:#3d3d3d; height: 100%; position: absolute; top:0; left:0; z-index: -1;}
#contents-inner-about h3.about_h{font-size: 38px; line-height: 1.6em; color: #333333; border: none; background: none; padding: 0; margin: 0 0 50px;}
#contents-inner-about h3.about_h span{display: block; font-size:100px; font-family: Arial, Helvetica, "sans-serif"; color: #f2efe7;font-weight: 700;line-height: 1.1;letter-spacing: calc(-20 / 1000* 1em);}

#contents-inner-about .sp{ display: none;}

@media print, screen and (max-width: 1250px) {
	#contents-inner-about{  width: 1250px; margin: 0 0 0 -75px;}
}

#contents-inner-about .block1{margin:0px 0px 0px 0px;background:url("../images/about/text_bg.webp") no-repeat center top; background-size: cover; text-align: center; font-size: 18px; line-height: 1.8em; color:#000000; box-sizing: border-box; padding: 60px 0 0 0; height: 705px; position: relative; z-index: 0; }


#contents-inner-about .block2{ position: relative; z-index: 1; background: #3d3d3d; color: #ffffff; padding: 30px 0 100px 0;}
#contents-inner-about .block2:before {content: "";width: 0;height: 0;border-style: solid;border-color: transparent transparent #3d3d3d transparent;border-width: 0px 0px 450px 3000px;position: absolute;top: -450px;left: 0;right: 0;z-index:0;}
#contents-inner-about .block2 .inn {display: flex;flex-direction: row-reverse;justify-content: space-between;flex-wrap: nowrap; align-items: flex-end; margin-top: -110px;}
#contents-inner-about .block2 .text{ width: 380px; margin: 0 0 -8px 0;}
#contents-inner-about .block2 h3.about_h{ font-size: 35px; color: #beaf87;}
#contents-inner-about .block2 h3.about_h span{ font-size: 90px; color: #69655d;}
#contents-inner-about .block2 p{ line-height: 1.8em;}
#contents-inner-about .block2 p + p{ margin-top: 30px;}


#contents-inner-about .block3 .inn {display: flex;flex-direction: row-reverse;justify-content: space-between;flex-wrap: nowrap; }
#contents-inner-about .block3 .inn + .inn{flex-direction: row; margin-top: 150px;}
#contents-inner-about .block3 .forte_h{ margin-bottom: 60px;}
#contents-inner-about .block3 .text{ width: 600px;}
#contents-inner-about .block3 p{ line-height: 1.8em;}
#contents-inner-about .block3 p + p{ margin-top: 30px;}


#contents-inner-about .block4{ position: relative; z-index: 1; padding: 100px 0 0 0; margin-top: -80px;}
#contents-inner-about .block4:before {content: "";width: 0;height: 0;border-style: solid;border-color: transparent transparent  transparent #beaf87;border-width: 530px 0px 0px 3000px;position: absolute;top: 0;left: 0;right: 0;z-index:-1;}
#contents-inner-about .block4 .inn {display: flex;flex-direction: row-reverse;justify-content: space-between;flex-wrap: nowrap; }
#contents-inner-about .block4 .text{ width: 600px; padding-top: 225px;}
#contents-inner-about .block4 h3.about_h{ font-size: 36px; margin-bottom: 80px;}
#contents-inner-about .block4 p{ line-height: 1.8em;}
#contents-inner-about .block4 p + p{ margin-top: 20px;}


#contents-inner-about .block5{ position: relative; z-index: 1; padding: 80px 0 0 0;}
#contents-inner-about .block5 h3{ background: none; text-align: center;}
#contents-inner-about .block5 h3 + p{ margin-bottom: 60px; font-size: 18px; line-height: 1.8em; text-align: center;}
#contents-inner-about .block5 h4{ margin: 0; padding: 0;}

#contents-inner-about .block5 .promise_list{display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;}
#contents-inner-about .block5 .promise_list *{box-sizing: border-box;}
#contents-inner-about .block5 .promise_list li{margin-bottom: 20px;padding-right: 10px;padding-left: 10px;}
#contents-inner-about .block5 .promise_list li:first-child{  width: 55%;}
#contents-inner-about .block5 .promise_list li:nth-child(2){width: 45%;}
#contents-inner-about .block5 .promise_list li:nth-child(3){width: 45%;}
#contents-inner-about .block5 .promise_list li:nth-child(4){width: 55%;}
#contents-inner-about .block5 .promise_list li:nth-child(5){width: 100%;}

#contents-inner-about .block5 .promise_list li .box{width: 100%;height: 100%;padding: 30px;border: 8px solid #beaf87;text-align: center}
#contents-inner-about .block5 .promise_list li:nth-child(5) .box{display: flex;-webkit-box-align: center;justify-content: space-evenly;align-items: center;}
#contents-inner-about .block5 .promise_list li .num{margin-bottom: 20px;color: #aa9a6f;font-size: 20px;line-height: .9;text-align: center; font-family: Arial, Helvetica, "sans-serif";}
#contents-inner-about .block5 .promise_list li .num > span{display: block;font-weight: 700;font-size: 200px;}
#contents-inner-about .block5 .promise_list .box_inn{}
#contents-inner-about .block5 .promise_list .box_inn h4{margin-bottom: 15px;font-weight: 700;font-size: 50px; font-feature-settings: "palt" 1;line-height: 1.6em; letter-spacing: 0.03em;font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; color: #333333;}

#contents-inner-about .block5 .promise_list li:nth-child(2) .box_inn h4,
#contents-inner-about .block5 .promise_list li:nth-child(3) .box_inn h4{ font-size: 30px;}
#contents-inner-about .block5 .promise_list li:nth-child(4) .box_inn h4,
#contents-inner-about .block5 .promise_list li:nth-child(5) .box_inn h4{ font-size: 36px;}

#contents-inner-about .block5 .promise_list .box_inn .txt{ font-size: 17px; line-height: 1.6em; letter-spacing: 0.03em; }
#contents-inner-about .block5 .promise_list .box_inn .txt .sp{ display: none;}



#contents-inner-about .block6{ position: relative; z-index: 1; margin: 80px 0 0 0;}
#contents-inner-about .block6 table{border-top: 1px #c7c7c7 dotted;}
#contents-inner-about .block6 th,#contents-inner-about .block6 td{ border-bottom: 1px #c7c7c7 dotted; padding: 15px 0 15px 0;}
#contents-inner-about .block6 th{ box-sizing: border-box; width: 200px;}