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

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

/* 子テーマの style.css */
@import url( ../editor-style.css );

/* About page */
.bs-about-wrap {width: 100%; max-width: 1440px; padding: 0; margin: 0 auto; display: block; box-sizing: border-box;}

.bs-about-wrap .tl-wrap {width: 100%; margin: 0 auto; background: url('https://sub03avs.sa-lab.com/wp-content/uploads/2024/06/back-img.svg') 0 0/cover no-repeat; box-sizing: border-box;padding: 150px 0 190px; position: relative; display: block;}
.bs-about-wrap .tl-wrap h2.tl {font-size: 5vw; font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; line-height: 1.4em; width: 90%; color: #ffffff; text-align: left; margin: 0 auto; position: relative;}
.bs-about-wrap .tl-wrap h2 .pctbnone {display: none;}
.bs-about-wrap .tl-wrap h2.tl span.under {font-family: "Meiryo"; position: absolute; bottom: -50px; left: 90px; color: #ffffff; font-weight: bold; font-size: 2rem;}

.bs-about-wrap .main-box {width: 100%; height: auto; padding: 180px 0 100px;  display: block; position: relative; overflow: hidden;}
.bs-about-wrap .main-box::before {content: '';position: absolute;height: 350px;top: 260px;bottom: 0;left: 0;right: 0;background-color: rgba(113, 113, 113, 0.05);transform: skewY(0deg);z-index: -1;}
.bs-about-wrap .main-box::after {content: '';position: absolute;height: 150px;top: 250px;bottom: 0;left: 0; right: 0;background-color: rgba(113, 113, 113, 0.05);transform: skewY(-16deg);z-index: -1;}
.bs-about-wrap .main-box .inbox {width: 900px; height: auto; margin: 0 auto; box-sizing: border-box; display: block; position: relative;}
.bs-about-wrap .main-box .inbox h3 {width: fit-content; font-size: 8vw; font-family: "Poppins", sans-serif; font-weight: 600; line-height: 1em; color: rgba(113, 113, 113, 0.1); position:absolute; left: -10%; top: -200px;}
.bs-about-wrap .main-box .inbox p {font-size: 1.5rem; line-height: 2.2em; width: 700px; margin: 0 auto; padding: 130px 0 100px; display: block; }

.bs-about-wrap .ms-box {width: 100%; height: auto; padding: 100px 0 150px;  display: block; position: relative; overflow: hidden;}
.bs-about-wrap .ms-box::before {content: '';position: absolute;height: 330px;top: 260px;bottom: 0;left: 0;right: 0;background-color: rgba(113, 113, 113, 0.05);transform: skewY(-9deg);z-index: -1;}
.bs-about-wrap .ms-box::after {content: '';position: absolute;height: 180px;top: 250px;bottom: 0;left: 0; right: 0;background-color: rgba(113, 113, 113, 0.05);transform: skewY(16deg);z-index: -1;}
.bs-about-wrap .ms-box .inbox {width: 900px; height: auto; margin: 0 auto; box-sizing: border-box; display: block; position: relative;}
.bs-about-wrap .ms-box .inbox h3 {width: fit-content; font-size: 8vw; font-family: "Poppins", sans-serif; font-weight: 600; line-height: 1em; color: rgba(113, 113, 113, 0.1); position:absolute; right: -10%; top: -200px;}
.bs-about-wrap .ms-box .inbox p {font-size: 1.5rem; line-height: 2.2em; width: 700px; margin: 0 auto; padding: 130px 0 100px; display: block; }

@media only screen and (max-width: 1024px) {
  .bs-about-wrap .main-box .inbox h3 {left: 0;top: -160px;}
  .bs-about-wrap .ms-box .inbox h3 {right: 0;top: -160px;}
}
@media only screen and (max-width: 768px) {
  .bs-about-wrap .tl-wrap {padding: 150px 0 180px; position: relative; display: block;}
  .bs-about-wrap .tl-wrap h2.tl {font-size: 6vw;}
  .bs-about-wrap .tl-wrap h2.tl span.under {bottom: -50px; left: 50px; font-size: 1.8rem;}
  .bs-about-wrap .main-box .inbox {width: 100%;}
  .bs-about-wrap .main-box .inbox h3 {font-size: 10vw; left: -6%; top: -110px;}
  .bs-about-wrap .ms-box {padding: 50px 0 150px;}
  .bs-about-wrap .ms-box .inbox {width: 100%;}
  .bs-about-wrap .ms-box .inbox h3 {font-size: 9vw; right: 0; top: -80px;}
}
@media only screen and (max-width: 430px) {
  .bs-about-wrap .tl-wrap {background: url('https://sub03avs.sa-lab.com/wp-content/uploads/2024/06/back-img.svg') 15% 0/cover no-repeat;padding: 100px 0 190px; }
  .bs-about-wrap .tl-wrap h2.tl {font-size: 8vw; line-height: 1.8em; width: 100%; padding: .5em .5em;}
  .bs-about-wrap .tl-wrap h2 .pctbnone {display: block;}
  .bs-about-wrap .tl-wrap h2.tl span.under { bottom: -90px; left: 8%; font-size: 1.4rem; line-height: 2em;}
  .bs-about-wrap .main-box {padding: 70px 0 0;}
  .bs-about-wrap .main-box::before {height: 350px;top: 160px;}
  .bs-about-wrap .main-box::after {height: 150px;top: 140px;}
  .bs-about-wrap .main-box .inbox h3 {font-size: 13vw; top: -30px;}
  .bs-about-wrap .main-box .inbox p {font-size: 1.3rem; width: 90%; padding: 100px 0 70px;  }
  .bs-about-wrap .ms-box {padding: 50px 0 70px;}
  .bs-about-wrap .ms-box::before {top: 160px;}
  .bs-about-wrap .ms-box::after {top: 150px;}

  .bs-about-wrap .ms-box .inbox h3 {font-size: 12vw; right: 2%; top: -30px;}
  .bs-about-wrap .ms-box .inbox p {width: 90%; font-size: 1.3rem; padding: 100px 0 70px; }
}


.appeal_box, #share_plz, .hentry, #single-main .post-sub, #breadcrumb, #sidebar .widget, .navigation, .wrap-post-title, .pickup-cat-wrap, .maintop-widget, .mainbottom-widget, .post-box-contents, #main-wrap .pickup_post_list, .sticky-post-box, .p-entry__tw-follow, .p-entry__push, .catpage_content_wrap, #cta, h1.page_title {
  border: 1px solid #dddddd;
}



/* 投稿ページ */
/*
.type-post .single-post-main .content .size-full img {width: 100% !important;}
*/
.content h3:where(:not([class])), :where(.is-editor-blocks) :where(.content) h3:not(.sc_heading) {
	border-top: 3px solid #99c3c4;
  border-bottom: 3px solid #99c3c4;
}

h4.wp-block-heading { position: relative;}

h4.wp-block-heading:before {content: ' '; height: 90%; width: 3px; background: #99c3c4; position: absolute; display: block; left: 3px; top: 5%; }

.wp-element-caption { text-align:center;}

@media screen and (min-width: 77.5em) {
    [class^=wp-block-] figcaption {
        font-size: 14px;
    }
}