@charset "utf-8";
/*===============================================
root
===============================================*/
:root {
  /*font-size:67.5% screen brake:1280,400 */
  --size-10:clamp(0.5rem, 0.57vw + 0.27rem, 1rem);
  --size-15:clamp(0.7rem, 0.91vw + 0.34rem, 1.5rem);
  --size-20:clamp(1rem, 1.14vw + 0.55rem, 2rem);
  --size-25:clamp(1.2rem, 1.48vw + 0.61rem, 2.5rem);
  --size-30:clamp(1.5rem, 1.7vw + 0.82rem, 3rem);
  --size-40:clamp(2rem, 2.27vw + 1.09rem, 4rem);
  --size-50:clamp(2.5rem, 2.84vw + 1.36rem, 5rem);
  --size-60:clamp(3rem, 3.41vw + 1.64rem, 6rem);
  --size-70:clamp(3.5rem, 3.98vw + 1.91rem, 7rem);
  --size-80:clamp(4rem, 4.55vw + 2.18rem, 8rem);
  --size-90:clamp(4.5rem, 5.11vw + 2.45rem, 9rem);
  --size-100:clamp(5rem, 5.68vw + 2.73rem, 10rem);
  --size-110:clamp(5.5rem, 6.25vw + 3rem, 11rem);
  --size-120:clamp(6rem, 6.82vw + 3.27rem, 12rem);
  --size-130:clamp(6.5rem, 7.39vw + 3.55rem, 13rem);
  --size-140:clamp(7rem, 7.95vw + 3.82rem, 14rem);
  --size-150:clamp(7.5rem, 8.52vw + 4.09rem, 15rem);
  --text-10:1rem;
  --text-11:1.1rem;
  --text-12:clamp(1.1rem, 0.11vw + 1.05rem, 1.2rem);
  --text-13:clamp(1.2rem, 0.11vw + 1.15rem, 1.3rem);
  --text-14:clamp(1.3rem, 0.11vw + 1.25rem, 1.4rem);
  --text-15:clamp(1.4rem, 0.11vw + 1.35rem, 1.5rem);
  --text-16:clamp(1.4rem, 0.23vw + 1.31rem, 1.6rem);
  --text-18:clamp(1.5rem, 0.34vw + 1.364rem, 1.8rem);
  --text-20:clamp(1.6rem, 0.45vw + 1.418rem, 2.0rem);
  --text-22:clamp(1.6rem, 0.68vw + 1.327rem, 2.2rem);
  --text-25:clamp(1.8rem, 0.8vw + 1.48rem, 2.5rem);
  --text-28:clamp(1.8rem, 1.25vw + 1.3rem, 2.8rem);
  --text-29:clamp(1.8rem, 1.25vw + 1.3rem, 2.9rem);
  --text-30:clamp(1.9rem, 1.4000rem + 1.2500vw, 3rem);
  --text-32:clamp(2rem, 1.36vw + 1.45rem, 3.2rem);
  --text-38:clamp(2rem, 2.05vw + 1.18rem, 3.8rem);
  --text-42:clamp(2.2rem, 2.27vw + 1.29rem, 4.2rem);
  --text-60: clamp(3rem, 1.6364rem + 3.4091vw, 6rem);
  --text-80: clamp(4rem, 2.1818rem + 4.5455vw, 8rem);
  --gray-1: rgb(241, 243, 245);
  --gray-2: rgb(233, 236, 239);
  --gray-3: rgb(222, 226, 230);
  --gray-4: rgb(206, 212, 218);
  --gray-5: rgb(173, 181, 189);
  --gray-6: rgb(134, 142, 150);
  --gray-7: rgb(73, 80, 87);
  --gray-8: rgb(52, 58, 64);
  --blue-1: rgb(208, 235, 255);
  --blue-2: rgb(165, 216, 255);
  --blue-3: rgb(116, 192, 252);
  --blue-4: rgb(77, 171, 247);
  --blue-5: rgb(51, 154, 240);
  --blue-6: rgb(34, 139, 230);
  --blue-7: rgb(28, 126, 214);
  --blue-8: rgb(25, 113, 194);
  --blue-9: rgb(24, 100, 171);
  --blue-10: rgb(20, 85, 145);
  --blue-11: rgb(17, 70, 120);
  --blue-12: rgb(13, 55, 94);
  --pink-1: rgb(255, 240, 246);
  --pink-2: rgb(252, 194, 215);
  --pink-3: rgb(250, 162, 193);
  --pink-4: rgb(247, 131, 172);
  --pink-5: rgb(240, 101, 149);
  --pink-6: rgb(230, 73, 128);
  --pink-7: rgb(214, 51, 108);
  --pink-8: rgb(194, 37, 92);
  --pink-9: rgb(166, 30, 77);
  --pink-10: rgb(140, 25, 65);
  --pink-11: rgb(115, 21, 54);
  --pink-12: rgb(89, 16, 42);
  --red-8: rgb(224, 49, 49);
  --pink-8: rgb(194, 37, 92);
  --purple-8: rgb(156, 54, 181);
  --violet-8: rgb(103, 65, 217);
  --indigo-8: rgb(59, 91, 219);
  --blue-8: rgb(25, 113, 194);
  --cyan-8: rgb(12, 133, 153);
  --teal-8: rgb(9, 146, 104);
  --green-8: rgb(47, 158, 68);
  --lime-8: rgb(102, 168, 15);
  --yellow-3: rgb(255, 224, 102);
  --yellow-8: rgb(240, 140, 0);
  --orange-8: rgb(232, 89, 12);
  --choco-8: rgb(164, 81, 23);
  --brown-8: rgb(130, 91, 58);
  --sand-8: rgb(95, 87, 70);
  --camo-8: rgb(126, 116, 22);
  --jungle-8: rgb(132, 165, 19);
  }

/*===============================================
margin padding width font-size
===============================================*/
/* margin-top */
.mt-0 { margin-top:0 !important; }
.mt-5 { margin-top:5px !important; }
.mt-10 { margin-top:var(--size-10) !important; }
.mt-15 { margin-top:var(--size-15) !important; }
.mt-20 { margin-top:var(--size-20) !important; }
.mt-25 { margin-top:var(--size-25) !important; }
.mt-30 { margin-top:var(--size-30) !important; }
.mt-40 { margin-top:var(--size-40) !important; }
.mt-50 { margin-top:var(--size-50) !important; }
.mt-60 { margin-top:var(--size-60) !important; }
.mt-70 { margin-top:var(--size-70) !important; }
.mt-80 { margin-top:var(--size-80) !important; }
.mt-90 { margin-top:var(--size-90) !important; }
.mt-100 { margin-top:var(--size-100) !important; }
.mt-110 { margin-top:var(--size-110) !important; }
.mt-120 { margin-top:var(--size-120) !important; }
.mt-130 { margin-top:var(--size-130) !important; }
.mt-140 { margin-top:var(--size-140) !important; }
.mt-150 { margin-top:var(--size-150) !important; }
.mt--5 { margin-top:-5px !important; }
.mt--10 { margin-top:-10px !important; }
/* margin-bottom */
.mb-0 { margin-bottom:0 !important; }
.mb-5 { margin-bottom:5px !important; }
.mb-10 { margin-bottom:var(--size-10) !important; }
.mb-15 { margin-bottom:var(--size-15) !important; }
.mb-20 { margin-bottom:var(--size-20) !important; }
.mb-25 { margin-bottom:var(--size-25) !important; }
.mb-30 { margin-bottom:var(--size-30) !important; }
.mb-40 { margin-bottom:var(--size-40) !important; }
.mb-50 { margin-bottom:var(--size-50) !important; }
.mb-60 { margin-bottom:var(--size-60) !important; }
.mb-70 { margin-bottom:var(--size-70) !important; }
.mb-80 { margin-bottom:var(--size-80) !important; }
.mb-90 { margin-bottom:var(--size-90) !important; }
.mb-100 { margin-bottom:var(--size-100) !important; }
.mb-110 { margin-bottom:var(--size-110) !important; }
.mb-120 { margin-bottom:var(--size-120) !important; }
.mb-130 { margin-bottom:var(--size-130) !important; }
.mb-140 { margin-bottom:var(--size-140) !important; }
.mb-150 { margin-bottom:var(--size-150) !important; }
@media screen and (max-width: 767px) {
  .sp_mt-0 { margin-top:0 !important; }
  .sp_mt-5 { margin-top:5px !important; }
  .sp_mt-10 { margin-top:var(--size-10) !important; }
  .sp_mt-15 { margin-top:var(--size-15) !important; }
  .sp_mt-20 { margin-top:var(--size-20) !important; }
  .sp_mt-25 { margin-top:var(--size-25) !important; }
  .sp_mt-30 { margin-top:var(--size-30) !important; }
  .sp_mt-40 { margin-top:var(--size-40) !important; }
  .sp_mt-50 { margin-top:var(--size-50) !important; }
  .sp_mt-60 { margin-top:var(--size-60) !important; }
  .sp_mt-70 { margin-top:var(--size-70) !important; }
  .sp_mt-80 { margin-top:var(--size-80) !important; }
  .sp_mt-90 { margin-top:var(--size-90) !important; }
  .sp_mt-100 { margin-top:var(--size-100) !important; }
  .sp_mt-110 { margin-top:var(--size-110) !important; }
  .sp_mt-120 { margin-top:var(--size-120) !important; }
  .sp_mt-130 { margin-top:var(--size-130) !important; }
  .sp_mt-140 { margin-top:var(--size-140) !important; }
  .sp_mt-150 { margin-top:var(--size-150) !important; }

  .sp_mb-0 { margin-bottom:0 !important; }
  .sp_mb-5 { margin-bottom:5px !important; }
  .sp_mb-10 { margin-bottom:var(--size-10) !important; }
  .sp_mb-15 { margin-bottom:var(--size-15) !important; }
  .sp_mb-20 { margin-bottom:var(--size-20) !important; }
  .sp_mb-25 { margin-bottom:var(--size-25) !important; }
  .sp_mb-30 { margin-bottom:var(--size-30) !important; }
  .sp_mb-40 { margin-bottom:var(--size-40) !important; }
  .sp_mb-50 { margin-bottom:var(--size-50) !important; }
  .sp_mb-60 { margin-bottom:var(--size-60) !important; }
  .sp_mb-70 { margin-bottom:var(--size-70) !important; }
  .sp_mb-80 { margin-bottom:var(--size-80) !important; }
  .sp_mb-90 { margin-bottom:var(--size-90) !important; }
  .sp_mb-100 { margin-bottom:var(--size-100) !important; }
  .sp_mb-110 { margin-bottom:var(--size-110) !important; }
  .sp_mb-120 { margin-bottom:var(--size-120) !important; }
  .sp_mb-130 { margin-bottom:var(--size-130) !important; }
  .sp_mb-140 { margin-bottom:var(--size-140) !important; }
  .sp_mb-150 { margin-bottom:var(--size-150) !important; }
  }
/* margin */
.mx-auto {margin-right:auto !important;margin-left:auto !important;}
.m-0 {margin:0px !important; }
.mx-5 {margin-inline:5px !important;}
.mx-10 {margin-inline:var(--size-10) !important;}
.mx-20 {margin-inline:var(--size-20) !important;}
.mx-30 {margin-inline:var(--size-30) !important;}
.mx-40 {margin-inline:var(--size-40) !important;}
.mx-50 {margin-inline:var(--size-50) !important;}
.mx-60 {margin-inline:var(--size-60) !important;}

.my-5 {margin-block:5px !important;}
.my-10 {margin-block:var(--size-10) !important;}
.my-20 {margin-block:var(--size-20) !important;}
.my-30 {margin-block:var(--size-30) !important;}
.my-40 {margin-block:var(--size-40) !important;}
.my-50 {margin-block:var(--size-50) !important;}
.my-60 {margin-block:var(--size-60) !important;}

.mr-0 {margin-right:0px !important;}
.mr-5 {margin-right:5px !important;}
.mr-10 {margin-right:var(--size-10) !important;}

.mr-1\/10 {margin-right:10% !important;}
.mr-2\/10 {margin-right:20% !important;}
.mr-3\/10 {margin-right:30% !important;}
.mr-4\/10 {margin-right:40% !important;}
.mr-5\/10 {margin-right:50% !important;}

.ml-auto {margin-left:auto !important;}
/* padding */
.p-0 {padding:0px !important; }
.pt-0 { padding-top:0 !important; }
.pt-5 { padding-top:5px !important; }

.px-5 {padding-inline:5px !important;}
.px-10 {padding-inline:var(--size-10) !important;}
.px-20 {padding-inline:var(--size-20) !important;}
.px-30 {padding-inline:var(--size-30) !important;}
.px-40 {padding-inline:var(--size-40) !important;}
.px-50 {padding-inline:var(--size-50) !important;}
.px-60 {padding-inline:var(--size-60) !important;}

.py-5 {padding-block:5px !important;}
.py-10 {padding-block:var(--size-10) !important;}
.py-20 {padding-block:var(--size-20) !important;}
.py-30 {padding-block:var(--size-30) !important;}
.py-40 {padding-block:var(--size-40) !important;}
.py-50 {padding-block:var(--size-50) !important;}
.py-60 {padding-block:var(--size-60) !important;}

.pr-1\/10 {padding-right:10% !important;}
.pr-2\/10 {padding-right:20% !important;}
.pr-3\/10 {padding-right:30% !important;}
.pr-4\/10 {padding-right:40% !important;}
.pr-5\/10 {padding-right:50% !important;}

.pr-0 {padding-right:0px !important;}
.pr-5 {padding-right:5px !important;}
.pr-10 {padding-right:var(--size-10) !important;}

/*---- width ---------------------*/
.w-fit {width:fit-content !important; }

.w-1\/2 {width:50% !important;}
.w-1\/3 {width:33.333333% !important;}
.w-2\/3 {width:66.666667% !important;}
.w-1\/4 {width:25% !important;}
.w-2\/4 {width:50% !important;}
.w-3\/4 {width:75% !important;}
.w-1\/5 {width:20% !important;}
.w-2\/5 {width:40% !important;}
.w-3\/5 {width:60% !important;}
.w-4\/5 {width:80% !important;}
.w-1\/6 {width:16.666667% !important;}
.w-2\/6 {width:33.333333% !important;}
.w-3\/6 {width:50% !important;}
.w-4\/6 {width:66.666667% !important;}
.w-5\/6 {width:83.333333% !important;}
.w-1\/12 {width:8.333333% !important;}
.w-2\/12 {width:16.666667% !important;}
.w-3\/12 {width:25% !important;}
.w-4\/12 {width:33.333333% !important;}
.w-5\/12 {width:41.666667% !important;}
.w-6\/12 {width:50% !important;}
.w-7\/12 {width:58.333333% !important;}
.w-8\/12 {width:66.666667% !important;}
.w-9\/12 {width:75% !important;}
.w-10\/12 {width:83.333333% !important;}
.w-11\/12 {width:91.666667% !important;}

.w100 {width:100% !important; }
.w90 {width:90% !important; }
.w80 {width:80% !important; }
.w70 {width:70% !important; }
.w60 {width:60% !important; }
.w50 {width:50% !important; }
.w40 {width:40% !important; }
.w30 {width:30% !important; }
.w20 {width:20% !important; }
.w10 {width:10% !important; }
@media screen and (max-width:767px) {
  .sp_w-100 {width:100% !important; }
  .sp_w-90 {width:90% !important; }
  .sp_w-80 {width:80% !important; }
  .sp_w-70 {width:70% !important; }
  .sp_w-60 {width:60% !important; }
  .sp_w-50 {width:50% !important; }
  .sp_w-40 {width:40% !important; }
  .sp_w-30 {width:30% !important; }
  .sp_w-20 {width:20% !important; }
  .sp_w-10 {width:10% !important; }
  }
@media print, screen and (min-width: 768px) {
  .pc_w100 {width:100% !important; }
  .pc_w90 {width:90% !important; }
  .pc_w80 {width:80% !important; }
  .pc_w70 {width:70% !important; }
  .pc_w60 {width:60% !important; }
  .pc_w50 {width:50% !important; }
  .pc_w40 {width:40% !important; }
  .pc_w30 {width:30% !important; }
  .pc_w20 {width:20% !important; }
  .pc_w10 {width:10% !important; }
  }
/*---- max-width ---------------------*/
  .max-5 { max-width:5px !important; }
  .max-10 { max-width:10px !important; }
  .max-20 { max-width:20px !important; }
  .max-30 { max-width:30px !important; }
  .max-40 { max-width:40px !important; }
  .max-50 { max-width:50px !important; }
  .max-60 { max-width:60px !important; }
  .max-70 { max-width:70px !important; }
  .max-80 { max-width:80px !important; }
  .max-90 { max-width:90px !important; }
  .max-100 { max-width:100px !important; }
  .max-110 { max-width:110px !important; }
  .max-120 { max-width:120px !important; }
  .max-130 { max-width:130px !important; }
  .max-140 { max-width:140px !important; }s
  .max-150 { max-width:150px !important; }
  .max-200 { max-width:200px !important; }
  .max-250 { max-width:250px !important; }
  .max-300 { max-width:300px !important; }
  .max-350 { max-width:350px !important; }
  .max-400 { max-width:400px !important; }
  .max-450 { max-width:450px !important; }
  .max-500 { max-width:500px !important; }
@media print, screen and (min-width: 768px) {
  .pc_max30 { max-width:30px !important; }
  .pc_max40 { max-width:40px !important; }
  .pc_max50 { max-width:50px !important; }
  .pc_max60 { max-width:60px !important; }
  .pc_max70 { max-width:70px !important; }
  .pc_max80 { max-width:80px !important; }
  .pc_max90 { max-width:90px !important; }
  .pc_max100 { max-width:100px !important; }
  .pc_max110 { max-width:110px !important; }
  .pc_max120 { max-width:120px !important; }
  .pc_max130 { max-width:130px !important; }
  .pc_max140 { max-width:140px !important; }
  .pc_max150 { max-width:150px !important; }
  .pc_max200 { max-width:200px !important; }
  .pc_max250 { max-width:250px !important; }
  .pc_max300 { max-width:300px !important; }
  .pc_max350 { max-width:350px !important; }
  .pc_max400 { max-width:400px !important; }
  .pc_max450 { max-width:450px !important; }
  .pc_max500 { max-width:500px !important; }
  }
@media screen and (max-width: 767px) {
  .sp_max30 { max-width:30px !important; }
  .sp_max40 { max-width:40px !important; }
  .sp_max50 { max-width:50px !important; }
  .sp_max60 { max-width:60px !important; }
  .sp_max70 { max-width:70px !important; }
  .sp_max80 { max-width:80px !important; }
  .sp_max90 { max-width:90px !important; }
  .sp_max100 { max-width:100px !important; }
  .sp_max110 { max-width:110px !important; }
  .sp_max120 { max-width:120px !important; }
  .sp_max130 { max-width:130px !important; }
  .sp_max140 { max-width:140px !important; }
  .sp_max150 { max-width:150px !important; }
  .sp_max200 { max-width:200px !important; }
  .sp_max250 { max-width:250px !important; }
  .sp_max300 { max-width:300px !important; }
  .sp_max350 { max-width:350px !important; }
  .sp_max400 { max-width:400px !important; }
  .sp_max450 { max-width:450px !important; }
  .sp_max500 { max-width:500px !important; }
  }
/*---- min-width ---------------------*/
@media print, screen and (min-width: 641px) {
  .pc_min-30 { min-width:30px !important; }
  .pc_min-40 { min-width:40px !important; }
  .pc_min-50 { min-width:50px !important; }
  .pc_min-60 { min-width:60px !important; }
  .pc_min-70 { min-width:70px !important; }
  .pc_min-80 { min-width:80px !important; }
  .pc_min-90 { min-width:90px !important; }
  .pc_min-100 { min-width:100px !important; }
  .pc_min-110 { min-width:110px !important; }
  .pc_min-120 { min-width:120px !important; }
  .pc_min-130 { min-width:130px !important; }
  .pc_min-140 { min-width:140px !important; }s
  .pc_min-150 { min-width:150px !important; }
  .pc_min-200 { min-width:200px !important; }
  .pc_min-250 { min-width:250px !important; }
  .pc_min-300 { min-width:300px !important; }
  .pc_min-350 { min-width:350px !important; }
  .pc_min-400 { min-width:400px !important; }
  .pc_min-450 { min-width:450px !important; }
  .pc_min-500 { min-width:500px !important; }
  }
@media screen and (max-width:640px) {
  .sp_min-30 { min-width:30px !important; }
  .sp_min-40 { min-width:40px !important; }
  .sp_min-50 { min-width:50px !important; }
  .sp_min-60 { min-width:60px !important; }
  .sp_min-70 { min-width:70px !important; }
  .sp_min-80 { min-width:80px !important; }
  .sp_min-90 { min-width:90px !important; }
  .sp_min-100 { min-width:100px !important; }
  .sp_min-110 { min-width:110px !important; }
  .sp_min-120 { min-width:120px !important; }
  .sp_min-130 { min-width:130px !important; }
  .sp_min-140 { min-width:140px !important; }
  .sp_min-150 { min-width:150px !important; }
  .sp_min-200 { min-width:200px !important; }
  .sp_min-250 { min-width:250px !important; }
  .sp_min-300 { min-width:300px !important; }
  .sp_min-350 { min-width:350px !important; }
  .sp_min-400 { min-width:400px !important; }
  .sp_min-450 { min-width:450px !important; }
  .sp_min-500 { min-width:500px !important; }
  }
/*---- height ---------------------*/
.h-auto	{height: auto !important;}
.h-full	{height: 100% !important;}
/*---- font-size ---------------------*/
.text-10 {font-size:var(--text-10);}
.text-11 {font-size:var(--text-11);}
.text-12 {font-size:var(--text-12);}
.text-13 {font-size:var(--text-13);}
.text-14 {font-size:var(--text-14);}
.text-15 {font-size:var(--text-15);}
.text-16 {font-size:var(--text-16);}
.text-18 {font-size:var(--text-18);}
.text-20 {font-size:var(--text-20);}
.text-22 {font-size:var(--text-22);}
.text-25 {font-size:var(--text-25);}
.text-28 {font-size:var(--text-28);}
.text-29 {font-size:var(--text-29);}
.text-30 {font-size:var(--text-30);}
.text-32 {font-size:var(--text-32);}
.text-35 {font-size:var(--text-35);}
.text-38 {font-size:var(--text-38);}
.text-42 {font-size:var(--text-42);}
  .text-55\% {font-size:55% !important;}
  .text-60\% {font-size:60% !important;}
  .text-65\% {font-size:65% !important;}
  .text-70\% {font-size:70% !important;}
  .text-75\% {font-size:75% !important;}
  .text-80\% {font-size:80% !important;}
  .text-85\% {font-size:85% !important;}
  .text-90\% {font-size:90% !important;}
  .text-95\% {font-size:95% !important;}
  .text-105\% {font-size:105% !important;}
  .text-110\% {font-size:110% !important;}
  .text-115\% {font-size:115% !important;}
  .text-120\% {font-size:120% !important;}
  .text-125\% {font-size:125% !important;}
  .text-130\% {font-size:130% !important;}
  .text-135\% {font-size:135% !important;}
  .text-140\% {font-size:140% !important;}
@media screen and (max-width: 767px) {
  .sp_text-55\% {font-size:55% !important;}
  .sp_text-60\% {font-size:60% !important;}
  .sp_text-65\% {font-size:65% !important;}
  .sp_text-70\% {font-size:70% !important;}
  .sp_text-75\% {font-size:75% !important;}
  .sp_text-80\% {font-size:80% !important;}
  .sp_text-85\% {font-size:85% !important;}
  .sp_text-90\% {font-size:90% !important;}
  .sp_text-95\% {font-size:95% !important;}
  .sp_text-105\% {font-size:105% !important;}
  .sp_text-110\% {font-size:110% !important;}
  .sp_text-115\% {font-size:115% !important;}
  .sp_text-120\% {font-size:120% !important;}
  .sp_text-125\% {font-size:125% !important;}
  .sp_text-130\% {font-size:130% !important;}
  .sp_text-135\% {font-size:135% !important;}
  .sp_text-140\% {font-size:140% !important;}
  }
/*---- line-height ---------------------*/
.leading-1	{line-height: 1 !important;}
.leading-1\.2	{line-height: 1.2 !important;}
.leading-1\.3	{line-height: 1.3 !important;}
.leading-1\.4	{line-height: 1.4 !important;}
.leading-1\.5	{line-height: 1.5 !important;}
.leading-1\.6	{line-height: 1.6 !important;}
.leading-1\.7	{line-height: 1.7 !important;}
.leading-1\.8	{line-height: 1.8 !important;}
/*---- letter-spacing ---------------------*/
.tracking-tighter {letter-spacing: -0.05em !important}
.tracking-tight {letter-spacing: -0.025em !important}
.tracking-normal {letter-spacing: 0em !important}
.tracking-wide {letter-spacing: 0.025em !important}
.tracking-wider {letter-spacing: 0.05em !important}
.tracking-widest {letter-spacing: 0.1em !important}
/*===============================================
layout
===============================================*/
/* flex */
.flex {display:flex !important; }
.flex-wrapp {flex-wrap:wrap !important; }
.flex-wrap-reverse {flex-wrap:wrap-reverse !important; }
.flex-nowrap {flex-wrap:nowrap !important; }
.flex-row {flex-direction:row !important; }
.flex-row-reverse {flex-direction:row-reverse !important;}
.flex-col {flex-direction:column !important;}
.flex-col-reverse {flex-direction:column-reverse !important;}
.justify-start {justify-content:flex-start !important;}
.justify-end {justify-content:flex-end !important;}
.justify-center {justify-content:center !important;}
.justify-between {justify-content:space-between !important;}
.items-start {align-items:flex-start !important;}
.items-end {align-items:flex-end !important;}
.items-center {align-items:center !important;}
/* grid */
.self-auto {align-self: auto !important;}
.self-start {align-self: flex-start !important;}
.self-end {align-self: flex-end !important;}
.self-center {align-self: center !important;}
.self-stretch {align-self: stretch !important;}
.self-baseline {align-self: baseline !important;}
@media screen and (max-width:767px) {
  .sp_flex {display:flex !important; }
  .sp_flex-wrapp {flex-wrap:wrap !important; }
  .sp_flex-wrap-reverse {flex-wrap:wrap-reverse !important; }
  .sp_flex-nowrap {flex-wrap:nowrap !important; }
  .sp_flex-row {flex-direction:row !important; }
  .sp_flex-row-reverse {flex-direction:row-reverse !important;}
  .sp_flex-col {flex-direction:column !important;}
  .sp_flex-col-reverse {flex-direction:column-reverse !important;}
  .sp_justify-start {justify-content:flex-start !important;}
  .sp_justify-end {justify-content:flex-end !important;}
  .sp_justify-center {justify-content:center !important;}
  .sp_justify-between {justify-content:space-between !important;}
  .sp_items-start {align-items:flex-start !important;}
  .sp_items-end {align-items:flex-end !important;}
  .sp_items-center {align-items:center !important;}
  }
.grow {flex-grow:1 !important; }
.shrink-0 {flex-shrink:0 !important;}
/* float */
.float-right {float:right;}
.float-left {float:left;}
:has(.float-right),:has(.float-left) {display:flow-root;}
/* vertical-align */
.align-baseline {vertical-align:baseline !important;}
.align-top {vertical-align:top !important;}
.align-middle {vertical-align:middle !important;}
.align-bottom {vertical-align:bottom !important;}
/*-------- display ----------------------------*/
.none { display:none !important; }
@media screen and (max-width: 767px) {.sp_none { display:none !important; }}
@media print, screen and (min-width: 768px) {.pc_none { display:none !important; }}
.block { display:block !important; }
.inline-block { display:inline-block !important; }
.inline { display:inline !important; }
.table {display:table !important; }
.table-cell { display:table-cell !important; }
@media screen and (max-width: 767px) {
  .sp_block { display:block !important; }
  .sp_inline-block { display:inline-block !important; }
  .sp_inline { display:inline !important; }
  .sp_table {display:table !important; }
  .sp_table-cell { display:table-cell !important; }
  }
/*-------- text -------------------------------*/
.bold {font-weight:bold !important; }
.underline {text-decoration-line:underline !important; }
.no-underline {text-decoration-line:none !important; }
.text-center {text-align:center !important; }
.text-right {text-align:right !important; }
.text-left {text-align:left !important; }
@media screen and (max-width: 767px) {
  .sp_text-center {text-align:center !important;}
  .sp_text-right {text-align:right !important;}
  .sp_text-left {text-align:left !important;}
  }
.font-normal { font-weight:400 !important;}
.font-medium { font-weight:500 !important;}
.font-semibold { font-weight:600 !important;}
.break-words {overflow-wrap:break-word !important;}
.whitespace-normal {white-space:normal !important;}
.whitespace-nowrap {white-space:nowrap !important;}
.text-red {color:var(--red-8) !important;}
.text-pink {color:var(--pink-8) !important;}
.text-purple {color:var(--purple-8) !important;}
.text-violet {color:var(--violet-8) !important;}
.text-indigo {color:var(--indigo-8) !important;}
.text-blue {color:var(--blue-8) !important;}
.text-cyan {color:var(--cyan-8) !important;}
.text-teal {color:var(--teal-8) !important;}
.text-green {color:var(--green-8) !important;}
.text-lime {color:var(--lime-8) !important;}
.text-yellow {color:var(--yellow-8) !important;}
.text-orange {color:var(--orange-8) !important;}
.text-choco {color:var(--choco-8) !important;}
.text-brown {color:var(--brown-8) !important;}
.text-sand {color:var(--sand-8) !important;}
.text-camo {color:var(--camo-8) !important;}
.text-jungle {color:var(--jungle-8) !important;}
.leading-1	{line-height: 1 !important;}
.leading-1\.2	{line-height: 1.2 !important;}
.leading-1\.3	{line-height: 1.3 !important;}
.leading-1\.4	{line-height: 1.4 !important;}
.leading-1\.5	{line-height: 1.5 !important;}
.leading-1\.6	{line-height: 1.6 !important;}
.leading-1\.7	{line-height: 1.7 !important;}
.leading-1\.8	{line-height: 1.8 !important;}
/*-------- border -------------------------------*/
.border {border:1px solid currentColor !important; }
.border-0 {border-width:0px !important; }
.border-b {border-bottom:1px solid currentColor !important; }
.rounded-2 {border-radius:0.2rem !important;}
.rounded-4 {border-radius:0.4rem !important;}
.rounded-6 {border-radius:0.6rem !important;}
.rounded-8 {border-radius:0.8rem !important;}
.rounded-12 {border-radius:1.2rem !important;}
.rounded-16 {border-radius:1.6rem !important;}
.rounded-24 {border-radius:2.4rem !important;}
.rounded-full {border-radius:9999px !important;}
/*-------- font -------------------------------*/
.font-serif {font-family:"游明朝";}
/*-------- background -------------------------------*/
.bg-white {background-color:white !important;}
.bg-red {background-color:var(--red-8) !important;}
.bg-pink {background-color:var(--pink-8) !important;}
.bg-purple {background-color:var(--purple-8) !important;}
.bg-violet {background-color:var(--violet-8) !important;}
.bg-indigo {background-color:var(--indigo-8) !important;}
.bg-blue {background-color:var(--blue-8) !important;}
.bg-cyan {background-color:var(--cyan-8) !important;}
.bg-teal {background-color:var(--teal-8) !important;}
.bg-green {background-color:var(--green-8) !important;}
.bg-lime {background-color:var(--lime-8) !important;}
.bg-yellow {background-color:var(--yellow-8) !important;}
.bg-orange {background-color:var(--orange-8) !important;}
.bg-choco {background-color:var(--choco-8) !important;}
.bg-brown {background-color:var(--brown-8) !important;}
.bg-sand {background-color:var(--sand-8) !important;}
.bg-camo {background-color:var(--camo-8) !important;}
.bg-jungle {background-color:var(--jungle-8) !important;}
/*===============================================
element or block module
===============================================*/
/* icon */
.el_mark {
  display:block!important;
  padding-left:1em !important;
  list-style:none !important;
  text-indent:-1em !important;
  }
/* background */
.el_bg-dot {
  display:block;
  margin:var(--size-30) 0;
  padding:var(--size-50);
  background-color:#fff;
  background-image:radial-gradient(#ffdbc9 15%, transparent 15%), radial-gradient(#ffdbc9 15%, transparent 15%);
  background-position:0 0, 15px 15px;
  background-size:30px 30px;
  }
/* banzai */
.el_h-banzai {
  line-height:1.4!important;
  position:relative!important;
  width:-moz-fit-content!important;
  width:     fit-content!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-right:30px!important;
  padding-left:30px!important;
  }
.el_h-banzai::before,
.el_h-banzai::after {
  position:absolute;
  display:inline-block;
  width:2px;
  height:60%;
  content:"";
  border-radius:1px;/* 線幅の半分 */
  background-color:currentColor;
  }
.el_h-banzai::before {
  top:65%;
  left:0;
  margin-right:30px;
  transform:translateY(-50%) rotate(-35deg);
  }
.el_h-banzai::after {
  top:65%;
  right:0;
  margin-left:30px;
  transform:translateY(-50%)rotate(35deg);
  }
.el_h-banzai__L {
  margin-right:initial!important;
  margin-left:initial!important;
  text-align:left!important;
  }
/* border */
.el_h-border {
  position: relative;
  padding: 0 var(--size-60);
color:var(--pink-8);
}
.el_h-border:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: var(--pink-8);
}
.el_h-border span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
/* marker */
.el_textLine-yellow {
  background-image:linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(255, 240, 145, 0.7) 70%);
  }
/* marker */
.el_box {
    padding: var(--size-20);
    border: 1px solid var(--gray-4);
    border-radius: 4px;
}
/*===============================================
grid
===============================================*/
.grid {display:grid;}
[class*="ly_grid--"] {
  display:grid !important;
  gap:10px !important;
  }
/* equality-col */
.ly_grid--auto {
  grid-auto-flow:column !important;

  }
/* equality-col */
.ly_grid--equality {
  grid-auto-flow:column !important;
  grid-auto-columns:1fr !important;

  }
/* some-col */
.ly_grid--2 {grid-template-columns:repeat(2, 1fr) !important;}
.ly_grid--3 {grid-template-columns:repeat(3, 1fr) !important;}
.ly_grid--4 {grid-template-columns:repeat(4, 1fr) !important;}
.ly_grid--5 {grid-template-columns:repeat(5, 1fr) !important;}
@media screen and (max-width:767px) {
  [class*="sp_ly_grid--"] {grid-auto-flow:inherit !important;}
  .sp_ly_grid--1 {grid-template-columns:1fr !important;}
  .sp_ly_grid--2 {grid-template-columns:repeat(2, 1fr) !important;}
  .sp_ly_grid--3 {grid-template-columns:repeat(3, 1fr) !important;}
  .sp_ly_grid--4 {grid-template-columns:repeat(4, 1fr) !important;}
  .sp_ly_grid--5 {grid-template-columns:repeat(5, 1fr) !important;}
  }
/* 2-col */
[class*="ly_article-grid"] {
  display:grid !important;
  justify-content:center !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  }
.ly_article-grid--2-1 { grid-template-columns:20% 1fr !important;}
.ly_article-grid--3-1 { grid-template-columns:30% 1fr !important;}
.ly_article-grid--4-1 { grid-template-columns:40% 1fr !important;}
.ly_article-grid--5-1 { grid-template-columns:50% 1fr !important;}
.ly_article-grid--6-1 { grid-template-columns:60% 1fr !important;}
.ly_article-grid--7-1 { grid-template-columns:70% 1fr !important;}
.ly_article-grid--8-1 { grid-template-columns:80% 1fr !important;}
.ly_article-grid--9-1 { grid-template-columns:90% 1fr !important;}
.ly_article-grid--1-2 { grid-template-columns:1fr 20% !important;}
.ly_article-grid--1-3 { grid-template-columns:1fr 30% !important;}
.ly_article-grid--1-4 { grid-template-columns:1fr 40% !important;}
.ly_article-grid--1-5 { grid-template-columns:1fr 50% !important;}
.ly_article-grid--1-6 { grid-template-columns:1fr 60% !important;}
.ly_article-grid--1-7 { grid-template-columns:1fr 70% !important;}
.ly_article-grid--1-8 { grid-template-columns:1fr 80% !important;}
.ly_article-grid--1-9 { grid-template-columns:1fr 90% !important;}
/*===============================================
gap
===============================================*/
.gap-0 {gap:0px !important; }
.gap-1 {gap:1px !important; }
.gap-2 {gap:2px !important; }
.gap-3 {gap:3px !important; }
.gap-4 {gap:4px !important; }
.gap-5 {gap:5px !important; }
.gap-6 {gap:6px !important; }
.gap-7 {gap:7px !important; }
.gap-8 {gap:8px !important; }
.gap-9 {gap:9px !important; }
.gap-10 {gap:var(--size-10) !important; }
.gap-15 {gap:var(--size-15) !important; }
.gap-20 {gap:var(--size-20) !important; }
.gap-25 {gap:var(--size-25) !important; }
@media screen and (max-width:767px) {
  .sp_gap-0 {gap:0px !important; }
  .sp_gap-1 {gap:1px !important; }
  .sp_gap-2 {gap:2px !important; }
  .sp_gap-3 {gap:3px !important; }
  .sp_gap-4 {gap:4px !important; }
  .sp_gap-5 {gap:5px !important; }
  .sp_gap-6 {gap:6px !important; }
  .sp_gap-7 {gap:7px !important; }
  .sp_gap-8 {gap:8px !important; }
  .sp_gap-9 {gap:9px !important; }
  .sp_gap-10 {gap:var(--size-10) !important; }
  .sp_gap-15 {gap:var(--size-15) !important; }
  .sp_gap-20 {gap:var(--size-20) !important; }
  .sp_gap-25 {gap:var(--size-25) !important; }
  }
/*===============================================
flex
===============================================*/
:root {
  --flex-gap:var(--size-20);
  }
.flex-gap-0 {--flex-gap:0px;}
.flex-gap-1 {--flex-gap:1px;}
.flex-gap-2 {--flex-gap:2px;}
.flex-gap-3 {--flex-gap:3px;}
.flex-gap-4 {--flex-gap:4px;}
.flex-gap-5 {--flex-gap:5px;}
.flex-gap-6 {--flex-gap:6px;}
.flex-gap-7 {--flex-gap:7px;}
.flex-gap-8 {--flex-gap:8px;}
.flex-gap-9 {--flex-gap:9px;}
.flex-gap-10 {--flex-gap:var(--size-10);}
.flex-gap-15 {--flex-gap:var(--size-15);}
.flex-gap-20 {--flex-gap:var(--size-20);}
.flex-gap-25 {--flex-gap:var(--size-25);}
.flex-gap-30 {--flex-gap:var(--size-30);}
.flex-gap-35 {--flex-gap:var(--size-35);}
.flex-gap-40 {--flex-gap:var(--size-40);}
@media screen and (max-width:768px) {
  .sp_flex-gap-10 {--flex-gap:10px;}
  .sp_flex-gap-15 {--flex-gap:15px;}
  .sp_flex-gap-20 {--flex-gap:20px;}
  .sp_flex-gap-25 {--flex-gap:25px;}
  }
[class*="ly_flex"] {
  display:flex;
  gap:var(--flex-gap);
  }
[class*="ly_flex--1"]>*:first-child {flex-shrink:0;}
[class*="ly_flex--1"]>*:last-child {width: 100%;}
.ly_flex--1-20>*:first-child {width:20%;}
.ly_flex--1-24>*:first-child {width:24%;}
.ly_flex--1-25>*:first-child {width:25%;}
.ly_flex--1-30>*:first-child {width:30%;}
.ly_flex--1-34>*:first-child {width:34%;}
.ly_flex--1-40>*:first-child {width:40%;}
.ly_flex--1-47>*:first-child {width:47%;}
.ly_flex--1-50>*:first-child {width:50%;}
.ly_flex--1-55>*:first-child {width:55%;}
.ly_flex--1-58>*:first-child {width:58%;}
.ly_flex--1-60>*:first-child {width:60%;}
.ly_flex--1-70>*:first-child {width:70%;}
/* some-col */
.ly_flex--2,.ly_flex--3,.ly_flex--4,.ly_flex--5,.ly_flex--6 {flex-wrap:wrap;}
.ly_flex--2>* {width:calc(calc(100% - 1*var(--flex-gap)) / 2);}
.ly_flex--3>* {width:calc(calc(100% - 2*var(--flex-gap)) / 3);}
.ly_flex--4>* {width:calc(calc(100% - 3*var(--flex-gap)) / 4);}
.ly_flex--5>* {width:calc(calc(100% - 4*var(--flex-gap)) / 5);}
@media screen and (max-width:767px) {
  .sp_ly_flex--1,.sp_ly_flex--2,.sp_ly_flex--3,.sp_ly_flex--4,.sp_ly_flex--5,.sp_ly_flex--6 {flex-wrap:wrap;}
  .sp_ly_flex--1>* {width:100% !important;}
  .sp_ly_flex--2>* {width:calc(calc(100% - 1*var(--flex-gap)) / 2) !important;}
  .sp_ly_flex--3>* {width:calc(calc(100% - 2*var(--flex-gap)) / 3) !important;}
  .sp_ly_flex--4>* {width:calc(calc(100% - 3*var(--flex-gap)) / 4) !important;}
  .sp_ly_flex--5>* {width:calc(calc(100% - 4*var(--flex-gap)) / 5) !important;}
  }
/* gridでできない段落ち*/
.ly_flex-center {
  align-items:center;
  flex-wrap:wrap;
  justify-content:start;
  gap:var(--size-10);
  }