@charset "utf-8";

/* ==========================================
 Helper
============================================*/
/* container */
:root {
  --container-width: 1100;
}

/* font family */
:root {
  --font-default: "Hiragino Kaku Gothic Pro", "meiryo", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  --font-serif: "Noto Serif JP", serif;
  --font-gothic: "Noto Sans JP", sans-serif;
}

.font-default {
  font-family: var(--font-default);
}

.font-serif {
  font-family: var(--font-serif);
}

.font-gothic {
  font-family: var(--font-gothic);
}

/* color */
:root {
  --color-primary: #3362cd;
  --color-secondary: #ffe33f;
  --color-black: #000000;
  --color-dark: #051f4f;
  --color-navy: #21417b;
  --color-line: #67c858;
  --color-gold: #a28242;
  --color-light-gold: #efd93f;
  --color-blue: #0718f6;
  --color-beige: #f6f4f2;
  --color-red: #cd0d0d;
  --color-wine: #c62837;
  --color-pink: #f15b77;
  --color-yellow: #ffff64;
  --color-orange: #fc871e;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

.text-black {
  color: var(--color-black) !important;
}

.text-dark {
  color: var(--color-dark) !important;
}

.text-navy {
  color: var(--color-navy) !important;
}

.text-line {
  color: var(--color-line) !important;
}

.text-gold {
  color: var(--color-gold) !important;
}

.text-light-gold {
  color: var(--color-light-gold) !important;
}

.text-blue {
  color: var(--color-blue) !important;
}

.text-beige {
  color: var(--color-beige) !important;
}

.text-red {
  color: var(--color-red) !important;
}

.text-wine {
  color: var(--color-wine) !important;
}

.text-pink {
  color: var(--color-pink) !important;
}

.bg-yellow {
  background-color: var(--color-yellow) !important;
}

.bg-orange {
  background-color: var(--color-orange) !important;
}

/* size */
:root {
  --sz-1: clamp(0.34px, 0.09vw, 1px);
  --sz-2: clamp(0.68px, 0.18vw, 2px);
  --sz-3: clamp(1.02px, 0.27vw, 3px);
  --sz-4: clamp(1.36px, 0.36vw, 4px);
  --sz-5: clamp(1.7px, 0.45vw, 5px);
  --sz-6: clamp(2.05px, 0.55vw, 6px);
  --sz-7: clamp(2.39px, 0.64vw, 7px);
  --sz-8: clamp(2.73px, 0.73vw, 8px);
  --sz-9: clamp(3.07px, 0.82vw, 9px);
  --sz-10: clamp(3.41px, 0.91vw, 10px);
  --sz-11: clamp(3.75px, 1vw, 11px);
  --sz-12: clamp(4.09px, 1.09vw, 12px);
  --sz-13: clamp(4.43px, 1.18vw, 13px);
  --sz-14: clamp(4.77px, 1.27vw, 14px);
  --sz-15: clamp(5.11px, 1.36vw, 15px);
  --sz-16: clamp(5.45px, 1.45vw, 16px);
  --sz-17: clamp(5.8px, 1.55vw, 17px);
  --sz-18: clamp(6.14px, 1.64vw, 18px);
  --sz-19: clamp(6.48px, 1.73vw, 19px);
  --sz-20: clamp(6.82px, 1.82vw, 20px);
  --sz-21: clamp(7.16px, 1.91vw, 21px);
  --sz-22: clamp(7.5px, 2vw, 22px);
  --sz-23: clamp(7.84px, 2.09vw, 23px);
  --sz-24: clamp(8.18px, 2.18vw, 24px);
  --sz-25: clamp(8.52px, 2.27vw, 25px);
  --sz-26: clamp(8.86px, 2.36vw, 26px);
  --sz-27: clamp(9.2px, 2.45vw, 27px);
  --sz-28: clamp(9.55px, 2.55vw, 28px);
  --sz-29: clamp(9.89px, 2.64vw, 29px);
  --sz-30: clamp(10.23px, 2.73vw, 30px);
  --sz-31: clamp(10.57px, 2.82vw, 31px);
  --sz-32: clamp(10.91px, 2.91vw, 32px);
  --sz-33: clamp(11.25px, 3vw, 33px);
  --sz-34: clamp(11.59px, 3.09vw, 34px);
  --sz-35: clamp(11.93px, 3.18vw, 35px);
  --sz-36: clamp(12.27px, 3.27vw, 36px);
  --sz-37: clamp(12.61px, 3.36vw, 37px);
  --sz-38: clamp(12.95px, 3.45vw, 38px);
  --sz-39: clamp(13.3px, 3.55vw, 39px);
  --sz-40: clamp(13.64px, 3.64vw, 40px);
  --sz-41: clamp(13.98px, 3.73vw, 41px);
  --sz-42: clamp(14.32px, 3.82vw, 42px);
  --sz-43: clamp(14.66px, 3.91vw, 43px);
  --sz-44: clamp(15px, 4vw, 44px);
  --sz-45: clamp(15.34px, 4.09vw, 45px);
  --sz-46: clamp(15.68px, 4.18vw, 46px);
  --sz-47: clamp(16.02px, 4.27vw, 47px);
  --sz-48: clamp(16.36px, 4.36vw, 48px);
  --sz-49: clamp(16.7px, 4.45vw, 49px);
  --sz-50: clamp(17.05px, 4.55vw, 50px);
  --sz-51: clamp(17.39px, 4.64vw, 51px);
  --sz-52: clamp(17.73px, 4.73vw, 52px);
  --sz-53: clamp(18.07px, 4.82vw, 53px);
  --sz-54: clamp(18.41px, 4.91vw, 54px);
  --sz-55: clamp(18.75px, 5vw, 55px);
  --sz-56: clamp(19.09px, 5.09vw, 56px);
  --sz-57: clamp(19.43px, 5.18vw, 57px);
  --sz-58: clamp(19.77px, 5.27vw, 58px);
  --sz-59: clamp(20.11px, 5.36vw, 59px);
  --sz-60: clamp(20.45px, 5.45vw, 60px);
  --sz-61: clamp(20.8px, 5.55vw, 61px);
  --sz-62: clamp(21.14px, 5.64vw, 62px);
  --sz-63: clamp(21.48px, 5.73vw, 63px);
  --sz-64: clamp(21.82px, 5.82vw, 64px);
  --sz-65: clamp(22.16px, 5.91vw, 65px);
  --sz-66: clamp(22.5px, 6vw, 66px);
  --sz-67: clamp(22.84px, 6.09vw, 67px);
  --sz-68: clamp(23.18px, 6.18vw, 68px);
  --sz-69: clamp(23.52px, 6.27vw, 69px);
  --sz-70: clamp(23.86px, 6.36vw, 70px);
  --sz-71: clamp(24.2px, 6.45vw, 71px);
  --sz-72: clamp(24.55px, 6.55vw, 72px);
  --sz-73: clamp(24.89px, 6.64vw, 73px);
  --sz-74: clamp(25.23px, 6.73vw, 74px);
  --sz-75: clamp(25.57px, 6.82vw, 75px);
  --sz-76: clamp(25.91px, 6.91vw, 76px);
  --sz-77: clamp(26.25px, 7vw, 77px);
  --sz-78: clamp(26.59px, 7.09vw, 78px);
  --sz-79: clamp(26.93px, 7.18vw, 79px);
  --sz-80: clamp(27.27px, 7.27vw, 80px);
  --sz-81: clamp(27.61px, 7.36vw, 81px);
  --sz-82: clamp(27.95px, 7.45vw, 82px);
  --sz-83: clamp(28.3px, 7.55vw, 83px);
  --sz-84: clamp(28.64px, 7.64vw, 84px);
  --sz-85: clamp(28.98px, 7.73vw, 85px);
  --sz-86: clamp(29.32px, 7.82vw, 86px);
  --sz-87: clamp(29.66px, 7.91vw, 87px);
  --sz-88: clamp(30px, 8vw, 88px);
  --sz-89: clamp(30.34px, 8.09vw, 89px);
  --sz-90: clamp(30.68px, 8.18vw, 90px);
  --sz-91: clamp(31.02px, 8.27vw, 91px);
  --sz-92: clamp(31.36px, 8.36vw, 92px);
  --sz-93: clamp(31.7px, 8.45vw, 93px);
  --sz-94: clamp(32.05px, 8.55vw, 94px);
  --sz-95: clamp(32.39px, 8.64vw, 95px);
  --sz-96: clamp(32.73px, 8.73vw, 96px);
  --sz-97: clamp(33.07px, 8.82vw, 97px);
  --sz-98: clamp(33.41px, 8.91vw, 98px);
  --sz-99: clamp(33.75px, 9vw, 99px);
  --sz-100: clamp(34.09px, 9.09vw, 100px);
  --sz-101: clamp(34.43px, 9.18vw, 101px);
  --sz-102: clamp(34.77px, 9.27vw, 102px);
  --sz-103: clamp(35.11px, 9.36vw, 103px);
  --sz-104: clamp(35.45px, 9.45vw, 104px);
  --sz-105: clamp(35.8px, 9.55vw, 105px);
  --sz-106: clamp(36.14px, 9.64vw, 106px);
  --sz-107: clamp(36.48px, 9.73vw, 107px);
  --sz-108: clamp(36.82px, 9.82vw, 108px);
  --sz-109: clamp(37.16px, 9.91vw, 109px);
  --sz-110: clamp(37.5px, 10vw, 110px);
  --sz-111: clamp(37.84px, 10.09vw, 111px);
  --sz-112: clamp(38.18px, 10.18vw, 112px);
  --sz-113: clamp(38.52px, 10.27vw, 113px);
  --sz-114: clamp(38.86px, 10.36vw, 114px);
  --sz-115: clamp(39.2px, 10.45vw, 115px);
  --sz-116: clamp(39.55px, 10.55vw, 116px);
  --sz-117: clamp(39.89px, 10.64vw, 117px);
  --sz-118: clamp(40.23px, 10.73vw, 118px);
  --sz-119: clamp(40.57px, 10.82vw, 119px);
  --sz-120: clamp(40.91px, 10.91vw, 120px);
  --sz-121: clamp(41.25px, 11vw, 121px);
  --sz-122: clamp(41.59px, 11.09vw, 122px);
  --sz-123: clamp(41.93px, 11.18vw, 123px);
  --sz-124: clamp(42.27px, 11.27vw, 124px);
  --sz-125: clamp(42.61px, 11.36vw, 125px);
  --sz-126: clamp(42.95px, 11.45vw, 126px);
  --sz-127: clamp(43.3px, 11.55vw, 127px);
  --sz-128: clamp(43.64px, 11.64vw, 128px);
  --sz-129: clamp(43.98px, 11.73vw, 129px);
  --sz-130: clamp(44.32px, 11.82vw, 130px);
  --sz-131: clamp(44.66px, 11.91vw, 131px);
  --sz-132: clamp(45px, 12vw, 132px);
  --sz-133: clamp(45.34px, 12.09vw, 133px);
  --sz-134: clamp(45.68px, 12.18vw, 134px);
  --sz-135: clamp(46.02px, 12.27vw, 135px);
  --sz-136: clamp(46.36px, 12.36vw, 136px);
  --sz-137: clamp(46.7px, 12.45vw, 137px);
  --sz-138: clamp(47.05px, 12.55vw, 138px);
  --sz-139: clamp(47.39px, 12.64vw, 139px);
  --sz-140: clamp(47.73px, 12.73vw, 140px);
  --sz-141: clamp(48.07px, 12.82vw, 141px);
  --sz-142: clamp(48.41px, 12.91vw, 142px);
  --sz-143: clamp(48.75px, 13vw, 143px);
  --sz-144: clamp(49.09px, 13.09vw, 144px);
  --sz-145: clamp(49.43px, 13.18vw, 145px);
  --sz-146: clamp(49.77px, 13.27vw, 146px);
  --sz-147: clamp(50.11px, 13.36vw, 147px);
  --sz-148: clamp(50.45px, 13.45vw, 148px);
  --sz-149: clamp(50.8px, 13.55vw, 149px);
  --sz-150: clamp(51.14px, 13.64vw, 150px);
  --sz-151: clamp(51.48px, 13.73vw, 151px);
  --sz-152: clamp(51.82px, 13.82vw, 152px);
  --sz-153: clamp(52.16px, 13.91vw, 153px);
  --sz-154: clamp(52.5px, 14vw, 154px);
  --sz-155: clamp(52.84px, 14.09vw, 155px);
  --sz-156: clamp(53.18px, 14.18vw, 156px);
  --sz-157: clamp(53.52px, 14.27vw, 157px);
  --sz-158: clamp(53.86px, 14.36vw, 158px);
  --sz-159: clamp(54.2px, 14.45vw, 159px);
  --sz-160: clamp(54.55px, 14.55vw, 160px);
  --sz-161: clamp(54.89px, 14.64vw, 161px);
  --sz-162: clamp(55.23px, 14.73vw, 162px);
  --sz-163: clamp(55.57px, 14.82vw, 163px);
  --sz-164: clamp(55.91px, 14.91vw, 164px);
  --sz-165: clamp(56.25px, 15vw, 165px);
  --sz-166: clamp(56.59px, 15.09vw, 166px);
  --sz-167: clamp(56.93px, 15.18vw, 167px);
  --sz-168: clamp(57.27px, 15.27vw, 168px);
  --sz-169: clamp(57.61px, 15.36vw, 169px);
  --sz-170: clamp(57.95px, 15.45vw, 170px);
  --sz-171: clamp(58.3px, 15.55vw, 171px);
  --sz-172: clamp(58.64px, 15.64vw, 172px);
  --sz-173: clamp(58.98px, 15.73vw, 173px);
  --sz-174: clamp(59.32px, 15.82vw, 174px);
  --sz-175: clamp(59.66px, 15.91vw, 175px);
  --sz-176: clamp(60px, 16vw, 176px);
  --sz-177: clamp(60.34px, 16.09vw, 177px);
  --sz-178: clamp(60.68px, 16.18vw, 178px);
  --sz-179: clamp(61.02px, 16.27vw, 179px);
  --sz-180: clamp(61.36px, 16.36vw, 180px);
  --sz-181: clamp(61.7px, 16.45vw, 181px);
  --sz-182: clamp(62.05px, 16.55vw, 182px);
  --sz-183: clamp(62.39px, 16.64vw, 183px);
  --sz-184: clamp(62.73px, 16.73vw, 184px);
  --sz-185: clamp(63.07px, 16.82vw, 185px);
  --sz-186: clamp(63.41px, 16.91vw, 186px);
  --sz-187: clamp(63.75px, 17vw, 187px);
  --sz-188: clamp(64.09px, 17.09vw, 188px);
  --sz-189: clamp(64.43px, 17.18vw, 189px);
  --sz-190: clamp(64.77px, 17.27vw, 190px);
  --sz-191: clamp(65.11px, 17.36vw, 191px);
  --sz-192: clamp(65.45px, 17.45vw, 192px);
  --sz-193: clamp(65.8px, 17.55vw, 193px);
  --sz-194: clamp(66.14px, 17.64vw, 194px);
  --sz-195: clamp(66.48px, 17.73vw, 195px);
  --sz-196: clamp(66.82px, 17.82vw, 196px);
  --sz-197: clamp(67.16px, 17.91vw, 197px);
  --sz-198: clamp(67.5px, 18vw, 198px);
  --sz-199: clamp(67.84px, 18.09vw, 199px);
  --sz-200: clamp(68.18px, 18.18vw, 200px);
}

.sz-1 {
  font-size: var(--sz-1);
}

.sz-2 {
  font-size: var(--sz-2);
}

.sz-3 {
  font-size: var(--sz-3);
}

.sz-4 {
  font-size: var(--sz-4);
}

.sz-5 {
  font-size: var(--sz-5);
}

.sz-6 {
  font-size: var(--sz-6);
}

.sz-7 {
  font-size: var(--sz-7);
}

.sz-8 {
  font-size: var(--sz-8);
}

.sz-9 {
  font-size: var(--sz-9);
}

.sz-10 {
  font-size: var(--sz-10);
}

.sz-11 {
  font-size: var(--sz-11);
}

.sz-12 {
  font-size: var(--sz-12);
}

.sz-13 {
  font-size: var(--sz-13);
}

.sz-14 {
  font-size: var(--sz-14);
}

.sz-15 {
  font-size: var(--sz-15);
}

.sz-16 {
  font-size: var(--sz-16);
}

.sz-17 {
  font-size: var(--sz-17);
}

.sz-18 {
  font-size: var(--sz-18);
}

.sz-19 {
  font-size: var(--sz-19);
}

.sz-20 {
  font-size: var(--sz-20);
}

.sz-21 {
  font-size: var(--sz-21);
}

.sz-22 {
  font-size: var(--sz-22);
}

.sz-23 {
  font-size: var(--sz-23);
}

.sz-24 {
  font-size: var(--sz-24);
}

.sz-25 {
  font-size: var(--sz-25);
}

.sz-26 {
  font-size: var(--sz-26);
}

.sz-27 {
  font-size: var(--sz-27);
}

.sz-28 {
  font-size: var(--sz-28);
}

.sz-29 {
  font-size: var(--sz-29);
}

.sz-30 {
  font-size: var(--sz-30);
}

.sz-31 {
  font-size: var(--sz-31);
}

.sz-32 {
  font-size: var(--sz-32);
}

.sz-33 {
  font-size: var(--sz-33);
}

.sz-34 {
  font-size: var(--sz-34);
}

.sz-35 {
  font-size: var(--sz-35);
}

.sz-36 {
  font-size: var(--sz-36);
}

.sz-37 {
  font-size: var(--sz-37);
}

.sz-38 {
  font-size: var(--sz-38);
}

.sz-39 {
  font-size: var(--sz-39);
}

.sz-40 {
  font-size: var(--sz-40);
}

.sz-41 {
  font-size: var(--sz-41);
}

.sz-42 {
  font-size: var(--sz-42);
}

.sz-43 {
  font-size: var(--sz-43);
}

.sz-44 {
  font-size: var(--sz-44);
}

.sz-45 {
  font-size: var(--sz-45);
}

.sz-46 {
  font-size: var(--sz-46);
}

.sz-47 {
  font-size: var(--sz-47);
}

.sz-48 {
  font-size: var(--sz-48);
}

.sz-49 {
  font-size: var(--sz-49);
}

.sz-50 {
  font-size: var(--sz-50);
}

.sz-51 {
  font-size: var(--sz-51);
}

.sz-52 {
  font-size: var(--sz-52);
}

.sz-53 {
  font-size: var(--sz-53);
}

.sz-54 {
  font-size: var(--sz-54);
}

.sz-55 {
  font-size: var(--sz-55);
}

.sz-56 {
  font-size: var(--sz-56);
}

.sz-57 {
  font-size: var(--sz-57);
}

.sz-58 {
  font-size: var(--sz-58);
}

.sz-59 {
  font-size: var(--sz-59);
}

.sz-60 {
  font-size: var(--sz-60);
}

.sz-61 {
  font-size: var(--sz-61);
}

.sz-62 {
  font-size: var(--sz-62);
}

.sz-63 {
  font-size: var(--sz-63);
}

.sz-64 {
  font-size: var(--sz-64);
}

.sz-65 {
  font-size: var(--sz-65);
}

.sz-66 {
  font-size: var(--sz-66);
}

.sz-67 {
  font-size: var(--sz-67);
}

.sz-68 {
  font-size: var(--sz-68);
}

.sz-69 {
  font-size: var(--sz-69);
}

.sz-70 {
  font-size: var(--sz-70);
}

.sz-71 {
  font-size: var(--sz-71);
}

.sz-72 {
  font-size: var(--sz-72);
}

.sz-73 {
  font-size: var(--sz-73);
}

.sz-74 {
  font-size: var(--sz-74);
}

.sz-75 {
  font-size: var(--sz-75);
}

.sz-76 {
  font-size: var(--sz-76);
}

.sz-77 {
  font-size: var(--sz-77);
}

.sz-78 {
  font-size: var(--sz-78);
}

.sz-79 {
  font-size: var(--sz-79);
}

.sz-80 {
  font-size: var(--sz-80);
}

.sz-81 {
  font-size: var(--sz-81);
}

.sz-82 {
  font-size: var(--sz-82);
}

.sz-83 {
  font-size: var(--sz-83);
}

.sz-84 {
  font-size: var(--sz-84);
}

.sz-85 {
  font-size: var(--sz-85);
}

.sz-86 {
  font-size: var(--sz-86);
}

.sz-87 {
  font-size: var(--sz-87);
}

.sz-88 {
  font-size: var(--sz-88);
}

.sz-89 {
  font-size: var(--sz-89);
}

.sz-90 {
  font-size: var(--sz-90);
}

.sz-91 {
  font-size: var(--sz-91);
}

.sz-92 {
  font-size: var(--sz-92);
}

.sz-93 {
  font-size: var(--sz-93);
}

.sz-94 {
  font-size: var(--sz-94);
}

.sz-95 {
  font-size: var(--sz-95);
}

.sz-96 {
  font-size: var(--sz-96);
}

.sz-97 {
  font-size: var(--sz-97);
}

.sz-98 {
  font-size: var(--sz-98);
}

.sz-99 {
  font-size: var(--sz-99);
}

.sz-100 {
  font-size: var(--sz-100);
}

.sz-101 {
  font-size: var(--sz-101);
}
.sz-102 {
  font-size: var(--sz-102);
}
.sz-103 {
  font-size: var(--sz-103);
}
.sz-104 {
  font-size: var(--sz-104);
}
.sz-105 {
  font-size: var(--sz-105);
}
.sz-106 {
  font-size: var(--sz-106);
}
.sz-107 {
  font-size: var(--sz-107);
}
.sz-108 {
  font-size: var(--sz-108);
}
.sz-109 {
  font-size: var(--sz-109);
}
.sz-110 {
  font-size: var(--sz-110);
}
.sz-111 {
  font-size: var(--sz-111);
}
.sz-112 {
  font-size: var(--sz-112);
}
.sz-113 {
  font-size: var(--sz-113);
}
.sz-114 {
  font-size: var(--sz-114);
}
.sz-115 {
  font-size: var(--sz-115);
}
.sz-116 {
  font-size: var(--sz-116);
}
.sz-117 {
  font-size: var(--sz-117);
}
.sz-118 {
  font-size: var(--sz-118);
}
.sz-119 {
  font-size: var(--sz-119);
}
.sz-120 {
  font-size: var(--sz-120);
}
.sz-121 {
  font-size: var(--sz-121);
}
.sz-122 {
  font-size: var(--sz-122);
}
.sz-123 {
  font-size: var(--sz-123);
}
.sz-124 {
  font-size: var(--sz-124);
}
.sz-125 {
  font-size: var(--sz-125);
}
.sz-126 {
  font-size: var(--sz-126);
}
.sz-127 {
  font-size: var(--sz-127);
}
.sz-128 {
  font-size: var(--sz-128);
}
.sz-129 {
  font-size: var(--sz-129);
}
.sz-130 {
  font-size: var(--sz-130);
}
.sz-131 {
  font-size: var(--sz-131);
}
.sz-132 {
  font-size: var(--sz-132);
}
.sz-133 {
  font-size: var(--sz-133);
}
.sz-134 {
  font-size: var(--sz-134);
}
.sz-135 {
  font-size: var(--sz-135);
}
.sz-136 {
  font-size: var(--sz-136);
}
.sz-137 {
  font-size: var(--sz-137);
}
.sz-138 {
  font-size: var(--sz-138);
}
.sz-139 {
  font-size: var(--sz-139);
}
.sz-140 {
  font-size: var(--sz-140);
}
.sz-141 {
  font-size: var(--sz-141);
}
.sz-142 {
  font-size: var(--sz-142);
}
.sz-143 {
  font-size: var(--sz-143);
}
.sz-144 {
  font-size: var(--sz-144);
}
.sz-145 {
  font-size: var(--sz-145);
}
.sz-146 {
  font-size: var(--sz-146);
}
.sz-147 {
  font-size: var(--sz-147);
}
.sz-148 {
  font-size: var(--sz-148);
}
.sz-149 {
  font-size: var(--sz-149);
}
.sz-150 {
  font-size: var(--sz-150);
}
.sz-151 {
  font-size: var(--sz-151);
}
.sz-152 {
  font-size: var(--sz-152);
}
.sz-153 {
  font-size: var(--sz-153);
}
.sz-154 {
  font-size: var(--sz-154);
}
.sz-155 {
  font-size: var(--sz-155);
}
.sz-156 {
  font-size: var(--sz-156);
}
.sz-157 {
  font-size: var(--sz-157);
}
.sz-158 {
  font-size: var(--sz-158);
}
.sz-159 {
  font-size: var(--sz-159);
}
.sz-160 {
  font-size: var(--sz-160);
}
.sz-161 {
  font-size: var(--sz-161);
}
.sz-162 {
  font-size: var(--sz-162);
}
.sz-163 {
  font-size: var(--sz-163);
}
.sz-164 {
  font-size: var(--sz-164);
}
.sz-165 {
  font-size: var(--sz-165);
}
.sz-166 {
  font-size: var(--sz-166);
}
.sz-167 {
  font-size: var(--sz-167);
}
.sz-168 {
  font-size: var(--sz-168);
}
.sz-169 {
  font-size: var(--sz-169);
}
.sz-170 {
  font-size: var(--sz-170);
}
.sz-171 {
  font-size: var(--sz-171);
}
.sz-172 {
  font-size: var(--sz-172);
}
.sz-173 {
  font-size: var(--sz-173);
}
.sz-174 {
  font-size: var(--sz-174);
}
.sz-175 {
  font-size: var(--sz-175);
}
.sz-176 {
  font-size: var(--sz-176);
}
.sz-177 {
  font-size: var(--sz-177);
}
.sz-178 {
  font-size: var(--sz-178);
}
.sz-179 {
  font-size: var(--sz-179);
}
.sz-180 {
  font-size: var(--sz-180);
}
.sz-181 {
  font-size: var(--sz-181);
}
.sz-182 {
  font-size: var(--sz-182);
}
.sz-183 {
  font-size: var(--sz-183);
}
.sz-184 {
  font-size: var(--sz-184);
}
.sz-185 {
  font-size: var(--sz-185);
}
.sz-186 {
  font-size: var(--sz-186);
}
.sz-187 {
  font-size: var(--sz-187);
}
.sz-188 {
  font-size: var(--sz-188);
}
.sz-189 {
  font-size: var(--sz-189);
}
.sz-190 {
  font-size: var(--sz-190);
}
.sz-191 {
  font-size: var(--sz-191);
}
.sz-192 {
  font-size: var(--sz-192);
}
.sz-193 {
  font-size: var(--sz-193);
}
.sz-194 {
  font-size: var(--sz-194);
}
.sz-195 {
  font-size: var(--sz-195);
}
.sz-196 {
  font-size: var(--sz-196);
}
.sz-197 {
  font-size: var(--sz-197);
}
.sz-198 {
  font-size: var(--sz-198);
}
.sz-199 {
  font-size: var(--sz-199);
}
.sz-200 {
  font-size: var(--sz-200);
}

/* font weight */
strong {
  font-weight: 700 !important;
}

strong.font-serif,
.fw-bold.font-serif {
  font-weight: 900 !important;
}

/* font feature settings */
.palt {
  font-feature-settings: "palt";
}

/* font size */
.text-larger {
  font-size: 120%;
}

.text-large {
  font-size: 150%;
}

.fs-50 {
  font-size: 50%;
}

.fs-60 {
  font-size: 60%;
}

.fs-70 {
  font-size: 70%;
}

.fs-80 {
  font-size: 80%;
}

.fs-90 {
  font-size: 90%;
}

.fs-100 {
  font-size: 100%;
}

.fs-110 {
  font-size: 110%;
}

.fs-120 {
  font-size: 120%;
}

.fs-130 {
  font-size: 130%;
}

.fs-140 {
  font-size: 140%;
}

.fs-150 {
  font-size: 150%;
}

.fs-160 {
  font-size: 160%;
}

.fs-170 {
  font-size: 170%;
}

.fs-180 {
  font-size: 180%;
}

.fs-190 {
  font-size: 190%;
}

.fs-200 {
  font-size: 200%;
}

.fs-210 {
  font-size: 210%;
}

.fs-220 {
  font-size: 220%;
}

.fs-230 {
  font-size: 230%;
}

.fs-240 {
  font-size: 240%;
}

.fs-250 {
  font-size: 250%;
}

.fs-260 {
  font-size: 260%;
}

.fs-270 {
  font-size: 270%;
}

.fs-280 {
  font-size: 280%;
}

.fs-290 {
  font-size: 290%;
}

.fs-300 {
  font-size: 300%;
}

@media (min-width: 992px) {
  .text-lg-larger {
    font-size: 120%;
  }

  .text-lg-large {
    font-size: 150%;
  }

  .fs-lg-50 {
    font-size: 50%;
  }

  .fs-lg-60 {
    font-size: 60%;
  }

  .fs-lg-70 {
    font-size: 70%;
  }

  .fs-lg-80 {
    font-size: 80%;
  }

  .fs-lg-90 {
    font-size: 90%;
  }

  .fs-lg-100 {
    font-size: 100%;
  }

  .fs-lg-110 {
    font-size: 110%;
  }

  .fs-lg-120 {
    font-size: 120%;
  }

  .fs-lg-130 {
    font-size: 130%;
  }

  .fs-lg-140 {
    font-size: 140%;
  }

  .fs-lg-150 {
    font-size: 150%;
  }

  .fs-lg-160 {
    font-size: 160%;
  }

  .fs-lg-170 {
    font-size: 170%;
  }

  .fs-lg-180 {
    font-size: 180%;
  }

  .fs-lg-190 {
    font-size: 190%;
  }

  .fs-lg-200 {
    font-size: 200%;
  }

  .fs-lg-210 {
    font-size: 210%;
  }

  .fs-lg-220 {
    font-size: 220%;
  }

  .fs-lg-230 {
    font-size: 230%;
  }

  .fs-lg-240 {
    font-size: 240%;
  }

  .fs-lg-250 {
    font-size: 250%;
  }

  .fs-lg-260 {
    font-size: 260%;
  }

  .fs-lg-270 {
    font-size: 270%;
  }

  .fs-lg-280 {
    font-size: 280%;
  }

  .fs-lg-290 {
    font-size: 290%;
  }

  .fs-lg-300 {
    font-size: 300%;
  }

  .fs-lg-310 {
    font-size: 310%;
  }

  .fs-lg-320 {
    font-size: 320%;
  }

  .fs-lg-330 {
    font-size: 330%;
  }

  .fs-lg-340 {
    font-size: 340%;
  }

  .fs-lg-350 {
    font-size: 350%;
  }

  .fs-lg-360 {
    font-size: 360%;
  }

  .fs-lg-370 {
    font-size: 370%;
  }

  .fs-lg-380 {
    font-size: 380%;
  }

  .fs-lg-390 {
    font-size: 390%;
  }

  .fs-lg-400 {
    font-size: 400%;
  }
}

/* maker */
.mark,
mark {
  padding: 0;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, var(--color-yellow) 50%);
  background: var(--color-yellow);
  color: inherit;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

.mark-full {
  background-color: var(--color-yellow);
}

/* image */
.img-wrap {
  position: relative;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

/* auto size */
[style*="--w"] {
  width: calc(100% * var(--w) / var(--container-width));
}

@media (min-width: 992px) {
  [style*="--w"] {
    width: auto;
    max-width: 100%;
  }
}

[style*="--w"] {
  width: calc(100% * var(--w) / var(--container-width));
  max-width: calc(1px * var(--w));
  margin-left: auto;
  margin-right: auto;
}

picture {
  display: block;
}

a img,
button img {
  transition: 0.3s;
}

a:hover img,
button:hover img {
  filter: brightness(1.2);
}

/* paragraph */
:where(main) p {
  margin-bottom: 2em;
}

/* spacer */
hr {
  margin: 2em 0;
  border: none;
  opacity: 1;
}

.spacer {
  margin-bottom: 3em;
  background-color: rgba(255, 255, 255, 0);
}

.spacer--sm {
  margin-bottom: 2em;
}

.spacer--lg {
  margin-bottom: 5em;
}

/* margin */
.-m1 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.mb-1em {
  margin-bottom: 1em !important;
}

.mb-2em {
  margin-bottom: 2em !important;
}

.mb-3em {
  margin-bottom: 3em !important;
}

.mb-4em {
  margin-bottom: 4em !important;
}

.mb-5em {
  margin-bottom: 5em !important;
}

/* padding */
.pt-1em {
  padding-top: 1em !important;
}
.pt-2em {
  padding-top: 2em !important;
}
.pt-3em {
  padding-top: 3em !important;
}
.pt-4em {
  padding-top: 4em !important;
}
.pt-5em {
  padding-top: 5em !important;
}

.pb-1em {
  padding-bottom: 1em !important;
}
.pb-2em {
  padding-bottom: 2em !important;
}
.pb-3em {
  padding-bottom: 3em !important;
}
.pb-4em {
  padding-bottom: 4em !important;
}
.pb-5em {
  padding-bottom: 5em !important;
}
/* underline */
u {
  text-underline-offset: 0.3em;
}

/* list */
ul,
ol {
  margin: 0 0 2em;
  padding: 0;
  list-style: none;
}

/* button */
.btn {
  position: relative;
  transition: 0.3s;
  border: 0;
  padding: 0;
}

.btn:focus {
  box-shadow: none;
}

.btn.disabled {
  pointer-events: none;
  filter: grayscale(1);
  animation: none;
}

/* placeholder */
.form-control::placeholder {
  color: #bab9b9;
}

/* shadow */
.white-shadow {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
}