/* google fonts */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap");

/* variables */
:root {
  --black: #333;
  --white: #fff;
  --gray: #525252;
  --mamegaracha: #81908b;
  --moss-gray: #717d79;
  --disabled-gray: #949497;
  --light-gray: #a1a1a1;
  --ex-light-gray: #f6f6f6;
  --grayish-white: #f5f5f5;
  --frosty-white: #e5ece9;
  --arrow-gray: #d9d9d9;
  --green: #07913a;
  --button-green: #056027;
  --forest-green: #25986f;
  --tokiwairo: #07712e;
  --light-green: #dbebba;
  --asparagus: #eefaeb;
  --dark-green: #1c7c41;
  --dark-green_2: #0f7152;
  --dark-green_3: #10522c;
  --blue: #5481bb;
  --deep-blue: #0039cd;
  --dark-deep-blue: #002992;
  --link-blue: #39a0ff;
  --sky: #67b5fd;
  --pale-blue: #a4c4e3;
  --ex-pale-blue: #cce1f6;
  --alice-blue: #f0f8ff;
  --light-blue: #67b5fd;
  --bot-blue: #6eb4f9;
  --bot-day1-blue: #e1f0ff;
  --bot-day2-blue: #aad1f8;
  --copilot-blue: #0178d5;
  --sumire: #edf2ff;
  --red: #c43e1c;
  --caution-red: #ec0000;
  --ppt-red: #d35230;
  --ppt-deep-red: #ba3417;
  --ppt-niji: #ffcfcf;
  --ppt-usutamago: #ffe7d1;
  --ppt-tonoko: #fff2d1;
  --ex-light-red: #fff2ee;
  --orange: #ffa800;
  --beige: #fffdec;
  --lemon-chiffon: #fff8ea;
  --light-yellow: #feffe6;
  --genai-lightgray-orange: #f4dbcd;
  --genai-lightgray: #e6e6e6;
  --genai-gray: #2e3038;
  --genai-grayish-white: #f5f5f5;
  --genai-orange: #f25f0d;
  --olive: #f0f6e2;

  /* sp: 320 min - 500 max */
  --clamp-05sp: clamp(0.43px, 0.13vw, 0.67px);
  --clamp-1sp: clamp(0.053rem, 0.27vw, 0.083rem);
  --clamp-1-5sp: clamp(1.28px, 0.4vw, 2px); 
  --clamp-2sp: clamp(1.7px, -0.1px + 0.56vw, 2.7px);
  --clamp-3sp: clamp(2.55px, -0.016px + 0.8vw, 3.99px);
  --clamp-4sp: clamp(3.4px, 1.06vw, 5.3px);
  --clamp-5sp: clamp(4.3px, 1.34vw, 6.7px);
  --clamp-6sp: clamp(5.1px, -0.256px + 1.68vw, 8.1px);
  --clamp-7sp: clamp(5.95px, -0.016px + 1.87vw, 9.31px);
  --clamp-8sp: clamp(6.8px, 2.12vw, 10.6px);
  --clamp-9sp: clamp(7.68px, 2.4vw, 12px);
  --clamp-10sp: clamp(8.5px, -0.1px + 2.68vw, 13.3px);
  --clamp-11sp: clamp(9.35px, -0.48px + 3.07vw, 14.85px);
  --clamp-12sp: clamp(10.2px, -0.2px + 3.24vw, 16px);
  --clamp-13sp: clamp(11.1px, 0.1px + 3.44vw, 17.3px);
  --clamp-14sp: clamp(11.9px, -0.1px + 3.74vw, 18.6px);
  --clamp-15sp: clamp(12.8px, 4vw, 20px);
  --clamp-16sp: clamp(13.6px, -0.2px + 4.3vw, 21.3px);
  --clamp-17sp: clamp(14.51px, 4.53vw, 22.67px);
  --clamp-18sp: clamp(15.3px, -0.1px + 4.8vw, 23.9px);
  --clamp-19sp: clamp(16.21px, 5.07vw, 25.33px);
  --clamp-20sp: clamp(17px, -0.2px + 5.36vw, 26.6px);
  --clamp-21sp: clamp(17.85px, -0.064px + 5.6vw, 27.93px);
  --clamp-22sp: clamp(18.7px, -0.3px + 5.92vw, 29.3px);
  --clamp-23sp: clamp(19.63px, 6.13vw, 30.67px);
  --clamp-24sp: clamp(20.4px, -0.2px + 6.42vw, 31.9px);
  --clamp-25sp: clamp(21.3px, -0.2px + 6.7vw, 33.3px);
  --clamp-26sp: clamp(22.1px, -0.2px + 6.98vw, 34.6px);
  --clamp-27sp: clamp(22.9px, -0.336px + 7.62vw, 35.9px);
  --clamp-28sp: clamp(23.8px, -0.2px + 7.49vw, 37.2px);
  --clamp-29sp: clamp(24.75px, 7.73vw, 38.67px);
  --clamp-30sp: clamp(25.5px, -0.2px + 8.04vw, 39.9px);
  --clamp-31sp: clamp(26.45px, 8.27vw, 41.33px);
  --clamp-32sp: clamp(27.2px, -0.3px + 8.6vw, 42.6px);
  --clamp-33sp: clamp(28.16px, 8.8vw, 44px);
  --clamp-34sp: clamp(30.6px, 24.528px + 1.9vw, 34px);
  --clamp-35sp: clamp(29.8px, -0.1px + 9.33vw, 46.6px);
  --clamp-36sp: clamp(31px, 9.44vw, 48px);
  --clamp-37sp: clamp(31.57px, 9.87vw, 49.33px);
  --clamp-38sp: clamp(32.43px, 10.13vw, 50.67px);
  --clamp-39sp: clamp(33.28px, 10.4vw, 52px);
  --clamp-40sp: clamp(34px, -0.3px + 10.73vw, 53.2px);
  --clamp-41sp: clamp(35px, 10.93vw, 54.67px);
  --clamp-42sp: clamp(35.7px, -0.4px + 11.28vw, 55.9px);
  --clamp-43sp: clamp(36.67px, 11.47vw, 57.33px);
  --clamp-44sp: clamp(37.4px, -0.496px + 11.84vw, 58.6px);
  --clamp-46sp: clamp(39.1px, -0.2px + 12.28vw, 61.2px);
  --clamp-47sp: clamp(40.11px, 12.53vw, 62.67px);
  --clamp-48sp: clamp(40.8px, -0.4px + 12.88vw, 63.85px);
  --clamp-49sp: clamp(41.01px, 13.07vw, 65.33px);
  --clamp-50sp: clamp(42.5px, -0.16px + 13.33vw, 66.5px);
  --clamp-51sp: clamp(43.52px, 13.6vw, 68px);
  --clamp-52sp: clamp(44.2px, -0.4px + 13.94vw, 69.15px);
  --clamp-53sp: clamp(45.23px, 14.13vw, 70.67px);
  --clamp-54sp: clamp(46.08px, 14.4vw, 72px);
  --clamp-55sp: clamp(46.93px, 14.67vw, 73.33px);
  --clamp-56sp: clamp(47.6px, 32.576px + 4.69vw, 56px);
  --clamp-56spfull: clamp(47.79px, 14.93vw, 74.67px);
  --clamp-57sp: clamp(48.64px, 15.2vw, 76px);
  --clamp-58sp: clamp(49.49px, 15.47vw, 77.33px);
  --clamp-59sp: clamp(50.35px, 15.73vw, 78.67px);
  --clamp-60sp: clamp(51px, -0.5px + 16.09vw, 79.8px);
  --clamp-62sp: clamp(52.7px, -0.6px + 16.65vw, 82.5px);
  --clamp-64sp: clamp(54.4px, -0.5px + 17.15vw, 85.1px);
  --clamp-65sp: clamp(55.47px, 17.33vw, 86.67px);
  --clamp-66sp: clamp(56.1px, -0.224px + 17.6vw, 87.78px);
  --clamp-68sp: clamp(58.03px, 18.13vw, 90.67px);
  --clamp-70sp: clamp(59.5px, -0.24px + 18.67vw, 93.1px);
  --clamp-72sp: clamp(61.44px, 19.2vw, 96px);
  --clamp-74sp: clamp(62.9px, -0.24px + 19.73vw, 98.42px);
  --clamp-75sp: clamp(64px, 20vw, 100px);
  --clamp-76sp: clamp(64.6px, -0.256px + 20.27vw, 101.08px);
  --clamp-77sp: clamp(65.71px, 20.53vw, 102.67px);
  --clamp-78sp: clamp(66.3px, -0.7px + 20.94vw, 104px);
  --clamp-80sp: clamp(68px, -0.7px + 21.45vw, 106.4px);
  --clamp-82sp: clamp(69.97px, 21.87vw, 109.33px);
  --clamp-84sp: clamp(71.4px, -0.272px + 22.4vw, 111.72px);
  --clamp-86sp: clamp(4.588rem, 0.002rem + 22.93vw, 7.167rem);
  --clamp-87sp: clamp(73.95px, -0.288px + 23.2vw, 115.71px);
  --clamp-88sp: clamp(74.8px, -0.224px + 23.44vw, 117px);
  --clamp-90sp: clamp(76.8px, 24vw, 120px);
  --clamp-91sp: clamp(77.65px, 24.27vw, 121.33px);
  --clamp-92sp: clamp(78.51px, 24.53vw, 122.67px);
  --clamp-93sp: clamp(79.05px, -0.304px + 24.8vw, 123.69px);
  --clamp-94sp: clamp(80.21px, 25.07vw, 125.33px);
  --clamp-95sp: clamp(80.75px, -0.32px + 25.33vw, 126.35px);
  --clamp-96sp: clamp(81.6px, -0.9px + 25.78vw, 128px);
  --clamp-97sp: clamp(82.77px, 25.87vw, 129.33px);
  --clamp-99sp: clamp(84.48px, 26.4vw, 132px);
  --clamp-100sp: clamp(85px, -0.8px + 26.82vw, 133px);
  --clamp-104sp: clamp(88.4px, -0.8px + 27.88vw, 138.3px);
  --clamp-108sp: clamp(92.16px, 28.8vw, 144px);
  --clamp-109sp: clamp(92.99px, 29.07vw, 145.33px);
  --clamp-110sp: clamp(93.5px, -0.368px + 29.33vw, 146.3px);
  --clamp-111sp: clamp(94.72px, 29.6vw, 148px);
  --clamp-112sp: clamp(95.57px, 29.87vw, 149.33px);
  --clamp-114sp: clamp(97.28px, 30.4vw, 152px);
  --clamp-115sp: clamp(97.7px, -0.976px + 30.84vw, 152.9px);
  --clamp-116sp: clamp(98.6px, -0.384px + 30.93vw, 154.28px);
  --clamp-117sp: clamp(99.84px, 31.2vw, 156px);
  --clamp-118sp: clamp(100.69px, 31.47vw, 157.33px);
  --clamp-120sp: clamp(102px, -1px + 32.18vw, 159.6px);
  --clamp-123sp: clamp(104.55px, -0.416px + 32.8vw, 163.59px);
  --clamp-124sp: clamp(106.21px, 33.07vw, 165.33px);
  --clamp-126sp: clamp(107.1px, -0.416px + 33.6vw, 167.58px);
  --clamp-128sp: clamp(109.23px, 34.13vw, 170.67px);
  --clamp-130sp: clamp(110.5px, -0.432px + 34.67vw, 172.9px);
  --clamp-132sp: clamp(112.2px, -0.432px + 35.2vw, 175.56px);
  --clamp-135sp: clamp(114.75px, -0.448px + 36vw, 179.55px);
  --clamp-137sp: clamp(116.91px, 36.53vw, 182.67px);
  --clamp-138sp: clamp(117.3px, -0.464px + 36.8vw, 183.54px);
  --clamp-140sp: clamp(119px, -1.1px + 37.54vw, 186.2px);
  --clamp-144sp: clamp(122.4px, -0.48px + 38.4vw, 191.52px);
  --clamp-145sp: clamp(123.73px, 38.67vw, 193.33px);
  --clamp-146sp: clamp(124.59px, 38.93vw, 194.67px);
  --clamp-150sp: clamp(127.5px, -0.496px + 40vw, 199.5px);
  --clamp-152sp: clamp(129.2px, -6.672px + 42.46vw, 205.2px);
  --clamp-154sp: clamp(131.41px, 41.07vw, 205.33px);
  --clamp-156sp: clamp(133.12px, 41.6vw, 208px);
  --clamp-158sp: clamp(134.83px, 42.13vw, 210.67px);
  --clamp-160sp: clamp(136px, -1.3px + 42.91vw, 212.8px);
  --clamp-162sp: clamp(138.24px, 43.2vw, 216px);
  --clamp-163sp: clamp(139.09px, 43.47vw, 217.33px);
  --clamp-164sp: clamp(139.95px, 43.73vw, 218.67px);
  --clamp-166sp: clamp(141.65px, 44.27vw, 221.33px);
  --clamp-167sp: clamp(141.95px, -0.56px + 44.53vw, 222.11px);
  --clamp-168sp: clamp(142.8px, -0.56px + 44.8vw, 223.44px);
  --clamp-170sp: clamp(144.5px, -0.56px + 45.33vw, 226.1px);
  --clamp-172sp: clamp(147.09px, 45.87vw, 229.33px);
  --clamp-178sp: clamp(151.3px, -7.808px + 49.72vw, 240.3px);
  --clamp-179sp: clamp(152.75px, 47.73vw, 238.67px);
  --clamp-180sp: clamp(153px, 0.1px + 47.78vw, 239px);
  --clamp-182sp: clamp(155.31px, 48.53vw, 242.67px);
  --clamp-183sp: clamp(155.55px, -0.608px + 48.8vw, 243.39px);
  --clamp-184sp: clamp(156.4px, -0.608px + 49.07vw, 244.72px);
  --clamp-186sp: clamp(158.1px, -0.624px + 49.6vw, 247.38px);
  --clamp-189sp: clamp(161.28px, 50.4vw, 252px);
  --clamp-190sp: clamp(162.13px, 50.67vw, 253.33px);
  --clamp-191sp: clamp(162.99px, 50.93vw, 254.67px);
  --clamp-194sp: clamp(165.55px, 51.73vw, 258.67px);
  --clamp-198sp: clamp(168.96px, 52.8vw, 264px);
  --clamp-200sp: clamp(170px, -1.6px + 53.63vw, 266px);
  --clamp-202sp: clamp(172.37px, 53.87vw, 269.33px);
  --clamp-205sp: clamp(175.47px, 54.67vw, 273.33px);
  --clamp-206sp: clamp(175.79px, 54.93vw, 274.67px);
  --clamp-208sp: clamp(177.49px, 55.47vw, 277.33px);
  --clamp-209sp: clamp(178.35px, 55.73vw, 278.67px);
  --clamp-210sp: clamp(179.2px, 56vw, 280px);
  --clamp-211sp: clamp(180.05px, 56.27vw, 281.33px);
  --clamp-219sp: clamp(186.88px, 58.4vw, 292px);
  --clamp-220sp: clamp(187px, -0.736px + 58.67vw, 292.6px);
  --clamp-221sp: clamp(188.59px, 58.93vw, 294.67px);
  --clamp-222sp: clamp(189.44px, 59.2vw, 296px);
  --clamp-224sp: clamp(190.4px, -0.752px + 59.73vw, 297.92px);
  --clamp-225sp: clamp(192px, 60vw, 300px);
  --clamp-229sp: clamp(195.41px, 61.07vw, 305.33px);
  --clamp-230sp: clamp(195.5px, -0.768px + 61.33vw, 305.9px);
  --clamp-231sp: clamp(197.12px, 61.6vw, 308px);
  --clamp-234sp: clamp(199.68px, 62.4vw, 312px);
  --clamp-237sp: clamp(201.45px, -0.784px + 63.2vw, 315.21px);
  --clamp-238sp: clamp(203.09px, 63.47vw, 314.67px);
  --clamp-240sp: clamp(204px, -1.952px + 64.36vw, 319.2px);
  --clamp-248sp: clamp(210.8px, -1.9px + 66.48vw, 329.8px);
  --clamp-250sp: clamp(213.33px, 66.67vw, 333.33px);
  --clamp-253sp: clamp(215.89px, 67.47vw, 338.67px);
  --clamp-254sp: clamp(216.75px, 67.73vw, 340px);
  --clamp-255sp: clamp(217.6px, 68vw, 341.33px);
  --clamp-259sp: clamp(220.35px, 69.07vw, 346.67px);
  --clamp-260sp: clamp(221px, -2.112px + 69.72vw, 345.8px);
  --clamp-261sp: clamp(222.08px, 69.6vw, 349.33px);
  --clamp-262sp: clamp(223px, 0.8px + 69.44vw, 348px);
  --clamp-263sp: clamp(224.43px, 70.13vw, 352.67px);
  --clamp-266sp: clamp(226.1px, -0.88px + 70.93vw, 353.78px);
  --clamp-268sp: clamp(229.09px, 71.47vw, 357.33px);
  --clamp-270sp: clamp(229.5px, -2.2px + 72.4vw, 359.1px);
  --clamp-272sp: clamp(235.09px, 72.53vw, 362.67px);
  --clamp-275sp: clamp(234.67px, 73.33vw, 366.67px);
  --clamp-277sp: clamp(236.37px, 73.87vw, 370.67px);
  --clamp-278sp: clamp(237.23px, 74.13vw, 372px);
  --clamp-279sp: clamp(238.08px, 74.4vw, 373.33px);
  --clamp-280sp: clamp(238px, -0.928px + 74.67vw, 372.4px);
  --clamp-281sp: clamp(239.79px, 74.93vw, 376.67px);
  --clamp-282sp: clamp(240.64px, 75.2vw, 378px);
  --clamp-284sp: clamp(242.35px, 75.73vw, 381.33px);
  --clamp-290sp: clamp(246.5px, -0.96px + 77.33vw, 385.7px);
  --clamp-295sp: clamp(251.73px, 78.67vw, 393.33px);
  --clamp-298sp: clamp(254.29px, 79.47vw, 397.33px);
  --clamp-300sp: clamp(256px, 80vw, 400px);
  --clamp-301sp: clamp(256.85px, 80.27vw, 401.33px);
  --clamp-306sp: clamp(260.1px, -2.5px + 82.07vw, 407px);
  --clamp-307sp: clamp(261.97px, 81.87vw, 409.33px);
  --clamp-310sp: clamp(264.53px, 82.67vw, 413.33px);
  --clamp-315sp: clamp(268.8px, 84vw, 420px);
  --clamp-317sp: clamp(269.46px, -1.056px + 84.53vw, 421.61px);
  --clamp-320sp: clamp(272px, -1.072px + 85.33vw, 425.6px);
  --clamp-324sp: clamp(275.4px, -1.088px + 86.4vw, 430.92px);
  --clamp-327sp: clamp(279.04px, 87.2vw, 436px);
  --clamp-328sp: clamp(278.8px, -2.6px + 87.93vw, 436.2px);
  --clamp-329sp: clamp(280.75px, 87.73vw, 438.67px);
  --clamp-333sp: clamp(284.16px, 88.8vw, 444px);
  --clamp-334sp: clamp(284.99px, 89.07vw, 445.33px);
  --clamp-335sp: clamp(285.87px, 89.33vw, 446.67px);
  --clamp-336sp: clamp(285.6px, -2.8px + 90.11vw, 446.9px);
  --clamp-338sp: clamp(18rem, -0.111rem + 90.56vw, 28.188rem);
  --clamp-341sp: clamp(291px, 90.93vw, 466.67px);
  --clamp-343sp: clamp(291.6px, -2.7px + 91.96vw, 456.2px);
  --clamp-345sp: clamp(294.4px, 92vw, 460px);
  --clamp-348sp: clamp(297px, 92.8vw, 464px);
  --clamp-349sp: clamp(297.81px, 93.07vw, 465.33px);
  --clamp-350sp: clamp(298px, -0.7px + 93.33vw, 466px);
  --clamp-351sp: clamp(299.52px, 93.6vw, 468px);
  --clamp-354sp: clamp(300.9px, -2.8px + 94.92vw, 470.8px);
  --clamp-355sp: clamp(302.93px, 94.67vw, 473.33px);
  --clamp-359sp: clamp(306.35px, 95.73vw, 478.67px);
  --clamp-360sp: clamp(306px, -2.9px + 96.54vw, 478.8px);
  --clamp-361sp: clamp(308.05px, 96.27vw, 481.33px);
  --clamp-402sp: clamp(343.04px, 107.2vw, 536px);
  --clamp-432sp: clamp(368.64px, 115.2vw, 576px);
  --clamp-441sp: clamp(376.32px, 117.6vw, 588px);
  --clamp-450sp: clamp(382.5px, -1.504px + 120vw, 598.5px);
  --clamp-467sp: clamp(398.19px, 124.53vw, 626.67px);
  --clamp-469sp: clamp(400.21px, 125.07vw, 629.33px);
  --clamp-490sp: clamp(419.2px, -1.632px + 130.67vw, 651.7px);
  --clamp-551sp: clamp(470.19px, 146.93vw, 734.67px);
  --clamp-558sp: clamp(476.16px, 148.8vw, 744px);
  --clamp-618sp: clamp(32.96rem, 164.8vw, 51.5rem);
  --clamp-630sp: clamp(537.6px, 168vw, 840px);
  --clamp-667sp: clamp(570.93px, 177.87vw, 890.67px);
  --clamp-912sp: clamp(778.24px, 243.2vw, 1216px);
  --clamp-958sp: clamp(816.96px, 255.47vw, 1277.33px);
  --clamp-1090sp: clamp(929.28px, 290.67vw, 1453.33px);
  --clamp-1217sp: clamp(1038.51px, 324.53vw, 1622.67px);
  --clamp-1250sp: clamp(1066.67px, 333.33vw, 2476.67px);
  --clamp-1307sp: clamp(1117.31px, 348.53vw, 1742.67px);
  --clamp-1347sp: clamp(1149.44px, 359.2vw, 1796px);
  --clamp-1402sp: clamp(1196.37px, 373.87vw, 1869.33px);
  --clamp-1615sp: clamp(1378.13px, 430.67vw, 2153.33px);
  --clamp-1705sp: clamp(1454.93px, 454.67vw, 2273.33px);
  --clamp-1740sp: clamp(1478.4px, 464vw, 3447.52px);

  /* pc: 744 min - 1440 max */
  --clamp-f12: clamp(10px, 7.9px + 0.29vw, 12px);
  --clamp-f14: clamp(10px, 5.7px + 0.57vw, 14px);
  --clamp-f16: clamp(10px, 3.6px + 0.86vw, 16px);
  --clamp-f18: clamp(10px, 1.5px + 1.15vw, 18px);
  --clamp-f20: clamp(12px, 3.5px + 1.15vw, 20px);
  --clamp-f22: clamp(13px, 3.4px + 1.29vw, 22px);
  --clamp-1: clamp(0.512px, 0.07vw, 1.008px);
  --clamp-2: clamp(1.04px, 0.14vw, 2px);
  --clamp-3: clamp(1.56px, 0.016px + 0.21vw, 3px);
  --clamp-4: clamp(2.1px, 0.1px + 0.27vw, 4px);
  --clamp-5: clamp(2.6px, 0.032px + 0.34vw, 5px);
  --clamp-6: clamp(3.1px, 0.42vw, 6px);
  --clamp-7: clamp(3.616px, 0.49vw, 7.008px);
  --clamp-8: clamp(4.2px, 0.1px + 0.55vw, 8px);
  --clamp-9: clamp(4.656px, 0.63vw, 9.008px);
  --clamp-10: clamp(5.2px, 0.1px + 0.69vw, 10px);
  --clamp-11: clamp(5.68px, 0.76vw, 11.008px);
  --clamp-12: clamp(6.2px, 0.83vw, 12px);
  --clamp-13: clamp(6.76px, 0.096px + 0.9vw, 13px);
  --clamp-14: clamp(7.3px, 0.1px + 0.96vw, 14px);
  --clamp-15: clamp(7.792px, 0.096px + 1.03vw, 15.008px);
  --clamp-16: clamp(8.3px, 0.1px + 1.11vw, 16px);
  --clamp-17: clamp(9px, 0.448px + 1.15vw, 17px);
  --clamp-18: clamp(9.4px, 0.2px + 1.24vw, 18px);
  --clamp-19: clamp(9.824px, 1.32vw, 19.008px);
  --clamp-20: clamp(10.4px, 0.1px + 1.38vw, 20px);
  --clmap-21: clamp(10.848px, 1.46vw, 21.008px);
  --clamp-21: clamp(10.848px, 1.46vw, 21.008px);
  --clamp-22: clamp(11.4px, 0.1px + 1.52vw, 22px);
  --clamp-23: clamp(11.888px, 1.6vw, 23.008px);
  --clamp-24: clamp(12.5px, 0.2px + 1.65vw, 24px);
  --clamp-25: clamp(13px, 0.2px + 1.72vw, 25px);
  --clamp-26: clamp(13.5px, 0.1px + 1.8vw, 26px);
  --clamp-27: clamp(13.952px, 1.88vw, 27.008px);
  --clamp-28: clamp(14.6px, 0.3px + 1.93vw, 28px);
  --clamp-29: clamp(15.37px, 0.8px + 1.96vw, 29px);
  --clamp-30: clamp(24px, 17.6px + 0.86vw, 30px);
  --clamp-30full: clamp(15.6px, 0.208px + 2.07vw, 30px);
  --clamp-31: clamp(16.1px, 0.2px + 2.14vw, 31px);
  --clamp-32: clamp(16.6px, 0.1px + 2.21vw, 32px);
  --clamp-33: clamp(17.5px, 0.928px + 2.23vw, 33px);
  --clamp-34: clamp(17.68px, 0.24px + 2.34vw, 34px);
  --clamp-35: clamp(18.08px, 2.43vw, 35.008px);
  --clamp-36: clamp(18.7px, 0.2px + 2.49vw, 36px);
  --clamp-37: clamp(19.12px, 2.57vw, 37.008px);
  --clamp-38: clamp(19.74px, 0.224px + 2.62vw, 38px);
  --clamp-39: clamp(20.144px, 2.71vw, 39.008px);
  --clamp-40: clamp(20.8px, 0.3px + 2.76vw, 40px);
  --clamp-42: clamp(21.8px, 0.2px + 2.9vw, 42px);
  --clamp-43: clamp(22.224px, 2.99vw, 43.008px);
  --clamp-44: clamp(23.1px, 0.752px + 2.9vw, 44px);
  --clamp-45: clamp(23.248px, 3.13vw, 45.008px);
  --clamp-46: clamp(24px, 0.48px + 3.16vw, 46px);
  --clamp-47: clamp(24.9px, 1.28px + 3.18vw, 47px);
  --clamp-48: clamp(21.8px, 0.832px + 2.9vw, 48px);
  --clamp-48full: clamp(24.96px, 0.336px + 3.31vw, 48px);
  --clamp-49: clamp(25.312px, 3.4vw, 49.008px);
  --clamp-50: clamp(28.1px, 4.688px + 3.15vw, 50px);
  --clamp-52: clamp(27px, 0.272px + 3.59vw, 52px);
  --clamp-53: clamp(27.376px, 3.68vw, 53.008px);
  --clamp-54: clamp(28px, 0.208px + 3.74vw, 54px);
  --clamp-55: clamp(28.6px, 0.384px + 3.79vw, 55px);
  --clamp-56: clamp(29.1px, 0.325px + 3.86vw, 56px);
  --clamp-57: clamp(29.456px, 3.96vw, 57.008px);
  --clamp-58: clamp(30.16px, 0.4px + 4vw, 58px);
  --clamp-60: clamp(31.2px, 0.4px + 4.14vw, 60px);
  --clamp-62: clamp(32.032px, 4.31vw, 62px);
  --clamp-63: clamp(31.2px, 2.176px + 4.22vw, 63px);
  --clamp-64: clamp(33.3px, 0.5px + 4.41vw, 64px);
  --clamp-65: clamp(34.64px, 2.192px + 4.36vw, 65px);
  --clamp-66: clamp(34.096px, 4.58vw, 66.008px);
  --clamp-68: clamp(35.4px, 0.544px + 4.68vw, 68px);
  --clamp-69: clamp(35.648px, 4.79vw, 69.008px);
  --clamp-70: clamp(36.4px, 0.5px + 4.83vw, 70px);
  --clamp-71: clamp(36.688px, 4.93vw, 71.008px);
  --clamp-72: clamp(38.5px, 2.688px + 4.81vw, 72px);
  --clamp-74: clamp(38.24px, 5.14vw, 74px);
  --clamp-75: clamp(40.9px, 4.448px + 4.81vw, 75px);
  --clamp-76: clamp(39.52px, 0.528px + 5.24vw, 76px);
  --clamp-77: clamp(2.487rem, 0.002rem + 5.34vw, 4.813rem);
  --clamp-78: clamp(40.304px, 5.42vw, 78.008px);
  --clamp-80: clamp(41.6px, 0.5px + 5.52vw, 80px);
  --clamp-81: clamp(41.856px, 5.63vw, 81.008px);
  --clamp-82: clamp(42.64px, 0.56px + 5.66vw, 82px);
  --clamp-84: clamp(43.7px, 0.6px + 5.79vw, 84px);
  --clamp-85: clamp(44.2px, 0.592px + 5.86vw, 88.5px);
  --clamp-86: clamp(44.72px, 0.592px + 5.93vw, 86px);
  --clamp-87: clamp(44.944px, 6.04vw, 87.008px);
  --clamp-88: clamp(45.76px, 0.608px + 6.07vw, 88px);
  --clamp-90: clamp(46.8px, 0.624px + 6.21vw, 90px);
  --clamp-91: clamp(47.024px, 6.32vw, 91.008px);
  --clamp-92: clamp(47.536px, 6.39vw, 92px);
  --clamp-93: clamp(48.048px, 6.46vw, 93px);
  --clamp-95: clamp(49.088px, 6.6vw, 95px);
  --clamp-96: clamp(49.9px, 0.6px + 6.62vw, 96px);
  --clamp-97: clamp(50.4px, 0.6px + 6.7vw, 97px);
  --clamp-98: clamp(50.64px, 6.81vw, 98px);
  --clamp-100: clamp(52px, 0.7px + 6.9vw, 100px);
  --clamp-101: clamp(52.176px, 7.01vw, 101px);
  --clamp-103: clamp(53.216px, 7.15vw, 103px);
  --clamp-104: clamp(54px, 0.5px + 7.18vw, 104px);
  --clamp-105: clamp(54.256px, 7.29vw, 105px);
  --clamp-106: clamp(54.768px, 7.36vw, 106px);
  --clamp-108: clamp(56.16px, 0.752px + 7.45vw, 108px);
  --clamp-100: clamp(51.664px, 6.94vw, 100px);
  --clamp-110: clamp(57.2px, 0.752px + 7.59vw, 110px);
  --clamp-112: clamp(58.24px, 0.768px + 7.72vw, 112px);
  --clamp-113: clamp(54px, 2.512px + 7.67vw, 113px);
  --clamp-114: clamp(60.064px, 7.92vw, 114px);
  --clamp-115: clamp(59.424px, 7.99vw, 115px);
  --clamp-116: clamp(59.936px, 8.06vw, 116px);
  --clamp-118: clamp(60.96px, 8.19vw, 118px);
  --clamp-120: clamp(62.4px, 0.8px + 8.28vw, 120px);
  --clamp-124: clamp(64.064px, 8.61vw, 124px);
  --clamp-125: clamp(65px, 0.864px + 8.62vw, 125px);
  --clamp-128: clamp(66.128px, 8.89vw, 128px);
  --clamp-130: clamp(67.6px, 0.896px + 8.97vw, 130px);
  --clamp-131: clamp(67.68px, 9.1vw, 131px);
  --clamp-132: clamp(68.64px, 0.912px + 9.1vw, 132px);
  --clamp-133: clamp(68.72px, 9.24vw, 133px);
  --clamp-136: clamp(70.72px, 0.944px + 9.38vw, 136px);
  --clamp-137: clamp(71.24px, 0.944px + 9.45vw, 137px);
  --clamp-138: clamp(71.296px, 9.58vw, 138px);
  --clamp-140: clamp(72.8px, 0.96px + 9.66vw, 140px);
  --clamp-144: clamp(74.4px, 10vw, 144px);
  --clamp-147: clamp(75.952px, 10.21vw, 147px);
  --clamp-148: clamp(76.464px, 10.28vw, 148px);
  --clamp-150: clamp(78px, 1.04px + 10.34vw, 150px);
  --clamp-152: clamp(4.906rem, -0.004rem + 10.56vw, 9.5rem);
  --clamp-154: clamp(79.568px, 10.69vw, 154px);
  --clamp-155: clamp(80.08px, 10.76vw, 155px);
  --clamp-156: clamp(80.592px, 10.83vw, 156px);
  --clamp-158: clamp(81.632px, 10.97vw, 158px);
  --clamp-160: clamp(83.2px, 1.104px + 11.03vw, 160px);
  --clamp-161: clamp(83.184px, 11.18vw, 161px);
  --clamp-162: clamp(83.696px, 11.25vw, 162px);
  --clamp-164: clamp(84.736px, 11.39vw, 164px);
  --clamp-165: clamp(86.625px, 2.848px + 11.26vw, 165px);
  --clamp-166: clamp(85.76px, 11.53vw, 166px);
  --clamp-167: clamp(86.288px, 11.6vw, 167px);
  --clamp-168: clamp(88.2px, 2.891px + 11.47vw, 168px);
  --clamp-170: clamp(88.4px, 1.168px + 11.72vw, 170px);
  --clamp-172: clamp(89.184px, 11.94vw, 172px);
  --clamp-173: clamp(89.696px, 12.01vw, 173px);
  --clamp-174: clamp(90.208px, 12.08vw, 174px);
  --clamp-177: clamp(91.456px, 12.29vw, 177px);
  --clamp-180: clamp(93.6px, 1.2px + 12.41vw, 180px);
  --clamp-182: clamp(94.016px, 12.64vw, 182px);
  --clamp-184: clamp(95.072px, 12.78vw, 184px);
  --clamp-185: clamp(95.584px, 12.85vw, 185px);
  --clamp-186: clamp(98.58px, 5.136px + 12.56vw, 186px);
  --clamp-188: clamp(97.8px, 1.376px + 12.96vw, 188px);
  --clamp-189: clamp(97.648px, 13.13vw, 189px);
  --clamp-190: clamp(98.8px, 1.312px + 13.1vw, 190px);
  --clamp-194: clamp(100.24px, 13.47vw, 194px);
  --clamp-195: clamp(100.752px, 13.54vw, 195px);
  --clamp-200: clamp(104px, 1.4px + 13.79vw, 200px);
  --clamp-202: clamp(104.368px, 14.03vw, 202px);
  --clamp-203: clamp(104.88px, 14.1vw, 203px);
  --clamp-205: clamp(105.92px, 14.24vw, 205px);
  --clamp-208: clamp(108.2px, 1.52px + 11.03vw, 208px);
  --clamp-209: clamp(107.984px, 14.51vw, 209px);
  --clamp-210: clamp(109.2px, 1.456px + 14.48vw, 210px);
  --clamp-211: clamp(109.024px, 14.65vw, 211px);
  --clamp-212: clamp(110.24px, 1.456px + 14.62vw, 212px);
  --clamp-214: clamp(110.56px, 14.86vw, 214px);
  --clamp-216: clamp(111.6px, 15vw, 216px);
  --clamp-220: clamp(115.5px, 3.792px + 15.02vw, 220px);
  --clamp-225: clamp(116.256px, 15.63vw, 225px);
  --clamp-226: clamp(116.768px, 15.69vw, 226px);
  --clamp-228: clamp(117.792px, 15.83vw, 228px);
  --clamp-230: clamp(119.6px, 1.584px + 15.86vw, 230px);
  --clamp-232: clamp(119.872px, 16.11vw, 232px);
  --clamp-233: clamp(121.16px, 1.6px + 16.07vw, 233px);
  --clamp-234: clamp(120.896px, 16.25vw, 234px);
  --clamp-238: clamp(122.96px, 16.53vw, 238px);
  --clamp-240: clamp(124.8px, 2.08px + 16.55vw, 240px);
  --clamp-241: clamp(124.512px, 16.74vw, 241px);
  --clamp-244: clamp(126.064px, 16.94vw, 244px);
  --clamp-245: clamp(126.576px, 17.01vw, 245px);
  --clamp-248: clamp(8rem, -0.017rem + 17.24vw, 15.5rem);
  --clamp-250: clamp(129.168px, 17.36vw, 250px);
  --clamp-252: clamp(131.04px, 1.744px + 17.38vw, 252px);
  --clamp-253: clamp(130.72px, 17.57vw, 253px);
  --clamp-254: clamp(131.232px, 17.64vw, 254px);
  --clamp-259: clamp(133.824px, 17.99vw, 259px);
  --clamp-260: clamp(135.2px, 1.792px + 17.93vw, 260px);
  --clamp-262: clamp(135.36px, 18.19vw, 262px);
  --clamp-263: clamp(135.888px, 18.26vw, 263px);
  --clamp-265: clamp(137.8px, 1.824px + 18.28vw, 265px);
  --clamp-266: clamp(137.44px, 18.47vw, 266px);
  --clamp-268: clamp(138.464px, 18.61vw, 268px);
  --clamp-269: clamp(138.976px, 18.68vw, 269px);
  --clamp-270: clamp(143.1px, 7.456px + 18.23vw, 270px);
  --clamp-275: clamp(142.08px, 19.1vw, 275px);
  --clamp-276: clamp(142.592px, 19.17vw, 276px);
  --clamp-277: clamp(143.104px, 19.24vw, 277px);
  --clamp-278: clamp(144.56px, 1.92px + 19.17vw, 278px);
  --clamp-279: clamp(144.576px, 19.38vw, 279px);
  --clamp-280: clamp(147px, 4.832px + 16.55vw, 280px);
  --clamp-280full: clamp(144.672px, 19.44vw, 280px);
  --clamp-282: clamp(145.696px, 19.58vw, 282px);
  --clamp-283: clamp(146.208px, 19.65vw, 283px);
  --clamp-288: clamp(148.8px, 20vw, 288px);
  --clamp-290: clamp(149.84px, 20.14vw, 290px);
  --clamp-298: clamp(155px, 2.1px + 20.55vw, 298px);
  --clamp-300: clamp(156px, 2.064px + 20.69vw, 300px);
  --clamp-308: clamp(159.136px, 21.39vw, 308px);
  --clamp-309: clamp(159.648px, 21.46vw, 309px);
  --clamp-310: clamp(160.16px, 21.53vw, 310px);
  --clamp-312: clamp(162.24px, 2.144px + 21.52vw, 312px);
  --clamp-315: clamp(162.752px, 21.88vw, 315px);
  --clamp-317: clamp(163.392px, 22.01vw, 317px);
  --clamp-320: clamp(166.4px, 2.208px + 22.07vw, 320px);
  --clamp-321: clamp(165.856px, 22.29vw, 321px);
  --clamp-324: clamp(168.48px, 2.24px + 22.34vw, 324px);
  --clamp-325: clamp(167.92px, 22.57vw, 325px);
  --clamp-328: clamp(169.472px, 22.78vw, 328px);
  --clamp-330: clamp(170.496px, 22.92vw, 330px);
  --clamp-332: clamp(172.64px, 2.288px + 22.9vw, 332px);
  --clamp-333: clamp(172.048px, 23.13vw, 333px);
  --clamp-335: clamp(173.088px, 23.26vw, 335px);
  --clamp-336: clamp(173.6px, 23.33vw, 336px);
  --clamp-338: clamp(174.64px, 23.47vw, 338px);
  --clamp-340: clamp(180.2px, 9.376px + 22.96vw, 340px);
  --clamp-344: clamp(177.728px, 23.89vw, 344px);
  --clamp-346: clamp(178.768px, 24.03vw, 346px);
  --clamp-348: clamp(179.808px, 24.17vw, 348px);
  --clamp-350: clamp(180.832px, 24.31vw, 350px);
  --clamp-355: clamp(183.424px, 24.65vw, 355px);
  --clamp-357: clamp(184.464px, 24.79vw, 357px);
  --clamp-366: clamp(190.32px, 2.528px + 25.24vw, 366px);
  --clamp-370: clamp(191.168px, 25.69vw, 370px);
  --clamp-372: clamp(192.192px, 25.83vw, 372px);
  --clamp-373: clamp(192.72px, 25.9vw, 373px);
  --clamp-375: clamp(193.744px, 26.04vw, 375px);
  --clamp-380: clamp(198px, 3.5px + 26.15vw, 380px);
  --clamp-381: clamp(196.848px, 26.46vw, 381px);
  --clamp-385: clamp(199.008px, 26.74vw, 385px);
  --clamp-388: clamp(200.464px, 26.94vw, 388px);
  --clamp-395: clamp(204.08px, 27.43vw, 395px);
  --clamp-400: clamp(208px, 2.752px + 27.59vw, 400px);
  --clamp-404: clamp(214.12px, 11.152px + 27.28vw, 404px);
  --clamp-405: clamp(209.248px, 28.13vw, 405px);
  --clamp-406: clamp(209.76px, 28.19vw, 406px);
  --clamp-408: clamp(210.8px, 28.33vw, 408px);
  --clamp-409: clamp(211.312px, 28.4vw, 409px);
  --clamp-410: clamp(211.84px, 28.47vw, 410px);
  --clamp-413: clamp(213.376px, 28.68vw, 413px);
  --clamp-414: clamp(215.28px, 2.848px + 28.55vw, 414px);
  --clamp-416: clamp(215.728px, 28.89vw, 416px);
  --clamp-417: clamp(216.256px, 28.96vw, 417px);
  --clamp-419: clamp(217.28px, 29.1vw, 419px);
  --clamp-420: clamp(218px, 2px + 29.02vw, 420px);
  --clamp-424: clamp(224.7px, 11.648px + 28.64vw, 424px);
  --clamp-427: clamp(222px, 2.864px + 29.45vw, 427px);
  --clamp-429: clamp(221.648px, 29.79vw, 429px);
  --clamp-432: clamp(223.2px, 30vw, 432px);
  --clamp-435: clamp(224.752px, 30.21vw, 435px);
  --clamp-438: clamp(226.304px, 30.42vw, 438px);
  --clamp-440: clamp(227.328px, 30.56vw, 440px);
  --clamp-450: clamp(234px, 3.104px + 31.03vw, 450px);
  --clamp-470: clamp(243.008px, 32.64vw, 470px);
  --clamp-476: clamp(245.936px, 33.06vw, 476px);
  --clamp-477: clamp(248.04px, 3.296px + 32.9vw, 477px);
  --clamp-482: clamp(248.96px, 33.47vw, 482px);
  --clamp-492: clamp(255.84px, 3.392px + 33.93vw, 492px);
  --clamp-500: clamp(258.336px, 34.72vw, 500px);
  --clamp-510: clamp(265.2px, 3.52px + 35.17vw, 510px);
  --clamp-520: clamp(268.672px, 36.11vw, 520px);
  --clamp-527: clamp(272.288px, 36.6vw, 527px);
  --clamp-528: clamp(273.12px, 36.67vw, 528px);
  --clamp-530: clamp(273.84px, 36.81vw, 530px);
  --clamp-532: clamp(274.864px, 36.94vw, 532px);
  --clamp-535: clamp(278.2px, 3.696px + 36.9vw, 535px);
  --clamp-540: clamp(280.8px, 3.728px + 37.24vw, 540px);
  --clamp-544: clamp(282.88px, 3.744px + 37.52vw, 544px);
  --clamp-547: clamp(282.624px, 37.99vw, 547px);
  --clamp-550: clamp(284.16px, 38.19vw, 550px);
  --clamp-554: clamp(293.6px, 15.248px + 37.41vw, 554px);
  --clamp-558: clamp(295.7px, 15.312px + 37.69vw, 558px);
  --clamp-562: clamp(290.368px, 39.03vw, 562px);
  --clamp-570: clamp(294.496px, 39.58vw, 570px);
  --clamp-576: clamp(297.6px, 40vw, 576px);
  --clamp-577: clamp(298.112px, 40.07vw, 577px);
  --clamp-582: clamp(301.024px, 40.42vw, 582px);
  --clamp-584: clamp(303.68px, 4.032px + 40.28vw, 584px);
  --clamp-593: clamp(306.384px, 41.18vw, 593px);
  --clamp-600: clamp(312px, 4.144px + 41.38vw, 600px);
  --clamp-610: clamp(315.168px, 42.36vw, 610px);
  --clamp-614: clamp(317.232px, 42.64vw, 614px);
  --clamp-618: clamp(319.296px, 42.92vw, 618px);
  --clamp-625: clamp(322.912px, 43.4vw, 625px);
  --clamp-636: clamp(329.408px, 44.17vw, 636px);
  --clamp-640: clamp(339px, 17.248px + 43.25vw, 640px);
  --clamp-644: clamp(332.736px, 44.72vw, 644px);
  --clamp-650: clamp(335.84px, 45.14vw, 650px);
  --clamp-652: clamp(345.56px, 17.984px + 44.03vw, 652px);
  --clamp-660: clamp(341.008px, 45.83vw, 660px);
  --clamp-661: clamp(341.52px, 45.9vw, 661px);
  --clamp-666: clamp(344.096px, 46.25vw, 666px);
  --clamp-670: clamp(346.16px, 46.53vw, 670px);
  --clamp-675: clamp(348.224px, 46.88vw, 675px);
  --clamp-680: clamp(350.288px, 47.22vw, 680px);
  --clamp-685: clamp(352.352px, 47.57vw, 685px);
  --clamp-690: clamp(354.416px, 47.92vw, 690px);
  --clamp-700: clamp(361.664px, 48.61vw, 700px);
  --clamp-702: clamp(362.176px, 48.75vw, 702px);
  --clamp-705: clamp(363.264px, 48.96vw, 705px);
  --clamp-750: clamp(387.504px, 52.08vw, 750px);
  --clamp-760: clamp(395px, 4.832px + 52.44vw, 760px);
  --clamp-766: clamp(395.76px, 53.19vw, 766px);
  --clamp-769: clamp(397.312px, 53.4vw, 769px);
  --clamp-770: clamp(400px, 4.48px + 53.16vw, 770px);
  --clamp-780: clamp(405.6px, 5.376px + 53.79vw, 780px);
  --clamp-794: clamp(410.24px, 55.14vw, 794px);
  --clamp-795: clamp(421px, 21.2px + 53.74vw, 795px);
  --clamp-800: clamp(416px, 5.52px + 55.17vw, 800px);
  --clamp-810: clamp(418.496px, 56.25vw, 810px);
  --clamp-822: clamp(424.704px, 57.08vw, 822px);
  --clamp-824: clamp(425.728px, 57.22vw, 824px);
  --clamp-832: clamp(429.872px, 57.78vw, 832px);
  --clamp-845: clamp(436.576px, 58.68vw, 845px);
  --clamp-850: clamp(438.368px, 59.03vw, 850px);
  --clamp-855: clamp(440.192px, 59.38vw, 855px);
  --clamp-860: clamp(442.016px, 59.72vw, 860px);
  --clamp-865: clamp(449.8px, 5.968px + 59.66vw, 865px);
  --clamp-880: clamp(457.6px, 6.064px + 60.69vw, 880px);
  --clamp-883: clamp(456.224px, 61.32vw, 883px);
  --clamp-885: clamp(460.2px, 6.096px + 61.03vw, 885px);
  --clamp-900: clamp(468px, 6.208px + 62.07vw, 900px);
  --clamp-905: clamp(467.584px, 62.85vw, 905px);
  --clamp-911: clamp(470.688px, 63.26vw, 911px);
  --clamp-914: clamp(471.76px, 63.47vw, 914px);
  --clamp-920: clamp(474.88px, 63.89vw, 920px);
  --clamp-925: clamp(477.92px, 64.24vw, 925px);
  --clamp-928: clamp(478.992px, 64.44vw, 928px);
  --clamp-932: clamp(484.64px, 6.432px + 64.28vw, 932px);
  --clamp-938: clamp(30.313rem, 0.047rem + 65.09vw, 58.625rem);
  --clamp-940: clamp(485.664px, 65.28vw, 940px);
  --clamp-960: clamp(499.2px, 6.624px + 66.21vw, 960px);
  --clamp-1000: clamp(32.313rem, 0.043rem + 69.4vw, 62.5rem);
  --clamp-1013: clamp(523.376px, 70.35vw, 1013px);
  --clamp-1040: clamp(537.328px, 72.22vw, 1040px);
  --clamp-1071: clamp(553.344px, 74.38vw, 1071px);
  --clamp-1099: clamp(567.824px, 76.32vw, 1099px);
  --clamp-1100: clamp(568.336px, 76.39vw, 1100px);
  --clamp-1120: clamp(582.4px, 7.728px + 77.24vw, 1120px);
  --clamp-1140: clamp(589.008px, 79.17vw, 1140px);
  --clamp-1144: clamp(591.072px, 79.44vw, 1144px);
  --clamp-1159: clamp(599.008px, 80.49vw, 1159px);
  --clamp-1227: clamp(634.016px, 85.21vw, 1227px);
  --clamp-1278: clamp(677px, 34.544px + 86.35vw, 1280px);
  --clamp-1280: clamp(666px, 9.648px + 88.22vw, 1280px);
  --clamp-1416: clamp(731.6px, 98.33vw, 1416px);
  --clamp-1920: clamp(992px, 133.33vw, 1920px);
}

/* common */
html {
  overflow-x: hidden;
}

body {
  color: var(--gray);
  counter-reset: flow-num curriculum-first curriculum-second strong-point goal
    content-table;
  font-size: var(--clamp-16sp);
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  overflow-x: hidden;
}

@media all and (min-width: 744px) {
  body {
    font-size: var(--clamp-f16);
  }
}

main {
  padding-bottom: clamp(200px, 21.2px + 55.87vw, 300px);
  position: relative;
}

main#excelcamp-frontpage,
main:has(> .ec-form__container),
main:has(> .ec-thanks__container),
main:has(> .excelcamp-contact),
main:has(> .excelcamp-sitemap),
main:has(> .excelcamp-privacy-policy),
main:has(> .excelcamp-faq),
main:has(> .excelcamp-message),
main:has(> .excelcamp-company-profile),
main:has(> .excelcamp-disclaimer),
main:has(> .excelcamp-term),
main:has(> .excelcamp-law-info),
main:has(> .excelcamp-instructor),
main:has(> .ec-excelcamp-download),
main:has(> .excelcamp-document-download),
main:has(> .new-employee__title-wrapper),
main:has(> .ec-media-top),
main:has(> #single),
main:has(> .ec-archive-term-page),
main:has(> .ec-search-result),
main:has(> .ec-day1) {
  padding-bottom: 0;
}

@media all and (min-width: 744px) {
  main {
    padding-bottom: 0;
  }
}

._ec-line-height-1 {
  line-height: 1;
}

._ec-fixed {
  position: fixed;
}

._ec-bg-white {
  background: var(--white);
}

._ec-bg-green {
  background: var(--green);
}

._ec-bg-dark-green {
  background: var(--dark-green);
}

._ec-bg-gray {
  background: var(--gray);
}

._ec-bg-disabled-gray {
  background: var(--disabled-gray);
}

._ec-bg-ex-light-gray {
  background: var(--ex-light-gray);
}

._ec-bg-blue {
  background: var(--blue);
}

._ec-bg-sky {
  background: var(--sky);
}

._ec-bg-pale-blue {
  background: var(--pale-blue);
}

._ec-bg-ex-pale-blue {
  background: var(--ex-pale-blue);
}

._ec-bg-bot-blue {
  background: var(--bot-blue);
}

._ec-bg-red {
  background: var(--red);
}

._ec-bg-ppt-red {
  background: var(--ppt-red);
}

._ec-bg-ppt-deep-red {
  background: var(--ppt-deep-red);
}

._ec-bg-orange {
  background: var(--orange);
}

._ec-bg-genai-orange {
  background: var(--genai-orange);
}

._ec-bg-genai-gray {
  background: var(--genai-gray);
}

._ec-color-black {
  color: var(--black);
}

._ec-color-white {
  color: var(--white);
}

._ec-color-gray {
  color: var(--gray);
}

._ec-color-light-gray {
  color: var(--light-gray);
}

._ec-color-blue {
  color: var(--blue);
}

._ec-color-green {
  color: var(--green);
}

._ec-color-dark-green {
  color: var(--dark-green);
}

._ec-color-ppt-red {
  color: var(--ppt-red);
}

._ec-color-ppt-deep-red {
  color: var(--ppt-deep-red);
}

._ec-color-genai-gray {
  color: var(--genai-gray);
}

._ec-color-genai-orange {
  color: var(--genai-orange);
}

._ec-weight-300 {
  font-weight: 300;
}

._ec-weight-400 {
  font-weight: 400;
}

._ec-weight-500 {
  font-weight: 500;
}

._ec-weight-700 {
  font-weight: 700;
}

._ec-text-center {
  text-align: center;
}

._ec-border-green {
  border: 2px solid var(--green);
}

._ec-border-color-white {
  border-color: var(--white);
}

._ec-border-color-ppt-red {
  border-color: var(--ppt-red);
}

._ec-border-color-ppt-deep-red {
  border-color: var(--ppt-deep-red);
}

._ec-btn-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

._ec-btn,
._ec-btn-patt2 {
  align-items: center;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transform: translateY(0px);
  transition: transform 0.2s linear 0s;
  width: 100%;
}

._ec-btn-patt2 {
  border-radius: var(--clamp-12sp);
  font-weight: 700;
}

._ec-btn-patt2._ec-bg-genai-orange {
  border: 4px solid var(--genai-gray);
}

._ec-btn-patt2._ec-bg-white {
  border: 4px solid var(--genai-orange);
}

._ec-btn-patt2_small,
._ec-btn-patt2_normal {
  font-size: var(--clamp-20sp);
}

._ec-btn-patt2_small::after,
._ec-btn-patt2_normal::after {
  content: "";
  position: absolute;
}

._ec-bg-genai-orange._ec-btn-patt2_small::after,
._ec-bg-genai-orange._ec-btn-patt2_normal::after {
  background: url(../../images/img-genai/icon/icon_btn-arrow.svg) no-repeat
    center/contain;
}

._ec-bg-white._ec-btn-patt2_small::after,
._ec-bg-white._ec-btn-patt2_normal::after {
  background: url(../../images/img-genai/icon/icon_btn-arrow_orange.svg)
    no-repeat center/contain;
}

._ec-btn-patt2_small::after {
  height: var(--clamp-18sp);
  right: var(--clamp-15sp);
  top: calc(50% - calc(var(--clamp-18sp) / 2));
  width: var(--clamp-10sp);
}

._ec-btn-patt2_normal::after {
  height: var(--clamp-24sp);
  right: var(--clamp-26sp);
  top: calc(50% - calc(var(--clamp-24sp) / 2));
  width: var(--clamp-14sp);
}

._ec-btn:hover,
._ec-btn-patt2:hover {
  transform: translateY(2px);
}

._ec-btn::before,
._ec-btn-patt2::before {
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  height: 200px;
  left: -65%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(25deg);
  width: 50%;
}

._ec-btn:hover::before,
._ec-btn-patt2:hover::before {
  animation: btn-interaction 0.2s linear 0s forwards;
}

@keyframes btn-interaction {
  from {
    left: -65%;
  }
  to {
    left: 115%;
  }
}

._ec-btn-round {
  border-radius: 9999px;
}

._ec-btn-circle {
  border-radius: 50%;
}

._ec-btn-caption {
  font-size: var(--clamp-14sp);
  text-align: center;
}

._ec-btn-balloon,
._ec-btn-patt2-balloon {
  font-weight: 700;
  line-height: 1.4;
  position: absolute;
  transform: translateY(0px);
  transition: transform 0.2s linear 0s;
}

._ec-btn-balloon {
  border: 2px solid var(--green);
  padding: var(--clamp-4sp) var(--clamp-16sp);
  right: 0;
  top: calc(var(--clamp-16sp) * -1);
}

._ec-btn-patt2-balloon {
  border: 2px solid var(--genai-gray);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: var(--clamp-5sp) var(--clamp-10sp) var(--clamp-5sp) var(--clamp-15sp);
}

._ec-btn-wrapper:has(> ._ec-btn:hover) ._ec-btn-balloon,
._ec-btn-wrapper:has(> ._ec-btn-patt2:hover) ._ec-btn-patt2-balloon {
  transform: translateY(2px);
}

._ec-btn-balloon-small {
  font-size: var(--clamp-12sp);
}

._ec-btn-balloon-normal {
  font-size: var(--clamp-16sp);
}

._ec-btn-patt2-balloon-small {
  font-size: var(--clamp-12sp);
  left: var(--clamp-14sp);
  top: calc(var(--clamp-12sp) * -1);
}

._ec-btn-patt2-balloon-normal {
  left: var(--clamp-18sp);
  top: calc(var(--clamp-13sp) * -1);
}

@media all and (min-width: 744px) {
  ._ec-btn-patt2 {
    border-radius: var(--clamp-12);
  }

  ._ec-btn-patt2_small {
    font-size: var(--clamp-f20);
  }

  ._ec-btn-patt2_normal {
    font-size: var(--clamp-24);
  }

  ._ec-btn-patt2_small::after {
    height: var(--clamp-18);
    right: var(--clamp-20);
    top: calc(50% - calc(var(--clamp-18) / 2));
    width: var(--clamp-10);
  }

  ._ec-btn-patt2_normal::after {
    height: var(--clamp-26);
    right: var(--clamp-30full);
    top: calc(50% - var(--clamp-13));
    width: var(--clamp-14);
  }

  ._ec-btn-caption {
    font-size: var(--clamp-f16);
  }

  ._ec-btn-balloon {
    padding: var(--clamp-4) var(--clamp-f16);
    top: calc(var(--clamp-f16) * -1);
  }

  ._ec-btn-balloon-small,
  ._ec-btn-balloon-normal {
    font-size: var(--clamp-f16);
  }

  ._ec-btn-patt2-balloon {
    padding: var(--clamp-4) var(--clamp-8) var(--clamp-4) var(--clamp-12);
  }

  ._ec-btn-patt2-balloon-small {
    font-size: var(--clamp-f12);
    left: var(--clamp-14);
    top: calc(var(--clamp-12) * -1);
  }

  ._ec-btn-patt2-balloon-normal {
    font-size: var(--clamp-f20);
    left: var(--clamp-20);
    top: calc(var(--clamp-f20) * -1);
  }
}

._ec-flex {
  display: flex;
}

._ec-flex-wrap {
  flex-wrap: wrap;
}

._ec-flex-column {
  flex-direction: column;
}

._ec-flex-align-center {
  align-items: center;
}

._ec-flex-align-end {
  align-items: flex-end;
}

._ec-flex-justify-center {
  justify-content: center;
}

._ec-flex-justify-spacebetween {
  justify-content: space-between;
}

._ec-flex-gap-4 {
  gap: var(--clamp-4sp);
}

._ec-flex-gap-8 {
  gap: var(--clamp-8sp);
}

._ec-flex-gap-10 {
  gap: var(--clamp-10sp);
}

._ec-flex-gap-16 {
  gap: var(--clamp-16sp);
}

._ec-flex-gap-24 {
  gap: var(--clamp-24sp);
}

._ec-flex-gap-40 {
  gap: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  ._ec-flex-gap-4 {
    gap: var(--clamp-4);
  }

  ._ec-flex-gap-8 {
    gap: var(--clamp-8);
  }

  ._ec-flex-gap-10 {
    gap: var(--clamp-10);
  }

  ._ec-flex-gap-16 {
    gap: var(--clamp-16);
  }

  ._ec-flex-gap-24 {
    gap: var(--clamp-24);
  }

  ._ec-flex-gap-40 {
    gap: var(--clamp-40);
  }
}

._ec-100vh {
  height: 100vh !important;
}

._ec-width-full {
  width: 100%;
}

._ec-mt-8px {
  margin-top: var(--clamp-8sp);
}

._ec-mt-16px {
  margin-top: var(--clamp-16sp);
}

._ec-mt-20px {
  margin-top: var(--clamp-20sp);
}

._ec-mt-24px {
  margin-top: var(--clamp-24sp);
}
._ec-mt-42px {
  margin-top: var(--clamp-42sp);
}

._ec-mt-60px {
  margin-top: var(--clamp-60sp);
}

@media all and (min-width: 744px) {
  ._ec-mt-8px {
    margin-top: var(--clamp-8);
  }

  ._ec-mt-16px {
    margin-top: var(--clamp-16);
  }

  ._ec-mt-20px {
    margin-top: var(--clamp-20);
  }

  ._ec-mt-24px {
    margin-top: var(--clamp-24);
  }

  ._ec-mt-42px {
    margin-top: var(--clamp-42);
  }

  ._ec-mt-60px {
    margin-top: var(--clamp-60);
  }
}

._ec-cta-mt-middle {
  margin-top: var(--clamp-40sp);
}

._ec-cta-mt-large {
  margin-top: var(--clamp-104sp);
}

@media all and (min-width: 744px) {
  ._ec-cta-mt-middle {
    margin-top: var(--clamp-40);
  }

  ._ec-cta-mt-large {
    margin-top: var(--clamp-104);
  }
}

._ec-hidden {
  display: none;
}

._ec-hidden-pc,
._ec-break-sp {
  display: block;
}

._ec-hidden-sp,
._ec-break-pc {
  display: none;
}

@media all and (min-width: 744px) {
  ._ec-hidden-pc,
  ._ec-break-sp {
    display: none;
  }

  ._ec-hidden-sp,
  ._ec-break-pc {
    display: block;
  }
}

/* layouts */
.ec-content-container {
  margin-top: var(--clamp-104sp);
  width: 100%;
}

.ec-main-contents {
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-content-container {
    display: flex;
    justify-content: space-between;
    margin: var(--clamp-104) auto 0;
    width: clamp(724px, 403px + 43.1vw, 1024px);
  }

  .ec-main-contents {
    width: clamp(526px, 293px + 31.32vw, 744px);
  }
}

.ec-swell-container {
  margin: 0 auto 6em;
  max-width: 1296px;
  padding: 5em 4vw 0;
  position: relative;
  z-index: 1;
}

@media all and (min-width: 600px) {
  .ec-swell-container {
    padding: 9em 48px 0;
  }
}

.ec-blog-container {
  padding-top: 3em;
}

@media all and (min-width: 744px) {
  .ec-blog-container {
    padding-top: var(--clamp-128);
  }
}

.ec-404-container {
  margin: 10em auto 5em;
}

/* header */
.ec-header {
  position: relative;
  z-index: 50;
}

.ec-header__comment-bar {
  align-items: center;
  background: var(--gray);
  display: flex;
  height: var(--clamp-25sp);
  padding: 0 var(--clamp-12sp);
  width: 100%;
}

.ec-header__comment-bar--text {
  color: white;
  font-size: var(--clamp-12sp);
  font-weight: 700;
}

@media all and (min-width: 744px) {
  .ec-header__comment-bar {
    height: var(--clamp-25);
    padding: 0;
  }

  .ec-header__comment-bar--text {
    font-size: var(--clamp-12);
    margin: 0 auto;
    width: var(--clamp-1416);
  }
}

/* global nav */
.ec-header__gnav-wrapper {
  background: white;
  box-shadow: 0 var(--clamp-4sp) var(--clamp-4sp) rgba(160, 160, 160, 0.25);
  height: var(--clamp-62sp);
  position: absolute;
  transform: translateY(0);
  width: 100%;
  z-index: 100;
}

.ec-header__gnav-wrapper[data-commentbar="required"] {
  top: var(--clamp-25sp);
}

.ec-header__gnav-wrapper[data-commentbar="none"] {
  top: 0;
}

.ec-header__gnav-wrapper[data-is-fixed="true"] {
  position: fixed;
  top: calc(var(--clamp-72sp) * -1);
  transition: transform 0.2s ease;
}

.ec-header__gnav-wrapper[data-is-fixed="true"][data-is-shown="true"] {
  transform: translateY(var(--clamp-72sp));
}

.ec-header__gnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}

.ec-header__gnav:has(.ec-header__gnav--menu[data-is-closed="false"])::before {
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

.ec-header__gnav--logo {
  height: var(--clamp-62sp);
  margin-left: var(--clamp-24sp);
  opacity: 1;
  transition: opacity 0.2s ease;
  width: var(--clamp-52sp);
}

.ec-header__gnav--logo:hover {
  opacity: 0.6;
}

.ec-header__gnav--logo img {
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

.ec-header__gnav--hamburger {
  background: url(../../images/header/menu-icon.svg) no-repeat center/contain;
  border: none;
  height: var(--clamp-26sp);
  margin: var(--clamp-18sp) var(--clamp-24sp) 0 0;
  outline: none;
  user-select: none;
  width: var(--clamp-26sp);
}

.ec-header__gnav:has(.ec-header__gnav--menu[data-is-closed="false"])
  .ec-header__gnav--hamburger {
  background: url(../../images/header/close-icon.svg) no-repeat center/contain;
}

html:has(.ec-header__gnav--menu[data-is-closed="false"]),
body:has(.ec-header__gnav--menu[data-is-closed="false"]) {
  overflow: hidden;
}

.ec-header__gnav--menu {
  background: white;
  overflow: auto;
  padding: 0 var(--clamp-24sp);
  width: 100%;
  position: absolute;
  left: 0;
  top: var(--clamp-62sp);
}

.ec-header__gnav-wrapper[data-is-fixed="false"] .ec-header__gnav--menu {
  max-height: calc(100vh - var(--clamp-87sp));
}

.ec-header__gnav-wrapper[data-is-fixed="true"] .ec-header__gnav--menu {
  max-height: calc(100vh - var(--clamp-62sp));
}

.ec-header__gnav--child-menu {
  height: 0;
  overflow: hidden;
  transition: height 0.2s ease;
}

.ec-header__gnav--child-menu[data-layer="1"][data-is-closed="false"] {
  padding-bottom: var(--clamp-10sp);
}

.ec-header__gnav--item[data-index="0"] ul[data-for="individuals"] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: var(--clamp-80sp);
  padding-left: var(--clamp-50sp);
}

.ec-header__gnav--item[data-index="0"] ul[data-for="individuals"] a {
  padding-left: 0;
}

.ec-header__gnav--item {
  overflow: hidden;
}

.ec-header__gnav--item[data-layer="0"] {
  border-top: 0px solid transparent;
}

.ec-header__gnav--menu[data-is-closed="false"][data-layer="0"]
  > .ec-header__gnav--item[data-layer="0"] {
  border-top: 1px solid #c8c8c8;
}

.ec-header__gnav--head {
  align-items: center;
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  height: 0;
  padding: 0 var(--clamp-8sp) 0 var(--clamp-24sp);
  transition: height 0.2s ease, color 0.2s ease;
}

.ec-header__gnav--menu[data-is-closed="false"][data-layer="0"]
  .ec-header__gnav--item[data-layer="0"]
  > .ec-header__gnav--head {
  height: var(--clamp-54sp);
}

.ec-header__gnav--item[data-layer="1"] > .ec-header__gnav--head,
.ec-header__gnav--item[data-layer="2"] > .ec-header__gnav--head {
  height: var(--clamp-34sp);
}

.ec-header__gnav--head[data-icon="building"]::before,
.ec-header__gnav--head[data-icon="person"]::before {
  content: "";
  height: var(--clamp-20sp);
  margin-right: var(--clamp-6sp);
  width: var(--clamp-20sp);
}

.ec-header__gnav--head[data-icon="building"]::before {
  background: url(../../images/header/building-icon.svg) no-repeat
    center/contain;
  transform: translateY(-1px);
}

.ec-header__gnav--head[data-icon="person"]::before {
  background: url(../../images/header/person-icon.svg) no-repeat center/contain;
  transform: translateY(-1px);
}

.ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--head {
  justify-content: space-between;
}

.ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--head::after {
  background: url(../../images/header/down-arrow_green.svg) no-repeat
    center/contain;
  content: "";
  height: var(--clamp-10sp);
  transition: transform 0.2s ease;
  width: var(--clamp-10sp);
}

.ec-header__gnav--item[data-layer="0"]:has(
    .ec-header__gnav--child-menu[data-is-closed="false"]
  )
  > .ec-header__gnav--head {
  color: var(--tokiwairo);
}

.ec-header__gnav--item[data-layer="0"]:has(
    .ec-header__gnav--child-menu[data-is-closed="false"]
  )
  > .ec-header__gnav--head::after {
  transform: rotate(180deg);
}

.ec-header__gnav--link {
  align-items: center;
  color: var(--gray);
  display: flex;
  font-size: var(--clamp-16sp);
  height: 0;
  transition: height 0.2s ease;
}

.ec-header__gnav--link[data-icon="comment"]::before,
.ec-header__gnav--link[data-icon="person"]::before,
.ec-header__gnav--link[data-icon="building"]::before {
  content: "";
  height: var(--clamp-20sp);
  margin-right: var(--clamp-6sp);
  width: var(--clamp-20sp);
}

.ec-header__gnav--link[data-icon="comment"]::before {
  background: url(../../images/header/comment-icon.svg) no-repeat center/contain;
  transform: translateY(var(--clamp-2sp));
}

.ec-header__gnav--link[data-icon="person"]::before {
  background: url(../../images/header/person-icon.svg) no-repeat center/contain;
}

.ec-header__gnav--link[data-icon="building"]::before {
  background: url(../../images/header/building-icon.svg) no-repeat
    center/contain;
}

.ec-header__gnav--link[data-icon="external-link"]::after {
  background: url(../../images/header/external-link.svg) no-repeat
    center/contain;
  content: "";
  height: var(--clamp-16sp);
  margin-left: var(--clamp-4sp);
  width: var(--clamp-15sp);
}

.ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--link {
  font-weight: 700;
}

.ec-header__gnav--menu[data-is-closed="false"][data-layer="0"]
  .ec-header__gnav--item[data-layer="0"]
  > .ec-header__gnav--link {
  height: var(--clamp-54sp);
  padding: 0 var(--clamp-8sp) 0 var(--clamp-24sp);
}

.ec-header__gnav--item[data-layer="1"] > .ec-header__gnav--link,
.ec-header__gnav--item[data-layer="2"] > .ec-header__gnav--link {
  font-weight: 400;
  height: var(--clamp-39sp);
  padding: 0 var(--clamp-8sp) 0 var(--clamp-24sp);
}

.ec-header__gnav--item[data-layer="3"] > .ec-header__gnav--link {
  font-weight: 400;
  height: var(--clamp-39sp);
  padding: 0 var(--clamp-8sp) 0 var(--clamp-50sp);
}

.ec-header__gnav--item[data-layer="1"] > .ec-header__gnav--link::after,
.ec-header__gnav--item[data-layer="2"] > .ec-header__gnav--link::after,
.ec-header__gnav--item[data-layer="3"] > .ec-header__gnav--link::after {
  content: ">";
  margin-left: var(--clamp-6sp);
}

.ec-header__gnav--featured-links {
  height: 0;
}

.ec-header__gnav--menu[data-is-closed="false"]
  .ec-header__gnav--featured-links {
  border-top: 1px solid #c8c8c8;
  height: auto;
}

.ec-header__gnav--featured-links_item-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: var(--clamp-328sp);
}

.ec-header__gnav--menu[data-is-closed="false"]
  .ec-header__gnav--featured-links_item-wrapper {
  margin: var(--clamp-24sp) auto;
}

.ec-header__gnav--menu[data-is-closed="false"]
  .ec-header__gnav--featured-links_item:nth-child(n + 3) {
  margin-top: var(--clamp-24sp);
}

.ec-header__gnav--featured-links_item {
  height: var(--clamp-48sp);
  width: var(--clamp-154sp);
}

.ec-header__gnav--featured-links_anchor {
  border-radius: 9999px;
  display: block;
  height: 100%;
  transition: transform 0.2s ease;
  width: 100%;
}

.ec-header__gnav--featured-links_anchor[data-course="excel"] {
  background: #299041;
}

.ec-header__gnav--featured-links_anchor[data-course="ppt"] {
  background: #bf4426;
}

.ec-header__gnav--featured-links_anchor[data-course="ai-bot"] {
  background: var(--bot-blue);
}

.ec-header__gnav--featured-links_anchor[data-course="ms-copilot"] {
  background: var(--genai-gray);
}

.ec-header__gnav--featured-links_anchor:hover {
  transform: translateY(var(--clamp-2sp));
}

.ec-header__gnav--featured-links_anchor_inner {
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.2s;
  width: 100%;
  z-index: 5;
}

.ec-header__gnav--featured-links_anchor_inner::before {
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  height: 200px;
  left: -65%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(25deg);
  width: 50%;
  z-index: -1;
}

.ec-header__gnav--featured-links_anchor:hover
  .ec-header__gnav--featured-links_anchor_inner::before {
  animation: header-btn-interaction 0.2s linear 0s forwards;
}

@keyframes header-btn-interaction {
  0% {
    left: -65%;
  }
  100% {
    left: 115%;
  }
}

.ec-header__gnav--featured-links_anchor_inner span {
  align-items: center;
  color: white;
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.ec-header__gnav--menu._ad-lp {
  height: 0;
  interpolate-size: allow-keywords;
  transition: height .2s ease;
}

.ec-header__gnav--menu._ad-lp[data-is-closed="false"] {
  box-shadow: 0 var(--clamp-4sp) var(--clamp-4sp) rgba(0,0,0,.25);
  height: auto;
}

.ec-header__gnav--menu._ad-lp li {
  border-top: 1px solid #c8c8c8;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  height: var(--clamp-54sp);
  padding: 0 var(--clamp-24sp);
}

.ec-header__gnav--menu._ad-lp li:last-child {
  box-sizing: content-box;
  display: flex;
  height: auto;
  justify-content: center;
  padding: var(--clamp-20sp) 0 var(--clamp-32sp);
}

.ec-header__gnav--menu._ad-lp li a {
  align-items: center;
  color: #525252;
  display: inline-flex;
  font-size: inherit;
  font-weight: inherit;
  gap: var(--clamp-8sp);
  height: 100%;
  width: 100%;
}

.ec-header__gnav--menu._ad-lp li a:not(._btn)::after {
  background: url(../../images/header/triangle-down_green.svg) no-repeat center/contain;
  content: "";
  height: var(--clamp-8sp);
  width: var(--clamp-16sp);
}

.ec-header__gnav--menu._ad-lp li a._btn {
  flex-direction: column;
  gap: var(--clamp-4sp);
  width: auto;
}

.ec-header__gnav--menu._ad-lp li a._btn::before {
  content: attr(data-pre-text);
  font-size: .75em;
}

.ec-header__gnav--menu._ad-lp li a._btn span {
  align-items: center;
  background: #ef7b2c;
  border-radius: 9999px;
  box-shadow: 0 var(--clamp-4sp) var(--clamp-4sp) rgba(0,0,0,.25);
  color: #fff;
  display: flex;
  gap: 1em;
  height: 2.6em;
  overflow: hidden;
  padding: 0 1.5em;
  position: relative;
}

.ec-header__gnav--menu._ad-lp li a._btn span::before {
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.3) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  height: 200px;
  left: -65%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(25deg);
  width: 50%;
}

.ec-header__gnav--menu._ad-lp li a._btn:hover span::before {
  animation: header-btn-interaction .2s linear 0s forwards;
}

.ec-header__gnav--menu._ad-lp li a._btn span::after {
  background: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: "";
  height: 1em;
  width: .6em;
}



@media all and (min-width: 744px) {
  .ec-header__gnav-wrapper {
    box-shadow: 0 var(--clamp-4) var(--clamp-4) rgba(160, 160, 160, 0.25);
    height: var(--clamp-128);
    top: var(--clamp-25);
  }

  .ec-header__gnav-wrapper[data-commentbar="required"] {
    top: var(--clamp-25);
  }

  .ec-header__gnav-wrapper[data-is-fixed="true"] {
    top: calc(var(--clamp-138) * -1);
  }

  .ec-header__gnav-wrapper[data-is-fixed="true"][data-is-shown="true"] {
    transform: translateY(var(--clamp-138));
  }

  .ec-header__gnav {
    align-items: center;
    width: var(--clamp-1280);
    height: 100%;
  }

  .ec-header__gnav:has(.ec-header__gnav--menu[data-is-closed="false"])::before {
    content: none;
  }

  .ec-header__gnav--logo {
    height: var(--clamp-91);
    margin-left: 0;
    width: var(--clamp-124);
  }

  .ec-header__gnav--hamburger {
    display: none;
  }

  .ec-header__gnav:has(.ec-header__gnav--menu[data-is-closed="false"])
    .ec-header__gnav--hamburger {
    display: none;
  }

  html:has(.ec-header__gnav--menu[data-is-closed="false"]),
  body:has(.ec-header__gnav--menu[data-is-closed="false"]) {
    overflow: visible;
  }

  .ec-header__gnav--menu {
    align-items: flex-end;
    background: none;
    display: flex;
    gap: var(--clamp-62);
    height: var(--clamp-105);
    overflow: visible;
    padding: 0;
    position: relative;
    top: 0;
    width: var(--clamp-1071);
  }

  .ec-header__gnav-wrapper[data-is-fixed="false"] .ec-header__gnav--menu,
  .ec-header__gnav-wrapper[data-is-fixed="true"] .ec-header__gnav--menu {
    max-height: unset;
  }

  .ec-header__gnav--child-menu {
    background: rgba(255, 255, 255, 0.96);
    border: var(--clamp-2) solid #e7e7e7;
    display: flex;
    height: auto !important;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: var(--clamp-26);
    position: absolute;
    top: var(--clamp-34);
    transition: all 0.2s ease;
    visibility: hidden;
    z-index: 100;
  }

  .ec-header__gnav--child-menu[data-layer="1"][data-is-closed="false"] {
    padding-bottom: var(--clamp-26);
  }

  .ec-header__gnav--item[data-layer="0"]:hover > .ec-header__gnav--child-menu {
    opacity: 1;
    visibility: visible;
  }

  .ec-header__gnav--item[data-index="0"] > .ec-header__gnav--child-menu {
    gap: var(--clamp-48full);
    padding-bottom: var(--clamp-58);
    width: var(--clamp-670);
  }

  .ec-header__gnav--item[data-index="0"]
    .ec-header__gnav--item[data-layer="1"][data-index="0"]
    > ul {
    display: flex;
    margin-top: var(--clamp-12);
  }

  .ec-header__gnav--item[data-index="0"]
    .ec-header__gnav--item[data-layer="1"][data-index="0"]
    .ec-header__gnav--item[data-layer="2"] {
    padding-left: var(--clamp-32);
  }

  .ec-header__gnav--item[data-index="0"] ul[data-for="companies"] {
    display: flex;
    flex-direction: column;
    gap: var(--clamp-10);
    margin-top: var(--clamp-8);
  }

  .ec-header__gnav--item[data-index="0"] ul[data-for="individuals"] {
    gap: var(--clamp-10);
    height: auto;
    margin-top: var(--clamp-8);
    padding-left: 0;
  }

  .ec-header__gnav--item[data-index="0"]
    .ec-header__gnav--item[data-layer="1"][data-index="1"]
    ul {
    display: flex;
    flex-direction: column;
    gap: var(--clamp-10);
    margin-top: var(--clamp-8);
  }

  .ec-header__gnav--item[data-index="0"]
    .ec-header__gnav--item[data-layer="1"][data-index="2"] {
    bottom: var(--clamp-24);
    position: absolute;
    right: var(--clamp-160);
  }

  .ec-header__gnav--item[data-index="1"] > .ec-header__gnav--child-menu,
  .ec-header__gnav--item[data-index="3"] > .ec-header__gnav--child-menu,
  .ec-header__gnav--item[data-index="5"] > .ec-header__gnav--child-menu {
    display: flex;
    flex-direction: column;
    gap: var(--clamp-10);
    width: var(--clamp-321);
  }

  .ec-header__gnav--item {
    overflow: visible;
    position: relative;
  }

  .ec-header__gnav--item[data-layer="0"],
  .ec-header__gnav--menu[data-is-closed="false"][data-layer="0"]
    > .ec-header__gnav--item[data-layer="0"] {
    border-top: none;
  }

  .ec-header__gnav--head {
    color: #333;
    font-size: var(--clamp-18);
    gap: var(--clamp-6);
    height: auto;
    padding: 0;
    transition: none;
  }

  .ec-header__gnav--menu[data-is-closed="false"][data-layer="0"]
    .ec-header__gnav--item[data-layer="0"]
    > .ec-header__gnav--head {
    height: auto;
  }

  .ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--head {
    border-bottom: var(--clamp-5) solid transparent;
    transition: border-color 0.2s ease;
  }

  .ec-header__gnav--item[data-layer="0"]:hover > .ec-header__gnav--head {
    border-color: var(--green);
  }

  .ec-header__gnav--item[data-layer="1"] > .ec-header__gnav--head,
  .ec-header__gnav--item[data-layer="2"] > .ec-header__gnav--head {
    font-size: var(--clamp-16);
    height: auto;
  }

  .ec-header__gnav--head[data-icon="building"],
  .ec-header__gnav--head[data-icon="person"] {
    position: relative;
  }

  .ec-header__gnav--head[data-icon="building"]::before,
  .ec-header__gnav--head[data-icon="person"]::before {
    height: var(--clamp-20);
    left: calc(var(--clamp-32) * -1);
    margin-right: var(--clamp-6);
    position: absolute;
    top: calc(50% - var(--clamp-20) / 2);
    width: var(--clamp-20);
  }

  .ec-header__gnav--head[data-icon="building"]::before {
    transform: translateY(calc(1px * -1));
  }

  .ec-header__gnav--head[data-icon="person"]::before {
    transform: translateY(calc(1px * -1));
  }

  .ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--head {
    justify-content: unset;
  }

  .ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--head::after {
    background: url(../../images/header/triangle-down_green.svg) no-repeat
      center/contain;
    height: var(--clamp-12);
    transform: translateY(var(--clamp-2));
    transition: none;
    width: var(--clamp-20);
  }

  .ec-header__gnav--item[data-layer="0"]:has(
      .ec-header__gnav--child-menu[data-is-closed="false"]
    )
    > .ec-header__gnav--head {
    color: #333;
  }

  .ec-header__gnav--item[data-layer="0"]:has(
      .ec-header__gnav--child-menu[data-is-closed="false"]
    )
    > .ec-header__gnav--head::after {
    transform: translateY(var(--clamp-2));
  }

  .ec-header__gnav--link {
    font-size: var(--clamp-18);
    height: auto;
    transition: none;
  }

  .ec-header__gnav--link[data-icon="comment"]::before,
  .ec-header__gnav--link[data-icon="person"]::before,
  .ec-header__gnav--link[data-icon="building"]::before {
    height: var(--clamp-20);
    margin-right: var(--clamp-6);
    width: var(--clamp-20);
  }

  .ec-header__gnav--link[data-icon="comment"]::before {
    transform: translateY(var(--clamp-2));
  }

  .ec-header__gnav--link[data-icon="external-link"]::after {
    height: var(--clamp-16);
    margin-left: var(--clamp-4);
    transform: translateY(1px);
    width: var(--clamp-15);
  }

  .ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--link {
    border-bottom: var(--clamp-5) solid transparent;
    color: #333;
    transition: border-color 0.2s ease;
  }

  .ec-header__gnav--item[data-layer="0"] > .ec-header__gnav--link:hover {
    border-color: var(--green);
  }

  .ec-header__gnav--menu[data-is-closed="false"][data-layer="0"]
    .ec-header__gnav--item[data-layer="0"]
    > .ec-header__gnav--link {
    height: auto;
    padding: 0;
  }

  .ec-header__gnav--item[data-layer="1"] > .ec-header__gnav--link,
  .ec-header__gnav--item[data-layer="2"] > .ec-header__gnav--link,
  .ec-header__gnav--item[data-layer="3"] > .ec-header__gnav--link {
    font-size: var(--clamp-16);
    height: auto;
    padding: 0;
    transition: color 0.2s ease;
  }

  .ec-header__gnav--item[data-layer="1"] > .ec-header__gnav--link:hover,
  .ec-header__gnav--item[data-layer="2"] > .ec-header__gnav--link:hover,
  .ec-header__gnav--item[data-layer="3"] > .ec-header__gnav--link:hover {
    color: var(--green);
  }

  .ec-header__gnav--item[data-layer="1"] > .ec-header__gnav--link::after,
  .ec-header__gnav--item[data-layer="2"] > .ec-header__gnav--link::after,
  .ec-header__gnav--item[data-layer="3"] > .ec-header__gnav--link::after {
    margin-left: var(--clamp-6);
  }

  .ec-header__gnav--featured-links {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
  }

  .ec-header__gnav--menu[data-is-closed="false"]
    .ec-header__gnav--featured-links {
    border-top: none;
  }

  .ec-header__gnav--featured-links_item-wrapper {
    width: var(--clamp-750);
  }

  .ec-header__gnav--menu[data-is-closed="false"]
    .ec-header__gnav--featured-links_item-wrapper {
    margin: 0;
  }

  .ec-header__gnav--menu[data-is-closed="false"]
    .ec-header__gnav--featured-links_item:nth-child(n + 3) {
    margin-top: 0;
  }

  .ec-header__gnav--featured-links_item {
    height: var(--clamp-48full);
    width: var(--clamp-174);
  }

  .ec-header__gnav--featured-links_anchor:hover {
    transform: translateY(var(--clamp-2));
  }

  .ec-header__gnav--featured-links_anchor_inner span {
    font-size: var(--clamp-18);
  }

  .ec-header__gnav--menu._ad-lp {
    align-items: center;
    gap: var(--clamp-36);
    height: var(--clamp-105);
    width: var(--clamp-1040);
  }

  .ec-header__gnav--menu._ad-lp[data-is-closed="false"] {
    height: var(--clamp-105);
  }

  .ec-header__gnav--menu._ad-lp li {
    align-items: center;
    border-top: none;
    display: flex;
    font-size: var(--clamp-18);
    height: 100%;
    margin-left: auto;
    padding: 0;
  }

  .ec-header__gnav--menu._ad-lp li:last-child {
    padding: 0;
  }

  .ec-header__gnav--menu._ad-lp li a {
    width: auto;
  }

  .ec-header__gnav--menu._ad-lp li a:not(._btn) {
    border-bottom: var(--clamp-5) solid transparent;
    gap: var(--clamp-6);
    height: 2em;
    transition: border-bottom-color .2s ease;
  }

  .ec-header__gnav--menu._ad-lp li a:not(._btn):hover {
    border-bottom-color: var(--green);
  }

  .ec-header__gnav--menu._ad-lp li a:not(._btn)::after {
    height: var(--clamp-12);
    width: var(--clamp-20);
  }

  .ec-header__gnav--menu._ad-lp li a._btn {
    gap: var(--clamp-4);
    transition: transform .2s ease;
  }

  .ec-header__gnav--menu._ad-lp li a._btn:hover {
    transform: translateY(var(--clamp-2));
  }

  .ec-header__gnav--menu._ad-lp li a._btn span {
    box-shadow: 0 var(--clamp-4) var(--clamp-4) rgba(0,0,0,.25);

  }
}

/* breadcrumbs */
.ec-header__breadcrumb {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  margin: var(--clamp-70sp) auto 0;
  width: var(--clamp-307sp);
}

.ec-header__breadcrumb--list {
  color: var(--light-gray);
}

.ec-header__breadcrumb--list:not(:first-child) {
  align-items: center;
  display: flex;
  margin-left: 0.5em;
}

.ec-header__breadcrumb--list:not(:first-child)::before {
  background: url(../../images/icon/next-arrow--light-gray.svg) no-repeat
    center/contain;
  content: "";
  height: 0.8em;
  margin-right: 0.5em;
  width: 0.8em;
}

.ec-header__breadcrumb--list_item {
  color: var(--light-gray);
  position: relative;
}

.ec-header__breadcrumb--list_item:hover {
  color: var(--link-blue);
}

.ec-header__breadcrumb--list_item::before {
  background-color: transparent;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: background-color 0.2s ease 0s;
  width: 100%;
}

.ec-header__breadcrumb--list_item:hover::before {
  background-color: var(--link-blue);
}

@media all and (min-width: 744px) {
  .ec-header__breadcrumb {
    font-size: var(--clamp-f12);
    margin: var(--clamp-144) auto 0;
    width: var(--clamp-1140);
  }

  .ec-header__breadcrumb--list {
    color: var(--gray);
  }

  .ec-header__breadcrumb--list:not(:first-child)::before {
    background-image: url(../../images/icon/next-arrow--gray.svg);
  }

  .ec-header__breadcrumb--list_item {
    color: var(--gray);
    transition: color 0.2s ease 0s;
  }
}

/* footer items */
.ec-footer {
  border-top: var(--clamp-32sp) solid var(--gray);
  margin-top: clamp(40px, -31.5px + 22.35vw, 80px);
}

main:has(> .ec-excelcamp-download) + .ec-footer {
  margin-top: 0;
}

.ec-footer__nav {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: var(--clamp-64sp) 0;
  width: 100%;
}

.ec-footer__nav--home {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-24sp);
  transition: opacity 0.2s ease 0s;
}

.ec-footer__nav--home:hover {
  opacity: 0.8;
}

.ec-footer__nav--home_icon {
  height: clamp(37.4px, -0.3px + 11.79vw, 58.5px);
  width: var(--clamp-60sp);
}

.ec-footer__nav--home_text {
  color: var(--gray);
  font-size: var(--clamp-14sp);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.ec-footer__nav--menu {
  margin: var(--clamp-64sp) auto 0;
  max-width: 499px;
  width: 100%;
}

.ec-footer__nav--information {
  align-items: center;
  background-color: var(--blue);
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.4;
  padding: var(--clamp-40sp) 0;
}

.ec-footer__nav--information_website-info {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  margin: var(--clamp-64sp) auto 0;
  order: 2;
  width: var(--clamp-306sp);
}

.ec-footer__nav--information_website-info_company {
  font-size: var(--clamp-14sp);
}

.ec-footer__nav--information_website-info_recaptcha {
  font-size: var(--clamp-12sp);
}

.ec-footer__nav--recaptcha-link {
  color: var(--white);
  opacity: 1;
  text-decoration: underline;
  transition: opacity 0.2s ease 0s;
}

.ec-footer__nav--recaptcha-link:hover {
  opacity: 0.8;
}

.ec-footer-general-links {
  display: flex;
  font-size: var(--clamp-14sp);
  font-weight: 400;
  flex-wrap: wrap;
  gap: var(--clamp-16sp);
  order: 1;
  width: var(--clamp-270sp);
}

.ec-footer-general-links a {
  color: var(--white);
  opacity: 1;
  transition: opacity 0.2s ease 0s;
}

.ec-footer-general-links a:hover {
  opacity: 0.8;
}

@media all and (min-width: 744px) {
  .ec-footer {
    border-top: var(--clamp-32) solid var(--gray);
    margin-top: clamp(72.8px, 1px + 9.66vw, 140px);
  }

  .ec-footer__nav {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--clamp-60) var(--clamp-16);
    width: clamp(724px, 61.2px + 89.08vw, 1344px);
  }

  .ec-footer__nav--home {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(6px, -13.2px + 2.59vw, 24px);
  }

  .ec-footer__nav--home_icon {
    height: clamp(28px, 10.9px + 2.3vw, 44px);
    width: clamp(38px, 14.5px + 3.16vw, 60px);
  }

  .ec-footer__nav--home_text {
    font-size: var(--clamp-f14);
    text-align: left;
  }

  .ec-footer__nav--menu {
    margin-top: 0;
    max-width: none;
    width: auto;
  }

  .ec-footer__nav--information {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--clamp-40) clamp(27.6px, -23.2px + 5.29vw, 53px);
  }

  .ec-footer__nav--information_website-info {
    gap: var(--clamp-16);
    margin: 0;
    order: 1;
    width: auto;
  }

  .ec-footer__nav--information_website-info_company {
    font-size: var(--clamp-f14);
  }

  .ec-footer__nav--information_website-info_recaptcha {
    font-size: var(--clamp-f12);
  }

  .ec-footer-general-links {
    font-size: var(--clamp-f14);
    justify-content: flex-end;
    gap: var(--clamp-16);
    order: 2;
    width: 600px;
  }
}

/* footer nav */
.ec-footer__nav--menu-inner {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-8sp);
  width: 100%;
}

.ec-footer__nav--menu_head {
  align-items: center;
  border-bottom: 1px solid var(--gray);
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  justify-content: space-between;
  line-height: clamp(42.5px, -0.4px + 13.41vw, 66.5px);
  padding: 0 var(--clamp-10sp);
}

@media all and (max-width: 743px) {
  .ec-footer__nav--menu_head::after {
    background: url(../../images/icon/up-arrow--gray.svg) no-repeat
      center/contain;
    content: "";
    height: var(--clamp-10sp);
    padding: 0 var(--clamp-8sp);
    transform: rotateX(180deg);
    width: var(--clamp-32sp);
  }

  input[id="ec-footer__nav--menu_company"]:checked
    + .ec-footer__nav--menu_head::after,
  input[id="ec-footer__nav--menu_media"]:checked
    + .ec-footer__nav--menu_head::after,
  input[id="ec-footer__nav--menu_excel"]:checked
    + .ec-footer__nav--menu_head::after {
    transform: rotateX(0);
  }
}

.ec-footer__nav--menu_company,
.ec-footer__nav--menu_other,
.ec-footer__nav--menu_excel,
.ec-footer__nav--menu_ppt-and-bot {
  width: 100%;
}

.ec-footer__nav--menu_links,
.ec-footer__nav--menu_links-with-child {
  display: flex;
  flex-direction: column;
  height: 0;
  gap: var(--clamp-10sp);
  overflow: hidden;
  margin-top: 0;
  padding-left: var(--clamp-40sp);
  transition: all 0.2s ease 0s;
}

input[id="ec-footer__nav--menu_company"]:checked ~ .ec-footer__nav--menu_links {
  height: calc((var(--clamp-14sp) * 1.6 * 7) + (var(--clamp-10sp) * 6));
  margin-top: var(--clamp-16sp);
}

input[id="ec-footer__nav--menu_media"]:checked ~ .ec-footer__nav--menu_links {
  height: calc((var(--clamp-14sp) * 1.6 * 5) + (var(--clamp-10sp) * 4));
  margin-top: var(--clamp-16sp);
}

input[id="ec-footer__nav--menu_excel"]:checked
  ~ .ec-footer__nav--menu_links-with-child {
  height: calc((var(--clamp-14sp) * 1.6 * 9) + (var(--clamp-10sp) * 8));
  margin-top: var(--clamp-16sp);
}

input[id="ec-footer__nav--menu_bot"]:checked ~ .ec-footer__nav--menu_links,
input[id="ec-footer__nav--menu_powerpoint"]:checked ~ .ec-footer__nav--menu_links {
  height: calc((var(--clamp-14sp) * 1.6 * 2) + (var(--clamp-10sp) * 2));
  margin-top: var(--clamp-16sp);
}

input[id="ec-footer__nav--menu_img-genai"]:checked ~ .ec-footer__nav--menu_links {
  height: calc((var(--clamp-14sp) * 1.6 * 3) + (var(--clamp-10sp) * 3));
  margin-top: var(--clamp-16sp);
}

.ec-footer__nav--menu_links > a,
.ec-footer__nav--menu_links-with-child a {
  color: var(--light-gray);
  font-size: var(--clamp-14sp);
  font-weight: 400;
  text-decoration: underline;
  transition: color 0.2s ease 0s;
}

.ec-footer__nav--menu_links-with-child_head {
  font-size: var(--clamp-12sp);
}

.ec-footer__nav--menu_links-with-child_head::before {
  content: "- ";
}

.ec-footer__nav--menu_links-with-child_corporate-menu,
.ec-footer__nav--menu_links-with-child_individual-menu {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-10sp);
  margin-top: var(--clamp-8sp);
}

.ec-nav-menu__action {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-32sp);
}

.ec-nav-menu__action > a {
  color: var(--gray);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  text-decoration: underline;
  transition: color 0.2s ease 0s;
}

.ec-footer__nav--menu a:hover {
  color: var(--link-blue);
}

@media all and (min-width: 744px) {
  .ec-footer__nav--menu .ec-footer__nav--menu-inner {
    flex-direction: row;
    gap: var(--clamp-32);
    margin-left: 3em;
    width: auto;
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_head {
    border-bottom: none;
    display: block;
    font-size: var(--clamp-f16);
    line-height: 1.6;
    padding: 0;
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_company {
    width: clamp(115px, 45.5px + 9.34vw, 180px);
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_other {
    width: clamp(115px, 64.8px + 6.75vw, 162px);
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_excel {
    width: clamp(75px, 33.3px + 5.6vw, 114px);
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_ppt-and-bot {
    /* width: clamp(114px, 69.1px + 6.03vw, 156px); */
    width: clamp(7.125rem, 3.918rem + 6.9vw, 10.125rem);
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_bot,
  .ec-footer__nav--menu .ec-footer__nav--menu_img-genai {
    margin-top: var(--clamp-32);
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_links {
    height: auto;
    gap: var(--clamp-10);
    margin-top: var(--clamp-16);
    padding-left: 0;
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_links-with-child {
    height: auto;
    gap: var(--clamp-16);
    margin-top: var(--clamp-16);
    padding-left: 0;
  }

  .ec-footer__nav--menu
    input[id="ec-footer__nav--menu_company"]:checked
    ~ .ec-footer__nav--menu_links,
  .ec-footer__nav--menu
    input[id="ec-footer__nav--menu_media"]:checked
    ~ .ec-footer__nav--menu_links,
  .ec-footer__nav--menu
    input[id="ec-footer__nav--menu_excel"]:checked
    ~ .ec-footer__nav--menu_links-with-child {
    height: auto;
    margin-top: var(--clamp-16);
  }

  .ec-footer__nav--menu .ec-footer__nav--menu_links > a,
  .ec-footer__nav--menu .ec-footer__nav--menu_links-with-child a {
    font-size: var(--clamp-f14);
  }

  .ec-footer__nav--menu_links-with-child_head {
    font-size: var(--clamp-f12);
  }

  .ec-footer__nav--menu_links-with-child_corporate-menu {
    gap: var(--clamp-10);
    margin-top: var(--clamp-8);
  }

  .ec-footer__nav--menu_links-with-child_individual-menu {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
  }

  .ec-footer__nav--menu_links-with-child_individual-menu a:nth-child(n + 3) {
    margin-top: var(--clamp-8);
  }

  .ec-footer__nav--menu_links-with-child_individual-menu a:nth-child(even) {
    margin-left: var(--clamp-40);
  }

  .ec-footer__nav--menu .ec-nav-menu__action {
    align-items: flex-start;
    gap: var(--clamp-16);
    margin-top: var(--clamp-32);
  }

  .ec-footer__nav--menu .ec-nav-menu__action > a {
    font-size: var(--clamp-f16);
  }
}

/* sidebar */
.ec-sidebar {
  margin: var(--clamp-200sp) auto 0;
  width: var(--clamp-360sp);
}

.ec-sidebar__dik-performance::after {
  background-color: rgba(26, 26, 28, 0.2);
  content: "";
  display: block;
  height: 1px;
  margin-top: var(--clamp-16sp);
  width: 100%;
}

.ec-sidebar__dik-performance--wrapper {
  background-color: var(--blue);
  color: var(--white);
  padding: var(--clamp-16sp) 0;
}

.ec-sidebar__dik-performance--head {
  font-size: var(--clamp-18sp);
  font-weight: 700;
  text-align: center;
}

.ec-sidebar__dik-performance--list {
  background-color: var(--white);
  color: var(--blue);
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  gap: var(--clamp-4sp);
  margin: var(--clamp-16sp) auto 0;
  padding: var(--clamp-8sp) 0;
  text-align: center;
  width: calc(100% - var(--clamp-32sp));
}

.ec-sidebar__search {
  margin-top: var(--clamp-16sp);
}

.ec-sidebar__banner {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-64sp);
}

.ec-sidebar__banner-wrapper {
  opacity: 1;
  transition: opacity 0.2s ease 0s;
  width: 100%;
}

.ec-sidebar__banner-wrapper:hover {
  opacity: 0.8;
}

.ec-sidebar__banner-wrapper img {
  object-fit: cover;
  width: 100%;
}

.ec-sidebar__links {
  display: none;
}

.ec-sidebar__schedule-info {
  font-weight: 700;
  margin: 0 auto;
  width: var(--clamp-248sp);
}

.ec-sidebar__schedule-info--head {
  font-size: var(--clamp-22sp);
  line-height: 1.45;
  margin-top: var(--clamp-64sp);
}

.ec-sidebar__schedule-info--days {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-40sp);
}

.ec-sidebar__schedule-info--days li {
  align-items: center;
  display: flex;
  font-size: var(--clamp-14sp);
  line-height: 1.4;
}

.ec-sidebar__schedule-info--days li::before {
  background-color: var(--gray);
  content: "";
  height: 1px;
  margin-right: 0.4em;
  width: 1em;
}

.ec-sidebar__schedule-info--link {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-40sp);
}

.ec-sidebar__schedule-info--link_btn {
  font-size: var(--clamp-14sp);
  height: var(--clamp-40sp);
  width: 100%;
}

.ec-sidebar__instructor {
  margin: var(--clamp-64sp) auto 0;
  width: var(--clamp-248sp);
}

.ec-sidebar__instructor--head {
  font-size: var(--clamp-22sp);
  font-weight: 700;
}

.ec-sidebar__instructor--wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-40sp);
  margin-top: var(--clamp-24sp);
}

.ec-sidebar__instructor--info {
  align-items: flex-start;
  border-bottom: 1px solid rgba(26, 26, 28, 0.2);
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--clamp-16sp);
}

.ec-sidebar__instructor--picture {
  height: var(--clamp-80sp);
  width: var(--clamp-80sp);
}

.ec-sidebar__instructor--profile {
  width: clamp(132.6px, -1.3px + 41.84vw, 207.5px);
}

.ec-sidebar__instructor--profile_name {
  font-weight: 700;
}

.ec-sidebar__instructor--profile_name_en {
  font-size: var(--clamp-12sp);
  font-weight: 300;
}

.ec-sidebar__instructor--profile_details {
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-12sp);
  font-weight: 400;
  line-height: 1.4;
  gap: 2px;
  margin-top: var(--clamp-8sp);
}

@media all and (min-width: 744px) {
  .ec-sidebar {
    margin: 0;
    width: clamp(175px, 97px + 10.49vw, 248px);
  }

  .ec-sidebar__dik-performance::after {
    margin-top: var(--clamp-16);
  }

  .ec-sidebar__dik-performance--wrapper {
    padding: var(--clamp-16) 0;
  }

  .ec-sidebar__dik-performance--head {
    font-size: var(--clamp-f18);
  }

  .ec-sidebar__dik-performance--list {
    font-size: var(--clamp-f12);
    gap: var(--clamp-4);
    margin: var(--clamp-16) auto 0;
    padding: var(--clamp-8) 0;
    width: calc(100% - var(--clamp-32));
  }

  .ec-sidebar__search {
    margin-top: var(--clamp-16);
  }

  .ec-sidebar__banner {
    gap: var(--clamp-16);
    margin-top: var(--clamp-60);
  }

  .ec-sidebar__banner-wrapper {
    height: clamp(131.3px, 72.8px + 7.86vw, 186px);
  }

  .ec-sidebar__links {
    display: flex;
    flex-direction: column;
    gap: var(--clamp-40);
    margin-top: var(--clamp-60);
  }

  .ec-sidebar__links--wrapper::after {
    background-color: #d9d9d9;
    content: "";
    display: block;
    height: 1px;
    margin-top: var(--clamp-24);
    width: 100%;
  }

  .ec-sidebar__links--head {
    align-items: center;
    display: flex;
    font-size: var(--clamp-f22);
    font-weight: 700;
  }

  .ec-sidebar__links--head::before {
    background-color: var(--gray);
    content: "";
    height: 1px;
    margin-right: 0.4em;
    width: 0.8em;
  }

  .ec-sidebar__links--list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--clamp-16);
    margin-top: var(--clamp-24);
  }

  .ec-sidebar__links--list a {
    color: var(--gray);
    font-size: var(--clamp-f14);
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    transition: color 0.2s ease 0s;
  }

  .ec-sidebar__links--list a::after {
    background-color: transparent;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: background-color 0.2s ease 0s;
    width: 100%;
  }

  .ec-sidebar__links--list a:hover {
    color: var(--link-blue);
  }

  .ec-sidebar__links--list a:hover::after {
    background-color: var(--link-blue);
  }

  .ec-sidebar__links--list_child {
    margin-left: 1em;
  }

  .ec-sidebar__schedule-info {
    width: 100%;
  }

  .ec-sidebar__schedule-info--head {
    font-size: var(--clamp-f22);
    margin-top: var(--clamp-60);
  }

  .ec-sidebar__schedule-info--days {
    gap: var(--clamp-16);
    margin-top: var(--clamp-40);
  }

  .ec-sidebar__schedule-info--days li {
    font-size: var(--clamp-f14);
  }

  .ec-sidebar__schedule-info--link {
    gap: var(--clamp-16);
    margin-top: var(--clamp-40);
  }

  .ec-sidebar__schedule-info--link_btn {
    font-size: var(--clamp-f14);
    height: clamp(26px, 11px + 2.01vw, 40px);
  }

  .ec-sidebar__instructor {
    margin-top: var(--clamp-60);
    width: 100%;
  }

  .ec-sidebar__instructor--head {
    font-size: var(--clamp-f22);
  }

  .ec-sidebar__instructor--wrapper {
    gap: var(--clamp-40);
    margin-top: var(--clamp-24);
  }

  .ec-sidebar__instructor--info {
    padding-bottom: var(--clamp-16);
  }

  .ec-sidebar__instructor--picture {
    height: clamp(50px, 17.9px + 4.31vw, 80px);
    width: clamp(50px, 17.9px + 4.31vw, 80px);
  }

  .ec-sidebar__instructor--profile {
    width: clamp(120px, 81.5px + 5.17vw, 156px);
  }

  .ec-sidebar__instructor--profile_name_en {
    font-size: var(--clamp-f12);
  }

  .ec-sidebar__instructor--profile_details {
    font-size: var(--clamp-f12);
    gap: var(--clamp-4);
    margin-top: var(--clamp-8);
  }
}

/* first-view */
.ec-firstview {
  height: clamp(614.6px, -5.7px + 193.85vw, 961.6px);
  margin-top: calc(var(--clamp-140sp) * -1);
  padding-top: clamp(200px, -5.6px + 64.25vw, 315px);
  position: relative;
  width: 100%;
}

.ec-firstview__main-visual {
  background-color: #d9d9d9;
  display: flex;
  font-size: 0;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.ec-firstview__main-visual img {
  height: 100%;
  object-fit: cover;
}

.ec-firstview__cta {
  bottom: var(--clamp-40sp);
  display: flex;
  justify-content: center;
  gap: var(--clamp-16sp);
  left: 0;
  position: absolute;
  right: 0;
}

.ec-firstview_cta--btn_height_small.ec-firstview__cta--btn_single {
  font-size: var(--clamp-26sp);
  height: var(--clamp-60sp);
  width: clamp(251.6px, -2.4px + 79.39vw, 393.7px);
}

.ec-firstview_cta--btn_height_normal.ec-firstview__cta--btn_single {
  font-size: var(--clamp-26sp);
  height: var(--clamp-100sp);
  width: clamp(251.6px, -2.4px + 79.39vw, 393.7px);
}

.ec-firstview_cta--btn_height_small.ec-firstview__cta--btn_double {
  font-size: var(--clamp-16sp);
  height: var(--clamp-60sp);
  width: var(--clamp-160sp);
}

.ec-firstview_cta--btn_height_normal.ec-firstview__cta--btn_double {
  font-size: var(--clamp-16sp);
  height: clamp(67.2px, -0.6px + 21.17vw, 105.1px);
  width: clamp(149.6px, -1.5px + 47.21vw, 234.1px);
}

@media all and (min-width: 744px) {
  .ec-firstview {
    height: clamp(386.46px, 51.95vw, 748px);
    margin-top: calc(var(--clamp-162) * -1);
    padding-top: clamp(129px, -0.4px + 17.39vw, 250px);
  }

  .ec-firstview__cta {
    gap: var(--clamp-40);
    margin-top: clamp(38.5px, 0.5px + 5.1vw, 74px);
    position: static;
  }

  .ec-firstview_cta--btn_height_small.ec-firstview__cta--btn_single,
  .ec-firstview_cta--btn_height_normal.ec-firstview__cta--btn_single,
  .ec-firstview_cta--btn_height_small.ec-firstview__cta--btn_double,
  .ec-firstview_cta--btn_height_normal.ec-firstview__cta--btn_double {
    font-size: var(--clamp-26);
    height: clamp(50.4px, -2.6px + 7.13vw, 100px);
    width: var(--clamp-298);
  }
}

/* customers */
.ec-customers {
  overflow: hidden;
  margin: clamp(62.9px, -0.6px + 19.83vw, 98.4px) auto 0;
  width: 100%;
}

.ec-customers-slider {
  display: flex;
  overflow: hidden;
  margin: var(--clamp-32sp) auto 0;
  width: 100%;
}

.ec-customers-slider__logo-group {
  display: flex;
  flex-shrink: 0;
}

.ec-customers-slider__logo-group[data-group="0"] {
  animation: loop-animation_group-0 infinite linear both;
}

.ec-customers-slider__logo-group[data-group="1"] {
  animation: loop-animation_group-1 infinite linear both;
}

.ec-customers-slider__logo-group[data-group="2"] {
  animation: loop-animation_group-2 infinite linear both;
}

.ec-customers-slider__logo-wrapper {
  flex-shrink: 0;
  height: var(--clamp-80sp);
  margin-right: var(--clamp-64sp);
  width: auto;
}

.ec-customers-slider__logo-wrapper img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-customers {
    margin: clamp(26px, 0.4px + 3.45vw, 50px) auto 0;
  }

  .ec-customers-slider {
    margin: clamp(26px, 0.4px + 3.45vw, 50px) auto 0;
  }

  .ec-customers-slider__logo-wrapper {
    height: var(--clamp-80);
    margin-right: var(--clamp-64);
  }
}

@keyframes loop-animation_group-0 {
  0% {
    transform: translateX(0);
    visibility: visible;
  }
  33.3% {
    transform: translateX(-100%);
    visibility: visible;
  }
  34% {
    transform: translateX(-100%);
    visibility: hidden;
  }
  65% {
    transform: translateX(100%);
    visibility: hidden;
  }
  66.6% {
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
    visibility: visible;
  }
}

@keyframes loop-animation_group-1 {
  0% {
    transform: translateX(0);
    visibility: visible;
  }
  33.3% {
    transform: translateX(-100%);
    visibility: visible;
  }
  66.6% {
    transform: translateX(-200%);
    visibility: visible;
  }
  67% {
    transform: translateX(-200%);
    visibility: hidden;
  }
  99% {
    transform: translateX(0);
    visibility: hidden;
  }
  100% {
    transform: translateX(0);
    visibility: visible;
  }
}

@keyframes loop-animation_group-2 {
  0% {
    transform: translateX(-300%);
    visibility: visible;
  }
  1% {
    transform: translateX(-300%);
    visibility: hidden;
  }
  32% {
    transform: translateX(-100%);
    visibility: hidden;
  }
  33.3% {
    transform: translateX(-100%);
    visibility: visible;
  }
  66.6% {
    transform: translateX(-200%);
    visibility: visible;
  }
  100% {
    transform: translateX(-300%);
    visibility: visible;
  }
}

/* .ec-customers {
  overflow: hidden;
  margin: clamp(62.9px, -0.6px + 19.83vw, 98.4px) auto 0;
  width: 100%;
}

.ec-customers__container {
  margin-top: var(--clamp-40sp);
  padding: 0 var(--clamp-40sp);
}

.ec-customers__list--pc {
  display: none;
}

.ec-customers__list--sp {
  align-items: center;
  animation: loop-animation 10s infinite linear 1s both;
  display: flex;
}

@keyframes loop-animation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.ec-customers__list--logo-wrapper {
  flex-shrink: 0;
  height: 80px;
  margin: 0 32px;
}

.ec-customers__list--logo-wrapper img {
  height: 100%;
  object-fit: contain;
}

@media all and (min-width: 744px) {
  .ec-customers {
    margin: clamp(26px, 0.4px + 3.45vw, 50px) auto 0;
  }

  .ec-customers__container {
    margin-top: var(--clamp-40);
    padding: 0;
  }

  .ec-customers__list--pc {
    display: flex;
    flex-direction: column;
    gap: var(--clamp-24);
  }

  .ec-customers__list--sp {
    display: none;
  }

  .ec-customers__list--container {
    display: flex;
    gap: var(--clamp-64);
    justify-content: center;
  }
  
  .ec-customers__list--logo-wrapper {
    height: var(--clamp-80);
    margin: 0;
  }
} */

/* features */
.ec-features__contents {
  margin-top: var(--clamp-24sp);
}

.ec-features__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-40sp);
}

.ec-features__list--item {
  display: flex;
  flex-direction: column;
  padding: var(--clamp-16sp) 0;
  width: var(--clamp-306sp);
}

.ec-features__list--item_h3 {
  font-size: var(--clamp-18sp);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.ec-features__list--item_h3::after {
  background-color: var(--blue);
  content: "";
  display: block;
  height: var(--clamp-14sp);
  margin: var(--clamp-16sp) auto;
  width: var(--clamp-14sp);
}

@media all and (min-width: 744px) {
  .ec-features__contents {
    margin-top: var(--clamp-24);
  }

  .ec-features__list {
    align-items: flex-start;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
  }

  .ec-features__list--item {
    padding: var(--clamp-16) 0;
    width: clamp(166px, 92.2px + 9.91vw, 235px);
  }

  .ec-features__list--item_h3 {
    font-size: var(--clamp-f18);
    letter-spacing: -1.8px;
  }

  .ec-features__list--item_h3::after {
    height: var(--clamp-14);
    margin: var(--clamp-16) auto;
    width: var(--clamp-14);
  }
}

.ec-features__list--item p:not(:first-of-type) {
  margin-top: 1em;
}

/* trainig-policies */
.ec-training-policies__caption {
  font-weight: 700;
  line-height: 1.45;
  margin: var(--clamp-24sp) auto 0;
  text-align: justify;
  width: var(--clamp-336sp);
}

.ec-training-policies__pic {
  display: flex;
  justify-content: center;
  margin-top: var(--clamp-24sp);
}

.ec-training-policies__pic--container,
.ec-training-policies__pic--container_full-wide {
  width: var(--clamp-360sp);
}

@media all and (min-width: 744px) {
  .ec-training-policies__caption {
    margin-top: var(--clamp-24);
    text-align: center;
    width: 100%;
  }

  .ec-training-policies__pic {
    background-color: var(--ex-light-gray);
    margin-top: var(--clamp-24);
  }

  .ec-training-policies__pic--with-pd {
    padding: var(--clamp-32) 0;
  }

  .ec-training-policies__pic--container {
    width: clamp(356px, 150.8px + 27.59vw, 548px);
  }

  .ec-training-policies__pic--container_full-wide {
    width: 100%;
  }
}

/* prices */
.ec-prices__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--clamp-18sp);
  margin-top: var(--clamp-24sp);
}

.ec-prices__list--item {
  border: 1px solid var(--blue);
  margin: 0 auto;
  padding: var(--clamp-40sp) 0 var(--clamp-22sp);
  width: var(--clamp-306sp);
}

.ec-prices__h3 {
  align-items: center;
  display: flex;
  font-size: var(--clamp-22sp);
  font-weight: 700;
  justify-content: center;
}

.ec-prices__h3::before,
.ec-prices__h3::after {
  background-color: var(--blue);
  content: "";
  height: var(--clamp-14sp);
  margin: var(--clamp-16sp);
  width: var(--clamp-14sp);
}

.ec-prices__description {
  margin-top: var(--clamp-24sp);
}

.ec-prices__h4 {
  color: var(--light-gray);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  text-align: center;
}

.ec-prices__details {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  height: clamp(216.8px, -2px + 68.38vw, 339.2px);
  margin: var(--clamp-16sp) auto 0;
  width: clamp(131.8px, -1.2px + 41.56vw, 206.2px);
}

.ec-prices__details--item {
  align-items: center;
  color: var(--blue);
  display: flex;
  font-weight: 700;
}

.ec-prices__details--item::before {
  background: url(../../images/icon/icon_check.svg) no-repeat center/contain;
  content: "";
  flex-shrink: 0;
  height: var(--clamp-16sp);
  margin-right: var(--clamp-8sp);
  width: var(--clamp-16sp);
}

.ec-pricess__training--fee {
  color: var(--blue);
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
  width: var(--clamp-200sp);
}

.ec-pricess__training--fee span {
  font-size: var(--clamp-42sp);
}

.ec-pricess__training--fee_ex-pale-blue-border {
  border-bottom: var(--clamp-8sp) solid var(--ex-pale-blue);
  border-top: var(--clamp-8sp) solid var(--ex-pale-blue);
}

.ec-pricess__training--fee_pale-blue-border {
  border-bottom: var(--clamp-8sp) solid var(--pale-blue);
  border-top: var(--clamp-8sp) solid var(--pale-blue);
}

.ec-pricess__training--fee_blue-border {
  border-bottom: var(--clamp-8sp) solid var(--blue);
  border-top: var(--clamp-8sp) solid var(--blue);
}

.ec-prices__discount {
  border-bottom: 1px dashed var(--blue);
  border-top: 1px dashed var(--blue);
  color: var(--blue);
  font-weight: 400;
  margin: var(--clamp-24sp) auto 0;
  padding: var(--clamp-10sp) 0;
  text-align: center;
  width: var(--clamp-360sp);
}

.ec-prices__discount--text {
  font-size: var(--clamp-18sp);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-prices__list {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    margin-top: var(--clamp-24);
  }

  .ec-prices__list--item {
    border: 1px solid var(--blue);
    margin: 0;
    padding: var(--clamp-40) 0 var(--clamp-22);
    width: clamp(166px, 92.2px + 9.91vw, 235px);
  }

  .ec-prices__h3 {
    font-size: var(--clamp-f22);
  }

  .ec-prices__h3::before,
  .ec-prices__h3::after {
    height: var(--clamp-14);
    margin: 0 var(--clamp-16);
    width: var(--clamp-14);
  }

  .ec-prices__description {
    margin-top: var(--clamp-24);
  }

  .ec-prices__h4 {
    font-size: var(--clamp-f16);
  }

  .ec-prices__details {
    gap: var(--clamp-f16);
    height: clamp(165px, 63.5px + 13.65vw, 260px);
    margin-top: var(--clamp-f16);
    width: clamp(105px, 28.3px + 10.31vw, 152px);
  }

  .ec-prices__details--item::before {
    height: var(--clamp-f16);
    margin-right: var(--clamp-8);
    width: var(--clamp-f16);
  }

  .ec-pricess__training--fee {
    width: 200px;
  }

  .ec-pricess__training--fee span {
    font-size: var(--clamp-42);
  }

  .ec-pricess__training--fee_ex-pale-blue-border {
    border-bottom-width: var(--clamp-8);
    border-top-width: var(--clamp-8);
  }

  .ec-pricess__training--fee_pale-blue-border {
    border-bottom-width: var(--clamp-8);
    border-top-width: var(--clamp-8);
  }

  .ec-pricess__training--fee_blue-border {
    border-bottom-width: var(--clamp-8);
    border-top-width: var(--clamp-8);
  }

  .ec-prices__discount {
    margin-top: var(--clamp-24);
    padding-top: var(--clamp-10);
    width: 100%;
  }

  .ec-prices__discount--text {
    font-size: var(--clamp-f22);
    margin-bottom: var(--clamp-10);
  }
}

/* faq */
.ec-faq__container {
  margin-top: var(--clamp-40sp);
}

.ec-faq__h3 {
  font-size: var(--clamp-22sp);
  font-weight: 700;
  text-align: center;
}

.ec-faq__list {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-24sp);
  margin: var(--clamp-24sp) auto 0;
  padding: var(--clamp-10sp) 0;
  width: clamp(270.3px, -2.5px + 85.25vw, 422.9px);
}

.ec-faq__list--question {
  align-items: center;
  font-weight: 700;
}

.ec-faq__list--answer {
  align-items: flex-start;
  font-weight: 400;
}

.ec-faq__list--question,
.ec-faq__list--answer {
  display: flex;
  line-height: 1.45;
}

.ec-faq__list--question::before,
.ec-faq__list--answer::before {
  align-items: center;
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  flex-shrink: 0;
  height: var(--clamp-16sp);
  justify-content: center;
  margin-right: var(--clamp-26sp);
  width: var(--clamp-20sp);
}

.ec-faq__list--question::before {
  color: var(--blue);
  content: "Q";
  transform: scale(1.75) translateY(-2px);
}

.ec-faq__list--answer::before {
  color: var(--red);
  content: "A";
  transform: scale(1.75) translateY(2px);
}

@media all and (min-width: 744px) {
  .ec-faq__container {
    margin-top: var(--clamp-40);
  }

  .ec-faq__h3 {
    font-size: var(--clamp-f22);
  }

  .ec-faq__list {
    gap: var(--clamp-16);
    margin-top: var(--clamp-24);
    padding: var(--clamp-10) 0;
    width: 100%;
  }

  .ec-faq__list--question,
  .ec-faq__list--answer {
    align-items: flex-start;
  }

  .ec-faq__list--question::before,
  .ec-faq__list--answer::before {
    font-size: var(--clamp-f16);
    height: var(--clamp-f16);
    margin-right: clamp(18px, 0.9px + 2.3vw, 34px);
    width: clamp(14px, 7.6px + 0.86vw, 20px);
  }

  .ec-faq__list--question::before {
    transform: scale(1.75);
  }
}

/* cta-ppt */
.ec-cta-ppt__container {
  border: var(--clamp-2sp) solid var(--red);
  margin: 0 auto;
  padding: var(--clamp-40sp) var(--clamp-20sp);
  width: var(--clamp-354sp);
}

.ec-cta-ppt__head {
  background-color: var(--red);
  color: var(--white);
  font-weight: 700;
  line-height: 1.4;
  padding: var(--clamp-10sp) 0;
  text-align: center;
}

.ec-cta-ppt__head--size_large {
  font-size: var(--clamp-20sp);
}

.ec-cta-ppt__head--size_normal {
  font-size: var(--clamp-16sp);
}

.ec-cta-ppt__head--align_left {
  margin-right: auto;
}

.ec-cta-ppt__head--align_right {
  margin-left: auto;
}

.ec-cta-ppt__head--align_center {
  margin: 0 auto;
}

.ec-cta-ppt__head--width_ppt {
  width: var(--clamp-140sp);
}

.ec-cta-ppt__head--width_full {
  width: 100%;
}

.ec-cta-ppt__features {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ec-cta-ppt__features--list {
  color: var(--red);
  font-size: var(--clamp-14sp);
  font-weight: 700;
  margin-top: var(--clamp-42sp);
  text-align: center;
}

.ec-cta-ppt__features--list::before {
  background-color: var(--red);
  content: "";
  display: block;
  height: var(--clamp-14sp);
  margin: 0 auto var(--clamp-14sp);
  width: var(--clamp-14sp);
}

.ec-cta-ppt__sp-benefit {
  margin-top: var(--clamp-40sp);
}

.ec-cta-ppt__sp-benefit--head {
  color: var(--red);
  font-weight: 700;
  width: 100%;
}

.ec-cta-ppt__sp-benefit--text {
  font-weight: 400;
  line-height: 1.4;
  margin-top: var(--clamp-16sp);
  width: 100%;
}

.ec-cta-ppt__sp-benefit--images {
  background-color: var(--ex-light-gray);
  padding: var(--clamp-10sp);
}

.ec-cta-ppt__sp-benefit--images_mt-large {
  margin-top: var(--clamp-42sp);
}

.ec-cta-ppt__sp-benefit--images_mt-normal {
  margin-top: var(--clamp-16sp);
}

.ec-cta-ppt__sp-benefit--images_head {
  font-size: var(--clamp-14sp);
  font-weight: 400;
}

.ec-cta-ppt__sp-benefit--images_container {
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-16sp);
}

.ec-cta-ppt__sp-benefit--images_container img {
  width: 100%;
}

.ec-cta-ppt__btn-vertical-layout {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-40sp);
}

.ec-cta-ppt__btn-horizontal-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-40sp);
}

.ec-cta-ppt__link-btn {
  font-size: var(--clamp-26sp);
  font-weight: 700;
  height: clamp(59.5px, -0.6px + 18.77vw, 93.1px);
  width: clamp(253.3px, -2.3px + 79.89vw, 396.3px);
}

@media all and (min-width: 744px) {
  .ec-cta-ppt__container {
    padding: var(--clamp-40) var(--clamp-32);
    width: clamp(526px, 306.9px + 29.45vw, 731px);
  }

  .ec-cta-ppt__head {
    padding: var(--clamp-10) 0;
  }

  .ec-cta-ppt__head--size_large {
    font-size: var(--clamp-f20);
  }

  .ec-cta-ppt__head--size_normal {
    font-size: var(--clamp-f16);
  }

  .ec-cta-ppt__head--width_ppt {
    width: clamp(87.5px, 31.4px + 7.54vw, 140px);
  }

  .ec-cta-ppt__features {
    align-items: stretch;
    flex-direction: row;
  }

  .ec-cta-ppt__features--list {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-42);
  }

  .ec-cta-ppt__features--list::before {
    height: var(--clamp-14);
    margin-bottom: var(--clamp-14);
    width: var(--clamp-14);
  }

  .ec-cta-ppt__sp-benefit {
    margin-top: var(--clamp-40);
  }

  .ec-cta-ppt__sp-benefit--head {
    width: clamp(350px, 142.6px + 27.87vw, 544px);
  }

  .ec-cta-ppt__sp-benefit--text {
    margin-top: var(--clamp-16);
    width: clamp(350px, 142.6px + 27.87vw, 544px);
  }

  .ec-cta-ppt__sp-benefit--images {
    padding: var(--clamp-16);
  }

  .ec-cta-ppt__sp-benefit--images_mt-large {
    margin-top: var(--clamp-42);
  }

  .ec-cta-ppt__sp-benefit--images_mt-normal {
    margin-top: var(--clamp-16);
  }

  .ec-cta-ppt__sp-benefit--images_head {
    font-size: var(--clamp-f14);
  }

  .ec-cta-ppt__sp-benefit--images_container {
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    margin-top: var(--clamp-16);
  }

  .ec-cta-ppt__sp-benefit--images_container img {
    width: clamp(154px, 104.8px + 6.61vw, 200px);
  }

  .ec-cta-ppt__btn-vertical-layout {
    gap: var(--clamp-24);
    margin-top: var(--clamp-42);
  }

  .ec-cta-ppt__btn-horizontal-layout {
    gap: var(--clamp-24);
    margin-top: var(--clamp-42);
  }

  .ec-cta-ppt__link-btn {
    font-size: var(--clamp-24);
    height: var(--clamp-70);
    width: var(--clamp-298);
  }
}

/* differences */
.ec-differences-common__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: clamp(30.6px, -0.3px + 9.66vw, 47.9px);
  margin-top: var(--clamp-24sp);
}

.ec-differences-common__others,
.ec-differences-common__ours {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--clamp-24sp);
  position: relative;
  width: var(--clamp-354sp);
}

.ec-differences-common__others {
  border: 1px solid var(--light-gray);
}

.ec-differences-common__ours {
  border: 1px solid transparent;
}

.ec-differences-common__ours::before {
  border: clamp(3px, 1.9px + 0.14vw, 4px) solid var(--green);
  bottom: -1px;
  content: "";
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: -1;
}

.ec-differences-common__h3 {
  border-radius: 9999px;
  color: var(--white);
  font-size: var(--clamp-22sp);
  font-weight: 700;
  line-height: var(--clamp-40sp);
  margin: 0 auto;
  padding: 0 var(--clamp-24sp);
  text-align: center;
}

.ec-differences-common__training-contents {
  font-size: var(--clamp-14sp);
  font-weight: 700;
  height: clamp(70.6px, -0.5px + 22.23vw, 110.4px);
  margin-top: var(--clamp-24sp);
}

.ec-differences-common__ours .ec-differences-common__training-contents span {
  font-size: var(--clamp-16sp);
}

.ec-differences-common__training-image {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: var(--clamp-24sp);
}

.ec-differences-common__training-image--input {
  align-items: center;
  background-color: var(--blue);
  border-radius: 9999px;
  color: var(--white);
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  flex-wrap: wrap;
  height: clamp(40px, -0.2px + 12.57vw, 62.5px);
  justify-content: center;
  width: clamp(112.2px, -1.1px + 35.42vw, 175.6px);
}

.ec-differences-common__training-image--input span {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  position: relative;
  top: -3px;
}

.ec-differences-common__training-image--output {
  align-items: center;
  border-radius: 9999px;
  color: var(--white);
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  flex-wrap: wrap;
  height: clamp(40px, -0.2px + 12.57vw, 62.5px);
  justify-content: center;
  width: var(--clamp-160sp);
}

.ec-differences-common__training-image--output span {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  position: relative;
  top: -3px;
}

.ec-differences-common__training-image--output_ng {
  background-color: var(--disabled-gray);
  opacity: 0.4;
  position: relative;
}

.ec-differences-common__training-image--output_ng::before,
.ec-differences-common__training-image--output_ng::after {
  background-color: var(--gray);
  content: "";
  opacity: 0.6;
  position: absolute;
  transform: rotate(45deg);
}

.ec-differences-common__training-image--output_ng::before {
  height: var(--clamp-12sp);
  width: clamp(80.8px, -0.7px + 25.47vw, 126.4px);
}

.ec-differences-common__training-image--output_ng::after {
  height: clamp(80.8px, -0.7px + 25.47vw, 126.4px);
  width: var(--clamp-12sp);
}

.ec-differences-common__training-image--output_ok {
  background-color: var(--blue);
}

.ec-differences-common__training-image--icon-arrow {
  height: var(--clamp-22sp);
  margin: var(--clamp-5sp) 0 var(--clamp-2sp);
  width: var(--clamp-22sp);
}

.ec-differences-common__training-image--icon-arrow img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-differences-common__training-point {
  color: var(--dark-green);
  font-size: var(--clamp-22sp);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-top: var(--clamp-24sp);
  text-align: center;
}

@media all and (min-width: 744px) {
  .ec-differences-common__container {
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    margin-top: var(--clamp-24);
  }

  .ec-differences-common__others,
  .ec-differences-common__ours {
    padding: var(--clamp-24);
    width: clamp(256px, 151.2px + 14.08vw, 354px);
  }

  .ec-differences-common__h3 {
    font-size: var(--clamp-f22);
    line-height: clamp(28px, 15.2px + 1.72vw, 40px);
    padding: 0 var(--clamp-24);
  }

  .ec-differences-common__training-contents {
    font-size: var(--clamp-f14);
    height: clamp(68px, 42.4px + 3.45vw, 92px);
    margin-top: var(--clamp-24);
  }

  .ec-differences-common__ours .ec-differences-common__training-contents span {
    font-size: clamp(12px, 7.7px + 0.57vw, 16px);
  }

  .ec-differences-common__training-image {
    margin-top: var(--clamp-24);
  }

  .ec-differences-common__training-image--input {
    font-size: clamp(12px, 7.7px + 0.57vw, 16px);
    height: clamp(40px, 32.5px + 1.01vw, 47px);
    width: clamp(110px, 86.48px + 3.16vw, 132px);
  }

  .ec-differences-common__training-image--input span {
    font-size: var(--clamp-f12);
  }

  .ec-differences-common__training-image--output {
    font-size: clamp(12px, 7.7px + 0.57vw, 16px);
    height: clamp(40px, 32.5px + 1.01vw, 47px);
    width: clamp(130px, 97.9px + 4.31vw, 160px);
  }

  .ec-differences-common__training-image--output span {
    font-size: var(--clamp-f12);
  }

  .ec-differences-common__training-image--output_ng::before {
    height: clamp(9px, 5.8px + 0.43vw, 12px);
    width: clamp(80px, 69.3px + 1.44vw, 90px);
  }

  .ec-differences-common__training-image--output_ng::after {
    height: clamp(80px, 69.3px + 1.44vw, 90px);
    width: clamp(9px, 5.8px + 0.43vw, 12px);
  }

  .ec-differences-common__training-image--icon-arrow {
    height: clamp(12px, 3.5px + 1.15vw, 20px);
    margin: clamp(3px, 1.9px + 0.14vw, 4px) 0;
    width: clamp(12px, 3.5px + 1.15vw, 20px);
  }

  .ec-differences-common__training-point {
    font-size: var(--clamp-f22);
    margin-top: var(--clamp-24);
  }
}

/* strong points */
.ec-strong-points-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ec-strong-points__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: var(--clamp-16sp);
  width: clamp(299px, -3.1px + 94.41vw, 468px);
}

.ec-strong-points__list::before {
  background-color: var(--gray);
  border-radius: 50%;
  color: var(--white);
  counter-increment: strong-point 1;
  content: counter(strong-point);
  font-size: var(--clamp-22sp);
  font-weight: 700;
  height: var(--clamp-40sp);
  line-height: clamp(32.3px, -0.2px + 10.17vw, 50.5px);
  text-align: center;
  width: var(--clamp-40sp);
}

.ec-strong-points__h3 {
  font-size: var(--clamp-22sp);
  font-weight: 700;
  line-height: 1.45;
  margin-top: var(--clamp-16sp);
  width: 100%;
}

.ec-strong-points__h3::after {
  background-color: transparent;
  content: "";
  display: block;
  height: var(--clamp-4sp);
  margin-top: var(--clamp-12sp);
}

.ec-strong-points__h3-border::after {
  background-color: var(--gray);
}

.ec-strong-points__pic {
  font-size: 0;
  margin-top: var(--clamp-24sp);
  width: 100%;
}

.ec-strong-points__pic img {
  object-fit: cover;
  width: 100%;
}

.ec-strong-points__point {
  display: flex;
  justify-content: space-between;
  margin-top: var(--clamp-24sp);
  width: 100%;
}

.ec-strong-points__point::before {
  background-color: var(--blue);
  color: var(--white);
  content: "Point";
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.4;
  padding: var(--clamp-4sp) var(--clamp-12sp);
}

.ec-strong-point__point--pos_start {
  align-items: flex-start;
}

.ec-strong-point__point--pos_center {
  align-items: center;
}

.ec-strong-points__point--text {
  color: var(--blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.4;
  width: clamp(201.4px, -2px + 63.58vw, 315.2px);
}

.ec-strong-points__description {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: var(--clamp-24sp);
  width: 100%;
}

.ec-strong-points__description--text {
  font-size: var(--clamp-14sp);
  font-weight: 300;
  line-height: 1.4;
}

@media all and (min-width: 744px) {
  .ec-strong-points__list {
    margin: 0;
    padding: var(--clamp-16);
    width: clamp(252px, 145.1px + 14.37vw, 352px);
  }

  .ec-strong-points__list:nth-child(n + 3) {
    margin-top: var(--clamp-40);
  }

  .ec-strong-points__list::before {
    font-size: var(--clamp-f22);
    height: var(--clamp-40);
    line-height: clamp(20px, 0.8px + 2.59vw, 38px);
    width: var(--clamp-40);
  }

  .ec-strong-points__h3 {
    font-size: var(--clamp-f22);
    margin-top: var(--clamp-16);
  }

  .ec-strong-points__h3::after {
    height: var(--clamp-4);
    margin-top: var(--clamp-12);
  }

  .ec-strong-points__pic {
    margin-top: var(--clamp-24);
  }

  .ec-strong-points__point {
    margin-top: var(--clamp-24);
  }

  .ec-strong-points__point::before {
    font-size: var(--clamp-f16);
    padding: var(--clamp-4) var(--clamp-12);
  }

  .ec-strong-points__point--text {
    font-size: var(--clamp-f16);
    width: clamp(185px, 129.4px + 7.47vw, 237px);
  }

  .ec-strong-points__description {
    margin-top: var(--clamp-24);
  }

  .ec-strong-points__description--text {
    font-size: var(--clamp-f14);
  }
}

/* feedbacks - common */
.ec-feedbacks__head-image {
  height: var(--clamp-100sp);
  margin-bottom: var(--clamp-40sp);
  width: 100%;
}

.ec-feedbacks__head-icon {
  height: var(--clamp-60sp);
  margin: 0 auto var(--clamp-16sp);
  width: var(--clamp-60sp);
}

.ec-feedbacks__head-image img,
.ec-feedbacks__head-icon img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-feedbacks__h3 {
  font-size: var(--clamp-22sp);
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: var(--clamp-24sp);
  text-align: center;
}

.ec-feedbacks__list-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ec-feedbacks__list {
  align-content: flex-start;
  border: 1px solid var(--gray);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 1.4;
  padding: var(--clamp-24sp);
}

.ec-feedbacks__list:nth-child(n + 2) {
  margin-top: var(--clamp-24sp);
}

.ec-feedbacks-cta {
  gap: var(--clamp-16sp);
  margin-top: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .ec-feedbacks__head-image {
    height: var(--clamp-100);
    margin-bottom: var(--clamp-40);
  }

  .ec-feedbacks__head-icon {
    height: var(--clamp-60);
    margin-bottom: var(--clamp-16);
    width: var(--clamp-60);
  }

  .ec-feedbacks__h3 {
    font-size: var(--clamp-f22);
    margin-bottom: var(--clamp-24);
  }

  .ec-feedbacks__list-wrapper {
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ec-feedbacks__list {
    padding: var(--clamp-24);
  }

  .ec-feedbacks__list:nth-child(2) {
    margin-top: 0;
  }

  .ec-feedbacks__list:nth-child(n + 3) {
    margin-top: var(--clamp-24);
  }

  .ec-feedbacks-cta {
    gap: var(--clamp-40);
    margin-top: var(--clamp-40);
  }
}

/* feedbacks - individuals */
.ec-feedbacks__list--individuals_image {
  border-radius: 50%;
  height: var(--clamp-120sp);
  overflow: hidden;
  width: var(--clamp-120sp);
}

.ec-feedbacks__list--individuals_image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-feedbacks__list--individuals_profile {
  width: var(--clamp-160sp);
}

.ec-feedbacks__list--individuals_name {
  font-weight: 700;
}

.ec-feedbacks__list--individuals_position {
  font-size: var(--clamp-14sp);
  font-weight: 300;
  margin-top: var(--clamp-8sp);
}

.ec-feedbacks__list--individuals_message {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  font-weight: 400;
  gap: 1em;
  margin-top: var(--clamp-16sp);
  padding: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-feedbacks__list--individuals_image {
    height: var(--clamp-120);
    width: var(--clamp-120);
  }

  .ec-feedbacks__list--individuals_profile {
    width: calc(100% - var(--clamp-120) - var(--clamp-16));
  }

  .ec-feedbacks__list--individuals_position {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-8);
  }

  .ec-feedbacks__list--individuals_message {
    margin-top: var(--clamp-16);
    padding: var(--clamp-10);
  }
}

/* feedbacks - corporates */
.ec-feedbacks__list--corporates_logo {
  margin: 0 auto;
  width: var(--clamp-120sp);
}

.ec-feedbacks__list--corporates_logo img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-feedbacks__list--corporates_company-name {
  font-weight: 700;
  margin-top: var(--clamp-16sp);
}

.ec-feedbacks__list--corporates_industry,
.ec-feedbacks__list--corporates_participants {
  font-size: var(--clamp-14sp);
  font-weight: 300;
  margin-top: var(--clamp-8sp);
}

.ec-feedbacks__list--corporates_pic-profile {
  margin-top: var(--clamp-16sp);
  position: relative;
  width: calc(100% - var(--clamp-20sp));
}

.ec-feedbacks__list--corporates_pic-profile::before {
  color: var(--light-gray);
  content: "担当者";
  font-size: var(--clamp-12sp);
  font-weight: 700;
}

.ec-feedbacks__list--corporates_pic-position {
  font-size: var(--clamp-12sp);
  font-weight: 300;
  margin-top: var(--clamp-4sp);
  width: var(--clamp-200sp);
}

.ec-feedbacks__list--corporates_pic-name {
  font-size: var(--clamp-14sp);
  font-weight: 300;
  margin-top: var(--clamp-4sp);
  width: var(--clamp-200sp);
}

.ec-feedbacks__list--corporates_pic-image {
  border-radius: 50%;
  bottom: 0;
  height: var(--clamp-60sp);
  left: calc(var(--clamp-200sp) + var(--clamp-16sp));
  overflow: hidden;
  position: absolute;
  width: var(--clamp-60sp);
}

.ec-feedbacks__list--corporates_message {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  font-weight: 400;
  gap: 1em;
  margin-top: var(--clamp-16sp);
  padding: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-feedbacks__list--corporates_logo {
    width: var(--clamp-120);
  }

  .ec-feedbacks__list--corporates_company-name {
    margin-top: var(--clamp-16);
  }

  .ec-feedbacks__list--corporates_industry,
  .ec-feedbacks__list--corporates_participants {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-8);
  }

  .ec-feedbacks__list--corporates_pic-profile {
    margin-top: var(--clamp-16);
    width: 100%;
  }

  .ec-feedbacks__list--corporates_pic-profile::before {
    font-size: var(--clamp-f12);
  }

  .ec-feedbacks__list--corporates_pic-position {
    font-size: var(--clamp-f12);
    margin-top: var(--clamp-8);
    width: clamp(145px, 86.2px + 7.9vw, 200px);
  }

  .ec-feedbacks__list--corporates_pic-name {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-8);
    width: clamp(145px, 86.2px + 7.9vw, 200px);
  }

  .ec-feedbacks__list--corporates_pic-image {
    left: calc(clamp(145px, 86.2px + 7.9vw, 200px) + 16px);
  }

  .ec-feedbacks__list--corporates_message {
    margin-top: var(--clamp-16);
    padding: var(--clamp-10);
  }
}

/* goal */
.ec-goal__abstruct {
  margin-top: var(--clamp-16sp);
  overflow: hidden;
  padding: var(--clamp-24sp) var(--clamp-16sp) 0;
  position: relative;
  width: 100%;
}

.ec-goal__abstruct--contents {
  display: flex;
  justify-content: space-between;
  transition: transform 0.2s ease 0s;
  width: clamp(632.4px, -6px + 199.5vw, 989.5px);
}

.ec-goal__abstruct--contents:has(
    input[id="ec-goal__abstruct-control--ExcelCamp"]:checked
  ) {
  transform: translateX(7.5%);
}

.ec-goal__abstruct--contents:has(
    input[id="ec-goal__abstruct-control--BotCamp"]:checked
  ) {
  transform: translateX(-27%);
}

.ec-goal__abstruct--contents:has(
    input[id="ec-goal__abstruct-control--PowerPointCamp"]:checked
  ) {
  transform: translateX(-61.5%);
}

.ec-goal__abstruct--wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: var(--clamp-16sp);
  position: relative;
  width: clamp(197.2px, -2px + 62.23vw, 308.6px);
}

.ec-goal__abstruct--wrapper::before {
  background-color: var(--blue);
  color: var(--white);
  counter-increment: goal 1;
  content: counter(goal);
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  width: 18px;
}

.ec-goal__abstruct--wrapper_this::after {
  background: url(../../images/icon/icon-this.svg) no-repeat center/contain;
  content: "";
  height: 1.4em;
  left: 0;
  position: absolute;
  text-align: center;
  top: -1.4em;
  width: 100%;
}

.ec-goal__abstruct--skill {
  align-items: center;
  border: var(--clamp-4sp) solid var(--blue);
  border-radius: 50%;
  display: flex;
  font-size: var(--clamp-22sp);
  font-weight: 700;
  height: var(--clamp-120sp);
  justify-content: center;
  margin-top: var(--clamp-8sp);
  width: var(--clamp-120sp);
}

.ec-goal__abstruct--skill_blue,
.ec-gaol__abstruct--camp_name_blue {
  background-color: var(--blue);
  color: var(--white);
}

.ec-goal__abstruct--skill_white,
.ec-gaol__abstruct--camp_name_white {
  background-color: var(--white);
  color: var(--blue);
}

.ec-goal__abstruct--camp_name {
  border: var(--clamp-4sp) solid var(--blue);
  font-weight: 700;
  margin-top: var(--clamp-4sp);
  padding: var(--clamp-12sp) 0;
  text-align: center;
  width: 100%;
}

.ec-goal__abstruct--camp_head {
  color: var(--blue);
  font-size: var(--clamp-12sp);
  font-weight: 700;
  margin-top: var(--clamp-24sp);
}

.ec-goal__abstruct--description {
  font-weight: 700;
  height: clamp(118px, 36.87vw, 184px);
  line-height: 1.44;
  margin-top: var(--clamp-24sp);
}

.ec-goal__abstruct--scroll {
  color: var(--blue);
  font-weight: 700;
  margin-top: var(--clamp-24sp);
}

.ec-goal__abstruct--scroll::after {
  background: url(../../images/icon/down-triangle--blue.svg) no-repeat
    bottom/contain;
  content: "";
  display: block;
  height: clamp(38.3px, -0.3px + 12.07vw, 59.9px);
  margin: 0 auto;
  width: clamp(35.7px, -0.4px + 11.28vw, 55.9px);
}

.ec-goal__abstruct--link,
.ec-goal__abstruct--dummy-link {
  font-size: var(--clamp-14sp);
  height: clamp(30.6px, -0.3px + 9.66vw, 47.9px);
  margin-top: var(--clamp-24sp);
  width: 100%;
}

.ec-goal__abstruct--dummy-link {
  background: var(--disabled-gray);
  border-radius: 9999px;
  color: var(--white);
  line-height: clamp(30.6px, -0.3px + 9.66vw, 47.9px);
  text-align: center;
}

.ec-goal__abstruct--dummy-link_notes {
  margin-top: var(--clamp-8sp);
  font-weight: 300;
}

.ec-goal__abstruct--pagination {
  align-items: center;
  display: flex;
  gap: var(--clamp-16sp);
  justify-content: center;
  margin-top: var(--clamp-16sp);
}

.ec-goal__abstruct--pagination_circle {
  background-color: #d9d9d9;
  border-radius: 50%;
  cursor: pointer;
  height: var(--clamp-10sp);
  width: var(--clamp-10sp);
}

.ec-goal__abstruct:has(input[id="ec-goal__abstruct-control--ExcelCamp"]:checked)
  label[for="ec-goal__abstruct-control--ExcelCamp"].ec-goal__abstruct--pagination_circle,
.ec-goal__abstruct:has(input[id="ec-goal__abstruct-control--BotCamp"]:checked)
  label[for="ec-goal__abstruct-control--BotCamp"].ec-goal__abstruct--pagination_circle,
.ec-goal__abstruct:has(
    input[id="ec-goal__abstruct-control--PowerPointCamp"]:checked
  )
  label[for="ec-goal__abstruct-control--PowerPointCamp"].ec-goal__abstruct--pagination_circle {
  background-color: var(--blue);
}

.ec-goal__abstruct--prev,
.ec-goal__abstruct--next {
  align-items: center;
  background-color: #d9d9d9;
  border-radius: 50%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: flex;
  height: var(--clamp-40sp);
  justify-content: center;
  position: absolute;
  top: calc(50% - clamp(40px, 4.2px + 11.17vw, 60px));
  transition: opacity 0.2s ease 0s;
  width: var(--clamp-40sp);
}

.ec-goal__abstruct--prev {
  left: var(--clamp-25sp);
}

.ec-goal__abstruct:has(input[id="ec-goal__abstruct-control--ExcelCamp"]:checked)
  .ec-goal__abstruct--prev,
.ec-goal__abstruct:has(
    input[id="ec-goal__abstruct-control--PowerPointCamp"]:checked
  )
  .ec-goal__abstruct--next {
  cursor: default;
  opacity: 0.2;
}

.ec-goal__abstruct--prev_triangle {
  border-bottom: 11px solid transparent;
  border-right: 18px solid var(--white);
  border-top: 11px solid transparent;
  transform: translate(-2px, 1px);
}

.ec-goal__abstruct--next {
  right: var(--clamp-25sp);
}

.ec-goal__abstruct--next_triangle {
  border-bottom: 11px solid transparent;
  border-left: 18px solid var(--white);
  border-top: 11px solid transparent;
  transform: translate(2px, 1px);
}

.ec-goal__achievements {
  margin-top: var(--clamp-40sp);
}

.ec-goal__achievements--h3 {
  color: var(--blue);
  font-size: var(--clamp-20sp);
  font-weight: 700;
  text-align: center;
}

.ec-goal__achievements-wrapper {
  margin-top: var(--clamp-40sp);
}

.ec-goal__achievements--h4 {
  background-color: var(--gray);
  color: var(--white);
  font-size: var(--clamp-20sp);
  font-weight: 700;
  line-height: 1.45;
  padding: var(--clamp-10sp) var(--clamp-16sp);
}

.ec-goal__achievements--days {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  gap: var(--clamp-24sp);
  padding: var(--clamp-40sp) var(--clamp-16sp) var(--clamp-24sp);
}

.ec-goal__achievements--days_wrapper {
  background-color: var(--white);
  padding: var(--clamp-16sp) 0;
}

.ec-goal__achievements--days_header {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  height: clamp(108.8px, -1px + 34.3vw, 170.2px);
  justify-content: space-between;
  padding: 0 var(--clamp-16sp);
}

.ec-goal__achievements--days_header::after {
  background: url(../../images/icon/up-arrow--gray.svg) no-repeat center/contain;
  content: "";
  height: var(--clamp-18sp);
  margin: 0 var(--clamp-14sp);
  order: 2;
  transform: rotate(180deg);
  width: var(--clamp-18sp);
}

.ec-goal__achievements--days_wrapper:has(
    > input[id="ec-goal__achievements-control--Day1"]:checked
  )
  .ec-goal__achievements--days_header::after,
.ec-goal__achievements--days_wrapper:has(
    > input[id="ec-goal__achievements-control--Day2"]:checked
  )
  .ec-goal__achievements--days_header::after,
.ec-goal__achievements--days_wrapper:has(
    > input[id="ec-goal__achievements-control--Day3"]:checked
  )
  .ec-goal__achievements--days_header::after,
.ec-goal__achievements--days_wrapper:has(
    > input[id="ec-goal__achievements-control--Day4"]:checked
  )
  .ec-goal__achievements--days_header::after,
.ec-goal__achievements--days_wrapper:has(
    > input[id="ec-goal__achievements-control--Day5"]:checked
  )
  .ec-goal__achievements--days_header::after {
  transform: rotate(0deg);
}

.ec-goal__achievements--days_header_day {
  font-size: var(--clamp-26sp);
  font-weight: 700;
  order: 1;
  padding-left: var(--clamp-16sp);
  width: 130px;
}

.ec-goal__achievements--days_header_h5 {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.4;
  margin-top: var(--clamp-26sp);
  order: 3;
}

.ec-goal__achievements--days_list {
  height: 0;
  list-style-type: disc;
  overflow: hidden;
  padding: 0 var(--clamp-16sp);
  transition: all 0.2s ease 0s;
}

input[id="ec-goal__achievements-control--Day1"]:checked
  ~ .ec-goal__achievements--days_list,
input[id="ec-goal__achievements-control--Day2"]:checked
  ~ .ec-goal__achievements--days_list,
input[id="ec-goal__achievements-control--Day3"]:checked
  ~ .ec-goal__achievements--days_list,
input[id="ec-goal__achievements-control--Day4"]:checked
  ~ .ec-goal__achievements--days_list,
input[id="ec-goal__achievements-control--Day5"]:checked
  ~ .ec-goal__achievements--days_list {
  height: auto;
  margin-top: var(--clamp-24sp);
}

.ec-goal__achievements__days_list_item {
  font-weight: 400;
  line-height: 1.44;
  margin-left: 1.2em;
}

.ec-goal__achievements__link {
  font-weight: 700;
  height: clamp(36.6px, -0.2px + 11.51vw, 57.2px);
  margin: var(--clamp-24sp) auto 5px;
  width: clamp(95.2px, -1px + 30.06vw, 149px);
}

.ec-goal__conclusions {
  background-color: var(--ex-light-gray);
  margin: var(--clamp-40sp) auto 0;
  padding: var(--clamp-24sp) var(--clamp-16sp);
  width: var(--clamp-343sp);
}

.ec-goal__conclusions--icon {
  height: var(--clamp-32sp);
  margin: 0 auto var(--clamp-10sp);
  width: var(--clamp-32sp);
}

.ec-goal__conclusions--icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-goal__conclusions--text {
  color: var(--caution-red);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.ec-goal__conclusions--notes {
  font-size: var(--clamp-14sp);
  font-weight: 300;
  margin-top: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-goal__abstruct {
    margin-top: var(--clamp-16);
    padding: var(--clamp-24) 0 0;
  }

  .ec-goal__abstruct--contents {
    transition: none;
    width: 100%;
  }

  .ec-goal__abstruct--contents:has(
      input[id="ec-goal__abstruct-control--ExcelCamp"]:checked
    ),
  .ec-goal__abstruct--contents:has(
      input[id="ec-goal__abstruct-control--BotCamp"]:checked
    ),
  .ec-goal__abstruct--contents:has(
      input[id="ec-goal__abstruct-control--PowerPointCamp"]:checked
    ) {
    transform: translateX(0%);
  }

  .ec-goal__abstruct--wrapper {
    padding: var(--clamp-16);
    width: clamp(167px, 97.5px + 9.34vw, 232px);
  }

  .ec-goal__abstruct--skill {
    border-width: var(--clamp-4);
    font-size: var(--clamp-f22);
    height: var(--clamp-120);
    margin-top: var(--clamp-8);
    width: var(--clamp-120);
  }

  .ec-goal__abstruct--camp_name {
    border-width: var(--clamp-4);
    margin-top: var(--clamp-4);
    padding: var(--clamp-12) 0;
  }

  .ec-goal__abstruct--camp_head {
    font-size: var(--clamp-f12);
    margin-top: var(--clamp-24);
  }

  .ec-goal__abstruct--description {
    height: clamp(75px, 7.6px + 9.05vw, 138px);
    margin-top: var(--clamp-24);
  }

  .ec-goal__abstruct--scroll {
    margin-top: var(--clamp-24);
  }

  .ec-goal__abstruct--scroll::after {
    height: clamp(28px, 9.8px + 2.44vw, 45px);
    width: clamp(25px, 6.8px + 2.44vw, 42px);
  }

  .ec-goal__abstruct--link,
  .ec-goal__abstruct--dummy-link {
    font-size: var(--clamp-f14);
    height: clamp(28px, 19.5px + 1.15vw, 36px);
    margin-top: var(--clamp-24);
  }

  .ec-goal__abstruct--dummy-link {
    line-height: clamp(28px, 19.5px + 1.15vw, 36px);
  }

  .ec-goal__abstruct--dummy-link_notes {
    margin-top: var(--clamp-8);
  }

  .ec-goal__abstruct--pagination,
  .ec-goal__abstruct--pagination_circle,
  .ec-goal__abstruct--prev,
  .ec-goal__abstruct--next {
    display: none;
  }

  .ec-goal__achievements {
    margin-top: var(--clamp-40);
  }

  .ec-goal__achievements--h3 {
    font-size: var(--clamp-26);
  }

  .ec-goal__achievements-wrapper {
    margin-top: var(--clamp-40);
  }

  .ec-goal__achievements--h4 {
    font-size: var(--clamp-f20);
    padding: var(--clamp-10) var(--clamp-16);
  }

  .ec-goal__achievements--days {
    gap: var(--clamp-24);
    padding: var(--clamp-40) var(--clamp-16) var(--clamp-24);
  }

  .ec-goal__achievements--days_wrapper {
    padding: var(--clamp-16) 0;
  }

  .ec-goal__achievements--days_header {
    height: clamp(30px, 0.1px + 4.02vw, 58px);
    justify-content: flex-start;
    padding: 0 0 0 var(--clamp-16);
  }

  .ec-goal__achievements--days_header::after {
    height: var(--clamp-f18);
    margin: 0 var(--clamp-f14);
    order: 3;
    width: var(--clamp-f18);
  }

  .ec-goal__achievements--days_header_day {
    font-size: var(--clamp-26);
    text-align: center;
    padding-left: 0;
    width: clamp(50.4px, 0.6px + 6.7vw, 97px);
  }

  .ec-goal__achievements--days_header_h5 {
    font-size: var(--clamp-f16);
    margin-left: var(--clamp-40);
    margin-top: 0;
    order: 2;
    width: clamp(398px, 289px + 14.66vw, 500px);
  }

  .ec-goal__achievements--days_list {
    padding-left: clamp(85px, 9.1px + 10.2vw, 156px);
    padding-right: var(--clamp-16);
  }

  input[id="ec-goal__achievements-control--Day1"]:checked
    ~ .ec-goal__achievements--days_list,
  input[id="ec-goal__achievements-control--Day2"]:checked
    ~ .ec-goal__achievements--days_list,
  input[id="ec-goal__achievements-control--Day3"]:checked
    ~ .ec-goal__achievements--days_list,
  input[id="ec-goal__achievements-control--Day4"]:checked
    ~ .ec-goal__achievements--days_list,
  input[id="ec-goal__achievements-control--Day5"]:checked
    ~ .ec-goal__achievements--days_list {
    margin-top: var(--clamp-24);
  }

  .ec-goal__achievements__link {
    height: clamp(33px, 22.3px + 1.44vw, 43px);
    margin: var(--clamp-24) 0 5px;
    width: clamp(72px, 29.2px + 5.75vw, 112px);
  }

  .ec-goal__conclusions {
    margin-top: var(--clamp-40);
    padding: var(--clamp-24) 0;
    text-align: center;
    width: 100%;
  }

  .ec-goal__conclusions--icon {
    height: var(--clamp-32);
    margin-bottom: var(--clamp-10);
    width: var(--clamp-32);
  }

  .ec-goal__conclusions--text {
    font-size: var(--clamp-f22);
  }

  .ec-goal__conclusions--notes {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-10);
  }
}

/* content table */
.ec-content-table-container {
  border: 1px solid var(--blue);
  margin: 0 auto;
  padding: var(--clamp-32sp) var(--clamp-24sp);
  width: var(--clamp-343sp);
}

.ec-content-table__h2 {
  align-items: center;
  display: flex;
  font-size: var(--clamp-22sp);
  font-weight: 700;
  justify-content: center;
  line-height: 1.45;
  text-align: center;
}

.ec-content-table__h2::before,
.ec-content-table__h2::after {
  background-color: var(--blue);
  content: "";
  height: var(--clamp-14sp);
  margin: 0 var(--clamp-16sp);
  width: var(--clamp-14sp);
}

.ec-content-table__wrapper {
  margin-top: var(--clamp-24sp);
}

.ec-content-table__h3 {
  color: var(--blue);
  font-size: var(--clamp-20sp);
  font-weight: 700;
  padding: var(--clamp-10sp) 0;
}

.ec-content-table__h3::before {
  counter-increment: content-table 1;
  content: counter(content-table) ". ";
}

.ec-content-table__list {
  font-size: var(--clamp-18sp);
  font-weight: 700;
  line-height: 1.44;
  list-style-type: disc;
  margin-left: var(--clamp-20sp);
  margin-top: var(--clamp-8sp);
  padding-left: var(--clamp-24sp);
}

@media all and (min-width: 744px) {
  .ec-content-table-container {
    padding: var(--clamp-32) var(--clamp-24);
    width: 100%;
  }

  .ec-content-table__h2 {
    font-size: var(--clamp-f22);
  }

  .ec-content-table__h2::before,
  .ec-content-table__h2::after {
    height: var(--clamp-f14);
    margin: 0 var(--clamp-f16);
    width: var(--clamp-f14);
  }

  .ec-content-table__wrapper {
    margin-top: var(--clamp-24);
  }

  .ec-content-table__h3 {
    font-size: var(--clamp-f20);
    padding: var(--clamp-10) 0;
  }

  .ec-content-table__list {
    font-size: var(--clamp-f18);
    margin-left: var(--clamp-20);
    margin-top: var(--clamp-8);
    padding-left: var(--clamp-24);
  }
}

/* course-fee */
.ec-course-fee-container {
  border: var(--clamp-4sp) solid var(--blue);
  margin: 0 auto;
  padding: var(--clamp-24sp) var(--clamp-16sp);
  width: var(--clamp-343sp);
}

.ec-course-fee__std-fee {
  display: flex;
  gap: var(--clamp-10sp);
  height: clamp(61.2px, -0.7px + 19.33vw, 95.8px);
  justify-content: center;
  margin-top: var(--clamp-40sp);
}

.ec-course-fee__std-fee--fee-type {
  background-color: var(--blue);
  color: var(--white);
  flex-shrink: 0;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  height: var(--clamp-42sp);
  padding: var(--clamp-10sp);
  transform: translateY(var(--clamp-6sp));
}

.ec-course-fee__std-fee--fee-info {
  color: var(--blue);
  font-size: var(--clamp-22sp);
  font-weight: 700;
  line-height: 1.45;
  padding: var(--clamp-10sp);
}

.ec-course-fee__std-fee--fee-info span {
  display: block;
  font-size: 10px;
}

.ec-course-fee__set-fee {
  align-items: center;
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  gap: var(--clamp-10sp);
  margin-top: var(--clamp-16sp);
  padding: var(--clamp-10sp);
}

.ec-course-fee__set-fee--fee-type {
  align-items: center;
  background-color: var(--blue);
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-weight: 700;
  line-height: 1.42;
  padding: var(--clamp-10sp);
}

.ec-course-fee__set-fee--fee-type_subject {
  font-size: var(--clamp-14sp);
}

.ec-course-fee__set-fee--fee-info {
  color: var(--blue);
  padding: var(--clamp-10sp);
  text-align: center;
}

.ec-course-fee__set-fee--fee-info_text {
  font-size: var(--clamp-22sp);
  font-weight: 700;
  line-height: 1.44;
}

.ec-course-fee__set-fee--fee-info_notes {
  font-size: var(--clamp-12sp);
  font-weight: 300;
  margin-top: var(--clamp-4sp);
}

.ec-course-fee-caution {
  background-color: var(--ex-light-gray);
  margin: var(--clamp-40sp) auto 0;
  padding: var(--clamp-24sp) var(--clamp-16sp);
  width: var(--clamp-343sp);
}

.ec-course-fee-caution__main {
  color: var(--caution-red);
  display: flex;
  flex-direction: column;
  font-weight: 700;
  line-height: 1.45;
  gap: 1em;
  text-align: center;
}

.ec-course-fee-caution__sub {
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-12sp);
  font-weight: 300;
  line-height: 1.4;
  gap: 0.6em;
  margin-top: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-course-fee-container {
    border-width: var(--clamp-4);
    padding: var(--clamp-24) var(--clamp-16);
    width: 100%;
  }

  .ec-course-fee__std-fee {
    gap: var(--clamp-10);
    height: clamp(50px, 11.5px + 5.17vw, 86px);
    margin-top: var(--clamp-40);
  }

  .ec-course-fee__std-fee--fee-type {
    font-size: var(--clamp-f16);
    height: var(--clamp-46);
    padding: clamp(7px, 3.8px + 0.43vw, 10px);
    transform: translateY(var(--clamp-12));
  }

  .ec-course-fee__std-fee--fee-info {
    font-size: var(--clamp-32);
    padding: clamp(7px, 3.8px + 0.43vw, 10px);
  }

  .ec-course-fee__std-fee--fee-info span {
    font-size: var(--clamp-14);
  }

  .ec-course-fee__set-fee {
    flex-direction: row;
    gap: clamp(7px, 3.8px + 0.43vw, 10px);
    height: clamp(72px, 31.4px + 5.46vw, 110px);
    justify-content: center;
    margin-top: var(--clamp-f16);
    padding: clamp(7px, 3.8px + 0.43vw, 10px);
  }

  .ec-course-fee__set-fee--fee-type {
    padding: clamp(7px, 3.8px + 0.43vw, 10px);
  }

  .ec-course-fee__set-fee--fee-type_subject {
    font-size: var(--clamp-f14);
  }

  .ec-course-fee__set-fee--fee-info {
    padding: clamp(7px, 3.8px + 0.43vw, 10px);
  }

  .ec-course-fee__set-fee--fee-info_text {
    font-size: var(--clamp-32);
  }

  .ec-course-fee__set-fee--fee-info_notes {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-4);
  }

  .ec-course-fee-caution {
    margin-top: var(--clamp-40);
    padding: var(--clamp-24) var(--clamp-16);
    width: 100%;
  }

  .ec-course-fee-caution__main {
    font-size: var(--clamp-f22);
  }

  .ec-course-fee-caution__sub {
    font-size: var(--clamp-f14);
    margin-top: clamp(7px, 3.8px + 0.43vw, 10px);
    text-align: center;
  }
}

/* camp schedule */
.ec-camp-schedule-container {
  padding: var(--clamp-24sp) 0;
}

.ec-camp-schedule-table {
  overflow-x: scroll;
  margin-top: var(--clamp-40sp);
  position: relative;
  width: 100%;
}

.ec-camp-schedule-table::before {
  background: url(../../images/day/scrollable.svg) no-repeat center/contain;
  content: "";
  height: 135px;
  left: calc(50% - 96px);
  opacity: 1;
  position: absolute;
  top: 150px;
  transition: all 0.1s ease 0s;
  visibility: visible;
  width: 192px;
}

.ec-camp-schedule-table[data-direction="false"]::before {
  opacity: 0;
  visibility: hidden;
}

.ec-camp-schedule-table::-webkit-scrollbar {
  height: 6px;
}

.ec-camp-schedule-table::-webkit-scrollbar-track {
  background-color: transparent;
  margin: 0 var(--clamp-16sp);
}

.ec-camp-schedule-table::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 9999px;
}

.ec-camp-schedule-table__inner {
  padding: 0 var(--clamp-16sp);
  width: clamp(665px, -5.4px + 209.5vw, 1040px);
}

.ec-camp-schedule-table__head {
  align-items: center;
  background-color: var(--gray);
  color: var(--white);
  display: flex;
  font-weight: 700;
  line-height: var(--clamp-42sp);
  text-align: center;
}

.ec-camp-schedule-table__date {
  width: 22.5%;
}

.ec-camp-schedule-table__place {
  width: 44%;
}

.ec-camp-schedule-table__capacity {
  width: 13.5%;
}

.ec-camp-schedule-table__availability {
  width: 20%;
}

.ec-camp-schedule-table__head .ec-camp-schedule-table__date,
.ec-camp-schedule-table__head .ec-camp-schedule-table__place,
.ec-camp-schedule-table__head .ec-camp-schedule-table__capacity {
  border-right: 1px solid var(--white);
}

.ec-camp-schedule-table__contents {
  border-left: 1px solid var(--ex-light-gray);
  border-right: 1px solid var(--ex-light-gray);
  padding-bottom: 5px;
}

.ec-camp-schedule-table__contents--list {
  display: flex;
  height: clamp(120px, -5.1px + 39.11vw, 190px);
}

.ec-camp-schedule-table__contents--list:nth-child(even) {
  background-color: var(--ex-light-gray);
}

.ec-camp-schedule-table__contents--list:nth-child(even)
  .ec-camp-schedule-table__date,
.ec-camp-schedule-table__contents--list:nth-child(even)
  .ec-camp-schedule-table__place,
.ec-camp-schedule-table__contents--list:nth-child(even)
  .ec-camp-schedule-table__capacity {
  border-right: 1px solid var(--white);
}

.ec-camp-schedule-table__contents--list:nth-child(odd)
  .ec-camp-schedule-table__date,
.ec-camp-schedule-table__contents--list:nth-child(odd)
  .ec-camp-schedule-table__place,
.ec-camp-schedule-table__contents--list:nth-child(odd)
  .ec-camp-schedule-table__capacity {
  border-right: 1px solid var(--ex-light-gray);
}

.ec-camp-schedule-table__contents--list_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.45;
  padding: 0 var(--clamp-24sp);
}

.ec-camp-schedule-table__contents--list_item_date {
  font-weight: 700;
  text-align: center;
}

.ec-camp-schedule-table__contents--list_item_time {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  text-align: center;
}

.ec-camp-schedule-table__contents--list_item_name {
  font-weight: 700;
}

.ec-camp-schedule-table__contents--list_item_zip {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  margin-top: var(--clamp-24sp);
}

.ec-camp-schedule-table__contents--list_item_address {
  font-size: var(--clamp-14sp);
  font-weight: 400;
  margin-top: var(--clamp-10sp);
}

.ec-camp-schedule-table__contents--list_item_capacity {
  font-weight: 700;
  text-align: center;
}

.ec-camp-schedule-table__contents--list_item_text {
  font-size: var(--clamp-12sp);
  font-weight: 700;
  text-align: center;
}

.ec-camp-schedule-table__contents--list_item_online {
  margin-top: var(--clamp-4sp);
}

.ec-camp-schedule-table__contents--list_item_link-btn {
  height: var(--clamp-32sp);
  font-size: var(--clamp-14sp);
  font-weight: 700;
  margin: var(--clamp-16sp) auto 0;
  width: var(--clamp-104sp);
}
.ec-camp-schedule-notification {
  display: flex;
  flex-direction: column;
  margin-top: var(--clamp-40sp);
  padding: var(--clamp-24sp) var(--clamp-16sp);
}

.ec-camp-schedule-notification__h3 {
  font-size: var(--clamp-20sp);
  font-weight: 700;
  text-align: center;
}

.ec-camp-schedule-notification__wrapper {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  margin: var(--clamp-24sp) auto 0;
  padding: var(--clamp-24sp);
}

.ec-camp-schedule-notification__head {
  font-weight: 700;
  line-height: 1.45;
}

.ec-camp-schedule-notification__head:not(:first-of-type) {
  margin-top: 1em;
}

.ec-camp-schedule-notification__note {
  font-size: var(--clamp-14sp);
  margin-top: 1em;
  font-weight: 300;
}

.ec-camp-schedule-notification__note p::before {
  content: "※";
}

.ec-camp-schedule-notification__list {
  font-weight: 400;
  margin-left: 4px;
}
.ec-camp-schedule-notification__list p::before {
  content: "・";
}

@media all and (min-width: 744px) {
  .ec-camp-schedule-container {
    padding: var(--clamp-24) 0;
  }

  .ec-camp-schedule-table {
    margin-top: var(--clamp-40);
  }

  .ec-camp-schedule-table::before {
    display: none;
  }

  .ec-camp-schedule-table__inner {
    padding: 0;
    width: 100%;
  }
  .ec-camp-schedule-table__head {
    height: clamp(30px, 16.1px + 1.87vw, 43px);
  }

  .ec-camp-schedule-table__contents {
    padding-bottom: 0;
  }

  .ec-camp-schedule-table__contents--list {
    height: clamp(94px, 48px + 6.18vw, 137px);
  }

  .ec-camp-schedule-table__contents--list_item {
    padding: 0 var(--clamp-24);
  }

  .ec-camp-schedule-table__contents--list_item_time {
    font-size: var(--clamp-f14);
  }

  .ec-camp-schedule-table__contents--list_item_zip {
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-24);
  }

  .ec-camp-schedule-table__contents--list_item_address {
    font-size: var(--clamp-f14);
    margin-top: clamp(7px, 3.8px + 0.43vw, 10px);
  }

  .ec-camp-schedule-table__contents--list_item_text {
    font-size: var(--clamp-f12);
  }

  .ec-camp-schedule-table__contents--list_item_online {
    margin-top: var(--clamp-4);
  }

  .ec-camp-schedule-table__contents--list_item_link-btn {
    height: clamp(25px, 17.5px + 1.01vw, 32px);
    font-size: var(--clamp-f14);
    margin-top: var(--clamp-f16);
    width: clamp(70px, 33.6px + 4.89vw, 104px);
  }

  .ec-camp-schedule-notification {
    margin-top: var(--clamp-40);
    padding: var(--clamp-24) var(--clamp-16);
  }

  .ec-camp-schedule-notification__h3 {
    font-size: var(--clamp-f22);
  }

  .ec-camp-schedule-notification__wrapper {
    margin-top: var(--clamp-24);
    padding: var(--clamp-24);
  }

  .ec-camp-schedule-notification__note {
    font-size: var(--clamp-f14);
  }
}

/* cta - flexible-plan */
.ec-cta-flexible-plan {
  align-items: center;
  border: var(--clamp-10sp) solid var(--blue);
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: var(--clamp-40sp) 0;
  width: var(--clamp-336sp);
}

.ec-cta-flexible-plan__caption {
  align-items: center;
  color: var(--blue);
  display: flex;
  font-size: var(--clamp-32sp);
  font-weight: 700;
}

.ec-cta-flexible-plan__caption::before,
.ec-cta-flexible-plan__caption::after {
  background-color: var(--blue);
  content: "";
  height: var(--clamp-14sp);
  margin: 0 var(--clamp-16sp);
  width: var(--clamp-14sp);
}

.ec-cta-flexible-plan__head {
  color: var(--blue);
  font-size: var(--clamp-18sp);
  font-weight: 700;
  line-height: 1.45;
  margin: var(--clamp-16sp) auto 0;
  width: clamp(244.8px, -2.3px + 77.21vw, 383px);
}

.ec-cta-flexible-plan__examples {
  background-color: var(--blue);
  display: flex;
  flex-direction: column;
  gap: var(--clamp-8sp);
  margin-top: var(--clamp-32sp);
  padding: var(--clamp-24sp) var(--clamp-14sp);
  width: 100%;
}

.ec-cta-flexible-plan__examples--list {
  align-items: center;
  color: var(--white);
  display: flex;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  line-height: 1.4;
}

.ec-cta-flexible-plan__examples--list::before {
  background-color: var(--white);
  content: "";
  height: var(--clamp-14sp);
  margin-right: var(--clamp-8sp);
  width: var(--clamp-14sp);
}

.ec-cta-flexible-plan__examples--text {
  color: var(--blue);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  margin-top: var(--clamp-16sp);
}

.ec-cta-flexible-plan__btn-wrapper {
  display: flex;
  gap: 1em;
}

.ec-cta-flexible-plan__btn {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  height: clamp(46.8px, -0.4px + 14.75vw, 73.2px);
  margin-top: var(--clamp-32sp);
  width: var(--clamp-140sp);
}

@media all and (min-width: 744px) {
  .ec-cta-flexible-plan {
    border: var(--clamp-10) solid var(--blue);
    padding: var(--clamp-40) 0;
    width: 100%;
  }

  .ec-cta-flexible-plan__caption {
    font-size: var(--clamp-32);
  }

  .ec-cta-flexible-plan__caption::before,
  .ec-cta-flexible-plan__caption::after {
    height: var(--clamp-14);
    margin: 0 var(--clamp-16);
    width: var(--clamp-14);
  }

  .ec-cta-flexible-plan__head {
    font-size: var(--clamp-26);
    margin-top: var(--clamp-16);
    width: auto;
  }

  .ec-cta-flexible-plan__examples {
    gap: var(--clamp-8);
    margin-top: var(--clamp-32);
    padding: var(--clamp-24);
    width: auto;
  }

  .ec-cta-flexible-plan__examples--list {
    font-size: var(--clamp-f16);
  }

  .ec-cta-flexible-plan__examples--list::before {
    height: var(--clamp-14);
    margin-right: var(--clamp-8);
    width: var(--clamp-14);
  }

  .ec-cta-flexible-plan__examples--text {
    font-size: var(--clamp-f16);
    margin-top: var(--clamp-16);
  }

  .ec-cta-flexible-plan__btn {
    font-size: var(--clamp-26);
    height: var(--clamp-70);
    margin-top: var(--clamp-32);
    width: var(--clamp-298);
  }
}

/* cta - excelcamp document */
.ec-cta__doc {
  margin-top: clamp(4.267rem, 21.33vw, 12.8rem);
  padding-bottom: clamp(4.267rem, 21.33vw, 12.8rem);
  position: relative;
}

@media all and (min-width: 960px) {
  .ec-cta__doc {
    margin-top: clamp(3.333rem, 5.56vw, 6.667rem);
    padding-bottom: clamp(3.333rem, 5.56vw, 6.667rem);
  }
}

.ec-cta__doc::before {
  background: url(../../images/new-employee/cta-doc_bg_sp.min.webp) no-repeat center/cover;
  bottom: 0;
  content: "";
  height: clamp(13.333rem, 66.67vw, 40rem);
  left: 0;
  position: absolute;
  width: 100%;
}

@media all and (min-width: 960px) {
  .ec-cta__doc::before {
    background: url(../../images/new-employee/cta-doc_bg_pc.min.webp) no-repeat center/cover;
    height: clamp(13.042rem, 21.74vw, 26.083rem);
  }
}

.ec-cta__doc-inner {
  background: #f9ffe6;
  border-radius: clamp(0.533rem, 2.67vw, 1.6rem);
  box-shadow: 0 0 clamp(0.533rem, 2.67vw, 1.6rem) rgba(0,0,0,.1);
  margin: 0 auto;
  padding: clamp(1.973rem, 9.87vw, 5.92rem) clamp(1.067rem, 5.33vw, 3.2rem) clamp(2.133rem, 10.67vw, 6.4rem);
  position: relative;
  width: clamp(17.867rem, 89.33vw, 53.6rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc-inner {
    border-radius: clamp(0.417rem, 0.69vw, 0.833rem);
    box-shadow: 0 0 clamp(0.417rem, 0.69vw, 0.833rem) rgba(0,0,0,.1);
    padding: clamp(1.667rem, 2.78vw, 3.333rem);
    width: clamp(42.208rem, 70.35vw, 84.417rem);
  }
}

.ec-cta__doc-inner::before {
  background: #0f7f3b;
  content: "";
  height: clamp(0.267rem, 1.33vw, 0.8rem);
  left: calc(50% - clamp(6.24rem, 31.2vw, 18.72rem));
  position: absolute;
  top: 0;
  width: clamp(12.48rem, 62.4vw, 37.44rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc-inner::before {
    height: clamp(0.208rem, 0.35vw, 0.417rem);
    left: calc(50% - clamp(14.792rem, 24.65vw, 29.583rem));
    width: clamp(29.583rem, 49.31vw, 59.167rem);
  }
}

.ec-cta__doc--title p {
  align-items: center;
  display: flex;
  font-size: clamp(0.693rem, 3.47vw, 2.08rem);
  font-weight: 700;
  gap: clamp(0.107rem, 0.53vw, 0.32rem);
  justify-content: center;
}

@media all and (min-width: 960px) {
  .ec-cta__doc--title p {
    font-size: clamp(0.958rem, 1.6vw, 1.917rem);
  }
}

.ec-cta__doc--title p span {
  border: 1px solid #525252;
  padding: 0 clamp(0.107rem, 0.53vw, 0.32rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc--title p span {
    padding: 0 clamp(0.167rem, 0.28vw, 0.333rem);
  }
}

.ec-cta__doc--title h2 {
  color: #0f7f3b;
  font-size: clamp(0.8rem, 4vw, 2.4rem);
  font-weight: 700;
  margin-top: clamp(0.533rem, 2.67vw, 1.6rem);
  text-align: center;
}

@media all and (min-width: 960px) {
  .ec-cta__doc--title h2 {
    font-size: clamp(1.375rem, 2.29vw, 2.75rem);
    margin-top: clamp(0.833rem, 1.39vw, 1.667rem);
  }
}

.ec-cta__doc--content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "carousel" "description" "btn";
  margin-top: clamp(2.133rem, 10.67vw, 6.4rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc--content {
    grid-template-columns: clamp(15.667rem, 26.11vw, 31.333rem) clamp(21.958rem, 36.6vw, 43.917rem);
    grid-template-rows: auto auto;
    grid-template-areas: "carousel description" "carousel btn";
    margin-top: clamp(1.667rem, 2.78vw, 3.333rem);
    justify-content: space-between;
  }
}

.ec-cta__doc--carousel {
  grid-area: carousel;
}

.ec-cta__doc--carousel_images {
  border: 1px solid #525252;
  height: clamp(8.213rem, 41.07vw, 24.64rem);
  overflow: hidden;
  width: 100%;
}

@media all and (min-width: 960px) {
  .ec-cta__doc--carousel_images {
    height: clamp(8.625rem, 14.37vw, 17.25rem);
  }
}

.ec-cta__doc--carousel ul {
  display: flex;
  height: 100%;
  transform: translateX(0);
  transition: transform .2s ease;
}

.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_01"]:checked) ul,
.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_04"]:checked) ul,
.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_07"]:checked) ul {
  transform: translateX(0);
}

.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_02"]:checked) ul,
.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_05"]:checked) ul,
.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_08"]:checked) ul {
  transform: translateX(-100%);
}

.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_03"]:checked) ul,
.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_06"]:checked) ul,
.ec-cta__doc--carousel_images:has(+ .ec-cta__doc--carousel_marker input[id="cta-doc-carousel_09"]:checked) ul {
  transform: translateX(-200%);
}

.ec-cta__doc--carousel li {
  background: #fff;
  flex-shrink: 0;
  height: 100%;
  width: 100%;
}

.ec-cta__doc--carousel li img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.ec-cta__doc--carousel_marker {
  display: flex;
  gap: clamp(0.267rem, 1.33vw, 0.8rem);
  justify-content: center;
  margin-top: clamp(0.533rem, 2.67vw, 1.6rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc--carousel_marker {
    gap: clamp(0.208rem, 0.35vw, 0.417rem);
    margin-top: clamp(0.625rem, 1.04vw, 1.25rem);
  }
}

.ec-cta__doc--carousel_marker label {
  border-radius: 50%;
  height: clamp(1.067rem, 5.33vw, 3.2rem);
  position: relative;
  user-select: none;
  width: clamp(1.067rem, 5.33vw, 3.2rem);
}

.ec-cta__doc--carousel_marker label::before {
  background: #929292;
  border-radius: 50%;
  content: "";
  height: clamp(0.533rem, 2.67vw, 1.6rem);
  left: calc(50% - clamp(0.267rem, 1.33vw, 0.8rem));
  position: absolute;
  top: calc(50% - clamp(0.267rem, 1.33vw, 0.8rem));
  transition: background-color .2s ease;
  width: clamp(0.533rem, 2.67vw, 1.6rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc--carousel_marker label {
    cursor: pointer;
    height: clamp(0.833rem, 1.39vw, 1.667rem);
    width: clamp(0.833rem, 1.39vw, 1.667rem);
  }

  .ec-cta__doc--carousel_marker label::before {
    height: clamp(0.417rem, 0.69vw, 0.833rem);
    left: calc(50% - clamp(0.208rem, 0.35vw, 0.417rem));
    top: calc(50% - clamp(0.208rem, 0.35vw, 0.417rem));
    width: clamp(0.417rem, 0.69vw, 0.833rem);
  }
}

.ec-cta__doc--carousel_marker label:has(input:checked)::before {
  background: #545454;
}

.ec-cta__doc--carousel_marker input {
  display: none;
}

.ec-cta__doc--description {
  font-size: clamp(0.747rem, 3.73vw, 2.24rem);
  font-weight: 400;
  grid-area: description;
  line-height: 1.9;
  margin-top: clamp(2.133rem, 10.67vw, 6.4rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc--description {
    font-size: clamp(0.688rem, 1.15vw, 1.375rem);
    line-height: 1.8;
    margin-top: clamp(1.458rem, 2.43vw, 2.917rem);
  }
}

.ec-cta__doc--description br {
  display: none;
}

@media all and (min-width: 960px) {
  .ec-cta__doc--description br {
    display: block;
  }
}

.ec-cta__doc--btn {
  align-items: center;
  background: #fff;
  border: clamp(0.107rem, 0.53vw, 0.32rem) solid #ef7b2c;
  border-radius: 9999px;
  box-shadow: 0 clamp(0.16rem, 0.8vw, 0.48rem) clamp(0.32rem, 1.6vw, 0.96rem) rgba(0,0,0,.3);
  color: #ef7b2c;
  display: flex;
  font-size: clamp(0.747rem, 3.73vw, 2.24rem);
  font-weight: 700;
  gap: clamp(0.533rem, 2.67vw, 1.6rem);
  grid-area: btn;
  height: clamp(3.2rem, 16vw, 9.6rem);
  justify-content: center;
  margin-top: clamp(1.867rem, 9.33vw, 5.6rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc--btn {
    border: clamp(0.083rem, 0.14vw, 0.167rem) solid #ef7b2c;
    box-shadow: 0 clamp(0.125rem, 0.21vw, 0.25rem) clamp(0.25rem, 0.42vw, 0.5rem) rgba(0,0,0,.3);
    font-size: clamp(0.833rem, 1.39vw, 1.667rem);
    gap: clamp(0.417rem, 0.69vw, 0.833rem);
    height: clamp(2.5rem, 4.17vw, 5rem);
    margin: clamp(1.458rem, 2.43vw, 2.917rem) auto 0;
    transition: box-shadow .3s ease;
    width: clamp(13.167rem, 21.94vw, 26.333rem);
  }

  .ec-cta__doc--btn:hover {
    box-shadow: 0 clamp(0.25rem, 0.42vw, 0.5rem) clamp(0.5rem, 0.83vw, 1rem) rgba(0,0,0,.3);
  }
}

.ec-cta__doc--btn::before {
  align-items: center;
  background: #ef7b2c;
  color: #fff;
  content: attr(data-flag-txt);
  display: flex;
  height: clamp(1.6rem, 8vw, 4.8rem);
  justify-content: center;
  letter-spacing: .1em;
  line-height: 1;
  width: clamp(3.2rem, 16vw, 9.6rem);
}

@media all and (min-width: 960px) {
  .ec-cta__doc--btn::before {
    height: clamp(1.25rem, 2.08vw, 2.5rem);
    width: clamp(2.5rem, 4.17vw, 5rem);
  }
}

/* fixed items */
.ec-fixed-items {
  bottom: 10px;
  left: calc(50% - (var(--clamp-328sp) / 2));
  opacity: 0;
  position: fixed;
  transition: opacity 0.2s ease 0s, visibility 0.2s ease 0s;
  visibility: hidden;
  width: var(--clamp-328sp);
  z-index: 10;
}

.ec-fixed-items.js__is-shown {
  opacity: 1;
  visibility: visible;
}

.ec-fixed-items.js__is-absolute {
  bottom: 0;
  position: absolute;
}

.ec-fixed-items__to-top {
  align-items: center;
  background-color: var(--light-gray);
  border-radius: 50%;
  display: flex;
  height: clamp(54.4px, -1.5px + 17.45vw, 64px);
  justify-content: center;
  margin-left: auto;
  width: clamp(54.4px, -1.5px + 17.45vw, 64px);
}

.ec-fixed-items__to-top img {
  height: clamp(20.4px, -0.5px + 6.55vw, 24px);
  transform: translateY(-2px);
}

.ec-fixed-items__cta {
  margin-top: var(--clamp-16);
}

.ec-fixed-items__cta--wrapper {
  background-color: var(--white);
  border: 4px solid var(--green);
  overflow: hidden;
  transition: height 0.2s ease 0s;
  width: 100%;
}

.ec-fixed-items__cta--wrapper_single,
.ec-fixed-items__cta--wrapper_multiple {
  height: clamp(108.3px, -0.4px + 33.97vw, 169.1px);
}

input[id="ec-fixed-items__cta--state-control"]:checked
  + .ec-fixed-items__cta--wrapper_single,
input[id="ec-fixed-items__cta--state-control"]:checked
  + .ec-fixed-items__cta--wrapper_multiple {
  height: clamp(40.8px, -0.3px + 12.85vw, 63.8px);
}

.ec-fixed-items__cta--label {
  align-items: center;
  color: var(--green);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  height: clamp(33px, -8.1px + 12.85vw, 56px);
  justify-content: flex-end;
}

.ec-fixed-items__cta--label::before {
  content: "閉じる";
}

input[id="ec-fixed-items__cta--state-control"]:checked
  + .ec-fixed-items__cta--wrapper
  .ec-fixed-items__cta--label::before {
  content: "研修予約";
}

.ec-fixed-items__cta--label-icon {
  align-items: center;
  background: url(../../images/icon/close--green.svg) no-repeat center/contain;
  display: flex;
  height: var(--clamp-18sp);
  justify-content: center;
  margin-left: var(--clamp-8sp);
  margin-right: var(--clamp-18sp);
  transition: margin-left 0.2s ease 0s;
  width: var(--clamp-18sp);
}

input[id="ec-fixed-items__cta--state-control"]:checked
  + .ec-fixed-items__cta--wrapper
  .ec-fixed-items__cta--label-icon {
  background: url(../../images/icon/down-caret--green.svg) no-repeat
    center/contain;
  margin-left: clamp(78.2px, -0.8px + 24.69vw, 122.4px);
}

.ec-fixed-items__cta--links {
  display: flex;
  gap: var(--clamp-16sp);
  justify-content: space-between;
  padding: 0 var(--clamp-16sp) var(--clamp-24sp);
}

.ec-fixed-items__cta--links_btn {
  height: clamp(46.8px, -0.4px + 14.75vw, 73.2px);
  font-weight: 700;
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-fixed-items {
    bottom: 30px;
    left: calc(50% + clamp(204px, 99.2px + 14.08vw, 302px));
    position: fixed;
    width: clamp(160px, 95.9px + 8.62vw, 220px);
    z-index: 10;
  }

  .ec-fixed-items.js__is-absolute {
    bottom: 0;
    position: absolute;
  }

  .ec-fixed-items__to-top {
    align-items: center;
    background-color: var(--light-gray);
    border-radius: 50%;
    display: flex;
    height: clamp(36px, 6.1px + 4.02vw, 64px);
    justify-content: center;
    margin-left: auto;
    width: clamp(36px, 6.1px + 4.02vw, 64px);
  }

  .ec-fixed-items__to-top img {
    height: clamp(15px, 5.4px + 1.29vw, 24px);
    transform: translateY(-2px);
  }

  .ec-fixed-items__cta--wrapper {
    background-color: var(--white);
    border: 4px solid var(--green);
    overflow: hidden;
    transition: height 0.2s ease 0s;
    width: 100%;
  }

  .ec-fixed-items__cta--wrapper_single {
    height: clamp(92px, 14px + 10.49vw, 165px);
  }

  .ec-fixed-items__cta--wrapper_multiple {
    height: clamp(140px, 26.7px + 15.23vw, 246px);
  }

  input[id="ec-fixed-items__cta--state-control"]:checked
    + .ec-fixed-items__cta--wrapper_single,
  input[id="ec-fixed-items__cta--state-control"]:checked
    + .ec-fixed-items__cta--wrapper_multiple {
    height: clamp(32px, 14.9px + 2.3vw, 48px);
  }

  .ec-fixed-items__cta--label {
    align-items: center;
    color: var(--green);
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: clamp(24px, 6.9px + 2.3vw, 40px);
    justify-content: flex-end;
  }

  .ec-fixed-items__cta--label-icon {
    align-items: center;
    display: flex;
    height: clamp(10px, 1.5px + 1.15vw, 18px);
    justify-content: center;
    margin-left: 8px;
    margin-right: var(--clamp-18);
    width: clamp(10px, 1.5px + 1.15vw, 18px);
  }

  input[id="ec-fixed-items__cta--state-control"]:checked
    + .ec-fixed-items__cta--wrapper
    .ec-fixed-items__cta--label-icon {
    margin-left: clamp(38px, 35.9px + 0.29vw, 40px);
  }

  .ec-fixed-items__cta--links {
    display: flex;
    flex-direction: column;
    gap: var(--clamp-16);
    padding: clamp(5px, -11px + 2.16vw, 20px) var(--clamp-40) 0;
  }

  .ec-fixed-items__cta--links_btn {
    height: clamp(34px, 11.6px + 3.02vw, 55px);
    font-weight: 700;
    width: 100%;
  }
}

.ec-footer__cta-banner-link {
  background: #fff;
  bottom: 0;
  box-shadow: 0 0 var(--clamp-10sp) rgba(0,0,0,.16);
  cursor: pointer;
  display: block;
  height: var(--clamp-160sp);
  opacity: 0;
  position: fixed;
  right: 0;
  transition: all .3s ease;
  visibility: hidden;
  width: var(--clamp-160sp);
  z-index: 9999;
}

.ec-footer__cta-banner-link[data-is-visible="true"][data-is-active="true"] {
  opacity: 1;
  visibility: visible;
}

.ec-footer__cta-banner-link a {
  display: block;
  height: 100%;
  opacity: 1;
  transition: opacity .3s ease;
  width: 100%;
}

.ec-footer__cta-banner-link a:hover {
  opacity: .6;
}

.ec-footer__cta-banner-link img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ec-footer__cta-banner-link button {
  background: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  box-shadow: 0 0 var(--clamp-10sp) rgba(0,0,0,0);
  cursor: pointer;
  display: grid;
  font-weight: 700;
  height: var(--clamp-40sp);
  opacity: 1;
  place-content: center;
  position: absolute;
  right: var(--clamp-5sp);
  top: calc(var(--clamp-30sp) * -1);
  transition: box-shadow .3s ease;
  width: var(--clamp-40sp);
}

.ec-footer__cta-banner-link button:hover {
  box-shadow: 0 0 var(--clamp-10sp) rgba(0,0,0,.2);
}

@media all and (min-width: 744px) {
  .ec-footer__cta-banner-link {
    box-shadow: 0 0 var(--clamp-10) rgba(0,0,0,.16);
    height: var(--clamp-300);
    width: var(--clamp-300);
  }

  .ec-footer__cta-banner-link button {
    box-shadow: 0 0 var(--clamp-10) rgba(0,0,0,0);
    height: var(--clamp-40);
    right: var(--clamp-10);
    top: calc(var(--clamp-20) * -1);
    width: var(--clamp-40);
  }

  .ec-footer__cta-banner-link button:hover {
    box-shadow: 0 0 var(--clamp-10) rgba(0,0,0,.2);
  }
}

/* excelcamp programs for single pages */
.blogParts-excelcampProgram {
  padding-top: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram {
    margin: 0 auto;
  }
}

.blogParts-excelcampProgram__slider-controller {
  display: none;
}

.blogParts-excelcampProgram__slider-controller input {
  display: none;
}

.blogParts-excelcampProgram__tab {
  display: flex;
  justify-content: center;
  margin-top: var(--clamp-20sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__tab {
    gap: var(--clamp-6);
    justify-content: flex-start;
    margin-top: var(--clamp-40);
  }
}

.blogParts-excelcampProgram__tab label {
  align-items: center;
  border-radius: var(--clamp-10sp) var(--clamp-10sp) 0 0;
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-16sp);
  font-weight: 700;
  height: var(--clamp-68sp);
  justify-content: center;
  user-select: none;
  width: var(--clamp-68sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__tab label {
    align-items: center;
    border-radius: var(--clamp-12) var(--clamp-12) 0 0;
    cursor: pointer;
    flex-direction: row;
    font-size: var(--clamp-18);
    height: var(--clamp-46);
    width: var(--clamp-93);
  }
}

.blogParts-excelcampProgram__tab label span {
  font-size: var(--clamp-24sp);
  line-height: 1;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__tab label span {
    font-size: var(--clamp-18);
  }
}

.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day1"] {
  background: #25986f;
}

.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day2"] {
  background: #9eda8f;
}

.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day3"] {
  background: #dddf93;
  color: #25986f;
}

.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day4"] {
  background: #fdffce;
}

.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day1"],
.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day1"] span,
.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day2"],
.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day2"] span {
  color: white;
}

.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day3"],
.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day3"] span,
.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day4"],
.blogParts-excelcampProgram__tab label[for="blogParts-excelcampProgram__day4"] span {
  color: #25986f;
}

.blogParts-excelcampProgram__table {
  list-style: none!important;
  margin-top: calc(var(--clamp-2sp) * -1);
  overflow: hidden;
  padding-left: 0!important;
  position: relative;
  transition: background-color .2s ease;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table {
    margin-top: calc(var(--clamp-2) * -1);
  }
}

.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day1:checked) ~ .blogParts-excelcampProgram__table {
  background-color: #25986f;
}

.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day2:checked) ~ .blogParts-excelcampProgram__table {
  background-color: #9eda8f;
}

.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day3:checked) ~ .blogParts-excelcampProgram__table {
  background-color: #dddf93;
}

.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day4:checked) ~ .blogParts-excelcampProgram__table {
  background-color: #fdffce;
}

.blogParts-excelcampProgram__table--list {
  left: 0;
  opacity: 0;
  padding: var(--clamp-13sp) var(--clamp-13sp) var(--clamp-26sp);
  position: absolute!important;
  top: 0;
  transition: opacity .2s ease, visibility .2s ease;
  visibility: hidden;
  width: 100%;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list {
    padding: var(--clamp-24);
  }
}

.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day1:checked) ~ .blogParts-excelcampProgram__table .blogParts-excelcampProgram__table--list[data-day="Day1"],
.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day2:checked) ~ .blogParts-excelcampProgram__table .blogParts-excelcampProgram__table--list[data-day="Day2"],
.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day3:checked) ~ .blogParts-excelcampProgram__table .blogParts-excelcampProgram__table--list[data-day="Day3"],
.blogParts-excelcampProgram__slider-controller:has(#blogParts-excelcampProgram__day4:checked) ~ .blogParts-excelcampProgram__table .blogParts-excelcampProgram__table--list[data-day="Day4"] {
  opacity: 1;
  position: static!important;
  visibility: visible;
}

.blogParts-excelcampProgram__table--list .blogParts-excelcampProgram__table--list_heading-3 {
  background: white;
  color: var(--forest-green);
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.44;
  margin: 0 auto;
  padding: var(--clamp-13sp) var(--clamp-10sp) 0;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list .blogParts-excelcampProgram__table--list_heading-3 {
    font-size: var(--clamp-20);
    margin: 0;
    padding: var(--clamp-24) var(--clamp-24) 0;
  }
}

.blogParts-excelcampProgram__table--list .blogParts-excelcampProgram__table--list_heading-4 {
  align-items: center;
  color: var(--forest-green);
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 400;
  gap: var(--clamp-4sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list .blogParts-excelcampProgram__table--list_heading-4 {
    font-size: var(--clamp-16);
    font-weight: 700;
    gap: var(--clamp-4);
  }
}

.blogParts-excelcampProgram__table--list_goal {
  background: white;
  margin: calc(var(--clamp-2sp) * -1) auto 0;
  padding: var(--clamp-28sp) var(--clamp-10sp) var(--clamp-13sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_goal {
    margin: calc(var(--clamp-2) * -1) 0 0;
    padding: var(--clamp-36) var(--clamp-24) var(--clamp-24);
  }
}

.blogParts-excelcampProgram__table--list_goal .blogParts-excelcampProgram__table--list_heading-4::before {
  background: url(../../images/frontpage/program/goal@200_min.webp) no-repeat center/contain;
  content: "";
  height: var(--clamp-20sp);
  width: var(--clamp-14sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_goal .blogParts-excelcampProgram__table--list_heading-4 {
    margin-bottom: .6em;
  }

  .blogParts-excelcampProgram__table--list_goal .blogParts-excelcampProgram__table--list_heading-4::before {
    height: var(--clamp-20);
    width: var(--clamp-14);
  }
}

.blogParts-excelcampProgram__table--list_goal ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  list-style: none!important;
  margin-top: var(--clamp-13sp);
  padding-left: 0!important;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_goal ul {
    margin-top: var(--clamp-10);
  }
}

.blogParts-excelcampProgram__table--list_goal ul li {
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 400;
  line-height: 1.3;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_goal ul li {
    font-size: var(--clamp-16);
    line-height: 1.44;
    margin: 0;
  }
}

.blogParts-excelcampProgram__table--list_goal ul li::before {
  content: "・";
  flex-shrink: 0;
}

.blogParts-excelcampProgram__table--list_program {
  background: white;
  margin: var(--clamp-13sp) auto 0;
  padding: var(--clamp-13sp) var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_program {
    margin: var(--clamp-24) 0 0;
    padding: var(--clamp-24) var(--clamp-14) var(--clamp-24) var(--clamp-24);
  }
}

.blogParts-excelcampProgram__table--list_program .blogParts-excelcampProgram__table--list_heading-4::before {
  background: url(../../images/frontpage/program/program@200_min.webp) no-repeat center/contain;
  content: "";
  height: var(--clamp-20sp);
  width: var(--clamp-14sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_program .blogParts-excelcampProgram__table--list_heading-4::before {
    height: var(--clamp-20);
    width: var(--clamp-14);
  }
}

.blogParts-excelcampProgram__table--list_program ol,
.blogParts-excelcampProgram__table--list_program ul {
  list-style: none!important;
  padding-left: 0!important;
}

.blogParts-excelcampProgram__table--list_program ol > li {
  margin: var(--clamp-13sp) 0 0;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_program ol > li:first-of-type {
    margin: var(--clamp-10) 0 0;
  }

  .blogParts-excelcampProgram__table--list_program ol > li:not(:first-of-type) {
    margin: var(--clamp-20) 0 0;
  }
}

.blogParts-excelcampProgram__table--list_program h5 {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  line-height: 1.2;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_program h5 {
    font-size: var(--clamp-16);
    line-height: 1.5;
  }
}

.blogParts-excelcampProgram__table--list_program h5 span {
  font-size: var(--clamp-12sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_program h5 span {
    font-size: var(--clamp-16);
  }
}

.blogParts-excelcampProgram__table--list_program ol ul {
  margin-top: var(--clamp-6sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_program ol ul {
    margin-top: var(--clamp-10);
  }
}

.blogParts-excelcampProgram__table--list[data-day="Day1"] li[data-title="基本操作"] ul,
.blogParts-excelcampProgram__table--list[data-day="Day1"] li[data-title="数式と関数"] ul {
  display: flex;
  flex-wrap: wrap;
}

.blogParts-excelcampProgram__table--list_program ol ul li {
  font-size: var(--clamp-12sp);
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1.44;
  margin: 0;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_program ol ul li {
    font-size: var(--clamp-16);
    letter-spacing: unset;
    line-height: 1.4;
  }
}

.blogParts-excelcampProgram__table--list[data-day="Day1"] li[data-title="基本操作"] ul li,
.blogParts-excelcampProgram__table--list[data-day="Day1"] li[data-title="数式と関数"] ul li {
  width: 50%;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="数式と関数"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="見やすいリストの作り方"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="データクレンジング（データの加工技術）"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="フィルター操作"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="基本操作抜粋"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="ピボットテーブル基本操作（ショートカット）"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="「集計性」の高め方"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="データの理解実践編（業務テーブル）"] ul,
  .blogParts-excelcampProgram__table--list[data-day="Day4"] li[data-title="データ分析基本操作"] ul {
    display: flex;
    flex-wrap: wrap;
  }

  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="数式と関数"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="見やすいリストの作り方"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="データクレンジング（データの加工技術）"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day2"] li[data-title="フィルター操作"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="基本操作抜粋"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="ピボットテーブル基本操作（ショートカット）"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="「集計性」の高め方"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day3"] li[data-title="データの理解実践編（業務テーブル）"] ul li,
  .blogParts-excelcampProgram__table--list[data-day="Day4"] li[data-title="データ分析基本操作"] ul li {
    letter-spacing: -1px;
    width: 50%;
  }
}

.blogParts-excelcampProgram__table--list_program ol ul li::before {
  content: "・";
}

.blogParts-excelcampProgram__table--list_fee {
  background: white;
  display: flex;
  gap: var(--clamp-16sp);
  margin: var(--clamp-13sp) auto 0;
  padding: var(--clamp-8sp) 0 var(--clamp-8sp) var(--clamp-8sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_fee {
    gap: var(--clamp-17);
    margin: var(--clamp-24) auto 0;
    padding: var(--clamp-16) 0 var(--clamp-16) var(--clamp-24);
  }
}

.blogParts-excelcampProgram__table--list_fee .blogParts-excelcampProgram__table--list_heading-4 {
  align-items: center;
  color: var(--forest-green);
  display: flex;
  font-size: var(--clamp-16sp);
  font-weight: 400;
  gap: var(--clamp-4sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_fee .blogParts-excelcampProgram__table--list_heading-4 {
    font-size: var(--clamp-16);
    font-weight: 700;
    gap: var(--clamp-4);
  }
}

.blogParts-excelcampProgram__table--list_fee .blogParts-excelcampProgram__table--list_heading-4::before {
  background: url(../../images/frontpage/program/fee@200_min.webp) no-repeat center/contain;
  content: "";
  height: var(--clamp-20sp);
  width: var(--clamp-16sp);
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_fee .blogParts-excelcampProgram__table--list_heading-4::before {
    height: var(--clamp-20);
    width: var(--clamp-16);
  }
}

.blogParts-excelcampProgram__table--list_fee_current {
  font-size: var(--clamp-16sp);
  font-weight: 400;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__table--list_fee_current {
    font-size: var(--clamp-16);
    font-weight: 700;
  }
}

.blogParts-excelcampProgram__cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1em;
  justify-content: center;
  margin: 2em auto 0;
}

@media all and (min-width: 744px) {
  .blogParts-excelcampProgram__cta {
    flex-direction: row;
  }
}

.blogParts-excelcampProgram__cta a {
  margin: 0!important;
}