:root {
  --color00--bk: #333;
  --color01--navy: #12233c;/*メイン紺*/
  --color02--navy: #1f3a5c ;/*明るい紺*/
  --color03--gold: #ccaa3a;/*メイン黄土色*/ 
  --color04--gold: #e0c15a;/*明るい黄土色*/ 
  --color05--gray: #f5f7fa;/*明るい灰色*/ 
  --color06--gray: #222;/*暗い灰色*/
  --color07--gray: #666;/*灰色*/
  --color08--red: #dc3545;/*赤色*/
  --color09--WH: #fff;
  --color10--yellow: #ffc107;

  --space-unit: 4px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;/* ガター幅兼用 */
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-72: 72px;
  --space-96: 96px;
  --space-128: 128px;
  --space-176: 176px;
  --space-256: 256px;
  --container: 1200px; /* 全体幅（ガター含む） */
  --extend: 80px;

  /*n / 17*/
  --font-size-main: 18px;


  --columns: 12;        /* 総カラム数 */
  --gutter-count: calc(var(--columns) - 1); /* 11本のガター */

  /* 実際の1カラムの幅（全体からガター引いた実幅 ÷ カラム数） */
  --col-1-width: calc((var(--container) - var(--space-24) * var(--gutter-count)) / var(--columns));

  /* カラム幅：ガターを足す */
  --col-2-width: calc(var(--col-1-width) * 2 + var(--space-24) * 1);
  --col-3-width: calc(var(--col-1-width) * 3 + var(--space-24) * 2);
  --col-4-width: calc(var(--col-1-width) * 4 + var(--space-24) * 3);
  --col-5-width: calc(var(--col-1-width) * 5 + var(--space-24) * 4);
  --col-6-width: calc(var(--col-1-width) * 6 + var(--space-24) * 5);
  --col-7-width: calc(var(--col-1-width) * 7 + var(--space-24) * 6);
  --col-8-width: calc(var(--col-1-width) * 8 + var(--space-24) * 7);
  --col-9-width: calc(var(--col-1-width) * 9 + var(--space-24) * 8);
  --col-10-width: calc(var(--col-1-width) * 10 + var(--space-24) * 9);
  --col-11-width: calc(var(--col-1-width) * 11 + var(--space-24) * 10);
  --col-12-width: calc(var(--col-1-width) * 12 + var(--space-24) * 11); /* = 1200px */
}



html {height: 100%;font-size: var(--font-size-main);-webkit-text-size-adjust: none;line-height: 1.6; color: var(--color00--bk);}
body { overflow-x: hidden;font-family: "Noto Sans JP", sans-serif;font-weight: normal;}
img{width: 100%;height: auto;vertical-align: top;}
p{font-size: 1.0rem;line-height: 1.6;margin: 0;}
h1 {font-size: 48px;line-height: 1.25;margin: 0;}
h2 {font-size: 36px;line-height: 1.3;margin: 0;}
h3 {font-size: 28px;line-height: 1.4;margin: 0;}
h4 {font-size: 20px;line-height: 1.5;margin: 0;}

a {text-decoration: none; color: inherit;border: none;transition: 0.1s;display: block;}
a:hover{opacity: 0.85;transition: 0.2s;}
ul,ol {list-style: none;padding: 0;margin: 0;}
*,*::before,*::after {  margin: 0;padding: 0;box-sizing: border-box;}
body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd {  margin: 0;}

table,tr,td,th{ margin: 0;padding: 0;line-height: 1.0;border-collapse: collapse;text-align: center;}

.col-1 {width: var(--col-1-width);}
.col-2 {width: var(--col-2-width);}
.col-3 {width: var(--col-3-width);}
.col-4 {width: var(--col-4-width);}
.col-5 {width: var(--col-5-width);}
.col-6 {width: var(--col-6-width);}
.col-7 {width: var(--col-7-width);}
.col-8 {width: var(--col-8-width);}
.col-9 {width: var(--col-9-width);}
.col-10 {width: var(--col-10-width);}
.col-11 {width: var(--col-11-width);}
.col-12 {width: var(--col-12-width);}

/*共通汎用パーツ*/
.fontB{font-weight: bold;}
.brPcDisplayInh{display: inherit;}
.brPcDisplayNon{display: none;}
.customFontA{font-family: "Bebas Neue", sans-serif;letter-spacing:0.03em;}
.pMargin{margin-bottom: var(--space-12);}
.fadeUp{opacity: 0;transform: translateY(40px);transition:opacity .8s ease,transform .8s ease;}
.fadeUp.is-show{opacity: 1;transform: translateY(0);}
.spHeader{display: none;}
.spNone{display: inherit;}

/*header*/
.header-wrapper{position: relative;}
.header-inner{position: absolute;top: 0;left: 50%;transform: translateX(-50%);
width: calc(var(--container) + (var(--extend) * 2));background: var(--color09--WH);
border-radius: 0 0 20px 20px ;display: flex;justify-content: space-between;align-items: center;
padding: var(--space-24) var(--space-64);}
.headerNav ul{display: flex;gap:var(--space-24);}
.headerNav a{font-size: 0.9rem;}

/*footerMain*/
.footerMain{background: var(--color05--gray);}
.footerMain-navWrap{padding: var(--space-64) var(--space-128) var(--space-72) var(--space-128);display: flex;justify-content: space-between;align-items: flex-starxt;}
.footerMain-logo{max-width: 240px;}
.footerMain-navBox{display: flex;flex-direction: column;gap: var(--space-48);align-items: flex-end;}
.footerMain-nav ul{display: flex;gap: var(--space-24);}
.footerMain-navWrap .copy{font-size: 0.85rem;}

/*page*/
.pageHero {height: 450px; background-repeat: no-repeat;
    background-position: center center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.pageHero h1{color: var(--color09--WH);}
.pageContainer{max-width: var(--container);margin: 0 auto;padding: var(--space-64) 0;}
.pageContainer h2{margin-bottom: var(--space-16);}
.pageContainer h3{margin-bottom: var(--space-16);}
.pageContainer h4{margin-bottom: var(--space-16);}
.pageContainer .wp-block-spacer{height: 3.0rem !important;}
.pageContainer ul{list-style: disc;margin: 1em 0;padding-left: 1.1rem;}
.pageContainer ol{list-style: decimal;margin: 1em 0;padding-left: 1.2rem;}
.pageContainer ol li::marker {font-size: 1.1rem;}
.pageContainer li{margin-bottom: 0.4rem;line-height: 1.5;}

/*ポリシー*/
.page-id-3 p{padding-left: 1.0rem;}
.page-id-3 .pageContainer{max-width:var(--col-8-width); }
.page-id-3 ol{list-style: decimal;margin: 1em 0;padding-left: 1.4rem;}
.page-id-3 ol li::marker {font-size: 1.2rem;}

/*特定商取引法*/
.page-id-71 .pageContainer{max-width:var(--col-8-width); }
.page-id-71 table td{text-align: left;padding: var(--space-24) 0;
line-height: 1.4;border: none;border-top: 1px solid var(--color07--gray);font-size: 0.95rem;}
.page-id-71 table tr td:first-child {padding-right: var(--space-24);}

/*利用規約*/
.page-id-78 .pageContainer{max-width:var(--col-8-width); }


/*404*/
.l-404{display: flex;height: 80vh;background: var(--color05--gray);}
.p-404{text-align: center;width: 100%;padding: var(--space-256) 0;}
.p-404 h1{}
.p-404 a{text-decoration: underline;margin-top: var(--space-24);}

/*lp共通*/
.lp_container{margin: 0 auto;max-width: var(--container);padding: var(--space-128) 0 var(--space-128) 0;}
.lp_container h2{margin-bottom: var(--space-96);}
.lp_container ul{ list-style: disc;margin: 1em 0;padding-left:1.3em;margin-top: var(--space-24);margin-bottom: var(--space-24);}
.lp_container li{margin-bottom: var(--space-8);}

.lpBtn{display:flex;text-align: center;margin:0 auto;justify-content: center;align-items: center;padding:var(--space-16) var(--space-48) var(--space-24) var(--space-48);max-width: var(--col-8-width);
  font-size:1.6rem;font-weight:700;text-decoration:none;
  color:var(--color09--WH);background:var(--color08--red);
  border-radius:9999px;box-shadow:0 8px 0 #781d26,0 12px 24px rgba(0,0,0,.15);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;}
.lpBtn:hover{filter:brightness(1.05);transform:translateY(-2px);opacity: 1.0;font-size: 1.5rem;}
.lpBtn:active{transform:translateY(6px);box-shadow:0 2px 0 #781d26,0 4px 8px rgba(0,0,0,.12);}
.lpBtn span{margin-left:.6em;transition:transform .2s;font-size: 1.3em;}
.lpBtn:hover span{transform:translateX(5px);}

/*lp_Hero*/
.lp_Hero{background-image: url("https://suzutaku-unv.com/wp-content/uploads/2026/06/image86.webp");
  background-position: center center;background-repeat: no-repeat;background-size: cover;}
.lp_heroArea{margin: 0 auto;max-width: var(--container);padding: var(--space-72) 0 var(--space-96) 0;}
.heroImg{margin-bottom: var(--space-48);text-align: center;}
.heroImg img{max-width:1050px;}

/*lp_problems*/
.lp_problems{background: var(--color05--gray);}
.lp_problems h2{text-align: center;color: var(--color01--navy);}
.problems_wrap{display:flex;flex-wrap:wrap;gap:var(--space-24);margin-bottom: var(--space-64);}
.problems_box{width: calc((100% - (var(--space-24) * 2)) / 3);border: 4px solid var(--color01--navy);border-radius: 20px;padding: var(--space-16) var(--space-32);display: flex;justify-content:flex-start;align-items: center;gap: var(--space-16);
    font-weight: bold;font-size: 1.1rem;background: var(--color09--WH);}
.problems_box .right{font-size: 1.1rem;}
.problems_box img{max-width: 50px;}
.problems_p1{margin: 0 auto;text-align: center;max-width: var(--col-6-width);margin-bottom: var(--space-48);font-size: 1.1rem;}
.problems_arrow{margin: 0 auto;text-align: center;margin-bottom: var(--space-48);}
.problems_arrow img{max-width: 100px;}
.problems_answer{margin: 0 auto;text-align: center;margin-bottom: var(--space-48);}
.problems_answer p{font-weight: bold;font-size: 2.0rem;color: var(--color01--navy);}
.problems_answer span{background: var(--color01--navy);color: var(--color09--WH);padding:8px 12px 12px 12px;font-size: 3.0rem;line-height: 2.0;}
.problems_pointWrap{margin: 0 auto;max-width: var(--col-7-width);display: flex;flex-direction: column;gap: var(--space-16);}
.problems_pointBox{width: 100%;border-radius: 12px;border: 4px solid var(--color01--navy);display: flex;padding: var(--space-24) var(--space-32);align-items: center;background: var(--color09--WH);}
.problems_pointBox .left{padding: 0 var(--space-48) 0 var(--space-24);font-size: 1.5rem;color: var(--color01--navy);}
.problems_pointBox .left span{font-size: 2.4rem;color: var(--color01--navy);margin-left: var(--space-8);color: var(--color06--gray);}
.problems_pointBox .right{border-left: 2px solid var(--color01--navy);padding-left: var(--space-24);}
.problems_pointBox .text1{font-weight: bold;font-size: 1.4rem;color: var(--color01--navy);line-height: 1.3;margin-bottom: var(--space-8);}

/*lp_futures*/
.lp_futures{background: var(--color09--WH);}
.lp_futures h2{text-align: center;color: var(--color01--navy);}
.futuresWrap{display: flex;flex-direction: column;margin: 0 auto;max-width: var(--col-9-width);gap: var(--space-64);}
.futuresBox .top {display: flex;justify-content: flex-start;align-items:center;margin-bottom: var(--space-32);}
.futuresBox .top .left {flex-shrink:0;background: var(--color07--gray);padding: 10px;position: relative;border-radius: 10px;padding: var(--space-12) var(--space-24);font-size: 1.2rem;color: var(--color09--WH);}
.futuresBox .top .left::before{content: "";position: absolute;inset: 3px;border-radius: 6px;border: 2px solid var(--color09--WH);}
.futuresBox .top .left span{font-size: 1.6rem;margin-left: var(--space-8);}
.futuresBox .top .right {flex:1;margin-left: var(--space-24);border-bottom: 2px solid ;padding-bottom: var(--space-8);}
.futuresBox .bottom{display: flex;max-width: 100%;} 
.futuresBox .bottom .left{flex:0 0 var(--col-3-width);}
.futuresBox .bottom .right{padding-left: var(--space-32);}

/*lp_curriculum*/
.lp_curriculum{background:#e3e3e3;}
.lp_curriculum h2{text-align: center;color: var(--color00--bk);}

/*lp_profile*/
.lp_profile{background-size: auto auto;background-color: rgba(255, 255, 255, 1);background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(249, 249, 249, 1) 10px, rgba(249, 249, 249, 1) 20px );}
.lp_profile h2{text-align: center;color: var(--color00--bk);}
.profileWrap{display: flex;max-width: var(--col-9-width);margin: 0 auto;margin-bottom: var(--space-48);}
.profileWrap .left{max-width: 300px;}
.profileWrap .right{padding-left: var(--space-24);}
.profileWrap .right .textWrap{color: var(--color09--WH);background:var(--color00--bk);
    padding:var(--space-24);clip-path: polygon(0 0,100% 0,100% 80%,90% 100%,0 100%);   margin-bottom: var(--space-24);}
.profileWrap .right .text2{font-weight: bold;font-size: 1.6rem;}
.lp_profile .whyWrap{display: flex;margin: 0 auto;justify-content: center;margin-bottom: var(--space-24);}
.lp_profile h3{text-align: center;color: var(--color00--bk);  display:flex;
    align-items:center;}
.lp_profile h3::before{content:"";width:100px; height:132px; margin-right:var(--space-16);
    background:url("https://suzutaku-unv.com/wp-content/uploads/2026/06/image33.png") center center / contain no-repeat;}
.whyBox{position: relative;max-width: var(--col-12-width);margin: 0 auto;border-radius: 10px;border: 3px solid var(--color00--bk);padding: var(--space-64) var(--space-64);display: flex;gap: var(--space-32);background: var(--color09--WH);}
.whyBox::before{content: "";position: absolute;top: -32px;left: 50%;
    transform: translateX(-50%);width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 32px solid var(--color00--bk);}
.whyBox .left{display: flex;flex-direction: column;gap: var(--space-32);}
.whyBox .left h4{background: var(--color00--bk);color: var(--color09--WH);padding: var(--space-16) var(--space-24);margin-bottom: var(--space-16);}
.whyBox .right{flex:0 0 var(--col-4-width);}

/*lp_change*/
.lp_change{background:var(--color05--gray);}
.lp_change h2{text-align: center;color: var(--color01--navy);}
.changeBox{display: flex;max-width: var(--col-9-width);margin: 0 auto;}
.changeBox .left,.changeBox .right{flex: 1;padding:var(--space-32) var(--space-32);}
.changeBox .left .top,.changeBox .right .top{text-align: center;margin-bottom: var(--space-16);}
.changeBox .left{background: var(--color02--navy);color: var(--color09--WH);   position: relative;z-index: 10;}
.changeBox .left::after{content: "";position: absolute;top: 50%;right: -24px;
    transform: translateY(-30%);width: 0;height: 0;border-top: 24px solid transparent;border-bottom: 24px solid transparent;border-left: 24px solid var(--color02--navy);z-index: 11;}
.changeBox .right{background: var(--color09--WH);padding-left: var(--space-48);}
.changeBox .left .top{border: 2px solid var(--color09--WH);border-radius: 10px;padding: var(--space-8) var(--space-24);font-weight: bold;font-size: 1.3rem;color: var(--color09--WH);}
.changeBox .right .top{background: var(--color03--gold);border: 2px solid var(--color03--gold);border-radius: 10px;padding: var(--space-8) var(--space-24);font-weight: bold;font-size: 1.3rem;color: var(--color09--WH);}
.changeBox{box-shadow: 8px 8px 0 rgba(18, 35, 60, 0.15);}
.changeBox .textBlock{display: flex;justify-content: flex-start;align-items: center;}
.changeBox .textBlock img{max-width: 60px;}
.changeBox .textBlock p{padding-left: var(--space-16);}
.changeBox .left .textBlock{border-bottom:1px dotted var(--color09--WH);padding-bottom: var(--space-16);margin-bottom: var(--space-16);}
.changeBox .right .textBlock{border-bottom:1px dotted var(--color00--bk);padding-bottom: var(--space-16);margin-bottom: var(--space-16);}

/*lp_mirai*/
.lp_mirai{position: relative;overflow: hidden;
    background:url("https://suzutaku-unv.com/wp-content/uploads/2026/06/image84.webp");
    background-position: center center;background-repeat: no-repeat;background-size: cover;}
.lp_mirai h2{text-align: center;color: var(--color09--WH);}
.lp_mirai p{color: var(--color09--WH);text-align: center;}

/*lp_price*/
.lp_price{background:var(--color09--WH);}
.lp_price h2{text-align: center;color: var(--color01--navy);}
.priceBox{margin: 0 auto;padding: var(--space-64) var(--space-64) var(--space-48) var(--space-64);
    background:url("https://suzutaku-unv.com/wp-content/uploads/2026/06/image82.jpg");
    background-position: center center;background-repeat: no-repeat;background-size:auto 100%;display: flex;justify-content: center;align-items: center;margin-bottom: var(--space-64);}
.priceBox .left{max-width: 130px;}
.priceBox .right{padding-left: var(--space-24);}
.priceBox .text1{text-decoration: line-through;font-size: 0.9rem;}
.priceBox .text2{font-size: 5.0rem;line-height: 1.0;}
.priceBox .text2 span{font-size: 1.0rem;}

/*lp_faq*/
.lp_faq{background:var(--color05--gray);}
.lp_faq h2{text-align: center;color: var(--color00--bk);}
.faqBoxWrap{ margin: 0 auto;max-width: var(--col-8-width);display: flex;flex-direction: column;gap: var(--space-16);}
.faqBox{border-bottom:2px solid var(--color06--gray);}
.faqQuestion{width:100%;position:relative;padding:var(--space-24) 0;text-align:left;cursor:pointer;background:none;border:none;font-size:1.2rem;font-weight:700;}
.faqBox .icon{position:absolute;top:50%;right:0;width:24px;height:24px;transform:translateY(-50%);}
.faqBox .icon::before,.faqBox .icon::after{content:"";position:absolute;top:50%;
    left:0;width:24px;height:2px;background:#12233c;transition:.3s;}
.faqBox .icon::before{transform:translateY(-50%);}
.faqBox .icon::after{transform:translateY(-50%) rotate(90deg);}
.faqQuestion.active .icon::after{opacity:0;}
.faqAnswer{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faqAnswer .text1{font-size: 1.2rem;font-weight: bold;margin-bottom: var(--space-12);color: var(--color07--gray);}
.faqAnswer .text2{padding-bottom: var(--space-24);}

/*footerLp*/
.footerLp-navWrap{background: var(--color05--gray);padding: 0 var(--space-128) var(--space-72) var(--space-128);display: flex;justify-content: space-between;align-items: flex-starxt;}
.footerLp-logo{max-width: 240px;}
.footerLp-navBox{display: flex;flex-direction: column;gap: var(--space-48);align-items: flex-end;}
.footerLp-nav ul{display: flex;gap: var(--space-24);}
.footerLp-navWrap .copy{font-size: 0.85rem;}

/*メディアクエリ チェックする代表的な幅の例
max-width: 1199px 1199px、1200px（直前直後）
max-width: 991px  991px、992px（直前直後）
max-width: 767px  767px、768px（直前直後）、480pxあたり（スマホ想定）
1320px以上 → 1319px → 1199px → 991px → 767px → 375px
*/




/* --- 1319px以下（ノートPC） */
@media (max-width: 1319px) {
  :root {
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 0)); 
  --space-12:calc(12px - (var(--space-unit) * 0)); 
  --space-16:calc(16px - (var(--space-unit) * 0)); 
  --space-24:calc(24px - (var(--space-unit) * 1)); 
  --space-32:calc(32px - (var(--space-unit) * 1)); 
  --space-48:calc(48px - (var(--space-unit) * 3)); 
  --space-64:calc(64px - (var(--space-unit) * 3)); 
  --space-72:calc(72px - (var(--space-unit) * 4)); 
  --space-96:calc(96px - (var(--space-unit) * 4)); 
  --space-128:calc(128px - (var(--space-unit) * 12));
  --space-176:calc(176px - (var(--space-unit) * 20)); 
  --space-256:calc(256px - (var(--space-unit) * 30));  
  }

h1 {font-size: 38px;line-height: 1.25;margin: 0;}
h2 {font-size: 30px;line-height: 1.3;margin: 0;}
h3 {font-size: 23px;line-height: 1.4;margin: 0;}
h4 {font-size: 19px;line-height: 1.5;margin: 0;}


}

/* --- 991px以下（タブレット） */
@media (max-width: 991px) {

  :root {
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 0)); 
  --space-12:calc(12px - (var(--space-unit) * 0)); 
  --space-16:calc(16px - (var(--space-unit) * 0)); 
  --space-24:calc(24px - (var(--space-unit) * 1)); 
  --space-32:calc(32px - (var(--space-unit) * 1)); 
  --space-48:calc(48px - (var(--space-unit) * 3)); 
  --space-64:calc(64px - (var(--space-unit) * 3)); 
  --space-72:calc(72px - (var(--space-unit) * 4)); 
  --space-96:calc(96px - (var(--space-unit) * 4)); 
  --space-128:calc(128px - (var(--space-unit) * 12));
  --space-176:calc(176px - (var(--space-unit) * 20)); 
  --space-256:calc(256px - (var(--space-unit) * 30));  
  }

h1 {font-size: 30px;line-height: 1.25;margin: 0;}
h2 {font-size: 26px;line-height: 1.3;margin: 0;}
h3 {font-size: 21px;line-height: 1.4;margin: 0;}
h4 {font-size: 19px;line-height: 1.5;margin: 0;}


}


/* --- 767px以下（スマホ） */
@media (max-width: 767px) {

:root {
  --space-unit: 4px;
  --space-4:calc(4px - (var(--space-unit) * 0)); 
  --space-8:calc(8px - (var(--space-unit) * 1)); 
  --space-12:calc(12px - (var(--space-unit) * 1)); 
  --space-16:calc(16px - (var(--space-unit) * 2)); 
  --space-24:calc(24px - (var(--space-unit) * 4)); 
  --space-32:calc(32px - (var(--space-unit) * 5)); 
  --space-48:calc(48px - (var(--space-unit) * 8)); 
  --space-64:calc(64px - (var(--space-unit) * 8)); 
  --space-72:calc(72px - (var(--space-unit) * 14)); 
  --space-96:calc(96px - (var(--space-unit) * 16)); 
  --space-128:calc(128px - (var(--space-unit) * 18));
  --space-176:calc(176px - (var(--space-unit) * 20)); 
  --space-256:calc(256px - (var(--space-unit) * 44)); 

  --extend: 8px;
  --container: calc(100% - (var(--extend) * 2));

    /*n / 17*/
  --font-size-main: 14px;
  --font-size14: 0.823rem;
  --font-size20: 1.05rem;
  --font-size24: 1.411rem;
  --font-size32: 1.882rem;
  --font-size40: 2.352rem;

  }

html {height: 100%;font-size: var(--font-size-main);-webkit-text-size-adjust: none;line-height: 1.6; }
body { overflow-x: hidden;font-family: "Noto Sans JP", sans-serif;color: var(--color00--bk);font-weight: normal;background: #;}
img{width: 100%;height: auto;vertical-align: top;}
p{font-size: 1.0rem;line-height: 1.6em;margin: 0;}
h1 {font-size: 22px;line-height: 1.3;margin: 0;}
h2 {font-size: 21px;line-height: 1.4;margin: 0;}
h3 {font-size: 18px;line-height: 1.4;margin: 0;}
h4 {font-size: 18px;line-height: 1.5;margin: 0;}






/*SPヘッダー*/
.spHeader{display: inherit;}
.spNone{display: none;}

/* 基本の三本線 */
.hamburger {position: fixed;top: 20px;
  right: 30px;width: 30px;height: 22px;
  cursor: pointer;z-index: 1100;}

.hamburger span,
.hamburger span::before,
.hamburger span::after {  content: "";position: absolute;left: 0;
    width: 100%;height: 3px;background: var(--color09--WH);transition: all 0.4s ease;border-radius: 2px;}
.hamburger span {top: 50%;transform: translateY(-50%);}
.hamburger span::before { top: -8px;}
.hamburger span::after {top: 8px;}
.hamburger.active span { background: transparent; }
.hamburger.active span::before {top: 0;transform: rotate(45deg);}
.hamburger.active span::after {top: 0;transform: rotate(-45deg);}

.fullscreen-menu {position: fixed;top: 0;left: 0;
    width: 100%;height: 100%;background: var(--color02--navy);color: var(--color09--WH);display: flex;
    justify-content: center;flex-direction: column;align-items: center;transform: translateY(-100%);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);z-index: 1000;}
.fullscreen-menu.active { transform: translateY(0);}
.fullscreen-menu .menu-list {list-style: none;text-align: center;padding: 0;}
.fullscreen-menu .menu-list li {}
.fullscreen-menu .menu-list a {font-size: 1.5rem;
    font-weight: bold;color: var(--color03--gold);text-decoration: none;transition: opacity 0.3s;}
.fullscreen-menu .menu-list a:hover {opacity: 0.7;}

}