@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  font-size: 16px;
  overflow-x: clip;
  -webkit-overflow-scrolling: touch;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
html,
body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  color: #129acd;
}

body {
  background: #ffffff;
  color: rgba(43, 101, 125, 0.6);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

address {
  font-style: normal;
}

@media (max-width: 799px) {
  .spNone {
    display: none !important;
  }
}

@media (min-width: 800px) {
  .pcNone {
    display: none !important;
  }
}

@media (min-width: 800px) {
  .pc-inner {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

.pc-inner {
  padding: 80px 15px;
}
@media (min-width: 800px) {
  .pc-inner {
    padding: 130px 25px;
    width: 800px;
    margin: 0 auto;
  }
}

.lilium {
  background: #ffffff;
  overflow-x: clip;
}

.js-fade {
  opacity: 0;
}
@media (max-width: 799px) {
  .js-fade {
    transform: translateY(calc(30 / 375 * 100svw));
  }
}
@media (min-width: 800px) {
  .js-fade {
    transform: translateY(calc(30 / 1440 * 100svw));
  }
}
.js-fade {
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.js-fade.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.code5.js-fade.is-visible {
  transform: none;
}

.code6.js-fade,
.code8.js-fade {
  transform: none;
}

.fade-stack {
  position: relative;
  width: 100%;
  height: 100%;
}
.fade-stack .fade-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease;
}
.fade-stack .fade-img.is-active {
  opacity: 1;
}

.credit {
  width: fit-content;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .credit {
    gap: calc(4 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .credit {
    gap: 6px;
  }
}
.credit ul {
  list-style: none;
}
.credit .item {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .credit .item {
    gap: calc(12 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .credit .item {
    gap: 16px;
  }
}
.credit .item span {
  font-family: "myriad-pro", "Myriad Pro", sans-serif;
  color: #129acd;
  font-weight: 400;
  white-space: nowrap;
  line-height: normal;
}
@media (max-width: 799px) {
  .credit .item span {
    font-size: calc(11 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .credit .item span {
    font-size: 18px;
  }
}
.credit .item .a {
  font-family: "myriad-pro", "Myriad Pro", sans-serif;
  color: #129acd;
  font-weight: 400;
  white-space: nowrap;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 799px) {
  .credit .item .a {
    font-size: calc(11 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .credit .item .a {
    font-size: 18px;
  }
}

.img-credit__btn {
  position: absolute;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 3;
}
@media (max-width: 799px) {
  .img-credit__btn {
    bottom: calc(10 / 375 * 100svw);
    right: calc(10 / 375 * 100svw);
    width: calc(42 / 375 * 100svw);
    height: calc(42 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .img-credit__btn {
    bottom: 17px;
    right: 17px;
    width: 50px;
    height: 50px;
  }
}
.img-credit__btn::before, .img-credit__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s ease, background 0.4s ease;
}
.img-credit__btn::before {
  width: 2px;
  background: #252525;
}
@media (max-width: 799px) {
  .img-credit__btn::before {
    height: calc(42 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .img-credit__btn::before {
    height: 70px;
    width: 5px;
  }
}
.img-credit__btn::before {
  transform: translate(-50%, -50%);
}
.img-credit__btn::after {
  height: 2px;
  background: #252525;
}
@media (max-width: 799px) {
  .img-credit__btn::after {
    width: calc(42 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .img-credit__btn::after {
    width: 70px;
    height: 5px;
  }
}
.img-credit__btn::after {
  transform: translate(-50%, -50%);
}
.img-credit__btn.Union::before, .img-credit__btn.Union::after {
  background: #ffffff;
}
.img-credit__btn.is-active::before {
  background: #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
}
.img-credit__btn.is-active::after {
  background: #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.img-credit__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  pointer-events: none;
  transition: background 0.4s ease;
}
@media (max-width: 799px) {
  .img-credit__overlay {
    padding: calc(10 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .img-credit__overlay {
    padding: 17px;
  }
}
.img-credit__overlay.is-active {
  background: rgba(43, 101, 125, 0.8);
  pointer-events: auto;
}

.img-credit__list {
  margin: auto;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
}
.is-active .img-credit__list {
  opacity: 1;
  transform: translateY(0);
}
.img-credit__list .item {
  display: flex;
  align-items: center;
}
@media (max-width: 799px) {
  .img-credit__list .item {
    gap: calc(10 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .img-credit__list .item {
    gap: 14px;
  }
}
.img-credit__list .item span {
  font-family: "myriad-pro", "Myriad Pro", sans-serif;
  color: #ffffff;
  font-weight: 400;
  white-space: nowrap;
  line-height: normal;
}
@media (max-width: 799px) {
  .img-credit__list .item span {
    font-size: calc(11 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .img-credit__list .item span {
    font-size: 16px;
  }
}
.img-credit__list .item .a {
  font-family: "myriad-pro", "Myriad Pro", sans-serif;
  color: #ffffff;
  font-weight: 400;
  white-space: nowrap;
  border-bottom: 1px solid #ffffff;
  line-height: normal;
}
@media (max-width: 799px) {
  .img-credit__list .item .a {
    font-size: calc(11 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .img-credit__list .item .a {
    font-size: 16px;
  }
}

@media (max-width: 799px) {
  .sizebg {
    width: 100%;
    height: calc(468 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .sizebg {
    width: 800px;
    height: 1000px;
  }
}

@media (max-width: 799px) {
  .size1 {
    width: calc(100 / 375 * 100svw);
    height: calc(150 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size1 {
    width: 200px;
    height: 300px;
  }
}

@media (max-width: 799px) {
  .size2 {
    width: calc(160 / 375 * 100svw);
    height: calc(240 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size2 {
    width: 300px;
    height: 450px;
  }
}

@media (max-width: 799px) {
  .size3 {
    width: calc(110 / 375 * 100svw);
    height: calc(127 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size3 {
    width: 170px;
    height: 255px;
  }
}

@media (max-width: 799px) {
  .size4 {
    width: calc(210 / 375 * 100svw);
    height: calc(280 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size4 {
    width: 350px;
    height: 467px;
  }
}

@media (max-width: 799px) {
  .size5 {
    width: calc(112 / 375 * 100svw);
    height: calc(168 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size5 {
    width: 240px;
    height: 360px;
  }
}

@media (max-width: 799px) {
  .size6 {
    width: calc(167 / 375 * 100svw);
    height: calc(223 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size6 {
    width: 300px;
    height: 400px;
  }
}

@media (max-width: 799px) {
  .size7 {
    width: calc(90 / 375 * 100svw);
    height: calc(120 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size7 {
    width: 200px;
    height: 267px;
  }
}

@media (max-width: 799px) {
  .size8 {
    width: calc(130 / 375 * 100svw);
    height: calc(173 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size8 {
    width: 270px;
    height: 360px;
  }
}

@media (max-width: 799px) {
  .size9 {
    width: calc(178 / 375 * 100svw);
    height: calc(237 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size9 {
    width: 380px;
    height: 507px;
  }
}

@media (max-width: 799px) {
  .size10 {
    width: calc(230 / 375 * 100svw);
    height: calc(307 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size10 {
    width: 490px;
    height: 653px;
  }
}

@media (max-width: 799px) {
  .size11 {
    width: calc(90 / 375 * 100svw);
    height: calc(118 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size11 {
    width: 190px;
    height: 250px;
  }
}

@media (max-width: 799px) {
  .size12 {
    width: calc(120 / 375 * 100svw);
    height: calc(150 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .size12 {
    width: 240px;
    height: 300px;
  }
}

@media (max-width: 799px) {
  .code1,
  .code2,
  .code3,
  .code4,
  .code5,
  .code6,
  .code7,
  .code8 {
    padding-bottom: calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code1,
  .code2,
  .code3,
  .code4,
  .code5,
  .code6,
  .code7,
  .code8 {
    max-width: 800px;
    padding-bottom: 150px;
  }
}

.FV {
  position: relative;
  width: 100%;
  overflow: clip;
}
@media (max-width: 799px) {
  .FV {
    height: 100svh;
  }
}
@media (min-width: 800px) {
  .FV {
    height: calc(840 / 1440 * 100svw);
    display: flex;
  }
}
@media (max-width: 799px) {
  .FV__photo {
    position: absolute;
    inset: 0;
  }
}
@media (min-width: 800px) {
  .FV__photo {
    position: relative;
    flex-shrink: 0;
    width: calc(700 / 1440 * 100svw);
    height: 100%;
  }
}
.FV__photo picture, .FV__photo--fade {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.FV__photo picture img, .FV__photo--fade img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.FV__photo--fade {
  opacity: 0;
  transition: opacity 1s ease;
}
.FV__photo--fade.is-active {
  opacity: 1;
}
@media (max-width: 799px) {
  .FV__body {
    display: none;
  }
}
@media (min-width: 800px) {
  .FV__body {
    flex: 1;
    background: #129acd;
    padding: calc(70 / 1440 * 100svw);
  }
}
@media (min-width: 800px) {
  .FV__text {
    color: #129acd;
    text-align: center;
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 800px) {
  .FV__title {
    font-family: "myriad-pro", "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: calc(45 / 1440 * 100svw);
    line-height: normal;
    white-space: nowrap;
  }
}
@media (min-width: 800px) {
  .FV__lead {
    font-family: "myriad-pro", "Myriad Pro", sans-serif;
    font-size: calc(18 / 1440 * 100svw);
    line-height: calc(40 / 1440 * 100svw);
    margin-top: calc(84 / 1440 * 100svw);
  }
}
@media (max-width: 799px) {
  .FV__title-sp {
    position: absolute;
    bottom: calc(36 / 375 * 100svw);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 90%;
  }
  .FV__title-sp p {
    font-family: "myriad-pro", "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: calc(34 / 375 * 100svw);
    color: #ffffff;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 800px) {
  .FV__title-sp {
    display: none;
  }
}

@media (max-width: 799px) {
  .lead {
    background: #129acd;
    padding: calc(30 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .lead {
    display: none;
  }
}
.lead__inner {
  background: #ffffff;
  padding: calc(30 / 375 * 100svw) calc(20 / 375 * 100svw);
  text-align: center;
}
.lead__inner p {
  font-family: "noto-sans-cjk-jp", "Noto Sans JP", sans-serif;
  color: #129acd;
  font-weight: 400;
  font-size: calc(14 / 375 * 100svw);
  line-height: 2;
}

.index {
  position: relative;
}
@media (max-width: 799px) {
  .index {
    margin: 0 auto calc(60 / 375 * 100svw);
    width: calc(375 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index {
    width: 880px;
    margin: 74px auto 120px;
    display: flex;
  }
}
.index .index1 {
  position: relative;
}
@media (max-width: 799px) {
  .index .index1 {
    height: calc(289 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index1 {
    height: 463px;
  }
}
.index .index1 > li {
  position: absolute;
  bottom: 0;
}
.index .index1 > li a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  .index .index1 .index1-1 {
    left: calc(5 / 375 * 100svw);
    width: calc(118 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index1 .index1-1 {
    left: 0;
    width: 184px;
  }
}
@media (max-width: 799px) {
  .index .index1 .index2-1 {
    left: calc(81 / 375 * 100svw);
    width: calc(113 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index1 .index2-1 {
    left: 103px;
    transform: translateY(5%);
    width: 174px;
  }
}
@media (max-width: 799px) {
  .index .index1 .index3-1 {
    left: calc(150 / 375 * 100svw);
    width: calc(99 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index1 .index3-1 {
    left: 207px;
    width: 153px;
  }
}
@media (max-width: 799px) {
  .index .index1 .index4-1 {
    left: calc(203 / 375 * 100svw);
    width: calc(107 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index1 .index4-1 {
    left: 281px;
    width: 166px;
  }
}
@media (max-width: 799px) {
  .index .index1 .index5-1 {
    left: calc(276 / 375 * 100svw);
    width: calc(80 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index1 .index5-1 {
    left: 384px;
    transform: translateY(-10%);
    width: 133px;
  }
}
.index .index2 {
  position: relative;
}
@media (max-width: 799px) {
  .index .index2 {
    width: calc(261 / 375 * 100svw);
    height: calc(259 / 375 * 100svw);
    margin: 0 auto;
  }
}
@media (min-width: 800px) {
  .index .index2 {
    height: 437px;
  }
}
.index .index2 > li {
  position: absolute;
  bottom: 0;
}
.index .index2 > li a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  .index .index2 .index6-1 {
    left: calc(2 / 375 * 100svw);
    top: calc(36 / 375 * 100svw);
    width: calc(86 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index2 .index6-1 {
    left: 483px;
    width: 133px;
    transform: translateY(10%);
  }
}
@media (max-width: 799px) {
  .index .index2 .index7-1 {
    left: calc(61 / 375 * 100svw);
    top: calc(9 / 375 * 100svw);
    width: calc(85 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index2 .index7-1 {
    left: 554px;
    width: 123px;
    transform: translateY(12%);
  }
}
@media (max-width: 799px) {
  .index .index2 .index8-1 {
    left: calc(119 / 375 * 100svw);
    top: calc(36 / 375 * 100svw);
    width: calc(101 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index2 .index8-1 {
    left: 607px;
    width: 162px;
    transform: translateY(10%);
  }
}
@media (max-width: 799px) {
  .index .index2 .index9-1 {
    left: calc(183 / 375 * 100svw);
    top: calc(8 / 375 * 100svw);
    width: calc(94 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .index .index2 .index9-1 {
    left: 697px;
    width: 166px;
    transform: translateY(16%);
  }
}

@media (max-width: 799px) {
  .code1 {
    padding-bottom: calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code1 {
    margin: 0 auto;
  }
}
.code1__flex {
  position: relative;
}
@media (max-width: 799px) {
  .code1__flex {
    height: calc(250 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code1__flex {
    height: 533px;
  }
}
.code1__flex .code1__bg {
  position: absolute;
  inset: 0;
}
.code1__flex .code1__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.75);
}
.code1__flex .code1__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(43, 101, 125, 0.4);
}
.code1__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  z-index: 1;
}
@media (max-width: 799px) {
  .code1__item {
    gap: calc(17 / 375 * 100svw);
    width: calc(335 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code1__item {
    gap: 30px;
  }
}
.code1__item > div {
  flex-shrink: 0;
  overflow: clip;
}
@media (max-width: 799px) {
  .code1__item > div {
    width: calc(100 / 375 * 100svw);
    height: calc(150 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code1__item > div {
    width: 200px;
    height: 300px;
  }
}
.code1__box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .code1__box {
    margin: calc(30 / 375 * 100svw) calc(20 / 375 * 100svw) 0;
  }
}
@media (min-width: 800px) {
  .code1__box {
    margin: 50px auto 0;
    width: 640px;
    min-height: 609px;
  }
}
.code1__box .credit__box {
  width: fit-content;
}
@media (max-width: 799px) {
  .code1__box .credit__box {
    margin-top: calc(32 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code1__box .credit__box {
    margin-top: 61px;
  }
}
.code1__box .credit__box .credit {
  margin-top: calc(10 / 375 * 100svw);
}
@media (min-width: 800px) {
  .code1__box .credit__box .credit {
    margin-top: 20px;
  }
}
@media (max-width: 799px) {
  .code1__box ._4 {
    margin-top: calc(10 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code1__box ._4 {
    margin-top: 20px;
  }
}
.code1__box ._5 {
  margin-left: auto;
}

.code2 {
  position: relative;
}
@media (max-width: 799px) {
  .code2 {
    padding: 0 calc(20 / 375 * 100svw) calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code2 {
    margin: 0 auto;
  }
}
.code2__box {
  position: relative;
}
@media (max-width: 799px) {
  .code2__box {
    width: calc(335 / 375 * 100svw);
    margin: 0 auto calc(20 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code2__box {
    width: 100%;
    margin-bottom: 50px;
  }
}
.code2__box--1 {
  box-sizing: content-box;
  display: flex;
  justify-content: space-between;
}
.code2__box--1 .code2__flex1 {
  width: fit-content;
  display: flex;
}
@media (max-width: 799px) {
  .code2__box--1 .code2__flex1 {
    flex-direction: column;
    gap: calc(15 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code2__box--1 .code2__flex1 {
    gap: 20px;
    flex-direction: row-reverse;
    align-items: flex-end;
    height: fit-content;
  }
}
.code2__box--1 ._6 {
  height: auto;
}
@media (max-width: 799px) {
  .code2__box--1 ._6 {
    padding-top: calc(186 / 375 * 100svw);
    align-self: flex-start;
  }
}
@media (min-width: 800px) {
  .code2__box--1 ._6 {
    padding-top: 196px;
  }
}
@media (max-width: 799px) {
  .code2__box--2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
.code2__box--2 .code2__spcredit {
  width: fit-content;
}
.code2__box--2 .code2__spcredit .credit {
  margin-top: calc(15 / 375 * 100svw);
}
.code2__box--2 .code2__flex2 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .code2__box--2 .code2__flex2 {
    padding-top: calc(55 / 375 * 100svw);
    gap: calc(15 / 375 * 100svw);
    align-items: flex-end;
  }
}
@media (min-width: 800px) {
  .code2__box--2 {
    display: flex;
    justify-content: space-between;
    margin-top: -110px;
  }
  .code2 ._11 {
    padding-top: 330px;
    height: auto;
  }
  .code2 .code2__pccredit {
    width: fit-content;
  }
  .code2 .code2__pccredit .credit {
    margin-top: 20px;
  }
  .code2 .code2__flex2 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-end;
  }
}
.code2__copy {
  position: absolute;
  font-family: "Just Me Again Down Here", cursive;
  color: #129acd;
  display: block;
  transform: rotate(-8deg);
  letter-spacing: 0.03em;
  line-height: 1.5;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .code2__copy {
    font-size: calc(22 / 375 * 100svw);
    text-align: center;
    top: 40%;
    left: 19%;
  }
}
@media (min-width: 800px) {
  .code2__copy {
    font-size: 45px;
    line-height: 1.0888888889;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) rotate(-8deg);
  }
}

@media (max-width: 799px) {
  .code3 {
    padding-bottom: calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code3 {
    padding-bottom: calc(100 / 1440 * 100svw);
    max-width: 800px;
    margin: 0 auto;
  }
}
.code3__BOX {
  margin: 0 calc(20 / 375 * 100svw) calc(30 / 375 * 100svw);
}
@media (min-width: 800px) {
  .code3__BOX {
    margin: 0 65px 40px;
  }
}
.code3__BOX .credit_flex {
  margin-left: auto;
  width: fit-content;
}
@media (min-width: 800px) {
  .code3__BOX .credit_flex {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
.code3__BOX .credit_flex .credit {
  margin-top: calc(10 / 375 * 100svw);
}
@media (min-width: 800px) {
  .code3__BOX .credit_flex .credit {
    margin-top: 30px;
  }
}
@media (max-width: 799px) {
  .code3__BOX ._13 {
    margin-top: calc(10 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code3__BOX ._13 {
    margin-top: -70.5px;
  }
}
.code3 ._14 {
  width: 100%;
}
@media (max-width: 799px) {
  .code3 ._14 {
    height: calc(250 / 375 * 100svw);
    margin-bottom: calc(30 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code3 ._14 {
    height: 533px;
    margin-bottom: 40px;
  }
}
.code3__flex {
  display: flex;
  justify-content: space-between;
}
.code3__flex > div {
  overflow: clip;
}

@media (max-width: 799px) {
  .code4 {
    padding-bottom: calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4 {
    padding-bottom: 100px;
    max-width: 800px;
    margin: 0 auto;
  }
}
.code4__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 799px) {
  .code4__grid {
    width: calc(224 / 375 * 100svw);
    margin: 0 auto calc(50 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4__grid {
    width: 480px;
    margin: 0 auto 50px;
  }
}
.code4__grid > div {
  overflow: clip;
}
@media (max-width: 799px) {
  .code4__grid > div {
    height: calc(168 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4__grid > div {
    height: 360px;
  }
}
.code4 .code4-black {
  position: relative;
}
@media (max-width: 799px) {
  .code4 .code4-black {
    padding: calc(30 / 375 * 100svw) calc(20 / 375 * 100svw);
    display: flex;
    justify-content: space-between;
  }
}
.code4 .code4-black .middlebox {
  width: fit-content;
}
@media (max-width: 799px) {
  .code4 .code4-black .middlebox {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 800px) {
  .code4 .code4-black .middlebox {
    margin: 0 auto;
  }
}
@media (max-width: 799px) {
  .code4 .code4-black ._23 {
    margin-top: calc(55 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4 .code4-black ._23 {
    margin-top: 10px;
  }
}
@media (max-width: 799px) {
  .code4 .code4-black .rightbox {
    width: fit-content;
    display: flex;
    flex-direction: column-reverse;
    padding-top: calc(43 / 375 * 100svw);
  }
}
@media (max-width: 799px) {
  .code4 .code4-black ._24,
  .code4 .code4-black ._25 {
    width: calc(160 / 375 * 100svw);
    height: calc(240 / 375 * 100svw);
  }
}
@media (max-width: 799px) {
  .code4 .code4-black ._24 {
    margin-top: calc(20 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4 .code4-black ._24 {
    position: absolute;
    left: 0;
    top: 320px;
  }
}
.code4 .code4-black .credit-flex {
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .code4 .code4-black .credit-flex {
    width: calc(160 / 375 * 100svw);
    height: 100%;
  }
}
@media (min-width: 800px) {
  .code4 .code4-black .credit-flex {
    position: absolute;
    right: 0;
    top: 320px;
  }
}
@media (max-width: 799px) {
  .code4 .code4-black .credit-flex .credit {
    margin-top: calc(20 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4 .code4-black .credit-flex .credit {
    margin-top: 10px;
  }
}
.code4 .code4-white {
  position: relative;
}
@media (max-width: 799px) {
  .code4 .code4-white ._26-1 {
    margin: 0 auto calc(20 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4 .code4-white ._26-1 {
    margin: 50px 160px 0 auto;
  }
}
.code4 .code4-white .img_flex {
  display: flex;
}
@media (max-width: 799px) {
  .code4 .code4-white .img_flex {
    justify-content: space-between;
  }
}
@media (min-width: 800px) {
  .code4 .code4-white .img_flex {
    gap: 70px;
    margin-top: 68px;
    justify-content: center;
  }
}
.code4 .code4-white .img_flex ._28-1 {
  box-sizing: content-box;
}
@media (max-width: 799px) {
  .code4 .code4-white .img_flex ._28-1 {
    padding-top: calc(47 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code4 .code4-white .img_flex ._28-1 {
    padding-top: 83px;
  }
}
@media (max-width: 799px) {
  .code4 .code4-white .credit {
    margin: calc(15 / 375 * 100svw) auto 0;
  }
}
@media (min-width: 800px) {
  .code4 .code4-white .credit {
    position: absolute;
    left: 65px;
    bottom: 0;
  }
}

.code5 {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.code5__parallax-wrap {
  position: relative; /* 子要素の基準点にする */
  width: 100%;
  max-width: 800px; /* デザインの基準横幅に合わせて調整してください */
  margin: 0 auto;
}
@media (max-width: 799px) {
  .code5__bg {
    height: calc(468 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code5__bg {
    height: 1000px;
  }
}
.code5__bg {
  position: sticky;
  top: calc(50svh - 50%);
  z-index: 0;
  width: 100%;
}
.code5__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.code5__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(43, 101, 125, 0.6);
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 2;
}
.code5__bg.is-active::after {
  opacity: 1;
}
.code5__scroll-layer {
  position: relative;
  z-index: 2;
}
@media (max-width: 799px) {
  .code5__scroll-layer {
    height: calc(469 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code5__scroll-layer {
    height: 1000px;
  }
}
.code5 .code5__credit {
  position: absolute;
  bottom: 180px;
  right: 65px;
  z-index: 10;
}
@media (max-width: 799px) {
  .code5 .code5__credit {
    bottom: calc(70 / 375 * 100svw);
    right: calc(30 / 375 * 100svw);
  }
}
.code5 .code5__credit .credit span,
.code5 .code5__credit .credit a {
  color: #ffffff;
}
.code5 .code5__credit.is-active {
  opacity: 1;
}
.code5__scroll-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.code5__scroll-container::-webkit-scrollbar {
  display: none;
}
.code5__scroll-inner {
  display: flex;
  align-items: center;
  height: 100%;
  width: max-content; /* 💡中身の画像幅に合わせて横にびょーんと伸ばす */
  padding: 0 calc(20 / 375 * 100svw); /* スクロールしたときの左右の余白（お好みで） */
  will-change: transform;
}
@media (min-width: 800px) {
  .code5__scroll-inner {
    padding: 0 65px;
  }
}

._32,
._33,
._34 {
  flex-shrink: 0; /* 💡横スクロール内で画像が潰れるのを防ぐ超重要プロパティ */
  margin-right: 30px; /* 画像と画像の間のすき間 */
}
@media (min-width: 800px) {
  ._32,
  ._33,
  ._34 {
    margin-right: 65px;
  }
}
._32 img,
._33 img,
._34 img {
  display: block;
}
@media (max-width: 799px) {
  ._32 img,
  ._33 img,
  ._34 img {
    width: calc(335 / 375 * 100svw); /* 縦横比を崩さない */
  }
}
@media (min-width: 800px) {
  ._32 img,
  ._33 img,
  ._34 img {
    width: 670px;
  }
}

._34 {
  margin-right: 0; /* 最後の画像は右余白なし */
}

.code6 {
  margin: 0 auto;
}
.code6__flexwrap {
  position: relative;
  padding: 0 0 calc(30 / 375 * 100svw) calc(20 / 375 * 100svw);
  display: flex;
  justify-content: space-between;
}
@media (min-width: 800px) {
  .code6__flexwrap {
    padding: 0 0 50px 65px;
  }
}
@media (max-width: 799px) {
  .code6__flexwrap .imgbox ._41 {
    margin-bottom: calc(18 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code6__flexwrap .imgbox ._41 {
    margin-bottom: 50px;
  }
}
@media (max-width: 799px) {
  .code6__flexwrap .imgbox2 {
    width: calc(202 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code6__flexwrap .imgbox2 {
    width: 430px;
  }
}
.code6__flexwrap .imgbox2 ._42 {
  box-sizing: content-box;
}
@media (max-width: 799px) {
  .code6__flexwrap .imgbox2 ._42 {
    margin-top: calc(84 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code6__flexwrap .imgbox2 ._42 {
    margin-top: 180px;
  }
}
.code6__flexwrap .imgbox2 ._45 {
  box-sizing: content-box;
  margin-left: auto;
}
@media (max-width: 799px) {
  .code6__flexwrap .imgbox2 ._45 {
    margin-top: calc(18 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code6__flexwrap .imgbox2 ._45 {
    margin-top: 50px;
  }
}
.code6__copy {
  position: absolute;
  font-family: "Just Me Again Down Here", cursive;
  color: #129acd;
  letter-spacing: 0.03em;
}
@media (max-width: 799px) {
  .code6__copy {
    font-size: calc(22 / 375 * 100svw);
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -30%);
  }
}
@media (min-width: 800px) {
  .code6__copy {
    font-size: 45px;
    line-height: 1.0888888889;
    bottom: 500px;
    transform: translateX(-80px);
  }
}
.code6__fullimg {
  position: relative;
  display: block;
}
@media (max-width: 799px) {
  .code6__fullimg {
    height: calc(469 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code6__fullimg {
    height: auto;
    max-width: 800px;
    margin: 0 auto;
  }
}
.code6__fullimg ._47 {
  width: 100%;
}
.code6__fullimg ._47 img {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 799px) {
  .code6__fullimg .img-credit__btn.Union {
    bottom: calc(20 / 375 * 100svw);
    right: calc(20 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code6__fullimg .img-credit__btn.Union {
    bottom: 30px;
    right: 30px;
    width: 90px;
    height: 90px;
  }
}
.code6__fullimg .img-credit__overlay {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 799px) {
  .code6__fullimg .img-credit__overlay {
    gap: calc(16 / 375 * 100svw);
    padding: calc(20 / 375 * 100svw);
  }
}
.code6__fullimg ._48 {
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 799px) {
  .code6__fullimg ._48 {
    margin-bottom: calc(10 / 375 * 100svw);
  }
}
.code6__fullimg ._48 .fade-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease;
}
.code6__fullimg ._48 .fade-img.is-active {
  opacity: 1;
}
.code6 .credit .item {
  color: #ffffff !important;
}

.code7 {
  margin: 0 auto;
}
.code7__flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .code7__flex {
    margin-bottom: calc(30 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code7__flex {
    max-width: 800px;
    margin-bottom: 50px;
  }
}
.code7__flex > div {
  flex-shrink: 0;
  overflow: clip;
}

.code7 {
  position: relative;
  z-index: 1;
  background: #ffffff;
}
.code7__parallax-wrap {
  position: relative;
  width: 100%;
}
.code7__bg {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 0;
  height: 100vh;
  max-height: 1500px;
}
.code7__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(43, 101, 125, 0.4);
  opacity: 0;
  transition: opacity 0.6s ease;
}
.code7__bg.is-active::after {
  opacity: 1;
}
.code7__scroll-layer {
  position: relative;
  z-index: 2;
}
.code7__photos {
  position: relative;
  height: 130vh;
  max-height: 1500px;
}
@media (min-width: 800px) {
  .code7__photos {
    max-width: 800px;
    margin: 0 auto;
  }
}
.code7__photos ._56 {
  position: absolute;
}
@media (max-width: 799px) {
  .code7__photos ._56 {
    left: calc(32 / 375 * 100svw);
    top: calc(209 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code7__photos ._56 {
    left: 100px;
    top: 78px;
  }
}
.code7__photos ._57 {
  position: absolute;
}
@media (max-width: 799px) {
  .code7__photos ._57 {
    right: calc(30 / 375 * 100svw);
    top: calc(230 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code7__photos ._57 {
    left: 460px;
    top: 123px;
  }
}
.code7__photos ._59 {
  position: absolute;
}
@media (max-width: 799px) {
  .code7__photos ._59 {
    left: calc(158 / 375 * 100svw);
    top: calc(480 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code7__photos ._59 {
    left: 369px;
    top: 603px;
  }
}
.code7__photos ._58 {
  position: absolute;
}
@media (max-width: 799px) {
  .code7__photos ._58 {
    left: calc(67 / 375 * 100svw);
    top: calc(395 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code7__photos ._58 {
    left: 175px;
    top: 443px;
  }
}
.code7__union {
  position: fixed;
  z-index: 10;
}
@media (max-width: 799px) {
  .code7__union {
    bottom: calc(20 / 375 * 100svw);
    right: calc(20 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code7__union {
    bottom: calc(30 / 1440 * 100svw);
    right: calc(30 / 1440 * 100svw);
  }
}
.code7__union {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.code7__union.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.code7__union .img-credit__btn.Union {
  position: relative;
  bottom: auto;
  right: auto;
}
.code7__union .img-credit__btn.Union::before, .code7__union .img-credit__btn.Union::after {
  background: #ffffff;
}
.code7__union .img-credit__btn.Union.is-active::before, .code7__union .img-credit__btn.Union.is-active::after {
  background: #ffffff;
}
.code7__union .img-credit__overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
}
@media (max-width: 799px) {
  .code7__union .img-credit__overlay {
    gap: calc(16 / 375 * 100svw);
    padding: calc(16 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code7__union .img-credit__overlay {
    gap: calc(20 / 1440 * 100svw);
    padding: calc(20 / 1440 * 100svw);
  }
}
.code7__union .img-credit__overlay.is-active {
  background: rgba(43, 101, 125, 0.85);
}
.code7__union ._48 {
  position: relative;
  flex-shrink: 0;
}
.code7__union ._48 .fade-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease;
}
.code7__union ._48 .fade-img.is-active {
  opacity: 1;
}

@media (max-width: 799px) {
  .code8 {
    padding: 0 calc(20 / 375 * 100svw) calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code8 {
    padding: 0 0 calc(100 / 1440 * 100svw);
    max-width: 800px;
    margin: 0 auto;
  }
}
.code8__flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .code8__flex {
    margin-bottom: calc(30 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code8__flex {
    margin-bottom: 40px;
  }
}
@media (max-width: 799px) {
  .code8__flex ._62-2 {
    width: calc(205 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code8__flex ._62-2 {
    width: 530px;
  }
}
.code8__box {
  position: relative;
}
@media (min-width: 800px) {
  .code8__box {
    margin: 0 65px 40px;
  }
}
@media (max-width: 799px) {
  .code8__box ._66-1 {
    margin: calc(-75 / 375 * 100svw) auto;
  }
}
@media (min-width: 800px) {
  .code8__box ._66-1 {
    margin: -140px auto;
  }
}
.code8__box ._65-1 {
  margin-left: auto;
}
.code8__box .credit_flex {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 799px) {
  .code8__box .credit_flex {
    gap: calc(10 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code8__box .credit_flex {
    gap: 20px;
  }
}
.code8__copy {
  font-family: "Just Me Again Down Here", cursive;
  color: #129acd;
  position: absolute;
}
@media (max-width: 799px) {
  .code8__copy {
    font-size: calc(22 / 375 * 100svw);
    letter-spacing: 0.03em;
    line-height: calc(38 / 375 * 100svw);
    text-align: right;
    top: calc(150 / 375 * 100svw);
    right: 0;
  }
}
@media (min-width: 800px) {
  .code8__copy {
    font-size: 45px;
    line-height: 0.8444444444;
    text-align: right;
    top: 400px;
    right: 0;
  }
}

@media (max-width: 799px) {
  .code9 {
    padding-bottom: calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code9 {
    padding-bottom: 100px;
    max-width: 800px;
    margin: 0 auto;
  }
}
.code9__flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .code9__flex {
    margin-bottom: calc(30 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code9__flex {
    margin-bottom: 50px;
  }
}
.code9__main ._67-2 {
  margin: 0 auto;
}
@media (max-width: 799px) {
  .code9__main ._67-2 {
    margin-bottom: calc(20 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .code9__main ._67-2 {
    margin-bottom: 20px;
  }
}
.code9__credit {
  margin: 0 auto;
  height: fit-content;
}
@media (min-width: 800px) {
  .code9__credit {
    margin-top: 20px;
  }
}

.final1 {
  display: flex;
}
@media (max-width: 799px) {
  .final1 {
    gap: calc(15 / 375 * 100svw);
    padding-bottom: calc(100 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .final1 {
    gap: calc(30 / 1440 * 100svw);
    padding-bottom: calc(100 / 1440 * 100svw);
    max-width: 800px;
    margin: 0 auto;
    align-items: flex-start;
  }
}
.final1 .Frame1 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 799px) {
  .final1 .Frame1 > div {
    width: calc(125 / 375 * 100svw);
    height: calc(150 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .final1 .Frame1 > div {
    width: 260px;
    height: 270px;
  }
}
.final1 .Frame1 > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.final1 .Frame2 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 799px) {
  .final1 .Frame2 {
    gap: calc(15 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .final1 .Frame2 {
    gap: 30px;
  }
}
.final1 .Frame2 > div {
  overflow: clip;
}
@media (max-width: 799px) {
  .final1 .Frame2 > div {
    height: calc(293 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .final1 .Frame2 > div {
    height: 525px;
  }
}

.final2 {
  position: relative;
}
@media (max-width: 799px) {
  .final2 {
    height: calc(474 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  .final2 {
    width: 800px;
    height: 960px;
    margin: 0 auto 80px;
  }
}
.final2 ._81-2 {
  position: absolute;
  inset: 0;
  overflow: clip;
}
@media (max-width: 799px) {
  .final2 ._81-2 {
    border: calc(28 / 375 * 100svw) solid #129acd;
  }
}
@media (min-width: 800px) {
  .final2 ._81-2 {
    border: 109px solid #129acd;
  }
}
.final2 ._81-2::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(43, 101, 125, 0.4);
}
.final2 address {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
  font-family: "myriad-pro", "Myriad Pro", sans-serif;
  text-shadow: 0 0 15px #343e44;
  z-index: 1;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .final2 address {
    font-size: calc(12 / 375 * 100svw);
    line-height: calc(26 / 375 * 100svw);
    letter-spacing: 0.25em;
  }
}
@media (min-width: 800px) {
  .final2 address {
    font-size: 20px;
    line-height: 2.4;
    letter-spacing: 0.06em;
  }
}

footer {
  font-family: "myriad-pro", "Myriad Pro", sans-serif;
}
footer a.allitem {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #129acd;
  text-decoration: none;
  color: #ffffff;
  letter-spacing: 0.03em;
}
@media (max-width: 799px) {
  footer a.allitem {
    width: calc(225 / 375 * 100svw);
    height: calc(52 / 375 * 100svw);
    font-size: calc(13 / 375 * 100svw);
    margin: calc(85 / 375 * 100svw) auto;
  }
}
@media (min-width: 800px) {
  footer a.allitem {
    width: 400px;
    height: 72px;
    font-size: 22px;
    margin: 104px auto;
  }
}
footer ul.linklist {
  display: flex;
  justify-content: center;
  letter-spacing: 0.05em;
}
@media (max-width: 799px) {
  footer ul.linklist {
    margin-bottom: calc(24 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  footer ul.linklist {
    margin-bottom: 33px;
  }
}
@media (max-width: 799px) {
  footer ul.linklist li {
    font-size: calc(11 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  footer ul.linklist li {
    font-size: 18px;
  }
}
footer ul.linklist li a {
  text-decoration: none;
  color: #252525;
}
@media (max-width: 799px) {
  footer ul.linklist li::after {
    content: "/";
    display: inline-block;
    padding-left: calc(10 / 375 * 100svw);
    padding-right: calc(10 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  footer ul.linklist li::after {
    content: "/";
    display: inline-block;
    padding-left: 13px;
    padding-right: 13px;
  }
}
footer ul.linklist li:last-child::after {
  display: none;
}
footer a.logo {
  display: block;
}
@media (max-width: 799px) {
  footer a.logo {
    width: calc(100 / 375 * 100svw);
    margin: 0 auto calc(55 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  footer a.logo {
    width: 150px;
    margin: 0 auto 95px;
  }
}
footer p.copy {
  text-align: center;
  letter-spacing: 0.05em;
}
@media (max-width: 799px) {
  footer p.copy {
    font-size: calc(8 / 375 * 100svw);
    margin-bottom: calc(24 / 375 * 100svw);
  }
}
@media (min-width: 800px) {
  footer p.copy {
    font-size: 14px;
    margin-bottom: 70px;
  }
}/*# sourceMappingURL=style.css.map */