@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300..700&display=swap"; @import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300..700&display=swap"; @import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400..700&display=swap"; @import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500&display=swap"; *, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: rgba(0, 0, 0, 0); color: inherit; font-weight: inherit } img, picture { margin: 0; padding: 0; border: 0; outline: 0; background: rgba(0, 0, 0, 0) } html { font-size: 100% } body { line-height: 1 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } nav ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: rgba(0, 0, 0, 0); outline: none !important } ins { background-color: #ff9; color: #000; text-decoration: none } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700 } del { text-decoration: line-through } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help } dfn { font-weight: 400; font-style: normal } table { border-collapse: collapse; border-spacing: 0 } input, select { vertical-align: middle } li { list-style: none } button { background-color: rgba(0, 0, 0, 0); border: none; cursor: pointer; outline: none; padding: 0; appearance: none } html { overflow-y: scroll; font-size: 62.5%; padding: 0; margin: 0; width: 100% } body { position: relative; font-weight: 400; font-size: 1.4rem; line-height: 1.6; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; width: 100%; margin: auto; text-rendering: optimizeLegibility; font-kerning: normal; font-variant-ligatures: common-ligatures contextual; font-feature-settings: "kern", "liga", "clig", "calt" } #pxBase sup, #header-container sup, #footer-container sup, #all_contents-container sup, #cv_contents-container sup, #recommend_slider-container sup, #common_banner-container sup { vertical-align: super; font-size: .5em; color: inherit } #pxBase a:link, #pxBase a:visited, #pxBase a:active, #pxBase a:hover, #header-container a:link, #header-container a:visited, #header-container a:active, #header-container a:hover, #footer-container a:link, #footer-container a:visited, #footer-container a:active, #footer-container a:hover, #all_contents-container a:link, #all_contents-container a:visited, #all_contents-container a:active, #all_contents-container a:hover, #cv_contents-container a:link, #cv_contents-container a:visited, #cv_contents-container a:active, #cv_contents-container a:hover, #recommend_slider-container a:link, #recommend_slider-container a:visited, #recommend_slider-container a:active, #recommend_slider-container a:hover, #common_banner-container a:link, #common_banner-container a:visited, #common_banner-container a:active, #common_banner-container a:hover { text-decoration: none } #pxBase figure, #header-container figure, #footer-container figure, #all_contents-container figure, #cv_contents-container figure, #recommend_slider-container figure, #common_banner-container figure { position: relative } #pxBase img, #header-container img, #footer-container img, #all_contents-container img, #cv_contents-container img, #recommend_slider-container img, #common_banner-container img { max-width: 100%; width: 100%; height: auto; vertical-align: middle } #pxBase img.object-fit, #header-container img.object-fit, #footer-container img.object-fit, #all_contents-container img.object-fit, #cv_contents-container img.object-fit, #recommend_slider-container img.object-fit, #common_banner-container img.object-fit { object-fit: cover; height: 100% } a, input, textarea, button, select, details { outline: none } a:focus, input:focus, textarea:focus, button:focus, select:focus, details:focus { outline: none } a:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible, select:focus-visible, details:focus-visible { outline: auto !important; outline-color: #000 !important; outline-offset: 0px } :root { --color-primary: #006261; --color-accent: #121212; --color-base-01: #ffffff; --color-base-02: #efefef; --color-base-02-sp: #f8f8f8; --color-base-light: #f9f9f9; --color-text: #121212; --color-text-light: #7b7b7b; --color-white: #ffffff; --color-black: #000000; --color-base: #efefef; --color-base-white: #ffffff; --color-gray-00: rgba(0, 0, 0, 0.05); --color-gray-01: rgba(0, 0, 0, 0.1); --color-gray-02: rgba(0, 0, 0, 0.2); --color-gray-03: rgba(0, 0, 0, 0.25); --color-gray-04: rgba(0, 0, 0, 0.3); --color-gray-05: rgba(0, 0, 0, 0.5); --font-jp-sans: YakuHanJP, Noto Sans JP, sans-serif; --font-jp-serif: YakuHanMP, Noto Serif JP, serif; --font-en: YakuHanMP, EB Garamond, serif; --font-title: YakuHanMP, Shippori Mincho, serif; --font-weight-l: 300; --font-weight-r: 400; --font-weight-m: 500; --font-weight-sb: 600; --font-weight-b: 700; --z-index-bk: -100; --z-index-base: 0; --z-index-main: 100; --z-index-header: 1000; --z-index-header-nav: 1001; --z-index-modal: 9999 } @media screen and (min-width: 1921px) { :root { --vw-size0: clamp(0px, 0vw, 0px); --vw-size1: clamp(1px, 0.0520833333vw, 1.15px); --vw-size2: clamp(2px, 0.1041666667vw, 2.3px); --vw-size3: clamp(3px, 0.15625vw, 3.45px); --vw-size4: clamp(4px, 0.2083333333vw, 4.6px); --vw-size5: clamp(5px, 0.2604166667vw, 5.75px); --vw-size6: clamp(6px, 0.3125vw, 6.9px); --vw-size7: clamp(7px, 0.3645833333vw, 8.05px); --vw-size8: clamp(8px, 0.4166666667vw, 9.2px); --vw-size9: clamp(9px, 0.46875vw, 10.35px); --vw-size10: clamp(10px, 0.5208333333vw, 11.5px); --vw-size11: clamp(11px, 0.5729166667vw, 12.65px); --vw-size12: clamp(12px, 0.625vw, 13.8px); --vw-size13: clamp(13px, 0.6770833333vw, 14.95px); --vw-size14: clamp(14px, 0.7291666667vw, 16.1px); --vw-size15: clamp(15px, 0.78125vw, 17.25px); --vw-size16: clamp(16px, 0.8333333333vw, 18.4px); --vw-size17: clamp(17px, 0.8854166667vw, 19.55px); --vw-size18: clamp(18px, 0.9375vw, 20.7px); --vw-size19: clamp(19px, 0.9895833333vw, 21.85px); --vw-size20: clamp(20px, 1.0416666667vw, 23px); --vw-size21: clamp(21px, 1.09375vw, 24.15px); --vw-size22: clamp(22px, 1.1458333333vw, 25.3px); --vw-size23: clamp(23px, 1.1979166667vw, 26.45px); --vw-size24: clamp(24px, 1.25vw, 27.6px); --vw-size25: clamp(25px, 1.3020833333vw, 28.75px); --vw-size26: clamp(26px, 1.3541666667vw, 29.9px); --vw-size27: clamp(27px, 1.40625vw, 31.05px); --vw-size28: clamp(28px, 1.4583333333vw, 32.2px); --vw-size29: clamp(29px, 1.5104166667vw, 33.35px); --vw-size30: clamp(30px, 1.5625vw, 34.5px); --vw-size31: clamp(31px, 1.6145833333vw, 35.65px); --vw-size32: clamp(32px, 1.6666666667vw, 36.8px); --vw-size33: clamp(33px, 1.71875vw, 37.95px); --vw-size34: clamp(34px, 1.7708333333vw, 39.1px); --vw-size35: clamp(35px, 1.8229166667vw, 40.25px); --vw-size36: clamp(36px, 1.875vw, 41.4px); --vw-size37: clamp(37px, 1.9270833333vw, 42.55px); --vw-size38: clamp(38px, 1.9791666667vw, 43.7px); --vw-size39: clamp(39px, 2.03125vw, 44.85px); --vw-size40: clamp(40px, 2.0833333333vw, 46px); --vw-size41: clamp(41px, 2.1354166667vw, 47.15px); --vw-size42: clamp(42px, 2.1875vw, 48.3px); --vw-size43: clamp(43px, 2.2395833333vw, 49.45px); --vw-size44: clamp(44px, 2.2916666667vw, 50.6px); --vw-size45: clamp(45px, 2.34375vw, 51.75px); --vw-size46: clamp(46px, 2.3958333333vw, 52.9px); --vw-size47: clamp(47px, 2.4479166667vw, 54.05px); --vw-size48: clamp(48px, 2.5vw, 55.2px); --vw-size49: clamp(49px, 2.5520833333vw, 56.35px); --vw-size50: clamp(50px, 2.6041666667vw, 57.5px); --vw-size51: clamp(51px, 2.65625vw, 58.65px); --vw-size52: clamp(52px, 2.7083333333vw, 59.8px); --vw-size53: clamp(53px, 2.7604166667vw, 60.95px); --vw-size54: clamp(54px, 2.8125vw, 62.1px); --vw-size55: clamp(55px, 2.8645833333vw, 63.25px); --vw-size56: clamp(56px, 2.9166666667vw, 64.4px); --vw-size57: clamp(57px, 2.96875vw, 65.55px); --vw-size58: clamp(58px, 3.0208333333vw, 66.7px); --vw-size59: clamp(59px, 3.0729166667vw, 67.85px); --vw-size60: clamp(60px, 3.125vw, 69px); --vw-size61: clamp(61px, 3.1770833333vw, 70.15px); --vw-size62: clamp(62px, 3.2291666667vw, 71.3px); --vw-size63: clamp(63px, 3.28125vw, 72.45px); --vw-size64: clamp(64px, 3.3333333333vw, 73.6px); --vw-size65: clamp(65px, 3.3854166667vw, 74.75px); --vw-size66: clamp(66px, 3.4375vw, 75.9px); --vw-size67: clamp(67px, 3.4895833333vw, 77.05px); --vw-size68: clamp(68px, 3.5416666667vw, 78.2px); --vw-size69: clamp(69px, 3.59375vw, 79.35px); --vw-size70: clamp(70px, 3.6458333333vw, 80.5px); --vw-size71: clamp(71px, 3.6979166667vw, 81.65px); --vw-size72: clamp(72px, 3.75vw, 82.8px); --vw-size73: clamp(73px, 3.8020833333vw, 83.95px); --vw-size74: clamp(74px, 3.8541666667vw, 85.1px); --vw-size75: clamp(75px, 3.90625vw, 86.25px); --vw-size76: clamp(76px, 3.9583333333vw, 87.4px); --vw-size77: clamp(77px, 4.0104166667vw, 88.55px); --vw-size78: clamp(78px, 4.0625vw, 89.7px); --vw-size79: clamp(79px, 4.1145833333vw, 90.85px); --vw-size80: clamp(80px, 4.1666666667vw, 92px); --vw-size81: clamp(81px, 4.21875vw, 93.15px); --vw-size82: clamp(82px, 4.2708333333vw, 94.3px); --vw-size83: clamp(83px, 4.3229166667vw, 95.45px); --vw-size84: clamp(84px, 4.375vw, 96.6px); --vw-size85: clamp(85px, 4.4270833333vw, 97.75px); --vw-size86: clamp(86px, 4.4791666667vw, 98.9px); --vw-size87: clamp(87px, 4.53125vw, 100.05px); --vw-size88: clamp(88px, 4.5833333333vw, 101.2px); --vw-size89: clamp(89px, 4.6354166667vw, 102.35px); --vw-size90: clamp(90px, 4.6875vw, 103.5px); --vw-size91: clamp(91px, 4.7395833333vw, 104.65px); --vw-size92: clamp(92px, 4.7916666667vw, 105.8px); --vw-size93: clamp(93px, 4.84375vw, 106.95px); --vw-size94: clamp(94px, 4.8958333333vw, 108.1px); --vw-size95: clamp(95px, 4.9479166667vw, 109.25px); --vw-size96: clamp(96px, 5vw, 110.4px); --vw-size97: clamp(97px, 5.0520833333vw, 111.55px); --vw-size98: clamp(98px, 5.1041666667vw, 112.7px); --vw-size99: clamp(99px, 5.15625vw, 113.85px); --vw-size100: clamp(100px, 5.2083333333vw, 115px); --vw-size101: clamp(101px, 5.2604166667vw, 116.15px); --vw-size102: clamp(102px, 5.3125vw, 117.3px); --vw-size103: clamp(103px, 5.3645833333vw, 118.45px); --vw-size104: clamp(104px, 5.4166666667vw, 119.6px); --vw-size105: clamp(105px, 5.46875vw, 120.75px); --vw-size106: clamp(106px, 5.5208333333vw, 121.9px); --vw-size107: clamp(107px, 5.5729166667vw, 123.05px); --vw-size108: clamp(108px, 5.625vw, 124.2px); --vw-size109: clamp(109px, 5.6770833333vw, 125.35px); --vw-size110: clamp(110px, 5.7291666667vw, 126.5px); --vw-size111: clamp(111px, 5.78125vw, 127.65px); --vw-size112: clamp(112px, 5.8333333333vw, 128.8px); --vw-size113: clamp(113px, 5.8854166667vw, 129.95px); --vw-size114: clamp(114px, 5.9375vw, 131.1px); --vw-size115: clamp(115px, 5.9895833333vw, 132.25px); --vw-size116: clamp(116px, 6.0416666667vw, 133.4px); --vw-size117: clamp(117px, 6.09375vw, 134.55px); --vw-size118: clamp(118px, 6.1458333333vw, 135.7px); --vw-size119: clamp(119px, 6.1979166667vw, 136.85px); --vw-size120: clamp(120px, 6.25vw, 138px); --vw-size121: clamp(121px, 6.3020833333vw, 139.15px); --vw-size122: clamp(122px, 6.3541666667vw, 140.3px); --vw-size123: clamp(123px, 6.40625vw, 141.45px); --vw-size124: clamp(124px, 6.4583333333vw, 142.6px); --vw-size125: clamp(125px, 6.5104166667vw, 143.75px); --vw-size126: clamp(126px, 6.5625vw, 144.9px); --vw-size127: clamp(127px, 6.6145833333vw, 146.05px); --vw-size128: clamp(128px, 6.6666666667vw, 147.2px); --vw-size129: clamp(129px, 6.71875vw, 148.35px); --vw-size130: clamp(130px, 6.7708333333vw, 149.5px); --vw-size131: clamp(131px, 6.8229166667vw, 150.65px); --vw-size132: clamp(132px, 6.875vw, 151.8px); --vw-size133: clamp(133px, 6.9270833333vw, 152.95px); --vw-size134: clamp(134px, 6.9791666667vw, 154.1px); --vw-size135: clamp(135px, 7.03125vw, 155.25px); --vw-size136: clamp(136px, 7.0833333333vw, 156.4px); --vw-size137: clamp(137px, 7.1354166667vw, 157.55px); --vw-size138: clamp(138px, 7.1875vw, 158.7px); --vw-size139: clamp(139px, 7.2395833333vw, 159.85px); --vw-size140: clamp(140px, 7.2916666667vw, 161px); --vw-size141: clamp(141px, 7.34375vw, 162.15px); --vw-size142: clamp(142px, 7.3958333333vw, 163.3px); --vw-size143: clamp(143px, 7.4479166667vw, 164.45px); --vw-size144: clamp(144px, 7.5vw, 165.6px); --vw-size145: clamp(145px, 7.5520833333vw, 166.75px); --vw-size146: clamp(146px, 7.6041666667vw, 167.9px); --vw-size147: clamp(147px, 7.65625vw, 169.05px); --vw-size148: clamp(148px, 7.7083333333vw, 170.2px); --vw-size149: clamp(149px, 7.7604166667vw, 171.35px); --vw-size150: clamp(150px, 7.8125vw, 172.5px); --vw-size151: clamp(151px, 7.8645833333vw, 173.65px); --vw-size152: clamp(152px, 7.9166666667vw, 174.8px); --vw-size153: clamp(153px, 7.96875vw, 175.95px); --vw-size154: clamp(154px, 8.0208333333vw, 177.1px); --vw-size155: clamp(155px, 8.0729166667vw, 178.25px); --vw-size156: clamp(156px, 8.125vw, 179.4px); --vw-size157: clamp(157px, 8.1770833333vw, 180.55px); --vw-size158: clamp(158px, 8.2291666667vw, 181.7px); --vw-size159: clamp(159px, 8.28125vw, 182.85px); --vw-size160: clamp(160px, 8.3333333333vw, 184px); --vw-size161: clamp(161px, 8.3854166667vw, 185.15px); --vw-size162: clamp(162px, 8.4375vw, 186.3px); --vw-size163: clamp(163px, 8.4895833333vw, 187.45px); --vw-size164: clamp(164px, 8.5416666667vw, 188.6px); --vw-size165: clamp(165px, 8.59375vw, 189.75px); --vw-size166: clamp(166px, 8.6458333333vw, 190.9px); --vw-size167: clamp(167px, 8.6979166667vw, 192.05px); --vw-size168: clamp(168px, 8.75vw, 193.2px); --vw-size169: clamp(169px, 8.8020833333vw, 194.35px); --vw-size170: clamp(170px, 8.8541666667vw, 195.5px); --vw-size171: clamp(171px, 8.90625vw, 196.65px); --vw-size172: clamp(172px, 8.9583333333vw, 197.8px); --vw-size173: clamp(173px, 9.0104166667vw, 198.95px); --vw-size174: clamp(174px, 9.0625vw, 200.1px); --vw-size175: clamp(175px, 9.1145833333vw, 201.25px); --vw-size176: clamp(176px, 9.1666666667vw, 202.4px); --vw-size177: clamp(177px, 9.21875vw, 203.55px); --vw-size178: clamp(178px, 9.2708333333vw, 204.7px); --vw-size179: clamp(179px, 9.3229166667vw, 205.85px); --vw-size180: clamp(180px, 9.375vw, 207px); --vw-size181: clamp(181px, 9.4270833333vw, 208.15px); --vw-size182: clamp(182px, 9.4791666667vw, 209.3px); --vw-size183: clamp(183px, 9.53125vw, 210.45px); --vw-size184: clamp(184px, 9.5833333333vw, 211.6px); --vw-size185: clamp(185px, 9.6354166667vw, 212.75px); --vw-size186: clamp(186px, 9.6875vw, 213.9px); --vw-size187: clamp(187px, 9.7395833333vw, 215.05px); --vw-size188: clamp(188px, 9.7916666667vw, 216.2px); --vw-size189: clamp(189px, 9.84375vw, 217.35px); --vw-size190: clamp(190px, 9.8958333333vw, 218.5px); --vw-size191: clamp(191px, 9.9479166667vw, 219.65px); --vw-size192: clamp(192px, 10vw, 220.8px); --vw-size193: clamp(193px, 10.0520833333vw, 221.95px); --vw-size194: clamp(194px, 10.1041666667vw, 223.1px); --vw-size195: clamp(195px, 10.15625vw, 224.25px); --vw-size196: clamp(196px, 10.2083333333vw, 225.4px); --vw-size197: clamp(197px, 10.2604166667vw, 226.55px); --vw-size198: clamp(198px, 10.3125vw, 227.7px); --vw-size199: clamp(199px, 10.3645833333vw, 228.85px); --vw-size200: clamp(200px, 10.4166666667vw, 230px); --vw-size201: clamp(201px, 10.46875vw, 231.15px); --vw-size202: clamp(202px, 10.5208333333vw, 232.3px); --vw-size203: clamp(203px, 10.5729166667vw, 233.45px); --vw-size204: clamp(204px, 10.625vw, 234.6px); --vw-size205: clamp(205px, 10.6770833333vw, 235.75px); --vw-size206: clamp(206px, 10.7291666667vw, 236.9px); --vw-size207: clamp(207px, 10.78125vw, 238.05px); --vw-size208: clamp(208px, 10.8333333333vw, 239.2px); --vw-size209: clamp(209px, 10.8854166667vw, 240.35px); --vw-size210: clamp(210px, 10.9375vw, 241.5px); --vw-size211: clamp(211px, 10.9895833333vw, 242.65px); --vw-size212: clamp(212px, 11.0416666667vw, 243.8px); --vw-size213: clamp(213px, 11.09375vw, 244.95px); --vw-size214: clamp(214px, 11.1458333333vw, 246.1px); --vw-size215: clamp(215px, 11.1979166667vw, 247.25px); --vw-size216: clamp(216px, 11.25vw, 248.4px); --vw-size217: clamp(217px, 11.3020833333vw, 249.55px); --vw-size218: clamp(218px, 11.3541666667vw, 250.7px); --vw-size219: clamp(219px, 11.40625vw, 251.85px); --vw-size220: clamp(220px, 11.4583333333vw, 253px); --vw-size221: clamp(221px, 11.5104166667vw, 254.15px); --vw-size222: clamp(222px, 11.5625vw, 255.3px); --vw-size223: clamp(223px, 11.6145833333vw, 256.45px); --vw-size224: clamp(224px, 11.6666666667vw, 257.6px); --vw-size225: clamp(225px, 11.71875vw, 258.75px); --vw-size226: clamp(226px, 11.7708333333vw, 259.9px); --vw-size227: clamp(227px, 11.8229166667vw, 261.05px); --vw-size228: clamp(228px, 11.875vw, 262.2px); --vw-size229: clamp(229px, 11.9270833333vw, 263.35px); --vw-size230: clamp(230px, 11.9791666667vw, 264.5px); --vw-size231: clamp(231px, 12.03125vw, 265.65px); --vw-size232: clamp(232px, 12.0833333333vw, 266.8px); --vw-size233: clamp(233px, 12.1354166667vw, 267.95px); --vw-size234: clamp(234px, 12.1875vw, 269.1px); --vw-size235: clamp(235px, 12.2395833333vw, 270.25px); --vw-size236: clamp(236px, 12.2916666667vw, 271.4px); --vw-size237: clamp(237px, 12.34375vw, 272.55px); --vw-size238: clamp(238px, 12.3958333333vw, 273.7px); --vw-size239: clamp(239px, 12.4479166667vw, 274.85px); --vw-size240: clamp(240px, 12.5vw, 276px); --vw-size241: clamp(241px, 12.5520833333vw, 277.15px); --vw-size242: clamp(242px, 12.6041666667vw, 278.3px); --vw-size243: clamp(243px, 12.65625vw, 279.45px); --vw-size244: clamp(244px, 12.7083333333vw, 280.6px); --vw-size245: clamp(245px, 12.7604166667vw, 281.75px); --vw-size246: clamp(246px, 12.8125vw, 282.9px); --vw-size247: clamp(247px, 12.8645833333vw, 284.05px); --vw-size248: clamp(248px, 12.9166666667vw, 285.2px); --vw-size249: clamp(249px, 12.96875vw, 286.35px); --vw-size250: clamp(250px, 13.0208333333vw, 287.5px); --vw-size251: clamp(251px, 13.0729166667vw, 288.65px); --vw-size252: clamp(252px, 13.125vw, 289.8px); --vw-size253: clamp(253px, 13.1770833333vw, 290.95px); --vw-size254: clamp(254px, 13.2291666667vw, 292.1px); --vw-size255: clamp(255px, 13.28125vw, 293.25px); --vw-size256: clamp(256px, 13.3333333333vw, 294.4px); --vw-size257: clamp(257px, 13.3854166667vw, 295.55px); --vw-size258: clamp(258px, 13.4375vw, 296.7px); --vw-size259: clamp(259px, 13.4895833333vw, 297.85px); --vw-size260: clamp(260px, 13.5416666667vw, 299px); --vw-size261: clamp(261px, 13.59375vw, 300.15px); --vw-size262: clamp(262px, 13.6458333333vw, 301.3px); --vw-size263: clamp(263px, 13.6979166667vw, 302.45px); --vw-size264: clamp(264px, 13.75vw, 303.6px); --vw-size265: clamp(265px, 13.8020833333vw, 304.75px); --vw-size266: clamp(266px, 13.8541666667vw, 305.9px); --vw-size267: clamp(267px, 13.90625vw, 307.05px); --vw-size268: clamp(268px, 13.9583333333vw, 308.2px); --vw-size269: clamp(269px, 14.0104166667vw, 309.35px); --vw-size270: clamp(270px, 14.0625vw, 310.5px); --vw-size271: clamp(271px, 14.1145833333vw, 311.65px); --vw-size272: clamp(272px, 14.1666666667vw, 312.8px); --vw-size273: clamp(273px, 14.21875vw, 313.95px); --vw-size274: clamp(274px, 14.2708333333vw, 315.1px); --vw-size275: clamp(275px, 14.3229166667vw, 316.25px); --vw-size276: clamp(276px, 14.375vw, 317.4px); --vw-size277: clamp(277px, 14.4270833333vw, 318.55px); --vw-size278: clamp(278px, 14.4791666667vw, 319.7px); --vw-size279: clamp(279px, 14.53125vw, 320.85px); --vw-size280: clamp(280px, 14.5833333333vw, 322px); --vw-size281: clamp(281px, 14.6354166667vw, 323.15px); --vw-size282: clamp(282px, 14.6875vw, 324.3px); --vw-size283: clamp(283px, 14.7395833333vw, 325.45px); --vw-size284: clamp(284px, 14.7916666667vw, 326.6px); --vw-size285: clamp(285px, 14.84375vw, 327.75px); --vw-size286: clamp(286px, 14.8958333333vw, 328.9px); --vw-size287: clamp(287px, 14.9479166667vw, 330.05px); --vw-size288: clamp(288px, 15vw, 331.2px); --vw-size289: clamp(289px, 15.0520833333vw, 332.35px); --vw-size290: clamp(290px, 15.1041666667vw, 333.5px); --vw-size291: clamp(291px, 15.15625vw, 334.65px); --vw-size292: clamp(292px, 15.2083333333vw, 335.8px); --vw-size293: clamp(293px, 15.2604166667vw, 336.95px); --vw-size294: clamp(294px, 15.3125vw, 338.1px); --vw-size295: clamp(295px, 15.3645833333vw, 339.25px); --vw-size296: clamp(296px, 15.4166666667vw, 340.4px); --vw-size297: clamp(297px, 15.46875vw, 341.55px); --vw-size298: clamp(298px, 15.5208333333vw, 342.7px); --vw-size299: clamp(299px, 15.5729166667vw, 343.85px); --vw-size300: clamp(300px, 15.625vw, 345px); --vw-size301: clamp(301px, 15.6770833333vw, 346.15px); --vw-size302: clamp(302px, 15.7291666667vw, 347.3px); --vw-size303: clamp(303px, 15.78125vw, 348.45px); --vw-size304: clamp(304px, 15.8333333333vw, 349.6px); --vw-size305: clamp(305px, 15.8854166667vw, 350.75px); --vw-size306: clamp(306px, 15.9375vw, 351.9px); --vw-size307: clamp(307px, 15.9895833333vw, 353.05px); --vw-size308: clamp(308px, 16.0416666667vw, 354.2px); --vw-size309: clamp(309px, 16.09375vw, 355.35px); --vw-size310: clamp(310px, 16.1458333333vw, 356.5px); --vw-size311: clamp(311px, 16.1979166667vw, 357.65px); --vw-size312: clamp(312px, 16.25vw, 358.8px); --vw-size313: clamp(313px, 16.3020833333vw, 359.95px); --vw-size314: clamp(314px, 16.3541666667vw, 361.1px); --vw-size315: clamp(315px, 16.40625vw, 362.25px); --vw-size316: clamp(316px, 16.4583333333vw, 363.4px); --vw-size317: clamp(317px, 16.5104166667vw, 364.55px); --vw-size318: clamp(318px, 16.5625vw, 365.7px); --vw-size319: clamp(319px, 16.6145833333vw, 366.85px); --vw-size320: clamp(320px, 16.6666666667vw, 368px); --vw-size321: clamp(321px, 16.71875vw, 369.15px); --vw-size322: clamp(322px, 16.7708333333vw, 370.3px); --vw-size323: clamp(323px, 16.8229166667vw, 371.45px); --vw-size324: clamp(324px, 16.875vw, 372.6px); --vw-size325: clamp(325px, 16.9270833333vw, 373.75px); --vw-size326: clamp(326px, 16.9791666667vw, 374.9px); --vw-size327: clamp(327px, 17.03125vw, 376.05px); --vw-size328: clamp(328px, 17.0833333333vw, 377.2px); --vw-size329: clamp(329px, 17.1354166667vw, 378.35px); --vw-size330: clamp(330px, 17.1875vw, 379.5px); --vw-size331: clamp(331px, 17.2395833333vw, 380.65px); --vw-size332: clamp(332px, 17.2916666667vw, 381.8px); --vw-size333: clamp(333px, 17.34375vw, 382.95px); --vw-size334: clamp(334px, 17.3958333333vw, 384.1px); --vw-size335: clamp(335px, 17.4479166667vw, 385.25px); --vw-size336: clamp(336px, 17.5vw, 386.4px); --vw-size337: clamp(337px, 17.5520833333vw, 387.55px); --vw-size338: clamp(338px, 17.6041666667vw, 388.7px); --vw-size339: clamp(339px, 17.65625vw, 389.85px); --vw-size340: clamp(340px, 17.7083333333vw, 391px); --vw-size341: clamp(341px, 17.7604166667vw, 392.15px); --vw-size342: clamp(342px, 17.8125vw, 393.3px); --vw-size343: clamp(343px, 17.8645833333vw, 394.45px); --vw-size344: clamp(344px, 17.9166666667vw, 395.6px); --vw-size345: clamp(345px, 17.96875vw, 396.75px); --vw-size346: clamp(346px, 18.0208333333vw, 397.9px); --vw-size347: clamp(347px, 18.0729166667vw, 399.05px); --vw-size348: clamp(348px, 18.125vw, 400.2px); --vw-size349: clamp(349px, 18.1770833333vw, 401.35px); --vw-size350: clamp(350px, 18.2291666667vw, 402.5px); --vw-size351: clamp(351px, 18.28125vw, 403.65px); --vw-size352: clamp(352px, 18.3333333333vw, 404.8px); --vw-size353: clamp(353px, 18.3854166667vw, 405.95px); --vw-size354: clamp(354px, 18.4375vw, 407.1px); --vw-size355: clamp(355px, 18.4895833333vw, 408.25px); --vw-size356: clamp(356px, 18.5416666667vw, 409.4px); --vw-size357: clamp(357px, 18.59375vw, 410.55px); --vw-size358: clamp(358px, 18.6458333333vw, 411.7px); --vw-size359: clamp(359px, 18.6979166667vw, 412.85px); --vw-size360: clamp(360px, 18.75vw, 414px); --vw-size361: clamp(361px, 18.8020833333vw, 415.15px); --vw-size362: clamp(362px, 18.8541666667vw, 416.3px); --vw-size363: clamp(363px, 18.90625vw, 417.45px); --vw-size364: clamp(364px, 18.9583333333vw, 418.6px); --vw-size365: clamp(365px, 19.0104166667vw, 419.75px); --vw-size366: clamp(366px, 19.0625vw, 420.9px); --vw-size367: clamp(367px, 19.1145833333vw, 422.05px); --vw-size368: clamp(368px, 19.1666666667vw, 423.2px); --vw-size369: clamp(369px, 19.21875vw, 424.35px); --vw-size370: clamp(370px, 19.2708333333vw, 425.5px); --vw-size371: clamp(371px, 19.3229166667vw, 426.65px); --vw-size372: clamp(372px, 19.375vw, 427.8px); --vw-size373: clamp(373px, 19.4270833333vw, 428.95px); --vw-size374: clamp(374px, 19.4791666667vw, 430.1px); --vw-size375: clamp(375px, 19.53125vw, 431.25px); --vw-size376: clamp(376px, 19.5833333333vw, 432.4px); --vw-size377: clamp(377px, 19.6354166667vw, 433.55px); --vw-size378: clamp(378px, 19.6875vw, 434.7px); --vw-size379: clamp(379px, 19.7395833333vw, 435.85px); --vw-size380: clamp(380px, 19.7916666667vw, 437px); --vw-size381: clamp(381px, 19.84375vw, 438.15px); --vw-size382: clamp(382px, 19.8958333333vw, 439.3px); --vw-size383: clamp(383px, 19.9479166667vw, 440.45px); --vw-size384: clamp(384px, 20vw, 441.6px); --vw-size385: clamp(385px, 20.0520833333vw, 442.75px); --vw-size386: clamp(386px, 20.1041666667vw, 443.9px); --vw-size387: clamp(387px, 20.15625vw, 445.05px); --vw-size388: clamp(388px, 20.2083333333vw, 446.2px); --vw-size389: clamp(389px, 20.2604166667vw, 447.35px); --vw-size390: clamp(390px, 20.3125vw, 448.5px); --vw-size391: clamp(391px, 20.3645833333vw, 449.65px); --vw-size392: clamp(392px, 20.4166666667vw, 450.8px); --vw-size393: clamp(393px, 20.46875vw, 451.95px); --vw-size394: clamp(394px, 20.5208333333vw, 453.1px); --vw-size395: clamp(395px, 20.5729166667vw, 454.25px); --vw-size396: clamp(396px, 20.625vw, 455.4px); --vw-size397: clamp(397px, 20.6770833333vw, 456.55px); --vw-size398: clamp(398px, 20.7291666667vw, 457.7px); --vw-size399: clamp(399px, 20.78125vw, 458.85px); --vw-size400: clamp(400px, 20.8333333333vw, 460px) } } @media screen and (min-width: 992px)and (max-width: 1920px) { :root { --vw-size0: clamp(1px, 0vw, 0px); --vw-size1: clamp(1px, 0.0520833333vw, 1px); --vw-size2: clamp(1px, 0.1041666667vw, 2px); --vw-size3: clamp(1px, 0.15625vw, 3px); --vw-size4: clamp(1px, 0.2083333333vw, 4px); --vw-size5: clamp(1px, 0.2604166667vw, 5px); --vw-size6: clamp(1px, 0.3125vw, 6px); --vw-size7: clamp(1px, 0.3645833333vw, 7px); --vw-size8: clamp(1px, 0.4166666667vw, 8px); --vw-size9: clamp(1px, 0.46875vw, 9px); --vw-size10: clamp(1px, 0.5208333333vw, 10px); --vw-size11: clamp(1px, 0.5729166667vw, 11px); --vw-size12: clamp(1px, 0.625vw, 12px); --vw-size13: clamp(1px, 0.6770833333vw, 13px); --vw-size14: clamp(1px, 0.7291666667vw, 14px); --vw-size15: clamp(1px, 0.78125vw, 15px); --vw-size16: clamp(1px, 0.8333333333vw, 16px); --vw-size17: clamp(1px, 0.8854166667vw, 17px); --vw-size18: clamp(1px, 0.9375vw, 18px); --vw-size19: clamp(1px, 0.9895833333vw, 19px); --vw-size20: clamp(1px, 1.0416666667vw, 20px); --vw-size21: clamp(1px, 1.09375vw, 21px); --vw-size22: clamp(1px, 1.1458333333vw, 22px); --vw-size23: clamp(1px, 1.1979166667vw, 23px); --vw-size24: clamp(1px, 1.25vw, 24px); --vw-size25: clamp(1px, 1.3020833333vw, 25px); --vw-size26: clamp(1px, 1.3541666667vw, 26px); --vw-size27: clamp(1px, 1.40625vw, 27px); --vw-size28: clamp(1px, 1.4583333333vw, 28px); --vw-size29: clamp(1px, 1.5104166667vw, 29px); --vw-size30: clamp(1px, 1.5625vw, 30px); --vw-size31: clamp(1px, 1.6145833333vw, 31px); --vw-size32: clamp(1px, 1.6666666667vw, 32px); --vw-size33: clamp(1px, 1.71875vw, 33px); --vw-size34: clamp(1px, 1.7708333333vw, 34px); --vw-size35: clamp(1px, 1.8229166667vw, 35px); --vw-size36: clamp(1px, 1.875vw, 36px); --vw-size37: clamp(1px, 1.9270833333vw, 37px); --vw-size38: clamp(1px, 1.9791666667vw, 38px); --vw-size39: clamp(1px, 2.03125vw, 39px); --vw-size40: clamp(1px, 2.0833333333vw, 40px); --vw-size41: clamp(1px, 2.1354166667vw, 41px); --vw-size42: clamp(1px, 2.1875vw, 42px); --vw-size43: clamp(1px, 2.2395833333vw, 43px); --vw-size44: clamp(1px, 2.2916666667vw, 44px); --vw-size45: clamp(1px, 2.34375vw, 45px); --vw-size46: clamp(1px, 2.3958333333vw, 46px); --vw-size47: clamp(1px, 2.4479166667vw, 47px); --vw-size48: clamp(1px, 2.5vw, 48px); --vw-size49: clamp(1px, 2.5520833333vw, 49px); --vw-size50: clamp(1px, 2.6041666667vw, 50px); --vw-size51: clamp(1px, 2.65625vw, 51px); --vw-size52: clamp(1px, 2.7083333333vw, 52px); --vw-size53: clamp(1px, 2.7604166667vw, 53px); --vw-size54: clamp(1px, 2.8125vw, 54px); --vw-size55: clamp(1px, 2.8645833333vw, 55px); --vw-size56: clamp(1px, 2.9166666667vw, 56px); --vw-size57: clamp(1px, 2.96875vw, 57px); --vw-size58: clamp(1px, 3.0208333333vw, 58px); --vw-size59: clamp(1px, 3.0729166667vw, 59px); --vw-size60: clamp(1px, 3.125vw, 60px); --vw-size61: clamp(1px, 3.1770833333vw, 61px); --vw-size62: clamp(1px, 3.2291666667vw, 62px); --vw-size63: clamp(1px, 3.28125vw, 63px); --vw-size64: clamp(1px, 3.3333333333vw, 64px); --vw-size65: clamp(1px, 3.3854166667vw, 65px); --vw-size66: clamp(1px, 3.4375vw, 66px); --vw-size67: clamp(1px, 3.4895833333vw, 67px); --vw-size68: clamp(1px, 3.5416666667vw, 68px); --vw-size69: clamp(1px, 3.59375vw, 69px); --vw-size70: clamp(1px, 3.6458333333vw, 70px); --vw-size71: clamp(1px, 3.6979166667vw, 71px); --vw-size72: clamp(1px, 3.75vw, 72px); --vw-size73: clamp(1px, 3.8020833333vw, 73px); --vw-size74: clamp(1px, 3.8541666667vw, 74px); --vw-size75: clamp(1px, 3.90625vw, 75px); --vw-size76: clamp(1px, 3.9583333333vw, 76px); --vw-size77: clamp(1px, 4.0104166667vw, 77px); --vw-size78: clamp(1px, 4.0625vw, 78px); --vw-size79: clamp(1px, 4.1145833333vw, 79px); --vw-size80: clamp(1px, 4.1666666667vw, 80px); --vw-size81: clamp(1px, 4.21875vw, 81px); --vw-size82: clamp(1px, 4.2708333333vw, 82px); --vw-size83: clamp(1px, 4.3229166667vw, 83px); --vw-size84: clamp(1px, 4.375vw, 84px); --vw-size85: clamp(1px, 4.4270833333vw, 85px); --vw-size86: clamp(1px, 4.4791666667vw, 86px); --vw-size87: clamp(1px, 4.53125vw, 87px); --vw-size88: clamp(1px, 4.5833333333vw, 88px); --vw-size89: clamp(1px, 4.6354166667vw, 89px); --vw-size90: clamp(1px, 4.6875vw, 90px); --vw-size91: clamp(1px, 4.7395833333vw, 91px); --vw-size92: clamp(1px, 4.7916666667vw, 92px); --vw-size93: clamp(1px, 4.84375vw, 93px); --vw-size94: clamp(1px, 4.8958333333vw, 94px); --vw-size95: clamp(1px, 4.9479166667vw, 95px); --vw-size96: clamp(1px, 5vw, 96px); --vw-size97: clamp(1px, 5.0520833333vw, 97px); --vw-size98: clamp(1px, 5.1041666667vw, 98px); --vw-size99: clamp(1px, 5.15625vw, 99px); --vw-size100: clamp(1px, 5.2083333333vw, 100px); --vw-size101: clamp(1px, 5.2604166667vw, 101px); --vw-size102: clamp(1px, 5.3125vw, 102px); --vw-size103: clamp(1px, 5.3645833333vw, 103px); --vw-size104: clamp(1px, 5.4166666667vw, 104px); --vw-size105: clamp(1px, 5.46875vw, 105px); --vw-size106: clamp(1px, 5.5208333333vw, 106px); --vw-size107: clamp(1px, 5.5729166667vw, 107px); --vw-size108: clamp(1px, 5.625vw, 108px); --vw-size109: clamp(1px, 5.6770833333vw, 109px); --vw-size110: clamp(1px, 5.7291666667vw, 110px); --vw-size111: clamp(1px, 5.78125vw, 111px); --vw-size112: clamp(1px, 5.8333333333vw, 112px); --vw-size113: clamp(1px, 5.8854166667vw, 113px); --vw-size114: clamp(1px, 5.9375vw, 114px); --vw-size115: clamp(1px, 5.9895833333vw, 115px); --vw-size116: clamp(1px, 6.0416666667vw, 116px); --vw-size117: clamp(1px, 6.09375vw, 117px); --vw-size118: clamp(1px, 6.1458333333vw, 118px); --vw-size119: clamp(1px, 6.1979166667vw, 119px); --vw-size120: clamp(1px, 6.25vw, 120px); --vw-size121: clamp(1px, 6.3020833333vw, 121px); --vw-size122: clamp(1px, 6.3541666667vw, 122px); --vw-size123: clamp(1px, 6.40625vw, 123px); --vw-size124: clamp(1px, 6.4583333333vw, 124px); --vw-size125: clamp(1px, 6.5104166667vw, 125px); --vw-size126: clamp(1px, 6.5625vw, 126px); --vw-size127: clamp(1px, 6.6145833333vw, 127px); --vw-size128: clamp(1px, 6.6666666667vw, 128px); --vw-size129: clamp(1px, 6.71875vw, 129px); --vw-size130: clamp(1px, 6.7708333333vw, 130px); --vw-size131: clamp(1px, 6.8229166667vw, 131px); --vw-size132: clamp(1px, 6.875vw, 132px); --vw-size133: clamp(1px, 6.9270833333vw, 133px); --vw-size134: clamp(1px, 6.9791666667vw, 134px); --vw-size135: clamp(1px, 7.03125vw, 135px); --vw-size136: clamp(1px, 7.0833333333vw, 136px); --vw-size137: clamp(1px, 7.1354166667vw, 137px); --vw-size138: clamp(1px, 7.1875vw, 138px); --vw-size139: clamp(1px, 7.2395833333vw, 139px); --vw-size140: clamp(1px, 7.2916666667vw, 140px); --vw-size141: clamp(1px, 7.34375vw, 141px); --vw-size142: clamp(1px, 7.3958333333vw, 142px); --vw-size143: clamp(1px, 7.4479166667vw, 143px); --vw-size144: clamp(1px, 7.5vw, 144px); --vw-size145: clamp(1px, 7.5520833333vw, 145px); --vw-size146: clamp(1px, 7.6041666667vw, 146px); --vw-size147: clamp(1px, 7.65625vw, 147px); --vw-size148: clamp(1px, 7.7083333333vw, 148px); --vw-size149: clamp(1px, 7.7604166667vw, 149px); --vw-size150: clamp(1px, 7.8125vw, 150px); --vw-size151: clamp(1px, 7.8645833333vw, 151px); --vw-size152: clamp(1px, 7.9166666667vw, 152px); --vw-size153: clamp(1px, 7.96875vw, 153px); --vw-size154: clamp(1px, 8.0208333333vw, 154px); --vw-size155: clamp(1px, 8.0729166667vw, 155px); --vw-size156: clamp(1px, 8.125vw, 156px); --vw-size157: clamp(1px, 8.1770833333vw, 157px); --vw-size158: clamp(1px, 8.2291666667vw, 158px); --vw-size159: clamp(1px, 8.28125vw, 159px); --vw-size160: clamp(1px, 8.3333333333vw, 160px); --vw-size161: clamp(1px, 8.3854166667vw, 161px); --vw-size162: clamp(1px, 8.4375vw, 162px); --vw-size163: clamp(1px, 8.4895833333vw, 163px); --vw-size164: clamp(1px, 8.5416666667vw, 164px); --vw-size165: clamp(1px, 8.59375vw, 165px); --vw-size166: clamp(1px, 8.6458333333vw, 166px); --vw-size167: clamp(1px, 8.6979166667vw, 167px); --vw-size168: clamp(1px, 8.75vw, 168px); --vw-size169: clamp(1px, 8.8020833333vw, 169px); --vw-size170: clamp(1px, 8.8541666667vw, 170px); --vw-size171: clamp(1px, 8.90625vw, 171px); --vw-size172: clamp(1px, 8.9583333333vw, 172px); --vw-size173: clamp(1px, 9.0104166667vw, 173px); --vw-size174: clamp(1px, 9.0625vw, 174px); --vw-size175: clamp(1px, 9.1145833333vw, 175px); --vw-size176: clamp(1px, 9.1666666667vw, 176px); --vw-size177: clamp(1px, 9.21875vw, 177px); --vw-size178: clamp(1px, 9.2708333333vw, 178px); --vw-size179: clamp(1px, 9.3229166667vw, 179px); --vw-size180: clamp(1px, 9.375vw, 180px); --vw-size181: clamp(1px, 9.4270833333vw, 181px); --vw-size182: clamp(1px, 9.4791666667vw, 182px); --vw-size183: clamp(1px, 9.53125vw, 183px); --vw-size184: clamp(1px, 9.5833333333vw, 184px); --vw-size185: clamp(1px, 9.6354166667vw, 185px); --vw-size186: clamp(1px, 9.6875vw, 186px); --vw-size187: clamp(1px, 9.7395833333vw, 187px); --vw-size188: clamp(1px, 9.7916666667vw, 188px); --vw-size189: clamp(1px, 9.84375vw, 189px); --vw-size190: clamp(1px, 9.8958333333vw, 190px); --vw-size191: clamp(1px, 9.9479166667vw, 191px); --vw-size192: clamp(1px, 10vw, 192px); --vw-size193: clamp(1px, 10.0520833333vw, 193px); --vw-size194: clamp(1px, 10.1041666667vw, 194px); --vw-size195: clamp(1px, 10.15625vw, 195px); --vw-size196: clamp(1px, 10.2083333333vw, 196px); --vw-size197: clamp(1px, 10.2604166667vw, 197px); --vw-size198: clamp(1px, 10.3125vw, 198px); --vw-size199: clamp(1px, 10.3645833333vw, 199px); --vw-size200: clamp(1px, 10.4166666667vw, 200px); --vw-size201: clamp(1px, 10.46875vw, 201px); --vw-size202: clamp(1px, 10.5208333333vw, 202px); --vw-size203: clamp(1px, 10.5729166667vw, 203px); --vw-size204: clamp(1px, 10.625vw, 204px); --vw-size205: clamp(1px, 10.6770833333vw, 205px); --vw-size206: clamp(1px, 10.7291666667vw, 206px); --vw-size207: clamp(1px, 10.78125vw, 207px); --vw-size208: clamp(1px, 10.8333333333vw, 208px); --vw-size209: clamp(1px, 10.8854166667vw, 209px); --vw-size210: clamp(1px, 10.9375vw, 210px); --vw-size211: clamp(1px, 10.9895833333vw, 211px); --vw-size212: clamp(1px, 11.0416666667vw, 212px); --vw-size213: clamp(1px, 11.09375vw, 213px); --vw-size214: clamp(1px, 11.1458333333vw, 214px); --vw-size215: clamp(1px, 11.1979166667vw, 215px); --vw-size216: clamp(1px, 11.25vw, 216px); --vw-size217: clamp(1px, 11.3020833333vw, 217px); --vw-size218: clamp(1px, 11.3541666667vw, 218px); --vw-size219: clamp(1px, 11.40625vw, 219px); --vw-size220: clamp(1px, 11.4583333333vw, 220px); --vw-size221: clamp(1px, 11.5104166667vw, 221px); --vw-size222: clamp(1px, 11.5625vw, 222px); --vw-size223: clamp(1px, 11.6145833333vw, 223px); --vw-size224: clamp(1px, 11.6666666667vw, 224px); --vw-size225: clamp(1px, 11.71875vw, 225px); --vw-size226: clamp(1px, 11.7708333333vw, 226px); --vw-size227: clamp(1px, 11.8229166667vw, 227px); --vw-size228: clamp(1px, 11.875vw, 228px); --vw-size229: clamp(1px, 11.9270833333vw, 229px); --vw-size230: clamp(1px, 11.9791666667vw, 230px); --vw-size231: clamp(1px, 12.03125vw, 231px); --vw-size232: clamp(1px, 12.0833333333vw, 232px); --vw-size233: clamp(1px, 12.1354166667vw, 233px); --vw-size234: clamp(1px, 12.1875vw, 234px); --vw-size235: clamp(1px, 12.2395833333vw, 235px); --vw-size236: clamp(1px, 12.2916666667vw, 236px); --vw-size237: clamp(1px, 12.34375vw, 237px); --vw-size238: clamp(1px, 12.3958333333vw, 238px); --vw-size239: clamp(1px, 12.4479166667vw, 239px); --vw-size240: clamp(1px, 12.5vw, 240px); --vw-size241: clamp(1px, 12.5520833333vw, 241px); --vw-size242: clamp(1px, 12.6041666667vw, 242px); --vw-size243: clamp(1px, 12.65625vw, 243px); --vw-size244: clamp(1px, 12.7083333333vw, 244px); --vw-size245: clamp(1px, 12.7604166667vw, 245px); --vw-size246: clamp(1px, 12.8125vw, 246px); --vw-size247: clamp(1px, 12.8645833333vw, 247px); --vw-size248: clamp(1px, 12.9166666667vw, 248px); --vw-size249: clamp(1px, 12.96875vw, 249px); --vw-size250: clamp(1px, 13.0208333333vw, 250px); --vw-size251: clamp(1px, 13.0729166667vw, 251px); --vw-size252: clamp(1px, 13.125vw, 252px); --vw-size253: clamp(1px, 13.1770833333vw, 253px); --vw-size254: clamp(1px, 13.2291666667vw, 254px); --vw-size255: clamp(1px, 13.28125vw, 255px); --vw-size256: clamp(1px, 13.3333333333vw, 256px); --vw-size257: clamp(1px, 13.3854166667vw, 257px); --vw-size258: clamp(1px, 13.4375vw, 258px); --vw-size259: clamp(1px, 13.4895833333vw, 259px); --vw-size260: clamp(1px, 13.5416666667vw, 260px); --vw-size261: clamp(1px, 13.59375vw, 261px); --vw-size262: clamp(1px, 13.6458333333vw, 262px); --vw-size263: clamp(1px, 13.6979166667vw, 263px); --vw-size264: clamp(1px, 13.75vw, 264px); --vw-size265: clamp(1px, 13.8020833333vw, 265px); --vw-size266: clamp(1px, 13.8541666667vw, 266px); --vw-size267: clamp(1px, 13.90625vw, 267px); --vw-size268: clamp(1px, 13.9583333333vw, 268px); --vw-size269: clamp(1px, 14.0104166667vw, 269px); --vw-size270: clamp(1px, 14.0625vw, 270px); --vw-size271: clamp(1px, 14.1145833333vw, 271px); --vw-size272: clamp(1px, 14.1666666667vw, 272px); --vw-size273: clamp(1px, 14.21875vw, 273px); --vw-size274: clamp(1px, 14.2708333333vw, 274px); --vw-size275: clamp(1px, 14.3229166667vw, 275px); --vw-size276: clamp(1px, 14.375vw, 276px); --vw-size277: clamp(1px, 14.4270833333vw, 277px); --vw-size278: clamp(1px, 14.4791666667vw, 278px); --vw-size279: clamp(1px, 14.53125vw, 279px); --vw-size280: clamp(1px, 14.5833333333vw, 280px); --vw-size281: clamp(1px, 14.6354166667vw, 281px); --vw-size282: clamp(1px, 14.6875vw, 282px); --vw-size283: clamp(1px, 14.7395833333vw, 283px); --vw-size284: clamp(1px, 14.7916666667vw, 284px); --vw-size285: clamp(1px, 14.84375vw, 285px); --vw-size286: clamp(1px, 14.8958333333vw, 286px); --vw-size287: clamp(1px, 14.9479166667vw, 287px); --vw-size288: clamp(1px, 15vw, 288px); --vw-size289: clamp(1px, 15.0520833333vw, 289px); --vw-size290: clamp(1px, 15.1041666667vw, 290px); --vw-size291: clamp(1px, 15.15625vw, 291px); --vw-size292: clamp(1px, 15.2083333333vw, 292px); --vw-size293: clamp(1px, 15.2604166667vw, 293px); --vw-size294: clamp(1px, 15.3125vw, 294px); --vw-size295: clamp(1px, 15.3645833333vw, 295px); --vw-size296: clamp(1px, 15.4166666667vw, 296px); --vw-size297: clamp(1px, 15.46875vw, 297px); --vw-size298: clamp(1px, 15.5208333333vw, 298px); --vw-size299: clamp(1px, 15.5729166667vw, 299px); --vw-size300: clamp(1px, 15.625vw, 300px); --vw-size301: clamp(1px, 15.6770833333vw, 301px); --vw-size302: clamp(1px, 15.7291666667vw, 302px); --vw-size303: clamp(1px, 15.78125vw, 303px); --vw-size304: clamp(1px, 15.8333333333vw, 304px); --vw-size305: clamp(1px, 15.8854166667vw, 305px); --vw-size306: clamp(1px, 15.9375vw, 306px); --vw-size307: clamp(1px, 15.9895833333vw, 307px); --vw-size308: clamp(1px, 16.0416666667vw, 308px); --vw-size309: clamp(1px, 16.09375vw, 309px); --vw-size310: clamp(1px, 16.1458333333vw, 310px); --vw-size311: clamp(1px, 16.1979166667vw, 311px); --vw-size312: clamp(1px, 16.25vw, 312px); --vw-size313: clamp(1px, 16.3020833333vw, 313px); --vw-size314: clamp(1px, 16.3541666667vw, 314px); --vw-size315: clamp(1px, 16.40625vw, 315px); --vw-size316: clamp(1px, 16.4583333333vw, 316px); --vw-size317: clamp(1px, 16.5104166667vw, 317px); --vw-size318: clamp(1px, 16.5625vw, 318px); --vw-size319: clamp(1px, 16.6145833333vw, 319px); --vw-size320: clamp(1px, 16.6666666667vw, 320px); --vw-size321: clamp(1px, 16.71875vw, 321px); --vw-size322: clamp(1px, 16.7708333333vw, 322px); --vw-size323: clamp(1px, 16.8229166667vw, 323px); --vw-size324: clamp(1px, 16.875vw, 324px); --vw-size325: clamp(1px, 16.9270833333vw, 325px); --vw-size326: clamp(1px, 16.9791666667vw, 326px); --vw-size327: clamp(1px, 17.03125vw, 327px); --vw-size328: clamp(1px, 17.0833333333vw, 328px); --vw-size329: clamp(1px, 17.1354166667vw, 329px); --vw-size330: clamp(1px, 17.1875vw, 330px); --vw-size331: clamp(1px, 17.2395833333vw, 331px); --vw-size332: clamp(1px, 17.2916666667vw, 332px); --vw-size333: clamp(1px, 17.34375vw, 333px); --vw-size334: clamp(1px, 17.3958333333vw, 334px); --vw-size335: clamp(1px, 17.4479166667vw, 335px); --vw-size336: clamp(1px, 17.5vw, 336px); --vw-size337: clamp(1px, 17.5520833333vw, 337px); --vw-size338: clamp(1px, 17.6041666667vw, 338px); --vw-size339: clamp(1px, 17.65625vw, 339px); --vw-size340: clamp(1px, 17.7083333333vw, 340px); --vw-size341: clamp(1px, 17.7604166667vw, 341px); --vw-size342: clamp(1px, 17.8125vw, 342px); --vw-size343: clamp(1px, 17.8645833333vw, 343px); --vw-size344: clamp(1px, 17.9166666667vw, 344px); --vw-size345: clamp(1px, 17.96875vw, 345px); --vw-size346: clamp(1px, 18.0208333333vw, 346px); --vw-size347: clamp(1px, 18.0729166667vw, 347px); --vw-size348: clamp(1px, 18.125vw, 348px); --vw-size349: clamp(1px, 18.1770833333vw, 349px); --vw-size350: clamp(1px, 18.2291666667vw, 350px); --vw-size351: clamp(1px, 18.28125vw, 351px); --vw-size352: clamp(1px, 18.3333333333vw, 352px); --vw-size353: clamp(1px, 18.3854166667vw, 353px); --vw-size354: clamp(1px, 18.4375vw, 354px); --vw-size355: clamp(1px, 18.4895833333vw, 355px); --vw-size356: clamp(1px, 18.5416666667vw, 356px); --vw-size357: clamp(1px, 18.59375vw, 357px); --vw-size358: clamp(1px, 18.6458333333vw, 358px); --vw-size359: clamp(1px, 18.6979166667vw, 359px); --vw-size360: clamp(1px, 18.75vw, 360px); --vw-size361: clamp(1px, 18.8020833333vw, 361px); --vw-size362: clamp(1px, 18.8541666667vw, 362px); --vw-size363: clamp(1px, 18.90625vw, 363px); --vw-size364: clamp(1px, 18.9583333333vw, 364px); --vw-size365: clamp(1px, 19.0104166667vw, 365px); --vw-size366: clamp(1px, 19.0625vw, 366px); --vw-size367: clamp(1px, 19.1145833333vw, 367px); --vw-size368: clamp(1px, 19.1666666667vw, 368px); --vw-size369: clamp(1px, 19.21875vw, 369px); --vw-size370: clamp(1px, 19.2708333333vw, 370px); --vw-size371: clamp(1px, 19.3229166667vw, 371px); --vw-size372: clamp(1px, 19.375vw, 372px); --vw-size373: clamp(1px, 19.4270833333vw, 373px); --vw-size374: clamp(1px, 19.4791666667vw, 374px); --vw-size375: clamp(1px, 19.53125vw, 375px); --vw-size376: clamp(1px, 19.5833333333vw, 376px); --vw-size377: clamp(1px, 19.6354166667vw, 377px); --vw-size378: clamp(1px, 19.6875vw, 378px); --vw-size379: clamp(1px, 19.7395833333vw, 379px); --vw-size380: clamp(1px, 19.7916666667vw, 380px); --vw-size381: clamp(1px, 19.84375vw, 381px); --vw-size382: clamp(1px, 19.8958333333vw, 382px); --vw-size383: clamp(1px, 19.9479166667vw, 383px); --vw-size384: clamp(1px, 20vw, 384px); --vw-size385: clamp(1px, 20.0520833333vw, 385px); --vw-size386: clamp(1px, 20.1041666667vw, 386px); --vw-size387: clamp(1px, 20.15625vw, 387px); --vw-size388: clamp(1px, 20.2083333333vw, 388px); --vw-size389: clamp(1px, 20.2604166667vw, 389px); --vw-size390: clamp(1px, 20.3125vw, 390px); --vw-size391: clamp(1px, 20.3645833333vw, 391px); --vw-size392: clamp(1px, 20.4166666667vw, 392px); --vw-size393: clamp(1px, 20.46875vw, 393px); --vw-size394: clamp(1px, 20.5208333333vw, 394px); --vw-size395: clamp(1px, 20.5729166667vw, 395px); --vw-size396: clamp(1px, 20.625vw, 396px); --vw-size397: clamp(1px, 20.6770833333vw, 397px); --vw-size398: clamp(1px, 20.7291666667vw, 398px); --vw-size399: clamp(1px, 20.78125vw, 399px); --vw-size400: clamp(1px, 20.8333333333vw, 400px) } } @media(max-width: 991px) { :root { --vw-size0: clamp(1px, 0vw, 0px); --vw-size1: clamp(1px, 0.2666666667vw, 1.15px); --vw-size2: clamp(1px, 0.5333333333vw, 2.3px); --vw-size3: clamp(1px, 0.8vw, 3.45px); --vw-size4: clamp(1px, 1.0666666667vw, 4.6px); --vw-size5: clamp(1px, 1.3333333333vw, 5.75px); --vw-size6: clamp(1px, 1.6vw, 6.9px); --vw-size7: clamp(1px, 1.8666666667vw, 8.05px); --vw-size8: clamp(1px, 2.1333333333vw, 9.2px); --vw-size9: clamp(1px, 2.4vw, 10.35px); --vw-size10: clamp(1px, 2.6666666667vw, 11.5px); --vw-size11: clamp(1px, 2.9333333333vw, 12.65px); --vw-size12: clamp(1px, 3.2vw, 13.8px); --vw-size13: clamp(1px, 3.4666666667vw, 14.95px); --vw-size14: clamp(1px, 3.7333333333vw, 16.1px); --vw-size15: clamp(1px, 4vw, 17.25px); --vw-size16: clamp(1px, 4.2666666667vw, 18.4px); --vw-size17: clamp(1px, 4.5333333333vw, 19.55px); --vw-size18: clamp(1px, 4.8vw, 20.7px); --vw-size19: clamp(1px, 5.0666666667vw, 21.85px); --vw-size20: clamp(1px, 5.3333333333vw, 23px); --vw-size21: clamp(1px, 5.6vw, 24.15px); --vw-size22: clamp(1px, 5.8666666667vw, 25.3px); --vw-size23: clamp(1px, 6.1333333333vw, 26.45px); --vw-size24: clamp(1px, 6.4vw, 27.6px); --vw-size25: clamp(1px, 6.6666666667vw, 28.75px); --vw-size26: clamp(1px, 6.9333333333vw, 29.9px); --vw-size27: clamp(1px, 7.2vw, 31.05px); --vw-size28: clamp(1px, 7.4666666667vw, 32.2px); --vw-size29: clamp(1px, 7.7333333333vw, 33.35px); --vw-size30: clamp(1px, 8vw, 34.5px); --vw-size31: clamp(1px, 8.2666666667vw, 35.65px); --vw-size32: clamp(1px, 8.5333333333vw, 36.8px); --vw-size33: clamp(1px, 8.8vw, 37.95px); --vw-size34: clamp(1px, 9.0666666667vw, 39.1px); --vw-size35: clamp(1px, 9.3333333333vw, 40.25px); --vw-size36: clamp(1px, 9.6vw, 41.4px); --vw-size37: clamp(1px, 9.8666666667vw, 42.55px); --vw-size38: clamp(1px, 10.1333333333vw, 43.7px); --vw-size39: clamp(1px, 10.4vw, 44.85px); --vw-size40: clamp(1px, 10.6666666667vw, 46px); --vw-size41: clamp(1px, 10.9333333333vw, 47.15px); --vw-size42: clamp(1px, 11.2vw, 48.3px); --vw-size43: clamp(1px, 11.4666666667vw, 49.45px); --vw-size44: clamp(1px, 11.7333333333vw, 50.6px); --vw-size45: clamp(1px, 12vw, 51.75px); --vw-size46: clamp(1px, 12.2666666667vw, 52.9px); --vw-size47: clamp(1px, 12.5333333333vw, 54.05px); --vw-size48: clamp(1px, 12.8vw, 55.2px); --vw-size49: clamp(1px, 13.0666666667vw, 56.35px); --vw-size50: clamp(1px, 13.3333333333vw, 57.5px); --vw-size51: clamp(1px, 13.6vw, 58.65px); --vw-size52: clamp(1px, 13.8666666667vw, 59.8px); --vw-size53: clamp(1px, 14.1333333333vw, 60.95px); --vw-size54: clamp(1px, 14.4vw, 62.1px); --vw-size55: clamp(1px, 14.6666666667vw, 63.25px); --vw-size56: clamp(1px, 14.9333333333vw, 64.4px); --vw-size57: clamp(1px, 15.2vw, 65.55px); --vw-size58: clamp(1px, 15.4666666667vw, 66.7px); --vw-size59: clamp(1px, 15.7333333333vw, 67.85px); --vw-size60: clamp(1px, 16vw, 69px); --vw-size61: clamp(1px, 16.2666666667vw, 70.15px); --vw-size62: clamp(1px, 16.5333333333vw, 71.3px); --vw-size63: clamp(1px, 16.8vw, 72.45px); --vw-size64: clamp(1px, 17.0666666667vw, 73.6px); --vw-size65: clamp(1px, 17.3333333333vw, 74.75px); --vw-size66: clamp(1px, 17.6vw, 75.9px); --vw-size67: clamp(1px, 17.8666666667vw, 77.05px); --vw-size68: clamp(1px, 18.1333333333vw, 78.2px); --vw-size69: clamp(1px, 18.4vw, 79.35px); --vw-size70: clamp(1px, 18.6666666667vw, 80.5px); --vw-size71: clamp(1px, 18.9333333333vw, 81.65px); --vw-size72: clamp(1px, 19.2vw, 82.8px); --vw-size73: clamp(1px, 19.4666666667vw, 83.95px); --vw-size74: clamp(1px, 19.7333333333vw, 85.1px); --vw-size75: clamp(1px, 20vw, 86.25px); --vw-size76: clamp(1px, 20.2666666667vw, 87.4px); --vw-size77: clamp(1px, 20.5333333333vw, 88.55px); --vw-size78: clamp(1px, 20.8vw, 89.7px); --vw-size79: clamp(1px, 21.0666666667vw, 90.85px); --vw-size80: clamp(1px, 21.3333333333vw, 92px); --vw-size81: clamp(1px, 21.6vw, 93.15px); --vw-size82: clamp(1px, 21.8666666667vw, 94.3px); --vw-size83: clamp(1px, 22.1333333333vw, 95.45px); --vw-size84: clamp(1px, 22.4vw, 96.6px); --vw-size85: clamp(1px, 22.6666666667vw, 97.75px); --vw-size86: clamp(1px, 22.9333333333vw, 98.9px); --vw-size87: clamp(1px, 23.2vw, 100.05px); --vw-size88: clamp(1px, 23.4666666667vw, 101.2px); --vw-size89: clamp(1px, 23.7333333333vw, 102.35px); --vw-size90: clamp(1px, 24vw, 103.5px); --vw-size91: clamp(1px, 24.2666666667vw, 104.65px); --vw-size92: clamp(1px, 24.5333333333vw, 105.8px); --vw-size93: clamp(1px, 24.8vw, 106.95px); --vw-size94: clamp(1px, 25.0666666667vw, 108.1px); --vw-size95: clamp(1px, 25.3333333333vw, 109.25px); --vw-size96: clamp(1px, 25.6vw, 110.4px); --vw-size97: clamp(1px, 25.8666666667vw, 111.55px); --vw-size98: clamp(1px, 26.1333333333vw, 112.7px); --vw-size99: clamp(1px, 26.4vw, 113.85px); --vw-size100: clamp(1px, 26.6666666667vw, 115px); --vw-size101: clamp(1px, 26.9333333333vw, 116.15px); --vw-size102: clamp(1px, 27.2vw, 117.3px); --vw-size103: clamp(1px, 27.4666666667vw, 118.45px); --vw-size104: clamp(1px, 27.7333333333vw, 119.6px); --vw-size105: clamp(1px, 28vw, 120.75px); --vw-size106: clamp(1px, 28.2666666667vw, 121.9px); --vw-size107: clamp(1px, 28.5333333333vw, 123.05px); --vw-size108: clamp(1px, 28.8vw, 124.2px); --vw-size109: clamp(1px, 29.0666666667vw, 125.35px); --vw-size110: clamp(1px, 29.3333333333vw, 126.5px); --vw-size111: clamp(1px, 29.6vw, 127.65px); --vw-size112: clamp(1px, 29.8666666667vw, 128.8px); --vw-size113: clamp(1px, 30.1333333333vw, 129.95px); --vw-size114: clamp(1px, 30.4vw, 131.1px); --vw-size115: clamp(1px, 30.6666666667vw, 132.25px); --vw-size116: clamp(1px, 30.9333333333vw, 133.4px); --vw-size117: clamp(1px, 31.2vw, 134.55px); --vw-size118: clamp(1px, 31.4666666667vw, 135.7px); --vw-size119: clamp(1px, 31.7333333333vw, 136.85px); --vw-size120: clamp(1px, 32vw, 138px); --vw-size121: clamp(1px, 32.2666666667vw, 139.15px); --vw-size122: clamp(1px, 32.5333333333vw, 140.3px); --vw-size123: clamp(1px, 32.8vw, 141.45px); --vw-size124: clamp(1px, 33.0666666667vw, 142.6px); --vw-size125: clamp(1px, 33.3333333333vw, 143.75px); --vw-size126: clamp(1px, 33.6vw, 144.9px); --vw-size127: clamp(1px, 33.8666666667vw, 146.05px); --vw-size128: clamp(1px, 34.1333333333vw, 147.2px); --vw-size129: clamp(1px, 34.4vw, 148.35px); --vw-size130: clamp(1px, 34.6666666667vw, 149.5px); --vw-size131: clamp(1px, 34.9333333333vw, 150.65px); --vw-size132: clamp(1px, 35.2vw, 151.8px); --vw-size133: clamp(1px, 35.4666666667vw, 152.95px); --vw-size134: clamp(1px, 35.7333333333vw, 154.1px); --vw-size135: clamp(1px, 36vw, 155.25px); --vw-size136: clamp(1px, 36.2666666667vw, 156.4px); --vw-size137: clamp(1px, 36.5333333333vw, 157.55px); --vw-size138: clamp(1px, 36.8vw, 158.7px); --vw-size139: clamp(1px, 37.0666666667vw, 159.85px); --vw-size140: clamp(1px, 37.3333333333vw, 161px); --vw-size141: clamp(1px, 37.6vw, 162.15px); --vw-size142: clamp(1px, 37.8666666667vw, 163.3px); --vw-size143: clamp(1px, 38.1333333333vw, 164.45px); --vw-size144: clamp(1px, 38.4vw, 165.6px); --vw-size145: clamp(1px, 38.6666666667vw, 166.75px); --vw-size146: clamp(1px, 38.9333333333vw, 167.9px); --vw-size147: clamp(1px, 39.2vw, 169.05px); --vw-size148: clamp(1px, 39.4666666667vw, 170.2px); --vw-size149: clamp(1px, 39.7333333333vw, 171.35px); --vw-size150: clamp(1px, 40vw, 172.5px); --vw-size151: clamp(1px, 40.2666666667vw, 173.65px); --vw-size152: clamp(1px, 40.5333333333vw, 174.8px); --vw-size153: clamp(1px, 40.8vw, 175.95px); --vw-size154: clamp(1px, 41.0666666667vw, 177.1px); --vw-size155: clamp(1px, 41.3333333333vw, 178.25px); --vw-size156: clamp(1px, 41.6vw, 179.4px); --vw-size157: clamp(1px, 41.8666666667vw, 180.55px); --vw-size158: clamp(1px, 42.1333333333vw, 181.7px); --vw-size159: clamp(1px, 42.4vw, 182.85px); --vw-size160: clamp(1px, 42.6666666667vw, 184px); --vw-size161: clamp(1px, 42.9333333333vw, 185.15px); --vw-size162: clamp(1px, 43.2vw, 186.3px); --vw-size163: clamp(1px, 43.4666666667vw, 187.45px); --vw-size164: clamp(1px, 43.7333333333vw, 188.6px); --vw-size165: clamp(1px, 44vw, 189.75px); --vw-size166: clamp(1px, 44.2666666667vw, 190.9px); --vw-size167: clamp(1px, 44.5333333333vw, 192.05px); --vw-size168: clamp(1px, 44.8vw, 193.2px); --vw-size169: clamp(1px, 45.0666666667vw, 194.35px); --vw-size170: clamp(1px, 45.3333333333vw, 195.5px); --vw-size171: clamp(1px, 45.6vw, 196.65px); --vw-size172: clamp(1px, 45.8666666667vw, 197.8px); --vw-size173: clamp(1px, 46.1333333333vw, 198.95px); --vw-size174: clamp(1px, 46.4vw, 200.1px); --vw-size175: clamp(1px, 46.6666666667vw, 201.25px); --vw-size176: clamp(1px, 46.9333333333vw, 202.4px); --vw-size177: clamp(1px, 47.2vw, 203.55px); --vw-size178: clamp(1px, 47.4666666667vw, 204.7px); --vw-size179: clamp(1px, 47.7333333333vw, 205.85px); --vw-size180: clamp(1px, 48vw, 207px); --vw-size181: clamp(1px, 48.2666666667vw, 208.15px); --vw-size182: clamp(1px, 48.5333333333vw, 209.3px); --vw-size183: clamp(1px, 48.8vw, 210.45px); --vw-size184: clamp(1px, 49.0666666667vw, 211.6px); --vw-size185: clamp(1px, 49.3333333333vw, 212.75px); --vw-size186: clamp(1px, 49.6vw, 213.9px); --vw-size187: clamp(1px, 49.8666666667vw, 215.05px); --vw-size188: clamp(1px, 50.1333333333vw, 216.2px); --vw-size189: clamp(1px, 50.4vw, 217.35px); --vw-size190: clamp(1px, 50.6666666667vw, 218.5px); --vw-size191: clamp(1px, 50.9333333333vw, 219.65px); --vw-size192: clamp(1px, 51.2vw, 220.8px); --vw-size193: clamp(1px, 51.4666666667vw, 221.95px); --vw-size194: clamp(1px, 51.7333333333vw, 223.1px); --vw-size195: clamp(1px, 52vw, 224.25px); --vw-size196: clamp(1px, 52.2666666667vw, 225.4px); --vw-size197: clamp(1px, 52.5333333333vw, 226.55px); --vw-size198: clamp(1px, 52.8vw, 227.7px); --vw-size199: clamp(1px, 53.0666666667vw, 228.85px); --vw-size200: clamp(1px, 53.3333333333vw, 230px); --vw-size201: clamp(1px, 53.6vw, 231.15px); --vw-size202: clamp(1px, 53.8666666667vw, 232.3px); --vw-size203: clamp(1px, 54.1333333333vw, 233.45px); --vw-size204: clamp(1px, 54.4vw, 234.6px); --vw-size205: clamp(1px, 54.6666666667vw, 235.75px); --vw-size206: clamp(1px, 54.9333333333vw, 236.9px); --vw-size207: clamp(1px, 55.2vw, 238.05px); --vw-size208: clamp(1px, 55.4666666667vw, 239.2px); --vw-size209: clamp(1px, 55.7333333333vw, 240.35px); --vw-size210: clamp(1px, 56vw, 241.5px); --vw-size211: clamp(1px, 56.2666666667vw, 242.65px); --vw-size212: clamp(1px, 56.5333333333vw, 243.8px); --vw-size213: clamp(1px, 56.8vw, 244.95px); --vw-size214: clamp(1px, 57.0666666667vw, 246.1px); --vw-size215: clamp(1px, 57.3333333333vw, 247.25px); --vw-size216: clamp(1px, 57.6vw, 248.4px); --vw-size217: clamp(1px, 57.8666666667vw, 249.55px); --vw-size218: clamp(1px, 58.1333333333vw, 250.7px); --vw-size219: clamp(1px, 58.4vw, 251.85px); --vw-size220: clamp(1px, 58.6666666667vw, 253px); --vw-size221: clamp(1px, 58.9333333333vw, 254.15px); --vw-size222: clamp(1px, 59.2vw, 255.3px); --vw-size223: clamp(1px, 59.4666666667vw, 256.45px); --vw-size224: clamp(1px, 59.7333333333vw, 257.6px); --vw-size225: clamp(1px, 60vw, 258.75px); --vw-size226: clamp(1px, 60.2666666667vw, 259.9px); --vw-size227: clamp(1px, 60.5333333333vw, 261.05px); --vw-size228: clamp(1px, 60.8vw, 262.2px); --vw-size229: clamp(1px, 61.0666666667vw, 263.35px); --vw-size230: clamp(1px, 61.3333333333vw, 264.5px); --vw-size231: clamp(1px, 61.6vw, 265.65px); --vw-size232: clamp(1px, 61.8666666667vw, 266.8px); --vw-size233: clamp(1px, 62.1333333333vw, 267.95px); --vw-size234: clamp(1px, 62.4vw, 269.1px); --vw-size235: clamp(1px, 62.6666666667vw, 270.25px); --vw-size236: clamp(1px, 62.9333333333vw, 271.4px); --vw-size237: clamp(1px, 63.2vw, 272.55px); --vw-size238: clamp(1px, 63.4666666667vw, 273.7px); --vw-size239: clamp(1px, 63.7333333333vw, 274.85px); --vw-size240: clamp(1px, 64vw, 276px); --vw-size241: clamp(1px, 64.2666666667vw, 277.15px); --vw-size242: clamp(1px, 64.5333333333vw, 278.3px); --vw-size243: clamp(1px, 64.8vw, 279.45px); --vw-size244: clamp(1px, 65.0666666667vw, 280.6px); --vw-size245: clamp(1px, 65.3333333333vw, 281.75px); --vw-size246: clamp(1px, 65.6vw, 282.9px); --vw-size247: clamp(1px, 65.8666666667vw, 284.05px); --vw-size248: clamp(1px, 66.1333333333vw, 285.2px); --vw-size249: clamp(1px, 66.4vw, 286.35px); --vw-size250: clamp(1px, 66.6666666667vw, 287.5px); --vw-size251: clamp(1px, 66.9333333333vw, 288.65px); --vw-size252: clamp(1px, 67.2vw, 289.8px); --vw-size253: clamp(1px, 67.4666666667vw, 290.95px); --vw-size254: clamp(1px, 67.7333333333vw, 292.1px); --vw-size255: clamp(1px, 68vw, 293.25px); --vw-size256: clamp(1px, 68.2666666667vw, 294.4px); --vw-size257: clamp(1px, 68.5333333333vw, 295.55px); --vw-size258: clamp(1px, 68.8vw, 296.7px); --vw-size259: clamp(1px, 69.0666666667vw, 297.85px); --vw-size260: clamp(1px, 69.3333333333vw, 299px); --vw-size261: clamp(1px, 69.6vw, 300.15px); --vw-size262: clamp(1px, 69.8666666667vw, 301.3px); --vw-size263: clamp(1px, 70.1333333333vw, 302.45px); --vw-size264: clamp(1px, 70.4vw, 303.6px); --vw-size265: clamp(1px, 70.6666666667vw, 304.75px); --vw-size266: clamp(1px, 70.9333333333vw, 305.9px); --vw-size267: clamp(1px, 71.2vw, 307.05px); --vw-size268: clamp(1px, 71.4666666667vw, 308.2px); --vw-size269: clamp(1px, 71.7333333333vw, 309.35px); --vw-size270: clamp(1px, 72vw, 310.5px); --vw-size271: clamp(1px, 72.2666666667vw, 311.65px); --vw-size272: clamp(1px, 72.5333333333vw, 312.8px); --vw-size273: clamp(1px, 72.8vw, 313.95px); --vw-size274: clamp(1px, 73.0666666667vw, 315.1px); --vw-size275: clamp(1px, 73.3333333333vw, 316.25px); --vw-size276: clamp(1px, 73.6vw, 317.4px); --vw-size277: clamp(1px, 73.8666666667vw, 318.55px); --vw-size278: clamp(1px, 74.1333333333vw, 319.7px); --vw-size279: clamp(1px, 74.4vw, 320.85px); --vw-size280: clamp(1px, 74.6666666667vw, 322px); --vw-size281: clamp(1px, 74.9333333333vw, 323.15px); --vw-size282: clamp(1px, 75.2vw, 324.3px); --vw-size283: clamp(1px, 75.4666666667vw, 325.45px); --vw-size284: clamp(1px, 75.7333333333vw, 326.6px); --vw-size285: clamp(1px, 76vw, 327.75px); --vw-size286: clamp(1px, 76.2666666667vw, 328.9px); --vw-size287: clamp(1px, 76.5333333333vw, 330.05px); --vw-size288: clamp(1px, 76.8vw, 331.2px); --vw-size289: clamp(1px, 77.0666666667vw, 332.35px); --vw-size290: clamp(1px, 77.3333333333vw, 333.5px); --vw-size291: clamp(1px, 77.6vw, 334.65px); --vw-size292: clamp(1px, 77.8666666667vw, 335.8px); --vw-size293: clamp(1px, 78.1333333333vw, 336.95px); --vw-size294: clamp(1px, 78.4vw, 338.1px); --vw-size295: clamp(1px, 78.6666666667vw, 339.25px); --vw-size296: clamp(1px, 78.9333333333vw, 340.4px); --vw-size297: clamp(1px, 79.2vw, 341.55px); --vw-size298: clamp(1px, 79.4666666667vw, 342.7px); --vw-size299: clamp(1px, 79.7333333333vw, 343.85px); --vw-size300: clamp(1px, 80vw, 345px); --vw-size301: clamp(1px, 80.2666666667vw, 346.15px); --vw-size302: clamp(1px, 80.5333333333vw, 347.3px); --vw-size303: clamp(1px, 80.8vw, 348.45px); --vw-size304: clamp(1px, 81.0666666667vw, 349.6px); --vw-size305: clamp(1px, 81.3333333333vw, 350.75px); --vw-size306: clamp(1px, 81.6vw, 351.9px); --vw-size307: clamp(1px, 81.8666666667vw, 353.05px); --vw-size308: clamp(1px, 82.1333333333vw, 354.2px); --vw-size309: clamp(1px, 82.4vw, 355.35px); --vw-size310: clamp(1px, 82.6666666667vw, 356.5px); --vw-size311: clamp(1px, 82.9333333333vw, 357.65px); --vw-size312: clamp(1px, 83.2vw, 358.8px); --vw-size313: clamp(1px, 83.4666666667vw, 359.95px); --vw-size314: clamp(1px, 83.7333333333vw, 361.1px); --vw-size315: clamp(1px, 84vw, 362.25px); --vw-size316: clamp(1px, 84.2666666667vw, 363.4px); --vw-size317: clamp(1px, 84.5333333333vw, 364.55px); --vw-size318: clamp(1px, 84.8vw, 365.7px); --vw-size319: clamp(1px, 85.0666666667vw, 366.85px); --vw-size320: clamp(1px, 85.3333333333vw, 368px); --vw-size321: clamp(1px, 85.6vw, 369.15px); --vw-size322: clamp(1px, 85.8666666667vw, 370.3px); --vw-size323: clamp(1px, 86.1333333333vw, 371.45px); --vw-size324: clamp(1px, 86.4vw, 372.6px); --vw-size325: clamp(1px, 86.6666666667vw, 373.75px); --vw-size326: clamp(1px, 86.9333333333vw, 374.9px); --vw-size327: clamp(1px, 87.2vw, 376.05px); --vw-size328: clamp(1px, 87.4666666667vw, 377.2px); --vw-size329: clamp(1px, 87.7333333333vw, 378.35px); --vw-size330: clamp(1px, 88vw, 379.5px); --vw-size331: clamp(1px, 88.2666666667vw, 380.65px); --vw-size332: clamp(1px, 88.5333333333vw, 381.8px); --vw-size333: clamp(1px, 88.8vw, 382.95px); --vw-size334: clamp(1px, 89.0666666667vw, 384.1px); --vw-size335: clamp(1px, 89.3333333333vw, 385.25px); --vw-size336: clamp(1px, 89.6vw, 386.4px); --vw-size337: clamp(1px, 89.8666666667vw, 387.55px); --vw-size338: clamp(1px, 90.1333333333vw, 388.7px); --vw-size339: clamp(1px, 90.4vw, 389.85px); --vw-size340: clamp(1px, 90.6666666667vw, 391px); --vw-size341: clamp(1px, 90.9333333333vw, 392.15px); --vw-size342: clamp(1px, 91.2vw, 393.3px); --vw-size343: clamp(1px, 91.4666666667vw, 394.45px); --vw-size344: clamp(1px, 91.7333333333vw, 395.6px); --vw-size345: clamp(1px, 92vw, 396.75px); --vw-size346: clamp(1px, 92.2666666667vw, 397.9px); --vw-size347: clamp(1px, 92.5333333333vw, 399.05px); --vw-size348: clamp(1px, 92.8vw, 400.2px); --vw-size349: clamp(1px, 93.0666666667vw, 401.35px); --vw-size350: clamp(1px, 93.3333333333vw, 402.5px); --vw-size351: clamp(1px, 93.6vw, 403.65px); --vw-size352: clamp(1px, 93.8666666667vw, 404.8px); --vw-size353: clamp(1px, 94.1333333333vw, 405.95px); --vw-size354: clamp(1px, 94.4vw, 407.1px); --vw-size355: clamp(1px, 94.6666666667vw, 408.25px); --vw-size356: clamp(1px, 94.9333333333vw, 409.4px); --vw-size357: clamp(1px, 95.2vw, 410.55px); --vw-size358: clamp(1px, 95.4666666667vw, 411.7px); --vw-size359: clamp(1px, 95.7333333333vw, 412.85px); --vw-size360: clamp(1px, 96vw, 414px); --vw-size361: clamp(1px, 96.2666666667vw, 415.15px); --vw-size362: clamp(1px, 96.5333333333vw, 416.3px); --vw-size363: clamp(1px, 96.8vw, 417.45px); --vw-size364: clamp(1px, 97.0666666667vw, 418.6px); --vw-size365: clamp(1px, 97.3333333333vw, 419.75px); --vw-size366: clamp(1px, 97.6vw, 420.9px); --vw-size367: clamp(1px, 97.8666666667vw, 422.05px); --vw-size368: clamp(1px, 98.1333333333vw, 423.2px); --vw-size369: clamp(1px, 98.4vw, 424.35px); --vw-size370: clamp(1px, 98.6666666667vw, 425.5px); --vw-size371: clamp(1px, 98.9333333333vw, 426.65px); --vw-size372: clamp(1px, 99.2vw, 427.8px); --vw-size373: clamp(1px, 99.4666666667vw, 428.95px); --vw-size374: clamp(1px, 99.7333333333vw, 430.1px); --vw-size375: clamp(1px, 100vw, 431.25px); --vw-size376: clamp(1px, 100.2666666667vw, 432.4px); --vw-size377: clamp(1px, 100.5333333333vw, 433.55px); --vw-size378: clamp(1px, 100.8vw, 434.7px); --vw-size379: clamp(1px, 101.0666666667vw, 435.85px); --vw-size380: clamp(1px, 101.3333333333vw, 437px); --vw-size381: clamp(1px, 101.6vw, 438.15px); --vw-size382: clamp(1px, 101.8666666667vw, 439.3px); --vw-size383: clamp(1px, 102.1333333333vw, 440.45px); --vw-size384: clamp(1px, 102.4vw, 441.6px); --vw-size385: clamp(1px, 102.6666666667vw, 442.75px); --vw-size386: clamp(1px, 102.9333333333vw, 443.9px); --vw-size387: clamp(1px, 103.2vw, 445.05px); --vw-size388: clamp(1px, 103.4666666667vw, 446.2px); --vw-size389: clamp(1px, 103.7333333333vw, 447.35px); --vw-size390: clamp(1px, 104vw, 448.5px); --vw-size391: clamp(1px, 104.2666666667vw, 449.65px); --vw-size392: clamp(1px, 104.5333333333vw, 450.8px); --vw-size393: clamp(1px, 104.8vw, 451.95px); --vw-size394: clamp(1px, 105.0666666667vw, 453.1px); --vw-size395: clamp(1px, 105.3333333333vw, 454.25px); --vw-size396: clamp(1px, 105.6vw, 455.4px); --vw-size397: clamp(1px, 105.8666666667vw, 456.55px); --vw-size398: clamp(1px, 106.1333333333vw, 457.7px); --vw-size399: clamp(1px, 106.4vw, 458.85px); --vw-size400: clamp(1px, 106.6666666667vw, 460px) } } @media(max-width: 767px) { :root { --vw-size0: 0px; --vw-size1: 1px; --vw-size2: 2px; --vw-size3: 3px; --vw-size4: 4px; --vw-size5: 5px; --vw-size6: 6px; --vw-size7: 7px; --vw-size8: 8px; --vw-size9: 9px; --vw-size10: 10px; --vw-size11: 11px; --vw-size12: 12px; --vw-size13: 13px; --vw-size14: 14px; --vw-size15: 15px; --vw-size16: 16px; --vw-size17: 17px; --vw-size18: 18px; --vw-size19: 19px; --vw-size20: 20px; --vw-size21: 21px; --vw-size22: 22px; --vw-size23: 23px; --vw-size24: 24px; --vw-size25: 25px; --vw-size26: 26px; --vw-size27: 27px; --vw-size28: 28px; --vw-size29: 29px; --vw-size30: 30px; --vw-size31: 31px; --vw-size32: 32px; --vw-size33: 33px; --vw-size34: 34px; --vw-size35: 35px; --vw-size36: 36px; --vw-size37: 37px; --vw-size38: 38px; --vw-size39: 39px; --vw-size40: 40px; --vw-size41: 41px; --vw-size42: 42px; --vw-size43: 43px; --vw-size44: 44px; --vw-size45: 45px; --vw-size46: 46px; --vw-size47: 47px; --vw-size48: 48px; --vw-size49: 49px; --vw-size50: 50px; --vw-size51: 51px; --vw-size52: 52px; --vw-size53: 53px; --vw-size54: 54px; --vw-size55: 55px; --vw-size56: 56px; --vw-size57: 57px; --vw-size58: 58px; --vw-size59: 59px; --vw-size60: 60px; --vw-size61: 61px; --vw-size62: 62px; --vw-size63: 63px; --vw-size64: 64px; --vw-size65: 65px; --vw-size66: 66px; --vw-size67: 67px; --vw-size68: 68px; --vw-size69: 69px; --vw-size70: 70px; --vw-size71: 71px; --vw-size72: 72px; --vw-size73: 73px; --vw-size74: 74px; --vw-size75: 75px; --vw-size76: 76px; --vw-size77: 77px; --vw-size78: 78px; --vw-size79: 79px; --vw-size80: 80px; --vw-size81: 81px; --vw-size82: 82px; --vw-size83: 83px; --vw-size84: 84px; --vw-size85: 85px; --vw-size86: 86px; --vw-size87: 87px; --vw-size88: 88px; --vw-size89: 89px; --vw-size90: 90px; --vw-size91: 91px; --vw-size92: 92px; --vw-size93: 93px; --vw-size94: 94px; --vw-size95: 95px; --vw-size96: 96px; --vw-size97: 97px; --vw-size98: 98px; --vw-size99: 99px; --vw-size100: 100px; --vw-size101: 101px; --vw-size102: 102px; --vw-size103: 103px; --vw-size104: 104px; --vw-size105: 105px; --vw-size106: 106px; --vw-size107: 107px; --vw-size108: 108px; --vw-size109: 109px; --vw-size110: 110px; --vw-size111: 111px; --vw-size112: 112px; --vw-size113: 113px; --vw-size114: 114px; --vw-size115: 115px; --vw-size116: 116px; --vw-size117: 117px; --vw-size118: 118px; --vw-size119: 119px; --vw-size120: 120px; --vw-size121: 121px; --vw-size122: 122px; --vw-size123: 123px; --vw-size124: 124px; --vw-size125: 125px; --vw-size126: 126px; --vw-size127: 127px; --vw-size128: 128px; --vw-size129: 129px; --vw-size130: 130px; --vw-size131: 131px; --vw-size132: 132px; --vw-size133: 133px; --vw-size134: 134px; --vw-size135: 135px; --vw-size136: 136px; --vw-size137: 137px; --vw-size138: 138px; --vw-size139: 139px; --vw-size140: 140px; --vw-size141: 141px; --vw-size142: 142px; --vw-size143: 143px; --vw-size144: 144px; --vw-size145: 145px; --vw-size146: 146px; --vw-size147: 147px; --vw-size148: 148px; --vw-size149: 149px; --vw-size150: 150px; --vw-size151: 151px; --vw-size152: 152px; --vw-size153: 153px; --vw-size154: 154px; --vw-size155: 155px; --vw-size156: 156px; --vw-size157: 157px; --vw-size158: 158px; --vw-size159: 159px; --vw-size160: 160px; --vw-size161: 161px; --vw-size162: 162px; --vw-size163: 163px; --vw-size164: 164px; --vw-size165: 165px; --vw-size166: 166px; --vw-size167: 167px; --vw-size168: 168px; --vw-size169: 169px; --vw-size170: 170px; --vw-size171: 171px; --vw-size172: 172px; --vw-size173: 173px; --vw-size174: 174px; --vw-size175: 175px; --vw-size176: 176px; --vw-size177: 177px; --vw-size178: 178px; --vw-size179: 179px; --vw-size180: 180px; --vw-size181: 181px; --vw-size182: 182px; --vw-size183: 183px; --vw-size184: 184px; --vw-size185: 185px; --vw-size186: 186px; --vw-size187: 187px; --vw-size188: 188px; --vw-size189: 189px; --vw-size190: 190px; --vw-size191: 191px; --vw-size192: 192px; --vw-size193: 193px; --vw-size194: 194px; --vw-size195: 195px; --vw-size196: 196px; --vw-size197: 197px; --vw-size198: 198px; --vw-size199: 199px; --vw-size200: 200px; --vw-size201: 201px; --vw-size202: 202px; --vw-size203: 203px; --vw-size204: 204px; --vw-size205: 205px; --vw-size206: 206px; --vw-size207: 207px; --vw-size208: 208px; --vw-size209: 209px; --vw-size210: 210px; --vw-size211: 211px; --vw-size212: 212px; --vw-size213: 213px; --vw-size214: 214px; --vw-size215: 215px; --vw-size216: 216px; --vw-size217: 217px; --vw-size218: 218px; --vw-size219: 219px; --vw-size220: 220px; --vw-size221: 221px; --vw-size222: 222px; --vw-size223: 223px; --vw-size224: 224px; --vw-size225: 225px; --vw-size226: 226px; --vw-size227: 227px; --vw-size228: 228px; --vw-size229: 229px; --vw-size230: 230px; --vw-size231: 231px; --vw-size232: 232px; --vw-size233: 233px; --vw-size234: 234px; --vw-size235: 235px; --vw-size236: 236px; --vw-size237: 237px; --vw-size238: 238px; --vw-size239: 239px; --vw-size240: 240px; --vw-size241: 241px; --vw-size242: 242px; --vw-size243: 243px; --vw-size244: 244px; --vw-size245: 245px; --vw-size246: 246px; --vw-size247: 247px; --vw-size248: 248px; --vw-size249: 249px; --vw-size250: 250px; --vw-size251: 251px; --vw-size252: 252px; --vw-size253: 253px; --vw-size254: 254px; --vw-size255: 255px; --vw-size256: 256px; --vw-size257: 257px; --vw-size258: 258px; --vw-size259: 259px; --vw-size260: 260px; --vw-size261: 261px; --vw-size262: 262px; --vw-size263: 263px; --vw-size264: 264px; --vw-size265: 265px; --vw-size266: 266px; --vw-size267: 267px; --vw-size268: 268px; --vw-size269: 269px; --vw-size270: 270px; --vw-size271: 271px; --vw-size272: 272px; --vw-size273: 273px; --vw-size274: 274px; --vw-size275: 275px; --vw-size276: 276px; --vw-size277: 277px; --vw-size278: 278px; --vw-size279: 279px; --vw-size280: 280px; --vw-size281: 281px; --vw-size282: 282px; --vw-size283: 283px; --vw-size284: 284px; --vw-size285: 285px; --vw-size286: 286px; --vw-size287: 287px; --vw-size288: 288px; --vw-size289: 289px; --vw-size290: 290px; --vw-size291: 291px; --vw-size292: 292px; --vw-size293: 293px; --vw-size294: 294px; --vw-size295: 295px; --vw-size296: 296px; --vw-size297: 297px; --vw-size298: 298px; --vw-size299: 299px; --vw-size300: 300px; --vw-size301: 301px; --vw-size302: 302px; --vw-size303: 303px; --vw-size304: 304px; --vw-size305: 305px; --vw-size306: 306px; --vw-size307: 307px; --vw-size308: 308px; --vw-size309: 309px; --vw-size310: 310px; --vw-size311: 311px; --vw-size312: 312px; --vw-size313: 313px; --vw-size314: 314px; --vw-size315: 315px; --vw-size316: 316px; --vw-size317: 317px; --vw-size318: 318px; --vw-size319: 319px; --vw-size320: 320px; --vw-size321: 321px; --vw-size322: 322px; --vw-size323: 323px; --vw-size324: 324px; --vw-size325: 325px; --vw-size326: 326px; --vw-size327: 327px; --vw-size328: 328px; --vw-size329: 329px; --vw-size330: 330px; --vw-size331: 331px; --vw-size332: 332px; --vw-size333: 333px; --vw-size334: 334px; --vw-size335: 335px; --vw-size336: 336px; --vw-size337: 337px; --vw-size338: 338px; --vw-size339: 339px; --vw-size340: 340px; --vw-size341: 341px; --vw-size342: 342px; --vw-size343: 343px; --vw-size344: 344px; --vw-size345: 345px; --vw-size346: 346px; --vw-size347: 347px; --vw-size348: 348px; --vw-size349: 349px; --vw-size350: 350px; --vw-size351: 351px; --vw-size352: 352px; --vw-size353: 353px; --vw-size354: 354px; --vw-size355: 355px; --vw-size356: 356px; --vw-size357: 357px; --vw-size358: 358px; --vw-size359: 359px; --vw-size360: 360px; --vw-size361: 361px; --vw-size362: 362px; --vw-size363: 363px; --vw-size364: 364px; --vw-size365: 365px; --vw-size366: 366px; --vw-size367: 367px; --vw-size368: 368px; --vw-size369: 369px; --vw-size370: 370px; --vw-size371: 371px; --vw-size372: 372px; --vw-size373: 373px; --vw-size374: 374px; --vw-size375: 375px; --vw-size376: 376px; --vw-size377: 377px; --vw-size378: 378px; --vw-size379: 379px; --vw-size380: 380px; --vw-size381: 381px; --vw-size382: 382px; --vw-size383: 383px; --vw-size384: 384px; --vw-size385: 385px; --vw-size386: 386px; --vw-size387: 387px; --vw-size388: 388px; --vw-size389: 389px; --vw-size390: 390px; --vw-size391: 391px; --vw-size392: 392px; --vw-size393: 393px; --vw-size394: 394px; --vw-size395: 395px; --vw-size396: 396px; --vw-size397: 397px; --vw-size398: 398px; --vw-size399: 399px; --vw-size400: 400px } } .l-header { position: fixed; top: 0; z-index: 1000 } @media screen and (min-width: 992px) { .l-header { position: relative } .l-header .header-body { position: fixed; height: 73px; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--vw-size128) 0 var(--vw-size24); opacity: 0 } .l-header .header-body.title { width: 100% } .l-header .header-body.title .logo__black { display: block } .l-header .header-body.title .logo__white { display: none } .l-header .header-body.title::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: var(--vw-size100); background: url(../img/elements/header__bk__white.png) top left no-repeat; background-size: 100% var(--vw-size100); filter: blur(5px); transform: scale(1.5); pointer-events: none; /* opacity: 1; */ opacity: 0; transition: .5s ease } body.nav_open .l-header .header-body.title::before { opacity: 0 } .l-header .header-body.title:where(.header-black *) .logo__black { display: none } .l-header .header-body.title:where(.header-black *) .logo__white { display: block } .l-header .header-body.title:where(.header-black *)::before { filter: blur(5px) brightness(0.1); mix-blend-mode: color } .l-header .header-body.cv { right: 0 } .l-header .header-body figure { width: calc(var(--vw-size408)*1.5); height: calc(var(--vw-size46)*1.5); max-width: 400px; max-height: 46px } .l-header .header-body figure img { width: 100%; height: auto } body.cv_open_delay .l-header .header-body { opacity: 0 } .l-header .header-body.is-hide { animation: fade-out .7s; animation-fill-mode: forwards; transition-timing-function: ease-in-out } @keyframes fade-out { 0% { opacity: 1; transform: translate(0, 0) } 80% { opacity: 0 } 100% { opacity: 0; transform: translate(0, -100%) } } .l-header .header-body.is-show { animation: fade-in .7s; animation-fill-mode: forwards; transition-timing-function: ease-in-out } @keyframes fade-in { 0% { opacity: 0; transform: translate(0, -73px) } 20% { opacity: 0 } 100% { opacity: 1; transform: translate(0, 0) } } .l-header .header-body__right { display: flex; height: 45px; background: hsla(0, 0%, 100%, .7); border-radius: var(--vw-size5); border: 1px solid rgba(0, 0, 0, .1); margin-left: auto } .l-header .header-body__right:where(.header-black *) { background: hsla(0, 0%, 100%, .8) } .l-header .header-body__right a { display: flex; align-items: center; justify-content: center; width: var(--vw-size180); text-decoration: none } .l-header .header-body__right a span { color: #121212; font-size: max(12px, var(--vw-size14)); font-weight: 500; line-height: 1; transition: all .3s } .l-header .header-body__right a.map { border-left: 1px solid rgba(0, 0, 0, .1) } .l-header .header-body__right a.map span { position: relative; padding-left: var(--vw-size30); display: flex; align-items: center } .l-header .header-body__right a.map span::before { content: ""; mask-image: url(../img/elements/icn__map.svg); mask-size: contain; mask-repeat: no-repeat; background-color: #006261; width: max(12px, var(--vw-size14)); height: max(12px, var(--vw-size17)); position: absolute; left: 0 } .l-header .header-body__right a.map:hover span { color: #006261 } .l-header .header-body__right a.outline span { position: relative; padding-left: var(--vw-size30) } .l-header .header-body__right a.outline span::before { content: ""; mask-image: url(../img/elements/icn__outline.svg); mask-size: contain; mask-repeat: no-repeat; background-color: #006261; width: max(12px, var(--vw-size14)); height: max(12px, var(--vw-size17)); position: absolute; left: 0 } .l-header .header-body__right a.outline:hover span { color: #006261 } .l-header .header-body__right a.entry { position: relative; margin: 1px 1px 1px 0; background: #006261; border-top-right-radius: var(--vw-size4); border-bottom-right-radius: var(--vw-size4); overflow: hidden; min-width: 144px; width: var(--vw-size200) } .l-header .header-body__right a.entry span { color: #fff; z-index: 100 } .l-header .header-body__right a.entry::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #121212; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .l-header .header-body__right a.entry:hover::before { height: 100% } .l-header .header-nav { position: fixed; width: 100%; height: 73px; background: hsla(0, 0%, 100%, .8); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid rgba(0, 0, 0, .1); transform: translate(0, -100%); display: flex } body.nav_hide .l-header .header-nav { animation: fade-out .7s; animation-fill-mode: forwards; transition-timing-function: ease-in-out } @keyframes fade-out { 0% { opacity: 1; transform: translate(0, 0) } 80% { opacity: 0 } 100% { opacity: 0; transform: translate(0, -100%) } } body.nav_open .l-header .header-nav { animation: fade-in .7s; animation-fill-mode: forwards; transition-timing-function: ease-in-out } @keyframes fade-in { 0% { opacity: 0; transform: translate(0, -100%) } 100% { opacity: 1; transform: translate(0, 0) } } .l-header .header-nav__home { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: max(11px, var(--vw-size11)); font-weight: 500; text-decoration: none; padding: 0 var(--vw-size24); border-right: 1px solid rgba(0, 0, 0, .1); color: #121212; transition: all .3s; white-space: nowrap } .l-header .header-nav__home:hover { color: #006261 } .l-header .header-nav__home::before { content: ""; width: max(12px, var(--vw-size17)); height: max(12px, var(--vw-size17)); mask-image: url(../img/elements/icn__home.svg); mask-size: contain; mask-repeat: no-repeat; background-color: #006261 } .l-header .header-nav__list { display: flex; margin-left: var(--vw-size24); padding-right: calc(var(--vw-size358)*2); flex-wrap: wrap } .l-header .header-nav__list li.is-current a { color: #006261 } .l-header .header-nav__list li.is-current a::after { transform: scale(1, 1); transform-origin: left top } .l-header .header-nav__list li a { position: relative; display: flex; align-items: center; height: 100%; font-size: max(12px, var(--vw-size16)); font-weight: 500; text-decoration: none; color: #121212; padding: 0 var(--vw-size24); transition: all .3s } .l-header .header-nav__list li a::after { content: ""; position: absolute; width: var(--vw-size48); height: 3px; background: #006261; right: 0; left: 0; bottom: -1px; margin: 0 auto; transform: scale(0, 1); transform-origin: right top; transition: transform .3s } .l-header .header-nav__list li a:hover { color: #006261 } .l-header .header-nav__list li a:hover::after { transform: scale(1, 1); transform-origin: left top } .l-header .header-menu { position: fixed; top: 20px; right: var(--vw-size24); cursor: pointer } .l-header .header-menu:hover:not(.close_btn) .nav_in hr { animation: .5s side_slide cubic-bezier(0.01, 0.87, 0.21, 0.99) forwards } .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(2) { animation-delay: .1s } .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(3) { animation-delay: .2s } .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(4), .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(5), .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(6) { animation: .5s side_slide02 cubic-bezier(0.01, 0.87, 0.21, 0.99) both } .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(4) { animation-delay: .3s } .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(5) { animation-delay: .4s } .l-header .header-menu:hover:not(.close_btn) .nav_in hr:nth-of-type(6) { animation-delay: .5s } .l-header .header-menu .nav_in { width: var(--vw-size80); height: 40px; overflow: hidden; position: relative } .l-header .header-menu .nav_in hr { position: absolute; left: 0; top: 0; right: 0; margin: auto; width: var(--vw-size68); background: #121212; height: 1px; border: none; transform-origin: center center; transition: top .2s ease-in-out 0s, transform .2s ease-in-out 0s } .l-header .header-menu .nav_in hr:where(.header-black *) { background: #fff } .l-header .header-menu .nav_in hr:where(.header-black *):where(.is-hide *) { background: #121212 } .l-header .header-menu .nav_in hr:where(.header-black *).close { background: #121212 } .l-header .header-menu .nav_in hr:nth-of-type(1) { top: 0 } .l-header .header-menu .nav_in hr:nth-of-type(2) { top: 8px } .l-header .header-menu .nav_in hr:nth-of-type(3) { top: 16px } .l-header .header-menu .nav_in hr:nth-of-type(4) { top: 0px; transform: translateX(-120%) } .l-header .header-menu .nav_in hr:nth-of-type(5) { top: 8px; transform: translateX(-120%) } .l-header .header-menu .nav_in hr:nth-of-type(6) { top: 16px; transform: translateX(-120%) } .l-header .header-menu .nav_in .hamb_txt { position: absolute; bottom: 0; left: 0; width: 100%; font-family: YakuHanMP, "EB Garamond", serif; font-size: max(12px, var(--vw-size15)); font-weight: 400; letter-spacing: .1em; color: #121212; text-align: center; transition: all .5s ease-in-out } .l-header .header-menu .nav_in .hamb_txt.close { opacity: 0 } .l-header .header-menu .nav_in .hamb_txt:where(.header-black *) { color: #fff } .l-header .header-menu .nav_in .hamb_txt:where(.header-black *):where(.is-hide *) { color: #121212 } .l-header .header-menu .nav_in .hamb_txt:where(.header-black *).close { color: #121212 } .l-header .header-menu.close_btn { opacity: 0; pointer-events: none; z-index: 1001 } body.nav_open .l-header .header-menu.close_btn { opacity: 1; pointer-events: all } body.nav_open .l-header .header-menu.close_btn hr { background: #121212; transition: top .2s ease-in-out 0s, transform .2s ease-in-out .3s, opacity 0s ease-in-out .6s } body.nav_open .l-header .header-menu.close_btn hr:nth-child(1) { transform: rotate(15deg); top: 8px } body.nav_open .l-header .header-menu.close_btn hr:nth-child(2) { transform: scaleX(0); top: 8px } body.nav_open .l-header .header-menu.close_btn hr:nth-child(3) { transform: rotate(-15deg); top: 8px } body.nav_open .l-header .header-menu.close_btn .hamb_txt.open { opacity: 0 } body.nav_open .l-header .header-menu.close_btn .hamb_txt.close { opacity: 1 } body.nav_open .l-header .header-menu:not(.close_btn) { opacity: 0 } body.nav_open .l-header .header-menu .nav_in.close_btn hr { transition: top .2s ease-in-out 0s, transform .2s ease-in-out .2s } body.nav_open .l-header .header-menu .nav_in.close_btn hr:nth-child(1) { transform: rotate(15deg); top: 8px } body.nav_open .l-header .header-menu .nav_in.close_btn hr:nth-child(2) { transform: scaleX(0); top: 8px } body.nav_open .l-header .header-menu .nav_in.close_btn hr:nth-child(3) { transform: rotate(-15deg); top: 8px } body.nav_open .l-header .header-menu .nav_in.close_btn .hamb_txt.open { opacity: 0 } body.nav_open .l-header .header-menu .nav_in.close_btn .hamb_txt.close { opacity: 1 } } @media screen and (max-width: 991px) { .l-header { position: relative } .l-header .header-body.nav { position: fixed; top: 0; right: 0; width: var(--vw-size272); background: rgba(0, 98, 97, .8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); height: 100dvh; overflow-y: scroll; z-index: 1003; padding-top: var(--vw-size60); padding-bottom: var(--vw-size72); transform: translateX(100%); transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-overflow-style: none; scrollbar-width: none } .l-header .header-body.nav::-webkit-scrollbar { display: none } body.nav_open .l-header .header-body.nav { transform: translateX(0) } .l-header .header-body.title { height: 59px; background: #fff; display: flex; align-items: center; justify-content: center } .l-header .header-body.title a { display: flex; align-items: center; justify-content: center; width: calc(100% - var(--vw-size100)) } .l-header .header-body.title a figure { max-width: 408px; max-height: 46px } .l-header .header-body.title a figure img { width: 100%; height: auto; } .l-header .header-cv { padding: var(--vw-size15); border-bottom: 1px solid hsla(0, 0%, 100%, .2) } .l-header .header-cv__inner { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(200, 200, 200, 0.3)); background-clip: padding-box; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: var(--vw-size3); padding: var(--vw-size5) } .l-header .header-cv__inner a { position: relative; display: flex; align-items: center; justify-content: center; font-family: YakuHanMP, "Noto Serif JP", serif; font-weight: 700; font-size: max(11px, var(--vw-size17)); text-decoration: none; text-align: center; padding: var(--vw-size15) var(--vw-size36); color: #006261; background: linear-gradient(to bottom, #ffffff, #c7c7c7); background-clip: padding-box; border: 1px solid hsla(0, 0%, 100%, .3); border-radius: var(--vw-size2) } .l-header .header-cv__inner a::after { content: ""; position: absolute; width: var(--vw-size11); height: var(--vw-size11); top: var(--vw-size8); right: var(--vw-size8); mask-image: url(../img/elements/icn__arrow.svg); mask-size: contain; mask-repeat: no-repeat; background-color: #006261 } .l-header .header-nav { border-bottom: 1px solid hsla(0, 0%, 100%, .2) } .l-header .header-nav__list { display: flex; flex-direction: column; gap: var(--vw-size24); padding: var(--vw-size45) var(--vw-size25) } .l-header .header-nav__list li a { font-size: max(11px, var(--vw-size17)); font-weight: 500; color: #fff; text-decoration: none; padding: var(--vw-size5); border-radius: var(--vw-size3); line-height: 1 } .l-header .header-nav__list li.is-current a { color: #006261; background: #fff } .l-header .header-subNav { border-bottom: 1px solid hsla(0, 0%, 100%, .2); padding: var(--vw-size24) 0 } .l-header .header-subNav__list { display: flex; justify-content: center; gap: var(--vw-size20) } .l-header .header-subNav__list li a { text-decoration: none } .l-header .header-subNav__list li a span { position: relative; display: flex; align-items: center; font-size: max(11px, var(--vw-size14)); font-weight: 500; color: #fff; padding-left: var(--vw-size24) } .l-header .header-subNav__list li a span::before { content: ""; mask-size: contain; mask-repeat: no-repeat; background-color: #fff; opacity: .5; width: var(--vw-size14); height: var(--vw-size17); position: absolute; left: 0 } .l-header .header-subNav__list li a.outline span::before { mask-image: url(../img/elements/icn__outline.svg) } .l-header .header-subNav__list li a.map span::before { mask-image: url(../img/elements/icn__map.svg) } .l-header .header-button__open { position: fixed; top: var(--vw-size40); right: var(--vw-size5); width: var(--vw-size50); height: var(--vw-size50); background: #fff; z-index: 1001; padding: var(--vw-size6) var(--vw-size12); border: 1px solid rgba(0, 0, 0, .25); transform: translateX(110%); transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) } .l-header .header-button__open:where(#topPage *) { top: var(--vw-size5) } } @media screen and (max-width: 991px)and (min-width: 768px) { .l-header .header-button__open:where(#planDetailPage *) { top: var(--vw-size45) } } @media screen and (max-width: 991px) { .l-header .header-button__open.is-show { transform: translateX(0%) } .l-header .header-button__open .text { font-size: var(--vw-size10); font-family: YakuHanMP, "EB Garamond", serif; font-weight: 500; color: #006261; position: absolute; left: 0; right: 0; bottom: var(--vw-size4) } .l-header .header-button__open hr { position: relative; background: #006261; border: none; height: 1px; margin: var(--vw-size5) 0 } .l-header .header-button__open hr:nth-child(3) { margin-bottom: var(--vw-size12) } .l-header .header-button__close { position: fixed; top: var(--vw-size4); right: var(--vw-size4); width: var(--vw-size50); height: var(--vw-size50); background: #fff; z-index: 1004; border: 1px solid rgba(0, 0, 0, .25); border-radius: var(--vw-size3); padding: var(--vw-size12); transform: translateX(var(--vw-size272)); transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1) } body.nav_open .l-header .header-button__close { transform: translateX(0) } .l-header .header-button__close hr { position: relative; background: #006261; border: none; height: 1px; margin: 0 } .l-header .header-button__close hr:nth-child(1) { top: 1px; transform: rotate(45deg) } .l-header .header-button__close hr:nth-child(2) { transform: rotate(-45deg) } } @keyframes side_slide { 0% { transform: translateX(0%) } 100% { transform: translateX(120%) } } @keyframes side_slide02 { 0% { transform: translateX(-120%) } 100% { transform: translateX(0%) } } .header-bk { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: rgba(0, 0, 0, .3); opacity: 0; transition: opacity .5s } body.nav_open .header-bk { pointer-events: all; opacity: 1 } .l-footer { background: #efefef; padding-top: var(--vw-size160) } @media screen and (max-width: 991px) { .l-footer { padding-top: var(--vw-size84); background: #f8f8f8 } } .l-footer .footer-contents { display: flex; padding-bottom: var(--vw-size157) } @media screen and (max-width: 991px) { .l-footer .footer-contents { padding-bottom: var(--vw-size84) } } .l-footer .footer-contents__inner { display: flex; gap: var(--vw-size106) } @media screen and (max-width: 991px) { .l-footer .footer-contents__inner { flex-direction: column; gap: var(--vw-size57) } } .l-footer .footer-contents__contact { display: flex; gap: var(--vw-size80) } @media screen and (max-width: 991px) { .l-footer .footer-contents__contact { flex-direction: column; gap: var(--vw-size23) } } .l-footer .footer-contents__contact>dt { font-size: max(12px, var(--vw-size16)); font-family: YakuHanMP, "EB Garamond", serif; font-weight: 700; color: #7b7b7b } @media screen and (max-width: 991px) { .l-footer .footer-contents__contact>dt { font-size: max(11px, var(--vw-size16)) } } .l-footer .footer-contents__contact dd>p { font-family: YakuHanMP, "Noto Serif JP", serif; font-size: max(15px, var(--vw-size20)); color: #121212 } @media screen and (max-width: 991px) { .l-footer .footer-contents__contact dd>p { font-size: max(11px, var(--vw-size20)) } } .l-footer .footer-contents__contact dd .info { display: flex; gap: var(--vw-size31); margin-top: var(--vw-size20); flex-wrap: wrap } @media screen and (max-width: 991px) { .l-footer .footer-contents__contact dd .info { gap: var(--vw-size28) } } @media screen and (max-width: 767px) { .l-footer .footer-contents__contact dd .info { flex-direction: column } } .l-footer .footer-contents__contact dd .info .telno { display: flex; align-items: center; position: relative; text-decoration: none; font-family: YakuHanMP, "EB Garamond", serif; font-size: max(24px, var(--vw-size40)); line-height: 1; padding-left: var(--vw-size50); letter-spacing: .08rem; margin-top: -0.25em; color: #121212 } @media screen and (max-width: 1440px) { .l-footer .footer-contents__contact dd .info .telno { margin-top: 0 } } .l-footer .footer-contents__contact dd .info .telno::before { content: ""; width: var(--vw-size40); height: var(--vw-size22); background-image: url(../img/elements/icn__tel.svg); background-size: cover; position: absolute; left: 0 } .l-footer .footer-contents__contact dd .info div dl { display: flex; font-size: max(12px, var(--vw-size16)) } @media screen and (max-width: 991px) { .l-footer .footer-contents__contact dd .info div dl { font-size: max(11px, var(--vw-size16)) } } .l-footer .footer-contents__contact dd .caption { font-size: max(11px, var(--vw-size11)); line-height: 1.5; display: inline-block; margin-top: var(--vw-size32) } @media screen and (max-width: 991px) { .l-footer .footer-contents__contact dd .caption { margin-top: var(--vw-size24) } } .l-footer .footer-contents__nav { display: flex; gap: var(--vw-size70) } @media screen and (max-width: 991px) { .l-footer .footer-contents__nav { flex-direction: column; gap: var(--vw-size23) } } .l-footer .footer-contents__nav dt { font-size: max(12px, var(--vw-size16)); font-family: YakuHanMP, "EB Garamond", serif; font-weight: 700; color: #7b7b7b } .l-footer .footer-contents__nav dd { display: flex; flex-wrap: wrap; gap: var(--vw-size19) var(--vw-size49); height: fit-content } .l-footer .footer-contents__nav dd ul { display: flex; flex-direction: column; gap: var(--vw-size19) } .l-footer .footer-contents__nav dd ul li a { font-size: max(12px, var(--vw-size16)); white-space: nowrap; text-decoration: none; opacity: 1; transition: opacity .3s; color: #121212 } @media screen and (max-width: 991px) { .l-footer .footer-contents__nav dd ul li a { font-size: max(11px, var(--vw-size16)) } } .l-footer .footer-contents__nav dd ul li a:hover { opacity: .5 } .l-footer .footer-info { display: flex; align-items: center; padding-top: var(--vw-size49); padding-bottom: var(--vw-size42) } .l-footer .footer-info__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--vw-size80) } @media screen and (max-width: 1440px) { .l-footer .footer-info__inner { flex-direction: column; align-items: flex-start; gap: var(--vw-size73) } } .l-footer .footer-info__owner { display: flex; align-items: center; gap: var(--vw-size62) } @media screen and (max-width: 991px) { .l-footer .footer-info__owner { flex-direction: column; align-items: flex-start; gap: var(--vw-size31) } } .l-footer .footer-info__owner dt { font-size: max(12px, var(--vw-size16)); color: #6d6d6d; white-space: nowrap } @media screen and (max-width: 991px) { .l-footer .footer-info__owner dt { font-size: max(11px, var(--vw-size16)); color: #727272 } } .l-footer .footer-info__owner dd figure { width: var(--vw-size323); height: var(--vw-size48); max-width: 323px; max-height: 48px } .l-footer .footer-info__owner dd figure img { width: 100%; height: auto } @media screen and (max-width: 991px) { .l-footer .footer-info__owner dd figure { width: var(--vw-size323); height: var(--vw-size48) } .l-footer .footer-info__owner dd figure img { width: 100%; height: auto } } .l-footer .footer-info__copy { text-align: right } @media screen and (max-width: 1440px) { .l-footer .footer-info__copy { width: 100% } } @media screen and (max-width: 991px) { .l-footer .footer-info__copy { border-top: 1px solid rgba(0, 0, 0, .2); padding-top: var(--vw-size28) } } .l-footer .footer-info__copy small { font-size: max(11px, var(--vw-size12)); color: #6d6d6d } @media screen and (max-width: 991px) { .l-footer .footer-info__copy small { color: #727272 } } .footer-caption { padding-bottom: var(--vw-size80); background: #efefef } @media screen and (max-width: 991px) { .footer-caption { background: #f8f8f8; margin: 0 } } .footer-caption__inner { padding-top: var(--vw-size52) } .footer-caption__inner p { font-size: max(11px, var(--vw-size11)); color: #6d6d6d } @media screen and (max-width: 991px) { .footer-caption__inner p { color: #727272 } } hr { margin: 0 var(--vw-size20); border: none; height: 1px; background: rgba(0, 0, 0, .2) } .l-conttents__wrapper { display: flex; flex-direction: column } .l-container { width: calc(100% - var(--vw-size182)*2); margin: 0 auto } @media screen and (max-width: 991px) { .l-container { width: calc(100% - var(--vw-size40)) } } .l-contents__pr { padding-right: var(--vw-size182) } @media screen and (max-width: 991px) { .l-contents__pr { padding: 0 var(--vw-size20) } } .l-contents__pl { padding-left: var(--vw-size182) } @media screen and (max-width: 991px) { .l-contents__pl { padding: 0 var(--vw-size20) } } .l-lower-image-header { position: relative } @media screen and (max-width: 991px) { .l-lower-image-header .c-heading__h2 { height: min(360px, 56vw); justify-content: center } .l-lower-image-header .c-heading__h2 .title h2 span.jp, .l-lower-image-header .c-heading__h2 .title h2 span.en { color: #fff } .l-lower-image-header .c-heading__h2-img::after { content: ""; position: absolute; inset: 0; background: #006261; opacity: .8 } } .l-lower-contents { margin-top: var(--vw-size170); display: flex; align-items: flex-end } @media screen and (max-width: 991px) { .l-lower-contents { margin-top: 0; flex-direction: column } } @media screen and (min-width: 992px) { .l-lower-contents__index { width: calc(var(--vw-size249)*2); height: fit-content; position: sticky; bottom: 0; padding-left: var(--vw-size24); padding-bottom: var(--vw-size24); margin-bottom: var(--vw-size161) } } @media screen and (max-width: 991px) { .l-lower-contents__index { width: 100%; position: sticky; top: 0; z-index: 999 } } .l-lower-contents__wrap { flex: 1; margin-bottom: var(--vw-size185) } @media screen and (max-width: 991px) { .l-lower-contents__wrap { margin-top: var(--vw-size104); margin-bottom: var(--vw-size100); width: 100% } } .l-lower-section__body { margin-top: var(--vw-size77); margin-bottom: var(--vw-size185) } @media screen and (max-width: 991px) { .l-lower-section__body { margin-top: var(--vw-size50); margin-bottom: var(--vw-size100) } } .l-lower-section:last-of-type .l-lower-section__body { margin-bottom: 0 } @media screen and (max-width: 991px) { .l-lower-section:last-of-type .l-lower-section__body { margin-bottom: 0 } } .l-column__4-6 { display: grid; grid-template-columns: .4fr .6fr; gap: var(--vw-size24); align-items: flex-start } .l-column__4-6.--flex-end { align-items: flex-end; } @media screen and (max-width: 991px) { .l-column__4-6 { grid-template-columns: 1fr; gap: var(--vw-size40) } } .l-column__4-6.--row { grid-template-columns: 0.4fr 0.6fr; gap: var(--vw-size24); align-items: flex-start } @media screen and (max-width: 991px) { .l-column__4-6.--tab-row { grid-template-columns: 0.4fr 0.6fr !important; gap: var(--vw-size24); align-items: flex-start } } @media screen and (max-width: 767px) { .l-column__4-6.--sp-row { grid-template-columns: 0.4fr 0.6fr !important; gap: var(--vw-size24); align-items: flex-start } } .l-column__4-6.--column { grid-template-columns: 1fr; gap: var(--vw-size40); align-items: stretch } @media screen and (max-width: 991px) { .l-column__4-6.--tab-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } @media screen and (max-width: 767px) { .l-column__4-6.--sp-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } .l-column__6-4 { display: grid; grid-template-columns: .6fr .4fr; gap: var(--vw-size24); align-items: flex-start } .l-column__6-4.--flex-end { align-items: flex-end; } @media screen and (max-width: 991px) { .l-column__6-4 { grid-template-columns: 1fr; gap: var(--vw-size40) } } .l-column__6-4.--row { grid-template-columns: 0.6fr 0.4fr; gap: var(--vw-size24); align-items: flex-start } @media screen and (max-width: 991px) { .l-column__6-4.--tab-row { grid-template-columns: 0.6fr 0.4fr !important; gap: var(--vw-size24); align-items: flex-start } } @media screen and (max-width: 767px) { .l-column__6-4.--sp-row { grid-template-columns: 0.6fr 0.4fr !important; gap: var(--vw-size24); align-items: flex-start } } .l-column__6-4.--column { grid-template-columns: 1fr; gap: var(--vw-size40); align-items: stretch } @media screen and (max-width: 991px) { .l-column__6-4.--tab-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } @media screen and (max-width: 767px) { .l-column__6-4.--sp-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } .l-column__3-7 { display: grid; grid-template-columns: .3fr .7fr; gap: var(--vw-size24); align-items: flex-start } @media screen and (max-width: 991px) { .l-column__3-7 { grid-template-columns: 1fr; gap: var(--vw-size40) } } .l-column__3-7.--row { grid-template-columns: 0.3fr 0.7fr; gap: var(--vw-size24); align-items: flex-start } @media screen and (max-width: 991px) { .l-column__3-7.--tab-row { grid-template-columns: 0.3fr 0.7fr !important; gap: var(--vw-size24); align-items: flex-start } } @media screen and (max-width: 767px) { .l-column__3-7.--sp-row { grid-template-columns: 0.3fr 0.7fr !important; gap: var(--vw-size24); align-items: flex-start } } .l-column__3-7.--column { grid-template-columns: 1fr; gap: var(--vw-size40); align-items: stretch } @media screen and (max-width: 991px) { .l-column__3-7.--tab-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } @media screen and (max-width: 767px) { .l-column__3-7.--sp-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } .l-column__7-3 { display: grid; grid-template-columns: .7fr .3fr; gap: var(--vw-size24); align-items: flex-start } @media screen and (max-width: 991px) { .l-column__7-3 { grid-template-columns: 1fr; gap: var(--vw-size40) } } .l-column__7-3.--row { grid-template-columns: 0.7fr 0.3fr; gap: var(--vw-size24); align-items: flex-start } @media screen and (max-width: 991px) { .l-column__7-3.--tab-row { grid-template-columns: 0.7fr 0.3fr !important; gap: var(--vw-size24); align-items: flex-start } } @media screen and (max-width: 767px) { .l-column__7-3.--sp-row { grid-template-columns: 0.7fr 0.3fr !important; gap: var(--vw-size24); align-items: flex-start } } .l-column__7-3.--column { grid-template-columns: 1fr; gap: var(--vw-size40); align-items: stretch } @media screen and (max-width: 991px) { .l-column__7-3.--tab-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } @media screen and (max-width: 767px) { .l-column__7-3.--sp-column { grid-template-columns: 1fr !important; gap: var(--vw-size40); align-items: stretch } } .l-column__evenly { display: flex; gap: var(--vw-size24); align-items: flex-start } .l-column__evenly.--flex-end { align-items: flex-end; } .l-column__evenly .l-column-item { flex: 1 } .l-column__evenly .l-column-item.--half { flex: 0.5 } @media screen and (max-width: 991px) { .l-column__evenly { flex-direction: column; gap: var(--vw-size40); align-items: stretch } .l-column__evenly .l-column-item { flex: auto } } .l-column__evenly.--row { flex-direction: row; gap: var(--vw-size24); align-items: flex-start } .l-column__evenly.--row .l-column-item { flex: 1 } @media screen and (max-width: 991px) { .l-column__evenly.--tab-row { flex-direction: row !important; gap: var(--vw-size24); align-items: flex-start } .l-column__evenly.--tab-row .l-column-item { flex: 1 } } @media screen and (max-width: 767px) { .l-column__evenly.--sp-row { flex-direction: row !important; gap: var(--vw-size24); align-items: flex-start } .l-column__evenly.--sp-row .l-column-item { flex: 1 } } .l-column__evenly.--column { flex-direction: column; gap: var(--vw-size40); align-items: stretch } .l-column__evenly.--column .l-column-item { flex: auto } @media screen and (max-width: 991px) { .l-column__evenly.--tab-column { flex-direction: column !important; gap: var(--vw-size40); align-items: stretch } .l-column__evenly.--tab-column .l-column-item { flex: auto } } @media screen and (max-width: 767px) { .l-column__evenly.--sp-column { flex-direction: column !important; gap: var(--vw-size40); align-items: stretch } .l-column__evenly.--sp-column .l-column-item { flex: auto } } .c-button-base, .c-button__gray, .c-button__gray--l--bk, .c-button__gray--l, .c-button__white, .c-button__white--l--bk, .c-button__white--l, .c-button__main, .c-button__main--l--bk, .c-button__main--l, .c-button__black, .c-button__black--l--bk, .c-button__black--l { position: relative; padding: var(--vw-size11) var(--vw-size48) var(--vw-size11) var(--vw-size16); border-radius: var(--vw-size3); overflow: hidden; min-width: 170px; width: fit-content; display: flex; align-items: center } @media screen and (max-width: 991px) { .c-button-base, .c-button__gray, .c-button__gray--l--bk, .c-button__gray--l, .c-button__white, .c-button__white--l--bk, .c-button__white--l, .c-button__main, .c-button__main--l--bk, .c-button__main--l, .c-button__black, .c-button__black--l--bk, .c-button__black--l { padding: var(--vw-size15) var(--vw-size40) } } @media screen and (max-width: 767px) { .c-button-base, .c-button__gray, .c-button__gray--l--bk, .c-button__gray--l, .c-button__white, .c-button__white--l--bk, .c-button__white--l, .c-button__main, .c-button__main--l--bk, .c-button__main--l, .c-button__black, .c-button__black--l--bk, .c-button__black--l { width: 100%; justify-content: center } } .c-button-base span, .c-button__gray span, .c-button__gray--l--bk span, .c-button__gray--l span, .c-button__white span, .c-button__white--l--bk span, .c-button__white--l span, .c-button__main span, .c-button__main--l--bk span, .c-button__main--l span, .c-button__black span, .c-button__black--l--bk span, .c-button__black--l span { position: relative; color: #fff; font-size: max(12px, var(--vw-size16)); z-index: 101; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } @media screen and (max-width: 991px) { .c-button-base span, .c-button__gray span, .c-button__gray--l--bk span, .c-button__gray--l span, .c-button__white span, .c-button__white--l--bk span, .c-button__white--l span, .c-button__main span, .c-button__main--l--bk span, .c-button__main--l span, .c-button__black span, .c-button__black--l--bk span, .c-button__black--l span { font-size: max(11px, var(--vw-size14)); font-weight: 700 } } .c-button-base::after, .c-button__gray::after, .c-button__gray--l--bk::after, .c-button__gray--l::after, .c-button__white::after, .c-button__white--l--bk::after, .c-button__white--l::after, .c-button__main::after, .c-button__main--l--bk::after, .c-button__main--l::after, .c-button__black::after, .c-button__black--l--bk::after, .c-button__black--l::after { content: ""; mask-image: url(../img/elements/icn__arrow__right.svg); mask-size: contain; mask-position: center; mask-repeat: no-repeat; background-color: #fff; width: var(--vw-size8); height: var(--vw-size16); position: absolute; right: var(--vw-size20) } .c-button-large, .c-button__gray--l, .c-button__white--l, .c-button__main--l, .c-button__black--l, .c-button-large-bk, .c-button__gray--l--bk, .c-button__white--l--bk, .c-button__main--l--bk, .c-button__black--l--bk { height: var(--vw-size91); width: calc(var(--vw-size225)*2); justify-content: center; padding: var(--vw-size11) var(--vw-size40) } .c-button-large::after, .c-button__gray--l::after, .c-button__white--l::after, .c-button__main--l::after, .c-button__black--l::after, .c-button-large-bk::after, .c-button__gray--l--bk::after, .c-button__white--l--bk::after, .c-button__main--l--bk::after, .c-button__black--l--bk::after { right: var(--vw-size15) } @media screen and (max-width: 991px) { .c-button-large, .c-button__gray--l, .c-button__white--l, .c-button__main--l, .c-button__black--l, .c-button-large-bk, .c-button__gray--l--bk, .c-button__white--l--bk, .c-button__main--l--bk, .c-button__black--l--bk { height: var(--vw-size60); width: 100%; max-width: calc(var(--vw-size225)*2); margin: 0 auto } .c-button-large::after, .c-button__gray--l::after, .c-button__white--l::after, .c-button__main--l::after, .c-button__black--l::after, .c-button-large-bk::after, .c-button__gray--l--bk::after, .c-button__white--l--bk::after, .c-button__main--l--bk::after, .c-button__black--l--bk::after { right: var(--vw-size8) } } .c-button-large span, .c-button__gray--l span, .c-button__white--l span, .c-button__main--l span, .c-button__black--l span, .c-button-large-bk span, .c-button__gray--l--bk span, .c-button__white--l--bk span, .c-button__main--l--bk span, .c-button__black--l--bk span { font-size: max(11px, var(--vw-size20)); font-weight: 700 } @media screen and (max-width: 991px) { .c-button-large span, .c-button__gray--l span, .c-button__white--l span, .c-button__main--l span, .c-button__black--l span, .c-button-large-bk span, .c-button__gray--l--bk span, .c-button__white--l--bk span, .c-button__main--l--bk span, .c-button__black--l--bk span { font-size: max(11px, var(--vw-size13)) } } .c-button-large-bk::after, .c-button__gray--l--bk::after, .c-button__white--l--bk::after, .c-button__main--l--bk::after, .c-button__black--l--bk::after { left: var(--vw-size15); transform: rotateY(180deg) } .c-button__black, .c-button__black--l--bk, .c-button__black--l { background: #121212; position: relative } .c-button__black::before, .c-button__black--l--bk::before, .c-button__black--l::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .c-button__black:hover::before, .c-button__black--l--bk:hover::before, .c-button__black--l:hover::before { height: 100% } .c-button__main, .c-button__main--l--bk, .c-button__main--l { background: #006261; position: relative } .c-button__main::before, .c-button__main--l--bk::before, .c-button__main--l::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #121212; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .c-button__main:hover::before, .c-button__main--l--bk:hover::before, .c-button__main--l:hover::before { height: 100% } .c-button__white, .c-button__white--l--bk, .c-button__white--l { background: #fff; border: 1px solid rgba(0, 0, 0, .2); position: relative } .c-button__white span, .c-button__white--l--bk span, .c-button__white--l span { color: #006261 } .c-button__white::after, .c-button__white--l--bk::after, .c-button__white--l::after { background-color: #006261 } .c-button__white:hover span, .c-button__white--l--bk:hover span, .c-button__white--l:hover span { color: #fff } .c-button__white:hover::after, .c-button__white--l--bk:hover::after, .c-button__white--l:hover::after { background-color: #fff } .c-button__white::before, .c-button__white--l--bk::before, .c-button__white--l::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .c-button__white:hover::before, .c-button__white--l--bk:hover::before, .c-button__white--l:hover::before { height: 100% } .c-button__gray, .c-button__gray--l--bk, .c-button__gray--l { background: #efefef; border: 1px solid rgba(0, 0, 0, .2); position: relative } .c-button__gray span, .c-button__gray--l--bk span, .c-button__gray--l span { color: #006261 } .c-button__gray::after, .c-button__gray--l--bk::after, .c-button__gray--l::after { background-color: #006261 } .c-button__gray:hover span, .c-button__gray--l--bk:hover span, .c-button__gray--l:hover span { color: #fff } .c-button__gray:hover::after, .c-button__gray--l--bk:hover::after, .c-button__gray--l:hover::after { background-color: #fff } .c-button__gray::before, .c-button__gray--l--bk::before, .c-button__gray--l::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .c-button__gray:hover::before, .c-button__gray--l--bk:hover::before, .c-button__gray--l:hover::before { height: 100% } .c-link { font-family: YakuHanMP, "Noto Serif JP", serif; font-size: max(11px, var(--vw-size25)); color: #121212; text-decoration: underline !important; text-underline-offset: 2px; text-decoration-thickness: 1px !important; line-height: 1; opacity: 1; transition: opacity .3s } .c-link:hover { opacity: .5 } @media screen and (max-width: 991px) { .c-link { font-size: max(11px, var(--vw-size18)); line-height: 1.6 } } .c-heading__h1 { order: 2; background: #efefef; display: flex; flex-direction: column; align-items: center; z-index: 200 } @media screen and (max-width: 991px) { .c-heading__h1 { background: #f8f8f8 } } .c-heading__h1 span { display: block; text-align: right; padding: var(--vw-size48) 0; font-size: max(12px, var(--vw-size16)); color: #7b7b7b } @media screen and (max-width: 991px) { .c-heading__h1 span { padding: var(--vw-size32) 0; font-size: max(11px, var(--vw-size11)) } } @media screen and (max-width: 767px) { .c-heading__h1 span { text-align: left } } .c-heading__h1::after { content: ""; height: 1px; background: rgba(0, 0, 0, .2); width: calc(100% - var(--vw-size40)) } .c-heading__h2 { margin-top: var(--vw-size230); display: flex } @media screen and (max-width: 991px) { .c-heading__h2 { margin-top: 0; flex-direction: column } } .c-heading__h2 .en { width: 50% } @media screen and (max-width: 991px) { .c-heading__h2 .en { width: 100% } } .c-heading__h2 .en span { color: #006261; font-size: max(11px, var(--vw-size88)); font-family: YakuHanMP, "EB Garamond", serif; position: relative; padding-left: var(--vw-size182); line-height: 80% } @media screen and (max-width: 991px) { .c-heading__h2 .en span { padding-left: 0 } } .c-heading__h2 .en span::before { content: ""; position: absolute; bottom: 22%; left: 0; height: 1px; width: var(--vw-size158); background: #006261 } @media screen and (max-width: 991px) { .c-heading__h2 .en span::before { display: none } } .c-heading__h2 .title__wrap { width: 50%; padding-right: var(--vw-size182) } @media screen and (max-width: 991px) { .c-heading__h2 .title__wrap { width: 100%; padding: 0 } } .c-heading__h2 .title { display: flex; flex-direction: column; gap: var(--vw-size52); width: fit-content; margin-left: auto } @media screen and (max-width: 991px) { .c-heading__h2 .title { width: auto; gap: var(--vw-size35) } } .c-heading__h2 .title h2 span.jp { font-size: max(11px, var(--vw-size64)); font-family: YakuHanMP, "Shippori Mincho", serif } .c-heading__h2 .title h2 span.jp .kana { letter-spacing: calc(var(--vw-size64)*.05*-1); font-size: max(11px, var(--vw-size64)); font-family: YakuHanMP, "Shippori Mincho", serif } @media screen and (max-width: 991px) { .c-heading__h2 .title h2 span.jp .kana { font-size: max(11px, var(--vw-size33)); color: #fff } } .c-heading__h2 .title h2 span.jp sup { font-family: YakuHanMP, "Shippori Mincho", serif } @media screen and (max-width: 991px) { .c-heading__h2 .title h2 { position: relative; height: var(--vw-size160); display: flex; flex-direction: column; justify-content: center; padding: 0 var(--vw-size18) } .c-heading__h2 .title h2 span { z-index: 100 } .c-heading__h2 .title h2 span.jp { font-size: max(11px, var(--vw-size33)); color: #006261; margin-top: var(--vw-size14); line-height: 1.2 } .c-heading__h2 .title h2 span.jp sup { color: #006261 } .c-heading__h2 .title h2 span.jp .kana { color: #006261 } .c-heading__h2 .title h2 span.en { font-family: YakuHanMP, "EB Garamond", serif; font-size: max(11px, var(--vw-size16)); color: #006261; margin-top: var(--vw-size4) } } .c-heading__h2-lead { max-width: calc(var(--vw-size324)*2) } .c-heading__h2-lead span { font-size: max(11px, var(--vw-size17)); line-height: 2 } @media screen and (max-width: 991px) { .c-heading__h2-lead { max-width: none; width: 100%; background: #efefef; padding: var(--vw-size50) var(--vw-size24) } .c-heading__h2-lead span { font-size: max(11px, var(--vw-size16)); line-height: 1.7 } } .c-heading__h2-img { margin: 0 var(--vw-size24); margin-top: var(--vw-size168); overflow: hidden; border-radius: var(--vw-size5) } @media screen and (max-width: 991px) { .c-heading__h2-img { margin: 0; position: absolute !important; inset: 0; border-radius: 0 } .c-heading__h2-img .c-figcaption__white, .c-heading__h2-img .c-figcaption__black { opacity: .7; z-index: 9 } } .c-heading__h3 .label { display: flex; align-items: center; position: relative } @media screen and (max-width: 991px) { .c-heading__h3 .label { padding-left: var(--vw-size20) } } .c-heading__h3 .label span { background: #006261; color: #fff; font-size: max(14px, var(--vw-size18)); font-family: YakuHanMP, "Noto Serif JP", serif; font-weight: 700; padding: var(--vw-size8) var(--vw-size10); line-height: 1; border-radius: var(--vw-size3) } @media screen and (max-width: 991px) { .c-heading__h3 .label span { font-size: max(11px, var(--vw-size16)) } } .c-heading__h3 .label::after { content: ""; flex: 1; height: 1px; background: #006261 } .c-heading__h3 .title { margin-top: var(--vw-size59); padding-right: var(--vw-size182); display: flex; gap: var(--vw-size59) } @media screen and (max-width: 991px) { .c-heading__h3 .title { margin-top: var(--vw-size27); flex-direction: column; padding: 0 var(--vw-size20); gap: var(--vw-size18) } } .c-heading__h3 .title.--column { flex-direction: column; } .c-heading__h3 .title.--pr0 { padding-right: var(--vw-size0); } .c-heading__h3 .title.--pr0 + .l-column-item { margin-top: var(--vw-size59); } @media screen and (max-width: 991px) { .c-heading__h3 .title.--pr0 { padding: var(--vw-size0); } .c-heading__h3 .title.--pr0 + .l-column-item { margin-top: var(--vw-size0); } } .c-heading__h3 .title h3 { font-size: max(11px, var(--vw-size50)); font-family: YakuHanMP, "Noto Serif JP", serif; color: #006261; line-height: 1.2 } .c-heading__h3 .title h3 sup { color: #006261; font-family: YakuHanMP, "Noto Serif JP", serif } .c-heading__h3 .title h3::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.2)*.5em); content: "" } .c-heading__h3 .title h3::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.2)*.5em); content: "" } @media screen and (max-width: 991px) { .c-heading__h3 .title h3 { font-size: max(11px, var(--vw-size22)); line-height: 1.4 } .c-heading__h3 .title h3::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.4)*.5em); content: "" } .c-heading__h3 .title h3::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.4)*.5em); content: "" } } .c-heading__h3 .title .lead { flex: 1; min-width: calc(var(--vw-size225)*2); display: flex; flex-direction: column } @media screen and (max-width: 991px) { .c-heading__h3 .title .lead { width: 100%; min-width: auto } } .c-heading__h3 .title .lead span { font-size: max(12px, var(--vw-size16)); line-height: 2 } @media screen and (max-width: 991px) { .c-heading__h3 .title .lead span { font-size: max(11px, var(--vw-size14)) } } .c-heading__h3 .title .lead span.caption { font-size: max(11px, var(--vw-size12)); margin-top: var(--vw-size15) } @media screen and (max-width: 991px) { .c-heading__h3 .title .lead span.caption { font-size: max(11px, var(--vw-size11)); margin-top: var(--vw-size8) } } .c-heading__h3-min { display: flex; align-items: center; position: relative } @media screen and (max-width: 991px) { .c-heading__h3-min { padding-left: var(--vw-size20) } } .c-heading__h3-min h3 { background: #006261; color: #fff; font-size: max(14px, var(--vw-size18)); font-family: YakuHanMP, "Noto Serif JP", serif; font-weight: 700; padding: var(--vw-size8) var(--vw-size10); line-height: 1; border-radius: var(--vw-size3) } @media screen and (max-width: 991px) { .c-heading__h3-min h3 { font-size: max(11px, var(--vw-size16)) } } .c-heading__h3-min::after { content: ""; flex: 1; height: 1px; background: #006261 } @media screen and (min-width: 992px) { .c-heading__h4 { background: #efefef; padding: var(--vw-size10) var(--vw-size12); border-radius: var(--vw-size3); border-left: var(--vw-size5) solid #006261 } .c-heading__h4 h4 { font-size: max(11px, var(--vw-size30)); font-family: YakuHanMP, "Noto Serif JP", serif; line-height: 1.2 } } @media screen and (max-width: 991px) { .c-heading__h4 h4 { font-size: max(11px, var(--vw-size22)); font-family: YakuHanMP, "Noto Serif JP", serif; line-height: 1.4; color: #006261 } .c-heading__h4 h4 sup { color: #006261 } } .c-heading__h5 h5 { font-size: max(11px, var(--vw-size19)); font-weight: 700 } @media screen and (max-width: 991px) { .c-heading__h5 h5 { font-size: max(11px, var(--vw-size16)) } } @media screen and (min-width: 992px) { .c-heading__index { display: flex; flex-direction: column; gap: var(--vw-size34); width: fit-content; min-width: var(--vw-size290); max-width: 90%; background: #efefef; border: 1px solid #d3d3d3; border-radius: var(--vw-size5); padding: var(--vw-size34) 0 } .c-heading__index>div { display: flex; align-items: baseline; gap: var(--vw-size12); padding-left: var(--vw-size34) } .c-heading__index>div span { color: #006261; font-family: YakuHanMP, "EB Garamond", serif; font-size: max(11px, var(--vw-size20)); line-height: 80% } .c-heading__index>div::after { content: ""; flex: 1; width: 100%; height: 1px; background: #d3d3d3 } .c-heading__index ul { display: flex; flex-direction: column; gap: var(--vw-size17); padding: 0 var(--vw-size34) } .c-heading__index ul li a { position: relative; font-family: YakuHanMP, "Noto Serif JP", serif; font-size: max(11px, var(--vw-size20)); font-weight: 500; line-height: 1; opacity: .5; transition: .5s ease; display: block; line-height: 1.2; color: #121212 } .c-heading__index ul li a sup { font-family: YakuHanMP, "Noto Serif JP", serif } .c-heading__index ul li a:hover { opacity: 1 } .c-heading__index ul li a.is-current { opacity: 1 } .c-heading__index ul li a span { position: absolute; left: 0; top: calc(max(12px, var(--vw-size15))*.8); transform: translateY(-50%); width: max(12px, var(--vw-size15)); height: max(12px, var(--vw-size15)); background: #006261; opacity: 0; transition: .5s ease; transition-delay: .2s } .c-heading__index ul li a span::after { content: ""; position: absolute; width: 12px; height: 12px; top: 50%; left: 48%; transform: translate(-50%, -50%); background-image: url(../img/elements/icn__arrow__down.svg); background-repeat: no-repeat; background-position: center } .c-heading__index ul li.is-current a { opacity: 1; padding-left: max(14px, var(--vw-size22)) } .c-heading__index ul li.is-current a span { animation: fadeIn .5s ease .2s forwards } } @media screen and (max-width: 991px) { .c-heading__index { height: var(--vw-size35); width: 100%; background: #006261; border-top: 1px solid #fff; max-width: none } .c-heading__index ul { display: flex; height: 100%; padding: 0 var(--vw-size10); border-bottom: 1px solid rgba(0, 0, 0, .2); overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none } .c-heading__index ul::-webkit-scrollbar { display: none } .c-heading__index ul li a { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; color: #fff !important; font-weight: 500; font-size: max(11px, var(--vw-size13)); padding: 0 var(--vw-size10); white-space: nowrap } .c-heading__index ul li a sup { color: #fff } .c-heading__index ul li a span { width: var(--vw-size10); height: var(--vw-size10); background-image: url(../img/elements/icn__arrow__down.svg); background-repeat: no-repeat; background-position: center; margin-right: var(--vw-size12) } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .c-slider__common .splide__slide h3, .c-slider__large .splide__slide h3, .c-slider .splide__slide h3, .c-slider__common .splide__slide h4, .c-slider__large .splide__slide h4, .c-slider .splide__slide h4, .c-slider__common .splide__slide h5, .c-slider__large .splide__slide h5, .c-slider .splide__slide h5, .c-slider__common .splide__slide h6, .c-slider__large .splide__slide h6, .c-slider .splide__slide h6 { margin-top: var(--vw-size20); padding-bottom: var(--vw-size20); border-bottom: 1px solid rgba(0, 0, 0, .2) } @media screen and (max-width: 991px) { .c-slider__common .splide__slide h3, .c-slider__large .splide__slide h3, .c-slider .splide__slide h3, .c-slider__common .splide__slide h4, .c-slider__large .splide__slide h4, .c-slider .splide__slide h4, .c-slider__common .splide__slide h5, .c-slider__large .splide__slide h5, .c-slider .splide__slide h5, .c-slider__common .splide__slide h6, .c-slider__large .splide__slide h6, .c-slider .splide__slide h6 { margin-top: var(--vw-size15); padding-bottom: var(--vw-size10); display: flex; flex-direction: column } } .c-slider__common .splide__slide h3 span, .c-slider__large .splide__slide h3 span, .c-slider .splide__slide h3 span, .c-slider__common .splide__slide h4 span, .c-slider__large .splide__slide h4 span, .c-slider .splide__slide h4 span, .c-slider__common .splide__slide h5 span, .c-slider__large .splide__slide h5 span, .c-slider .splide__slide h5 span, .c-slider__common .splide__slide h6 span, .c-slider__large .splide__slide h6 span, .c-slider .splide__slide h6 span { font-family: YakuHanMP, "Noto Serif JP", serif } .c-slider__common .splide__slide h3 span sup, .c-slider__large .splide__slide h3 span sup, .c-slider .splide__slide h3 span sup, .c-slider__common .splide__slide h4 span sup, .c-slider__large .splide__slide h4 span sup, .c-slider .splide__slide h4 span sup, .c-slider__common .splide__slide h5 span sup, .c-slider__large .splide__slide h5 span sup, .c-slider .splide__slide h5 span sup, .c-slider__common .splide__slide h6 span sup, .c-slider__large .splide__slide h6 span sup, .c-slider .splide__slide h6 span sup { font-family: YakuHanMP, "Noto Serif JP", serif } .c-slider__common .splide__slide h3 span:nth-of-type(1), .c-slider__large .splide__slide h3 span:nth-of-type(1), .c-slider .splide__slide h3 span:nth-of-type(1), .c-slider__common .splide__slide h4 span:nth-of-type(1), .c-slider__large .splide__slide h4 span:nth-of-type(1), .c-slider .splide__slide h4 span:nth-of-type(1), .c-slider__common .splide__slide h5 span:nth-of-type(1), .c-slider__large .splide__slide h5 span:nth-of-type(1), .c-slider .splide__slide h5 span:nth-of-type(1), .c-slider__common .splide__slide h6 span:nth-of-type(1), .c-slider__large .splide__slide h6 span:nth-of-type(1), .c-slider .splide__slide h6 span:nth-of-type(1) { font-size: max(15px, var(--vw-size20)); margin-right: var(--vw-size8) } .c-slider__common .splide__slide h3 span:nth-of-type(2), .c-slider__large .splide__slide h3 span:nth-of-type(2), .c-slider .splide__slide h3 span:nth-of-type(2), .c-slider__common .splide__slide h4 span:nth-of-type(2), .c-slider__large .splide__slide h4 span:nth-of-type(2), .c-slider .splide__slide h4 span:nth-of-type(2), .c-slider__common .splide__slide h5 span:nth-of-type(2), .c-slider__large .splide__slide h5 span:nth-of-type(2), .c-slider .splide__slide h5 span:nth-of-type(2), .c-slider__common .splide__slide h6 span:nth-of-type(2), .c-slider__large .splide__slide h6 span:nth-of-type(2), .c-slider .splide__slide h6 span:nth-of-type(2) { font-size: max(11px, var(--vw-size16)) } @media screen and (max-width: 991px) { .c-slider__common .splide__slide h3 span:nth-of-type(1), .c-slider__large .splide__slide h3 span:nth-of-type(1), .c-slider .splide__slide h3 span:nth-of-type(1), .c-slider__common .splide__slide h4 span:nth-of-type(1), .c-slider__large .splide__slide h4 span:nth-of-type(1), .c-slider .splide__slide h4 span:nth-of-type(1), .c-slider__common .splide__slide h5 span:nth-of-type(1), .c-slider__large .splide__slide h5 span:nth-of-type(1), .c-slider .splide__slide h5 span:nth-of-type(1), .c-slider__common .splide__slide h6 span:nth-of-type(1), .c-slider__large .splide__slide h6 span:nth-of-type(1), .c-slider .splide__slide h6 span:nth-of-type(1) { font-size: max(11px, var(--vw-size16)) } .c-slider__common .splide__slide h3 span:nth-of-type(2), .c-slider__large .splide__slide h3 span:nth-of-type(2), .c-slider .splide__slide h3 span:nth-of-type(2), .c-slider__common .splide__slide h4 span:nth-of-type(2), .c-slider__large .splide__slide h4 span:nth-of-type(2), .c-slider .splide__slide h4 span:nth-of-type(2), .c-slider__common .splide__slide h5 span:nth-of-type(2), .c-slider__large .splide__slide h5 span:nth-of-type(2), .c-slider .splide__slide h5 span:nth-of-type(2), .c-slider__common .splide__slide h6 span:nth-of-type(2), .c-slider__large .splide__slide h6 span:nth-of-type(2), .c-slider .splide__slide h6 span:nth-of-type(2) { font-size: max(11px, var(--vw-size12)) } } .c-slider__common .splide__slide p, .c-slider__large .splide__slide p, .c-slider .splide__slide p { margin-top: var(--vw-size17) } .c-slider__common .splide__slide p span, .c-slider__large .splide__slide p span, .c-slider .splide__slide p span { font-size: max(11px, var(--vw-size16)); line-height: 2 } @media screen and (max-width: 991px) { .c-slider__common .splide__slide p, .c-slider__large .splide__slide p, .c-slider .splide__slide p { margin-top: var(--vw-size12) } .c-slider__common .splide__slide p span, .c-slider__large .splide__slide p span, .c-slider .splide__slide p span { font-size: max(11px, var(--vw-size13)) } } .c-slider .splide__arrows { position: absolute; top: calc(100% + var(--vw-size48)); display: flex; gap: var(--vw-size15) } @media screen and (max-width: 991px) { .c-slider .splide__arrows { top: calc(100% + var(--vw-size32)); padding-left: var(--vw-size20) } } .c-slider .splide__arrows .splide__arrow { position: relative; display: flex; left: 0; right: 0; top: auto; transform: none; background: #006261; border-radius: var(--vw-size3); transition: all .3s; width: var(--vw-size50); height: var(--vw-size50); opacity: 1 } .c-slider .splide__arrows .splide__arrow:disabled { opacity: .5 } .c-slider .splide__arrows .splide__arrow svg { fill: #fff; background: none } .c-slider .splide__track { padding-right: var(--vw-size182) !important } @media screen and (max-width: 991px) { .c-slider .splide__track { padding: 0 var(--vw-size24) !important } } .c-slider__large .splide__arrows .splide__arrow { width: var(--vw-size50); height: var(--vw-size50); background: #006261; border-radius: var(--vw-size3); opacity: .8; transition: opacity .3s } .c-slider__large .splide__arrows .splide__arrow:disabled { opacity: .5 } .c-slider__large .splide__arrows .splide__arrow svg { fill: #fff; background: none } .c-slider__large .splide__arrows .splide__arrow.splide__arrow--prev { left: calc(var(--vw-size25)*-1) } @media screen and (max-width: 991px) { .c-slider__large .splide__arrows .splide__arrow.splide__arrow--prev { left: auto } } .c-slider__large .splide__arrows .splide__arrow.splide__arrow--next { right: calc(var(--vw-size25)*-1) } @media screen and (max-width: 991px) { .c-slider__large .splide__arrows .splide__arrow.splide__arrow--next { right: auto } } @media screen and (max-width: 991px) { .c-slider__large { margin-bottom: var(--vw-size104) } .c-slider__large .splide__slide figure { height: 100% } .c-slider__large .splide__slide figure img { object-fit: cover } .c-slider__large .splide__arrows { position: absolute; top: calc(100% + var(--vw-size20)); left: 50%; transform: translateX(-50%); display: flex; gap: var(--vw-size16) } .c-slider__large .splide__arrows .splide__arrow { position: relative; display: flex; left: 0; right: 0; top: auto; transform: none; opacity: 1; transition: opacity .3s } .c-slider__large .splide__arrows .splide__arrow:disabled { opacity: .5 } } .c-column { background: #efefef; border-radius: var(--vw-size5); border: 1px solid #d4d4d4; overflow: hidden } .c-column__header { display: flex; justify-content: space-between; padding: var(--vw-size12) var(--vw-size22); background: rgba(0, 98, 97, .5) } @media screen and (max-width: 991px) { .c-column__header { padding: var(--vw-size10) var(--vw-size14) } } .c-column__header span { color: #fff; font-family: YakuHanMP, "EB Garamond", serif; line-height: 1; font-size: max(11px, var(--vw-size30)) } @media screen and (max-width: 991px) { .c-column__header span { font-size: max(11px, var(--vw-size13)) } } .c-column__body { padding: var(--vw-size85) var(--vw-size88) var(--vw-size80) } @media screen and (max-width: 991px) { .c-column__body { padding: var(--vw-size24) } } .c-column__body.l-column__evenly { gap: var(--vw-size88) } @media screen and (max-width: 991px) { .c-column__body.l-column__evenly { flex-direction: column; gap: var(--vw-size40) } } .c-column__body.l-column__evenly .text { flex-direction: column; gap: var(--vw-size8) } .c-column__body.l-column__evenly .text .title { max-width: none } .c-column__body.l-column__evenly .text .lead { flex: auto } .c-column__body.l-column__evenly .img { margin-top: var(--vw-size24) } .c-column__body .text { display: flex; gap: var(--vw-size50) } @media screen and (max-width: 991px) { .c-column__body .text { flex-direction: column; gap: var(--vw-size14) } } .c-column__body .text .title { font-size: max(11px, var(--vw-size30)); font-family: YakuHanMP, "Noto Serif JP", serif; min-width: var(--vw-size340); max-width: calc(50% - var(--vw-size25)) } .c-column__body .text .title sup { font-family: YakuHanMP, "Noto Serif JP", serif } @media screen and (max-width: 991px) { .c-column__body .text .title { width: 100%; font-size: max(11px, var(--vw-size17)); min-width: auto; max-width: none } } .c-column__body .text .lead { flex: 1; display: flex; flex-direction: column } .c-column__body .text .lead span { font-size: max(12px, var(--vw-size16)); line-height: 2 } @media screen and (max-width: 991px) { .c-column__body .text .lead span { font-size: max(11px, var(--vw-size13)) } } .c-column__body .text .lead span.caption { font-size: max(11px, var(--vw-size12)); margin-top: var(--vw-size15) } @media screen and (max-width: 991px) { .c-column__body .text .lead span.caption { font-size: max(11px, var(--vw-size11)); margin-top: var(--vw-size8) } } .c-column__body .img { margin-top: var(--vw-size80) } @media screen and (max-width: 991px) { .c-column__body .img { margin-top: var(--vw-size22) } .c-column__body .img.fill { margin-right: calc(var(--vw-size24)*-1); margin-left: calc(var(--vw-size24)*-1); margin-bottom: calc(var(--vw-size24)*-1) } } .c-text { display: flex; flex-direction: column } .c-text span { font-size: max(12px, var(--vw-size16)); line-height: 2 } @media screen and (max-width: 991px) { .c-text span { font-size: max(11px, var(--vw-size14)) } } .c-text span.caption { font-size: max(11px, var(--vw-size12)); margin-top: var(--vw-size15) } @media screen and (max-width: 991px) { .c-text span.caption { font-size: max(11px, var(--vw-size11)); margin-top: var(--vw-size8) } } @media screen and (min-width: 992px) { .cv_contents-open { position: fixed; bottom: var(--vw-size10); right: var(--vw-size8); z-index: 1000; background: #121212; padding: var(--vw-size10) var(--vw-size12) var(--vw-size10) var(--vw-size24); border-radius: var(--vw-size5); overflow: hidden; display: flex; align-items: center; justify-content: flex-end; gap: var(--vw-size24); width: max(250px, 36px + var(--vw-size260)); transform: translateY(0); transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) } .cv_contents-open .pc-icon { z-index: 100; background: #fff; min-width: 36px; height: 30px; border-radius: var(--vw-size3); background-image: url(../img/elements/icn__mail.svg); background-size: auto; background-repeat: no-repeat; background-position: center } .cv_contents-open .label { z-index: 100; font-size: max(14px, var(--vw-size16)); font-weight: 700; color: #fff; line-height: 1; opacity: 1; transition: .3s ease; transition-delay: .3s; white-space: nowrap } body.cv_open .cv_contents-open { transform: translateY(100%) } .cv_contents-open::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .cv_contents-open:hover { width: max(250px, 36px + var(--vw-size260)) !important } .cv_contents-open:hover::before { height: 100% } .cv_contents-open:hover .label { opacity: 1 !important } .cv_contents-open.is-hide { width: calc(36px + var(--vw-size24)); min-width: auto } .cv_contents-open.is-hide .label { opacity: 0 } } @media screen and (max-width: 991px) { .cv_contents-open { position: fixed; bottom: var(--vw-size4); left: var(--vw-size4); z-index: 1000; background: #121212; padding: var(--vw-size4); border-radius: var(--vw-size5); overflow: hidden; display: flex; align-items: center; transform: translateY(110%); transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); width: var(--vw-size227); height: var(--vw-size41) } body.nav_open .cv_contents-open { width: var(--vw-size41) } body.nav_open .cv_contents-open .label { opacity: 0 } body.nav_open .cv_contents-open .sp-icon-02 { opacity: 1 } .cv_contents-open.is-hide { width: var(--vw-size41) } .cv_contents-open.is-hide .label { opacity: 0 } .cv_contents-open.is-hide .sp-icon-02 { opacity: 1 } .cv_contents-open.is-show { transform: translateY(0%) } body.cv_open .cv_contents-open { transform: translateY(110%) } .cv_contents-open .sp-icon-01, .cv_contents-open .sp-icon-02 { z-index: 100; background: #fff; width: var(--vw-size33); height: var(--vw-size33); border-radius: var(--vw-size2); background-image: url(../img/elements/icn__mail.svg); background-size: auto; background-repeat: no-repeat; background-position: center; position: absolute } .cv_contents-open .sp-icon-02 { opacity: 0; transition: opacity .2s } .cv_contents-open .label { z-index: 100; font-size: max(11px, var(--vw-size14)); font-weight: 500; color: #fff; line-height: 1; margin: 0px var(--vw-size8) 0 var(--vw-size43); white-space: nowrap; opacity: 1; transition: opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1) } } @media screen and (max-width: 991px) { .cv_contents-close { position: fixed; bottom: -1px; right: -1px; z-index: 1001; width: var(--vw-size50); height: var(--vw-size50); background: #fff; z-index: 1004; border: 1px solid rgba(0, 0, 0, .25); padding: var(--vw-size12); transform: translateY(100%); transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1) } body.cv_open .cv_contents-close { transform: translateY(0) } .cv_contents-close hr { position: relative; background: #006261; border: none; height: 1px; margin: 0 } .cv_contents-close hr:nth-child(1) { top: 1px; transform: rotate(45deg) } .cv_contents-close hr:nth-child(2) { transform: rotate(-45deg) } } @media screen and (min-width: 992px) { .cv_contents { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, .3); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: none; opacity: 0; transition: opacity .6s } body.cv_open .cv_contents { pointer-events: all; opacity: 1 } .cv_contents__body__wrap { position: absolute; left: 0; bottom: 0; width: 100%; max-height: 100vh; overflow-y: scroll; background: #fff; transform: translateY(100%); transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1) } body.cv_open .cv_contents__body__wrap { transform: translateY(0) } .cv_contents__body { display: flex; gap: var(--vw-size32); padding: var(--vw-size90) var(--vw-size50) var(--vw-size40) var(--vw-size50) } .cv_contents__body>dl { flex: 1 } .cv_contents__body>dl>dt { display: flex; align-items: center; gap: var(--vw-size10); font-family: YakuHanMP, "EB Garamond", serif; font-size: max(11px, var(--vw-size20)); color: #121212 } .cv_contents__body>dl>dt::after { content: ""; flex: 1; height: 1px; background: #121212 } .cv_contents__body .entry, .cv_contents__body .reserve, .cv_contents__body .online { display: flex; flex-direction: column } .cv_contents__body .entry dd, .cv_contents__body .reserve dd, .cv_contents__body .online dd { margin-top: var(--vw-size28); flex: 1; display: flex; flex-direction: column; justify-content: space-between } .cv_contents__body .entry dd p, .cv_contents__body .reserve dd p, .cv_contents__body .online dd p { font-family: YakuHanMP, "Noto Serif JP", serif; font-size: max(12px, var(--vw-size16)); color: #121212; line-height: 1.8 } .cv_contents__body .entry dd a, .cv_contents__body .reserve dd a, .cv_contents__body .online dd a { display: flex; align-items: center; justify-content: center; margin-top: var(--vw-size30); height: var(--vw-size92); text-decoration: none; background: #121212; border-radius: var(--vw-size3); overflow: hidden; position: relative; position: relative } .cv_contents__body .entry dd a span, .cv_contents__body .reserve dd a span, .cv_contents__body .online dd a span { font-size: max(11px, var(--vw-size20)); font-weight: 700; z-index: 100; color: #fff } .cv_contents__body .entry dd a::after, .cv_contents__body .reserve dd a::after, .cv_contents__body .online dd a::after { content: ""; background-image: url(../img/elements/icn__arrow__right.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: var(--vw-size8); height: var(--vw-size16); position: absolute; top: 43%; right: var(--vw-size15) } .cv_contents__body .entry dd a::before, .cv_contents__body .reserve dd a::before, .cv_contents__body .online dd a::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .cv_contents__body .entry dd a:hover::before, .cv_contents__body .reserve dd a:hover::before, .cv_contents__body .online dd a:hover::before { height: 100% } .cv_contents__body .entry { min-width: 35% } .cv_contents__body .entry dd div { display: flex; flex-direction: row; gap: var(--vw-size32) } .cv_contents__body .entry dd div a { flex: 1 } .cv_contents__body .entry dd div a.step { background: #006261; position: relative } .cv_contents__body .entry dd div a.step::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #121212; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .cv_contents__body .entry dd div a.step:hover::before { height: 100% } .cv_contents__body .contact { max-width: calc(var(--vw-size200)*3); min-width: 24% } .cv_contents__body .contact>dd { margin-top: var(--vw-size28) } .cv_contents__body .contact>dd p span { font-family: YakuHanMP, "Noto Serif JP", serif } .cv_contents__body .contact>dd p span:nth-of-type(1) { font-size: max(12px, var(--vw-size16)) } .cv_contents__body .contact>dd p span:nth-of-type(2) { font-size: max(14px, var(--vw-size20)) } .cv_contents__body .contact>dd .telno { display: flex; align-items: center; position: relative; text-decoration: none; font-family: YakuHanMP, "EB Garamond", serif; font-size: max(11px, var(--vw-size40)); line-height: 1; padding-left: var(--vw-size50); margin-top: var(--vw-size32); letter-spacing: .08rem; color: #121212 } .cv_contents__body .contact>dd .telno::before { content: ""; width: var(--vw-size40); height: var(--vw-size22); background-image: url(../img/elements/icn__tel.svg); background-size: cover; position: absolute; left: 0 } } @media screen and (min-width: 992px)and (max-width: 991px) { .cv_contents__body .contact>dd .telno { font-size: max(11px, var(--vw-size40)) } } @media screen and (min-width: 992px) { .cv_contents__body .contact>dd .info { margin-top: var(--vw-size14); margin-right: var(--vw-size20) } .cv_contents__body .contact>dd .info dl { display: flex; font-size: max(12px, var(--vw-size15)) } .cv_contents__body .contact>dd .info dl dt { white-space: nowrap } .cv_contents__body .contact>dd .info dl dd { display: flex; flex-wrap: wrap; gap: 0 4px } .cv_contents__body .contact>dd .caption { font-size: max(11px, var(--vw-size11)); line-height: 1.5; display: inline-block; margin-top: var(--vw-size10) } .cv_contents__bottom { border-top: 1px solid rgba(0, 0, 0, .2); margin: 0 var(--vw-size24); padding: var(--vw-size16) 0; display: flex; justify-content: space-between; align-items: center; gap: var(--vw-size24) } .cv_contents__bottom .owner { display: flex; align-items: center; gap: var(--vw-size24) } .cv_contents__bottom .owner dt { font-size: max(11px, var(--vw-size12)); color: #7b7b7b; white-space: nowrap; display: flex; align-items: center; align-self: flex-start; max-height: 28px; height: var(--vw-size40) !important } .cv_contents__bottom .owner dd ul { display: flex; flex-wrap: wrap; gap: var(--vw-size12) var(--vw-size8) } .cv_contents__bottom .owner dd ul li figure img { max-height: 28px; height: var(--vw-size40) !important; width: auto } .cv_contents__bottom .close { position: relative; background: #121212; padding: var(--vw-size10) var(--vw-size14); border-radius: var(--vw-size5); overflow: hidden; display: flex; align-items: center; align-self: flex-end; gap: var(--vw-size15); max-height: 45px; min-width: 120px } .cv_contents__bottom .close span { z-index: 100 } .cv_contents__bottom .close span:nth-child(1) { background: #fff; width: var(--vw-size36); height: var(--vw-size30); min-width: 30px; min-height: 26px; border-radius: var(--vw-size3); background-image: url(../img/elements/icn__close.svg); background-size: auto; background-repeat: no-repeat; background-position: center } .cv_contents__bottom .close span:nth-child(2) { font-size: max(14px, var(--vw-size16)); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; color: #fff; line-height: 1; word-break: keep-all; flex: 1 } .cv_contents__bottom .close::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .cv_contents__bottom .close:hover::before { height: 100% } } @media screen and (max-width: 991px) { .cv_contents { position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; z-index: 1000; background: rgba(0, 0, 0, .3); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: none; opacity: 0; transition: opacity .6s } body.cv_open .cv_contents { pointer-events: all; opacity: 1 } .cv_contents__body__wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: #efefef; overflow-y: scroll; transform: translateY(100%); transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1); -ms-overflow-style: none; scrollbar-width: none } .cv_contents__body__wrap::-webkit-scrollbar { display: none } body.cv_open .cv_contents__body__wrap { transform: translateY(0) } .cv_contents__body { display: flex; flex-direction: column } .cv_contents__body-contact-title { display: flex; align-items: center; gap: var(--vw-size10); font-family: YakuHanMP, "Noto Serif JP", serif; font-size: max(11px, var(--vw-size17)); font-weight: 700; color: #006261; height: var(--vw-size40); margin-top: var(--vw-size37) } .cv_contents__body-contact-title::after, .cv_contents__body-contact-title::before { content: ""; flex: 1; height: 1px; background: #006261 } .cv_contents__body .step, .cv_contents__body .entry, .cv_contents__body .reserve, .cv_contents__body .online, .cv_contents__body .contact { padding: 0 var(--vw-size20) } .cv_contents__body .step>dt, .cv_contents__body .entry>dt, .cv_contents__body .reserve>dt, .cv_contents__body .online>dt, .cv_contents__body .contact>dt { display: flex; align-items: center; gap: var(--vw-size10); font-family: YakuHanMP, "Noto Serif JP", serif; font-size: max(11px, var(--vw-size17)); font-weight: 700; color: #006261; height: var(--vw-size40) } .cv_contents__body .step>dt::after, .cv_contents__body .step>dt::before, .cv_contents__body .entry>dt::after, .cv_contents__body .entry>dt::before, .cv_contents__body .reserve>dt::after, .cv_contents__body .reserve>dt::before, .cv_contents__body .online>dt::after, .cv_contents__body .online>dt::before, .cv_contents__body .contact>dt::after, .cv_contents__body .contact>dt::before { content: ""; flex: 1; height: 1px; background: #006261 } .cv_contents__body .step dd p, .cv_contents__body .entry dd p, .cv_contents__body .reserve dd p, .cv_contents__body .online dd p, .cv_contents__body .contact dd p { margin-top: var(--vw-size15); font-size: max(11px, var(--vw-size14)) } .cv_contents__body .step dd a:not(.telno), .cv_contents__body .entry dd a:not(.telno), .cv_contents__body .reserve dd a:not(.telno), .cv_contents__body .online dd a:not(.telno), .cv_contents__body .contact dd a:not(.telno) { display: flex; align-items: center; justify-content: center; margin-top: var(--vw-size35); height: var(--vw-size58); text-decoration: none; background: #121212; border-radius: var(--vw-size3); overflow: hidden; position: relative } .cv_contents__body .step dd a:not(.telno) span, .cv_contents__body .entry dd a:not(.telno) span, .cv_contents__body .reserve dd a:not(.telno) span, .cv_contents__body .online dd a:not(.telno) span, .cv_contents__body .contact dd a:not(.telno) span { font-size: max(11px, var(--vw-size16)); font-weight: 700; z-index: 100; color: #fff } .cv_contents__body .step dd a:not(.telno)::after, .cv_contents__body .entry dd a:not(.telno)::after, .cv_contents__body .reserve dd a:not(.telno)::after, .cv_contents__body .online dd a:not(.telno)::after, .cv_contents__body .contact dd a:not(.telno)::after { content: ""; background-image: url(../img/elements/icn__arrow__right.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: var(--vw-size8); height: var(--vw-size16); position: absolute; right: var(--vw-size20) } .cv_contents__body .step dd a:not(.telno).step, .cv_contents__body .entry dd a:not(.telno).step, .cv_contents__body .reserve dd a:not(.telno).step, .cv_contents__body .online dd a:not(.telno).step, .cv_contents__body .contact dd a:not(.telno).step { background: #006261; position: relative } .cv_contents__body .step dd a:not(.telno).step::before, .cv_contents__body .entry dd a:not(.telno).step::before, .cv_contents__body .reserve dd a:not(.telno).step::before, .cv_contents__body .online dd a:not(.telno).step::before, .cv_contents__body .contact dd a:not(.telno).step::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #121212; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .cv_contents__body .step dd a:not(.telno).step:hover::before, .cv_contents__body .entry dd a:not(.telno).step:hover::before, .cv_contents__body .reserve dd a:not(.telno).step:hover::before, .cv_contents__body .online dd a:not(.telno).step:hover::before, .cv_contents__body .contact dd a:not(.telno).step:hover::before { height: 100% } .cv_contents__body .step dd .telno, .cv_contents__body .entry dd .telno, .cv_contents__body .reserve dd .telno, .cv_contents__body .online dd .telno, .cv_contents__body .contact dd .telno { display: flex; align-items: center; justify-content: center; margin-top: var(--vw-size35); height: var(--vw-size62); font-family: YakuHanMP, "EB Garamond", serif; font-size: max(11px, var(--vw-size40)); color: #fff; line-height: 1; letter-spacing: .08rem; text-decoration: none; background: #006261; border-radius: var(--vw-size3); position: relative } .cv_contents__body .step dd .telno::before, .cv_contents__body .entry dd .telno::before, .cv_contents__body .reserve dd .telno::before, .cv_contents__body .online dd .telno::before, .cv_contents__body .contact dd .telno::before { content: ""; width: var(--vw-size40); height: var(--vw-size22); mask-image: url(../img/elements/icn__tel.svg); mask-size: cover; background-color: #fff; margin-right: var(--vw-size10) } .cv_contents__body .step dd .info, .cv_contents__body .entry dd .info, .cv_contents__body .reserve dd .info, .cv_contents__body .online dd .info, .cv_contents__body .contact dd .info { margin-top: var(--vw-size15) } .cv_contents__body .step dd .info dl, .cv_contents__body .entry dd .info dl, .cv_contents__body .reserve dd .info dl, .cv_contents__body .online dd .info dl, .cv_contents__body .contact dd .info dl { display: flex } .cv_contents__body .step dd .info dl dt, .cv_contents__body .step dd .info dl dd, .cv_contents__body .entry dd .info dl dt, .cv_contents__body .entry dd .info dl dd, .cv_contents__body .reserve dd .info dl dt, .cv_contents__body .reserve dd .info dl dd, .cv_contents__body .online dd .info dl dt, .cv_contents__body .online dd .info dl dd, .cv_contents__body .contact dd .info dl dt, .cv_contents__body .contact dd .info dl dd { font-size: max(11px, var(--vw-size14)) } .cv_contents__body .step dd .caption, .cv_contents__body .entry dd .caption, .cv_contents__body .reserve dd .caption, .cv_contents__body .online dd .caption, .cv_contents__body .contact dd .caption { font-size: max(11px, var(--vw-size11)); line-height: 1.5; display: inline-block; margin-top: var(--vw-size10) } .cv_contents__body .entry dd a { margin-top: var(--vw-size28) !important } .cv_contents__body .entry dd, .cv_contents__body .reserve dd, .cv_contents__body .online dd { display: flex; flex-direction: column-reverse } .cv_contents__body .step { background: #006261; padding: var(--vw-size45) var(--vw-size20) var(--vw-size20) var(--vw-size20) } .cv_contents__body .step dt { color: #fff } .cv_contents__body .step dt::after, .cv_contents__body .step dt::before { background: #fff } .cv_contents__body .step dd { margin-top: var(--vw-size35) } .cv_contents__body .contact { background: #efefef; padding: 0 var(--vw-size20) } .cv_contents__body .contact dd ul li:nth-child(1) a { margin-top: var(--vw-size28) } .cv_contents__bottom { background: #efefef; padding: 0 var(--vw-size20) var(--vw-size53) var(--vw-size20) } .cv_contents__bottom .owner dt { color: #7b7b7b; font-size: max(11px, var(--vw-size15)) } .cv_contents__bottom .owner dd { margin-top: var(--vw-size22) } .cv_contents__bottom .owner dd ul { display: flex; flex-wrap: wrap; gap: var(--vw-size24) var(--vw-size16); padding: 0 var(--vw-size8) } .cv_contents__bottom .owner dd ul li figure img { max-height: 40px; height: var(--vw-size40) !important; width: auto } } .cv_contents__leading { background-color: #f9f9f9; padding: var(--vw-size40) var(--vw-size48) } @media screen and (max-width: 991px) { .cv_contents__leading { background-color: #efefef; padding: var(--vw-size10) var(--vw-size20) var(--vw-size30) var(--vw-size20) } } .cv_contents__leading ul { display: flex; flex-wrap: wrap; gap: var(--vw-size24) var(--vw-size42) } @media screen and (max-width: 991px) { .cv_contents__leading ul { gap: var(--vw-size8) } } .cv_contents__leading ul li { width: calc(33.3333333333% - .6666666667*var(--vw-size42)) } @media screen and (max-width: 1280px) { .cv_contents__leading ul li { width: calc(50% - .5*var(--vw-size42)) } } @media screen and (max-width: 991px) { .cv_contents__leading ul li { width: calc(50% - .5*var(--vw-size8)); max-height: 160px } } @media screen and (max-width: 767px) { .cv_contents__leading ul li { width: 100% } } .cv_contents__leading ul li a { position: relative; display: grid; grid-template-columns: 40% calc(60% - var(--vw-size24)); gap: var(--vw-size24); background-color: #fff; text-decoration: none; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, .2); color: #121212 } @media screen and (max-width: 991px) { .cv_contents__leading ul li a { grid-template-columns: 35% calc(65% - var(--vw-size16)); gap: var(--vw-size16) } } .cv_contents__leading ul li a:hover figure img { transform: scale(1.1) } @media screen and (min-width: 992px) { .cv_contents__leading ul li a::after { content: ""; position: absolute; background-image: url(../img/elements/icn__arrow__right__gray.svg); background-size: contain; background-repeat: no-repeat; width: 8px; height: 16px; right: var(--vw-size18); top: 50%; transform: translateY(-50%) } } .cv_contents__leading ul li a figure { overflow: hidden } .cv_contents__leading ul li a figure img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 1s ease } @media screen and (max-width: 991px) { .cv_contents__leading ul li a figure img { aspect-ratio: 1.1/1 } } .cv_contents__leading ul li a div { padding: var(--vw-size16) var(--vw-size36) var(--vw-size16) 0; display: flex; flex-direction: column; justify-content: space-between } @media screen and (max-width: 991px) { .cv_contents__leading ul li a div { padding: var(--vw-size8) var(--vw-size16) var(--vw-size12) 0 } } .cv_contents__leading ul li a div p { line-height: 1.4 } .cv_contents__leading ul li a div p span:nth-of-type(1) { font-size: max(15px, var(--vw-size18)); font-family: YakuHanMP, "Noto Serif JP", serif; line-height: 1.4 } @media screen and (max-width: 991px) { .cv_contents__leading ul li a div p span:nth-of-type(1) { font-size: max(11px, var(--vw-size13)) } } .cv_contents__leading ul li a div p span:nth-of-type(2) { display: block; font-size: max(11px, var(--vw-size12)); font-weight: 500; line-height: 1; margin-top: var(--vw-size8) } @media screen and (max-width: 991px) { .cv_contents__leading ul li a div p span:nth-of-type(2) { font-size: max(10px, var(--vw-size10)) } } .cv_contents__leading ul li a div>span { display: block; font-size: max(11px, var(--vw-size12)); font-weight: 500; line-height: 1; color: #006261; margin-top: var(--vw-size20); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: calc(100% - var(--vw-size16)) } @media screen and (max-width: 991px) { .cv_contents__leading ul li a div>span { width: 100%; font-size: max(10px, var(--vw-size10)) } } @keyframes fade_in { 0% { opacity: 0 } 100% { opacity: 1 } } @media screen and (min-width: 992px) { .all-contents { background: #f9f9f9; padding-top: var(--vw-size150) } .all-contents h2 { font-family: YakuHanMP, "EB Garamond", serif; font-size: max(11px, var(--vw-size100)); color: rgba(0, 0, 0, .1) } .all-contents__body { margin-top: var(--vw-size144); display: flex; gap: var(--vw-size164) } .all-contents__body .img { width: calc(var(--vw-size314)*2); height: fit-content; position: sticky; top: 0 } .all-contents__body .img figure { position: relative; overflow: hidden } @supports((-webkit-mask-size : 100% 100%)) { .all-contents__body .img figure img { -webkit-mask-size: 100% 100%; -webkit-mask-image: url(../img/allContents/mask.jpg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: bottom center } } @supports((mask-size : 100% 100%)) { .all-contents__body .img figure img { mask-size: 100% 100%; mask-image: url(../img/allContents/mask.jpg); mask-repeat: no-repeat; mask-position: bottom center } } .all-contents__body .img figure:nth-child(n+2) { position: absolute !important; top: 0; left: 0 } @supports((-webkit-mask-size : 100% 100%)) { .all-contents__body .img figure.current img { -webkit-mask-size: 100% 100%; animation: slide 1.5s ease-out 0s forwards } } @supports((mask-size : 100% 100%)) { .all-contents__body .img figure.current img { mask-size: 100% 100%; animation: slide 1.5s ease-out 0s forwards } } .all-contents__body .list { flex: 1; margin-right: var(--vw-size158); margin-bottom: var(--vw-size180); background: #fff; border-top: 1px solid rgba(0, 0, 0, .2) } .all-contents__body .list li a { position: relative; display: grid; grid-template-columns: var(--vw-size370) 1fr auto; gap: var(--vw-size20); padding: var(--vw-size40); border-bottom: 1px solid rgba(0, 0, 0, .2); background: #fff; transition: all .5s ease } .all-contents__body .list li a h3 { display: flex; flex-direction: column; justify-content: center } .all-contents__body .list li a h3 .jp { font-size: max(11px, var(--vw-size30)); font-family: YakuHanMP, "Noto Serif JP", serif; color: #006261; line-height: 1.3 } .all-contents__body .list li a h3 .en { font-size: max(11px, var(--vw-size13)); font-family: YakuHanMP, "EB Garamond", serif; color: #006261 } .all-contents__body .list li a p { font-size: max(12px, var(--vw-size16)); color: #121212; width: var(--vw-size360); line-height: 2 } .all-contents__body .list li a .arrow { display: flex; align-items: center; height: 100% } .all-contents__body .list li a .arrow span { position: relative; display: block; width: var(--vw-size50); height: var(--vw-size50); background: #efefef; border-radius: var(--vw-size5); overflow: hidden } .all-contents__body .list li a .arrow span::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .all-contents__body .list li a .arrow span::after { content: ""; mask-image: url(../img/elements/icn__arrow__right.svg); mask-size: contain; mask-position: center; mask-repeat: no-repeat; background-color: #006261; width: var(--vw-size8); height: var(--vw-size16); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .all-contents__body .list li a::before { content: ""; position: absolute; top: 0; left: 0; width: var(--vw-size4); height: 100%; transform: scaleY(0); transform-origin: bottom; background: #006261; transition: transform .5s } .all-contents__body .list li a:hover { background: #efefef } .all-contents__body .list li a:hover::before { transform: scaleY(1); transform-origin: top; transition: transform .5s } .all-contents__body .list li a:hover .arrow span::before { height: 100% } .all-contents__body .list li a:hover .arrow span::after { background-color: #fff } } @media screen and (max-width: 991px) { .all-contents { background: #efefef; padding-top: var(--vw-size70); padding-bottom: var(--vw-size64) } .all-contents h2 { font-family: YakuHanMP, "EB Garamond", serif; font-size: max(11px, var(--vw-size44)); font-weight: 600; color: #fff; text-align: center } .all-contents__body { margin-top: var(--vw-size37) } .all-contents .splide__track { padding: 0 var(--vw-size20) !important } .all-contents .splide__slide figure { border-radius: var(--vw-size3); overflow: hidden } .all-contents .splide__slide h3 { display: flex; flex-direction: column; justify-content: center; margin-top: var(--vw-size34); gap: var(--vw-size4) } .all-contents .splide__slide h3 .jp { font-size: max(11px, var(--vw-size28)); font-family: YakuHanMP, "Noto Serif JP", serif; color: #006261; line-height: 1 } .all-contents .splide__slide h3 .en { font-size: max(11px, var(--vw-size13)); font-family: YakuHanMP, "EB Garamond", serif; color: #006261 } .all-contents .splide__slide p { font-size: max(11px, var(--vw-size15)); color: #121212; line-height: 1.8; margin-top: var(--vw-size8) } .all-contents .splide__slide img { height: auto; width: 100% } } @keyframes slide { 0% { -webkit-mask-size: 100% 0%; mask-size: 100% 0%; transform: scale(1.2) } 35% { -webkit-mask-size: 100% 100%; mask-size: 100% 100% } 100% { transform: scale(1) } } @keyframes fadeInOut { 0% { opacity: 0 } 5% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } .caption-position.--tl, .--tl.c-figcaption__black, .--tl.c-figcaption__white { top: var(--vw-size4) !important; left: var(--vw-size5) !important; right: auto !important; bottom: auto !important } .caption-position.--tr, .--tr.c-figcaption__black, .--tr.c-figcaption__white { top: var(--vw-size4) !important; left: auto !important; right: var(--vw-size5) !important; bottom: auto !important } .caption-position.--bl, .--bl.c-figcaption__black, .--bl.c-figcaption__white { top: auto !important; left: var(--vw-size5) !important; right: auto !important; bottom: var(--vw-size4) !important } .c-figcaption__white { position: absolute; bottom: var(--vw-size4); right: var(--vw-size5); font-size: max(10px, var(--vw-size11)); font-weight: 700; line-height: 1; color: #fff; text-shadow: #000 0 0 2px } .c-figcaption__black { position: absolute; bottom: var(--vw-size4); right: var(--vw-size5); font-size: max(10px, var(--vw-size11)); font-weight: 700; line-height: 1; color: #000; text-shadow: #fff 0 0 2px, #fff -1px 1px 2px } .c-figcaption__bottom { font-size: max(11px, var(--vw-size12)); margin-top: var(--vw-size10); text-align: right; display: block; width: 100% } @media screen and (max-width: 991px) { .c-figcaption__bottom { font-size: max(11px, var(--vw-size11)) } } .c-figcaption__large { margin-top: var(--vw-size11) } .c-figcaption__large span { font-family: YakuHanMP, "Noto Serif JP", serif; display: inline-block; line-height: 1 } .c-figcaption__large span:nth-child(1) { font-size: max(11px, var(--vw-size30)) } .c-figcaption__large span:nth-child(2) { font-size: max(12px, var(--vw-size16)) } @media screen and (max-width: 991px) { .c-figcaption__large span:nth-child(1) { font-size: max(11px, var(--vw-size17)) } .c-figcaption__large span:nth-child(2) { font-size: max(11px, var(--vw-size11)) } } .c-image__center { width: fit-content; margin: 0 auto } .c-image__center img { width: auto !important } .c-image__dummy { position: relative } .c-image__dummy::after { content: "ダミー"; position: absolute; top: 16px; left: 16px; background: rgba(0, 0, 0, .5); color: #fff; font-weight: 700; font-size: 16px; padding: 0 8px } @media screen and (min-width: 768px) { .c-image__zoom img { cursor: default !important } .c-image__zoom .zoomIn, .c-image__zoom .zoomOut { display: none } } @media screen and (max-width: 767px) { .c-image__zoom { position: relative } } .c-image__zoom .zoomIn, .c-image__zoom .zoomOut { position: absolute; top: 3px; right: 3px; width: 40px; height: 40px; border-radius: var(--vw-size3); background-color: #006261; cursor: default } .c-image__zoom .zoomIn::before, .c-image__zoom .zoomOut::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background-image: url(../img/elements/icn__zoomIn.svg); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5 } .c-image__zoom .zoomIn.is-active, .c-image__zoom .zoomOut.is-active { cursor: pointer } .c-image__zoom .zoomIn.is-active::before, .c-image__zoom .zoomOut.is-active::before { opacity: 1 } .c-image__zoom .zoomOut { top: 45px } .c-image__zoom .zoomOut::before { background-image: url(../img/elements/icn__zoomOut.svg) } @media screen and (max-width: 767px) { .c-image__modalzoom { position: relative; cursor: pointer } .c-image__modalzoom::before { position: absolute; top: 6px; right: 4px; display: block; content: "タップすると表が拡大します"; width: 164px; height: 24px; line-height: 24px; border-radius: 8px; font-size: 10px; color: #121212; font-weight: bold; padding-left: 24px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); background: url(../img/elements/icon__closeup.svg) no-repeat left 4px center; background-origin: padding-box; background-color: #fff; pointer-events: none } } .viewer-button { border-radius: 0%; background-color: #006261 } .viewer-button::before { bottom: 11px; left: 11px } .viewer-button:hover { background-color: #006261 } .c-contentsBlock { width: 100% } .c-contentsBlock h3, .c-contentsBlock h4, .c-contentsBlock h5, .c-contentsBlock h6 { margin-top: var(--vw-size20); padding-bottom: var(--vw-size20); border-bottom: 1px solid rgba(0, 0, 0, .2) } @media screen and (max-width: 991px) { .c-contentsBlock h3, .c-contentsBlock h4, .c-contentsBlock h5, .c-contentsBlock h6 { margin-top: var(--vw-size15); padding-bottom: var(--vw-size10); display: flex; flex-direction: column } } .c-contentsBlock h3 span, .c-contentsBlock h4 span, .c-contentsBlock h5 span, .c-contentsBlock h6 span { font-family: YakuHanMP, "Noto Serif JP", serif } .c-contentsBlock h3 span sup, .c-contentsBlock h4 span sup, .c-contentsBlock h5 span sup, .c-contentsBlock h6 span sup { font-family: YakuHanMP, "Noto Serif JP", serif } .c-contentsBlock h3 span:nth-of-type(1), .c-contentsBlock h4 span:nth-of-type(1), .c-contentsBlock h5 span:nth-of-type(1), .c-contentsBlock h6 span:nth-of-type(1) { font-size: max(15px, var(--vw-size20)) } .c-contentsBlock h3 span:nth-of-type(2), .c-contentsBlock h4 span:nth-of-type(2), .c-contentsBlock h5 span:nth-of-type(2), .c-contentsBlock h6 span:nth-of-type(2) { font-size: max(11px, var(--vw-size16)) } @media screen and (max-width: 991px) { .c-contentsBlock h3 span:nth-of-type(1), .c-contentsBlock h4 span:nth-of-type(1), .c-contentsBlock h5 span:nth-of-type(1), .c-contentsBlock h6 span:nth-of-type(1) { font-size: max(11px, var(--vw-size16)) } .c-contentsBlock h3 span:nth-of-type(2), .c-contentsBlock h4 span:nth-of-type(2), .c-contentsBlock h5 span:nth-of-type(2), .c-contentsBlock h6 span:nth-of-type(2) { font-size: max(11px, var(--vw-size12)) } } .c-contentsBlock p { margin-top: var(--vw-size17) } .c-contentsBlock p span { font-size: max(11px, var(--vw-size16)); line-height: 2 } .c-contentsBlock p span.caption { display: block; font-size: max(11px, var(--vw-size11)) } @media screen and (max-width: 991px) { .c-contentsBlock p { margin-top: var(--vw-size12) } .c-contentsBlock p span { font-size: max(11px, var(--vw-size13)) } } .c-share { display: flex; align-items: center; border-radius: var(--vw-size3); border: 1px solid rgba(0, 0, 0, .1); padding: 1px var(--vw-size8) 1px 1px; width: fit-content } @media screen and (max-width: 991px) { .c-share { position: relative; width: var(--vw-size50); height: var(--vw-size62); overflow: hidden; padding: 0; border: none; flex-direction: column; align-items: center; justify-content: flex-end; transition: all .7s ease } .c-share.is-open { height: var(--vw-size256) } .c-share.is-open .c-share__toggle span:nth-child(1)::before { background-image: url(../img/elements/icn__close__white.svg) } .c-share.is-open .c-share__toggle span:nth-child(2) { display: none } .c-share.is-open .c-share__toggle span:nth-child(3) { display: block } .c-share.is-open .c-share__button { opacity: 1 } } .c-share__label { display: flex; align-items: center; gap: var(--vw-size10); background: rgba(0, 0, 0, .5); color: #fff; font-size: max(11px, var(--vw-size14)); font-weight: 700; height: var(--vw-size42); border-top-left-radius: var(--vw-size2); border-bottom-left-radius: var(--vw-size2); padding: 0 var(--vw-size14) } .c-share__label::before { content: ""; display: block; background-image: url(../img/elements/icn__share.svg); background-size: contain; background-repeat: no-repeat; width: var(--vw-size20); height: var(--vw-size20) } .c-share__button__wrap { display: flex; align-items: center } @media screen and (max-width: 991px) { .c-share__button__wrap { position: absolute; top: 0; flex-direction: column; padding-top: var(--vw-size20) } } .c-share__button { margin-left: var(--vw-size8); background-size: contain; background-repeat: no-repeat; width: var(--vw-size32); height: var(--vw-size32) } @media screen and (max-width: 991px) { .c-share__button { margin-left: 0; margin-bottom: var(--vw-size8); min-width: var(--vw-size37); min-height: var(--vw-size37); opacity: 0; transition: .5s ease } } .c-share__button.facebook { background-image: url(../img/elements/icn__facebook.svg); transition-delay: .2s } @media screen and (max-width: 991px) { .c-share__button.facebook { order: 2 } } .c-share__button.line { background-image: url(../img/elements/icn__line.svg); transition-delay: .3s } @media screen and (max-width: 991px) { .c-share__button.line { order: 3 } } .c-share__button.x { background-image: url(../img/elements/icn__x.svg); transition-delay: .4s } @media screen and (max-width: 991px) { .c-share__button.x { order: 4 } } .c-share__button.url { background-image: url(../img/elements/icn__url.svg); transition-delay: .1s; position: relative } @media screen and (max-width: 991px) { .c-share__button.url { order: 1 } } .c-share__button.url.copied span { animation: label-fade-out 2s ease-in } .c-share__button.url span { font-size: max(11px, var(--vw-size14)); font-weight: 700; color: #fff; background: rgba(0, 0, 0, .5); opacity: 0; position: absolute; top: calc(100% + var(--vw-size14)); right: 0; padding: 5px; width: auto; white-space: nowrap; line-height: 1 } @media screen and (max-width: 991px) { .c-share__button.url span { top: calc(var(--vw-size20)*-1); right: auto; left: 50%; transform: translateX(-50%); font-size: max(11px, var(--vw-size11)); color: #121212; background: none } } .c-share__toggle { z-index: 100 } .c-share__toggle span:nth-child(1) { display: block; position: relative; background: #006261; width: var(--vw-size37); height: var(--vw-size37); border-radius: var(--vw-size3) } .c-share__toggle span:nth-child(1)::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../img/elements/icn__share.svg); background-size: contain; background-repeat: no-repeat; width: var(--vw-size20); height: var(--vw-size20) } .c-share__toggle span:nth-child(2) { color: #006261; font-size: max(11px, var(--vw-size12)); font-weight: 700; display: block } .c-share__toggle span:nth-child(3) { color: #006261; font-size: max(11px, var(--vw-size12)); font-weight: 700; display: none } @keyframes label-fade-out { 0% { visibility: visible; opacity: 1 } 50% { visibility: visible; opacity: 1 } 100% { visibility: hidden; opacity: 0 } } .c-lifeInfomation { width: 100% } .c-lifeInfomation__tab { border-radius: var(--vw-size5); overflow: hidden; background: rgba(0, 0, 0, .2); border-radius: var(--vw-size5); padding: 1px } .c-lifeInfomation__tab ul { display: flex; border-radius: var(--vw-size4); overflow: hidden; gap: 1px } @media screen and (max-width: 991px) { .c-lifeInfomation__tab ul { flex-wrap: wrap } } .c-lifeInfomation__tab ul li { flex: 1; display: flex; align-items: center; justify-content: center; padding: var(--vw-size16) var(--vw-size8); background: #efefef; gap: 1px; cursor: pointer; transition: all .3s; position: relative } .c-lifeInfomation__tab ul li span { font-size: max(11px, var(--vw-size16)); line-height: 1; z-index: 100 } .c-lifeInfomation__tab ul li.is-active span { font-weight: 700; color: #fff } .c-lifeInfomation__tab ul li.is-active::before { height: 100% } .c-lifeInfomation__tab ul li:hover span { font-weight: 700; color: #fff } .c-lifeInfomation__tab ul li::before { content: ""; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; background: #006261; height: 0%; transition: all .5s cubic-bezier(0, 0.75, 0.3, 0.95) } .c-lifeInfomation__tab ul li:hover::before { height: 100% } @media screen and (max-width: 991px) { .c-lifeInfomation__tab ul li { min-width: var(--vw-size144) } .c-lifeInfomation__tab ul li span { font-size: max(11px, var(--vw-size14)) } } .c-lifeInfomation__body { border-radius: var(--vw-size5); overflow: hidden; border: 1px solid rgba(0, 0, 0, .2); margin-top: var(--vw-size24); display: flex } @media screen and (max-width: 991px) { .c-lifeInfomation__body { flex-direction: column } } .c-lifeInfomation__map { flex: 1; min-height: 600px; height: 80vh } @media screen and (max-width: 991px) { .c-lifeInfomation__map { flex: auto; width: 100%; min-height: auto; height: 50vh } } .c-lifeInfomation__list { overflow: scroll; -ms-overflow-style: none; scrollbar-width: none } .c-lifeInfomation__list::-webkit-scrollbar { display: none } @media screen and (min-width: 992px) { .c-lifeInfomation__list { min-height: 600px; height: 80vh; width: 35%; border-left: 1px solid rgba(0, 0, 0, .2) } } @media screen and (max-width: 991px) { .c-lifeInfomation__list { flex: auto; width: 100%; min-height: auto; height: 30vh; border-top: 1px solid rgba(0, 0, 0, .2) } } .c-lifeInfomation__list ol li { display: flex; gap: var(--vw-size12); align-items: center; padding: var(--vw-size24) var(--vw-size12) var(--vw-size24) 0; margin-left: var(--vw-size24); cursor: pointer } @media screen and (max-width: 991px) { .c-lifeInfomation__list ol li { padding: var(--vw-size16) var(--vw-size12) var(--vw-size16) 0; margin-left: var(--vw-size16) } } .c-lifeInfomation__list ol li:nth-child(n+2) { border-top: 1px solid rgba(0, 0, 0, .2) } .c-lifeInfomation__list ol li>span { display: flex; justify-content: center; font-size: max(11px, var(--vw-size16)); font-family: YakuHanMP, "Noto Serif JP", serif; color: #fff; background: #c98e5a; line-height: var(--vw-size20); width: var(--vw-size22); height: var(--vw-size22); border-radius: 50% } .c-lifeInfomation__list ol li p { display: flex; flex-direction: column; gap: var(--vw-size8) } .c-lifeInfomation__list ol li p span { font-size: max(11px, var(--vw-size16)); font-family: YakuHanMP, "Noto Serif JP", serif; line-height: 1 } @media screen and (max-width: 991px) { .c-lifeInfomation__list ol li p span { font-size: max(11px, var(--vw-size14)) } } .c-panoramaImage { position: relative; height: 400px } .c-panoramaImage figure { position: relative; height: 100%; overflow: hidden } .c-panoramaImage figure img { position: absolute; height: 100% !important; width: auto !important; max-width: none !important } .c-panoramaImage__button { width: var(--vw-size50); height: var(--vw-size50); background: #006261; opacity: .8; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .3s; cursor: pointer } @media screen and (max-width: 767px) { .c-panoramaImage__button { width: var(--vw-size40); height: var(--vw-size40) } } .c-panoramaImage__button.is-inactive { opacity: .5; cursor: default } .c-panoramaImage__button.--left { left: 0 } .c-panoramaImage__button.--left::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1.2em; width: 1.2em; background-image: url(../img/elements/icn__arrow__left.svg); background-repeat: no-repeat; background-position: center } .c-panoramaImage__button.--right { right: 0 } .c-panoramaImage__button.--right::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1.2em; width: 1.2em; background-image: url(../img/elements/icn__arrow__right.svg); background-repeat: no-repeat; background-position: center } .c-closing_notice { border: 1px solid #b72700; padding: var(--vw-size24) var(--vw-size48) var(--vw-size24) var(--vw-size32); display: flex; align-items: center; justify-content: space-between; gap: var(--vw-size40) } @media screen and (max-width: 1280px) { .c-closing_notice { flex-direction: column } } @media screen and (max-width: 991px) { .c-closing_notice { padding: var(--vw-size24) } } .c-closing_notice__body { display: flex; flex-direction: column; gap: var(--vw-size16) } .c-closing_notice__title { font-weight: 700; font-size: max(13px, var(--vw-size14)); line-height: 1.4; white-space: nowrap } .c-closing_notice__text { font-size: max(12px, var(--vw-size14)); line-height: 1.4 } @media screen and (max-width: 1280px) { .c-closing_notice__text { font-size: max(11px, var(--vw-size14)) } } .c-closing_notice__info { font-weight: 700; font-size: max(12px, var(--vw-size14)); line-height: 1.4; margin-top: var(--vw-size16) } .c-closing_notice__link { text-decoration: none } .cv_contents .c-closing_notice { margin: 0 var(--vw-size50) var(--vw-size80) var(--vw-size50) } @media screen and (max-width: 1280px) { .cv_contents .c-closing_notice { flex-direction: row } } @media screen and (max-width: 991px) { .cv_contents .c-closing_notice { margin: 0 var(--vw-size20) var(--vw-size40) var(--vw-size20); flex-direction: column } .cv_contents .c-closing_notice__text { font-size: max(11px, var(--vw-size12)) } .cv_contents .c-closing_notice__info { font-size: max(11px, var(--vw-size12)) } } .cv_contents .c-closing_notice__body { flex-direction: row; gap: var(--vw-size40) } @media screen and (max-width: 991px) { .cv_contents .c-closing_notice__body { flex-direction: column; gap: var(--vw-size16) } } .l-footer .c-closing_notice { width: calc(var(--vw-size222)*3); flex-direction: column; align-items: flex-start; gap: var(--vw-size16) } @media screen and (max-width: 991px) { .l-footer .c-closing_notice { width: 100% } } .l-footer .c-closing_notice__text { font-size: max(11px, var(--vw-size12)) } .l-footer .c-closing_notice__info { font-size: max(11px, var(--vw-size12)) } .l-footer .c-closing_notice__link { background-color: rgba(0, 0, 0, 0) } .l-footer .c-closing_notice__link span { font-weight: 500 } .c-movie__body { position: relative; max-width: 1200px; aspect-ratio: 16/9; margin-left: auto; margin-right: auto } .c-movie__thumbnail { position: relative; display: flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto; cursor: pointer } .c-movie__thumbnail::before { content: ""; position: absolute; width: var(--vw-size128); height: var(--vw-size128); border-radius: var(--vw-size128); background: #006261; z-index: 9 } @media screen and (max-width: 991px) { .c-movie__thumbnail::before { width: var(--vw-size80); height: var(--vw-size80) } } .c-movie__thumbnail::after { content: ""; position: absolute; width: var(--vw-size56); height: var(--vw-size56); mask-image: url(../img/elements/icn__play.svg); mask-repeat: no-repeat; mask-size: contain; background-color: #fff; z-index: 99 } @media screen and (max-width: 991px) { .c-movie__thumbnail::after { width: var(--vw-size40); height: var(--vw-size40) } } .c-movie__thumbnail figure { overflow: hidden; max-width: 800px; filter: brightness(0.8) } .c-movie__thumbnail figure img { transform: scale(1); transition: all 1s ease } .c-movie__thumbnail figure:hover img { transform: scale(1.1) } .c-movie__modal { display: none } .c-movie__modal.is-open { display: block } .c-movie__modal-overlay { align-items: center; background: rgba(0, 0, 0, .9); bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 999999 } .c-movie__modal-container { width: calc(100% - var(--vw-size40)) } .c-movie__modal-close { position: fixed; top: 0; right: 0; width: 40px; height: 40px; background: #006261 } .c-movie__modal-close::after { content: ""; position: absolute; inset: 10px; mask-image: url(../img/elements/icn__close__white.svg); mask-repeat: no-repeat; mask-size: contain; background-color: #fff; z-index: 99 } @keyframes mmfadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes mmfadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes mmslideIn { from { transform: translateY(15%) } to { transform: translateY(0) } } @keyframes mmslideOut { from { transform: translateY(0) } to { transform: translateY(-10%) } } .c-movie__modal[aria-hidden=false] .c-movie__modal-overlay { animation: mmfadeIn 1s ease } .c-movie__modal[aria-hidden=false] .c-movie__modal-container { animation: mmslideIn 1s ease } .c-movie__modal[aria-hidden=true] .c-movie__modal-overlay { animation: mmfadeOut 1s ease } .c-movie__modal[aria-hidden=true] .c-movie__modal-container { animation: mmslideOut 1s ease } .c-movie__modal .c-movie__modal-container, .c-movie__modal .c-movie__modal-overlay { will-change: transform } .c-apologize { width: 100%; border: 1px solid rgba(0, 0, 0, .2); padding: var(--vw-size40) } .c-apologize__text { display: flex; flex-direction: column; gap: var(--vw-size16) } .c-apologize__text span { font-size: max(11px, var(--vw-size16)) } .c-apologize__text span.title { font-weight: 700 } @media screen and (max-width: 991px) { .c-apologize__text span { font-size: max(11px, var(--vw-size14)) } } .u-mt-0 { margin-top: var(--vw-size0) !important } .u-mt-8 { margin-top: var(--vw-size8) !important } .u-mt-16 { margin-top: var(--vw-size16) !important } .u-mt-24 { margin-top: var(--vw-size24) !important } .u-mt-32 { margin-top: var(--vw-size32) !important } .u-mt-40 { margin-top: var(--vw-size40) !important } .u-mt-48 { margin-top: var(--vw-size48) !important } .u-mt-56 { margin-top: var(--vw-size56) !important } .u-mt-64 { margin-top: var(--vw-size64) !important } .u-mt-72 { margin-top: var(--vw-size72) !important } .u-mt-80 { margin-top: var(--vw-size80) !important } .u-mt-88 { margin-top: var(--vw-size88) !important } .u-mt-96 { margin-top: var(--vw-size96) !important } .u-mt-104 { margin-top: var(--vw-size104) !important } .u-mt-112 { margin-top: var(--vw-size112) !important } .u-mt-120 { margin-top: var(--vw-size120) !important } .u-mt-128 { margin-top: var(--vw-size128) !important } .u-mt-136 { margin-top: var(--vw-size136) !important } .u-mt-144 { margin-top: var(--vw-size144) !important } .u-mt-152 { margin-top: var(--vw-size152) !important } .u-mt-160 { margin-top: var(--vw-size160) !important } .u-mt-168 { margin-top: var(--vw-size168) !important } .u-mt-176 { margin-top: var(--vw-size176) !important } .u-mt-184 { margin-top: var(--vw-size184) !important } .u-mt-192 { margin-top: var(--vw-size192) !important } .u-mt-200 { margin-top: var(--vw-size200) !important } .u-mt-208 { margin-top: var(--vw-size208) !important } .u-mt-216 { margin-top: var(--vw-size216) !important } .u-mt-224 { margin-top: var(--vw-size224) !important } .u-mt-232 { margin-top: var(--vw-size232) !important } .u-mt-240 { margin-top: var(--vw-size240) !important } .u-mt-248 { margin-top: var(--vw-size248) !important } @media screen and (max-width: 991px) { .u-mt-tbsp-0 { margin-top: var(--vw-size0) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-8 { margin-top: var(--vw-size8) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-16 { margin-top: var(--vw-size16) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-24 { margin-top: var(--vw-size24) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-32 { margin-top: var(--vw-size32) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-40 { margin-top: var(--vw-size40) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-48 { margin-top: var(--vw-size48) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-56 { margin-top: var(--vw-size56) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-64 { margin-top: var(--vw-size64) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-72 { margin-top: var(--vw-size72) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-80 { margin-top: var(--vw-size80) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-88 { margin-top: var(--vw-size88) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-96 { margin-top: var(--vw-size96) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-104 { margin-top: var(--vw-size104) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-112 { margin-top: var(--vw-size112) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-120 { margin-top: var(--vw-size120) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-128 { margin-top: var(--vw-size128) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-136 { margin-top: var(--vw-size136) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-144 { margin-top: var(--vw-size144) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-152 { margin-top: var(--vw-size152) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-160 { margin-top: var(--vw-size160) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-168 { margin-top: var(--vw-size168) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-176 { margin-top: var(--vw-size176) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-184 { margin-top: var(--vw-size184) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-192 { margin-top: var(--vw-size192) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-200 { margin-top: var(--vw-size200) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-208 { margin-top: var(--vw-size208) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-216 { margin-top: var(--vw-size216) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-224 { margin-top: var(--vw-size224) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-232 { margin-top: var(--vw-size232) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-240 { margin-top: var(--vw-size240) !important } } @media screen and (max-width: 991px) { .u-mt-tbsp-248 { margin-top: var(--vw-size248) !important } } .u-ml-0 { margin-left: var(--vw-size0) !important } .u-ml-8 { margin-left: var(--vw-size8) !important } .u-ml-16 { margin-left: var(--vw-size16) !important } .u-ml-24 { margin-left: var(--vw-size24) !important } .u-ml-32 { margin-left: var(--vw-size32) !important } .u-ml-40 { margin-left: var(--vw-size40) !important } .u-ml-48 { margin-left: var(--vw-size48) !important } .u-ml-56 { margin-left: var(--vw-size56) !important } .u-ml-64 { margin-left: var(--vw-size64) !important } .u-ml-72 { margin-left: var(--vw-size72) !important } .u-ml-80 { margin-left: var(--vw-size80) !important } .u-ml-88 { margin-left: var(--vw-size88) !important } .u-ml-96 { margin-left: var(--vw-size96) !important } .u-ml-104 { margin-left: var(--vw-size104) !important } .u-ml-112 { margin-left: var(--vw-size112) !important } .u-ml-120 { margin-left: var(--vw-size120) !important } .u-ml-128 { margin-left: var(--vw-size128) !important } .u-ml-136 { margin-left: var(--vw-size136) !important } .u-ml-144 { margin-left: var(--vw-size144) !important } .u-ml-152 { margin-left: var(--vw-size152) !important } .u-ml-160 { margin-left: var(--vw-size160) !important } .u-ml-168 { margin-left: var(--vw-size168) !important } .u-ml-176 { margin-left: var(--vw-size176) !important } .u-ml-184 { margin-left: var(--vw-size184) !important } .u-ml-192 { margin-left: var(--vw-size192) !important } .u-ml-200 { margin-left: var(--vw-size200) !important } .u-ml-208 { margin-left: var(--vw-size208) !important } .u-ml-216 { margin-left: var(--vw-size216) !important } .u-ml-224 { margin-left: var(--vw-size224) !important } .u-ml-232 { margin-left: var(--vw-size232) !important } .u-ml-240 { margin-left: var(--vw-size240) !important } .u-ml-248 { margin-left: var(--vw-size248) !important } @media screen and (max-width: 991px) { .u-ml-tbsp-0 { margin-left: var(--vw-size0) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-8 { margin-left: var(--vw-size8) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-16 { margin-left: var(--vw-size16) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-24 { margin-left: var(--vw-size24) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-32 { margin-left: var(--vw-size32) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-40 { margin-left: var(--vw-size40) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-48 { margin-left: var(--vw-size48) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-56 { margin-left: var(--vw-size56) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-64 { margin-left: var(--vw-size64) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-72 { margin-left: var(--vw-size72) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-80 { margin-left: var(--vw-size80) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-88 { margin-left: var(--vw-size88) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-96 { margin-left: var(--vw-size96) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-104 { margin-left: var(--vw-size104) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-112 { margin-left: var(--vw-size112) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-120 { margin-left: var(--vw-size120) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-128 { margin-left: var(--vw-size128) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-136 { margin-left: var(--vw-size136) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-144 { margin-left: var(--vw-size144) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-152 { margin-left: var(--vw-size152) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-160 { margin-left: var(--vw-size160) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-168 { margin-left: var(--vw-size168) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-176 { margin-left: var(--vw-size176) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-184 { margin-left: var(--vw-size184) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-192 { margin-left: var(--vw-size192) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-200 { margin-left: var(--vw-size200) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-208 { margin-left: var(--vw-size208) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-216 { margin-left: var(--vw-size216) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-224 { margin-left: var(--vw-size224) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-232 { margin-left: var(--vw-size232) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-240 { margin-left: var(--vw-size240) !important } } @media screen and (max-width: 991px) { .u-ml-tbsp-248 { margin-left: var(--vw-size248) !important } } @media screen and (max-width: 320px) { .u-dn-max-smp_xs { display: none !important } } @media screen and (max-width: 450px) { .u-dn-max-smp_ss { display: none !important } } @media screen and (max-width: 575px) { .u-dn-max-smp_s { display: none !important } } @media screen and (max-width: 767px) { .u-dn-max-smp { display: none !important } } @media screen and (max-width: 991px) { .u-dn-max-tab { display: none !important } } @media screen and (max-width: 1024px) { .u-dn-max-pc { display: none !important } } @media screen and (max-width: 1280px) { .u-dn-max-hd { display: none !important } } @media screen and (max-width: 1440px) { .u-dn-max-laptop { display: none !important } } @media screen and (max-width: 1920px) { .u-dn-max-fullhd { display: none !important } } @media screen and (max-width: 2560px) { .u-dn-max-wqhd { display: none !important } } @media screen and (min-width: 321px) { .u-dn-min-smp_xs { display: none !important } } @media screen and (min-width: 451px) { .u-dn-min-smp_ss { display: none !important } } @media screen and (min-width: 576px) { .u-dn-min-smp_s { display: none !important } } @media screen and (min-width: 768px) { .u-dn-min-smp { display: none !important } } @media screen and (min-width: 992px) { .u-dn-min-tab { display: none !important } } @media screen and (min-width: 1025px) { .u-dn-min-pc { display: none !important } } @media screen and (min-width: 1281px) { .u-dn-min-hd { display: none !important } } @media screen and (min-width: 1441px) { .u-dn-min-laptop { display: none !important } } @media screen and (min-width: 1921px) { .u-dn-min-fullhd { display: none !important } } @media screen and (min-width: 2561px) { .u-dn-min-wqhd { display: none !important } } .u-gap-0 { gap: var(--vw-size0) !important } .u-gap-8 { gap: var(--vw-size8) !important } .u-gap-16 { gap: var(--vw-size16) !important } .u-gap-24 { gap: var(--vw-size24) !important } .u-gap-32 { gap: var(--vw-size32) !important } .u-gap-40 { gap: var(--vw-size40) !important } .u-gap-48 { gap: var(--vw-size48) !important } .u-gap-56 { gap: var(--vw-size56) !important } .u-gap-64 { gap: var(--vw-size64) !important } .u-gap-72 { gap: var(--vw-size72) !important } .u-gap-80 { gap: var(--vw-size80) !important } .u-gap-88 { gap: var(--vw-size88) !important } @media screen and (max-width: 991px) { .u-gap-tbsp-0 { gap: var(--vw-size0) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-8 { gap: var(--vw-size8) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-16 { gap: var(--vw-size16) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-24 { gap: var(--vw-size24) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-32 { gap: var(--vw-size32) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-40 { gap: var(--vw-size40) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-48 { gap: var(--vw-size48) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-56 { gap: var(--vw-size56) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-64 { gap: var(--vw-size64) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-72 { gap: var(--vw-size72) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-80 { gap: var(--vw-size80) !important } } @media screen and (max-width: 991px) { .u-gap-tbsp-88 { gap: var(--vw-size88) !important } } #pxBase, #header-container, #footer-container, #all_contents-container, #cv_contents-container, #recommend_slider-container, #common_banner-container { font-family: YakuHanJP, "Noto Sans JP", sans-serif; font-weight: 400; background: #fff; color: #121212 } #pxBase a:link, #pxBase a:visited, #pxBase a:active, #pxBase a:hover, #recommend_slider-container a:link, #recommend_slider-container a:visited, #recommend_slider-container a:active, #recommend_slider-container a:hover, #common_banner-container a:link, #common_banner-container a:visited, #common_banner-container a:active, #common_banner-container a:hover { color: inherit } @media screen and (max-width: 991px) { body.nav_open { position: fixed; top: 0; left: 0; width: 100%; overflow: clip } } body.cv_open { position: fixed; top: 0; left: 0; width: 100%; overflow: clip } body.modal_open { position: fixed; top: 0; left: 0; width: 100%; overflow: clip } /*# sourceMappingURL=px-common.css.map */