@charset "UTF-8";
html,
body {
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  transition: all 1.6s ease 0s;
  color: #00408d;
  overflow-x: hidden;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.05em;
}

img,
video {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

a {
  display: block;
  text-decoration: none;
  transition: all 0.4s;
  color: #00408d;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.6;
    transition: all 0.4s;
  }
}
a[href=""] {
  pointer-events: none;
}

#loading-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999;
}

.movie_bg {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.movie_bg video {
  width: 120%;
}

.fv {
  height: 100vh;
}
.fv .bg {
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.fv .fv_main {
  width: max(73.3333333333vw, 275px);
  margin: 0 auto;
}
.fv .title_wrap .title {
  width: max(87.3333333333vw, 327.5px);
  margin: max(-11.7333333333vw, -44px) auto 0;
  position: relative;
}
.fv .title_wrap .title_sub {
  width: max(70.1333333333vw, 263px);
  margin: min(2.6666666667vw, 10px) auto 0;
}
.fv .title_wrap p {
  font-size: max(1.8666666667vw, 7px);
  text-align: center;
  font-weight: bold;
  width: max(92vw, 345px);
  margin: max(2.6666666667vw, 10px) auto 0;
}

.all_bg {
  background-color: white;
  position: relative;
}

.lead p {
  font-size: max(3.4666666667vw, 13px);
  line-height: 2.3076923077;
  letter-spacing: 0.05em;
  text-align: center;
  width: max(92vw, 345px);
  padding: max(21.3333333333vw, 80px) 0;
  margin: 0 auto;
}

.number {
  position: relative;
  z-index: 10;
}

.number_text {
  font-size: max(30.4vw, 114px);
}
.number_text + span {
  font-size: max(4.5333333333vw, 17px);
}

.style1 {
  display: flex;
  align-items: center;
}
.style1 span {
  writing-mode: vertical-rl;
}

#sec4 .style1 {
  gap: max(2.6666666667vw, 10px);
}

.style2 {
  display: flex;
  align-items: center;
  gap: max(1.8666666667vw, 7px);
}
.style2 span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.style3 {
  display: flex;
  gap: max(1.8666666667vw, 7px);
}
.style3 span {
  padding-top: max(4vw, 15px);
}

.style {
  padding-top: max(24vw, 90px);
}

.main_wrap {
  position: relative;
  margin: 0 0 max(9.0666666667vw, 34px);
}
.main_wrap .main_text {
  width: 100%;
  font-size: max(7.4666666667vw, 28px);
  position: absolute;
  top: max(-21.3333333333vw, -80px);
  left: max(4vw, 15px);
  z-index: 10;
  line-height: 1;
  letter-spacing: 0.1em;
}
.main_wrap .sub_text {
  width: 100%;
  font-size: max(2.6666666667vw, 10px);
  position: absolute;
  top: max(-10.6666666667vw, -40px);
  left: max(5.0666666667vw, 19px);
  z-index: 10;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.main_wrap .main_img {
  position: relative;
}
.main_wrap .main_img .edge {
  border: 3px solid #ffc000;
  width: max(118.9333333333vw, 446px);
  height: max(107.3333333333vw, 402.5px);
  position: absolute;
  left: max(4vw, 15px);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 10;
}
.main_wrap .main_img .edge.left {
  left: max(-24vw, -90px);
}
@media screen and (min-width: 769px) {
  .main_wrap .main_img .edge.left {
    left: max(-4vw, -15px);
  }
}

.com_wrap {
  width: max(92vw, 345px);
  margin: 0 auto;
}
.com_wrap .com_text {
  font-size: max(3.4666666667vw, 13px);
  margin: max(4vw, 15px) 0 max(8vw, 30px);
}
.com_wrap .sns_text {
  font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: max(2.6666666667vw, 10px);
  margin: 0 auto min(5.3333333333vw, 20px) 0;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: max(2vw, 7.5px) max(3.2vw, 12px);
  background-color: #00408d;
  line-height: 1;
}
.com_wrap span {
  display: block;
}

.credit {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: max(2.3666666667vw, 8.875px);
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto max(13.3333333333vw, 50px);
}
.credit li {
  width: calc(33.3333333333% - max(3.4666666667vw, 13px));
  display: flex;
  justify-content: center;
}
.credit li .item {
  font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: max(3.2vw, 12px);
  line-height: 1.5;
  margin-top: max(3.4666666667vw, 13px);
}

#allitems .title_wrap .title {
  width: max(49.8666666667vw, 187px);
  margin: max(-11.7333333333vw, -44px) auto 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  #allitems .title_wrap .title {
    width: min(23.5607675906vw, 221px);
  }
}
#allitems .title_wrap .title_sub {
  width: max(42.1333333333vw, 158px);
  margin: min(2.6666666667vw, 10px) auto 0;
}
@media screen and (min-width: 769px) {
  #allitems .title_wrap .title_sub {
    width: min(20.2558635394vw, 190px);
  }
}
#allitems .title_wrap p {
  font-size: max(1.4666666667vw, 5.5px);
  text-align: center;
  font-weight: bold;
  line-height: 1;
  width: max(92vw, 345px);
  margin: max(0.8vw, 3px) auto 0;
}
@media screen and (min-width: 769px) {
  #allitems .title_wrap p {
    font-size: min(0.7036247335vw, 6.6px);
  }
}
#allitems figure {
  width: max(62.6666666667vw, 235px);
  margin: max(4vw, 15px) auto max(12vw, 45px);
}
@media screen and (min-width: 769px) {
  #allitems figure {
    width: min(30.0639658849vw, 282px);
    margin: min(1.9189765458vw, 18px) auto min(8.5287846482vw, 80px);
  }
}
#allitems .item_list {
  background-color: #1b559b;
  color: #fff;
  width: max(85.3333333333vw, 320px);
  font-size: max(3.4666666667vw, 13px);
}
@media screen and (min-width: 769px) {
  #allitems .item_list {
    width: min(40.9381663113vw, 384px);
    font-size: min(1.4925373134vw, 14px);
    margin: 0 auto min(10.6609808102vw, 100px);
  }
}

.item_list {
  position: relative;
  background-color: #fff;
  color: #00408d;
  border: 1px solid #00408d;
  font-size: max(3.2vw, 12px);
  text-align: center;
  width: max(56vw, 210px);
  margin: 0 auto max(34.6666666667vw, 130px);
  padding: max(4vw, 15px);
  letter-spacing: 0.08em;
}

#instagram {
  padding: max(8vw, 30px) 0 max(9.8666666667vw, 37px);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 769px) {
  #instagram {
    padding: min(5.3304904051vw, 50px) 0;
  }
}
#instagram h3 {
  width: max(28vw, 105px);
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #instagram h3 {
    width: min(15.3518123667vw, 144px);
  }
}
#instagram ul {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: max(8vw, 30px) max(3.2vw, 12px);
  margin: max(5.3333333333vw, 20px) auto 0;
}
@media screen and (min-width: 769px) {
  #instagram ul {
    width: min(48.7206823028vw, 457px);
    gap: min(3.7313432836vw, 35px) min(3.1982942431vw, 30px);
    margin: min(2.6652452026vw, 25px) auto 0;
  }
}
#instagram ul li {
  width: calc(25% - max(6.4vw, 24px));
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  #instagram ul li {
    width: calc(25% - min(3.1982942431vw, 30px));
  }
}
#instagram figure {
  width: max(20.5333333333vw, 77px);
  margin: 0 0 max(2.6666666667vw, 10px);
}
@media screen and (min-width: 769px) {
  #instagram figure {
    width: 100%;
    margin: 0 0 min(1.066098081vw, 10px);
  }
}
#instagram figure img {
  border-radius: 50%;
}
#instagram p {
  color: #000;
  text-align: center;
  font-size: max(2.6666666667vw, 10px);
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  #instagram p {
    font-size: min(1.2793176972vw, 12px);
  }
}

#ytube_area {
  padding: max(13.3333333333vw, 50px) 0 max(40vw, 150px);
}
@media screen and (min-width: 769px) {
  #ytube_area {
    padding: min(10.6609808102vw, 100px) 0 min(21.3219616205vw, 200px);
  }
}
#ytube_area h3 {
  width: max(33.7333333333vw, 126.5px);
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #ytube_area h3 {
    width: min(16.2046908316vw, 152px);
    margin: 0 auto min(2.6652452026vw, 25px);
  }
}
#ytube_area .content {
  max-width: max(92vw, 345px);
  margin: max(12vw, 45px) auto max(10.6666666667vw, 40px);
}
@media screen and (min-width: 769px) {
  #ytube_area .content {
    width: min(44.2430703625vw, 415px);
    margin: min(5.3304904051vw, 50px) auto 0;
  }
}
#ytube_area .content__txt {
  color: #333;
  font-size: max(3.4666666667vw, 13px);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  #ytube_area .content__txt {
    font-size: min(1.5351812367vw, 14.4px);
    line-height: 2;
  }
}
#ytube_area .content__movie,
#ytube_area .content figure {
  margin-bottom: max(3.7333333333vw, 14px);
}
@media screen and (min-width: 769px) {
  #ytube_area .content__movie,
  #ytube_area .content figure {
    margin-bottom: min(1.066098081vw, 10px);
  }
}
#ytube_area .ytube {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
#ytube_area .ytube iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#ytube_area .ytube a {
  /* lityを動かすためにiframeを覆う */
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#ytube_area .ytp-large-play-button.ytp-button.ytp-large-play-button-red-bg {
  display: none !important;
}
#ytube_area .ytp-large-play-button-red-bg.ytp-large-play-button-bg {
  fill: #000 !important;
}

.lity-close {
  width: max(13.3333333333vw, 50px) !important;
  height: max(13.3333333333vw, 50px) !important;
  font-size: max(13.3333333333vw, 50px) !important;
}
@media screen and (min-width: 769px) {
  .lity-close {
    width: min(5.3304904051vw, 50px) !important;
    height: min(5.3304904051vw, 50px) !important;
    font-size: min(5.3304904051vw, 50px) !important;
  }
}

footer {
  padding: max(12vw, 45px) 0 max(2.1333333333vw, 8px);
}
@media screen and (min-width: 769px) {
  footer {
    padding: min(11.1940298507vw, 105px) 0 min(2.6652452026vw, 25px);
  }
}
footer.img_bg {
  width: 100%;
  background: url("../images/footer_bg.jpg") no-repeat center center/cover;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  footer.img_bg {
    background: url("../images/footer_bg_pc.jpg") no-repeat center center/cover;
  }
}
footer .inner {
  max-width: 1000px;
  width: 92%;
  padding: 0;
  margin: auto;
  color: #00408d;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  footer .inner {
    width: 100%;
    padding: 0 15px;
  }
}
footer .inner ul li {
  font-size: max(2.9333333333vw, 11px);
  margin-bottom: max(6.6666666667vw, 25px);
}
@media screen and (min-width: 769px) {
  footer .inner ul li {
    font-size: min(1.407249467vw, 13.2px);
    margin-bottom: min(3.1982942431vw, 30px);
  }
}
footer .inner ul li :last-child {
  margin-bottom: 0;
}
footer .inner .dis_logo {
  width: 40%;
  padding: max(14.6666666667vw, 55px) 0;
}
@media screen and (min-width: 769px) {
  footer .inner .dis_logo {
    width: min(17.0575692964vw, 160px);
    padding: min(6.9296375267vw, 65px) 0 min(6.3965884861vw, 60px);
  }
}
footer .inner small {
  font-size: max(2.1333333333vw, 8px);
}
@media screen and (min-width: 769px) {
  footer .inner small {
    font-size: min(1.0234541578vw, 9.6px);
  }
}

@media screen and (max-width: 768px) {
  .fv {
    height: 100svh;
  }
  .fv .bg {
    height: 100svh;
  }
  .main_wrap .main_img {
    width: 100%;
  }
  #sec1 .img1,
  #sec3 .img1,
  #sec5 .img1,
  #sec7 .img1 {
    width: max(82.6666666667vw, 310px);
    margin-bottom: max(13.3333333333vw, 50px);
  }
  #sec1 .img2,
  #sec3 .img2,
  #sec5 .img2,
  #sec7 .img2 {
    width: max(85.0666666667vw, 319px);
    margin: 0 0 max(13.3333333333vw, 50px) auto;
  }
  #sec1 .img3,
  #sec3 .img3,
  #sec5 .img3,
  #sec7 .img3 {
    width: 100%;
    margin-bottom: max(13.3333333333vw, 50px);
  }
  #sec2 .img1,
  #sec4 .img1,
  #sec6 .img1,
  #sec8 .img1 {
    width: max(82.6666666667vw, 310px);
    margin-bottom: max(13.3333333333vw, 50px);
  }
  #sec2 .img2,
  #sec4 .img2,
  #sec6 .img2,
  #sec8 .img2 {
    width: max(82.6666666667vw, 310px);
    margin: 0 0 max(13.3333333333vw, 50px) auto;
    margin-bottom: max(13.3333333333vw, 50px);
  }
  .com_text {
    margin-top: max(18.6666666667vw, 70px);
    margin-bottom: max(25.3333333333vw, 95px);
  }
}
@media screen and (min-width: 769px) {
  .fv .fv_main {
    width: min(37.8464818763vw, 355px);
    margin: 0 auto;
  }
  .fv .title_wrap .title {
    width: min(49.0405117271vw, 460px);
    margin: min(-5.3304904051vw, -50px) auto 0;
  }
  .fv .title_wrap .title_sub {
    width: min(40.5117270789vw, 380px);
    margin: min(1.066098081vw, 10px) auto 0;
  }
  .fv .title_wrap p {
    font-size: min(1.1940298507vw, 11.2px);
    margin: 0 auto;
  }
  .main_wrap {
    margin: 0;
  }
  .main_wrap .main_text {
    font-size: min(3.5181236674vw, 33px);
    line-height: 1.3090909091;
    left: min(55.4371002132vw, 520px);
    top: min(7.249466951vw, 68px);
  }
  .main_wrap .sub_text {
    font-size: min(1.2793176972vw, 12px);
    left: min(55.8635394456vw, 524px);
    top: min(12.7931769723vw, 120px);
  }
  .main_wrap .main_img {
    width: min(47.7611940299vw, 448px);
    margin: 0 0 0 min(0vw, 0px);
  }
  .main_wrap .main_img .edge {
    width: min(47.4413646055vw, 445px);
    height: min(51.4925373134vw, 483px);
    left: min(1.9189765458vw, 18px);
  }
  .com_wrap .com_text {
    font-size: min(1.5351812367vw, 14.4px);
    line-height: 2;
    width: min(44.2430703625vw, 415px);
    margin: 0 auto min(11.7270788913vw, 110px) min(7.9957356077vw, 75px);
  }
  .com_wrap .sns_text {
    font-size: min(1.2793176972vw, 12px);
    padding: min(0.8528784648vw, 8px) min(1.5991471215vw, 15px);
    margin: 0 auto min(3.7313432836vw, 35px) 0;
  }
  #sec2 .pc_flex,
  #sec4 .pc_flex,
  #sec6 .pc_flex,
  #sec8 .pc_flex {
    display: flex;
    flex-direction: row-reverse;
  }
  #sec2 .pc_flex .main_wrap .main_text,
  #sec4 .pc_flex .main_wrap .main_text,
  #sec6 .pc_flex .main_wrap .main_text,
  #sec8 .pc_flex .main_wrap .main_text {
    left: max(-52.2388059701vw, -490px);
  }
  #sec2 .pc_flex .main_wrap .sub_text,
  #sec4 .pc_flex .main_wrap .sub_text,
  #sec6 .pc_flex .main_wrap .sub_text,
  #sec8 .pc_flex .main_wrap .sub_text {
    left: max(-52.0255863539vw, -488px);
  }
  #sec2 .pc_flex .com_wrap .com_text,
  #sec4 .pc_flex .com_wrap .com_text,
  #sec6 .pc_flex .com_wrap .com_text,
  #sec8 .pc_flex .com_wrap .com_text {
    margin: 0 auto min(11.7270788913vw, 110px) 0;
  }
  #sec3 .pc_flex .com_wrap .com_text {
    margin: 0 auto min(14.9253731343vw, 140px) min(7.9957356077vw, 75px);
  }
  #sec4 .pc_flex .com_wrap .com_text {
    margin: 0 auto min(7.9957356077vw, 75px) 0;
  }
  #sec6 .pc_flex .com_wrap .com_text {
    margin: 0 auto min(14.9253731343vw, 140px) 0;
  }
  #sec7 .pc_flex .com_wrap .com_text {
    margin: 0 auto min(7.9957356077vw, 75px) min(7.9957356077vw, 75px);
  }
  #sec8 .pc_flex .com_wrap .com_text {
    margin: 0 auto min(14.9253731343vw, 140px) 0;
  }
  .style {
    padding-top: min(3.1982942431vw, 30px);
  }
  .style .container {
    max-width: 938px;
    margin: 0 auto;
    position: relative;
  }
  .image_wrapper {
    position: relative;
    margin: min(12.7931769723vw, 120px) auto min(10.6609808102vw, 100px);
  }
  .image_wrapper::before {
    content: "";
    display: block;
    width: 100%;
  }
  .image_wrapper figure {
    position: absolute;
    margin: 0;
  }
  #sec1 .image_wrapper::before,
  #sec3 .image_wrapper::before,
  #sec5 .image_wrapper::before,
  #sec7 .image_wrapper::before {
    padding-top: 120.7264957265%;
  }
  #sec1 .image_wrapper .img1,
  #sec3 .image_wrapper .img1,
  #sec5 .image_wrapper .img1,
  #sec7 .image_wrapper .img1 {
    width: min(39.7654584222vw, 373px);
    top: 0;
    left: min(54.2643923241vw, 509px);
  }
  #sec1 .image_wrapper .img2,
  #sec3 .image_wrapper .img2,
  #sec5 .image_wrapper .img2,
  #sec7 .image_wrapper .img2 {
    width: min(40.8315565032vw, 383px);
    top: min(10.2345415778vw, 96px);
    left: min(5.7569296375vw, 54px);
  }
  #sec1 .image_wrapper .img3,
  #sec3 .image_wrapper .img3,
  #sec5 .image_wrapper .img3,
  #sec7 .image_wrapper .img3 {
    width: min(48.0810234542vw, 451px);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #sec2 .image_wrapper::before,
  #sec4 .image_wrapper::before,
  #sec6 .image_wrapper::before,
  #sec8 .image_wrapper::before {
    padding-top: 71.4743589744%;
  }
  #sec2 .image_wrapper .img1,
  #sec4 .image_wrapper .img1,
  #sec6 .image_wrapper .img1,
  #sec8 .image_wrapper .img1 {
    width: min(39.6588486141vw, 372px);
    top: 0;
    left: min(6.0767590618vw, 57px);
  }
  #sec2 .image_wrapper .pc_img2,
  #sec4 .image_wrapper .pc_img2,
  #sec6 .image_wrapper .pc_img2,
  #sec8 .image_wrapper .pc_img2 {
    width: min(39.6588486141vw, 372px);
    position: absolute;
    top: min(21.855010661vw, 205px);
    left: min(54.5842217484vw, 512px);
  }
  .credit {
    width: min(62.7931769723vw, 589px);
    margin: min(12.2601279318vw, 115px) auto min(10.1279317697vw, 95px);
    font-size: min(1.3859275053vw, 13px);
    gap: min(2.5586353945vw, 24px);
  }
  .credit li {
    width: calc(33.3333333333% - max(2.5586353945vw, 24px));
  }
  .credit li .item {
    font-size: min(1.4925373134vw, 14px);
    line-height: 1.6;
    margin-top: min(1.2793176972vw, 12px);
  }
  .lead p {
    font-size: min(1.8123667377vw, 17px);
    width: min(66.0980810235vw, 620px);
    margin: 0 auto;
    text-align: center;
    line-height: 2.0588235294;
    padding: min(10.1279317697vw, 95px) 0 min(12.7931769723vw, 120px);
  }
  .pc_flex {
    position: relative;
    max-width: 938px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
  }
  .item_list {
    font-size: min(1.4925373134vw, 14px);
    width: min(33.2622601279vw, 312px);
    padding: min(1.7057569296vw, 16px) 0;
    margin: 0 auto min(11.1940298507vw, 105px);
  }
}
#to_top {
  position: fixed;
  bottom: 50%;
  left: 0;
  z-index: 100;
  font-size: 10px;
  background: #fff;
  border-top: 1px solid #1b559b;
  border-right: 1px solid #1b559b;
  border-left: 1px solid #1b559b;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: max(1.3333333333vw, 5px) max(4vw, 15px);
  transform: rotate(90deg);
  transform-origin: left bottom;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #to_top {
    font-size: min(1.2793176972vw, 12px);
    padding: min(0.3198294243vw, 3px) min(1.9189765458vw, 18px);
    bottom: 60%;
  }
}
#to_top p {
  color: #1b559b;
}
#to_top p::before {
  content: "";
  display: inline-block;
  width: max(3.3333333333vw, 12.5px);
  height: max(3.4666666667vw, 13px);
  background: url(../images/menu.png) no-repeat;
  background-size: contain;
  margin-right: max(1.6vw, 6px);
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  #to_top p::before {
    width: min(1.5991471215vw, 15px);
    height: min(1.5991471215vw, 15px);
    margin-right: min(0.8528784648vw, 8px);
  }
}

#nav-pop {
  transition: height 0.4s linear;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background: #fff;
  z-index: 101;
  overflow-y: auto;
  display: none;
}
#nav-pop p {
  text-align: center;
  padding: 70px 0 20px;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  #nav-pop p {
    font-size: 22px;
    padding: 70px 0 70px;
  }
}
#nav-pop ul {
  width: max(69.3333333333vw, 260px);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: max(1.0666666667vw, 4px) max(1.0666666667vw, 4px);
  align-items: center;
  justify-content: center;
  padding: 50px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  #nav-pop ul {
    width: min(106.6098081023vw, 1000px);
    gap: min(0.8528784648vw, 8px) min(0.8528784648vw, 8px);
  }
}
#nav-pop ul li {
  width: calc(50% - max(2.1333333333vw, 8px));
}
@media screen and (min-width: 769px) {
  #nav-pop ul li {
    width: calc(25% - min(0.8528784648vw, 8px));
  }
}
#nav-pop ul .title {
  margin-right: 0;
  width: 66%;
  pointer-events: none;
}
#nav-pop ul .title img {
  width: 70%;
}
@media screen and (max-width: 768px) {
  #nav-pop ul .title img {
    width: 90%;
  }
}

.close {
  position: fixed;
  right: 15px;
  top: 22px;
  display: block;
  transform: rotate(45deg);
  cursor: pointer;
  width: 30px;
  height: 30px;
  opacity: 1;
  z-index: 999;
}
.close span {
  width: 100%;
  height: 1px;
  background: #1b559b;
  display: block;
  transform: translate(0, 10px);
}
.close span:last-child {
  transform: rotate(90deg) translate(10px, 0);
  margin-top: -1px;
}/*# sourceMappingURL=style.css.map */