@charset "utf-8";
/*===============================================
root
===============================================*/
/*---- common-color---------------------*/
:root {
  --border-color:rgb(0 0 0 / 0.17);

  --border-light-color:rgb(0 0 0 / 0.07);
  --border-dark-color:rgb(0 0 0 / 0.7);
  --wakakusa-black:#4c433a;
  --wakakusa-brown:#553d26;
  --wakakusa-lightbrown:#b3946e;
  --wakakusa-gray:#dddddd;
  --wakakusa-gray-rgb:221, 221, 221;
  --wakakusa-darkgray:#bbbcbc;
  --wakakusa-lightgray:#f6f6f6;
  --wakakusa-green:#51b142;
  --wakakusa-green-rgb:81, 177, 66;
  --wakakusa-darkgreen:#147e3a;
  --wakakusa-lightgreen:#eeffcc;
  --wakakusa-darkgreen-rgb:20, 126, 58;
  --wakakusa-pink:#fdafae;
  --wakakusa-lightpink:#FEE6E6;
  --wakakusa-pink-rgb:253,175,174;
  --wakakusa-darkpink:#e47a87;
  --wakakusa-blue:#94d6ee;
  --wakakusa-darkblue:#57a9c1;
  --wakakusa-deepblue:#2e849d;
  --wakakusa-lightblue:#DEF2F9;
  --wakakusa-blue-rgb:148,214,238;
  --wakakusa-red:#e40a3e;
  --wakakusa-yellow:#ffcc3b;
  --wakakusa-lightyellow:#fff5d9;
  --wakakusa-darkyellow:#e67d00;
  --wakakusa-purple:#a974b2;
  --wakakusa-lightpurple:#f8e2fc;
  --wakakusa-darkpurple:#673570;
  --wakakusa-yellow-rgb:255, 204, 59;
  --wakakusa-beige:#f3debf;
  --wakakusa-lightbeige:#faf2e5;
  --wakakusa-lightbeige-rgb:250, 242, 229;
 }
/*---- z-index -----*/
:root {
  --modal_wrap:10000;
  --header_container:7000;
  --headerImg_ttl:6000;
  --topBtn:5000;
  --navUnit_inner:1000;
  --footer_container:500;
  --main:100;
  --breadcrumb:2;
  --cutOff:1;
  --c-slider_slide_wrap:0;
  --headerImg_imgWrap:0;
 }
@media only screen and (max-width: 768px) {
  :root {
    --headerImg_ttl:20000;
 } }
/*---- font-family---------------------*/
:root {
  --font-family-serif:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --font-family-gothic:"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  --font-family-en:"Lexend Zetta", sans-serif;
 }
/*---- font-weight---------------------*/
:root {
  --font-weight-n:400;
  --font-weight-m:500;
  --font-weight-b:700;
 }
/*---- line-height ---------------------*/
:root {
  --leading-1:1;
  --leading-1\.5:1.5;
  --leading-1\.6:1.6;
  --leading-1\.7:1.7;
  --leading-1\.8:1.8;
  --leading-1\.9:1.9;
  --leading-2:2;
  --leading-2\.1:2.1;
 }
@media only screen and (max-width: 768px) {
  :root {
    --leading-1\.5:1.3;
    --leading-1\.6:1.3;
    --leading-1\.7:1.4;
    --leading-1\.8:1.5;
    --leading-1\.9:1.85;
    --leading-2:1.7;
    --leading-2\.1:1.8;
 } }

/*---- border-radius---------------------*/
:root {
  --border-radius-2:0.2rem;
  --border-radius-4:0.4rem;
  --border-radius-6:0.6rem;
  --border-radius-8:0.8rem;
  --border-radius-10:clamp(0.8rem,0.7257142857142858rem + 0.19047619047619044vw, 1rem);
  --border-radius-12:clamp(1rem,0.9257142857142857rem + 0.19047619047619044vw, 1.2rem);
  --border-radius-14:clamp(1.1rem,0.9885714285714287rem + 0.28571428571428553vw, 1.4rem);
  --border-radius-16:clamp(1.2rem,1.0514285714285714rem + 0.3809523809523811vw, 1.6rem);
  --border-radius-18:1.8rem;
  --border-radius-20:2rem;
  --border-radius-22:2.2rem;
  --border-radius-24:2.4rem;
  --border-radius-26:2.6rem;
  --border-radius-28:2.8rem;
  --border-radius-30:3rem;
  --border-radius-40:clamp(2rem,1.2571428571428571rem + 1.9047619047619049vw, 4rem);
  --border-radius-50:5rem;
  --border-radius-60:6rem;
  --border-radius-70:7rem;
  --border-radius-80:8rem;
  --border-radius-90:9rem;
  --border-radius-100:10rem;
  --border-radius-99:100vmax;
 }
/*---- transition---------------------*/
:root {
  --transition:all .8s cubic-bezier(.2, 1, .2, 1);

  --transition-scale:all .5s cubic-bezier(.68, -.55, .265, 1.75);
 }
/*---- font-size---------------------*/
:root {
  /*font-size:67.5% screen brake:1280,400 */
  --size-5:clamp(0.35rem, 0.29rem + 0.14vw, 0.5rem);
  --size-10:clamp(0.7rem, 0.59rem + 0.29vw, 1rem);
  --size-15:clamp(1.05rem, 0.88rem + 0.43vw, 1.5rem);
  --size-20:clamp(1.4rem, 1.18rem + 0.57vw, 2rem);
  --size-25:clamp(1.75rem, 1.47rem + 0.71vw, 2.5rem);
  --size-30:clamp(2.1rem, 1.77rem + 0.86vw, 3rem);
  --size-35:clamp(2.45rem, 2.06rem + 1.00vw, 3.5rem);
  --size-40:clamp(2.8rem, 2.35rem + 1.14vw, 4rem);
  --size-45:clamp(3.15rem, 2.65rem + 1.29vw, 4.5rem);
  --size-50:clamp(3.5rem, 2.94rem + 1.43vw, 5rem);
  --size-55:clamp(3.85rem, 3.24rem + 1.57vw, 5.5rem);
  --size-60:clamp(4.2rem, 3.53rem + 1.71vw, 6rem);
  --size-65:clamp(4.55rem, 3.83rem + 1.86vw, 6.5rem);
  --size-70:clamp(4.9rem, 4.12rem + 2.00vw, 7rem);
  --size-75:clamp(5.25rem, 4.41rem + 2.14vw, 7.5rem);
  --size-80:clamp(5.6rem, 4.71rem + 2.29vw, 8rem);
  --size-85:clamp(5.95rem, 5.00rem + 2.43vw, 8.5rem);
  --size-90:clamp(6.3rem, 5.30rem + 2.57vw, 9rem);
  --size-95:clamp(6.65rem, 5.59rem + 2.71vw, 9.5rem);
  --size-100:clamp(7rem, 5.89rem + 2.86vw, 10rem);
  --size-105:clamp(7.35rem, 6.18rem + 3.00vw, 10.5rem);
  --size-110:clamp(7.7rem, 6.47rem + 3.14vw, 11rem);
  --size-115:clamp(8.05rem, 6.77rem + 3.29vw, 11.5rem);
  --size-120:clamp(8.4rem, 7.06rem + 3.43vw, 12rem);
  --size-125:clamp(8.75rem, 7.36rem + 3.57vw, 12.5rem);
  --size-130:clamp(9.1rem, 7.65rem + 3.71vw, 13rem);
  --size-135:clamp(9.45rem, 7.95rem + 3.86vw, 13.5rem);
  --size-140:clamp(9.8rem, 8.24rem + 4.00vw, 14rem);
  --size-145:clamp(10.15rem, 8.53rem + 4.14vw, 14.5rem);
  --size-150:clamp(10.5rem, 8.83rem + 4.29vw, 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-17:clamp(1.5rem, 0.19vw + 1.43rem, 1.7rem);
  --text-18:clamp(1.5rem, 0.34vw + 1.36rem, 1.8rem);
  --text-19:clamp(1.55rem, 0.39vw + 1.39rem, 1.9rem);
  --text-20:clamp(1.6rem, 0.45vw + 1.42rem, 2.0rem);
  --text-21:clamp(1.65rem, 0.56vw + 1.40rem, 2.1rem);
  --text-22:clamp(1.6rem, 0.68vw + 1.33rem, 2.2rem);
  --text-23:clamp(1.65rem, 0.74vw + 1.40rem, 2.3rem);
  --text-24:clamp(1.70rem, 0.80vw + 1.48rem, 2.4rem);
  --text-25:clamp(1.73rem, 0.84vw + 1.50rem, 2.5rem);
  --text-26:clamp(1.76rem, 0.89vw + 1.52rem, 2.6rem);
  --text-27:clamp(1.79rem, 0.94vw + 1.54rem, 2.7rem);
  --text-28:clamp(1.82rem, 1.00vw + 1.56rem, 2.8rem);
  --text-29:clamp(1.85rem, 1.06vw + 1.58rem, 2.9rem);
  --text-30:clamp(1.88rem, 1.12vw + 1.60rem, 3.0rem);
  --text-31:clamp(1.91rem, 1.18vw + 1.62rem, 3.1rem);
  --text-32:clamp(1.94rem, 1.24vw + 1.64rem, 3.2rem);
  --text-33:clamp(1.97rem, 1.30vw + 1.66rem, 3.3rem);
  --text-34:clamp(2.00rem, 1.36vw + 1.68rem, 3.4rem);
  --text-35:clamp(2.03rem, 1.42vw + 1.70rem, 3.5rem);
  --text-36:clamp(2.06rem, 1.48vw + 1.72rem, 3.6rem);
  --text-37:clamp(2.09rem, 1.54vw + 1.74rem, 3.7rem);
  --text-38:clamp(2.12rem, 1.60vw + 1.76rem, 3.8rem);
  --text-39:clamp(2.15rem, 1.66vw + 1.78rem, 3.9rem);
  --text-40:clamp(2.18rem, 1.72vw + 1.80rem, 4.0rem);
  --text-41:clamp(2.19rem, 1.80vw + 1.82rem, 4.1rem);
  --text-42:clamp(2.20rem, 1.86vw + 1.84rem, 4.2rem);
  --text-43:clamp(2.30rem, 1.90vw + 1.88rem, 4.3rem);
  --text-44:clamp(2.40rem, 1.94vw + 1.92rem, 4.4rem);
  --text-45:clamp(2.50rem, 1.98vw + 1.96rem, 4.5rem);
  --text-46:clamp(2.60rem, 2.02vw + 2.00rem, 4.6rem);
  --text-47:clamp(2.70rem, 2.06vw + 2.04rem, 4.7rem);
  --text-48:clamp(2.80rem, 2.10vw + 2.08rem, 4.8rem);
  --text-49:clamp(2.90rem, 2.14vw + 2.12rem, 4.9rem);
  --text-50:clamp(3.00rem, 2.18vw + 2.16rem, 5.0rem);
  --text-51:clamp(3.10rem, 2.22vw + 2.20rem, 5.1rem);
  --text-52:clamp(3.20rem, 2.26vw + 2.24rem, 5.2rem);
  --text-53:clamp(3.30rem, 2.30vw + 2.28rem, 5.3rem);
  --text-54:clamp(3.40rem, 2.34vw + 2.32rem, 5.4rem);
  --text-55:clamp(3.50rem, 2.38vw + 2.36rem, 5.5rem);
  --text-56:clamp(3.60rem, 2.42vw + 2.40rem, 5.6rem);
  --text-57:clamp(3.70rem, 2.46vw + 2.44rem, 5.7rem);
  --text-58:clamp(3.80rem, 2.50vw + 2.48rem, 5.8rem);
  --text-59:clamp(3.90rem, 2.54vw + 2.52rem, 5.9rem);
  --text-60:clamp(4.00rem, 2.58vw + 2.56rem, 6.0rem);
 }
/*---- other-color---------------------*/
:root {
  --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);
 }
/*===============================================
Tailwind css
===============================================*/
/* flex */
.flex {display:flex !important;
  gap:var(--size-20); }
.flex-auto {flex:auto; }
.flex-initial {flex:0 auto; }/* 伸びない縮まない*/
.flex-none {flex:none; }
.flex-wrap {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; }
.justify-items-start {justify-items:start !important; }
.justify-items-end {justify-items:end !important; }
.justify-items-center {justify-items:center !important; }
.justify-items-stretch {justify-items:stretch !important; }
.items-start {align-items:flex-start !important; }
.items-end {align-items:flex-end !important; }
.items-center {align-items:center !important; }
.items-baseline {align-items:baseline !important; }
.items-stretch {align-items:stretch!important; }
.static {position:static !important; }
.fixed {position:fixed !important; }
.absolute {position:absolute !important; }
.relative {position:relative !important; }
.sticky {position:sticky !important; }
.grow {flex-grow:1 !important; }
.shrink-0 {flex-shrink:0 !important; }
/* object */
.object-contain {object-fit:contain !important; }
.object-cover {object-fit:cover !important; }
.object-fill {object-fit:fill !important; }
.object-none {object-fit:none !important; }
.object-scale-down {object-fit:scale-down !important; }
/* object-position */
.object-position-y-5 { object-position:50% 5px; }
.object-position-y-10 { object-position:50% 10px; }
.object-position-y-15 { object-position:50% 15px; }
.object-position-y-20 { object-position:50% 20px; }
.object-position-y-25 { object-position:50% 25px; }
.object-position-y-30 { object-position:50% 30px; }
.object-position-y-35 { object-position:50% 35px; }
.object-position-y-40 { object-position:50% 40px; }
.object-position-y-45 { object-position:50% 45px; }
.object-position-y-50 { object-position:50% 50px; }
.object-position-y--5 { object-position:50% -5px; }
.object-position-y--10 { object-position:50% -10px; }
.object-position-y--15 { object-position:50% -15px; }
.object-position-y--20 { object-position:50% -20px; }
.object-position-y--25 { object-position:50% -25px; }
.object-position-y--30 { object-position:50% -30px; }
.object-position-y--35 { object-position:50% -35px; }
.object-position-y--40 { object-position:50% -40px; }
.object-position-y--45 { object-position:50% -45px; }
.object-position-y--50 { object-position:50% -50px; }
@media only screen and (max-width: 768px) {
  .sp_object-position-y-5 { object-position:50% 5px; }
  .sp_object-position-y-10 { object-position:50% 10px; }
  .sp_object-position-y-15 { object-position:50% 15px; }
  .sp_object-position-y-20 { object-position:50% 20px; }
  .sp_object-position-y-25 { object-position:50% 25px; }
  .sp_object-position-y-30 { object-position:50% 30px; }
  .sp_object-position-y-35 { object-position:50% 35px; }
  .sp_object-position-y-40 { object-position:50% 40px; }
  .sp_object-position-y-45 { object-position:50% 45px; }
  .sp_object-position-y-50 { object-position:50% 50px; }
  .sp_object-position-y--5 { object-position:50% -5px; }
  .sp_object-position-y--10 { object-position:50% -10px; }
  .sp_object-position-y--15 { object-position:50% -15px; }
  .sp_object-position-y--20 { object-position:50% -20px; }
  .sp_object-position-y--25 { object-position:50% -25px; }
  .sp_object-position-y--30 { object-position:50% -30px; }
  .sp_object-position-y--35 { object-position:50% -35px; }
  .sp_object-position-y--40 { object-position:50% -40px; }
  .sp_object-position-y--45 { object-position:50% -45px; }
  .sp_object-position-y--50 { object-position:50% -50px; } }
@media screen and (min-width: 1600px) {

  .xl_object-position-y--100 {object-position:50% -100px; }
  .xl_object-position-y--110 {object-position:50% -110px; }
  .xl_object-position-y--120 {object-position:50% -120px; }
  .xl_object-position-y--145 {object-position:50% -145px; }
  .xl_object-position-y--155 {object-position:50% -155px; }
  .xl_object-position-y--180 {object-position:50% -180px; }
  .xl_object-position-y--230 {object-position:50% -230px; } }

/* float */
.float-right {float:right; }
.float-left {float:left; }
:has(.float-right),:has(.float-left) {display:flow-root; }
.flow-root {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; }
/* overflow */
.overflow-auto {overflow:auto !important; }
.overflow-hidden {overflow:hidden !important; }
.overflow-clip {overflow:clip !important; }
.overflow-visible {overflow:visible !important; }
.overflow-scroll {overflow:scroll !important; }
.overflow-x-auto {overflow-x:auto !important; }
.overflow-y-auto {overflow-y:auto !important; }
.overflow-x-hidden {overflow-x:hidden !important; }
.overflow-y-hidden {overflow-y:hidden !important; }
.overflow-x-clip {overflow-x:clip !important; }
.overflow-y-clip {overflow-y:clip !important; }
.overflow-x-visible {overflow-x:visible !important; }
.overflow-y-visible {overflow-y:visible !important; }
.overflow-x-scroll {overflow-x:scroll !important; }
.overflow-y-scroll {overflow-y:scroll !important; }
/*-------- display ----------------------------*/
.none { display:none !important; }
@media screen and (max-width:768px) {.sp_none { display:none !important; } }
@media (max-width: 1070px) and (min-width: 768px) {.tb_none { display:none !important; } }
@media print, screen and (min-width: 769px) {.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; }
.contents { display:contents !important; }
@media screen and (max-width:768px) {
  .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 -------------------------------*/
.font-serif {font-family:var(--font-family-serif); }
.font-gothic {font-family:var(--font-family-gothic); }
.bold {font-weight:var(--font-weight-b) !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:768px) {
  .sp_text-center {text-align:center !important; }
  .sp_text-right {text-align:right !important; }
  .sp_text-left {text-align:left !important; } }
@media print, screen and (min-width: 768px) {
  .pc_text-center {text-align:center !important; }
  .pc_text-right {text-align:right !important; }
  .pc_text-left {text-align:left !important; } }
.font-normal { font-weight:var(--font-weight-n) !important; }
.font-medium { font-weight:var(--font-weight-m) !important; }
@media only screen and (max-width: 768px) {
  .sp_font-normal { font-weight:var(--font-weight-n) !important; }
  .sp_font-medium { font-weight:var(--font-weight-m) !important; } }
.break-words {overflow-wrap:break-word !important; }
.whitespace-normal {white-space:normal !important; }
.whitespace-nowrap {white-space:nowrap !important; }
.text-wrap {text-wrap:wrap !important; }
.text-nowrap {text-wrap:nowrap !important; }
.text-balance {text-wrap:balance !important; }
.text-pretty {text-wrap:pretty !important; }
.text-white {color:white !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; }
.leading-1\.9 {line-height:var(--leading-1\.9) !important; }
.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; }
.font-en {
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing:0.025em;
 }
@media only screen and (max-width: 768px) {
  .sp_leading-1 {line-height:1 !important; }
  .sp_leading-1\.2 {line-height:1.2 !important; }
  .sp_leading-1\.3 {line-height:1.3 !important; }
  .sp_leading-1\.4 {line-height:1.4 !important; }
  .sp_leading-1\.5 {line-height:1.5 !important; }
  .sp_leading-1\.6 {line-height:1.6 !important; }
  .sp_leading-1\.7 {line-height:1.7 !important; }
  .sp_leading-1\.8 {line-height:1.8 !important; }
  .sp_leading-1\.9 {line-height:1.9 !important; } }
/*-------- border -------------------------------*/
.border {border:1px solid currentColor !important; }
.border-lightbrown {border:1px solid var(--wakakusa-lightbrown); }
.border-0 {border-width:0px !important; }
.border-b {border-bottom:1px solid currentColor !important; }
.rounded-2 {border-radius:var(--border-radius-2) !important; }
.rounded-4 {border-radius:var(--border-radius-4) !important; }
.rounded-6 {border-radius:var(--border-radius-6) !important; }
.rounded-8 {border-radius:var(--border-radius-8) !important; }
.rounded-12 {border-radius:var(--border-radius-12) !important; }
.rounded-16 {border-radius:var(--border-radius-16) !important; }
.rounded-24 {border-radius:var(--border-radius-24) !important; }
.rounded-full {border-radius:9999px !important; }
/*-------- effect -------------------------------*/
.shadow-none {box-shadow:0 0 #0000 !important; }
/*-------- 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; }
/*===============================================
color
===============================================*/
.text-wakakusa-black {color:var(--wakakusa-black) !important; }
.text-wakakusa-gray {color:var(--wakakusa-gray) !important; }
.text-wakakusa-darkgray {color:var(--wakakusa-darkgray) !important; }
.text-wakakusa-green {color:var(--wakakusa-darkgreen) !important; }
.text-wakakusa-pink {color:var(--wakakusa-pink) !important; }
.text-wakakusa-darkpink {color:var(--wakakusa-darkpink) !important; }
.text-wakakusa-blue {color:var(--wakakusa-blue) !important; }
.text-wakakusa-darkblue {color:var(--wakakusa-darkblue) !important; }
.text-wakakusa-yellow {color:var(--wakakusa-yellow) !important; }
.text-wakakusa-darkyellow {color:var(--wakakusa-darkyellow) !important; }
.text-wakakusa-brown {color:var(--wakakusa-black) !important; }
/*===============================================
content
===============================================*/
/* center */
.el_center {
  display:block;
  margin-right:auto;
  margin-left:auto;

  max-inline-size:max-content; }
@media only screen and (max-width: 767px) {
  .sp_el_content-full {
    width:100vw;
    margin:inherit calc(50% - 50vw); } }
/* table-cell*/
.tbl-wrap { display:table; }
.tbl-row { display:table-row; }
.tbl-row>* {
  display:table-cell;
  padding-right:var(--size-20);
  padding-bottom:10px;
  white-space:nowrap;
 }
.tbl-row>*:last-child {
  padding-right:0;
  white-space:wrap;
 }
/* hidden */
.el_hidden {
  position:absolute;
  overflow:hidden;
  clip:rect(0,0,0,0);
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  white-space:nowrap;
  border:0;
 }
/*===============================================
icon
===============================================*/
/*---- link ---------------------*/
.el_link {
  transition:var(--transition);
  color:var(--wakakusa-darkgreen);

  text-underline-offset:0.25em;
  text-decoration-line:underline;
  text-decoration-color:currentColor;
  text-decoration-style:solid;
  text-decoration-thickness:0.05em;
 }
@media print, screen and (min-width: 769px) {
  .el_link:hover {opacity:0.5; } }
/*---- link arrow ---------------------*/
.el_linkArrow {
  position:relative;
  display:block;
  width:fit-content;
  padding-left:1.6em;
  transition:var(--transition);
  color:var(--wakakusa-darkgreen);

  text-underline-offset:0.3em;
  text-decoration-line:underline;
  text-decoration-color:currentColor;
  text-decoration-style:solid;
  text-decoration-thickness:0.05em; }
.el_linkArrow::before {
  font-family:'Material Symbols Rounded';
  font-size:1.2em;
  line-height:1;
  position:absolute;
  top:50%;           /* 上から50%の位置に移動 */
  left:0.2em;
  display:inline-block;
  content:"\eaaa";
  transition:var(--transition);
  transform:translateY(-50%); /* アイコン自身の高さの半分だけ上に戻して中央揃え */
  color:var(--wakakusa-darkgreen);

  font-variation-settings:'FILL' 1; }

@media print, screen and (min-width: 769px) {
  .el_linkArrow:hover {
    opacity:0.5;
 }
  .el_linkArrow:hover::before {
    font-variation-settings:'FILL' 0;
 } }

/*---- beforeIcon ---------------------*/
.el_before-mark {
  padding-left:1em !important;
  list-style:none !important;
  text-indent:-1em !important;
 }
[class*="el_icon--"] {
  display:flex;
 }
[class*="el_icon--"]::before {
  font-family:'Material Symbols Rounded';
  display:inline-block;
  margin-right:0.3em;
  transition:var(--transition);

  font-variation-settings:'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
 }
.el_icon--home_pin::before {content:'\f14d'; }
.el_icon--phone_in_talk::before {content:'\e61d'; }
.el_icon--logout::before {content:'\e5e1'; }
.el_icon--table-cog::before {content:'\F13C2'; }
.el_icon--account-search-outline::before {content:'\F0935'; }
.el_icon--account-check-outline::before {content:'\F0BE2'; }
.el_icon--account-outline::before {content:'\F0013'; }
.el_icon--printer-outline::before {content:'\F1786'; }
.el_icon--printer-settings::before {content:'\F0707'; }
.el_icon--printer-search::before {content:'\F1457'; }
.el_icon--printer::before {content:'\F042A'; }
.el_icon--chart-line::before {content:'\F012A'; }
.el_icon--chart-multiple::before {content:'\F1213'; }
.el_icon--table::before {content:'\F04EB'; }
.el_icon--table-multiple::before {content:'\F13C8'; }
.el_icon--backup-restore::before {content:'\F006F'; }
.el_icon--import::before {content:'\F02FA'; }
.el_icon--trash-can-outline::before {content:'\F0A7A'; }
.el_icon--alert-circle-outline::before {content:'\F05D6'; }
.el_icon--plus::before {content:'\F0415'; }
.el_icon--lock-outline::before {content:'\F0341'; }
.el_noIcon::before,.el_noIcon::after {display:none!important; }
.el_noAfterIcon::after {display:none!important; }
/*---- afterIcon ---------------------*/
:is(a:not(:is(.el_noIcon, .el_btn)), button:not(:is(.el_noIcon, .el_btn)))::after {
  font-family:'Material Symbols Rounded';
  font-size:114%;
  line-height:1;
  display:inline-block;
  padding-left:0.25em;
  transition:var(--transition);
  vertical-align:middle; }
:is(a:not(.el_noIcon), button:not(.el_noIcon))[target=_blank]::after {
  content:"\e89e";
 }
a[href$=".pdf"]:not(:empty)::after,
.el_afterIcon-pdf::after,
a[href$=".zip"]:not(:empty)::after,
.el_afterIcon-zip::after,
a[href$=".docx"]:not(:empty)::after,
.el_afterIcon-word::after,
a:is([href$=".xls"],[href$=".xlsx"]):not(:empty)::after,
.el_afterIcon-excel::after {
  display:inline-block;
  width:1em;
  aspect-ratio:34/39;
  margin-left:0.25em;
  content:"";
  transition:var(--transition);
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
 }
a[href$=".pdf"]::after,
  .el_afterIcon-pdf::after {
  background-image:url(/assets/images/icon-pdf.svg);
 }
a[href$=".docx"]::after,
.el_afterIcon-word::after {
  background-image:url(/assets/images/icon-word.svg); }
a:is([href$=".xls"],[href$=".xlsx"])::after,
.el_afterIcon-excel::after {
  background-image:url(/assets/images/icon-excel.svg); }
a[href$=".zip"]::after,
.el_afterIcon-zip::after {
  background-image:url(/assets/images/icon-zip.svg); }
[class*="el_afterIcon--"]::after {
  font-family:'Material Symbols Rounded';
  display:inline-block;
  margin-left:0.25em;
  transition:var(--transition);
  vertical-align:top; }
.el_afterIcon--arrow_forward::after {content:'\e5c8'; }
.el_afterIcon--arrow_forward::after {content:'\e5c8'; }
.el_afterIcon--arrow_forward::after {content:'\e5c8'; }
.el_afterIcon--arrow_forward::after {content:'\e5c8'; }
.el_afterIcon--arrow_forward::after {content:'\e5c8'; }
.el_afterIcon--arrow_forward::after {content:'\e5c8'; }

/* =========================================================================== */
/* btn */
/* =========================================================================== */
.el_btn {
  line-height:1.2;
  position:relative;
  display:flex;
  overflow:hidden;
  align-items:center;
  justify-content:center;
  width:-webkit-fit-content;
  width:   -moz-fit-content;
  width:        fit-content;
  height:-webkit-fit-content;
  height:   -moz-fit-content;
  height:        fit-content;
  margin-bottom:5px;
  padding:0.6em 1.2em;
  cursor:pointer;
  transition:var(--transition-scale);
  text-decoration:none;
  letter-spacing:0.05em;
  color:var(--wakakusa-black);
  border-radius:999px;
  background-color:var(--wakakusa-yellow);
  box-shadow:5px 5px 0 #997000;

  column-gap:10px; }
.el_btn::after {
  font-family:'Material Symbols Rounded';
  display:inline-block;
  flex:0 0 auto;
  content:'\e5c8';
  vertical-align:top;
  letter-spacing:-0.3em; }
.el_btn--green {
  color:white;
  background:url(/assets/images/menu_bg.png);
  box-shadow:5px 5px 0 #235529; }
.el_btn--S {
  font-size:var(--text-16);
  padding:0.8em 1em!important;
  letter-spacing:0;
 }
.el_btn--L {
  font-size:var(--text-18);
  padding:1em 1.5em;
 }
.el_btn--border {
  color:var(--wakakusa-darkgreen);
  border:3px solid var(--wakakusa-darkgreen);
  background-color:white;
  box-shadow:none; }
@media print, screen and (min-width: 769px) {
  .el_btn:hover {
    transform:scale(1.1);
    text-decoration:none;
    box-shadow:none;
    box-shadow:0 0 0 #bed4f7; } }
@media only screen and (max-width: 767px) {
  .el_btn {
    padding:1em 1.5em;
 } }

/* =========================================================================== */
/* Heading */
/* =========================================================================== */
/*---- lv1 ---------------------*/
.el_h-lv1 {
  font-size:var(--text-44);
  font-weight:700;
  font-style:normal;
  line-height:1.4;
  position:relative;
  display:block;
  margin-top:var(--size-75);
  margin-bottom:var(--size-15);
  text-align:center;
  letter-spacing:0;
 }
.el_h-sub {
  font-family:var(--font-family-en);
  font-size:var(--text-20);
  font-weight:400;
  line-height:1.5;
  margin-bottom:var(--size-50);
  text-align:center;
  color:var(--wakakusa-darkgray); }
/*---- lv2 ---------------------*/
.el_h-lv2 {
  font-size:var(--text-36);
  font-weight:var(--font-weight-b);
  line-height:1.5;
  position:relative;
  display:block;
  margin-top:var(--size-70);
  margin-bottom:var(--size-40);
  text-align:center;
 }
/*---- lv3 ---------------------*/
.el_h-lv3 {
  font-size:var(--text-25);
  font-weight:var(--font-weight-b);
  line-height:1.5;
  position:relative;
  display:block;
  margin-top:var(--size-50);
  margin-bottom:var(--size-25);
  text-align:center;
 }
/*---- lv4 ---------------------*/
.el_h-lv4 {
  font-size:var(--text-20);
  font-weight:var(--font-weight-b);
  line-height:1.5;
  position:relative;
  display:block;
  margin-top:var(--size-40);
  margin-bottom:var(--size-10);
  text-align:center;
 }
/*---- lv5 ---------------------*/
.el_h-lv5 {
  font-size:var(--text-18);
  font-weight:var(--font-weight-b);
  line-height:1.5;
  position:relative;
  display:block;
  margin-top:var(--size-30);
  margin-bottom:var(--size-15);
  text-align:center;
 }
/*---- banzai ---------------------*/
.el_h-banzai {
  position:relative;
  width:-moz-fit-content;
  width:     fit-content;
  margin-right:auto;
  margin-left:auto;
  padding-right:30px;
  padding-left:30px; }
.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;
  margin-left:initial;
  text-align:left;
 }
/*---- decoration01 ---------------------*/
[class*="el_h-point"] {
  position:relative;
  z-index:1;
  width:fit-content;
 }
[class*="el_h-point"]::before {
  position:absolute;
  z-index:-1;
  top:-20px;
  left:-15px;
  width:var(--size-50);
  min-width:50px;
  aspect-ratio:1 / 1;
  content:"";
  opacity:0.4;
  background:no-repeat center;
  background-size:contain; }
.el_h-point--green::before {background-image:url(/assets/images/mk_circle.svg); }
.el_h-point--yellow::before {
  background-image:url(/assets/images/mk_star.svg); }
.el_h-point--blue::before {background-image:url(/assets/images/mk_hart.svg); }
/*---- decoration02 ---------------------*/
.el_h--decoration {
  position:relative;
  width:-moz-fit-content;
  width:     fit-content;
  margin-right:auto;
  margin-left:auto;
  padding:0 var(--size-70); }
.el_h--decoration::before,
.el_h--decoration::after {
  position:absolute;
  top:0;
  display:inline-block;
  width:var(--size-50);
  aspect-ratio:1/1;
  content:"";
  transform:translateY(calc(var(--size-15) * -1));
  opacity:0.4; }
.el_h--decoration::before {
  left:0;
  margin-right:30px;
  background:url(/assets/images/mk_star.svg) center center / contain no-repeat ; }
.el_h--decoration::after {
  right:0;
  margin-left:30px;
  background:url(/assets/images/mk_star.svg) center center / contain no-repeat ; }
/*===============================================
label
===============================================*/
.bl_labelImg {
  position:relative;
 }
.bl_label {font-feature-settings:'palt' 0;
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  padding:0px 0.5em 0.5em 0;
  white-space:nowrap;
  -ms-writing-mode:tb-rl;
  border-radius:0 0 12px 0;
  background-color:var(--wakakusa-lightbeige);

      writing-mode:vertical-rl; }
.bl_label::before, .bl_label::after {
  position:absolute;
  display:block;
  width:12px;
  height:12px;
  content:'';
  background:url(/assets/images/blog_radius.svg) no-repeat;
 }
.bl_label::before {
  top:0;
  right:-12px;
 }
.bl_label::after {
  bottom:-12px;
  left:0;
 }
[class*="el_labelInner"] {
  font-size:var(--text-15);
  line-height:1;
  display:inline-block;
  padding:0.6em 0.6em 0.7em 0.6em;
  white-space:nowrap;
  border-radius:var(--border-radius-99); }
.el_labelInner--green {
  color:var(--wakakusa-darkgreen);
  background-color:var(--wakakusa-lightgreen);
 }
.el_labelInner--red {
  color:white;
  background-color:var(--wakakusa-red);
 }
.el_labelInner--yellow {
  color:var(--wakakusa-darkyellow);
  background-color:var(--wakakusa-lightyellow);
 }
.el_labelInner--blue {
  color:var(--wakakusa-deepblue);
  background-color:var(--wakakusa-lightblue);
 }
.el_labelInner--purple {
  color:var(--wakakusa-darkpurple);
  background-color:var(--wakakusa-lightpurple);
 }
.el_labelInner--gray {
  background-color:var(--border-light-color);
 }
.el_labelInner--border {
  color:currentColor;
  border:1px solid currentColor;
 }
/* =========================================================================== */
/* Background */
/* =========================================================================== */
[class*="el_bg-"] {
  padding:var(--size-80) 0;
  background-color:white;
 }
.el_bg-green {background-color:var(--wakakusa-lightgreen); }
.el_bg-white {background-color:white; }
.el_bg-lightbeige {  background-color:var(--wakakusa-lightbeige); }
.el_bg-paper {
  background-image:repeating-linear-gradient(to bottom,
  transparent 25px,
  rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
  transparent 27px,  transparent 51px,
  rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
  transparent 53px,  transparent 77px,
  rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
  transparent 79px,  transparent 103px,
  rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
  transparent 105px,  transparent 129px,
  rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),

  repeating-linear-gradient(to right,
  transparent 25px,
  rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
  transparent 27px,  transparent 51px,
  rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
  transparent 53px,  transparent 77px,
  rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
  transparent 79px,  transparent 103px,
  rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
  transparent 105px,  transparent 129px,
  rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
 }
.el_bg-triangle {
  background-image:linear-gradient(135deg, var(--wakakusa-lightgray) 30%, transparent 30%), linear-gradient(225deg, var(--wakakusa-lightgray) 30%, transparent 30%);
  background-repeat:repeat;
  background-position:0 0, 10px 0, 0 0, 0 0;
  background-size:10px 10px; }
.el_bg-polka {
  background-image:radial-gradient(rgba(var(--wakakusa-gray-rgb), 0.2)  3px, #ffffff 3px);
  background-size:13px 13px;
 }
.el_bg-stripe {background:#f4f4f4 url(/assets/images/bg_slash.png) 0 0 / 371px 350px repeat; }
.el_bg-check {
  background-image:linear-gradient(-90deg, rgba(var(--wakakusa-gray-rgb), 0.1) 50%, transparent 50%),
  linear-gradient(rgba(var(--wakakusa-gray-rgb), 0.1) 50%, transparent 50%);
  background-size:20px 20px;
 }
[class*="el_frame-"] {
  margin-top:var(--size-60);
  padding:var(--size-50) clamp(2.5rem, 3.98vw + 0.91rem, 6rem);
  border-radius:var(--border-radius-12);
 }
.el_frame-beige {
  background-color:var(--wakakusa-lightbeige); }
.el_frame-green {
  background-color:var(--wakakusa-lightgreen); }
.el_frame-white {
  background:white;
  box-shadow:0 0.2rem 1.6rem rgb(35 56 81 / 15%);

  filter:drop-shadow(0 0.2rem 0.8rem rgb(35 56 81 / 15%));
 }
.el_frame-border {
  border:1px solid var(--wakakusa-gray);
  background:white; }
@media only screen and (max-width: 768px) {
  [class*="el_frame-"].sp_ly_container-full {
    border-radius:0;
 }
  .el_frame-border.sp_ly_container-full {
    border-right:0;
    border-left:0;
 } }
/* =========================================================================== */
/* マーク 吹き出し 区切り線 */
/* =========================================================================== */
[class*="el_mark"] {
  position:relative;
  display:block; }
[class*="el_mark"]::before,
[class*="el_mark"]::after {
  position:absolute;
  z-index:1;
  width:15%;
  min-width:65px;
  max-width:110px;
  aspect-ratio:1 / 1;
  content:"";
  opacity:0.8;
 }
[class*="el_mark"]::before {
  top:-2em;
  right:-2em;
 }
[class*="el_mark"]::after {
  bottom:-2em;
  left:-2em;
 }
.el_mark--star::before {background:url(/assets/images/mk_star.svg) center / contain; }
.el_mark--star::after {background:url(/assets/images/mk_stars.svg) center / contain; }
.el_mark--hato::before {background:url(/assets/images/mk_hato.svg) center / contain; }
.el_mark--hato::after {background:url(/assets/images/mk_hatos.svg) center / contain; }
.el_mark--hart::before {background:url(/assets/images/mk_hart.svg) center / contain; }
.el_mark--hart::after {background:url(/assets/images/mk_harts.svg) center / contain; }
/*---- 吹き出し ---------------------*/
:root {
  --fuki-size:var(--size-20);
 }
[class*="el_fuki"] {
  position:relative;
  margin-bottom:calc(var(--fuki-size) + var(--size-15)); }
[class*="el_fuki"]:before {
  position:absolute;
  top:100%;
  left:50%;
  content:'';
  transform:translateX(-50%);
  border-top:var(--fuki-size) solid white;
  border-right:var(--fuki-size) solid transparent;
  border-left:var(--fuki-size) solid transparent;
 }
.el_fuki--lightbeige::before {
  border-top:var(--fuki-size) solid var(--wakakusa-lightbeige);
 }
/*---- 区切り線 ---------------------*/
.el_line {
  margin-bottom:var(--size-20) !important;
  padding-bottom:var(--size-20) !important;
  border-bottom:1px solid var(--wakakusa-gray);
 }
.el_dot-line {
  overflow:hidden;
  margin:0 auto var(--size-30) !important;
  padding-bottom:var(--size-55) !important;
  background-image:url(/assets/images/btnArea_bg_text.svg) !important;
  background-repeat:no-repeat !important;
  background-position:center bottom !important;
  background-size:530px !important; }
/* =========================================================================== */
/* txt */
/* =========================================================================== */
/*---- font-bg(spanに入れないと改行に対応できないよ、親のline-height1.8くらい)  ---------------------*/
.el_fontBg-pink {
  padding:0.05em 0 0.15em;
  background-color:var(--wakakusa-pink); }
.el_fontBg-green {
  padding:0.05em 0 0.15em;
  background-color:var(--wakakusa-darkgreen); }
.el_fontBg-yellow {
  padding:0.05em 0 0.15em;
  background-color:var(--wakakusa-yellow); }
.el_fontBg-blue {
  padding:0.05em 0 0.15em;
  background-color:var(--wakakusa-blue); }
.el_fontBg-blue {
  padding:0.05em 0 0.15em;
  background-color:var(--wakakusa-blue); }
.el_fontBg-white {
  padding:0.05em 0 0.15em;
  background-color:white; }
/*---- font-linear(spanに入れないと改行に対応できないよ) ---------------------*/
.el_fontLine-pink {background-image:linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(var(--wakakusa-pink-rgb), 0.7) 70%); }
.el_fontLine-green {background-image:linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(var(--wakakusa-darkgreen-rgb), 0.3) 70%); }
.el_fontLine-yellow {background-image:linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(var(--wakakusa-yellow-rgb), 0.5) 70%); }
.el_fontLine-blue {background-image:linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(var(--wakakusa-blue-rgb), 0.7) 70%); }

/* =========================================================================== */
/* table */
/* =========================================================================== */
/*---- el_table-lv1 -----------------------------------------------*/
.el_table-lv1 {
  line-height:1.6;
  width:100%;
  margin:var(--size-30) 0;
 }
.el_table-lv1 th,
.el_table-lv1 td {
  padding:30px;
 }
.el_table-lv1 th {
  font-weight:var(--font-weight-b);
  color:var(--wakakusa-darkgreen);
 }
.el_table-lv1 tr {
  border-bottom:1px solid var(--wakakusa-gray);
 }
.el_table-lv1 td p {
  line-height:1.45;
 }
@media print, screen and (min-width: 769px) {
  .el_table-lv1 tr:first-child {
    border-top:1px solid var(--wakakusa-gray);
 } }
@media screen and (max-width: 768px) {
  .el_table-lv1 th,
  .el_table-lv1 td {
    display:block;
    width:100%;
    padding:0;
    border:none; }
  .el_table-lv1 tr {
    display:block;
    margin-bottom:20px;
    padding-bottom:20px; }
  .el_table-lv1 tr:last-child {
    margin-bottom:0;
 }
  .el_table-lv1 th {
    margin-bottom:5px; }
  .el_table-lv1 td {
    font-size:15px;
    font-weight:var(--font-weight-n);
    line-height:1.45;
 } }
/*---- el_table-lv2 -----------------------------------------------*/
.el_table-lv2 {
  line-height:1.6;
  overflow:hidden;
  width:100%;
  margin:var(--size-30) 0;
  border-collapse:separate;
  border:1px solid var(--wakakusa-lightbrown);
  border-radius:var(--border-radius-16);
  background-color:white; }
.el_table-lv2 th,
.el_table-lv2 td {
  padding:clamp(1rem, 1.59vw + 0.36rem, 2.4rem);
  vertical-align:middle;
  border-right:1px solid var(--wakakusa-lightbrown);
  border-bottom:1px solid var(--wakakusa-lightbrown); }
.el_table-lv2 th {
  font-weight:var(--font-weight-m);
  color:#8a5b2d;
  background-color:var(--wakakusa-lightbeige); }
.el_table-lv2 tr:last-child>* {
  border-bottom:0px;
 }
.el_table-lv2 tr>:last-child {
  border-right:0px;
 }
@media screen and (max-width: 768px) {
  .el_table-lv2 td {
    font-size:15px;
    font-weight:var(--font-weight-n);
    line-height:1.45;
 }
  /*---- el_table__sp100 -----------------------------------------------*/
  .el_table__sp100 th,
  .el_table__sp100 td {
    display:block;
    width:100%;
    border-right:0px;
 }
  .el_table-lv2.el_table__sp100 tr:last-child>th {
    border-bottom:1px solid var(--wakakusa-lightbrown);
 }
  /*---- el_tableScroll_wrap SPで横スクロール-----------------------------------------------*/
  .el_tableScroll_wrap {
    display:block;
    overflow-x:scroll; }
  .el_tableScroll_wrap .tableFixed {
    position:sticky;
    left:0;
 }
  .el_tableScroll_wrap .tableFixed:before {
    position:absolute;
    top:0;
    right:-1px;
    left:-1px;
    height:100%;
    content:"";
    border-right:1px solid var(--wakakusa-lightbrown);
    border-left:1px solid var(--wakakusa-lightbrown); }
  .el_tableScroll_wrap>table {
    line-height:1.4;
    min-width:500px;/* これがないとスクロールできないよ */ }
  /* ↓ 以下スクロールバー表示 */
  .el_tableScroll_wrap::-webkit-scrollbar {
    height:10px;
 }
  .el_tableScroll_wrap::-webkit-scrollbar-track {
    margin:0 2px;
    border-radius:5px;
    background:#ccc; }
  .el_tableScroll_wrap::-webkit-scrollbar-thumb {
    border-radius:5px;
    background:#666;
 } }
/* =========================================================================== */
/* list */
/* =========================================================================== */
/*---- ul ---------------------*/
.el_list li {display:flex;
  margin:var(--size-5) 0; }
.el_list li::before {
  font-family:'Material Symbols Rounded';
  font-size:0.7em;
  display:inline-block;
  flex-shrink:0;
  margin-top:0.5em;
  margin-right:0.8em;
  content:'\ef4a';
  color:var(--wakakusa-yellow);

  font-variation-settings:'FILL' 1; }
.el_list li a {
  color:var(--wakakusa-darkgreen);

  text-underline-offset:0.25em;
  text-decoration-line:underline;
  text-decoration-color:currentColor;
  text-decoration-style:solid;
  text-decoration-thickness:0.05em;; }
@media print, screen and (min-width: 769px) {
  .el_list li a:hover {
    opacity:0.5; } }
/*---- ol -----------------------------------------------*/
.el_ol {
  font-size:var(--text-15);
  margin-top:var(--size--30);
  counter-reset:item; }
.el_ol li {
  display:flex;
  margin-bottom:clamp(0.5rem, 0.34vw + 0.36rem, 0.8rem); }
@media all and (-ms-high-contrast:none) {
  .el_ol li {
    display:block\9;
 } }
.el_ol li:before {
  flex-shrink:0; /* 追加 */
  width:1.5em;
  min-width:1.5em; /* これがないと画像も縮む */
  height:1.5em;
  margin-right:0.5em;
  content:counter(item);
  counter-increment:item;
  text-align:center;
  color:rgba(var(--wakakusa-darkgreen-rgb), 0.7); }
/*===============================================
grid
===============================================*/
.grid {display:grid; }
[class*="ly_grid--"] {
  display:grid !important;
  gap:10px !important;
 }
/* equality-col */
.ly_grid--auto {
  grid-auto-flow:column !important;
 }
.ly_grid--center {
  place-content:center; }
/* 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; }
/* 2-col */
[class*="ly_grid--1-"] {
  display:grid !important;
  justify-content:center !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
 }
.ly_grid--1-5 { grid-template-columns:1fr 5%  !important; }
.ly_grid--1-10 { grid-template-columns:1fr 10% !important; }
.ly_grid--1-15 { grid-template-columns:1fr 15% !important; }
.ly_grid--1-20 { grid-template-columns:1fr 20% !important; }
.ly_grid--1-25 { grid-template-columns:1fr 25% !important; }
.ly_grid--1-30 { grid-template-columns:1fr 30% !important; }
.ly_grid--1-35 { grid-template-columns:1fr 35% !important; }
.ly_grid--1-40 { grid-template-columns:1fr 40% !important; }
.ly_grid--1-45 { grid-template-columns:1fr 45% !important; }
.ly_grid--1-50 { grid-template-columns:1fr 50% !important; }
.ly_grid--1-55 { grid-template-columns:1fr 55% !important; }
.ly_grid--1-60 { grid-template-columns:1fr 60% !important; }
.ly_grid--1-65 { grid-template-columns:1fr 65% !important; }
.ly_grid--1-70 { grid-template-columns:1fr 70% !important; }
.ly_grid--1-75 { grid-template-columns:1fr 75% !important; }
.ly_grid--1-80 { grid-template-columns:1fr 80% !important; }
.ly_grid--1-85 { grid-template-columns:1fr 85% !important; }
.ly_grid--1-90 { grid-template-columns:1fr 90% !important; }
.ly_grid--1-95 { grid-template-columns:1fr 95% !important; }
[class*=compart] {grid-template-areas:"areaA areaB areaC"; }
[class*=compart]>*:first-child {grid-area:areaA; }
[class*=compart]>*:nth-child(2) {grid-area:areaC; }
[class*=compart]::after {
  display:block;
  width:1px;
  height:100%;
  content:"";
  background-color:var(--wakakusa-darkgray);

  grid-area:areaB;
 }
.ly_grid--compart-55 {grid-template-columns:1fr 1px 55%; }
.ly_grid--compart-50 {grid-template-columns:1fr 1px calc(50% - 11px); }
.ly_grid--compart-45 {grid-template-columns:1fr 1px 45%; }
.ly_grid--compart-40 {grid-template-columns:1fr 1px 40%; }
.ly_grid--compart-35 {grid-template-columns:1fr 1px 35%; }
.ly_grid--compart-30 {grid-template-columns:1fr 1px 30%; }
.ly_grid--compart-25 {grid-template-columns:1fr 1px 25%; }
.ly_grid--compart-20 {grid-template-columns:1fr 1px 20%; }
.ly_grid--compart-15 {grid-template-columns:1fr 1px 15%; }
.ly_grid--compart-10 {grid-template-columns:1fr 1px 10%; }
.order-1 {order:1; }
.order-2 {order:2; }
.order-3 {order:3; }
.order-4 {order:4; }
.order-5 {order:5; }
.order-6 {order:6; }
.order-7 {order:7; }
.order-8 {order:8; }
.order-9 {order:9; }

@media screen and (max-width:767px) {
  [class*="sp_ly_grid--"] {grid-auto-flow:inherit !important; }
  .sp_ly_grid--1 {
    grid-template-columns:1fr !important;

    /* justify-items:center; */ }
  .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; }
  .sp-order-1 {order:1; }
  .sp-order-2 {order:2; }
  .sp-order-3 {order:3; }
  .sp-order-4 {order:4; }
  .sp-order-5 {order:5; }
  .sp-order-6 {order:6; }
  .sp-order-7 {order:7; }
  .sp-order-8 {order:8; }
  .sp-order-9 {order:9; }
  [class*=compart].sp_ly_grid--1 {
    grid-template-rows:auto 1px auto;
    grid-template-areas:"areaA"
    "areaB"
    "areaC"; }
  [class*=compart].sp_ly_grid--1::after {
    width:100%;
    height:1px;
    content:"";
    background-color:var(--wakakusa-darkgray);
 } }
/*===============================================
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; }
.gap-30 {gap:var(--size-30) !important; }
.gap-35 {gap:var(--size-35) !important; }
.gap-40 {gap:var(--size-40) !important; }
.gap-45 {gap:var(--size-45) !important; }
.gap-50 {gap:var(--size-50) !important; }
.gap-55 {gap:var(--size-55) !important; }
.gap-60 {gap:var(--size-60) !important; }
.gap-65 {gap:var(--size-65) !important; }
.gap-70 {gap:var(--size-70) !important; }
.gap-75 {gap:var(--size-75) !important; }
.gap-80 {gap:var(--size-80) !important; }
.gap-85 {gap:var(--size-85) !important; }
.gap-90 {gap:var(--size-90) !important; }
.gap-95 {gap:var(--size-95) !important; }
.gap-100 {gap:var(--size-100) !important; }
.gap-105 {gap:var(--size-105) !important; }
.gap-110 {gap:var(--size-110) !important; }
.gap-115 {gap:var(--size-115) !important; }
.gap-120 {gap:var(--size-120) !important; }
.gap-125 {gap:var(--size-125) !important; }
.gap-130 {gap:var(--size-130) !important; }
.gap-135 {gap:var(--size-135) !important; }
.gap-140 {gap:var(--size-140) !important; }
.gap-145 {gap:var(--size-145) !important; }
.gap-150 {gap:var(--size-150) !important; }
.gap-y-0 {row-gap:0px !important; }
.gap-y-1 {row-gap:1px !important; }
.gap-y-2 {row-gap:2px !important; }
.gap-y-3 {row-gap:3px !important; }
.gap-y-4 {row-gap:4px !important; }
.gap-y-5 {row-gap:5px !important; }
.gap-y-6 {row-gap:6px !important; }
.gap-y-7 {row-gap:7px !important; }
.gap-y-8 {row-gap:8px !important; }
.gap-y-9 {row-gap:9px !important; }
.gap-y-10 {row-gap:var(--size-10) !important; }
.gap-y-15 {row-gap:var(--size-15) !important; }
.gap-y-20 {row-gap:var(--size-20) !important; }
.gap-y-25 {row-gap:var(--size-25) !important; }
.gap-y-30 {row-gap:var(--size-30) !important; }
.gap-y-35 {row-gap:var(--size-35) !important; }
.gap-y-40 {row-gap:var(--size-40) !important; }
.gap-y-45 {row-gap:var(--size-45) !important; }
.gap-y-50 {row-gap:var(--size-50) !important; }
.gap-y-55 {row-gap:var(--size-55) !important; }
.gap-y-60 {row-gap:var(--size-60) !important; }
.gap-y-65 {row-gap:var(--size-65) !important; }
.gap-y-70 {row-gap:var(--size-70) !important; }
.gap-y-75 {row-gap:var(--size-75) !important; }
.gap-y-80 {row-gap:var(--size-80) !important; }
.gap-y-85 {row-gap:var(--size-85) !important; }
.gap-y-90 {row-gap:var(--size-90) !important; }
.gap-y-95 {row-gap:var(--size-95) !important; }
.gap-y-100 {row-gap:var(--size-100) !important; }
.gap-y-105 {row-gap:var(--size-105) !important; }
.gap-y-110 {row-gap:var(--size-110) !important; }
.gap-y-115 {row-gap:var(--size-115) !important; }
.gap-y-120 {row-gap:var(--size-120) !important; }
.gap-y-125 {row-gap:var(--size-125) !important; }
.gap-y-130 {row-gap:var(--size-130) !important; }
.gap-y-135 {row-gap:var(--size-135) !important; }
.gap-y-140 {row-gap:var(--size-140) !important; }
.gap-y-145 {row-gap:var(--size-145) !important; }
.gap-y-150 {row-gap:var(--size-150) !important; }
.gap-x-0 {column-gap:0px !important; }
.gap-x-1 {column-gap:1px !important; }
.gap-x-2 {column-gap:2px !important; }
.gap-x-3 {column-gap:3px !important; }
.gap-x-4 {column-gap:4px !important; }
.gap-x-5 {column-gap:5px !important; }
.gap-x-6 {column-gap:6px !important; }
.gap-x-7 {column-gap:7px !important; }
.gap-x-8 {column-gap:8px !important; }
.gap-x-9 {column-gap:9px !important; }
.gap-x-10 {column-gap:var(--size-10) !important; }
.gap-x-15 {column-gap:var(--size-15) !important; }
.gap-x-20 {column-gap:var(--size-20) !important; }
.gap-x-25 {column-gap:var(--size-25) !important; }
.gap-x-30 {column-gap:var(--size-30) !important; }
.gap-x-35 {column-gap:var(--size-35) !important; }
.gap-x-40 {column-gap:var(--size-40) !important; }
.gap-x-45 {column-gap:var(--size-45) !important; }
.gap-x-50 {column-gap:var(--size-50) !important; }
.gap-x-55 {column-gap:var(--size-55) !important; }
.gap-x-60 {column-gap:var(--size-60) !important; }
.gap-x-65 {column-gap:var(--size-65) !important; }
.gap-x-70 {column-gap:var(--size-70) !important; }
.gap-x-75 {column-gap:var(--size-75) !important; }
.gap-x-80 {column-gap:var(--size-80) !important; }
.gap-x-85 {column-gap:var(--size-85) !important; }
.gap-x-90 {column-gap:var(--size-90) !important; }
.gap-x-95 {column-gap:var(--size-95) !important; }
.gap-x-100 {column-gap:var(--size-100) !important; }
.gap-x-105 {column-gap:var(--size-105) !important; }
.gap-x-110 {column-gap:var(--size-110) !important; }
.gap-x-115 {column-gap:var(--size-115) !important; }
.gap-x-120 {column-gap:var(--size-120) !important; }
.gap-x-125 {column-gap:var(--size-125) !important; }
.gap-x-130 {column-gap:var(--size-130) !important; }
.gap-x-135 {column-gap:var(--size-135) !important; }
.gap-x-140 {column-gap:var(--size-140) !important; }
.gap-x-145 {column-gap:var(--size-145) !important; }
.gap-x-150 {column-gap:var(--size-150) !important; }
@media screen and (max-width:768px) {
  .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:10px !important; }
  .sp_gap-15 {gap:15px !important; }
  .sp_gap-20 {gap:20px !important; }
  .sp_gap-25 {gap:25px !important; }
  .sp_gap-30 {gap:30px !important; }
  .sp_gap-35 {gap:35px !important; }
  .sp_gap-40 {gap:40px !important; }
  .sp_gap-45 {gap:45px !important; }
  .sp_gap-50 {gap:50px !important; }
  .sp_gap-55 {gap:55px !important; }
  .sp_gap-60 {gap:60px !important; } }
@media (min-width: 1024px) {
  .lg_gap-6 {gap:6px !important; } }
@media (min-width: 1280px) {
  .xl_gap-6 {gap:6px !important; } }
@media (min-width: 1536px) {
  .xxl_gap-6 {gap:6px !important; } }
/*===============================================
flex
===============================================*/
:root {
  --flex-gap:var(--size-20);
 }
[class*="ly_flex"] {
  display:flex;
  gap:var(--flex-gap);
 }
[class*="ly_flex--1-"] {
  align-items:flex-start;
 }
[class*="ly_flex--1-"]>*:first-child {flex-shrink:0; }
[class*="ly_flex--1-"]>*:last-child {width:100%; } sp_ly_flex--1に干渉したので削除
.ly_flex--1-5>*:first-child { width:5%; }
.ly_flex--1-10>*:first-child { width:10%; }
.ly_flex--1-15>*:first-child { width:15%; }
.ly_flex--1-20>*:first-child { width:20%; }
.ly_flex--1-25>*:first-child { width:25%; }
.ly_flex--1-30>*:first-child { width:30%; }
.ly_flex--1-35>*:first-child { width:35%; }
.ly_flex--1-40>*:first-child { width:40%; }
.ly_flex--1-45>*:first-child { width:45%; }
.ly_flex--1-50>*:first-child { width:50%; }
.ly_flex--1-55>*:first-child { width:55%; }
.ly_flex--1-60>*:first-child { width:60%; }
.ly_flex--1-65>*:first-child { width:65%; }
.ly_flex--1-70>*:first-child { width:70%; }
.ly_flex--1-75>*:first-child { width:75%; }
.ly_flex--1-80>*:first-child { width:80%; }
.ly_flex--1-85>*:first-child { width:85%; }
.ly_flex--1-90>*:first-child { width:90%; }
.ly_flex--1-95>*:first-child { width:95%; }
/* 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) {
  [class*="ly_flex--1-"] {flex-direction:column!important; }
  [class*="ly_flex--1-"]>* { width:100%!important; }
  .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);
 }
/* =========================================================================== */
/* Layout */
/* =========================================================================== */
/*---- 4列fit（メディアクエリなしシリーズ ：4列3列2列1列レスポンシブ）---------------------*/
.ly_responsiv-col4 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap:clamp(2rem, 1.6352rem + 1.14vw, 3rem);
  margin-top:var(--size-60);
 }
.ly_responsiv-col-sp2 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, clamp(15rem, 5.68vw + 12.73rem, 20rem)), 1fr));
  gap:clamp(1rem, 2.27vw + 0.09rem, 3rem);
  margin-top:var(--size-60);
 }
/*---- 4列fill（メディアクエリなしシリーズ ：4列3列2列1列レスポンシブ）---------------------*/
.ly_responsivFill-col4 {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap:clamp(2rem, 1.6352rem + 1.14vw, 3rem);
  margin-top:var(--size-60);
 }
/*---- 3列（メディアクエリなしシリーズ ：3列2列1列レスポンシブ）---------------------*/
.ly_responsiv-col3 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap:clamp(2rem, 1.6352rem + 1.14vw, 3rem);
  margin-top:var(--size-60);
  /* grid-auto-rows:1fr; をつけると列が増えた時、全ての列の高さそろう*/ }
/*---- 2列（メディアクエリなしシリーズ ：2列1列レスポンシブ）---------------------*/
.ly_responsiv-col2 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 450px), 1fr));
  gap:clamp(2rem, 1.6352rem + 1.14vw, 3rem);
  margin-top:var(--size-60);
  /* grid-auto-rows:1fr; をつけると列が増えた時、全ての列の高さそろう*/ }
/*---- sp---------------------*/
@media screen and (max-width:767px) {
  .sp_flex {display:flex !important; }
  .sp_flex-wrap {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; } }
/*---- flex-gap---------------------*/
.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; }
  .sp_flex-gap-30 {--flex-gap:30px; }
  .sp_flex-gap-35 {--flex-gap:35px; } }
/*===============================================
margin padding width font-size
===============================================*/
.m-0 {margin:0px !important; }
.mx-auto {
  margin-right:auto !important;
  margin-left:auto !important; }
.my-0 {margin-block:0 !important; }
.my-5 {margin-block:5px !important; }
.my-5 { margin-block:var(--size-5)   !important; }
.my-10 { margin-block:var(--size-10)  !important; }
.my-15 { margin-block:var(--size-15)  !important; }
.my-20 { margin-block:var(--size-20)  !important; }
.my-25 { margin-block:var(--size-25)  !important; }
.my-30 { margin-block:var(--size-30)  !important; }
.my-35 { margin-block:var(--size-35)  !important; }
.my-40 { margin-block:var(--size-40)  !important; }
.my-45 { margin-block:var(--size-45)  !important; }
.my-50 { margin-block:var(--size-50)  !important; }
.my-55 { margin-block:var(--size-55)  !important; }
.my-60 { margin-block:var(--size-60)  !important; }
.my-65 { margin-block:var(--size-65)  !important; }
.my-70 { margin-block:var(--size-70)  !important; }
.my-75 { margin-block:var(--size-75)  !important; }
.my-80 { margin-block:var(--size-80)  !important; }
.my-85 { margin-block:var(--size-85)  !important; }
.my-90 { margin-block:var(--size-90)  !important; }
.my-95 { margin-block:var(--size-95)  !important; }
.my-100 { margin-block:var(--size-100) !important; }
.my-105 { margin-block:var(--size-105) !important; }
.my-110 { margin-block:var(--size-110) !important; }
.my-115 { margin-block:var(--size-115) !important; }
.my-120 { margin-block:var(--size-120) !important; }
.my-125 { margin-block:var(--size-125) !important; }
.my-130 { margin-block:var(--size-130) !important; }
.my-135 { margin-block:var(--size-135) !important; }
.my-140 { margin-block:var(--size-140) !important; }
.my-145 { margin-block:var(--size-145) !important; }
.my-150 { margin-block:var(--size-150) !important; }
.ml-auto {margin-left:auto !important; }
/* 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-35 { margin-top:var(--size-35) !important; }
.mt-40 { margin-top:var(--size-40) !important; }
.mt-45 { margin-top:var(--size-45) !important; }
.mt-50 { margin-top:var(--size-50) !important; }
.mt-55 { margin-top:var(--size-55) !important; }
.mt-60 { margin-top:var(--size-60) !important; }
.mt-65 { margin-top:var(--size-65) !important; }
.mt-70 { margin-top:var(--size-70) !important; }
.mt-75 { margin-top:var(--size-75) !important; }
.mt-80 { margin-top:var(--size-80) !important; }
.mt-85 { margin-top:var(--size-85) !important; }
.mt-90 { margin-top:var(--size-90) !important; }
.mt-95 { margin-top:var(--size-95) !important; }
.mt-100 { margin-top:var(--size-100) !important; }
.mt-105 { margin-top:var(--size-105) !important; }
.mt-110 { margin-top:var(--size-110) !important; }
.mt-115 { margin-top:var(--size-115) !important; }
.mt-120 { margin-top:var(--size-120) !important; }
.mt-125 { margin-top:var(--size-125) !important; }
.mt-130 { margin-top:var(--size-130) !important; }
.mt-135 { margin-top:var(--size-135) !important; }
.mt-140 { margin-top:var(--size-140) !important; }
.mt-145 { margin-top:var(--size-145) !important; }
.mt-150 { margin-top:var(--size-150) !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; }
/* margin-right */
.mr-0 { margin-right:0 !important; }
.mr-5 { margin-right:5px !important; }
.mr-10 { margin-right:var(--size-10) !important; }
.mr-15 { margin-right:var(--size-15) !important; }
.mr-20 { margin-right:var(--size-20) !important; }
.mr-25 { margin-right:var(--size-25) !important; }
.mr-30 { margin-right:var(--size-30) !important; }
.mr-40 { margin-right:var(--size-40) !important; }
.mr-50 { margin-right:var(--size-50) !important; }
.mr-60 { margin-right:var(--size-60) !important; }
.mr-70 { margin-right:var(--size-70) !important; }
.mr-80 { margin-right:var(--size-80) !important; }
.mr-90 { margin-right:var(--size-90) !important; }
.mr-100 { margin-right:var(--size-100) !important; }
.mr-110 { margin-right:var(--size-110) !important; }
.mr-120 { margin-right:var(--size-120) !important; }
.mr-130 { margin-right:var(--size-130) !important; }
.mr-140 { margin-right:var(--size-140) !important; }
.mr-150 { margin-right:var(--size-150) !important; }
.mr-auto {margin-right:auto !important; }
@media screen and (max-width:768px) {
  .sp_m-0 {margin:0px !important; }
  .sp_mx-auto {
    margin-right:auto !important;
    margin-left:auto !important; }
  .sp_ml-auto {margin-left:auto !important; }
  .sp_mt-0 { margin-top:0 !important; }
  .sp_mt-5 { margin-top:5px !important; }
  .sp_mt-10 { margin-top:10px !important; }
  .sp_mt-15 { margin-top:15px !important; }
  .sp_mt-20 { margin-top:20px !important; }
  .sp_mt-25 { margin-top:25px !important; }
  .sp_mt-30 { margin-top:30px !important; }
  .sp_mt-40 { margin-top:40px !important; }
  .sp_mt-50 { margin-top:50px !important; }
  .sp_mt-60 { margin-top:60px !important; }
  .sp_mt-70 { margin-top:70px !important; }
  .sp_mt-80 { margin-top:80px !important; }
  .sp_mt-90 { margin-top:90px !important; }
  .sp_mt-100 { margin-top:100px !important; }
  .sp_mt-110 { margin-top:110px !important; }
  .sp_mt-120 { margin-top:120px !important; }
  .sp_mt-130 { margin-top:130px !important; }
  .sp_mt-140 { margin-top:140px !important; }
  .sp_mt-150 { margin-top:150px !important; }
  .sp_mb-0 { margin-bottom:0 !important; }
  .sp_mb-5 { margin-bottom:5px !important; }
  .sp_mb-10 { margin-bottom:10px !important; }
  .sp_mb-15 { margin-bottom:15px !important; }
  .sp_mb-20 { margin-bottom:20px !important; }
  .sp_mb-25 { margin-bottom:25px !important; }
  .sp_mb-30 { margin-bottom:30px !important; }
  .sp_mb-40 { margin-bottom:40px !important; }
  .sp_mb-50 { margin-bottom:50px !important; }
  .sp_mb-60 { margin-bottom:60px !important; }
  .sp_mb-70 { margin-bottom:70px !important; }
  .sp_mb-80 { margin-bottom:80px !important; }
  .sp_mb-90 { margin-bottom:90px !important; }
  .sp_mb-100 { margin-bottom:100px !important; }
  .sp_mb-110 { margin-bottom:110px !important; }
  .sp_mb-120 { margin-bottom:120px !important; }
  .sp_mb-130 { margin-bottom:130px !important; }
  .sp_mb-140 { margin-bottom:140px !important; }
  .sp_mb-150 { margin-bottom:150px !important; } }
@media print, screen and (min-width: 769px) {
  .pc_m-0 {margin:0px !important; }
  .pc_mx-auto {
    margin-right:auto !important;
    margin-left:auto !important; }
  .pc_ml-auto {margin-left:auto !important; }
  .pc_mt-0 { margin-top:0 !important; }
  .pc_mt-5 { margin-top:5px !important; }
  .pc_mt-10 { margin-top:10px !important; }
  .pc_mt-15 { margin-top:15px !important; }
  .pc_mt-20 { margin-top:20px !important; }
  .pc_mt-25 { margin-top:25px !important; }
  .pc_mt-30 { margin-top:30px !important; }
  .pc_mt-40 { margin-top:40px !important; }
  .pc_mt-50 { margin-top:50px !important; }
  .pc_mt-60 { margin-top:60px !important; }
  .pc_mt-70 { margin-top:70px !important; }
  .pc_mt-80 { margin-top:80px !important; }
  .pc_mt-90 { margin-top:90px !important; }
  .pc_mt-100 { margin-top:100px !important; }
  .pc_mt-110 { margin-top:110px !important; }
  .pc_mt-120 { margin-top:120px !important; }
  .pc_mt-130 { margin-top:130px !important; }
  .pc_mt-140 { margin-top:140px !important; }
  .pc_mt-150 { margin-top:150px !important; }
  .pc_mb-0 { margin-bottom:0 !important; }
  .pc_mb-5 { margin-bottom:5px !important; }
  .pc_mb-10 { margin-bottom:10px !important; }
  .pc_mb-15 { margin-bottom:15px !important; }
  .pc_mb-20 { margin-bottom:20px !important; }
  .pc_mb-25 { margin-bottom:25px !important; }
  .pc_mb-30 { margin-bottom:30px !important; }
  .pc_mb-40 { margin-bottom:40px !important; }
  .pc_mb-50 { margin-bottom:50px !important; }
  .pc_mb-60 { margin-bottom:60px !important; }
  .pc_mb-70 { margin-bottom:70px !important; }
  .pc_mb-80 { margin-bottom:80px !important; }
  .pc_mb-90 { margin-bottom:90px !important; }
  .pc_mb-100 { margin-bottom:100px !important; }
  .pc_mb-110 { margin-bottom:110px !important; }
  .pc_mb-120 { margin-bottom:120px !important; }
  .pc_mb-130 { margin-bottom:130px !important; }
  .pc_mb-140 { margin-bottom:140px !important; }
  .pc_mb-150 { margin-bottom:150px !important; } }
/* padding */
.p-0 {padding:0px !important; }
.p-1 { padding:1px !important; }
.p-5 { padding:5px !important; }
.p-10 { padding:var(--size-10) !important; }
.p-15 { padding:var(--size-15) !important; }
.p-20 { padding:var(--size-20) !important; }
.p-25 { padding:var(--size-25) !important; }
.p-30 { padding:var(--size-30) !important; }
.p-40 { padding:var(--size-40) !important; }
.p-50 { padding:var(--size-50) !important; }
.p-60 { padding:var(--size-60) !important; }
.p-70 { padding:var(--size-70) !important; }
.p-80 { padding:var(--size-80) !important; }
.p-90 { padding:var(--size-90) !important; }
.p-100 { padding:var(--size-100) !important; }
.p-110 { padding:var(--size-110) !important; }
.p-120 { padding:var(--size-120) !important; }
.p-130 { padding:var(--size-130) !important; }
.p-140 { padding:var(--size-140) !important; }
.p-150 { padding:var(--size-150) !important; }
.pt-0 { padding-top:0 !important; }
.pt-1 { padding-top:1px !important; }
.pt-5 { padding-top:5px !important; }
.pt-10 { padding-top:var(--size-10) !important; }
.pt-15 { padding-top:var(--size-15) !important; }
.pt-20 { padding-top:var(--size-20) !important; }
.pt-25 { padding-top:var(--size-25) !important; }
.pt-30 { padding-top:var(--size-30) !important; }
.pt-40 { padding-top:var(--size-40) !important; }
.pt-50 { padding-top:var(--size-50) !important; }
.pt-60 { padding-top:var(--size-60) !important; }
.pt-70 { padding-top:var(--size-70) !important; }
.pt-80 { padding-top:var(--size-80) !important; }
.pt-90 { padding-top:var(--size-90) !important; }
.pt-100 { padding-top:var(--size-100) !important; }
.pt-110 { padding-top:var(--size-110) !important; }
.pt-120 { padding-top:var(--size-120) !important; }
.pt-130 { padding-top:var(--size-130) !important; }
.pt-140 { padding-top:var(--size-140) !important; }
.pt-150 { padding-top:var(--size-150) !important; }
.pb-0 { padding-bottom:0 !important; }
.pb-5 { padding-bottom:5px !important; }
.pb-10 { padding-bottom:var(--size-10) !important; }
.pb-15 { padding-bottom:var(--size-15) !important; }
.pb-20 { padding-bottom:var(--size-20) !important; }
.pb-25 { padding-bottom:var(--size-25) !important; }
.pb-30 { padding-bottom:var(--size-30) !important; }
.pb-40 { padding-bottom:var(--size-40) !important; }
.pb-50 { padding-bottom:var(--size-50) !important; }
.pb-60 { padding-bottom:var(--size-60) !important; }
.pb-70 { padding-bottom:var(--size-70) !important; }
.pb-80 { padding-bottom:var(--size-80) !important; }
.pb-90 { padding-bottom:var(--size-90) !important; }
.pb-100 { padding-bottom:var(--size-100) !important; }
.pb-110 { padding-bottom:var(--size-110) !important; }
.pb-120 { padding-bottom:var(--size-120) !important; }
.pb-130 { padding-bottom:var(--size-130) !important; }
.pb-140 { padding-bottom:var(--size-140) !important; }
.pb-150 { padding-bottom:var(--size-150) !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-7 {padding-block:7px !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-0 {padding-right:0px !important; }
.pr-5 {padding-right:5px !important; }
.pr-10 {padding-right:var(--size-10) !important; }

.pl-10 {padding-left:var(--size-10) !important; }
.pl-20 {padding-left:var(--size-20) !important; }
.pl-30 {padding-left:var(--size-30) !important; }
.pl-40 {padding-left:var(--size-40) !important; }
.pl-50 {padding-left:var(--size-50) !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; }
@media print, screen and (min-width: 769px) {
  .pc_pl-10 {padding-left:10px !important; }
  .pc_pl-20 {padding-left:20px !important; }
  .pc_pl-30 {padding-left:30px !important; }
  .pc_pl-40 {padding-left:40px !important; }
  .pc_pl-50 {padding-left:50px !important; } }
@media only screen and (max-width: 768px) {
  .sp_p-0 { padding:0px !important; }
  .sp_p-1 { padding:1px !important; }
  .sp_p-5 { padding:5px !important; }
  .sp_p-10 { padding:10px !important; }
  .sp_p-15 { padding:15px !important; }
  .sp_p-20 { padding:20px !important; }
  .sp_p-25 { padding:25px !important; }
  .sp_p-30 { padding:30px !important; }
  .sp_p-35 { padding:35px !important; }
  .sp_p-40 { padding:40px !important; }
  .sp_p-45 { padding:45px !important; }
  .sp_p-50 { padding:50px !important; }
  .sp_p-55 { padding:55px !important; }
  .sp_p-60 { padding:60px !important; }
  .sp_p-65 { padding:65px !important; }
  .sp_p-70 { padding:70px !important; }
  .sp_p-75 { padding:75px !important; }
  .sp_p-80 { padding:80px !important; }
  .sp_p-85 { padding:85px !important; }
  .sp_p-90 { padding:90px !important; }
  .sp_p-95 { padding:95px !important; }
  .sp_p-100 { padding:100px !important; }
  .sp_p-105 { padding:105px !important; }
  .sp_p-110 { padding:110px !important; }
  .sp_p-115 { padding:115px !important; }
  .sp_p-120 { padding:120px !important; }
  .sp_p-125 { padding:125px !important; }
  .sp_p-130 { padding:130px !important; }
  .sp_p-135 { padding:135px !important; }
  .sp_p-140 { padding:140px !important; }
  .sp_p-145 { padding:145px !important; }
  .sp_p-150 { padding:150px !important; }

  .sp_px-5 { padding-inline:var(--size-5) !important; }
  .sp_px-10 { padding-inline:var(--size-10) !important; }
  .sp_px-15 { padding-inline:var(--size-15) !important; }
  .sp_px-20 { padding-inline:var(--size-20) !important; }
  .sp_px-25 { padding-inline:var(--size-25) !important; }
  .sp_px-30 { padding-inline:var(--size-30) !important; }
  .sp_px-35 { padding-inline:var(--size-35) !important; }
  .sp_px-40 { padding-inline:var(--size-40) !important; }
  .sp_px-45 { padding-inline:var(--size-45) !important; }
  .sp_px-50 { padding-inline:var(--size-50) !important; }
  .sp_px-55 { padding-inline:var(--size-55) !important; }
  .sp_px-60 { padding-inline:var(--size-60) !important; }
  .sp_px-65 { padding-inline:var(--size-65) !important; }
  .sp_px-70 { padding-inline:var(--size-70) !important; }
  .sp_px-75 { padding-inline:var(--size-75) !important; }
  .sp_px-80 { padding-inline:var(--size-80) !important; }
  .sp_px-85 { padding-inline:var(--size-85) !important; }
  .sp_px-90 { padding-inline:var(--size-90) !important; }
  .sp_px-95 { padding-inline:var(--size-95) !important; }
  .sp_px-100 { padding-inline:var(--size-100) !important; }
  .sp_px-105 { padding-inline:var(--size-105) !important; }
  .sp_px-110 { padding-inline:var(--size-110) !important; }
  .sp_px-115 { padding-inline:var(--size-115) !important; }
  .sp_px-120 { padding-inline:var(--size-120) !important; }
  .sp_px-125 { padding-inline:var(--size-125) !important; }
  .sp_px-130 { padding-inline:var(--size-130) !important; }
  .sp_px-135 { padding-inline:var(--size-135) !important; }
  .sp_px-140 { padding-inline:var(--size-140) !important; }
  .sp_px-145 { padding-inline:var(--size-145) !important; }
  .sp_px-150 { padding-inline:var(--size-150) !important; }


  .sp_pb-0 { padding-bottom:0 !important; }
  .sp_pb-5 { padding-bottom:5px !important; }
  .sp_pb-10 { padding-bottom:var(--size-10) !important; }
  .sp_pb-15 { padding-bottom:var(--size-15) !important; }
  .sp_pb-20 { padding-bottom:var(--size-20) !important; }
  .sp_pb-25 { padding-bottom:var(--size-25) !important; }
  .sp_pb-30 { padding-bottom:var(--size-30) !important; }
  .sp_pb-40 { padding-bottom:var(--size-40) !important; }
  .sp_pb-50 { padding-bottom:var(--size-50) !important; }
  .sp_pb-60 { padding-bottom:var(--size-60) !important; }
  .sp_pb-70 { padding-bottom:var(--size-70) !important; }
  .sp_pb-80 { padding-bottom:var(--size-80) !important; }
  .sp_pb-90 { padding-bottom:var(--size-90) !important; }
  .sp_pb-100 { padding-bottom:var(--size-100) !important; }
  .sp_pb-110 { padding-bottom:var(--size-110) !important; }
  .sp_pb-120 { padding-bottom:var(--size-120) !important; }
  .sp_pb-130 { padding-bottom:var(--size-130) !important; }
  .sp_pb-140 { padding-bottom:var(--size-140) !important; }
  .sp_pb-150 { padding-bottom:var(--size-150) !important; }

  .sp_pl-10 {padding-left:10px !important; }
  .sp_pl-20 {padding-left:20px !important; }
  .sp_pl-30 {padding-left:30px !important; }
  .sp_pl-40 {padding-left:40px !important; }
  .sp_pl-50 {padding-left:50px !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; }

.w-100 {width:100% !important; }
.w-90 {width:90% !important; }
.w-80 {width:80% !important; }
.w-70 {width:70% !important; }
.w-60 {width:60% !important; }
.w-50 {width:50% !important; }
.w-40 {width:40% !important; }
.w-30 {width:30% !important; }
.w-20 {width:20% !important; }
.w-10 {width:10% !important; }
@media screen and (max-width: 768px) {
  .sp_w-100 { width:100% !important; }
  .sp_w-95 { width:95%  !important; }
  .sp_w-90 { width:90%  !important; }
  .sp_w-85 { width:85%  !important; }
  .sp_w-80 { width:80%  !important; }
  .sp_w-75 { width:75%  !important; }
  .sp_w-70 { width:70%  !important; }
  .sp_w-65 { width:65%  !important; }
  .sp_w-60 { width:60%  !important; }
  .sp_w-55 { width:55%  !important; }
  .sp_w-50 { width:50%  !important; }
  .sp_w-45 { width:45%  !important; }
  .sp_w-40 { width:40%  !important; }
  .sp_w-35 { width:35%  !important; }
  .sp_w-30 { width:30%  !important; }
  .sp_w-25 { width:25%  !important; }
  .sp_w-20 { width:20%  !important; }
  .sp_w-15 { width:15%  !important; }
  .sp_w-10 { width:10%  !important; }
  .sp_w-5 { width:5%   !important; } }
@media print, screen and (min-width: 769px) {
  .pc_w-100 { width:100% !important; }
  .pc_w-95 { width:95%  !important; }
  .pc_w-90 { width:90%  !important; }
  .pc_w-85 { width:85%  !important; }
  .pc_w-80 { width:80%  !important; }
  .pc_w-75 { width:75%  !important; }
  .pc_w-70 { width:70%  !important; }
  .pc_w-65 { width:65%  !important; }
  .pc_w-60 { width:60%  !important; }
  .pc_w-55 { width:55%  !important; }
  .pc_w-50 { width:50%  !important; }
  .pc_w-45 { width:45%  !important; }
  .pc_w-40 { width:40%  !important; }
  .pc_w-35 { width:35%  !important; }
  .pc_w-30 { width:30%  !important; }
  .pc_w-25 { width:25%  !important; }
  .pc_w-20 { width:20%  !important; }
  .pc_w-15 { width:15%  !important; }
  .pc_w-10 { width:10%  !important; }
  .pc_w-5 { width:5%   !important; } }

/*---- height ---------------------*/
.h-100 {height:100%; }
/*---- max-width ---------------------*/
.max-w-none {max-width:none !important; }
.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; }
.max-550 { max-width:550px !important; }
.max-600 { max-width:600px !important; }
.max-650 { max-width:650px !important; }
.max-700 { max-width:700px !important; }
.max-750 { max-width:750px !important; }
.max-800 { max-width:800px !important; }
.max-850 { max-width:850px !important; }
.max-900 { max-width:900px !important; }
@media print, screen and (min-width: 769px) {
  .pc_max-30 { max-width:30px !important; }
  .pc_max-40 { max-width:40px !important; }
  .pc_max-50 { max-width:50px !important; }
  .pc_max-60 { max-width:60px !important; }
  .pc_max-70 { max-width:70px !important; }
  .pc_max-80 { max-width:80px !important; }
  .pc_max-90 { max-width:90px !important; }
  .pc_max-100 { max-width:100px !important; }
  .pc_max-110 { max-width:110px !important; }
  .pc_max-120 { max-width:120px !important; }
  .pc_max-130 { max-width:130px !important; }
  .pc_max-140 { max-width:140px !important; }s
  .pc_max-150 { max-width:150px !important; }
  .pc_max-200 { max-width:200px !important; }
  .pc_max-250 { max-width:250px !important; }
  .pc_max-300 { max-width:300px !important; }
  .pc_max-350 { max-width:350px !important; }
  .pc_max-400 { max-width:400px !important; }
  .pc_max-450 { max-width:450px !important; }
  .pc_max-500 { max-width:500px !important; }
  .pc_max-550 { max-width:500px !important; }
  .pc_max-600 { max-width:500px !important; }
  .pc_max-650 { max-width:500px !important; }
  .pc_max-700 { max-width:500px !important; }
  .pc_max-750 { max-width:500px !important; }
  .pc_max-800 { max-width:500px !important; }
  .pc_max-850 { max-width:500px !important; }
  .pc_max-1600 { max-width:1600px !important; } }
@media screen and (max-width:768px) {
  .sp_max-30 { max-width:30px !important; }
  .sp_max-40 { max-width:40px !important; }
  .sp_max-50 { max-width:50px !important; }
  .sp_max-60 { max-width:60px !important; }
  .sp_max-70 { max-width:70px !important; }
  .sp_max-80 { max-width:80px !important; }
  .sp_max-90 { max-width:90px !important; }
  .sp_max-100 { max-width:100px !important; }
  .sp_max-110 { max-width:110px !important; }
  .sp_max-120 { max-width:120px !important; }
  .sp_max-130 { max-width:130px !important; }
  .sp_max-140 { max-width:140px !important; }
  .sp_max-150 { max-width:150px !important; }
  .sp_max-200 { max-width:200px !important; }
  .sp_max-250 { max-width:250px !important; }
  .sp_max-300 { max-width:300px !important; }
  .sp_max-350 { max-width:350px !important; }
  .sp_max-400 { max-width:400px !important; }
  .sp_max-450 { max-width:450px !important; }
  .sp_max-500 { max-width:500px !important; } }
/*---- min-width ---------------------*/
.min-w-max {min-width:max-content !important; }
@media print, screen and (min-width: 769px) {
  .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:768px) {
  .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; }
  .sp_min-550 { min-width:550px !important; }
  .sp_min-600 { min-width:600px !important; }
  .sp_min-650 { min-width:650px !important; }
  .sp_min-700 { min-width:700px !important; } }
/*---- height ---------------------*/
.h-auto {height:auto !important; }
.h-full {height:100% !important; }
@media print, screen and (min-width: 769px) {
  .pc-h-auto {
    height:auto;
 } }
/*---- font-size ---------------------*/
.text-xs {
  font-size:var(--text-13) !important;
  line-height:var(--leading-1\.5);
 }
.text-s {
  font-size:var(--text-15) !important;
  line-height:var(--leading-1\.9) !important;
 }
.text-base {
  font-size:clamp(1.5rem,1.4628571428571429rem + 0.09523809523809533vw, 1.6rem);
  line-height:var(--leading-2\.1);
  /*これがPタグです */ }
.text-m {
  font-size:var(--text-19) !important;
 }
.text-lg {
  font-size:var(--text-21) !important;
 }
/* ↓line-heightはtableの中とか外とかでまちまちだからいれないよ。入れたのはこっち外で使う↑ -*/
.text-10 {font-size:var(--text-10) !important; }
.text-11 {font-size:var(--text-11) !important; }
.text-12 {font-size:var(--text-12) !important; }
.text-13 {font-size:var(--text-13) !important; }
.text-14 {font-size:var(--text-14) !important; }
.text-15 {font-size:var(--text-15) !important; }
.text-16 {font-size:var(--text-16) !important; }
.text-17 {font-size:var(--text-17) !important; }
.text-18 {font-size:var(--text-18) !important; }
.text-19 {font-size:var(--text-19) !important; }
.text-20 {font-size:var(--text-20) !important; }
.text-21 {font-size:var(--text-21) !important; }
.text-22 {font-size:var(--text-22) !important; }
.text-23 {font-size:var(--text-23) !important; }
.text-24 {font-size:var(--text-24) !important; }
.text-25 {font-size:var(--text-25) !important; }
.text-26 {font-size:var(--text-26) !important; }
.text-27 {font-size:var(--text-27) !important; }
.text-28 {font-size:var(--text-28) !important; }
.text-29 {font-size:var(--text-29) !important; }
.text-30 {font-size:var(--text-30) !important; }
.text-31 {font-size:var(--text-31) !important; }
.text-32 {font-size:var(--text-32) !important; }
.text-33 {font-size:var(--text-33) !important; }
.text-34 {font-size:var(--text-34) !important; }
.text-35 {font-size:var(--text-35) !important; }
.text-36 {font-size:var(--text-36) !important; }
.text-37 {font-size:var(--text-37) !important; }
.text-38 {font-size:var(--text-38) !important; }
.text-39 {font-size:var(--text-39) !important; }
.text-40 {font-size:var(--text-40) !important; }
.text-41 {font-size:var(--text-41) !important; }
.text-42 {font-size:var(--text-42) !important; }
.text-43 {font-size:var(--text-43) !important; }
.text-44 {font-size:var(--text-44) !important; }
.text-45 {font-size:var(--text-45) !important; }
.text-46 {font-size:var(--text-46) !important; }
.text-47 {font-size:var(--text-47) !important; }
.text-48 {font-size:var(--text-48) !important; }
.text-49 {font-size:var(--text-49) !important; }
.text-50 {font-size:var(--text-50) !important; }
.text-51 {font-size:var(--text-51) !important; }
.text-52 {font-size:var(--text-52) !important; }
.text-53 {font-size:var(--text-53) !important; }
.text-54 {font-size:var(--text-54) !important; }
.text-55 {font-size:var(--text-55) !important; }
.text-56 {font-size:var(--text-56) !important; }
.text-57 {font-size:var(--text-57) !important; }
.text-58 {font-size:var(--text-58) !important; }
.text-59 {font-size:var(--text-59) !important; }
.text-60 {font-size:var(--text-60) !important; }

.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 print, screen and (min-width: 769px) {
  .pc_text-10 {font-size:10px !important; }
  .pc_text-11 {font-size:11px !important; }
  .pc_text-12 {font-size:12px !important; }
  .pc_text-13 {font-size:13px !important; }
  .pc_text-14 {font-size:14px !important; }
  .pc_text-15 {font-size:15px !important; }
  .pc_text-16 {font-size:16px !important; }
  .pc_text-17 {font-size:17px !important; }
  .pc_text-20 {font-size:20px !important; }
  .pc_text-21 {font-size:21px !important; }
  .pc_text-22 {font-size:22px !important; }
  .pc_text-23 {font-size:23px !important; }
  .pc_text-24 {font-size:24px !important; }
  .pc_text-25 {font-size:25px !important; }
  .pc_text-26 {font-size:26px !important; }
  .pc_text-27 {font-size:27px !important; }
  .pc_text-28 {font-size:28px !important; }
  .pc_text-29 {font-size:29px !important; }
  .pc_text-30 {font-size:30px !important; }
  .pc_text-31 {font-size:31px !important; }
  .pc_text-32 {font-size:32px !important; }
  .pc_text-33 {font-size:33px !important; }
  .pc_text-34 {font-size:34px !important; }
  .pc_text-35 {font-size:35px !important; }
  .pc_text-36 {font-size:36px !important; }
  .pc_text-37 {font-size:37px !important; }
  .pc_text-38 {font-size:38px !important; }
  .pc_text-39 {font-size:39px !important; }
  .pc_text-40 {font-size:40px !important; }
  .pc_text-41 {font-size:41px !important; }
  .pc_text-42 {font-size:42px !important; }
  .pc_text-43 {font-size:43px !important; }
  .pc_text-44 {font-size:44px !important; }
  .pc_text-45 {font-size:45px !important; }
  .pc_text-46 {font-size:46px !important; }
  .pc_text-47 {font-size:47px !important; }
  .pc_text-48 {font-size:48px !important; }
  .pc_text-49 {font-size:49px !important; }
  .pc_text-50 {font-size:50px !important; } }
@media screen and (max-width:768px) {
  .sp_text-10 {font-size:10px !important; }
  .sp_text-11 {font-size:11px !important; }
  .sp_text-12 {font-size:12px !important; }
  .sp_text-13 {font-size:13px !important; }
  .sp_text-14 {font-size:14px !important; }
  .sp_text-15 {font-size:15px !important; }
  .sp_text-16 {font-size:16px !important; }
  .sp_text-17 {font-size:17px !important; }
  .sp_text-20 {font-size:20px !important; }
  .sp_text-21 {font-size:21px !important; }
  .sp_text-22 {font-size:22px !important; }
  .sp_text-23 {font-size:23px !important; }
  .sp_text-24 {font-size:24px !important; }
  .sp_text-25 {font-size:25px !important; }
  .sp_text-26 {font-size:26px !important; }
  .sp_text-27 {font-size:27px !important; }
  .sp_text-28 {font-size:28px !important; }
  .sp_text-29 {font-size:29px !important; }
  .sp_text-30 {font-size:30px !important; }
  .sp_text-31 {font-size:31px !important; }
  .sp_text-32 {font-size:32px !important; }
  .sp_text-33 {font-size:33px !important; }
  .sp_text-34 {font-size:34px !important; }
  .sp_text-35 {font-size:35px !important; }
  .sp_text-36 {font-size:36px !important; }
  .sp_text-37 {font-size:37px !important; }
  .sp_text-38 {font-size:38px !important; }
  .sp_text-39 {font-size:39px !important; }
  .sp_text-40 {font-size:40px !important; }
  .sp_text-41 {font-size:41px !important; }
  .sp_text-42 {font-size:42px !important; }
  .sp_text-43 {font-size:43px !important; }
  .sp_text-44 {font-size:44px !important; }
  .sp_text-45 {font-size:45px !important; }
  .sp_text-46 {font-size:46px !important; }
  .sp_text-47 {font-size:47px !important; }
  .sp_text-48 {font-size:48px !important; }
  .sp_text-49 {font-size:49px !important; }
  .sp_text-50 {font-size:50px !important; }

  .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; } }
/* =========================================================================== */
/* animation */
/* =========================================================================== */
.anima_appear {
  transform-origin:center top;
  animation:show 1s both;
 }
span.anima_appear {
  display:inline-block;
 }
@keyframes show {
  0% {
    transform:translate(0, 2em);
    opacity:0;
 }
  50% {
    opacity:0;
 }
  100% {
    transform:translate(0, 0);
    opacity:1;
 } }
@keyframes up {
  0% {
    transform:translate(0);
 }
  20% {
    transform:translateY(-10px);
 }
  40% {
    transform:translate(0);
 } }
@keyframes down {
  0% {
    transform:translate(0);
 }
  20% {
    transform:translateY(10px);
 }
  40% {
    transform:translate(0);
 } }
@keyframes right {
  0% {
    transform:translate(0);
 }
  20% {
    transform:translateX(10px);
 }
  40% {
    transform:translate(0);
 } }
.inview__fade30_down {
  transform:translateY(-30px);
  opacity:0;
 }
:where(.inview__fade30_down).js_inview {
  transition:all 1.5s ease-out;
  transform:translatey(0);
  opacity:1;
 }
.inview__fade30_up {
  transform:translateY(30px);
  opacity:0;
 }
:where(.inview__fade30_up).js_inview {
  transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform:translatey(0);
  opacity:1;
 }
.inview__fade30_right {
  transform:translateX(30px);
  opacity:0;
 }
.inview__fade30_right.js_inview {
  transition:all 1.5s ease-out;
  transform:translateX(0);
  opacity:1;
 }
.inview__fade30_left {
  transform:translateX(-30px);
  opacity:0;
 }
.inview__fade30_left.js_inview {
  transition:all 1.5s ease-out;
  transform:translateX(0);
  opacity:1;
 }
.anima_d50 {-webkit-animation-delay:0.5s;
        animation-delay:0.5s; }
.anima_d70 {-webkit-animation-delay:0.7s;
        animation-delay:0.7s; }
.anima_d100 {-webkit-animation-delay:1s;
        animation-delay:1s; }
.anima_d200 {-webkit-animation-delay:2s;
        animation-delay:2s; }
.anima_d300 {-webkit-animation-delay:3s;
        animation-delay:3s; }
.anima_d400 {-webkit-animation-delay:4s;
        animation-delay:4s; }
.anima_d600 {-webkit-animation-delay:6s;
        animation-delay:6s; }
.anima_d800 {-webkit-animation-delay:8s;
        animation-delay:8s; }
.anima_d1000 {-webkit-animation-delay:10s;
        animation-delay:10s; }
.anima_d1200 {-webkit-animation-delay:12s;
        animation-delay:12s; }
.trans_d10 {-webkit-transition-delay:0.1s !important;
     -o-transition-delay:0.1s !important;
        transition-delay:0.1s !important; }
.trans_d20 {-webkit-transition-delay:0.2s !important;
     -o-transition-delay:0.2s !important;
        transition-delay:0.2s !important; }
.trans_d30 {-webkit-transition-delay:0.3s !important;
     -o-transition-delay:0.3s !important;
        transition-delay:0.3s !important; }
.trans_d40 {-webkit-transition-delay:0.4s !important;
     -o-transition-delay:0.4s !important;
        transition-delay:0.4s !important; }
.trans_d50 {-webkit-transition-delay:0.5s !important;
     -o-transition-delay:0.5s !important;
        transition-delay:0.5s !important; }
.trans_d60 {-webkit-transition-delay:0.6s !important;
     -o-transition-delay:0.6s !important;
        transition-delay:0.6s !important; }
.trans_d70 {-webkit-transition-delay:0.7s !important;
     -o-transition-delay:0.7s !important;
        transition-delay:0.7s !important; }
.trans_d80 {-webkit-transition-delay:0.8s !important;
     -o-transition-delay:0.8s !important;
        transition-delay:0.8s !important; }
.trans_d90 {-webkit-transition-delay:0.9s !important;
     -o-transition-delay:0.9s !important;
        transition-delay:0.9s !important; }
.trans_d100 {-webkit-transition-delay:1s !important;
     -o-transition-delay:1s !important;
        transition-delay:1s !important; }
.trans_d110 {-webkit-transition-delay:1.1s !important;
     -o-transition-delay:1.1s !important;
        transition-delay:1.1s !important; }
.trans_d120 {-webkit-transition-delay:1.2s !important;
     -o-transition-delay:1.2s !important;
        transition-delay:1.2s !important; }
/* =========================================================================== */
/* other module */
/* =========================================================================== */
/*---- bl_overlap---------------------*/
.bl_overlap {
  display:flex;
  margin-top:clamp(44px, 7.05vw + 15.82px, 106px);
 }
.bl_overlap_img {
  height:clamp(21.6rem, 20.91vw + 13.24rem, 40rem);
  object-fit:cover; }
.bl_overlap_txtBg {
  margin-top:var(--size-50);
  padding:var(--size-70) clamp(2.5rem, 3.41vw + 1.14rem, 5.5rem);
 }
.bl_overlap .el_subHeading {
  margin-bottom:clamp(2rem, 1.2736rem + 2.27vw,4rem);
 }
.bl_overlap .el_btn {
  margin-top:clamp(40px, 2.27vw + 30.91px, 60px);
 }

@media print, screen and (min-width: 769px) {
  .bl_overlap__reverse {
    flex-direction:row-reverse;
 }
  .bl_overlap_img {
    z-index:1;
    width:50%; }
  .bl_overlap_txtBg {
    width:56%;
    min-height:410px;
    margin-left:-6%; }
  .bl_overlap__reverse .bl_overlap_txtBg {
    display:flex;
    justify-content:flex-end;
    margin-right:-6%; }
  .bl_overlap_txtBody {
    margin-left:calc(6% + var(--size-40));
 }
  .bl_overlap__reverse .bl_overlap_txtBody {
    margin-right:calc(6% + var(--size-40));
    margin-left:1%;
 } }
@media screen and (max-width: 768px) {
  .bl_overlap {
    flex-direction:column;
 }
  .bl_overlap_txt {
    margin-top:0;
 } }
/*---- bl_float---------------------*/
@media print, screen and (min-width: 769px) {
  .bl_float::after {
    display:block;
    clear:both;
    content:"";
 }
  .bl_float_img {
    float:left;
    max-width:50%;
    margin:0.6em 1.2em 0 0; }
  .bl_float__reverse .bl_float_img {
    float:right;
    max-width:50%;
    margin:0.6em 0 0 1.2em; } }
@media screen and (max-width: 768px) {
  .bl_float_img,
  .bl_float__reverse .bl_float_img {
    margin-bottom:20px;
    text-align:center; } }
/*---- photoArticle---------------------*/
.photoArticle_wrap {
  display:block;
  overflow:hidden;
  border-radius:var(--border-radius-12);
  background-color:white;
  box-shadow:0 0.2rem 1.6rem rgb(35 56 81 / 15%); }
.photoArticle_wrap figure {
  overflow:hidden;
  width:100%; }
.photoArticle_wrap img {
  height:100%;
  aspect-ratio:2 / 1.3;
  object-fit:cover;
  transition:var(--transition); }
.photoArticle_txt {
  padding:var(--size-30);
 }
a .photoArticle_txt {
  position:relative;
  color:var(--wakakusa-black);
 }
a .photoArticle_txt::after {
  font-family:'Material Symbols Rounded';
  font-size:2.5rem;
  position:absolute;
  right:16px;
  bottom:16px;
  display:inline-block;
  content:'\eaaa';
  transition:var(--transition);
  color:var(--wakakusa-darkgreen);

  font-variation-settings:'FILL' 1;
 }
.photoArticle_subtxt p {
  font-size:var(--text-15);
  line-height:var(--leading-1\.9);
  margin-bottom:0;
 }
@media print, screen and (min-width: 769px) {
  a:hover.photoArticle_wrap {
    box-shadow:none;
 }
  a:hover.photoArticle_wrap img {
    transform:scale(1.1);
 }
  a:hover .photoArticle_subtxt {
    color:var(--wakakusa-darkgreen);

    text-underline-offset:0.25em;
    text-decoration-line:underline;
    text-decoration-color:currentColor;
    text-decoration-style:solid;
    text-decoration-thickness:0.05em; }
  a:hover .photoArticle_txt::after {
    font-variation-settings:'FILL' 0;
 } }
@media only screen and (max-width: 768px) {
  .photoArticle_wrap img {
    width:100%;
    height:125px; }
  .photoArticle_subtxt p {
    font-size:14px;
    font-weight:var(--font-weight-n);
    line-height:1.6; }
  a .photoArticle_txt::after {
    bottom:0;
 } }

/*---- drawn circle ---------------------*/
.el_drawnCircle {
  transition:var(--transition);

  filter:drop-shadow(0 0.2rem 1.6rem rgb(35 56 81 / 15%));
 }
.el_drawnCircle img {
  width:100%;
  max-width:235px;
  aspect-ratio:1 / 1;
  object-fit:cover;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:100%;
 }
.el_drawnCircle:nth-child(3n+1) img {mask-image:url("/assets/images/btnArea_img01.svg");/*マスク用画像*/ }
.el_drawnCircle:nth-child(3n+2) img {mask-image:url("/assets/images/btnArea_img02.svg");/*マスク用画像*/ }
.el_drawnCircle:nth-child(3n) img {mask-image:url("/assets/images/btnArea_img03.svg");/*マスク用画像*/ }
@media print,
screen and (min-width: 769px) {
  a.el_drawnCircle:hover {
    transform:translateY(15px);

    filter:none;
 } }
/*---- normalSlide swiper mv03---------------------*/
.normalSlide_wrap img {
  width:100%;
  aspect-ratio:1.5/1;
  object-fit:cover; }
.normalSlide_img {
  overflow:hidden;
  width:100%;
  border-radius:20px; }
/*---- card---------------------*/
.card_wrap {
  position:relative;
  transition:var(--transition);
  border-radius:var(--border-radius-10);
  background-color:white;
  box-shadow:0 0.2rem 1.6rem rgb(35 56 81 / 15%);
 }
.card_wrap:has(a)::after {
  font-family:'Material Symbols Rounded';
  font-size:2.5rem;
  position:absolute;
  right:12px;
  bottom:8px;
  display:inline-block;
  content:'\eaaa';
  transition:var(--transition);
  color:var(--wakakusa-darkgreen);

  font-variation-settings:'FILL' 1;
 }
.card_body {
  display:block;
  padding:var(--size-10) var(--size-10) var(--size-35) var(--size-10);
 }
.card_label {
  font-feature-settings:'palt' 0;
  position:absolute;
  z-index:2;
  top:var(--size-10);
  left:var(--size-10);
  padding:0px calc(var(--size-10) + 0.3em) var(--size-10) 0;
  white-space:nowrap;
  -ms-writing-mode:tb-rl;
  border-radius:0 0 var(--border-radius-12) 0;
  background-color:white;

      writing-mode:vertical-rl; }
.card_label::before,
.card_label::after {
  position:absolute;
  display:block;
  width:12px;
  height:12px;
  content:'';
  background:url(/assets/images/blog_radius.svg) no-repeat; }
.card_label::before {
  top:0;
  right:-12px; }
.card_label::after {
  bottom:-12px;
  left:0;
 }
.card_icon {
  display:flex;
  gap:5px;
  margin-top:5px;
 }
.card_media>img {
  width:100%;
  aspect-ratio:800 / 580;
  object-fit:cover;
  border-radius:var(--border-radius-10);
 }
.card_time {
  font-size:var(--text-15);
  display:block;
  margin-top:var(--size-10);
  transition:var(--transition);
 }
.card_ttl {
  font-size:var(--text-20);
  margin-top:var(--size-10);
  transition:var(--transition);
 }
.card_txt {
  font-size:var(--text-15);
  font-weight:var(--font-weight-n);
  line-height:1.5;
  margin-top:var(--size-10);
  transition:var(--transition); }
@media print, screen and (min-width: 769px) {
  .card_wrap:has(a:hover) {
    transform:translateY(15px);
    box-shadow:none;
 }
  .card_wrap:has(a:hover)::after {
    font-variation-settings:'FILL' 0;
 }
  a:hover .card_txt {
    text-underline-offset:0.25em;
    text-decoration-line:underline;
    text-decoration-color:currentColor;
    text-decoration-style:solid;
    text-decoration-thickness:0.05em;
 }
  a:hover .card_ttl {
    color:var(--wakakusa-darkgreen); } }
@media only screen and (max-width: 768px) {
  .card_body {
    display:flex;
    gap:10px;
    padding:6px; }
  .card_media {
    flex-shrink:0;
    width:38%;
    max-width:140px; }
  .card_media>img {
    height:100%;
    aspect-ratio:110 / 100;
 }
  .card_label {
    top:10px;
    right:10px;
    left:auto;
    padding:0;

    writing-mode:inherit; }
  .card_label::before,
  .card_label::after {
    display:none;
 }
  .card_wrap:has(a)::after {
    bottom:0;
 }
  .card_txt {
    margin-block:var(--size-10) 30px;
 } }
/*---- pagination ---------------------*/
/* ページネーション全体の配置 */
.pagination_wrap {
  display:flex;
  align-items:center;
  flex-wrap:wrap; /* スマホで折り返せるように */
  justify-content:center;
  gap:10px; /* 数字同士の間隔 */
  margin-top:var(--size-40);
 }

/* 各ページ番号の基本スタイル */
.pagination_num {
  font-family:var(--font-family-en);
  font-size:var(--text-20);
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--size-50);
  height:var(--size-50);
  transition:all 0.3s ease;
  text-decoration:none;
  color:#333;
  border:1px solid var(--wakakusa-gray);
  border-radius:var(--border-radius-99);
  background-color:#fff; }

/* ホバー時の動き */
.pagination_num:hover {
  border-color:#ccc;
  background-color:#EDEDED;
 }

/* 現在表示中のページのスタイル */
.pagination_num.-is-active {
  pointer-events:none; /* クリック無効化 */
  color:#fff;
  border-color:var(--wakakusa-darkgreen);
  background-color:var(--wakakusa-darkgreen);
 }

/* 矢印（前へ・次へ）の共通パーツ */
.pagination_num.-prev::after,
.pagination_num.-next::after {
  font-family:'Material Symbols Rounded';
  font-size:var(--text-20);
  line-height:0;
  display:block;
  padding:0;
  content:'\e5c8';

  font-variation-settings:'FILL' 1;
 }

/* 左矢印：45度回転したものを180度ひっくり返す */
.pagination_num.-prev::after {
  content:'\e5c4'; }

/* 省略記号 (…) */
.pagination_dot {
  font-family:var(--font-family-en);
  font-size:var(--text-20);
  padding:0 5px;
 }

/*---- youtube ---------------------*/
.el_youtubeWrap {
  width:100%;
  max-width:1000px;
  aspect-ratio:16 / 9; /* 常に綺麗な横長をキープする設定 */
  margin:0 auto;   /* 動画を真ん中に寄せる */ }

.el_youtubeWrap>iframe {
  width:100% !important;
  height:100% !important;
  border-radius:var(--border-radius-12);
 }
@media screen and (min-width: 1600px) {
  .el_youtubeWrap {
    max-width:1200px;
 } }