/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 22 2025 | 11:32:10 */
/***********************************
**フォント
***********************************/
.font-lato {
  font-family: "Lato", sans-serif;
}
/***********************************
**コンテントサイズ
***********************************/
#content .container {
    max-width:1720px;
}
/***********************************
**header
***********************************/
.global-nav{
	   margin-right: 100px;	
}
#global-nav__menu{
	    gap: 64px;
}
#global-nav__menu li a{
	font-family: "Lato", sans-serif;
	font-weight:bold;
	font-size:20px;
}
.global-nav__menu>.menu-item {
    margin-left: 0 !important;
}
.global-nav__menu>.entry_link {
	    margin-left: -25px !important;
}
.global-nav__menu>.entry_link a{
	    background: #BEAF87;
    padding: 8px 32px !important;
    color: #fff;
}
button#global-nav__toggle {
    padding: 0;
    background: #beaf87 !important;
    width: 70px;
    height: 70px;
    border-radius: 50px;

    color: #fff;
}
@media (min-width: 769px) {
    .header-type--row1 .site-header__content {
        align-items: center;
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
}
@media (max-width: 1300px) {
	#global-nav__menu li a {
    font-size: 14px;
}
	.global-nav {
    margin-right: 2%;
}
		#global-nav__menu{
	    gap: 40px;
}
}
@media (max-width: 1000px) {
		#global-nav__menu li a {
    font-size: 10px;
}
	#global-nav__menu{
	    gap: 32px;
}
}
@media (max-width: 768px) {
	    #global-nav__menu li a {
              font-size: 20px;
        text-align: center;
    }
	    .global-nav__menu>.menu-item {
        margin-top: 2.5em !important;
    }
	.global-nav__menu>.entry_link {
    margin-left: 0px !important;
}
}
/***********************************
**footer
***********************************/
#footer{
	    margin-top: -75px;
}
.footer-sub{
	background: #beaf8700;
}
.footer-sub .wp-block-list li a{
      text-decoration: none;
      font-weight: 600;
	
}
.footer-sub .wp-block-group.bg_area{
	      padding-right: 0 !important;
    padding-left: 0 !important;
}
.footer-sub .wp-block-list  {
        list-style: none;
    padding-left: 0;
}
.ticss-5d4c0fb1{
	    z-index: 3;
    margin-bottom: -67px !important;
    background: #ffffff00;
}
.footer-main {
    padding-top: 0em !important;
    padding-bottom: 1em;
    overflow: hidden;
    background-color: #252626 !important;
    color: #ffffff !important;
}
.copyright {
    font-size: 10px !important;
}
/***********************************
**アコーディオン
***********************************/
.wp-block-details summary{
    max-width: 300px;
    width: 100%;
    background: #BEAF87;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    color: #fff;
    padding: 23px;
    display: block;
    position: relative;
}
summary::marker {
  display: none;
}
summary::after {
  font-family: "Font Awesome 6 Free"; /* 5なら "Font Awesome 5 Free" */
  font-weight: 900; /* solidアイコン */
  content: "\f078"; /* fa-chevron-down */
  position: absolute;
right: 5%;
    top: 35%;
    font-size: 1rem;
  pointer-events: none;
  transition: transform 0.3s ease;
}

details[open] summary::after {
  content: "\f077"; /* fa-chevron-up */
}
#INTERVIEW .wp-block-details summary{
	    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 5px solid #EFEFEF;
    width: 100%;
    max-width: 1200px;
	  color: #414042 !important;
	  font-family: "Lato", sans-serif !important;
	    padding: 18px;
	    font-size: 24px !important;
}
@media (max-width: 599px) {
	.wp-block-details summary{
    padding: 13px;
}
.ystdtb-faq-item__label.has-padding {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    font-size: 18px !important;
}
	#INTERVIEW .wp-block-details summary {
    padding: 13px;
    font-size: 20px !important;
}
}
/***********************************
**アコーディオン内table
***********************************/
@media (max-width: 599px) {
.table_sp th{
	    padding-top: 13px !important;
    padding-bottom: 10px !important;
    border-bottom: none !important;
}
	.table_sp td{
		border-top: none !important;
        padding-top: 0 !important;
        padding-bottom: 40px !important;
	}
}
/***********************************
**MV
***********************************/
/* ラッパー：画像サイズに基づいて比率保持 */
.ring-wrap {

  width: 100% !important;
  max-width: 1268px; /* お好みで調整 */
  aspect-ratio: 1268 / 1264;
  margin-inline: auto;
	position: absolute;
    top: 10px;
    right: -32%;
    z-index: 0;
    pointer-events: none;
}

/* 回転画像本体（transform-originを%で指定してレスポンシブ対応） */
.ring-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;

  animation: ring-rotate 30s linear infinite 1.74s;
  transform-origin: 50.0% 50.0%; 
  will-change: transform;
}

/* 回転アニメーション */
@keyframes ring-rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}


/* 動作軽減モードの対応 */
@media (prefers-reduced-motion: reduce) {
  .ring-img {
    animation: none;
  }
}
@media (max-width: 599px) {
.ring-wrap {
    width: 100% !important;
    max-width: 1268px;
    aspect-ratio: 1268 / 1264;
    margin-inline: auto;
    position: absolute;
    top: 20px;
    right: -60%;
    z-index: 0;
    pointer-events: none;
}
}
:root{
 --hero-ratio: 2.6; /* 横長画像用 */
--overlap-frac: 0.16;     /* 下半分なら .5、1/3なら .333 など */
}

/* ヒーロー：サイズ可変でも比率を保つ */
.hero{
  position: relative;
  container-type: inline-size;                       /* コンテナクエリ用 */
   aspect-ratio: var(--hero-ratio) / 1;           /* 比率固定 */
  overflow: clip;
}
.hero > img{
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;      /* どの画面幅でも綺麗に */
}

/* 次セクション（背景色や背景画像はここに設定） */
.next{
    position: relative;
    z-index: 0;                                    /* 擬似要素を背面に回すための基準 */
}

/* ★重なり本体：次セクションの背景を上に伸ばす */
.next::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: calc((100cqw / var(--hero-ratio)) * var(--overlap-frac));
    top: calc(-1 * ((100cqw / var(--hero-ratio)) * var(--overlap-frac)));
    background: #414042;
    z-index: -1;
}


.culumn-sales .ystdb-column {
    border: 1px solid #bfaf87;
    padding: 24px 12px;
    background: #fcfbf9;
}

.line-1-section p {
    line-height: 1.8em !important;
    margin-top: 12px !important;
}

.ystdtb-faq-item.font-lato.ticss-c52984d5.is-faq--a.has-border.font-lato.ticss-c52984d5 {
    padding-bottom: 0 !important;
}

.ystdtb-faq-item__contents.has-text-color.has-ys-white-color {
    padding-bottom: 20px !important;
}

.ystdtb-faq-item__label.has-text-color.has-ys-white-color.has-background.has-padding{
	font-size:26px !important;
}