@charset "utf-8";

/*
Theme Name: Katawara Child
Theme URI:
Template: katawara
Description:
Author:
Tags:
Text Domain: katawara
Version: 0.0.1
*/
/* PCサイズのCSS */

/* トップページファーストビューCSS */
  .slide-text-caption {
    position: relative;
  }

  .first-view__contact-button__box {
    position: absolute;
    top: 50%;
    right: 0%;
  }

  .first-view__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 190px;
    padding: 6rem 0;
    margin: 24% auto;
    background-image: url(https://jghdc.org/wp-content/uploads/2025/02/logo_side_text-cover-white_gothic.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
  }

  .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained{
    padding: 0!important;
  }

  .top__map__block iframe{
    width: 100%;
    margin: 0 auto;
  }

/* パンくずとヘッダーのh1の間にあるpaddingの調整 */
@media screen and (max-width: 480px) {
  .p-breadcrumbs {
    padding-top: 0;
  }
}
  /* 各ページのヘッダーにあるh1の調整 */

  .p-page-header_title:first-child {
    margin: 0 auto 0 2rem;
    font-family: sans-serif!important;
    font-weight: bold;
  }

@media screen and (max-width: 480px) {
  .p-page-header_title:first-child {
    margin: 0 auto 0 2rem;
    font-size: 1.45rem;
    font-family: sans-serif;
  }
/*ハンバーガーメニュの文字がiOS時にフォントが明朝になるのをゴシックへ*/
  #vk-mobile-nav-menu-btn{
    font-family: sans-serif!important;
  }
}
  
  /* パンくずリスト位置変更 */
  .p-breadcrumbs {
    position: absolute;
    top: 140px!important;
    left: 20px;
  }

  /* パンくずのフォント変更 */
  ol.breadcrumb-list.p-breadcrumbs {
    font-family: sans-serif;
  }

  @media screen and (max-width: 480px) {
    .p-breadcrumbs {
      position: absolute;
      top: 140px!important;
      left: 20px;
    }
  }

  /* お問合せフォームCSS */
  /* プログレストラッカーの左にpaddingがあるのを除去　中心からズレているため*/
  .l-main-section ol, .l-main-section ul {
    padding: 0;
  }

  /* セレクトボタンの矢印アイコンの被りでの非表示 */
  .smf-form .smf-select-control__toggle {
    display: none;
  }
  
  /* セレクトボタンの改変CSS */
  span.smf-select-control__toggle {
    background-color: #acd3ff !important;
    border-radius: 6% 6% 0 0;
  }

  /* セレクトボタンの文字の色変更 */
  .wp-core-ui select.disabled, .wp-core-ui select:disabled{
    color: #333;
  }
  /* セレクトボタンの色変更 */
  .smf-select-control {
    background-color: #bbdafd;
  }

  /* お問合せサンクスページ */
  .contact__thunks__img{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }

  

/* タブレットサイズのヘッダー・メニューCSS */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .p-site-header-brand {
    padding: 0;
  }

  .p-site-header-brand_logo a img {
    max-height: 40px;
    margin: .5rem auto;
  }
  
  .l-site-header, .scrolled .l-site-header_global-menu, .p-global-menu>li>ul.sub-menu li{
    background-color: #ffffff9e;
  }

  .scrolled .l-site-header_global-menu{
    box-shadow: none;
  }

  .l-site-header_global-menu {
    transition: all .5s;
    border: none;
    padding: .5rem 0 0;
    background-color: #ffffff9e;
  }

  .device-pc .p-global-menu>li {
    width: 100%;
    padding: 0;
    margin: 0 auto .5rem auto;
  }
	
  .l-site-header_global-menu ul {
    margin: 0;
    padding: 0!important;
  }
	
  .p-global-menu>li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    border-bottom: none;
    transition: none;
  }
	
  .p-global-menu>li a:hover {
    transform: none; 
    transition: 0;
  }

  span.menu__name__main {
    font-size: .7rem!important;
    font-family: sans-serif!important;
    font-weight: bold!important;
    line-height: 1.4!important;
    display: block!important;
  }
	
  .side__menu__contact__box h4 {
    font-size: .7rem!important;
    font-family: sans-serif!important;
    font-weight: bold;
    text-align: center!important;
    border: none!important;
    margin: 0 auto .5rem!important;
    padding: 0!important;
  }

  span.menu__name__sub {
    font-size: .7rem;
    font-family: sans-serif!important;
  }
	
  span.mail__icon__button {
    display: none!important;
  }

  .device-pc .p-global-menu>li>a {
    padding: 14px .5em;
    text-align: center;
    display: block;
    margin: 0rem auto;
    padding: 0;
    line-height: 1;
  }
	
  .p-global-menu>li a:hover {
    transform: none!important;
  }

  /* ファーストビューのお問合せボタン非表示 */
  .first-view__contact-button__box{
    display: none;
  }

  
}

@media screen and (max-width: 1199.98px) {
  .p-site-header-brand_logo a img {
    max-height: 40px;
  }
}

@media screen and (max-width: 990px) {
/* ハンバーガーボタンの編集 */
  #vk-mobile-nav-menu-btn {
    background-color: #ffffff00;
    top: 4px;
    left: 9px;
  }
  
  /* tab-spでのファーストビューのCSS */
  .first-view__logo {
    margin: 32% auto 0;
  }

  /* ファーストビューのお問合せボタン非表示 */
  .first-view__contact-button__box{
    display: none;
  }
}

@media screen and (max-width: 768px) {
  /* tab-spでのファーストビューのCSS */
  .first-view__logo {
    margin: 24rem auto 0;
    top: 50%;
    left: 50%;
    max-width: 220px;
    height: auto;
    padding: 7rem 0;
  }
}

@media screen and (max-width: 480px) and (min-width: 767px) {
  .first-view__logo {
    margin: 62% auto 0;
    max-width: 150px;
  }

  .first-view__contact-button__box {
    display: block;
  }
  
  .l-container {
    padding: 0;
  }

  .about__top__back__wave {
    padding: 1rem 0 1.5rem;
  }

  .top__about__background__world{
    top: 50%;
    right: 0;
    height: 26%;
  }

  .about__main__tex {
    margin: 1rem auto 0 0;
    font-size: 1rem;
    line-height: 1.8;
  }

  .about__button__block {
    padding: 6rem 0 3rem;
    margin: 11rem auto 0rem;
    background-size: 190%;
    background-position: center;
  }
}

@media screen and (max-width: 767px) {
  .first-view__contact-button__box {
    display: block;
  }

  .first-view__logo {
    margin: 54% auto 0;
  }
}
/* 固定ページのCSS */
  /* 固定ページ共通CSS */
    /* パンくずの位置調整CSS */

.p-breadcrumbs {
    position: absolute;
    top: 0;
    left: 20px;
}

@media screen and (max-width: 480px) {
  .p-footer-menu {
    border: none;
    padding: 1.5rem 0 .5rem;
    font-family: sans-serif;
  }

  .device-mobile .p-copyright{
    padding-bottom: 0;
  }

  footer.l-site-footer {
    padding: 0;
  }
}