:root {
  --size-5: 5px;
  --size-10: 10px;
  --size-15: 15px;
  --size-20: 20px;
  --size-25: 25px;
  --size-30: 30px;
  --size-35: 35px;
  --size-40: 40px;
  --size-45: 45px;
  --size-50: 50px;
  --size-55: 55px;
  --size-60: 60px;
  --size-65: 65px;
  --size-70: 70px;
  --size-75: 75px;
  --size-80: 80px;
  --size-85: 85px;
  --size-90: 90px;
  --size-95: 95px;
  --size-100: 100px;
  --size-105: 105px;
  --size-110: 110px;
  --size-115: 115px;
  --size-120: 120px;
  --size-125: 125px;
  --size-130: 130px;
  --size-135: 135px;
  --size-140: 140px;
  --size-145: 145px;
  --size-150: 150px;
  --size-155: 155px;
  --size-160: 160px;
  --size-165: 165px;
  --size-170: 170px;
  --size-175: 175px;
  --size-180: 180px;
  --size-185: 185px;
  --size-190: 190px;
  --size-195: 195px;
  --size-200: 200px;
  --size-205: 205px;
  --size-210: 210px;
  --size-215: 215px;
  --size-220: 220px;
  --size-225: 225px;
  --size-230: 230px;
  --size-235: 235px;
  --size-240: 240px;
  --size-245: 245px;
  --size-250: 250px;
  --size-255: 255px;
  --size-260: 260px;
  --size-265: 265px;
  --size-270: 270px;
  --size-275: 275px;
  --size-280: 280px;
  --size-285: 285px;
  --size-290: 290px;
  --size-295: 295px;
  --size-300: 300px;
  --size-305: 305px;
  --size-310: 310px;
  --size-315: 315px;
  --size-320: 320px;
  --size-325: 325px;
  --size-330: 330px;
  --size-335: 335px;
  --size-340: 340px;
  --size-345: 345px;
  --size-350: 350px;
  --size-355: 355px;
  --size-360: 360px;
  --size-365: 365px;
  --size-370: 370px;
  --size-375: 375px;
  --size-380: 380px;
  --size-385: 385px;
  --size-390: 390px;
  --size-395: 395px;
  --size-400: 400px;
  --size-405: 405px;
  --size-410: 410px;
  --size-415: 415px;
  --size-420: 420px;
  --size-425: 425px;
  --size-430: 430px;
  --size-435: 435px;
  --size-440: 440px;
  --size-445: 445px;
  --size-450: 450px;
  --size-455: 455px;
  --size-460: 460px;
  --size-465: 465px;
  --size-470: 470px;
  --size-475: 475px;
  --size-480: 480px;
  --size-485: 485px;
  --size-490: 490px;
  --size-495: 495px;
  --size-500: 500px;
  --size-505: 505px;
  --size-510: 510px;
  --size-515: 515px;
  --size-520: 520px;
  --size-525: 525px;
  --size-530: 530px;
  --size-535: 535px;
  --size-540: 540px;
  --size-545: 545px;
  --size-550: 550px;
  --size-555: 555px;
  --size-560: 560px;
  --size-565: 565px;
  --size-570: 570px;
  --size-575: 575px;
  --size-580: 580px;
  --size-585: 585px;
  --size-590: 590px;
  --size-595: 595px;
  --size-600: 600px;
  --size-605: 605px;
  --size-610: 610px;
  --size-615: 615px;
  --size-620: 620px;
  --size-625: 625px;
  --size-630: 630px;
  --size-635: 635px;
  --size-640: 640px;
  --size-645: 645px;
  --size-650: 650px;
  --size-655: 655px;
  --size-660: 660px;
  --size-665: 665px;
  --size-670: 670px;
  --size-675: 675px;
  --size-680: 680px;
  --size-685: 685px;
  --size-690: 690px;
  --size-695: 695px;
  --size-700: 700px;
  --size-705: 705px;
  --size-710: 710px;
  --size-715: 715px;
  --size-720: 720px;
  --size-725: 725px;
  --size-730: 730px;
  --size-735: 735px;
  --size-740: 740px;
  --size-745: 745px;
  --size-750: 750px;
  --size-755: 755px;
  --size-760: 760px;
  --size-765: 765px;
  --size-770: 770px;
  --size-775: 775px;
  --size-780: 780px;
  --size-785: 785px;
  --size-790: 790px;
  --size-795: 795px;
  --size-800: 800px;
  --size-805: 805px;
  --size-810: 810px;
  --size-815: 815px;
  --size-820: 820px;
  --size-825: 825px;
  --size-830: 830px;
  --size-835: 835px;
  --size-840: 840px;
  --size-845: 845px;
  --size-850: 850px;
  --size-855: 855px;
  --size-860: 860px;
  --size-865: 865px;
  --size-870: 870px;
  --size-875: 875px;
  --size-880: 880px;
  --size-885: 885px;
  --size-890: 890px;
  --size-895: 895px;
  --size-900: 900px;
  --size-905: 905px;
  --size-910: 910px;
  --size-915: 915px;
  --size-920: 920px;
  --size-925: 925px;
  --size-930: 930px;
  --size-935: 935px;
  --size-940: 940px;
  --size-945: 945px;
  --size-950: 950px;
  --size-955: 955px;
  --size-960: 960px;
  --size-965: 965px;
  --size-970: 970px;
  --size-975: 975px;
  --size-980: 980px;
  --size-985: 985px;
  --size-990: 990px;
  --size-995: 995px;
  --size-1000: 1000px;
}

@media screen and (max-width: 767px) {
  :root {
    --size-5: calc(5 / 390 * 100vw);
    --size-10: calc(10 / 390 * 100vw);
    --size-15: calc(15 / 390 * 100vw);
    --size-20: calc(20 / 390 * 100vw);
    --size-25: calc(25 / 390 * 100vw);
    --size-30: calc(30 / 390 * 100vw);
    --size-35: calc(35 / 390 * 100vw);
    --size-40: calc(40 / 390 * 100vw);
    --size-45: calc(45 / 390 * 100vw);
    --size-50: calc(50 / 390 * 100vw);
    --size-55: calc(55 / 390 * 100vw);
    --size-60: calc(60 / 390 * 100vw);
    --size-65: calc(65 / 390 * 100vw);
    --size-70: calc(70 / 390 * 100vw);
    --size-75: calc(75 / 390 * 100vw);
    --size-80: calc(80 / 390 * 100vw);
    --size-85: calc(85 / 390 * 100vw);
    --size-90: calc(90 / 390 * 100vw);
    --size-95: calc(95 / 390 * 100vw);
    --size-100: calc(100 / 390 * 100vw);
    --size-105: calc(105 / 390 * 100vw);
    --size-110: calc(110 / 390 * 100vw);
    --size-115: calc(115 / 390 * 100vw);
    --size-120: calc(120 / 390 * 100vw);
    --size-125: calc(125 / 390 * 100vw);
    --size-130: calc(130 / 390 * 100vw);
    --size-135: calc(135 / 390 * 100vw);
    --size-140: calc(140 / 390 * 100vw);
    --size-145: calc(145 / 390 * 100vw);
    --size-150: calc(150 / 390 * 100vw);
    --size-155: calc(155 / 390 * 100vw);
    --size-160: calc(160 / 390 * 100vw);
    --size-165: calc(165 / 390 * 100vw);
    --size-170: calc(170 / 390 * 100vw);
    --size-175: calc(175 / 390 * 100vw);
    --size-180: calc(180 / 390 * 100vw);
    --size-185: calc(185 / 390 * 100vw);
    --size-190: calc(190 / 390 * 100vw);
    --size-195: calc(195 / 390 * 100vw);
    --size-200: calc(200 / 390 * 100vw);
    --size-205: calc(205 / 390 * 100vw);
    --size-210: calc(210 / 390 * 100vw);
    --size-215: calc(215 / 390 * 100vw);
    --size-220: calc(220 / 390 * 100vw);
    --size-225: calc(225 / 390 * 100vw);
    --size-230: calc(230 / 390 * 100vw);
    --size-235: calc(235 / 390 * 100vw);
    --size-240: calc(240 / 390 * 100vw);
    --size-245: calc(245 / 390 * 100vw);
    --size-250: calc(250 / 390 * 100vw);
    --size-255: calc(255 / 390 * 100vw);
    --size-260: calc(260 / 390 * 100vw);
    --size-265: calc(265 / 390 * 100vw);
    --size-270: calc(270 / 390 * 100vw);
    --size-275: calc(275 / 390 * 100vw);
    --size-280: calc(280 / 390 * 100vw);
    --size-285: calc(285 / 390 * 100vw);
    --size-290: calc(290 / 390 * 100vw);
    --size-295: calc(295 / 390 * 100vw);
    --size-300: calc(300 / 390 * 100vw);
    --size-305: calc(305 / 390 * 100vw);
    --size-310: calc(310 / 390 * 100vw);
    --size-315: calc(315 / 390 * 100vw);
    --size-320: calc(320 / 390 * 100vw);
    --size-325: calc(325 / 390 * 100vw);
    --size-330: calc(330 / 390 * 100vw);
    --size-335: calc(335 / 390 * 100vw);
    --size-340: calc(340 / 390 * 100vw);
    --size-345: calc(345 / 390 * 100vw);
    --size-350: calc(350 / 390 * 100vw);
    --size-355: calc(355 / 390 * 100vw);
    --size-360: calc(360 / 390 * 100vw);
    --size-365: calc(365 / 390 * 100vw);
    --size-370: calc(370 / 390 * 100vw);
    --size-375: calc(375 / 390 * 100vw);
    --size-380: calc(380 / 390 * 100vw);
    --size-385: calc(385 / 390 * 100vw);
    --size-390: calc(390 / 390 * 100vw);
    --size-395: calc(395 / 390 * 100vw);
    --size-400: calc(400 / 390 * 100vw);
    --size-405: calc(405 / 390 * 100vw);
    --size-410: calc(410 / 390 * 100vw);
    --size-415: calc(415 / 390 * 100vw);
    --size-420: calc(420 / 390 * 100vw);
    --size-425: calc(425 / 390 * 100vw);
    --size-430: calc(430 / 390 * 100vw);
    --size-435: calc(435 / 390 * 100vw);
    --size-440: calc(440 / 390 * 100vw);
    --size-445: calc(445 / 390 * 100vw);
    --size-450: calc(450 / 390 * 100vw);
    --size-455: calc(455 / 390 * 100vw);
    --size-460: calc(460 / 390 * 100vw);
    --size-465: calc(465 / 390 * 100vw);
    --size-470: calc(470 / 390 * 100vw);
    --size-475: calc(475 / 390 * 100vw);
    --size-480: calc(480 / 390 * 100vw);
    --size-485: calc(485 / 390 * 100vw);
    --size-490: calc(490 / 390 * 100vw);
    --size-495: calc(495 / 390 * 100vw);
    --size-500: calc(500 / 390 * 100vw);
    --size-505: calc(505 / 390 * 100vw);
    --size-510: calc(510 / 390 * 100vw);
    --size-515: calc(515 / 390 * 100vw);
    --size-520: calc(520 / 390 * 100vw);
    --size-525: calc(525 / 390 * 100vw);
    --size-530: calc(530 / 390 * 100vw);
    --size-535: calc(535 / 390 * 100vw);
    --size-540: calc(540 / 390 * 100vw);
    --size-545: calc(545 / 390 * 100vw);
    --size-550: calc(550 / 390 * 100vw);
    --size-555: calc(555 / 390 * 100vw);
    --size-560: calc(560 / 390 * 100vw);
    --size-565: calc(565 / 390 * 100vw);
    --size-570: calc(570 / 390 * 100vw);
    --size-575: calc(575 / 390 * 100vw);
    --size-580: calc(580 / 390 * 100vw);
    --size-585: calc(585 / 390 * 100vw);
    --size-590: calc(590 / 390 * 100vw);
    --size-595: calc(595 / 390 * 100vw);
    --size-600: calc(600 / 390 * 100vw);
    --size-605: calc(605 / 390 * 100vw);
    --size-610: calc(610 / 390 * 100vw);
    --size-615: calc(615 / 390 * 100vw);
    --size-620: calc(620 / 390 * 100vw);
    --size-625: calc(625 / 390 * 100vw);
    --size-630: calc(630 / 390 * 100vw);
    --size-635: calc(635 / 390 * 100vw);
    --size-640: calc(640 / 390 * 100vw);
    --size-645: calc(645 / 390 * 100vw);
    --size-650: calc(650 / 390 * 100vw);
    --size-655: calc(655 / 390 * 100vw);
    --size-660: calc(660 / 390 * 100vw);
    --size-665: calc(665 / 390 * 100vw);
    --size-670: calc(670 / 390 * 100vw);
    --size-675: calc(675 / 390 * 100vw);
    --size-680: calc(680 / 390 * 100vw);
    --size-685: calc(685 / 390 * 100vw);
    --size-690: calc(690 / 390 * 100vw);
    --size-695: calc(695 / 390 * 100vw);
    --size-700: calc(700 / 390 * 100vw);
    --size-705: calc(705 / 390 * 100vw);
    --size-710: calc(710 / 390 * 100vw);
    --size-715: calc(715 / 390 * 100vw);
    --size-720: calc(720 / 390 * 100vw);
    --size-725: calc(725 / 390 * 100vw);
    --size-730: calc(730 / 390 * 100vw);
    --size-735: calc(735 / 390 * 100vw);
    --size-740: calc(740 / 390 * 100vw);
    --size-745: calc(745 / 390 * 100vw);
    --size-750: calc(750 / 390 * 100vw);
    --size-755: calc(755 / 390 * 100vw);
    --size-760: calc(760 / 390 * 100vw);
    --size-765: calc(765 / 390 * 100vw);
    --size-770: calc(770 / 390 * 100vw);
    --size-775: calc(775 / 390 * 100vw);
    --size-780: calc(780 / 390 * 100vw);
    --size-785: calc(785 / 390 * 100vw);
    --size-790: calc(790 / 390 * 100vw);
    --size-795: calc(795 / 390 * 100vw);
    --size-800: calc(800 / 390 * 100vw);
    --size-805: calc(805 / 390 * 100vw);
    --size-810: calc(810 / 390 * 100vw);
    --size-815: calc(815 / 390 * 100vw);
    --size-820: calc(820 / 390 * 100vw);
    --size-825: calc(825 / 390 * 100vw);
    --size-830: calc(830 / 390 * 100vw);
    --size-835: calc(835 / 390 * 100vw);
    --size-840: calc(840 / 390 * 100vw);
    --size-845: calc(845 / 390 * 100vw);
    --size-850: calc(850 / 390 * 100vw);
    --size-855: calc(855 / 390 * 100vw);
    --size-860: calc(860 / 390 * 100vw);
    --size-865: calc(865 / 390 * 100vw);
    --size-870: calc(870 / 390 * 100vw);
    --size-875: calc(875 / 390 * 100vw);
    --size-880: calc(880 / 390 * 100vw);
    --size-885: calc(885 / 390 * 100vw);
    --size-890: calc(890 / 390 * 100vw);
    --size-895: calc(895 / 390 * 100vw);
    --size-900: calc(900 / 390 * 100vw);
    --size-905: calc(905 / 390 * 100vw);
    --size-910: calc(910 / 390 * 100vw);
    --size-915: calc(915 / 390 * 100vw);
    --size-920: calc(920 / 390 * 100vw);
    --size-925: calc(925 / 390 * 100vw);
    --size-930: calc(930 / 390 * 100vw);
    --size-935: calc(935 / 390 * 100vw);
    --size-940: calc(940 / 390 * 100vw);
    --size-945: calc(945 / 390 * 100vw);
    --size-950: calc(950 / 390 * 100vw);
    --size-955: calc(955 / 390 * 100vw);
    --size-960: calc(960 / 390 * 100vw);
    --size-965: calc(965 / 390 * 100vw);
    --size-970: calc(970 / 390 * 100vw);
    --size-975: calc(975 / 390 * 100vw);
    --size-980: calc(980 / 390 * 100vw);
    --size-985: calc(985 / 390 * 100vw);
    --size-990: calc(990 / 390 * 100vw);
    --size-995: calc(995 / 390 * 100vw);
    --size-1000: calc(1000 / 390 * 100vw);
  }
}
a:hover {
  text-decoration: none;
  color: #272727;
  opacity: 1;
}

.page-container {
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--header-height));
  padding-top: var(--header-height);
  min-height: calc(100vh - var(--header-height));
}

@media screen and (max-width: 767px) {
  .page-container {
    padding-top: initial;
  }
}
.content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .content {
    min-width: initial;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .login {
    width: 100%;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
}
.login__block {
  display: flex;
  justify-content: center;
  gap: 24px;
}

@media screen and (max-width: 767px) {
  .login__block {
    flex-flow: column;
    gap: 10.2564102564vw;
  }
}
.login__item {
  width: 468px;
}

@media screen and (max-width: 767px) {
  .login__item {
    width: 100%;
  }
}
.login__item .title {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 18px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .login__item .title {
    margin-bottom: 3.5897435897vw;
    font-size: 1.8rem;
  }
}
.login .item a {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 240px;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  transition: 0.6s;
}

@media screen and (max-width: 767px) {
  .login .item a {
    height: 46.1538461538vw;
  }
}
@media screen and (max-width: 376px) {
  .login .item a {
    height: 33.3333333333vw;
  }
}
.login .item a:hover {
  background: #ebebeb;
}

.login .item a .text {
  font-size: 2.4rem;
  color: #272727;
  font-weight: 600;
  margin-top: 12px;
  line-height: 1.375;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
  .login .item a .text {
    font-size: 18px;
    margin-top: 2.5641025641vw;
    line-height: 1.8333333333;
  }
}
.login .item a .image.__login {
  width: 60px;
  height: 64px;
}

@media screen and (max-width: 767px) {
  .login .item a .image.__login {
    width: 12.8205128205vw;
    height: 13.8461538462vw;
  }
}
.login .item a .image.__login:before {
  content: "";
  display: block;
  width: 60px;
  height: 64px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='64' viewBox='0 0 60 64'%3E%3Cg transform='translate(-364 -266.999)'%3E%3Cpath d='M-9148-1860h-48a6.007 6.007 0 0 1-6-6v-28a6.007 6.007 0 0 1 6-6h7v-7a16.9 16.9 0 0 1 4.979-12.022A16.89 16.89 0 0 1-9172-1924a16.893 16.893 0 0 1 12.022 4.98A16.892 16.892 0 0 1-9155-1907v7h7a6.006 6.006 0 0 1 6 6v28A6.006 6.006 0 0 1-9148-1860Zm-24.012-31a7.552 7.552 0 0 0-1.96.26 7.161 7.161 0 0 0-5.312 7.12v.1c.085 2.191.7 3.63 1.87 4.4 2.278 1.492 2.36 3.529 2.235 5.843-.049.893-.022 1.832 0 2.659l0 .156c.061 2.134 1.25 3.459 3.1 3.459h.012c1.829 0 3.115-1.389 3.2-3.45a39.055 39.055 0 0 0 0-4.129 4.145 4.145 0 0 1 1.688-3.977 6.533 6.533 0 0 0 2.354-4.068 7.133 7.133 0 0 0-.812-4.622 7.345 7.345 0 0 0-2.711-2.765A7.324 7.324 0 0 0-9172.011-1891Zm.01-25a9.011 9.011 0 0 0-9 9v7h18v-7A9.012 9.012 0 0 0-9172-1916Z' transform='translate(9566 2190.999)' fill='%2300005c'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .login .item a .image.__login:before {
    width: 12.8205128205vw;
    height: 13.8461538462vw;
  }
}
.login .item a .image.__registration {
  width: 64px;
  height: 64px;
}

@media screen and (max-width: 767px) {
  .login .item a .image.__registration {
    width: 13.8461538462vw;
    height: 13.8461538462vw;
  }
}
.login .item a .image.__registration:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32,36A18,18,0,1,0,14,18,18,18,0,0,0,32,36Zm16,4H41.113a21.759,21.759,0,0,1-18.225,0H16A16,16,0,0,0,0,56v2a6,6,0,0,0,6,6H58a6,6,0,0,0,6-6V56A16,16,0,0,0,48,40Z' fill='%2300005c'/%3E%3C/svg%3E") no-repeat center/contain;
}

@media screen and (max-width: 767px) {
  .login .item a .image.__registration:before {
    width: 13.8461538462vw;
    height: 13.8461538462vw;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    margin-top: 0;
  }
  .footer .footer_content_wrap {
    padding-bottom: 0;
  }
  .footer .copyright {
    text-align: right;
  }
  .footer .copyright .only-sp {
    display: none !important;
  }
}
.footer_content {
  padding: 30px 0 30px;
}

@media screen and (max-width: 767px) {
  .footer_content {
    padding: 5.1282051282vw 0 5.1282051282vw;
  }
}
.footer_utility {
  margin-top: 0;
}

.web-discount-banner {
  background-color: #00005c;
  border-top: 1px solid #fff;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 8px;
  white-space: pre-wrap;
}

@media screen and (max-width: 767px) {
  .web-discount-banner {
    display: flex;
    flex-direction: column;
  }
}
.web-discount-banner > .message {
  flex-direction: row;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.08rem;
  line-height: 1.7;
  width: unset;
}

@media screen and (max-width: 767px) {
  .web-discount-banner > .message {
    display: flex;
    flex-flow: column;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.07rem;
    font-weight: 700;
  }
}
.web-discount-banner > a.link {
  color: #fff;
  margin-left: 0;
  display: block;
  align-self: center;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.web-discount-banner a:link, .web-discount-banner a:visited, .web-discount-banner a:hover, .web-discount-banner a:active {
  color: #FFF;
  display: inline-block;
  align-self: center;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media screen and (max-width: 767px) {
  .web-discount-banner a:link, .web-discount-banner a:visited, .web-discount-banner a:hover, .web-discount-banner a:active {
    text-align: center;
    margin-left: 4px;
  }
}
/*# sourceMappingURL=mailmg.css.map */
