/* ------------------------------------------------------------
   WP側「Custom CSS & JS」プラグインのスニペット（投稿ID: 34）の
   静的コピー。 2026-09-18 時点の内容を取得。

   取得元: https://onet.co.jp/wp-content/uploads/custom-css-js/34.css?v=4404

   運用方針：WP側で更新があった場合は都度報告を受け、このファイルに
   手動で反映する（自動追従はしない = クローズド環境として管理）。
   ------------------------------------------------------------ */

@media (min-width:1024px){

  
  .l-header,
  .l-fixHeader{
    height:auto !important;
    overflow:visible !important;
  }

  
  .l-header__inner,
  .l-fixHeader__inner{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }

  
  .l-header__top,
  .l-fixHeader__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
  }

  
  .l-header__logo,
  .l-fixHeader__logo{
    display:flex;
    align-items:center;
  }

  
  .l-header__gnav,
  .l-fixHeader__gnav{
    position:relative !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    width:100%;
    margin-top:5px;
  }

  
  ul.c-gnav{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    list-style:none;
  }
  ul.c-gnav > li > a{
    display:inline-block;
    white-space:nowrap;
  }

  
  .c-gnav>.menu-item{
    width:280px;
    height:100%;
    position:relative;
  }

  
  .l-header__right,
  .l-fixHeader__right{
    margin-left:auto;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:24px;
    min-width:0;
  }

  
  .header-quick-area{
    display:flex !important;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:nowrap;
    white-space:nowrap;
    width:auto;
    margin-top:0;
  }

  .header-quick-area .swell-block-columns,
  .header-quick-area .swell-block-columns__inner,
  .header-quick-area .swell-block-column,
  .header-quick-area .swell-block-button{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
  }

  .header-quick-area .swell-block-button a{
    display:inline-flex;
    align-items:center;
    gap:.5em;
    white-space:nowrap;
    line-height:1;
  }

  
  .w-header.pc_{
    display:block;
  }
  .w-header__inner{
    display:flex;
    align-items:center;
  }
}


@media (max-width:1023px){
  .header-quick-area{ display:none !important; }
}


.p-header-logo__catch{
  display:none;
}

@media (min-width:768px){
  .p-header-logo__catch{
    display:inline-block;
    margin-left:16px;
    font-size:14px;
    color:var(--color_main);
    white-space:nowrap;
  }
}


@media (min-width:768px) and (max-width:1024px){
  .l-header__logo{
    display:flex;
    align-items:center;
  }

  .p-header-logo__catch{
    display:inline-block;
    margin-left:16px;
    font-size:14px;
    color:var(--color_main);
    white-space:nowrap;
  }
}


.p-global-nav__action-tel{
  font-weight:bold;
  position:relative;
  line-height:1.2;
  color:var(--color_text);
  text-decoration:none!important;
  padding-left:33px;
  display:inline-block;
}
a.p-global-nav__action-tel:hover{
	color:var(--color_text)!important;
}


.p-global-nav__action-tel::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:30px;
  height:30px;
  background-image:url("/wp-content/uploads/icon_tel.png");
  background-repeat:no-repeat;
  background-size:contain;
}


.p-global-nav__action-tel span{
  display:block;
}

.p-global-nav__action-number{
  font-size:24px;
}

.p-global-nav__action-time{
  font-size:11px;
  font-weight:normal;
  margin-top:4px;
  color:var(--color_text);
}

.p-global-nav__action-note{
  font-size:11px;
  font-weight:normal;
  margin-top:3px;
  color:var(--color_text);
}


.c-request-btn{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:3px 10px;
  font-size:12px;
  color:var(--color_text);
  text-decoration:none;
  transition:color .2s ease;
}

.c-request-btn i{
  font-size:22px;
  transition:color .2s ease;
}

.c-request-btn span{
  transition:color .2s ease;
}

.c-request-btn:hover{
  color:var(--color_main);
}

.c-request-btn:hover i,
.c-request-btn:hover span{
  color:var(--color_main);
}


.my-button-nobr{
  white-space:nowrap;
}


.p-mainVisual__slideTitle{
  font-size:2.4em;
  font-weight:bold;
}


@media (max-width:1024px){

  #header.l-header.-series.-series-right .l-header__inner{
    display:flex;
    align-items:center;
    justify-content:flex-start !important;
  }

  #header.l-header.-series.-series-right .l-header__logo{
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }

  #header.l-header.-series.-series-right .l-header__customBtn.sp_{
    margin-left:auto !important;
    width:auto;
  }

  .l-header__customBtn.sp_ .c-iconBtn,
  .l-header__menuBtn.sp_ .c-iconBtn{
    margin:0 !important;
  }

  #header.l-header.-series.-series-right .l-header__menuBtn.sp_{
    margin-left:-15px !important;
    padding:0 !important;
    width:auto;
  }
}


@media (min-width:1024px){

  
  ul.c-gnav{
    padding: 0 !important;
    margin: 0 !important;
  }

  #gnav .c-gnav > li,
  .l-fixHeader__gnav .c-gnav > li{
    position: relative;
  }

  
  #gnav .c-gnav > li > a,
  .l-fixHeader__gnav .c-gnav > li > a{
    display:flex;
    align-items:center;
    justify-content:center;
    height: 44px;
    padding: 0 16px;
	font-weight:600;
    margin: 0;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease;
  }

  
  #gnav .c-gnav > li > a::before,
  #gnav .c-gnav > li > a::after,
  #gnav .c-gnav > li > a .ttl::before,
  #gnav .c-gnav > li > a .ttl::after,
  .l-fixHeader__gnav .c-gnav > li > a::before,
  .l-fixHeader__gnav .c-gnav > li > a::after,
  .l-fixHeader__gnav .c-gnav > li > a .ttl::before,
  .l-fixHeader__gnav .c-gnav > li > a .ttl::after{
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  
  #gnav .c-gnav > li:hover > a,
  #gnav .c-gnav > li:focus-within > a,
  .l-fixHeader__gnav .c-gnav > li:hover > a,
  .l-fixHeader__gnav .c-gnav > li:focus-within > a{
    background:var(--onet-palette-main);
    color:#fff;
  }
  #gnav .c-gnav > li:hover > a .ttl,
  #gnav .c-gnav > li:focus-within > a .ttl,
  .l-fixHeader__gnav .c-gnav > li:hover > a .ttl,
  .l-fixHeader__gnav .c-gnav > li:focus-within > a .ttl{
    color:#fff;
  }

  
  #gnav .sub-menu,
  .l-fixHeader__gnav .sub-menu{
    top: 100% !important;
    left: 0 !important;

    width: 280px;
    min-width: 280px;

    margin: 0 !important;
    padding: 0;

    background:#fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    overflow:hidden;

    opacity: 0;
    visibility: hidden;

    transform: translateY(6px) !important;
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease !important;
    z-index: 9999;
  }

  #gnav .c-gnav > li.menu-item-has-children:hover > .sub-menu,
  #gnav .c-gnav > li.menu-item-has-children:focus-within > .sub-menu,
  .l-fixHeader__gnav .c-gnav > li.menu-item-has-children:hover > .sub-menu,
  .l-fixHeader__gnav .c-gnav > li.menu-item-has-children:focus-within > .sub-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
  }

  
  #gnav .sub-menu > li,
  .l-fixHeader__gnav .sub-menu > li{
    margin: 0;
  }
  #gnav .sub-menu > li + li,
  .l-fixHeader__gnav .sub-menu > li + li{
    border-top: 1px solid #ededed;
  }

  
  #gnav .sub-menu > li > a,
  .l-fixHeader__gnav .sub-menu > li > a{
    position: relative;
    display:block;
    padding: 14px 44px 14px 16px;
    line-height: 1.2;
	font-weight:600;
    background:#fff;
    color:#222;
    text-decoration:none !important;
    white-space: nowrap;
    transition: background .12s ease;
  }

  
  #gnav .sub-menu > li > a::before,
  .l-fixHeader__gnav .sub-menu > li > a::before{
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  
  #gnav .sub-menu > li > a::after,
  .l-fixHeader__gnav .sub-menu > li > a::after{
    content: "›" !important;

    position:absolute !important;
    right:16px !important;
    top:50% !important;
    left:auto !important;
    bottom:auto !important;

    transform: translateY(-50%) !important;

    display:inline-block !important;
    width:auto !important;
    height:auto !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size:18px !important;
    line-height:1 !important;
    color:var(--onet-palette-main) !important;
    text-decoration: none !important;
  }

  #gnav .sub-menu > li > a:hover,
  .l-fixHeader__gnav .sub-menu > li > a:hover{
    background:#f6f6f6;
  }
}


@media (min-width:1024px){

  
  #gnav .c-gnav > li.menu-item-has-children > a > :not(.ttl),
  .l-fixHeader__gnav .c-gnav > li.menu-item-has-children > a > :not(.ttl){
    display: none !important;
  }

  
  #gnav .c-gnav > li.menu-item-has-children > a,
  .l-fixHeader__gnav .c-gnav > li.menu-item-has-children > a{
    position: relative;
    padding-right: 32px;
  }

  
  #gnav .c-gnav > li.menu-item-has-children > a::after,
  .l-fixHeader__gnav .c-gnav > li.menu-item-has-children > a::after{
    content: "" !important;

    position: absolute !important;
    right: 12px !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;

    width: 8px !important;
    height: 8px !important;

    border-right: 2px solid var(--onet-palette-main) !important;  
    border-bottom: 2px solid var(--onet-palette-main) !important; 

    transform: translateY(-60%) rotate(45deg) !important;
    box-sizing: border-box !important;

    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  
  #gnav .c-gnav > li.menu-item-has-children:hover > a::after,
  #gnav .c-gnav > li.menu-item-has-children:focus-within > a::after,
  .l-fixHeader__gnav .c-gnav > li.menu-item-has-children:hover > a::after,
  .l-fixHeader__gnav .c-gnav > li.menu-item-has-children:focus-within > a::after{
    border-color: #fff !important;
  }
}