:root {
  --spring-easing: linear(
    0, 0.00002 0.08%, 0.0001 0.17%, 0.00021 0.25%, 0.0004 0.34%, 0.0006 0.42%,
    0.00088, 0.00122, 0.00161, 0.00205, 0.00253, 0.00307, 0.00366, 0.0043,
    0.00499, 0.00573, 0.00651, 0.00734, 0.00821, 0.00914 1.68%, 0.01021 1.78%,
    0.01123, 0.01229, 0.01339 2.05%, 0.01467 2.15%, 0.01586 2.24%, 0.01724 2.34%,
    0.01852 2.43%, 0.01999 2.53%, 0.02135 2.62%, 0.02292 2.72%, 0.02437 2.81%,
    0.02602 2.91%, 0.02755 3%, 0.02929, 0.03108, 0.03291, 0.03479, 0.03671 3.5%,
    0.04068, 0.04481 3.9%, 0.04932, 0.054, 0.05885, 0.06385 4.74%, 0.06926,
    0.07483, 0.08055, 0.08643 5.621%, 0.09272, 0.09917 6.081%, 0.10605 6.321%,
    0.11131, 0.11664, 0.12206, 0.12755 7.041%, 0.13342, 0.13938, 0.1454 7.611%,
    0.15182, 0.15831, 0.16487 8.211%, 0.17183, 0.17887 8.631%, 0.19347 9.061%,
    0.20936 9.521%, 0.22302 9.911%, 0.23754 10.321%, 0.25293 10.751%,
    0.26953 11.211%, 0.28479 11.631%, 0.30232 12.111%, 0.36799 13.901%,
    0.39613 14.671%, 0.42515 15.472%, 0.43846 15.842%, 0.45134 16.202%,
    0.46625 16.622%, 0.48034 17.022%, 0.49396, 0.50745 17.802%, 0.52047,
    0.53335 18.562%, 0.54576 18.932%, 0.5577 19.292%, 0.57146 19.712%, 0.5847,
    0.59776 20.532%, 0.61031, 0.62267 21.332%, 0.63453 21.722%, 0.6465 22.122%,
    0.65798, 0.66927, 0.68036, 0.69125, 0.70195, 0.71244, 0.72273,
    0.73281 25.243%, 0.74244, 0.75187 26.003%, 0.76087 26.373%, 0.76992,
    0.77878 27.133%, 0.78722 27.503%, 0.79569 27.883%, 0.79985, 0.80397, 0.80804,
    0.81206, 0.81603, 0.81996, 0.82383, 0.82766, 0.83145, 0.83518, 0.83887,
    0.84251, 0.84611, 0.84966, 0.85316 30.733%, 0.8568 30.933%, 0.86021, 0.86357,
    0.86689 31.503%, 0.87034 31.703%, 0.87356 31.893%, 0.87691 32.093%,
    0.88005 32.283%, 0.8833 32.483%, 0.88635 32.673%, 0.88951 32.873%,
    0.89247 33.063%, 0.89553 33.263%, 0.8984 33.453%, 0.90138, 0.90431, 0.90719,
    0.91003, 0.91282, 0.91557, 0.91827, 0.92093, 0.92354, 0.92611 35.454%,
    0.92876 35.664%, 0.93125 35.864%, 0.93381 36.074%, 0.9362 36.274%,
    0.93867 36.484%, 0.94098 36.684%, 0.94337, 0.9457, 0.948, 0.95025, 0.95245,
    0.95462, 0.95674, 0.95882, 0.96086, 0.96285, 0.96481, 0.96673 39.204%,
    0.96869 39.424%, 0.97053 39.634%, 0.97241 39.854%, 0.97417 40.064%, 0.97597,
    0.97773, 0.97945, 0.98113, 0.98277, 0.98437, 0.98593, 0.98746 41.824%,
    0.98901 42.054%, 0.99046 42.274%, 0.99194, 0.99338, 0.99478, 0.99614, 0.99746,
    0.99875, 1, 1.00122 44.114%, 1.00245, 1.00365, 1.00481, 1.00593, 1.00701,
    1.00807 45.555%, 1.00912 45.805%, 1.01011 46.045%, 1.0111, 1.01205, 1.01297,
    1.01385, 1.0147, 1.01552 47.545%, 1.01634, 1.01712, 1.01788, 1.0186 48.585%,
    1.01931, 1.01999, 1.02064, 1.02125 49.665%, 1.02186 49.945%, 1.02241 50.215%,
    1.02295, 1.02347, 1.02395, 1.0244 51.335%, 1.02484, 1.02525, 1.02562 52.205%,
    1.02599, 1.02632, 1.02663, 1.0269 53.405%, 1.02716, 1.02739 54.025%, 1.02764,
    1.02785 54.785%, 1.02802, 1.02816 55.566%, 1.02827, 1.02834 56.366%,
    1.02837 56.776% 57.196%, 1.02834, 1.02827 58.056%, 1.02817 58.496%,
    1.02803 58.946%, 1.02786 59.406%, 1.02765 59.876%, 1.02741 60.356%, 1.02713,
    1.02682 61.356%, 1.02647 61.866%, 1.02609 62.396%, 1.02567 62.946%,
    1.0252 63.516%, 1.02469 64.106%, 1.02415 64.716%, 1.02355 65.367%,
    1.02251 66.437%, 1.02129 67.657%, 1.01679 71.997%, 1.01496 73.797%,
    1.01321 75.588%, 1.01241 76.438%, 1.01165 77.268%, 1.01031 78.788%,
    1.00909 80.268%, 1.0085 81.008%, 1.00795, 1.00742, 1.0069 83.198%,
    1.00625 84.168%, 1.00563, 1.00504 86.129%, 1.00449, 1.00397 88.109%,
    1.00348 89.109%, 1.00303 90.119%, 1.00259 91.149%, 1.00219 92.189%,
    1.00182 93.239%, 1.00148 94.309%, 1.00116 95.4%, 1.00087 96.51%,
    1.0006 97.65%, 1.00036 98.81%, 1.00014
  );
  --spring-duration: 0.833s;
  --spring2-easing: linear(
    0, 0.00002 0.05%, 0.00011, 0.00025, 0.00046 0.23%, 0.00069 0.28%, 0.00101,
    0.00139, 0.00183, 0.00234, 0.0029, 0.00351, 0.00419, 0.00492, 0.00571,
    0.00655, 0.00745, 0.0084, 0.00941, 0.01047, 0.01158, 0.01275, 0.01396,
    0.01523 1.36%, 0.01677 1.43%, 0.01956 1.55%, 0.02104 1.61%, 0.02281 1.68%,
    0.02601 1.8%, 0.02967, 0.03355, 0.03763, 0.04191, 0.04638, 0.05104 2.58%,
    0.05627 2.72%, 0.0613 2.85%, 0.06691, 0.07271, 0.0787, 0.08487 3.41%,
    0.09167 3.56%, 0.09819 3.7%, 0.10535, 0.11269, 0.1202 4.15%, 0.13255,
    0.14529 4.63%, 0.15893, 0.17294 5.131%, 0.18843, 0.20427 5.671%,
    0.22103 5.951%, 0.23931 6.251%, 0.25477 6.501%, 0.27167 6.771%,
    0.28938 7.051%, 0.30918 7.361%, 0.34725 7.951%, 0.42333 9.121%,
    0.45571 9.621%, 0.4891 10.141%, 0.51892 10.611%, 0.53586 10.881%, 0.55203,
    0.56803 11.401%, 0.58326, 0.59833 11.901%, 0.61262, 0.62674 12.381%,
    0.6401 12.611%, 0.65558, 0.6708, 0.68578 13.421%, 0.69995, 0.71387, 0.72754,
    0.74096 14.461%, 0.7536 14.711%, 0.76649 14.971%, 0.77863, 0.79051, 0.80214,
    0.8135, 0.82461, 0.83545, 0.84603 16.722%, 0.85675 16.982%, 0.86679 17.232%,
    0.87696, 0.88683 17.752%, 0.89606 18.002%, 0.90537, 0.9144 18.522%, 0.91881,
    0.92315, 0.92742, 0.93162, 0.93575, 0.93981, 0.9438, 0.94772, 0.95158,
    0.95536, 0.95908, 0.96273, 0.96631, 0.96983, 0.97328, 0.97666,
    0.97998 20.732%, 0.98348 20.872%, 0.98666, 0.98978, 0.99284 21.262%,
    0.99606 21.402%, 0.99898 21.532%, 1.00206 21.672%, 1.00485 21.802%,
    1.0078 21.942%, 1.01046 22.072%, 1.01327, 1.01601, 1.01867 22.492%,
    1.02109 22.622%, 1.02363, 1.0261, 1.0285, 1.03084, 1.03312, 1.03533, 1.03748,
    1.03956, 1.04159, 1.04355 24.022%, 1.04559 24.172%, 1.04742, 1.0492,
    1.05093 24.592%, 1.05271 24.742%, 1.05431 24.882%, 1.05597, 1.05756,
    1.05909 25.333%, 1.06085, 1.06252, 1.06411 25.873%, 1.06569 26.063%,
    1.06711 26.243%, 1.06852 26.433%, 1.06977 26.613%, 1.07101, 1.07217, 1.07325,
    1.07424 27.373%, 1.07521 27.573%, 1.07604 27.763%, 1.07685, 1.07757, 1.07821,
    1.07878 28.563%, 1.0793 28.773%, 1.07971 28.973%, 1.08008, 1.08037 29.393%,
    1.0806 29.613%, 1.08074 29.823%, 1.08083, 1.08084, 1.08078, 1.08065 30.703%,
    1.08045, 1.08019 31.163%, 1.07984, 1.07943, 1.07895 31.883%, 1.07856, 1.07813,
    1.07767, 1.07718, 1.07666 32.783%, 1.07608, 1.07546, 1.07483 33.353%, 1.07412,
    1.07339, 1.07264 33.953%, 1.07181, 1.07096 34.373%, 1.07004, 1.0691,
    1.06813 35.034%, 1.06635 35.424%, 1.06442 35.834%, 1.06234 36.264%,
    1.05999 36.734%, 1.0577 37.184%, 1.05512 37.684%, 1.04442 39.724%,
    1.04192 40.204%, 1.03966 40.644%, 1.03712 41.144%, 1.03477 41.614%,
    1.03252 42.074%, 1.03041 42.514%, 1.02798 43.034%, 1.02567 43.544%,
    1.02348 44.044%, 1.0214, 1.0194 45.025%, 1.01751, 1.0157 45.985%,
    1.014 46.455%, 1.01303 46.735%, 1.01211, 1.01122, 1.01036, 1.00952 47.815%,
    1.00867 48.095%, 1.00788 48.365%, 1.00709 48.645%, 1.00635 48.915%,
    1.00561 49.195%, 1.00492 49.465%, 1.00423, 1.00356, 1.00292, 1.00231, 1.00172,
    1.00116 51.145%, 1.0006 51.435%, 1.00008 51.715%, 0.99957, 0.99909, 0.99863,
    0.99819, 0.99778 53.165%, 0.99738, 0.997, 0.99664, 0.9963 54.365%, 0.99598,
    0.99568, 0.99541 55.296%, 0.99514 55.616%, 0.9949, 0.99467, 0.99447 56.606%,
    0.99428, 0.99411 57.286%, 0.99397, 0.99384 57.986%, 0.99373 58.346%, 0.99364,
    0.99357 59.086%, 0.99348 59.846%, 0.99347 60.636%, 0.99353 61.466%,
    0.99366 62.286%, 0.99385 63.166%, 0.99412 64.106%, 0.99446 65.127%,
    0.99478 65.997%, 0.99517 66.977%, 0.99668 70.557%, 0.99731 72.097%,
    0.9979 73.657%, 0.99841 75.128%, 0.99883 76.518%, 0.99921 77.898%,
    0.99953 79.288%, 0.9998 80.688%, 1.00007 82.448%, 1.00027 84.278%,
    1.00042 86.209%, 1.0005 88.279%, 1.00053 90.429%, 1.00051 92.859%,
    1.00044 95.64%, 1.00029
  );
  --spring2-duration: 0.667s;
  --spring3-easing: linear(
    0, 0.00003, 0.00013, 0.00029 0.18%, 0.00055 0.25%, 0.00084, 0.0012,
    0.00161 0.43%, 0.00217 0.5%, 0.00272, 0.00332, 0.00399 0.68%, 0.00483 0.75%,
    0.00562 0.81%, 0.00662 0.88%, 0.00753 0.94%, 0.00866 1.01%, 0.0097 1.07%,
    0.01097 1.14%, 0.01212 1.2%, 0.01353 1.27%, 0.0148 1.33%, 0.01634 1.4%,
    0.01772 1.46%, 0.0194 1.53%, 0.02089 1.59%, 0.0227, 0.02457, 0.02651 1.8%,
    0.03028 1.93%, 0.0346 2.07%, 0.03884 2.2%, 0.04364, 0.04868, 0.05396,
    0.05947 2.76%, 0.06562 2.91%, 0.07158 3.05%, 0.0782, 0.08506, 0.09214,
    0.09944, 0.10695, 0.11467 3.95%, 0.12312, 0.13179, 0.14066 4.43%,
    0.14745 4.55%, 0.15493 4.68%, 0.17024, 0.18602 5.201%, 0.20285 5.471%,
    0.22075 5.751%, 0.23972 6.041%, 0.25976 6.341%, 0.28086 6.651%,
    0.29882 6.911%, 0.31841 7.191%, 0.33893 7.481%, 0.36179 7.801%,
    0.40583 8.411%, 0.49024 9.571%, 0.52576 10.061%, 0.56171 10.561%,
    0.59369 11.011%, 0.61197 11.271%, 0.6294 11.521%, 0.64597, 0.66237 12.001%,
    0.67793, 0.69332, 0.70852 12.691%, 0.72289 12.911%, 0.739, 0.75486,
    0.77047 13.661%, 0.78521, 0.79971, 0.81395, 0.82792, 0.84164, 0.85508 15.102%,
    0.8677 15.332%, 0.88059 15.572%, 0.89267, 0.9045, 0.91605, 0.92733,
    0.93834 16.722%, 0.94953 16.962%, 0.95997, 0.97014, 0.98003, 0.98963, 0.99896,
    1.008, 1.01676, 1.02525, 1.03345, 1.04138 19.262%, 1.0454, 1.04935 19.502%,
    1.05291 19.612%, 1.05671 19.732%, 1.06013 19.842%, 1.0638 19.962%,
    1.06709 20.072%, 1.07061, 1.07405, 1.07743 20.432%, 1.08045 20.542%, 1.08368,
    1.08684, 1.08993 20.902%, 1.0927 21.012%, 1.09565, 1.09853, 1.10134, 1.10408,
    1.10674, 1.10934, 1.11187, 1.11433, 1.11673, 1.11905, 1.12131, 1.1235,
    1.12563, 1.12769 22.692%, 1.12984 22.822%, 1.13177, 1.13363, 1.13543 23.182%,
    1.1373 23.312%, 1.13897 23.432%, 1.14071 23.562%, 1.14224 23.682%,
    1.14384 23.812%, 1.14526 23.932%, 1.14672 24.062%, 1.14801 24.182%,
    1.14934 24.312%, 1.15089, 1.15234, 1.15368, 1.15493, 1.15609, 1.15715,
    1.15811 25.433%, 1.15856 25.513%, 1.15904 25.603%, 1.15944, 1.15982,
    1.16017 25.843%, 1.16055 25.933%, 1.16086 26.013%, 1.16118 26.103%,
    1.16144 26.183%, 1.16172 26.273%, 1.16194 26.353%, 1.16216 26.443%,
    1.16233 26.523%, 1.16251 26.613%, 1.16264 26.693%, 1.16277 26.783%,
    1.16286 26.863%, 1.16294 26.953%, 1.16299 27.033%, 1.16302, 1.16303,
    1.16302 27.303%, 1.16299 27.383%, 1.16293, 1.16285, 1.16275, 1.16263, 1.16248,
    1.16231, 1.16213, 1.16192, 1.16169, 1.16144 28.283%, 1.16113 28.383%,
    1.16084 28.473%, 1.16049 28.573%, 1.15977, 1.15896, 1.15807, 1.1571 29.333%,
    1.156, 1.15482, 1.15356 29.933%, 1.1525, 1.15139, 1.15024 30.413%, 1.14897,
    1.14765, 1.14629, 1.14488 31.093%, 1.14335, 1.14176, 1.14014, 1.13847 31.813%,
    1.13667, 1.13483, 1.13295 32.383%, 1.13093, 1.12887 32.783%, 1.12698 32.963%,
    1.12496 33.153%, 1.12084 33.533%, 1.11628 33.943%, 1.1114 34.373%,
    1.10655 34.793%, 1.10117 35.254%, 1.0955 35.734%, 1.07914 37.114%,
    1.07396 37.554%, 1.06941 37.944%, 1.06422 38.394%, 1.05945 38.814%,
    1.05487 39.224%, 1.05059 39.614%, 1.048 39.854%, 1.04554, 1.04312 40.314%,
    1.04083, 1.03858, 1.03636, 1.03417 41.194%, 1.03211 41.404%, 1.02999 41.624%,
    1.028, 1.02604, 1.02412, 1.02223, 1.02038, 1.01856, 1.01677 43.094%,
    1.0147 43.344%, 1.01276, 1.01086, 1.00901 44.064%, 1.00714 44.314%, 1.0054,
    1.0037, 1.00206, 1.00046, 0.99891, 0.99742 45.755%, 0.99591 46.005%, 0.99451,
    0.99317, 0.99187 46.725%, 0.99057 46.975%, 0.98937 47.215%, 0.98818 47.465%,
    0.98708 47.705%, 0.98599 47.955%, 0.98499 48.195%, 0.98399, 0.98305, 0.98215,
    0.98131, 0.98051, 0.97976 49.695%, 0.97903, 0.97835, 0.97772, 0.97713,
    0.9766 50.995%, 0.97596 51.335%, 0.97539, 0.9749, 0.97448 52.385%, 0.97413,
    0.97385, 0.97364 53.465%, 0.9735 53.835%, 0.97343 54.215% 54.595%, 0.9735,
    0.97363 55.376%, 0.97384, 0.97411 56.196%, 0.97445 56.616%, 0.97488 57.056%,
    0.97524, 0.97565 57.736%, 0.9761, 0.9766 58.456%, 0.97713 58.826%,
    0.97773 59.216%, 0.97837 59.616%, 0.97907 60.036%, 0.98038 60.786%,
    0.98194 61.636%, 0.98357 62.496%, 0.98701 64.276%, 0.9885 65.057%,
    0.99004 65.877%, 0.99139 66.617%, 0.99288 67.467%, 0.99423 68.277%,
    0.99546 69.057%, 0.9966 69.827%, 0.99722, 0.99781, 0.99838, 0.99891,
    0.99943 72.027%, 0.9999, 1.00035 72.887%, 1.00078 73.327%, 1.00117 73.757%,
    1.00155, 1.0019, 1.00223, 1.00252 75.518%, 1.0028, 1.00306 76.418%,
    1.00329 76.878%, 1.00363 77.668%, 1.0039 78.468%, 1.0041 79.288%,
    1.00424 80.128%, 1.00432 80.988%, 1.00433 81.888%, 1.00428 82.828%,
    1.00417 83.808%, 1.00404 84.578%, 1.00388 85.389%, 1.00368 86.249%,
    1.00343 87.189%, 1.00293 88.889%, 1.00156 93.309%, 1.00119 94.569%,
    1.00087 95.74%, 1.0006 96.83%, 1.00036 97.9%, 1.00015, 0.99996
  );
  --spring3-duration: 0.667s;
  --spring4-easing: linear(
    0, 0.00003 0.04%, 0.00007 0.06%, 0.00016 0.09%, 0.00034 0.13%, 0.00064 0.18%,
    0.00096 0.22%, 0.00144 0.27%, 0.00189 0.31%, 0.00255 0.36%, 0.00314 0.4%,
    0.00396 0.45%, 0.00468 0.49%, 0.00567 0.54%, 0.00653 0.58%, 0.00769, 0.00893,
    0.01026 0.73%, 0.01139 0.77%, 0.01289, 0.01447, 0.01613 0.92%, 0.01935 1.01%,
    0.02125, 0.02324 1.11%, 0.02702 1.2%, 0.03154 1.3%, 0.03587 1.39%,
    0.04098 1.49%, 0.04584 1.58%, 0.05152, 0.0575, 0.06376, 0.0703, 0.07711,
    0.08418 2.18%, 0.09226 2.29%, 0.09987 2.39%, 0.10853, 0.11747, 0.12668,
    0.13617, 0.14591, 0.15591, 0.16615 3.16%, 0.1834, 0.20123 3.52%, 0.22065,
    0.24063 3.9%, 0.26222, 0.28434 4.3%, 0.30807 4.51%, 0.33344 4.73%, 0.3557,
    0.37826 5.111%, 0.40227 5.311%, 0.42895 5.531%, 0.48046 5.951%,
    0.61632 7.051%, 0.65664 7.381%, 0.69287 7.681%, 0.73213 8.011%,
    0.76948 8.331%, 0.80374 8.631%, 0.83608 8.921%, 0.85357, 0.8708, 0.88774,
    0.9044, 0.92076 9.721%, 0.93582, 0.9506, 0.9651, 0.9793, 0.99321, 1.00681,
    1.02011, 1.03309 10.921%, 1.04491 11.061%, 1.05728 11.211%, 1.06852 11.351%,
    1.08025, 1.09164, 1.1027 11.801%, 1.11272 11.941%, 1.12313 12.091%,
    1.13253 12.231%, 1.14228 12.381%, 1.15106 12.521%, 1.16014 12.671%, 1.16831,
    1.17617 12.951%, 1.18426 13.101%, 1.19151 13.241%, 1.19894, 1.20602,
    1.21277 13.691%, 1.21875 13.831%, 1.22164 13.901%, 1.22484 13.981%,
    1.22757 14.051%, 1.2306 14.131%, 1.23317 14.201%, 1.23602 14.281%,
    1.23844 14.351%, 1.24111 14.431%, 1.24337 14.501%, 1.24587 14.581%,
    1.24798 14.651%, 1.25031 14.731%, 1.25227 14.801%, 1.25443 14.881%,
    1.25624 14.951%, 1.25823 15.032%, 1.25989 15.102%, 1.26171 15.182%,
    1.26323 15.252%, 1.26488 15.332%, 1.26626 15.402%, 1.26775 15.482%,
    1.26898 15.552%, 1.27032, 1.27156, 1.27272 15.792%, 1.27367 15.862%, 1.27468,
    1.2756, 1.27645 16.102%, 1.2773, 1.27805, 1.2787 16.372%, 1.27902,
    1.27931 16.472%, 1.27952 16.512%, 1.27976 16.562%, 1.27993 16.602%,
    1.28011 16.652%, 1.28023 16.692%, 1.28036, 1.28046, 1.28054 16.842%,
    1.28057 16.882%, 1.2806, 1.28059, 1.28055 17.032%, 1.28051 17.072%, 1.28042,
    1.28031, 1.28017 17.222%, 1.28004 17.262%, 1.27985, 1.27964, 1.2794 17.412%,
    1.2789 17.502%, 1.27859, 1.27825 17.602%, 1.27758 17.692%, 1.27674, 1.27581,
    1.27477, 1.27365, 1.27243, 1.27112 18.292%, 1.26958 18.402%, 1.26809, 1.26651,
    1.26485 18.702%, 1.26294 18.812%, 1.26111 18.912%, 1.25902, 1.25683,
    1.25456 19.242%, 1.25242 19.342%, 1.24998 19.452%, 1.2477 19.552%,
    1.24512 19.662%, 1.2427 19.762%, 1.23998, 1.23718, 1.23431, 1.23138 20.202%,
    1.22812 20.322%, 1.22506 20.432%, 1.22165, 1.21818, 1.21465 20.792%,
    1.2071 21.042%, 1.19964 21.282%, 1.19167 21.532%, 1.18286 21.802%,
    1.17355 22.082%, 1.16442 22.352%, 1.15381 22.662%, 1.11121 23.892%,
    1.10157 24.172%, 1.0927 24.432%, 1.08258 24.732%, 1.07328 25.013%, 1.06478,
    1.05643 25.533%, 1.04701 25.833%, 1.04239, 1.03784, 1.03336 26.283%, 1.02923,
    1.02517, 1.02118, 1.01725, 1.01339, 1.0096 27.123%, 1.00614 27.253%,
    1.00249 27.393%, 0.99917 27.523%, 0.99566 27.663%, 0.99247 27.793%, 0.98864,
    0.98491, 0.98128, 0.97776, 0.97434, 0.97104, 0.96783, 0.96474, 0.96176,
    0.95888, 0.95612 29.553%, 0.95363, 0.95123 29.853%, 0.94878, 0.94645,
    0.94422 30.333%, 0.94223 30.483%, 0.94021, 0.9383, 0.9365, 0.93481, 0.93322,
    0.93173, 0.93036 31.603%, 0.92971, 0.92908, 0.92848, 0.92791, 0.92736,
    0.92684, 0.92634 32.163%, 0.9258 32.253%, 0.92536, 0.92494, 0.92454 32.493%,
    0.92412 32.583%, 0.92377, 0.92345, 0.92315 32.823%, 0.92284, 0.92255 33.003%,
    0.92227 33.103%, 0.92205 33.193%, 0.92184 33.293%, 0.92168 33.383%, 0.92153,
    0.92141, 0.92133 33.683%, 0.92129 33.773%, 0.92127, 0.92128, 0.92132, 0.92139,
    0.92149, 0.92163, 0.92179, 0.92198, 0.9222, 0.92244 34.773%, 0.92274 34.883%,
    0.92305 34.983%, 0.92341 35.094%, 0.92376 35.194%, 0.92419 35.304%,
    0.92459 35.404%, 0.92507, 0.92558, 0.92611, 0.92667, 0.92725, 0.92786 36.064%,
    0.92856 36.184%, 0.92984, 0.9312 36.604%, 0.93271, 0.93431 37.044%, 0.93605,
    0.93786 37.504%, 0.93991, 0.94204 38.004%, 0.94413 38.244%, 0.94637 38.494%,
    0.94885 38.764%, 0.95147 39.044%, 0.95403 39.314%, 0.95701 39.624%,
    0.96877 40.834%, 0.97387 41.364%, 0.97661 41.654%, 0.97914 41.924%,
    0.98153 42.184%, 0.98378 42.434%, 0.98644 42.734%, 0.98893 43.024%, 0.99128,
    0.99356 43.584%, 0.99568, 0.99774, 0.99971 44.394%, 1.00154 44.654%, 1.00263,
    1.0037, 1.00473 45.135%, 1.00567 45.285%, 1.00665 45.445%, 1.00753 45.595%,
    1.00845 45.755%, 1.00928 45.905%, 1.01014 46.065%, 1.01092 46.215%,
    1.01172 46.375%, 1.01244, 1.01314, 1.0138, 1.01444 46.975%, 1.0151 47.135%,
    1.01568 47.285%, 1.01627 47.445%, 1.0168 47.595%, 1.01734 47.755%,
    1.01781 47.905%, 1.01829 48.065%, 1.0187 48.215%, 1.01912 48.375%,
    1.01949 48.525%, 1.01985, 1.02018, 1.02049, 1.02077, 1.02102, 1.02124,
    1.02143 49.645%, 1.02164, 1.02181, 1.02194 50.245%, 1.02203, 1.02208, 1.02209,
    1.02207, 1.022, 1.0219 51.505%, 1.02176, 1.02158 51.945%, 1.02135, 1.02109,
    1.02079 52.635%, 1.02045, 1.02007 53.115%, 1.01971 53.325%, 1.01931,
    1.01889 53.765%, 1.01842, 1.01793 54.225%, 1.0174 54.465%, 1.01622 54.965%,
    1.015 55.456%, 1.01357 56.006%, 1.01204 56.576%, 1.00742 58.276%,
    1.00599 58.816%, 1.00473 59.306%, 1.00333 59.876%, 1.00206 60.416%,
    1.00092 60.936%, 0.99987 61.446%, 0.99928, 0.99873, 0.99821, 0.99771,
    0.99725 62.946%, 0.99683, 0.99643, 0.99607, 0.99573 64.106%, 0.99542 64.406%,
    0.99514 64.696%, 0.99488, 0.99465, 0.99445, 0.99428, 0.99413 66.197%, 0.99397,
    0.99386 67.077%, 0.99381 67.537% 67.997%, 0.99386 68.467%, 0.99396 68.957%,
    0.99412 69.457%, 0.99434 69.987%, 0.99455 70.427%, 0.99481 70.897%,
    0.9951 71.387%, 0.99545 71.917%, 0.9962 72.967%, 0.99789 75.188%,
    0.99863 76.188%, 0.99935 77.248%, 0.99995 78.228%, 1.00026 78.798%, 1.00053,
    1.00078 79.918%, 1.001, 1.00119 81.018%, 1.00135, 1.00148, 1.00158 82.698%,
    1.0017 83.638%, 1.00174 84.618%, 1.00171 85.639%, 1.00161 86.739%,
    1.00148 87.699%, 1.00129 88.769%, 1.00037 93.209%, 1.00016 94.309%,
    0.99999 95.33%, 0.99982 96.51%, 0.99969 97.66%, 0.9996 98.82%, 0.99954
  );
  --spring4-duration: 1s;
}

html.scrollbehavior {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: rgb(255, 255, 255);
}
body.scrolllock {
  overflow: hidden;
}
body.scrolllock #about {
  top: 0;
}

@keyframes firstview_div1_picture_fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes firstview_div1_picture_fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes firstview_div1_h1_fadein {
  from {
    opacity: 0;
    transform: translate(-50%, -42.9118773946%) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -42.9118773946%) scale(1);
  }
}
#firstview {
  width: 100%;
  height: 100svh;
  position: sticky;
  top: 0;
  z-index: -1;
}
#firstview.active > div:nth-of-type(1) {
  animation: 400ms linear 4133ms both fadeout;
}
#firstview.active > div:nth-of-type(1) > picture {
  animation: 800ms ease-out 400ms both firstview_div1_picture_fadein, 400ms linear 2200ms forwards firstview_div1_picture_fadeout;
}
#firstview.active > div:nth-of-type(1) > h1 {
  animation: var(--spring-duration) var(--spring-easing) 2900ms both firstview_div1_h1_fadein;
}
#firstview.active > div:nth-of-type(2) {
  animation: 400ms linear 4933ms both firstview_div1_picture_fadein;
}
#firstview > div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#firstview > div:nth-of-type(1) {
  background: url(/cms/img/soratoshiba/fv01_sp.jpg) bottom left/cover no-repeat;
}
#firstview > div:nth-of-type(1) > picture {
  width: 33.4615384615vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-44.8275862069%, -55.1971326165%);
  opacity: 0;
}
#firstview > div:nth-of-type(1) > picture img {
  width: 100%;
  height: auto;
}
#firstview > div:nth-of-type(1) > h1 {
  width: 80vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform-origin: bottom center;
  transform: translate(-50%, -42.9118773946%);
}
#firstview > div:nth-of-type(1) > h1 img {
  width: 100%;
  height: auto;
}
#firstview > div:nth-of-type(2) {
  background: url(/cms/img/soratoshiba/fv04_sp.jpg) bottom center/cover no-repeat;
  opacity: 0;
}
#firstview > div:nth-of-type(2) > img {
  width: 32.0512820513vw;
  height: auto;
  position: absolute;
  top: 11.9230769231vw;
  left: 50%;
  transform: translate(-50%, 0);
}

#about {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: sticky;
  padding: 29.1025641026vw 0 41.5384615385vw;
  background: url(/cms/img/soratoshiba/about02_sp.png) bottom -2px left/contain no-repeat, url(/cms/img/soratoshiba/about01_sp.jpg) bottom center/contain repeat, rgb(0, 165, 234);
}
#about > img {
  width: 25.641025641vw;
  height: auto;
  position: absolute;
  top: 6.9230769231vw;
  left: 70.5128205128vw;
}
#about > h2 {
  margin: 0 0 0 6.5384615385vw;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 12.8205128205vw;
  line-height: 8.8461538462vw;
  color: #CAF0FF;
}
#about > h2 small {
  margin: 0 0 0 3.9743589744vw;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 5.1282051282vw;
  line-height: 4.6153846154vw;
}
#about > picture {
  width: 87.1794871795vw;
  height: auto;
  position: absolute;
  top: 105.8974358974vw;
  left: 12.8205128205vw;
}
#about > picture img {
  width: 100%;
  height: auto;
}
#about > p:nth-of-type(1) {
  width: 61.9230769231vw;
  height: 71.5384615385vw;
  overflow: hidden;
  margin: 16.5384615385vw 0 0 5.3846153846vw;
  white-space: nowrap;
  text-indent: 100%;
  background: url(/cms/img/soratoshiba/about06.svg) top left/contain no-repeat;
}
#about > p:nth-of-type(1) br {
  display: none;
}
#about > p:nth-of-type(2) {
  width: 84.6153846154vw;
  height: auto;
  margin: 76.2820512821vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.8461538462vw;
  line-height: 7.6923076923vw;
  color: #FFFFFF;
}
#about > p:nth-of-type(3) {
  width: 84.6153846154vw;
  height: auto;
  margin: 7.6923076923vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.8461538462vw;
  line-height: 7.6923076923vw;
  color: #FFFFFF;
}
#about > p:nth-of-type(4) {
  width: 84.6153846154vw;
  height: auto;
  margin: 5.2564102564vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 3.8461538462vw;
  line-height: 7.6923076923vw;
  color: #FFFFFF;
  transform-origin: top center;
}
#about > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 84.6153846154vw;
  height: 17.9487179487vw;
  box-sizing: border-box;
  padding: 0 22.4358974359vw 0 1.9230769231vw;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 5.641025641vw;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  color: #FFFFFF;
  background: url(/cms/img/soratoshiba/about04.svg) center right 3.8461538462vw/18.4615384615vw no-repeat;
  border: solid max(0.2564102564vw, 1px) rgb(255, 255, 255);
  border-radius: 8.9743589744vw;
}
#about > a:nth-of-type(1) {
  margin: 7.5641025641vw auto 0;
}
#about > a:nth-of-type(2) {
  margin: 5.641025641vw auto 0;
  letter-spacing: -10%;
}
#about > .splide {
  margin: 23.0769230769vw 0 0;
}
#about > .splide .splide__slide {
  overflow: hidden;
  border-radius: 12.1794871795vw;
}
#about > .splide .splide__slide img {
  width: 100%;
  height: auto;
}

@keyframes ourbeer_div1_img3 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  1.4550% {
    transform: translate(-0.1000769231vw, -0.2168333333vw) rotate(-0.3903deg);
  }
  3.1605% {
    transform: translate(-0.4078846154vw, -0.88375vw) rotate(-1.59075deg);
  }
  12.8115% {
    transform: translate(-2.8555384615vw, -6.187vw) rotate(-11.1366deg);
  }
  15.8515% {
    transform: translate(-3.3474615385vw, -7.2528333333vw) rotate(-13.0551deg);
  }
  19.0770% {
    transform: translate(-3.6797692308vw, -7.9728333333vw) rotate(-14.3511deg);
  }
  22.6575% {
    transform: translate(-3.8731153846vw, -8.39175vw) rotate(-15.10515deg);
  }
  27.0125% {
    transform: translate(-3.9515vw, -8.5615833333vw) rotate(-15.41085deg);
  }
  50.0000% {
    transform: translate(-3.8466923077vw, -8.3345vw) rotate(-15.0021deg);
  }
  51.4550% {
    transform: translate(-3.7466153846vw, -8.1176666667vw) rotate(-14.6118deg);
  }
  53.1605% {
    transform: translate(-3.4388076923vw, -7.45075vw) rotate(-13.41135deg);
  }
  62.8115% {
    transform: translate(-0.9911538462vw, -2.1475vw) rotate(-3.8655deg);
  }
  65.8515% {
    transform: translate(-0.4992307692vw, -1.0816666667vw) rotate(-1.947deg);
  }
  69.0770% {
    transform: translate(-0.1669230769vw, -0.3616666667vw) rotate(-0.651deg);
  }
  72.6575% {
    transform: translate(0.0264230769vw, 0.05725vw) rotate(0.10305deg);
  }
  77.0125% {
    transform: translate(0.1048076923vw, 0.2270833333vw) rotate(0.40875deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes ourbeer_div2_img3 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  1.4550% {
    transform: translate(-0.2168333333vw, -0.2501923077vw) rotate(0.3903deg);
  }
  3.1605% {
    transform: translate(-0.88375vw, -1.0197115385vw) rotate(1.59075deg);
  }
  12.8115% {
    transform: translate(-6.187vw, -7.1388461538vw) rotate(11.1366deg);
  }
  15.8515% {
    transform: translate(-7.2528333333vw, -8.3686538462vw) rotate(13.0551deg);
  }
  19.0770% {
    transform: translate(-7.9728333333vw, -9.1994230769vw) rotate(14.3511deg);
  }
  22.6575% {
    transform: translate(-8.39175vw, -9.6827884615vw) rotate(15.10515deg);
  }
  27.0125% {
    transform: translate(-8.5615833333vw, -9.87875vw) rotate(15.41085deg);
  }
  50.0000% {
    transform: translate(-8.3345vw, -9.6167307692vw) rotate(15.0021deg);
  }
  51.4550% {
    transform: translate(-8.1176666667vw, -9.3665384615vw) rotate(14.6118deg);
  }
  53.1605% {
    transform: translate(-7.45075vw, -8.5970192308vw) rotate(13.41135deg);
  }
  62.8115% {
    transform: translate(-2.1475vw, -2.4778846154vw) rotate(3.8655deg);
  }
  65.8515% {
    transform: translate(-1.0816666667vw, -1.2480769231vw) rotate(1.947deg);
  }
  69.0770% {
    transform: translate(-0.3616666667vw, -0.4173076923vw) rotate(0.651deg);
  }
  72.6575% {
    transform: translate(0.05725vw, 0.0660576923vw) rotate(-0.10305deg);
  }
  77.0125% {
    transform: translate(0.2270833333vw, 0.2620192308vw) rotate(-0.40875deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes ourbeer_div3_div_img {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  1.4550% {
    transform: translate(-0.1467794872vw, 0.0166794872vw) rotate(0.3903deg);
  }
  3.1605% {
    transform: translate(-0.5982307692vw, 0.0679807692vw) rotate(1.59075deg);
  }
  12.8115% {
    transform: translate(-4.1881230769vw, 0.4759230769vw) rotate(11.1366deg);
  }
  15.8515% {
    transform: translate(-4.9096102564vw, 0.5579102564vw) rotate(13.0551deg);
  }
  19.0770% {
    transform: translate(-5.3969948718vw, 0.6132948718vw) rotate(14.3511deg);
  }
  22.6575% {
    transform: translate(-5.6805692308vw, 0.6455192308vw) rotate(15.10515deg);
  }
  27.0125% {
    transform: translate(-5.7955333333vw, 0.6585833333vw) rotate(15.41085deg);
  }
  50.0000% {
    transform: translate(-5.6418153846vw, 0.6411153846vw) rotate(15.0021deg);
  }
  51.4550% {
    transform: translate(-5.4950358974vw, 0.6244358974vw) rotate(14.6118deg);
  }
  53.1605% {
    transform: translate(-5.0435846154vw, 0.5731346154vw) rotate(13.41135deg);
  }
  62.8115% {
    transform: translate(-1.4536923077vw, 0.1651923077vw) rotate(3.8655deg);
  }
  65.8515% {
    transform: translate(-0.7322051282vw, 0.0832051282vw) rotate(1.947deg);
  }
  69.0770% {
    transform: translate(-0.2448205128vw, 0.0278205128vw) rotate(0.651deg);
  }
  72.6575% {
    transform: translate(0.0387538462vw, -0.0044038462vw) rotate(-0.10305deg);
  }
  77.0125% {
    transform: translate(0.1537179487vw, -0.0174679487vw) rotate(-0.40875deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
[data-aos=ourbeer_h2] {
  transform: translate(0, 7.6923076923vw);
  opacity: 0;
  transition: opacity var(--spring-duration) var(--spring-easing), transform var(--spring-duration) var(--spring-easing) !important;
}
[data-aos=ourbeer_h2].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=ourbeer_div1_h3] {
  transform: translate(0, 5.1282051282vw);
  opacity: 0;
  transition: opacity var(--spring-duration) var(--spring-easing), transform var(--spring-duration) var(--spring-easing) !important;
}
[data-aos=ourbeer_div1_h3].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=ourbeer_div1_img1] {
  transform: translate(0, 5.1282051282vw);
  opacity: 0;
  transition: opacity calc(var(--spring2-duration) / 1.5) var(--spring2-easing), transform calc(var(--spring2-duration) / 1.5) var(--spring2-easing) !important;
}
[data-aos=ourbeer_div1_img1].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=ourbeer_div1_picture1] {
  transform: translate(0, 5.1282051282vw);
  opacity: 0;
  transition: opacity calc(var(--spring3-duration) / 1.5) var(--spring3-easing), transform calc(var(--spring3-duration) / 1.5) var(--spring3-easing) !important;
}
[data-aos=ourbeer_div1_picture1].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=ourbeer_div1_p4] {
  transform: translate(20%, 0);
  opacity: 0;
  transition: opacity 300ms ease-out, transform 300ms ease-out !important;
}
[data-aos=ourbeer_div1_p4].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=ourbeer_div1_picture2] {
  transform: translate(0, 5.1282051282vw);
  opacity: 0;
  transition: opacity calc(var(--spring4-duration) / 1.5) var(--spring4-easing), transform calc(var(--spring4-duration) / 1.5) var(--spring4-easing) !important;
}
[data-aos=ourbeer_div1_picture2].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

#ourbeer {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 23.4615384615vw 0 33.3333333333vw;
  background: rgb(255, 255, 255);
}
#ourbeer > h2 {
  width: 74.8717948718vw;
  height: 44.6153846154vw;
  box-sizing: border-box;
  margin: 0 0 0 7.0512820513vw;
  padding: 26.1538461538vw 0 0 18.2051282051vw;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 12.8205128205vw;
  line-height: 8.4615384615vw;
  white-space: nowrap;
  color: #009CDB;
  background: url(/cms/img/soratoshiba/ourbeer01.svg) bottom left/74.8717948718vw no-repeat;
}
#ourbeer > div {
  width: 89.7435897436vw;
  height: auto;
  position: relative;
  margin: 51.2820512821vw auto 0;
  border-radius: 15.3846153846vw;
  background: #BFE6F5;
}
#ourbeer > div:nth-of-type(1) {
  margin: 40.3846153846vw auto 0;
  padding: 7.0512820513vw 0 43.2051282051vw;
}
#ourbeer > div:nth-of-type(1) > canvas {
  top: -69.4871794872vw;
  left: 18.5897435897vw;
}
#ourbeer > div:nth-of-type(1) > h3 {
  margin: 0 0 0 6.4102564103vw;
}
#ourbeer > div:nth-of-type(1) > p:nth-of-type(1) {
  margin: 67.6923076923vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 7.1794871795vw;
  color: #000000;
}
#ourbeer > div:nth-of-type(1) > p:nth-of-type(2) {
  margin: 5.1282051282vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 7.1794871795vw;
  color: #000000;
}
#ourbeer > div:nth-of-type(1) > p:nth-of-type(3) {
  margin: 3.3333333333vw auto 0;
  padding: 3.5897435897vw 0 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 5.1282051282vw;
  color: #000000;
  border-top: solid 1.2820512821vw rgb(0, 0, 0);
}
#ourbeer > div:nth-of-type(1) > p:nth-of-type(4) {
  position: absolute;
  top: 208.9743589744vw;
  left: 3.2051282051vw;
  margin: 0;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16.4102564103vw;
  line-height: 11.0256410256vw;
  color: #009CDB;
}
#ourbeer > div:nth-of-type(1) > img:nth-of-type(1) {
  width: 11.0256410256vw;
  height: auto;
  top: -23.5897435897vw;
  left: 77.5641025641vw;
}
#ourbeer > div:nth-of-type(1) > img:nth-of-type(2) {
  width: 46.1538461538vw;
  height: auto;
  top: 46.1538461538vw;
  left: 21.7948717949vw;
}
#ourbeer > div:nth-of-type(1) > img:nth-of-type(3) {
  width: 51.2820512821vw;
  height: auto;
  top: 161.2820512821vw;
  left: 40vw;
  transform-origin: top left;
}
#ourbeer > div:nth-of-type(1) > img:nth-of-type(3).aos-animate {
  animation: 4000ms linear infinite ourbeer_div1_img3;
}
#ourbeer > div:nth-of-type(1) > picture:nth-of-type(1) {
  width: 6.0256410256vw;
  height: auto;
  top: -18.2051282051vw;
  left: 65.3846153846vw;
}
#ourbeer > div:nth-of-type(1) > picture:nth-of-type(2) {
  width: 11.1538461538vw;
  height: auto;
  top: -13.0769230769vw;
  left: 51.5384615385vw;
}
#ourbeer > div:nth-of-type(2) {
  padding: 7.0512820513vw 0 36.9230769231vw;
}
#ourbeer > div:nth-of-type(2) > canvas {
  top: -63.9743589744vw;
  left: 16.2820512821vw;
}
#ourbeer > div:nth-of-type(2) > h3 {
  margin: 0 0 0 6.4102564103vw;
}
#ourbeer > div:nth-of-type(2) > p:nth-of-type(1) {
  margin: 68.9743589744vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 7.1794871795vw;
  color: #000000;
}
#ourbeer > div:nth-of-type(2) > p:nth-of-type(2) {
  margin: 5.1282051282vw auto 0;
  padding: 3.7179487179vw 0 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 5.1282051282vw;
  color: #000000;
  border-top: solid 1.2820512821vw rgb(0, 0, 0);
}
#ourbeer > div:nth-of-type(2) > p:nth-of-type(3) {
  position: absolute;
  top: 184.8717948718vw;
  left: 3.2051282051vw;
  margin: 0;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 20.5128205128vw;
  line-height: 14.358974359vw;
  color: #009CDB;
}
#ourbeer > div:nth-of-type(2) > img:nth-of-type(1) {
  width: 9.1025641026vw;
  height: auto;
  top: -14.358974359vw;
  left: 73.8461538462vw;
}
#ourbeer > div:nth-of-type(2) > img:nth-of-type(2) {
  width: 46.1538461538vw;
  height: auto;
  top: 46.1538461538vw;
  left: 21.7948717949vw;
}
#ourbeer > div:nth-of-type(2) > img:nth-of-type(3) {
  width: 53.8461538462vw;
  height: auto;
  top: 143.5897435897vw;
  left: 38.9743589744vw;
  z-index: 1;
  transform-origin: bottom right;
}
#ourbeer > div:nth-of-type(2) > img:nth-of-type(3).aos-animate {
  animation: 3800ms linear infinite ourbeer_div2_img3;
}
#ourbeer > div:nth-of-type(2) > picture:nth-of-type(1) {
  width: 8.2051282051vw;
  height: auto;
  top: -16.9230769231vw;
  left: 60.3846153846vw;
}
#ourbeer > div:nth-of-type(2) > picture:nth-of-type(2) {
  width: 12.8205128205vw;
  height: auto;
  top: -1.5384615385vw;
  left: 50vw;
}
#ourbeer > div:nth-of-type(3) {
  padding: 10.641025641vw 0 24.4871794872vw;
}
#ourbeer > div:nth-of-type(3) > canvas {
  top: -62.5641025641vw;
  left: 23.9743589744vw;
}
#ourbeer > div:nth-of-type(3) > h3 {
  margin: 0 0 0 6.4102564103vw;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10.2564102564vw;
  line-height: 12.8205128205vw;
}
#ourbeer > div:nth-of-type(3) > p:nth-of-type(1) {
  margin: 70.1282051282vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 7.1794871795vw;
  color: #000000;
}
#ourbeer > div:nth-of-type(3) > p:nth-of-type(2) {
  margin: 5.3846153846vw auto 0;
  padding: 3.5897435897vw 0 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 5.1282051282vw;
  color: #000000;
  border-top: solid 1.2820512821vw rgb(0, 0, 0);
}
#ourbeer > div:nth-of-type(3) > p:nth-of-type(3) {
  position: absolute;
  top: 185.641025641vw;
  left: 3.2051282051vw;
  margin: 0;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 19.2307692308vw;
  line-height: 13.4615384615vw;
  color: #009CDB;
}
#ourbeer > div:nth-of-type(3) > img:nth-of-type(1) {
  width: 8.0769230769vw;
  height: auto;
  top: -19.4871794872vw;
  left: 76.0256410256vw;
}
#ourbeer > div:nth-of-type(3) > img:nth-of-type(2) {
  width: 15vw;
  height: auto;
  top: -11.7948717949vw;
  left: 59.2307692308vw;
}
#ourbeer > div:nth-of-type(3) > img:nth-of-type(3) {
  width: 46.1538461538vw;
  height: auto;
  top: 59.8717948718vw;
  left: 21.7948717949vw;
}
#ourbeer > div:nth-of-type(3) > div {
  width: 68.7179487179vw;
  height: 98.7179487179vw;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 49.7435897436vw;
  line-height: 0;
}
#ourbeer > div:nth-of-type(3) > div.aos-animate > img {
  animation: 4000ms linear infinite ourbeer_div3_div_img;
}
#ourbeer > div:nth-of-type(3) > div > img {
  width: 34.358974359vw;
  height: auto;
  position: absolute;
  bottom: -25.2564102564vw;
  left: 0;
  line-height: 0;
  transform-origin: bottom right;
}
#ourbeer > div > img:nth-of-type(1) {
  position: absolute;
}
#ourbeer > div > img:nth-of-type(2) {
  position: absolute;
}
#ourbeer > div > img:nth-of-type(3) {
  position: absolute;
}
#ourbeer > div > canvas {
  width: 100vw;
  height: 100vw;
  position: absolute;
  z-index: 1;
}
#ourbeer > div > h3 {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 14.358974359vw;
  line-height: 15.3846153846vw;
  color: #070707;
}
#ourbeer > div > h3 small {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 7.1794871795vw;
  line-height: 11.0256410256vw;
}
#ourbeer > div > p {
  width: 84.6153846154vw;
}
#ourbeer > div > picture {
  position: absolute;
}
#ourbeer > div > picture img {
  width: 100%;
  height: auto;
}

@keyframes can_img2 {
  0% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
@keyframes can_img2_reverse {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}
[data-aos=can_a1] {
  transform: translate(0, 10.2564102564vw);
  opacity: 0;
  transition: opacity var(--spring-duration) var(--spring-easing), transform var(--spring-duration) var(--spring-easing) !important;
}
[data-aos=can_a1].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=can_a2] {
  transform: translate(0, 10.2564102564vw);
  opacity: 0;
  transition: opacity var(--spring-duration) var(--spring-easing), transform var(--spring-duration) var(--spring-easing) !important;
}
[data-aos=can_a2].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

[data-aos=can_a3] {
  transform: translate(0, 10.2564102564vw);
  opacity: 0;
  transition: opacity var(--spring-duration) var(--spring-easing), transform var(--spring-duration) var(--spring-easing) !important;
}
[data-aos=can_a3].aos-animate {
  transform: translate(0, 0);
  opacity: 1;
}

#can {
  width: 100%;
  position: relative;
  padding: 17.9487179487vw 0 33.3333333333vw;
  background: rgb(255, 218, 1);
}
#can::before {
  content: "";
  display: block;
  width: 100%;
  height: 89.7435897436vw;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(255, 255, 255);
}
#can > svg {
  width: 100%;
  height: 38.4615384615vw;
  position: absolute;
  top: 63.2051282051vw;
  left: 0;
}
#can > h2 {
  width: 79.4871794872vw;
  height: 53.5897435897vw;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin: 0 0 0 6.1538461538vw;
  padding: 33.7179487179vw 0 0 42.3076923077vw;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 12.8205128205vw;
  line-height: 9.1025641026vw;
  white-space: nowrap;
  color: #009CDB;
  background: url(/cms/img/soratoshiba/can01.svg) bottom left/contain no-repeat;
}
#can > img {
  position: absolute;
}
#can > img:nth-of-type(1) {
  width: 35.8974358974vw;
  height: auto;
  top: 107.5641025641vw;
  left: 49.7435897436vw;
}
#can > img:nth-of-type(2) {
  width: 29.4871794872vw;
  height: auto;
  top: 94.2307692308vw;
  left: 18.2051282051vw;
  transform-origin: center;
  transform: rotate(-15deg);
}
#can > img:nth-of-type(2).aos-animate:not(.reverse) {
  animation: 2000ms var(--spring2-easing) both can_img2;
}
#can > img:nth-of-type(2).aos-animate.reverse {
  animation: 2000ms var(--spring2-easing) both can_img2_reverse;
}
#can > img:nth-of-type(2).aos-animate {
  animation: 4000ms linear infinite both can_img2;
}
#can > h3 {
  width: 84.6153846154vw;
  margin: 92.1794871795vw auto 0;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 12.5641025641vw;
  line-height: 14.358974359vw;
  color: #009CDB;
}
#can > h3 small {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 7.1794871795vw;
  line-height: 12.0512820513vw;
}
#can > h3 span {
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
}
#can > p {
  width: 84.6153846154vw;
}
#can > p:nth-of-type(1) {
  margin: 4.1025641026vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 7.1794871795vw;
  color: #000000;
}
#can > p:nth-of-type(2) {
  margin: 5.3846153846vw auto 0;
  padding: 3.5897435897vw 0 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 5.1282051282vw;
  color: #000000;
  border-top: solid 1.2820512821vw rgb(0, 0, 0);
}
#can > p:nth-of-type(3) {
  margin: 0 auto;
  padding: 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 5.1282051282vw;
  color: #000000;
}
#can > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 84.6153846154vw;
  height: 17.9487179487vw;
  box-sizing: border-box;
  margin: 5.1282051282vw auto 0;
  padding: 0 22.4358974359vw 0 1.9230769231vw;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 5.641025641vw;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  color: #009CDB;
  background: rgba(255, 255, 255, 0.5) url(/cms/img/soratoshiba/can03.svg) center right 3.8461538462vw/18.4615384615vw no-repeat;
  border: solid max(0.2564102564vw, 1px) #009CDB;
  border-radius: 8.9743589744vw;
}
#can > a:nth-of-type(1) {
  margin: 22.9487179487vw auto 0;
}
#can > a:nth-of-type(2) {
  font-size: 5.1282051282vw;
  letter-spacing: -10%;
}
#can > a:nth-of-type(3) {
  font-size: 5.1282051282vw;
}

#eventnews {
  width: 100%;
  position: relative;
  padding: 0.1282051282vw 0 20.5128205128vw;
  background: rgb(255, 255, 255);
}
#eventnews > h2 {
  width: 90.641025641vw;
  height: 61.4102564103vw;
  box-sizing: border-box;
  margin: -6.7948717949vw 0 0;
  padding: 43.3333333333vw 0 0 10.3846153846vw;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 12.8205128205vw;
  line-height: 1;
  white-space: nowrap;
  color: #009CDB;
  background: url(/cms/img/soratoshiba/eventnews01.svg) bottom left -7.4358974359vw/98.0769230769vw no-repeat;
}
#eventnews > .splide {
  margin: 18.9743589744vw 0 0;
}
#eventnews > .splide .splide__slide {
  /* overflow: hidden; */
  position: relative;
  padding: 10.2564102564vw 0 0;
}
#eventnews > .splide .splide__slide > p {
  margin: 0;
}
#eventnews > .splide .splide__slide > p:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 2.0512820513vw;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 3.5897435897vw;
  line-height: 1.5;
  color: #8A8787;
}
#eventnews > .splide .splide__slide > p:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 2.0512820513vw;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 3.5897435897vw;
  line-height: 1.5;
  color: #8A8787;
}
#eventnews > .splide .splide__slide > p:nth-of-type(3) {
  width: 100%;
  margin: 4.2307692308vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5897435897vw;
  line-height: 7.1794871795vw;
  color: #000000;
}
#eventnews > .splide .splide__slide > img {
  width: 64.1025641026vw;
  height: auto;
  border-radius: 12.1794871795vw;
}
#eventnews > .splide .splide__arrows {
  display: flex;
  justify-content: space-between;
  width: 36.2820512821vw;
  margin: 12.6923076923vw 0 0 56.1538461538vw;
}
#eventnews > .splide .splide__arrows .splide__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.3846153846vw;
  height: 15.3846153846vw;
  background: rgb(0, 156, 219);
  border: none;
  border-radius: 50%;
}
#eventnews > .splide .splide__arrows .splide__arrow img {
  width: 3.3333333333vw;
  height: auto;
}
#eventnews > .splide .splide__arrows .splide__arrow--prev img {
  transform: scale(-1, 1);
}
#eventnews > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 84.6153846154vw;
  height: 17.9487179487vw;
  box-sizing: border-box;
  margin: 12.8205128205vw auto 0;
  padding: 0 22.4358974359vw 0 1.9230769231vw;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 5.641025641vw;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  color: #009CDB;
  background: url(/cms/img/soratoshiba/can03.svg) center right 3.8461538462vw/18.4615384615vw no-repeat;
  border: solid max(0.2564102564vw, 1px) #009CDB;
  border-radius: 8.9743589744vw;
}

footer {
  width: 100%;
  position: relative;
  padding: 16.6666666667vw 0 28.2051282051vw;
  background: rgb(0, 156, 219);
}
/*css競合のため追記by yohobrewing*/
footer::before {
  display: none !important;
}
footer > h1 {
  width: 64.1025641026vw;
  height: auto;
  margin: 0 0 0 17.9487179487vw;
  line-height: 0;
}
footer > h1 img {
  width: 100%;
  height: auto;
}
footer > h2 {
  width: 100%;
  margin: 30.2564102564vw auto 0;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 11.5384615385vw;
  line-height: 8.2051282051vw;
  color: #FFFFFF;
  text-align: center;
}
footer > p {
  width: 100%;
  margin: 5.7692307692vw auto 0;
  font-family: "zen-kaku-gothic-new", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.8461538462vw;
  line-height: 3.5897435897vw;
  color: #FFFFFF;
  text-align: center;
}
footer > ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 38.4615384615vw;
  margin: 14.8717948718vw auto 0;
  padding: 0;
}
footer > ul li {
  width: 12.8205128205vw;
  height: auto;
}
footer > ul li img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  @keyframes firstview_div1_h1_fadein {
    from {
      opacity: 0;
      transform: translate(-50%, -20.4208078335%) scale(0.8335431235);
    }
    to {
      opacity: 1;
      transform: translate(-50%, -59.4736842105%) scale(1);
    }
  }
  #firstview > div:nth-of-type(1) {
    background: url(/cms/img/soratoshiba/fv01_tb.jpg) bottom left/cover no-repeat;
  }
  #firstview > div:nth-of-type(1) > picture {
    width: 4.1666666667vw;
    transform: translate(-50%, -49.9231950845%);
  }
  #firstview > div:nth-of-type(1) > h1 {
    width: 44.2708333333vw;
    height: auto;
    transform: translate(-50%, -59.4736842105%);
  }
  #firstview > div:nth-of-type(2) {
    background: url(/cms/img/soratoshiba/fv04_tb.jpg) bottom center/cover no-repeat;
    opacity: 0;
  }
  #firstview > div:nth-of-type(2) > img {
    width: 18.0989583333vw;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(18.0989583333vw, -35.9375vw);
  }
  #about {
    padding: 20.6927985415vw 0 29.5350957156vw;
  }
  #about > img {
    width: 18.2315405652vw;
    top: 4.9225159526vw;
    left: 65.0865998177vw;
  }
  #about > h2 {
    margin: 0 0 0 19.5989061076vw;
    font-size: 9.1157702826vw;
    line-height: 6.289881495vw;
  }
  #about > h2 small {
    margin: 0 0 0 17.775752051vw;
    font-size: 3.646308113vw;
    line-height: 3.2816773017vw;
  }
  #about > picture {
    width: 61.9872379216vw;
    top: 75.2962625342vw;
    left: 24.065633546vw;
  }
  #about > p:nth-of-type(1) {
    width: 44.0291704649vw;
    height: 50.8659981768vw;
    margin: 11.7593436645vw 0 0 18.7784867821vw;
  }
  #about > p:nth-of-type(2) {
    width: 60.1640838651vw;
    margin: 34.4483381951vw auto 0;
    font-size: 2.7347310848vw;
    line-height: 5.4694621696vw;
  }
  #about > p:nth-of-type(3) {
    width: 60.1640838651vw;
    margin: 5.4694621696vw auto 0;
    font-size: 2.7347310848vw;
    line-height: 5.4694621696vw;
  }
  #about > p:nth-of-type(4) {
    width: 60.1640838651vw;
    margin: 3.7374658159vw auto 0;
    font-size: 2.7347310848vw;
    line-height: 5.4694621696vw;
  }
  #about > a {
    width: 60.1640838651vw;
    height: 12.7620783956vw;
    padding: 0 15.9525979945vw 0 1.3673655424vw;
    font-size: 4.0109389243vw;
    background: url(/cms/img/soratoshiba/about04.svg) center right 2.7347310848vw/13.1267092069vw no-repeat;
    border: solid max(0.1823154057vw, 1px) rgb(255, 255, 255);
    border-radius: 6.3810391978vw;
  }
  #about > a:nth-of-type(1) {
    margin: 5.3783044667vw auto 0;
  }
  #about > a:nth-of-type(2) {
    margin: 4.0109389243vw auto 0;
  }
  #about > .splide {
    margin: 16.4083865087vw 0 0;
  }
  #about > .splide .splide__slide {
    border-radius: 8.6599817685vw;
  }
  @keyframes ourbeer_div1_img3 {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    1.4550% {
      transform: translate(-0.0711577028vw, -0.1541750228vw) rotate(-0.3903deg);
    }
    3.1605% {
      transform: translate(-0.2900182315vw, -0.628372835vw) rotate(-1.59075deg);
    }
    12.8115% {
      transform: translate(-2.0303737466vw, -4.3991431176vw) rotate(-11.1366deg);
    }
    15.8515% {
      transform: translate(-2.3801458523vw, -5.15698268vw) rotate(-13.0551deg);
    }
    19.0770% {
      transform: translate(-2.616426618vw, -5.6689243391vw) rotate(-14.3511deg);
    }
    22.6575% {
      transform: translate(-2.7539015497vw, -5.966786691vw) rotate(-15.10515deg);
    }
    27.0125% {
      transform: translate(-2.8096353692vw, -6.0875432999vw) rotate(-15.41085deg);
    }
    50.0000% {
      transform: translate(-2.7351139471vw, -5.9260802188vw) rotate(-15.0021deg);
    }
    51.4550% {
      transform: translate(-2.6639562443vw, -5.771905196vw) rotate(-14.6118deg);
    }
    53.1605% {
      transform: translate(-2.4450957156vw, -5.2977073838vw) rotate(-13.41135deg);
    }
    62.8115% {
      transform: translate(-0.7047402005vw, -1.5269371012vw) rotate(-3.8655deg);
    }
    65.8515% {
      transform: translate(-0.3549680948vw, -0.7690975387vw) rotate(-1.947deg);
    }
    69.0770% {
      transform: translate(-0.1186873291vw, -0.2571558797vw) rotate(-0.651deg);
    }
    72.6575% {
      transform: translate(0.0187876026vw, 0.0407064722vw) rotate(0.10305deg);
    }
    77.0125% {
      transform: translate(0.0745214221vw, 0.1614630811vw) rotate(0.40875deg);
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  }
  @keyframes ourbeer_div2_img3 {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    1.4550% {
      transform: translate(-0.1541750228vw, -0.1778942571vw) rotate(0.3903deg);
    }
    3.1605% {
      transform: translate(-0.628372835vw, -0.7250455789vw) rotate(1.59075deg);
    }
    12.8115% {
      transform: translate(-4.3991431176vw, -5.0759343665vw) rotate(11.1366deg);
    }
    15.8515% {
      transform: translate(-5.15698268vw, -5.9503646308vw) rotate(13.0551deg);
    }
    19.0770% {
      transform: translate(-5.6689243391vw, -6.5410665451vw) rotate(14.3511deg);
    }
    22.6575% {
      transform: translate(-5.966786691vw, -6.8847538742vw) rotate(15.10515deg);
    }
    27.0125% {
      transform: translate(-6.0875432999vw, -7.024088423vw) rotate(15.41085deg);
    }
    50.0000% {
      transform: translate(-5.9260802188vw, -6.8377848678vw) rotate(15.0021deg);
    }
    51.4550% {
      transform: translate(-5.771905196vw, -6.6598906108vw) rotate(14.6118deg);
    }
    53.1605% {
      transform: translate(-5.2977073838vw, -6.112739289vw) rotate(13.41135deg);
    }
    62.8115% {
      transform: translate(-1.5269371012vw, -1.7618505014vw) rotate(3.8655deg);
    }
    65.8515% {
      transform: translate(-0.7690975387vw, -0.887420237vw) rotate(1.947deg);
    }
    69.0770% {
      transform: translate(-0.2571558797vw, -0.2967183227vw) rotate(0.651deg);
    }
    72.6575% {
      transform: translate(0.0407064722vw, 0.0469690064vw) rotate(-0.10305deg);
    }
    77.0125% {
      transform: translate(0.1614630811vw, 0.1863035552vw) rotate(-0.40875deg);
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  }
  @keyframes ourbeer_div3_div_img {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    1.4550% {
      transform: translate(-0.1043646308vw, 0.0118596171vw) rotate(0.3903deg);
    }
    3.1605% {
      transform: translate(-0.4253600729vw, 0.0483363719vw) rotate(1.59075deg);
    }
    12.8115% {
      transform: translate(-2.977881495vw, 0.3383956244vw) rotate(11.1366deg);
    }
    15.8515% {
      transform: translate(-3.4908805834vw, 0.3966909754vw) rotate(13.0551deg);
    }
    19.0770% {
      transform: translate(-3.8374257065vw, 0.436071103vw) rotate(14.3511deg);
    }
    22.6575% {
      transform: translate(-4.0390556062vw, 0.4589835916vw) rotate(15.10515deg);
    }
    27.0125% {
      transform: translate(-4.1207985415vw, 0.4682725615vw) rotate(15.41085deg);
    }
    50.0000% {
      transform: translate(-4.0115004558vw, 0.4558523245vw) rotate(15.0021deg);
    }
    51.4550% {
      transform: translate(-3.907135825vw, 0.4439927074vw) rotate(14.6118deg);
    }
    53.1605% {
      transform: translate(-3.5861403829vw, 0.4075159526vw) rotate(13.41135deg);
    }
    62.8115% {
      transform: translate(-1.0336189608vw, 0.1174567001vw) rotate(3.8655deg);
    }
    65.8515% {
      transform: translate(-0.5206198724vw, 0.0591613491vw) rotate(1.947deg);
    }
    69.0770% {
      transform: translate(-0.1740747493vw, 0.0197812215vw) rotate(0.651deg);
    }
    72.6575% {
      transform: translate(0.0275551504vw, -0.0031312671vw) rotate(-0.10305deg);
    }
    77.0125% {
      transform: translate(0.1092980857vw, -0.012420237vw) rotate(-0.40875deg);
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  }
  [data-aos=ourbeer_h2] {
    transform: translate(0, 5.4694621696vw);
  }
  [data-aos=ourbeer_div1_h3] {
    transform: translate(0, 3.646308113vw);
  }
  [data-aos=ourbeer_div1_img1] {
    transform: translate(0, 3.646308113vw);
  }
  [data-aos=ourbeer_div1_picture1] {
    transform: translate(0, 3.646308113vw);
  }
  [data-aos=ourbeer_div1_picture2] {
    transform: translate(0, 3.646308113vw);
  }
  #ourbeer {
    padding: 16.6818596171vw 0 23.7010027347vw;
  }
  #ourbeer > h2 {
    width: 53.2360984503vw;
    height: 31.7228805834vw;
    margin: 0 0 0 19.9635369189vw;
    padding: 18.5961713765vw 0 0 12.9443938013vw;
    font-size: 9.1157702826vw;
    line-height: 6.0164083865vw;
    background: url(/cms/img/soratoshiba/ourbeer01.svg) bottom left/53.2360984503vw no-repeat;
  }
  #ourbeer > div {
    width: 63.8103919781vw;
    margin: 36.4630811304vw auto 0;
    border-radius: 10.9389243391vw;
  }
  #ourbeer > div:nth-of-type(1) {
    margin: 28.7146763902vw auto 0;
    padding: 5.0136736554vw 0 30.7201458523vw;
  }
  #ourbeer > div:nth-of-type(1) > canvas {
    top: -49.4074749316vw;
    left: 13.2178669098vw;
  }
  #ourbeer > div:nth-of-type(1) > h3 {
    margin: 0 0 0 4.5578851413vw;
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(1) {
    margin: 48.1312670921vw auto 0;
    font-size: 2.5524156791vw;
    line-height: 5.1048313582vw;
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(2) {
    margin: 3.646308113vw auto 0;
    font-size: 2.5524156791vw;
    line-height: 5.1048313582vw;
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(3) {
    margin: 2.3701002735vw auto 0;
    padding: 2.5524156791vw 0 0;
    font-size: 2.5524156791vw;
    line-height: 3.646308113vw;
    border-top: solid 0.9115770283vw rgb(0, 0, 0);
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(4) {
    top: 148.5870556062vw;
    left: 2.2789425706vw;
    font-size: 11.6681859617vw;
    line-height: 7.839562443vw;
  }
  #ourbeer > div:nth-of-type(1) > img:nth-of-type(1) {
    width: 7.839562443vw;
    top: -16.77301732vw;
    left: 55.1504102097vw;
  }
  #ourbeer > div:nth-of-type(1) > img:nth-of-type(2) {
    width: 32.8167730173vw;
    top: 32.8167730173vw;
    left: 15.4968094804vw;
  }
  #ourbeer > div:nth-of-type(1) > img:nth-of-type(3) {
    width: 36.4630811304vw;
    top: 114.676390155vw;
    left: 28.4412032817vw;
  }
  #ourbeer > div:nth-of-type(1) > picture:nth-of-type(1) {
    width: 4.2844120328vw;
    top: -12.9443938013vw;
    left: 46.4904284412vw;
  }
  #ourbeer > div:nth-of-type(1) > picture:nth-of-type(2) {
    width: 7.9307201459vw;
    top: -9.2980856882vw;
    left: 36.645396536vw;
  }
  #ourbeer > div:nth-of-type(2) {
    padding: 5.0136736554vw 0 26.2534184139vw;
  }
  #ourbeer > div:nth-of-type(2) > canvas {
    top: -45.4876937101vw;
    left: 11.5770282589vw;
  }
  #ourbeer > div:nth-of-type(2) > h3 {
    margin: 0 0 0 4.5578851413vw;
  }
  #ourbeer > div:nth-of-type(2) > p:nth-of-type(1) {
    margin: 49.0428441203vw auto 0;
    font-size: 2.5524156791vw;
    line-height: 5.1048313582vw;
  }
  #ourbeer > div:nth-of-type(2) > p:nth-of-type(2) {
    margin: 3.646308113vw auto 0;
    padding: 2.643573382vw 0 0;
    font-size: 2.5524156791vw;
    line-height: 3.646308113vw;
    border-top: solid 0.9115770283vw rgb(0, 0, 0);
  }
  #ourbeer > div:nth-of-type(2) > p:nth-of-type(3) {
    top: 131.4494074749vw;
    left: 2.2789425706vw;
    font-size: 14.5852324521vw;
    line-height: 10.2096627165vw;
  }
  #ourbeer > div:nth-of-type(2) > img:nth-of-type(1) {
    width: 6.4721969006vw;
    top: -10.2096627165vw;
    left: 52.5068368277vw;
  }
  #ourbeer > div:nth-of-type(2) > img:nth-of-type(2) {
    width: 32.8167730173vw;
    top: 32.8167730173vw;
    left: 15.4968094804vw;
  }
  #ourbeer > div:nth-of-type(2) > img:nth-of-type(3) {
    width: 38.2862351869vw;
    top: 102.096627165vw;
    left: 27.7119416591vw;
  }
  #ourbeer > div:nth-of-type(2) > picture:nth-of-type(1) {
    width: 5.8340929809vw;
    top: -12.032816773vw;
    left: 42.935278031vw;
  }
  #ourbeer > div:nth-of-type(2) > picture:nth-of-type(2) {
    width: 9.1157702826vw;
    height: auto;
    top: -1.0938924339vw;
    left: 35.5515041021vw;
  }
  #ourbeer > div:nth-of-type(3) {
    padding: 7.5660893345vw 0 17.4111212397vw;
  }
  #ourbeer > div:nth-of-type(3) > canvas {
    top: -44.484958979vw;
    left: 17.0464904284vw;
  }
  #ourbeer > div:nth-of-type(3) > h3 {
    margin: 0 0 0 4.5578851413vw;
    font-size: 7.2926162261vw;
    line-height: 9.1157702826vw;
  }
  #ourbeer > div:nth-of-type(3) > p:nth-of-type(1) {
    margin: 49.8632634458vw auto 0;
    font-size: 2.5524156791vw;
    line-height: 5.1048313582vw;
  }
  #ourbeer > div:nth-of-type(3) > p:nth-of-type(2) {
    margin: 3.8286235187vw auto 0;
    padding: 2.5524156791vw 0 0;
    font-size: 2.5524156791vw;
    line-height: 3.646308113vw;
    border-top: solid 0.9115770283vw rgb(0, 0, 0);
  }
  #ourbeer > div:nth-of-type(3) > p:nth-of-type(3) {
    top: 131.9963536919vw;
    left: 2.2789425706vw;
    font-size: 13.6736554239vw;
    line-height: 9.5715587967vw;
  }
  #ourbeer > div:nth-of-type(3) > img:nth-of-type(1) {
    width: 5.742935278vw;
    top: -13.8559708295vw;
    left: 54.0565177758vw;
  }
  #ourbeer > div:nth-of-type(3) > img:nth-of-type(2) {
    width: 10.6654512306vw;
    top: -8.38650866vw;
    left: 42.1148587056vw;
  }
  #ourbeer > div:nth-of-type(3) > img:nth-of-type(3) {
    width: 32.8167730173vw;
    top: 42.5706472197vw;
    left: 15.4968094804vw;
  }
  #ourbeer > div:nth-of-type(3) > div {
    width: 48.8605287147vw;
    height: 70.1914311759vw;
    left: 35.3691886964vw;
  }
  #ourbeer > div:nth-of-type(3) > div > img {
    width: 24.4302643573vw;
    bottom: -17.9580674567vw;
  }
  #ourbeer > div > canvas {
    width: 71.1030082042vw;
    height: 71.1030082042vw;
  }
  #ourbeer > div > h3 {
    font-size: 10.2096627165vw;
    line-height: 10.9389243391vw;
  }
  #ourbeer > div > h3 small {
    font-size: 5.1048313582vw;
    line-height: 7.839562443vw;
  }
  #ourbeer > div > p {
    width: 60.1640838651vw;
  }
  [data-aos=can_a1] {
    transform: translate(0, 7.2926162261vw);
  }
  [data-aos=can_a2] {
    transform: translate(0, 7.2926162261vw);
  }
  [data-aos=can_a3] {
    transform: translate(0, 7.2926162261vw);
  }
  #can {
    padding: 12.7620783956vw 0 23.7010027347vw;
  }
  #can::before {
    height: 63.8103919781vw;
  }
  #can > svg {
    height: 22.7894257065vw;
    top: 44.9407474932vw;
  }
  #can > h2 {
    width: 56.5177757521vw;
    height: 38.1039197812vw;
    margin: 0 0 0 19.3254329991vw;
    padding: 23.9744758432vw 0 0 30.0820419325vw;
    font-size: 9.1157702826vw;
    line-height: 6.4721969006vw;
  }
  #can > img:nth-of-type(1) {
    width: 25.5241567912vw;
    top: 76.4813126709vw;
    left: 50.3190519599vw;
  }
  #can > img:nth-of-type(2) {
    width: 20.96627165vw;
    top: 67.000911577vw;
    left: 27.8942570647vw;
  }
  #can > h3 {
    width: 60.1640838651vw;
    margin: 65.5423883318vw auto 0;
    font-size: 8.9334548769vw;
    line-height: 10.2096627165vw;
  }
  #can > h3 small {
    font-size: 5.1048313582vw;
    line-height: 8.5688240656vw;
  }
  #can > p {
    width: 60.1640838651vw;
  }
  #can > p:nth-of-type(1) {
    margin: 2.9170464904vw auto 0;
    font-size: 2.5524156791vw;
    line-height: 5.1048313582vw;
  }
  #can > p:nth-of-type(2) {
    margin: 3.8286235187vw auto 0;
    padding: 2.5524156791vw 0 0;
    font-size: 2.5524156791vw;
    line-height: 3.646308113vw;
    border-top: solid 0.9115770283vw rgb(0, 0, 0);
  }
  #can > p:nth-of-type(3) {
    font-size: 2.5524156791vw;
    line-height: 3.646308113vw;
  }
  #can > a {
    width: 60.1640838651vw;
    height: 12.7620783956vw;
    margin: 3.646308113vw auto 0;
    padding: 0 15.9525979945vw 0 1.3673655424vw;
    font-size: 4.0109389243vw;
    background: rgba(255, 255, 255, 0.5) url(/cms/img/soratoshiba/can03.svg) center right 2.7347310848vw/13.1267092069vw no-repeat;
    border: solid max(0.1823154057vw, 1px) #009CDB;
    border-radius: 6.3810391978vw;
  }
  #can > a:nth-of-type(1) {
    margin: 16.3172288058vw auto 0;
  }
  #can > a:nth-of-type(2) {
    font-size: 3.646308113vw;
  }
  #can > a:nth-of-type(3) {
    font-size: 3.646308113vw;
  }
  #eventnews {
    padding: 0.0911577028vw 0 14.5852324521vw;
  }
  #eventnews > h2 {
    width: 69.7356426618vw;
    height: 43.6645396536vw;
    margin: -4.8313582498vw 0 0 9.6627164995vw;
    padding: 30.8113035552vw 0 0 12.6709206928vw;
    font-size: 9.1157702826vw;
    background: url(/cms/img/soratoshiba/eventnews01.svg) bottom left 0vw/69.7356426618vw no-repeat;
  }
  #eventnews > .splide {
    margin: 13.4913400182vw 0 0;
  }
  #eventnews > .splide .splide__slide {
    padding: 7.2926162261vw 0 0;
  }
  #eventnews > .splide .splide__slide > p:nth-of-type(1) {
    left: 1.4585232452vw;
    font-size: 2.5524156791vw;
    line-height: 1.9143117593vw;
  }
  #eventnews > .splide .splide__slide > p:nth-of-type(2) {
    right: 1.4585232452vw;
    font-size: 2.5524156791vw;
    line-height: 1.9143117593vw;
  }
  #eventnews > .splide .splide__slide > p:nth-of-type(3) {
    width: 100%;
    margin: 3.0082041933vw auto 0;
    font-size: 2.5524156791vw;
    line-height: 5.1048313582vw;
  }
  #eventnews > .splide .splide__slide > img {
    width: 45.5788514129vw;
    height: auto;
    border-radius: 8.6599817685vw;
  }
  #eventnews > .splide .splide__arrows {
    width: 25.7976298997vw;
    margin: 9.0246125798vw 0 0 54.8769371012vw;
  }
  #eventnews > .splide .splide__arrows .splide__arrow {
    width: 10.9389243391vw;
    height: 10.9389243391vw;
  }
  #eventnews > .splide .splide__arrows .splide__arrow img {
    width: 2.3701002735vw;
    height: auto;
  }
  #eventnews > a {
    width: 60.1640838651vw;
    height: 12.7620783956vw;
    margin: 9.1157702826vw auto 0;
    padding: 0 15.9525979945vw 0 1.3673655424vw;
    font-size: 4.0109389243vw;
    background: url(/cms/img/soratoshiba/can03.svg) center right 2.7347310848vw/13.1267092069vw no-repeat;
    border: solid max(0.1823154057vw, 1px) #009CDB;
    border-radius: 6.3810391978vw;
  }
  footer {
    padding: 11.8505013674vw 0 20.0546946217vw;
  }
  footer > h1 {
    width: 45.5788514129vw;
    margin: 0 0 0 27.7119416591vw;
  }
  footer > h2 {
    margin: 21.5132178669vw auto 0;
    font-size: 8.2041932543vw;
    line-height: 5.8340929809vw;
  }
  footer > p {
    width: 100%;
    margin: 4.1020966272vw auto 0;
    font-size: 2.7347310848vw;
    line-height: 2.5524156791vw;
  }
  footer > ul {
    width: 27.3473108478vw;
    margin: 10.5742935278vw auto 0;
  }
  footer > ul li {
    width: 9.1157702826vw;
  }
}
@media (min-width: 1025px) {
  @keyframes firstview_div1_h1_fadein {
    from {
      opacity: 0;
      transform: translate(-50.1165501166%, -27.1337047354%) scale(0.8335431235);
    }
    to {
      opacity: 1;
      transform: translate(-50.1165501166%, -40.9470752089%) scale(1);
    }
  }
  #firstview > div:nth-of-type(1) {
    background: url(/cms/img/soratoshiba/fv01_pc.jpg) bottom left/cover no-repeat;
  }
  #firstview > div:nth-of-type(1) > picture {
    width: 47.4305555556vw;
    transform: translate(-49.9267935578%, -53.3333333333%);
  }
  #firstview > div:nth-of-type(1) > h1 {
    width: 29.7916666667vw;
    height: auto;
    transform: translate(-50.1165501166%, -40.9470752089%);
  }
  #firstview > div:nth-of-type(2) {
    background: url(/cms/img/soratoshiba/fv04_pc.jpg) bottom center/cover no-repeat;
  }
  #firstview > div:nth-of-type(2) > img {
    width: max(9.6527777778vw, 18.0989583333dvh);
    top: 50%;
    left: 50%;
    transform: translate(max(11.8055555556vw, 22.1354166667dvh), max(-15.7638888889vw, -29.5572916667dvh));
  }
  #about {
    padding: 4.3055555556vw 0 12.9861111111vw;
    background: url(/cms/img/soratoshiba/about02_pc.png) bottom -2px left/contain no-repeat, url(/cms/img/soratoshiba/about01_pc.jpg) bottom center/contain repeat, rgb(0, 165, 234);
  }
  #about > img {
    width: 10.4166666667vw;
    top: 2.1527777778vw;
    left: 2.0833333333vw;
  }
  #about > h2 {
    margin: 0 0 0 13.8888888889vw;
    font-size: 3.4722222222vw;
    line-height: 2.5vw;
  }
  #about > h2 small {
    margin: 0 0 0 1.4583333333vw;
    font-size: 1.3888888889vw;
    line-height: 1.3194444444vw;
  }
  #about > picture {
    width: 36.1805555556vw;
    top: 3.9583333333vw;
    left: 61.1111111111vw;
  }
  #about > p:nth-of-type(1) {
    width: auto;
    height: auto;
    margin: 3.1944444444vw 0 0 13.8888888889vw;
    font-family: "zen-kaku-gothic-new", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.9444444444vw;
    line-height: 3.125vw;
    white-space: normal;
    text-indent: 0;
    color: #FFFFFF;
    background: none;
  }
  #about > p:nth-of-type(1) br {
    display: inline;
  }
  #about > p:nth-of-type(2) {
    width: 41.6666666667vw;
    margin: 1.5972222222vw 0 0 13.8888888889vw;
    font-size: 1.1111111111vw;
    line-height: 2.5vw;
  }
  #about > p:nth-of-type(3) {
    width: 41.6666666667vw;
    margin: 2.5vw 0 0 13.8888888889vw;
    font-size: 1.1111111111vw;
    line-height: 2.5vw;
  }
  #about > p:nth-of-type(4) {
    width: 41.6666666667vw;
    margin: 0 0 0 13.8888888889vw;
    font-size: 1.1111111111vw;
    line-height: 2.7777777778vw;
  }
  #about > p:nth-of-type(4) br:nth-of-type(1) {
    display: none;
  }
  #about > a {
    width: 27.7777777778vw;
    height: 5.5555555556vw;
    position: absolute;
    padding: 0 8.2638888889vw 0 0.7638888889vw;
    font-size: 1.5277777778vw;
    background: rgba(255, 255, 255, 0) url(/cms/img/soratoshiba/about04.svg) center right 1.4583333333vw/6.875vw no-repeat;
    border: solid max(0.0694444444vw, 1px) rgb(255, 255, 255);
    border-radius: 2.7777777778vw;
  }
  #about > a:hover {
    background: rgba(255, 255, 255, 0.25) url(/cms/img/soratoshiba/about04.svg) center right 1.4583333333vw/6.875vw no-repeat;
  }
  #about > a:nth-of-type(1) {
    top: 34.375vw;
    left: 61.1111111111vw;
    margin: 0;
  }
  #about > a:nth-of-type(2) {
    top: 41.5972222222vw;
    left: 61.1111111111vw;
    margin: 0;
    letter-spacing: 0;
  }
  #about > .splide {
    margin: 11.5972222222vw 0 0;
  }
  #about > .splide .splide__slide {
    border-radius: 4.0277777778vw;
  }
  @keyframes ourbeer_div1_img3 {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    1.4550% {
      transform: translate(-0.0361388889vw, -0.0722777778vw) rotate(-0.3903deg);
    }
    3.1605% {
      transform: translate(-0.1472916667vw, -0.2945833333vw) rotate(-1.59075deg);
    }
    12.8115% {
      transform: translate(-1.0311666667vw, -2.0623333333vw) rotate(-11.1366deg);
    }
    15.8515% {
      transform: translate(-1.2088055556vw, -2.4176111111vw) rotate(-13.0551deg);
    }
    19.0770% {
      transform: translate(-1.3288055556vw, -2.6576111111vw) rotate(-14.3511deg);
    }
    22.6575% {
      transform: translate(-1.398625vw, -2.79725vw) rotate(-15.10515deg);
    }
    27.0125% {
      transform: translate(-1.4269305556vw, -2.8538611111vw) rotate(-15.41085deg);
    }
    50.0000% {
      transform: translate(-1.3890833333vw, -2.7781666667vw) rotate(-15.0021deg);
    }
    51.4550% {
      transform: translate(-1.3529444444vw, -2.7058888889vw) rotate(-14.6118deg);
    }
    53.1605% {
      transform: translate(-1.2417916667vw, -2.4835833333vw) rotate(-13.41135deg);
    }
    62.8115% {
      transform: translate(-0.3579166667vw, -0.7158333333vw) rotate(-3.8655deg);
    }
    65.8515% {
      transform: translate(-0.1802777778vw, -0.3605555556vw) rotate(-1.947deg);
    }
    69.0770% {
      transform: translate(-0.0602777778vw, -0.1205555556vw) rotate(-0.651deg);
    }
    72.6575% {
      transform: translate(0.0095416667vw, 0.0190833333vw) rotate(0.10305deg);
    }
    77.0125% {
      transform: translate(0.0378472222vw, 0.0756944444vw) rotate(0.40875deg);
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  }
  @keyframes ourbeer_div2_img3 {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    1.4550% {
      transform: translate(-0.0939611111vw, -0.0487875vw) rotate(0.3903deg);
    }
    3.1605% {
      transform: translate(-0.3829583333vw, -0.19884375vw) rotate(1.59075deg);
    }
    12.8115% {
      transform: translate(-2.6810333333vw, -1.392075vw) rotate(11.1366deg);
    }
    15.8515% {
      transform: translate(-3.1428944444vw, -1.6318875vw) rotate(13.0551deg);
    }
    19.0770% {
      transform: translate(-3.4548944444vw, -1.7938875vw) rotate(14.3511deg);
    }
    22.6575% {
      transform: translate(-3.636425vw, -1.88814375vw) rotate(15.10515deg);
    }
    27.0125% {
      transform: translate(-3.7100194444vw, -1.92635625vw) rotate(15.41085deg);
    }
    50.0000% {
      transform: translate(-3.6116166667vw, -1.8752625vw) rotate(15.0021deg);
    }
    51.4550% {
      transform: translate(-3.5176555556vw, -1.826475vw) rotate(14.6118deg);
    }
    53.1605% {
      transform: translate(-3.2286583333vw, -1.67641875vw) rotate(13.41135deg);
    }
    62.8115% {
      transform: translate(-0.9305833333vw, -0.4831875vw) rotate(3.8655deg);
    }
    65.8515% {
      transform: translate(-0.4687222222vw, -0.243375vw) rotate(1.947deg);
    }
    69.0770% {
      transform: translate(-0.1567222222vw, -0.081375vw) rotate(0.651deg);
    }
    72.6575% {
      transform: translate(0.0248083333vw, 0.01288125vw) rotate(-0.10305deg);
    }
    77.0125% {
      transform: translate(0.0984027778vw, 0.05109375vw) rotate(-0.40875deg);
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  }
  @keyframes ourbeer_div3_div_img {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    1.4550% {
      transform: translate(-0.1066097222vw, 0.0271041667vw) rotate(0.3903deg);
    }
    3.1605% {
      transform: translate(-0.4345104167vw, 0.11046875vw) rotate(1.59075deg);
    }
    12.8115% {
      transform: translate(-3.0419416667vw, 0.773375vw) rotate(11.1366deg);
    }
    15.8515% {
      transform: translate(-3.5659763889vw, 0.9066041667vw) rotate(13.0551deg);
    }
    19.0770% {
      transform: translate(-3.9199763889vw, 0.9966041667vw) rotate(14.3511deg);
    }
    22.6575% {
      transform: translate(-4.12594375vw, 1.04896875vw) rotate(15.10515deg);
    }
    27.0125% {
      transform: translate(-4.2094451389vw, 1.0701979167vw) rotate(15.41085deg);
    }
    50.0000% {
      transform: translate(-4.0977958333vw, 1.0418125vw) rotate(15.0021deg);
    }
    51.4550% {
      transform: translate(-3.9911861111vw, 1.0147083333vw) rotate(14.6118deg);
    }
    53.1605% {
      transform: translate(-3.6632854167vw, 0.93134375vw) rotate(13.41135deg);
    }
    62.8115% {
      transform: translate(-1.0558541667vw, 0.2684375vw) rotate(3.8655deg);
    }
    65.8515% {
      transform: translate(-0.5318194444vw, 0.1352083333vw) rotate(1.947deg);
    }
    69.0770% {
      transform: translate(-0.1778194444vw, 0.0452083333vw) rotate(0.651deg);
    }
    72.6575% {
      transform: translate(0.0281479167vw, -0.00715625vw) rotate(-0.10305deg);
    }
    77.0125% {
      transform: translate(0.1116493056vw, -0.0283854167vw) rotate(-0.40875deg);
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  }
  #ourbeer {
    padding: 3.4027777778vw 0 12.7777777778vw;
  }
  #ourbeer > h2 {
    width: 20.2083333333vw;
    height: 12.0833333333vw;
    margin: 0 0 0 9.3055555556vw;
    padding: 7.0833333333vw 0 0 4.9305555556vw;
    font-size: 3.4722222222vw;
    line-height: 2.3611111111vw;
    background: url(/cms/img/soratoshiba/ourbeer01.svg) bottom left/20.2083333333vw no-repeat;
  }
  #ourbeer > div {
    width: 55.5555555556vw;
    border-radius: 4.1666666667vw;
  }
  #ourbeer > div:nth-of-type(1) {
    margin: 6.25vw auto 0;
    padding: 2.9166666667vw 0 4.5138888889vw;
  }
  #ourbeer > div:nth-of-type(1) > canvas {
    top: -31.25vw;
    left: 19.8611111111vw;
  }
  #ourbeer > div:nth-of-type(1) > h3 {
    margin: 0 0 0 9.7222222222vw;
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(1) {
    margin: 1.875vw 0 0 9.7222222222vw;
    font-size: 1.1111111111vw;
    line-height: 2.5vw;
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(2) {
    margin: 0.3472222222vw 0 0 9.7222222222vw;
    font-size: 0.9722222222vw;
    line-height: 1.9444444444vw;
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(2) br:nth-of-type(1) {
    display: none;
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(3) {
    margin: 1.8055555556vw 0 0 9.7222222222vw;
    padding: 1.0416666667vw 0 0;
    font-size: 1.1805555556vw;
    line-height: 1.9444444444vw;
    border-top: solid 0.3472222222vw rgb(0, 0, 0);
  }
  #ourbeer > div:nth-of-type(1) > p:nth-of-type(4) {
    width: auto;
    top: 31.4583333333vw;
    left: 21.5277777778vw;
    font-size: 9.0277777778vw;
    line-height: 6.3888888889vw;
    white-space: nowrap;
  }
  #ourbeer > div:nth-of-type(1) > img:nth-of-type(1) {
    display: none;
  }
  #ourbeer > div:nth-of-type(1) > img:nth-of-type(2) {
    width: 25vw;
    top: 10.9027777778vw;
    left: -16.3888888889vw;
  }
  #ourbeer > div:nth-of-type(1) > img:nth-of-type(3) {
    width: 22.4305555556vw;
    top: 11.875vw;
    left: 47.8472222222vw;
    z-index: 1;
  }
  #ourbeer > div:nth-of-type(1) > picture:nth-of-type(1) {
    width: 4.2361111111vw;
    top: 0;
    left: 49.0277777778vw;
  }
  #ourbeer > div:nth-of-type(1) > picture:nth-of-type(2) {
    width: 8.125vw;
    top: 1.5972222222vw;
    left: 40.4166666667vw;
  }
  #ourbeer > div:nth-of-type(2) {
    margin: 16.1805555556vw auto 0;
    padding: 2.9861111111vw 0 4.5833333333vw;
  }
  #ourbeer > div:nth-of-type(2) > canvas {
    top: -34.5138888889vw;
    left: -25.6944444444vw;
  }
  #ourbeer > div:nth-of-type(2) > h3 {
    margin: 0 0 0 12.8472222222vw;
  }
  #ourbeer > div:nth-of-type(2) > p:nth-of-type(1) {
    margin: 1.875vw 0 0 12.8472222222vw;
    font-size: 1.1111111111vw;
    line-height: 2.5vw;
  }
  #ourbeer > div:nth-of-type(2) > p:nth-of-type(2) {
    margin: 4.0277777778vw 0 0 12.8472222222vw;
    padding: 0.9722222222vw 0 0;
    font-size: 1.1805555556vw;
    line-height: 1.9444444444vw;
    border-top: solid 0.3472222222vw rgb(0, 0, 0);
  }
  #ourbeer > div:nth-of-type(2) > p:nth-of-type(3) {
    width: auto;
    top: 31.4583333333vw;
    left: -0.6944444444vw;
    font-size: 9.0277777778vw;
    line-height: 6.3888888889vw;
    white-space: nowrap;
  }
  #ourbeer > div:nth-of-type(2) > img:nth-of-type(1) {
    display: none;
  }
  #ourbeer > div:nth-of-type(2) > img:nth-of-type(2) {
    width: 25vw;
    top: 10.5555555556vw;
    left: 49.0277777778vw;
  }
  #ourbeer > div:nth-of-type(2) > img:nth-of-type(3) {
    width: 24.0972222222vw;
    top: 15.4166666667vw;
    left: -14.7916666667vw;
    z-index: 1;
  }
  #ourbeer > div:nth-of-type(2) > picture:nth-of-type(1) {
    width: 2.6388888889vw;
    top: -1.9444444444vw;
    left: 1.4583333333vw;
  }
  #ourbeer > div:nth-of-type(2) > picture:nth-of-type(2) {
    width: 9.375vw;
    top: -1.0416666667vw;
    left: -5.6944444444vw;
  }
  #ourbeer > div:nth-of-type(3) {
    margin: 13.8888888889vw auto 0;
    padding: 3.8888888889vw 0 4.5833333333vw;
  }
  #ourbeer > div:nth-of-type(3) > canvas {
    top: -27.0138888889vw;
    left: 19.5833333333vw;
  }
  #ourbeer > div:nth-of-type(3) > img:nth-of-type(1) {
    width: 2.5vw;
    top: 3.2638888889vw;
    left: 47.3611111111vw;
  }
  #ourbeer > div:nth-of-type(3) > img:nth-of-type(2) {
    width: 4.7222222222vw;
    top: 7.9166666667vw;
    left: 42.7777777778vw;
  }
  #ourbeer > div:nth-of-type(3) > img:nth-of-type(3) {
    width: 25vw;
    top: 11.9444444444vw;
    left: -16.3888888889vw;
  }
  #ourbeer > div:nth-of-type(3) > h3 {
    margin: 0 0 0 9.7222222222vw;
    font-size: 3.125vw;
    line-height: 3.8888888889vw;
  }
  #ourbeer > div:nth-of-type(3) > p:nth-of-type(1) {
    margin: 1.6666666667vw 0 0 9.7222222222vw;
    font-size: 1.1111111111vw;
    line-height: 2.5vw;
  }
  #ourbeer > div:nth-of-type(3) > p:nth-of-type(2) {
    margin: 0.5555555556vw 0 0 9.7222222222vw;
    padding: 0.9722222222vw 0 0;
    font-size: 1.1805555556vw;
    line-height: 1.9444444444vw;
    border-top: solid 0.3472222222vw rgb(0, 0, 0);
  }
  #ourbeer > div:nth-of-type(3) > p:nth-of-type(3) {
    width: auto;
    top: 31.4583333333vw;
    bottom: auto;
    left: 27.0833333333vw;
    font-size: 9.0277777778vw;
    line-height: 6.3888888889vw;
    white-space: nowrap;
  }
  #ourbeer > div:nth-of-type(3) > div {
    width: 29.8611111111vw;
    height: 44.7222222222vw;
    top: -7.0138888889vw;
    left: 48.9583333333vw;
  }
  #ourbeer > div:nth-of-type(3) > div > img {
    width: 13.8194444444vw;
    bottom: -7.9166666667vw;
    left: 0vw;
  }
  #ourbeer > div > canvas {
    width: 55.5555555556vw;
    height: 55.5555555556vw;
  }
  #ourbeer > div > h3 {
    width: 32.9861111111vw;
    font-size: 4.8611111111vw;
    line-height: 4.4444444444vw;
  }
  #ourbeer > div > h3 small {
    font-size: 2.7777777778vw;
    line-height: 3.3333333333vw;
  }
  #ourbeer > div > p {
    width: 32.9861111111vw;
  }
  [data-aos=can_a1] {
    transform: translate(0, 2.0833333333vw);
    transition: opacity var(--spring-duration) var(--spring-easing), transform var(--spring-duration) var(--spring-easing), background-color var(--spring-duration) var(--spring-easing) !important;
  }
  [data-aos=can_a2] {
    transform: translate(0, 2.0833333333vw);
    transition: opacity var(--spring-duration) var(--spring-easing) 300ms, transform var(--spring-duration) var(--spring-easing) 300ms, background-color var(--spring-duration) var(--spring-easing) !important;
  }
  [data-aos=can_a3] {
    transform: translate(0, 2.0833333333vw);
    transition: opacity var(--spring-duration) var(--spring-easing) 600ms, transform var(--spring-duration) var(--spring-easing) 600ms, background-color var(--spring-duration) var(--spring-easing) !important;
  }
  #can {
    padding: 3.4722222222vw 0 8.8888888889vw;
  }
  #can::before {
    height: 27.0833333333vw;
  }
  #can > svg {
    height: 20.8333333333vw;
    top: 7.2916666667vw;
  }
  #can > h2 {
    width: 21.5277777778vw;
    height: 14.5138888889vw;
    margin: 0 0 0 4.3055555556vw;
    padding: 9.1666666667vw 0 0 11.4583333333vw;
    font-size: 3.4722222222vw;
    line-height: 2.4305555556vw;
    background: url(/cms/img/soratoshiba/can01.svg) bottom left/21.5277777778vw no-repeat;
  }
  #can > img:nth-of-type(1) {
    width: 18.5416666667vw;
    top: 30.4166666667vw;
    left: 67.5vw;
  }
  #can > img:nth-of-type(2) {
    width: 14.5833333333vw;
    top: 24.3055555556vw;
    left: 55.5555555556vw;
  }
  #can > h3 {
    width: 34.7222222222vw;
    margin: 4.5138888889vw 0 0 13.8888888889vw;
    font-size: 4.8611111111vw;
    line-height: 4.4444444444vw;
  }
  #can > h3 small {
    font-size: 2.7777777778vw;
    line-height: 3.8888888889vw;
  }
  #can > p {
    width: 34.7222222222vw;
  }
  #can > p:nth-of-type(1) {
    margin: 1.5277777778vw 0 0 13.8888888889vw;
    font-size: 1.1111111111vw;
    line-height: 2.5vw;
  }
  #can > p:nth-of-type(2) {
    margin: 1.9444444444vw 0 0 13.8888888889vw;
    padding: 1.0416666667vw 0 0;
    font-size: 1.1805555556vw;
    line-height: 1.9444444444vw;
    border-top: solid 0.3472222222vw rgb(0, 0, 0);
  }
  #can > p:nth-of-type(3) {
    margin: -5.8333333333vw 0 0 35.625vw;
    font-size: 1.1805555556vw;
    line-height: 1.9444444444vw;
  }
  #can > a {
    width: 29.0277777778vw;
    height: 5.5555555556vw;
    padding: 0 8.75vw 0 0.4861111111vw;
    font-size: 1.5277777778vw;
    background: rgba(255, 255, 255, 0.5) url(/cms/img/soratoshiba/can03.svg) center right 1.875vw/6.875vw no-repeat;
    border: solid max(0.0694444444vw, 1px) #009CDB;
    border-radius: 2.7777777778vw;
  }
  #can > a:hover {
    background: rgba(255, 255, 255, 0.75) url(/cms/img/soratoshiba/can03.svg) center right 1.875vw/6.875vw no-repeat;
  }
  #can > a:nth-of-type(1) {
    margin: 5.5555555556vw 0 0 18.5416666667vw;
  }
  #can > a:nth-of-type(2) {
    margin: -5.5555555556vw 0 0 52.3611111111vw;
    font-size: 1.5277777778vw;
    letter-spacing: 0;
  }
  #can > a:nth-of-type(3) {
    margin: 2.7777777778vw auto 0;
    font-size: 1.5277777778vw;
  }
  #eventnews {
    padding: 0.0694444444vw 0 8.1944444444vw;
  }
  #eventnews > h2 {
    width: 27.5694444444vw;
    height: 16.6666666667vw;
    margin: -1.875vw 0 0 9.0277777778vw;
    padding: 10.4166666667vw 0 0 4.8611111111vw;
    font-size: 3.4722222222vw;
    line-height: 2.3611111111vw;
    background: url(/cms/img/soratoshiba/eventnews01.svg) bottom left/26.6666666667vw no-repeat;
  }
  #eventnews > h2 br {
    display: none;
  }
  #eventnews > .splide {
    margin: 8.8888888889vw 0 0;
  }
  #eventnews > .splide .splide__slide {
    padding: 2.7777777778vw 0 0;
  }
  #eventnews > .splide .splide__slide > p:nth-of-type(1) {
    top: 0;
    left: 0.5555555556vw;
    font-size: 0.9722222222vw;
    line-height: 1.9444444444vw;
  }
  #eventnews > .splide .splide__slide > p:nth-of-type(2) {
    top: 0;
    right: 0.5555555556vw;
    font-size: 0.9722222222vw;
    line-height: 1.9444444444vw;
  }
  #eventnews > .splide .splide__slide > p:nth-of-type(3) {
    width: 100%;
    margin: 1.5277777778vw auto 0;
    font-size: 0.9722222222vw;
    line-height: 1.9444444444vw;
  }
  #eventnews > .splide .splide__slide > img {
    width: 20.8333333333vw;
    border-radius: 4.1666666667vw;
  }
  #eventnews > .splide .splide__arrows {
    width: 14.7222222222vw;
    margin: 5.1388888889vw 0 0 71.3888888889vw;
  }
  #eventnews > .splide .splide__arrows .splide__arrow {
    width: 6.25vw;
    height: 6.25vw;
    cursor: pointer;
  }
  #eventnews > .splide .splide__arrows .splide__arrow img {
    width: 1.3888888889vw;
  }
  #eventnews > .splide .splide__arrows .splide__arrow--prev img {
    transform: scale(-1, 1);
  }
  #eventnews > a {
    width: 27.7777777778vw;
    height: 5.5555555556vw;
    margin: 4.0277777778vw auto 0;
    padding: 0 8.2638888889vw 0 0.7638888889vw;
    font-size: 1.5277777778vw;
    background: url(/cms/img/soratoshiba/can03.svg) center right 1.4583333333vw/6.875vw no-repeat;
    border: solid max(0.0694444444vw, 1px) #009CDB;
    border-radius: 2.7777777778vw;
    transition: background-color var(--spring-duration) var(--spring-easing);
  }
  #eventnews > a:hover {
    background: #BBE9FE url(/cms/img/soratoshiba/can03.svg) center right 1.4583333333vw/6.875vw no-repeat;
  }
  footer {
    padding: 7.2222222222vw 0 10.3472222222vw;
  }
  footer > h1 {
    width: 17.3611111111vw;
    margin: 0 auto;
  }
  footer > h2 {
    margin: 6.0416666667vw auto 0;
    font-size: 4.1666666667vw;
    line-height: 4.8611111111vw;
  }
  footer > p {
    margin: 0 auto;
    font-size: 1.25vw;
    line-height: 2.6388888889vw;
  }
  footer > ul {
    width: 10.4166666667vw;
    margin: 2.9861111111vw auto 0;
  }
  footer > ul li {
    width: 3.4722222222vw;
  }
}
/*css競合のため追記by yohobrewing*/
.contentsHome {
  overflow: visible !important;
}
/*css競合のため追記by yohobrewing*/
.footer-wrap {
  margin-top: 0 !important;
}