/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

#text-xl {font-size: 60px;}

/* 検索ウィジェットのボタンカラー */
.search-widget button.search-widget__submit {background: #222222;}

/* 運営者ページテーブル */
table.has-border-color td {padding: 30px 10px;}

/* ビジネスeyeとはページ */
.bs-about-wrap {width: 100%; max-width: 2000px; height: auto; padding: 0; margin: 0 auto; background: url('https://sub01.sa-lab.com/wp-content/uploads/2024/04/cement-texture1.png') 0 0/cover repeat; display: block; box-sizing: border-box;}
.bs-about-wrap .tl-wrap {width: 100%; background: url('https://sub01.sa-lab.com/wp-content/uploads/2024/04/bs-about-wrap_tl-wrapbackimg.png') 0 0/contain no-repeat; box-sizing: border-box;padding: 150px 0; position: relative; display: block;}
.bs-about-wrap .tl-wrap h2.tl {font-size: 7vw; font-family: "YuMincho"; line-height: 1.2em; color: #E1E1E1; text-align: right; margin: 0 50px 0 0; position: relative; padding: 0; background: none !important;}
.bs-about-wrap .tl-wrap h2.tl span.under {font-family: "Meiryo"; position: absolute; bottom: -40px; right: 20px; font-weight: bold; font-size: 1.2rem; color: #222222;}
.bs-about-wrap .main-box {width: 900px; height: auto; margin: 0 auto; padding-top: 50px; background: #FFFFFF; border-radius: 20px; box-sizing: border-box; display: block;}
.bs-about-wrap .main-box h3.mb-tl {font-size: 7vw; font-family: "YuMincho"; line-height: 1em; color: #E1E1E1; text-align: center; position: relative; margin: 0; padding: 0; border: none;}
.bs-about-wrap .main-box h3.mb-tl span {font-family: "Meiryo"; display: inline-block; position: absolute; left: 0; right: 0; margin: auto; bottom: -40px; font-size: 1.4rem; font-weight: bold; color: #222222;}
.bs-about-wrap .main-box h3.mb-tl span span {padding: 0 10px; display: inline-block; position: relative; top: 30px; color: #9D0900; font-size: 4rem;}
.bs-about-wrap .main-box p {font-size: 1.2rem; line-height: 2em; width: 700px; margin: 0 auto; padding: 80px 0 80px; display: block; }
.bs-about-wrap div h3.in-tl {font-size: 2.6rem; line-height: 1em; font-family: "YuMincho"; color: #9D0900; position: relative; width: fit-content; margin: 80px auto 5px; z-index: 1; border: none; padding: 0;}
.bs-about-wrap div span.tl-under {font-size: 1rem; color: #D9D9D9; width: fit-content; margin: 0 auto 20px; display: block;}
.bs-about-wrap .ms-wrap {padding: 30px 20px 50px; display: block; background: url('https://sub01.sa-lab.com/wp-content/uploads/2024/04/ms-back-img.jpg') 0 0/cover no-repeat; position: relative; top: -20px; word-break: break-all;}
.bs-about-wrap .ms-wrap::after {content: ''; background-color: rgba(0, 0, 0,0.6); position: absolute; top:0; left: 0; right: 0; bottom: 0;}
.bs-about-wrap .ms-wrap h3.in-tl {font-size: 7rem; line-height: 1em; font-family: "YuMincho"; color: #828282; position: absolute; top: 130px; left: 21%; width: fit-content; margin: 0; z-index: 1; border: none;}
.bs-about-wrap .ms-wrap p { font-size: 1.2rem; line-height: 2em; display: block; text-align: left; position: relative; z-index: 1; color: #FFFFFF; margin-left: 32%; margin-top: 190px;}
.bs-about-wrap .ct-wrap { display: block; margin: 0 auto 130px;}
.bs-about-wrap .ct-wrap p { font-size: 1.2rem; text-align: center; line-height: 2em; padding: 0 20px;}
.bs-about-wrap .ct-wrap .flex-wrap {width: 90%; max-width: 1000px;margin: 50px auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between; justify-content: space-between;flex-wrap: wrap;}
.bs-about-wrap .ct-wrap .flex-wrap img.ct-img {width: calc( 100% / 4 - 4px );}
.bs-about-wrap .ft-wrap {width: 100%; max-width: 900px; padding-bottom: 50px; margin: 0 auto; display: block;}
.bs-about-wrap .ft-wrap .pc-wrap {display: block;}
.bs-about-wrap .ft-wrap .pc-wrap img {display: block; margin: 30px auto 20px;}
.bs-about-wrap .ft-wrap .pc-wrap .txt-wrap {width: 100%; margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content:  space-around; justify-content: space-around; padding: 0 40px;}
.bs-about-wrap .ft-wrap .pc-wrap .txt-wrap .txt-in {width: calc( 100% / 4 - 20px); padding-bottom: 150px;}
.bs-about-wrap .ft-wrap .pc-wrap .txt-wrap .txt-in p {text-align: center; line-height: 1.4em;}
.bs-about-wrap .ft-wrap .pc-wrap .txt-wrap .txt-in p:first-child {font-family: "YuMincho"; color: #ADADAD; margin-bottom: 20px; position: relative;}
.bs-about-wrap .ft-wrap .pc-wrap .txt-wrap .txt-in p:first-child::after {content: ''; position: absolute; bottom: -7px; width: 25px; height: 1px; background: #ADADAD; left: 0; right: 0; margin: auto; }
.bs-about-wrap .ft-wrap .tb-wrap {display: none;}
.bs-about-wrap .ft-wrap .sp-wrap {display: none;}
@media only screen and (max-width: 1024px) {
  .bs-about-wrap .tl-wrap h2.tl {font-size: 7vw;}
  .bs-about-wrap .tl-wrap h2.tl span.under {bottom: -30px;}
  .bs-about-wrap .main-box h3.mb-tl {font-size: 7vw;}
  .bs-about-wrap .main-box h3.mb-tl span { bottom: -25px; font-size: 1.2rem;}
  .bs-about-wrap .ms-wrap {background-position: 40% 0; }
  .bs-about-wrap .ms-wrap h3.in-tl {font-size: 7vw; top: 150px; left: 10%;}
  .bs-about-wrap .ms-wrap p {margin-left: 25%; margin-top: 170px;}
}
@media only screen and (max-width: 768px) {
  .bs-about-wrap .tl-wrap {padding: 10% 0;}
  .bs-about-wrap .tl-wrap h2.tl {margin-right: 30px; }
  .bs-about-wrap .tl-wrap h2.tl span.under { right: 40px;}
  .bs-about-wrap .main-box {width: 90%;}
  .bs-about-wrap .main-box h3.mb-tl span { bottom: -30px; font-size: 1.4rem;}
  .bs-about-wrap .main-box p {width: 90%; padding: 80px 0;}
  .bs-about-wrap .ms-wrap {background-position: 50% 0; }
  .bs-about-wrap .ms-wrap h3.in-tl {font-size: 7vw; top: 150px;}
  .bs-about-wrap .ms-wrap p {margin-top: 150px;}
  .bs-about-wrap .ct-wrap p {padding: 0 30px;}
  .bs-about-wrap .ct-wrap .flex-wrap img.ct-img {width: calc( 100% / 2 - 20px );}
  .bs-about-wrap .ft-wrap .pc-wrap {display: none;}
  .bs-about-wrap .ft-wrap .tb-wrap {display: block;}
  .bs-about-wrap .ft-wrap .tb-wrap img {width: 80%; display: block; margin: 30px auto 20px;}
  .bs-about-wrap .ft-wrap .tb-wrap .txt-wrap {width: 100%; margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content: center; justify-content: center; padding: 0 0 80px;}
  .bs-about-wrap .ft-wrap .tb-wrap .txt-wrap .txt-in {width: 30%; margin: 0 2%;}
  .bs-about-wrap .ft-wrap .tb-wrap .txt-wrap .txt-in p {text-align: center; line-height: 1.4em;}
  .bs-about-wrap .ft-wrap .tb-wrap .txt-wrap .txt-in p:first-child {font-family: "YuMincho"; color: #ADADAD; margin-bottom: 20px; position: relative;}
  .bs-about-wrap .ft-wrap .tb-wrap .txt-wrap .txt-in p:first-child::after {content: ''; position: absolute; bottom: -7px; width: 25px; height: 1px; background: #ADADAD; left: 0; right: 0; margin: auto;}
}
@media only screen and (max-width: 420px) {
  .bs-about-wrap .tl-wrap {padding: 15% 0 40%;}
  .bs-about-wrap .tl-wrap h2.tl {font-size: 11.5vw; margin-right: 10px;}
  .bs-about-wrap .tl-wrap h2.tl span.under {bottom: -65px; right: 10px; font-size: 0.8rem;}
  .bs-about-wrap .main-in {margin-top: 50px;}
  .bs-about-wrap .main-box h3.mb-tl {font-size: 14.5vw;}
  .bs-about-wrap .main-box h3.mb-tl span { bottom: -26px; font-size: 1.2rem;}
  .bs-about-wrap .main-box h3.mb-tl span span {top: 18px; padding: 0 5px; font-size: 2.4rem;}
  .bs-about-wrap .main-box p {padding: 50px 0 80px;}
  .bs-about-wrap .ms-wrap {background-position: 48% 0; }
  .bs-about-wrap .ms-wrap h3.in-tl {font-size: 14.5vw; top: 100px; left: 10%;}
  .bs-about-wrap .ms-wrap p {margin-left: 22%; margin-top: 115px;}
  .bs-about-wrap .ct-wrap .flex-wrap {width: 90%; max-width: auto;margin: 50px auto; display: block;}
  .bs-about-wrap .ct-wrap .flex-wrap img.ct-img {display: block; width: 80%; margin: 0 auto 20px; }
  .bs-about-wrap .ft-wrap .tb-wrap {display: none;}
  .bs-about-wrap .ft-wrap .sp-wrap {display: block;}
  .bs-about-wrap .ft-wrap .sp-wrap img {width: 60%; display: block; margin: 30px auto 0;}
  .bs-about-wrap .ft-wrap .sp-wrap .txt-wrap {width: 100%; margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content: center; justify-content: center; padding: 0 0 50px;}
  .bs-about-wrap .ft-wrap .sp-wrap .txt-wrap .txt-in {width: 80%; margin: 0 2%;}
  .bs-about-wrap .ft-wrap .sp-wrap .txt-wrap .txt-in p {text-align: center; line-height: 1.4em;}
  .bs-about-wrap .ft-wrap .sp-wrap .txt-wrap .txt-in p:first-child {font-size: 2rem; font-family: "YuMincho"; color: #ADADAD; margin-bottom: 20px; position: relative;}
  .bs-about-wrap .ft-wrap .sp-wrap .txt-wrap .txt-in p:first-child::after {content: ''; position: absolute; bottom: -7px; width: 25px; height: 1px; background: #ADADAD; left: 0; right: 0; margin: auto;}
}