@charset "UTF-8";
.w--8 {
  width: 8px !important;
}

.w--16 {
  width: 16px !important;
}

.w--24 {
  width: 24px !important;
}

.w--32 {
  width: 32px !important;
}

.w--40 {
  width: 40px !important;
}

.w--48 {
  width: 48px !important;
}

.w--56 {
  width: 56px !important;
}

.w--64 {
  width: 64px !important;
}

.w--72 {
  width: 72px !important;
}

.w--80 {
  width: 80px !important;
}

.w--88 {
  width: 88px !important;
}

.w--96 {
  width: 96px !important;
}

.w--104 {
  width: 104px !important;
}

.w--112 {
  width: 112px !important;
}

.w--120 {
  width: 120px !important;
}

.w--128 {
  width: 128px !important;
}

.w--136 {
  width: 136px !important;
}

.w--144 {
  width: 144px !important;
}

.w--152 {
  width: 152px !important;
}

.w--160 {
  width: 160px !important;
}

.w--168 {
  width: 168px !important;
}

.w--176 {
  width: 176px !important;
}

.w--184 {
  width: 184px !important;
}

.w--192 {
  width: 192px !important;
}

.w--200 {
  width: 200px !important;
}

.w--208 {
  width: 208px !important;
}

.w--216 {
  width: 216px !important;
}

.w--224 {
  width: 224px !important;
}

.w--232 {
  width: 232px !important;
}

.w--240 {
  width: 240px !important;
}

.w--248 {
  width: 248px !important;
}

.w--256 {
  width: 256px !important;
}

.w--264 {
  width: 264px !important;
}

.w--272 {
  width: 272px !important;
}

.w--280 {
  width: 280px !important;
}

.w--288 {
  width: 288px !important;
}

.w--296 {
  width: 296px !important;
}

.w--304 {
  width: 304px !important;
}

.w--312 {
  width: 312px !important;
}

.w--320 {
  width: 320px !important;
}

.w--328 {
  width: 328px !important;
}

.w--336 {
  width: 336px !important;
}

.w--344 {
  width: 344px !important;
}

.w--352 {
  width: 352px !important;
}

.w--360 {
  width: 360px !important;
}

.w--368 {
  width: 368px !important;
}

.w--376 {
  width: 376px !important;
}

.w--384 {
  width: 384px !important;
}

.w--392 {
  width: 392px !important;
}

.w--400 {
  width: 400px !important;
}

.w--408 {
  width: 408px !important;
}

.w--416 {
  width: 416px !important;
}

.w--424 {
  width: 424px !important;
}

.w--432 {
  width: 432px !important;
}

.w--440 {
  width: 440px !important;
}

.w--448 {
  width: 448px !important;
}

.w--456 {
  width: 456px !important;
}

.w--464 {
  width: 464px !important;
}

.w--472 {
  width: 472px !important;
}

.w--480 {
  width: 480px !important;
}

.w--488 {
  width: 488px !important;
}

.w--496 {
  width: 496px !important;
}

.w--504 {
  width: 504px !important;
}

.w--512 {
  width: 512px !important;
}

.w--520 {
  width: 520px !important;
}

.w--528 {
  width: 528px !important;
}

.w--536 {
  width: 536px !important;
}

.w--544 {
  width: 544px !important;
}

.w--552 {
  width: 552px !important;
}

.w--560 {
  width: 560px !important;
}

.w--568 {
  width: 568px !important;
}

.w--576 {
  width: 576px !important;
}

.w--584 {
  width: 584px !important;
}

.w--592 {
  width: 592px !important;
}

.w--600 {
  width: 600px !important;
}

.w--608 {
  width: 608px !important;
}

.w--616 {
  width: 616px !important;
}

.w--624 {
  width: 624px !important;
}

.w--632 {
  width: 632px !important;
}

.w--640 {
  width: 640px !important;
}

.w--648 {
  width: 648px !important;
}

.w--656 {
  width: 656px !important;
}

.w--664 {
  width: 664px !important;
}

.w--672 {
  width: 672px !important;
}

.w--680 {
  width: 680px !important;
}

.w--688 {
  width: 688px !important;
}

.w--696 {
  width: 696px !important;
}

.w--704 {
  width: 704px !important;
}

.w--712 {
  width: 712px !important;
}

.w--720 {
  width: 720px !important;
}

.w--728 {
  width: 728px !important;
}

.w--736 {
  width: 736px !important;
}

.w--744 {
  width: 744px !important;
}

.w--752 {
  width: 752px !important;
}

.w--760 {
  width: 760px !important;
}

.w--768 {
  width: 768px !important;
}

.w--776 {
  width: 776px !important;
}

.w--784 {
  width: 784px !important;
}

.w--792 {
  width: 792px !important;
}

.w--800 {
  width: 800px !important;
}

.w--808 {
  width: 808px !important;
}

.w--816 {
  width: 816px !important;
}

.w--824 {
  width: 824px !important;
}

.w--832 {
  width: 832px !important;
}

.w--840 {
  width: 840px !important;
}

.w--848 {
  width: 848px !important;
}

.w--856 {
  width: 856px !important;
}

.w--864 {
  width: 864px !important;
}

.w--872 {
  width: 872px !important;
}

.w--880 {
  width: 880px !important;
}

.w--888 {
  width: 888px !important;
}

.w--896 {
  width: 896px !important;
}

.w--904 {
  width: 904px !important;
}

.w--912 {
  width: 912px !important;
}

.w--920 {
  width: 920px !important;
}

.w--928 {
  width: 928px !important;
}

.w--936 {
  width: 936px !important;
}

.w--944 {
  width: 944px !important;
}

.w--952 {
  width: 952px !important;
}

.w--960 {
  width: 960px !important;
}

.w--968 {
  width: 968px !important;
}

.w--976 {
  width: 976px !important;
}

.w--984 {
  width: 984px !important;
}

.w--992 {
  width: 992px !important;
}

.w--1000 {
  width: 1000px !important;
}

.w--1008 {
  width: 1008px !important;
}

.w--1016 {
  width: 1016px !important;
}

.w--1024 {
  width: 1024px !important;
}

.w--1032 {
  width: 1032px !important;
}

.w--1040 {
  width: 1040px !important;
}

.w--1048 {
  width: 1048px !important;
}

.w--1056 {
  width: 1056px !important;
}

.w--1064 {
  width: 1064px !important;
}

.w--1072 {
  width: 1072px !important;
}

.w--1080 {
  width: 1080px !important;
}

.w--1088 {
  width: 1088px !important;
}

.w--1096 {
  width: 1096px !important;
}

.w--1104 {
  width: 1104px !important;
}

.w--1112 {
  width: 1112px !important;
}

.w--1120 {
  width: 1120px !important;
}

.w--1128 {
  width: 1128px !important;
}

.w--1136 {
  width: 1136px !important;
}

.w--1144 {
  width: 1144px !important;
}

.w--1152 {
  width: 1152px !important;
}

.w--1160 {
  width: 1160px !important;
}

.w--1168 {
  width: 1168px !important;
}

.w--1176 {
  width: 1176px !important;
}

.w--1184 {
  width: 1184px !important;
}

.w--1192 {
  width: 1192px !important;
}

.w--1200 {
  width: 1200px !important;
}

.w--1208 {
  width: 1208px !important;
}

.w--1216 {
  width: 1216px !important;
}

.w--1224 {
  width: 1224px !important;
}

.w--1232 {
  width: 1232px !important;
}

.w--1240 {
  width: 1240px !important;
}

.w--1248 {
  width: 1248px !important;
}

.w--1256 {
  width: 1256px !important;
}

.w--1264 {
  width: 1264px !important;
}

.w--1272 {
  width: 1272px !important;
}

.w--1280 {
  width: 1280px !important;
}

.fs--1 {
  font-size: 1px !important;
}

.fs--2 {
  font-size: 2px !important;
}

.fs--3 {
  font-size: 3px !important;
}

.fs--4 {
  font-size: 4px !important;
}

.fs--5 {
  font-size: 5px !important;
}

.fs--6 {
  font-size: 6px !important;
}

.fs--7 {
  font-size: 7px !important;
}

.fs--8 {
  font-size: 8px !important;
}

.fs--9 {
  font-size: 9px !important;
}

.fs--10 {
  font-size: 10px !important;
}

.fs--11 {
  font-size: 11px !important;
}

.fs--12 {
  font-size: 12px !important;
}

.fs--13 {
  font-size: 13px !important;
}

.fs--14 {
  font-size: 14px !important;
}

.fs--15 {
  font-size: 15px !important;
}

.fs--16 {
  font-size: 16px !important;
}

.fs--17 {
  font-size: 17px !important;
}

.fs--18 {
  font-size: 18px !important;
}

.fs--19 {
  font-size: 19px !important;
}

.fs--20 {
  font-size: 20px !important;
}

.fs--21 {
  font-size: 21px !important;
}

.fs--22 {
  font-size: 22px !important;
}

.fs--23 {
  font-size: 23px !important;
}

.fs--24 {
  font-size: 24px !important;
}

.fs--25 {
  font-size: 25px !important;
}

.fs--26 {
  font-size: 26px !important;
}

.fs--27 {
  font-size: 27px !important;
}

.fs--28 {
  font-size: 28px !important;
}

.fs--29 {
  font-size: 29px !important;
}

.fs--30 {
  font-size: 30px !important;
}

.fs--31 {
  font-size: 31px !important;
}

.fs--32 {
  font-size: 32px !important;
}

.fs--33 {
  font-size: 33px !important;
}

.fs--34 {
  font-size: 34px !important;
}

.fs--35 {
  font-size: 35px !important;
}

.fs--36 {
  font-size: 36px !important;
}

.fs--37 {
  font-size: 37px !important;
}

.fs--38 {
  font-size: 38px !important;
}

.fs--39 {
  font-size: 39px !important;
}

.fs--40 {
  font-size: 40px !important;
}

.fs--41 {
  font-size: 41px !important;
}

.fs--42 {
  font-size: 42px !important;
}

.fs--43 {
  font-size: 43px !important;
}

.fs--44 {
  font-size: 44px !important;
}

.fs--45 {
  font-size: 45px !important;
}

.fs--46 {
  font-size: 46px !important;
}

.fs--47 {
  font-size: 47px !important;
}

.fs--48 {
  font-size: 48px !important;
}

.fs--49 {
  font-size: 49px !important;
}

.fs--50 {
  font-size: 50px !important;
}

.fs--51 {
  font-size: 51px !important;
}

.fs--52 {
  font-size: 52px !important;
}

.fs--53 {
  font-size: 53px !important;
}

.fs--54 {
  font-size: 54px !important;
}

.fs--55 {
  font-size: 55px !important;
}

.fs--56 {
  font-size: 56px !important;
}

.fs--57 {
  font-size: 57px !important;
}

.fs--58 {
  font-size: 58px !important;
}

.fs--59 {
  font-size: 59px !important;
}

.fs--60 {
  font-size: 60px !important;
}

.fs--61 {
  font-size: 61px !important;
}

.fs--62 {
  font-size: 62px !important;
}

.fs--63 {
  font-size: 63px !important;
}

.fs--64 {
  font-size: 64px !important;
}

.fs--0p1rem {
  font-size: 0.1rem !important;
}

.fs--0p2rem {
  font-size: 0.2rem !important;
}

.fs--0p3rem {
  font-size: 0.3rem !important;
}

.fs--0p4rem {
  font-size: 0.4rem !important;
}

.fs--0p5rem {
  font-size: 0.5rem !important;
}

.fs--0p6rem {
  font-size: 0.6rem !important;
}

.fs--0p7rem {
  font-size: 0.7rem !important;
}

.fs--0p8rem {
  font-size: 0.8rem !important;
}

.fs--0p9rem {
  font-size: 0.9rem !important;
}

.fs--1rem {
  font-size: 1rem !important;
}

.fs--1p1rem {
  font-size: 1.1rem !important;
}

.fs--1p2rem {
  font-size: 1.2rem !important;
}

.fs--1p3rem {
  font-size: 1.3rem !important;
}

.fs--1p4rem {
  font-size: 1.4rem !important;
}

.fs--1p5rem {
  font-size: 1.5rem !important;
}

.fs--1p6rem {
  font-size: 1.6rem !important;
}

.fs--1p7rem {
  font-size: 1.7rem !important;
}

.fs--1p8rem {
  font-size: 1.8rem !important;
}

.fs--1p9rem {
  font-size: 1.9rem !important;
}

.fs--2rem {
  font-size: 2rem !important;
}

.fs--2p1rem {
  font-size: 2.1rem !important;
}

.fs--2p2rem {
  font-size: 2.2rem !important;
}

.fs--2p3rem {
  font-size: 2.3rem !important;
}

.fs--2p4rem {
  font-size: 2.4rem !important;
}

.fs--2p5rem {
  font-size: 2.5rem !important;
}

.fs--2p6rem {
  font-size: 2.6rem !important;
}

.fs--2p7rem {
  font-size: 2.7rem !important;
}

.fs--2p8rem {
  font-size: 2.8rem !important;
}

.fs--2p9rem {
  font-size: 2.9rem !important;
}

.fs--3rem {
  font-size: 3rem !important;
}

.fs--3p1rem {
  font-size: 3.1rem !important;
}

.fs--3p2rem {
  font-size: 3.2rem !important;
}

.fs--3p3rem {
  font-size: 3.3rem !important;
}

.fs--3p4rem {
  font-size: 3.4rem !important;
}

.fs--3p5rem {
  font-size: 3.5rem !important;
}

.fs--3p6rem {
  font-size: 3.6rem !important;
}

.fs--3p7rem {
  font-size: 3.7rem !important;
}

.fs--3p8rem {
  font-size: 3.8rem !important;
}

.fs--3p9rem {
  font-size: 3.9rem !important;
}

.fs--4rem {
  font-size: 4rem !important;
}

/******************
 *
 * カスタムボタン
 *
 ******************/
.button-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #737373;
  border-radius: 5px;
  background-color: #fff;
  color: #737373;
  font-size: 1em;
  width: 250px;
  padding: 0.9em 2em;
}
.button-1:disabled {
  background-color: #DDD;
}
.button-1::after {
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  margin-left: 10px;
  border-top: 2px solid #737373;
  border-right: 2px solid #737373;
  content: "";
}

.button-2__blue {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #1679bb;
  border-radius: 5px;
  background-color: #1679bb;
  color: #FFF;
  font-size: 1em;
}
.button-2__blue:active {
  border: 1px solid #DDD;
  background-color: #DDD;
}

.button-2__black {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #242424;
  border-radius: 5px;
  background-color: #242424;
  color: #FFF;
  font-size: 1em;
}
.button-2__black:active {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #242424;
}

.button-2__white {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 5px;
  background-color: #ffffff;
  color: #555;
  font-size: 1em;
}
.button-2__white:active {
  border: 1px solid #ccc;
  background-color: #ccc;
}

.button-2__red {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #EA5755;
  border-radius: 5px;
  background-color: #EA5755;
  color: #FFF;
  font-size: 1em;
}
.button-2__red:active {
  border: 1px solid #DDD;
  background-color: #DDD;
}

.button-2__yellow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #F7D667;
  border-radius: 5px;
  background-color: #F7D667;
  color: #FFF;
  font-size: 1em;
}
.button-2__yellow:active {
  border: 1px solid #DDD;
  background-color: #DDD;
  color: #F7D667;
}

.button-2__darkgray {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  border: 1px solid #6b6b6b;
  border-radius: 5px;
  background-color: #6b6b6b;
  color: #FFF;
  font-size: 1em;
}
.button-2__darkgray:active {
  border: 1px solid #DDD;
  background-color: #DDD;
  color: #6b6b6b;
}

/** トグル **/
.toggle-button-2 {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 16px;
  border-radius: 16px;
  border: 2px solid #dddddd;
  box-sizing: content-box;
  cursor: pointer;
  transition: border-color 0.4s;
}
.toggle-button-2:has(:checked) {
  border-color: #f7d667;
}
.toggle-button-2::after {
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #dddddd;
  content: "";
  transition: left 0.4s;
}
.toggle-button-2:has(:checked)::after {
  left: 18px;
  background-color: #f7d667;
}
.toggle-button-2 input {
  display: none;
}

.image-container {
  background-color: #EEE;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain; /* アスペクト比を維持してフィット */
  background-color: #EEE; /* 画像の背景色（透明部分用） */
}/*# sourceMappingURL=style.css.map */