:root {
  --vh: 16px;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  font-size: 54.69%;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 768px) and (min-height: 640px) {
  html {
    overflow-y: hidden;
  }
}

body {
  position: relative;
  font-size: 16px;
  height: 100%;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
  body {
    min-width: 1200px;
  }
}
@media (max-width: 767px) {
  body {
    height: calc(100% - env(safe-area-inset-bottom));
  }
}

img,
svg {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

@media (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
header {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url(../img/logo_bg_sp.png) no-repeat center/cover;
  width: 281px;
  height: 67px;
  z-index: 1;
}
@media (min-width: 768px) {
  header {
    width: 461px;
    height: 110px;
    padding-top: 15px;
    background: url(../img/logo_bg.png) no-repeat center/cover;
  }
  header .header_logo img {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  header .header_logo {
    width: 189px;
    padding-top: 10px;
  }
}

.entrance_main {
  min-height: 620px;
  height: 100%;
  margin: auto;
  position: relative;
}
@media (max-width: 1199px) {
  .entrance_main {
    height: calc(var(--vh, 1vh) * 100);
  }
}
.entrance_main .entrance_item {
  overflow: hidden;
  position: relative;
}
.entrance_main .entrance_item .link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-decoration: none;
}
.entrance_main .entrance_item figure {
  height: 100%;
  position: relative;
}
.entrance_main .entrance_item figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.entrance_main .entrance_item figure figcaption {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "Raleway", sans-serif;
  text-align: center;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: clamp(40px, 5vw, 75px);
  width: 100%;
  font-size: clamp(15px, 2.4vw, 21px);
  letter-spacing: 4.2px;
}
@media (max-width: 767px) {
  .entrance_main .entrance_item figure figcaption {
    padding-bottom: 3px;
  }
}
.entrance_main .entrance_item:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.entrance_main .mainCopy {
  position: absolute;
  bottom: 57px;
}
@media (min-width: 768px) {
  .entrance_main .mainCopy {
    bottom: clamp(119.2px, 9.933vw, 149px);
  }
}
@media (max-width: 767px) {
  .entrance_main .mainCopy {
    max-width: 460px;
    width: 100%;
  }
  .entrance_main .mainCopy:after {
    content: "";
    width: 41.8px;
    height: 41.8px;
    position: absolute;
    bottom: 12%;
    right: 5%;
  }
}
.entrance_main .mainCopy .ttl {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-style: italic;
  font-size: clamp(58px, 14.87vw, 80px);
  font-weight: 500;
  color: #fff;
  letter-spacing: 4.06px;
  position: relative;
  padding-left: clamp(15px, 1vw, 30px);
}
@media (min-width: 768px) {
  .entrance_main .mainCopy .ttl {
    font-size: clamp(82px, 7.3vw, 140px);
    letter-spacing: clamp(4.06px, 7.84vw, 9.8px);
    padding-left: clamp(27px, 3.5vw, 31px);
    margin-bottom: -13px;
  }
}
.entrance_main .mainCopy .ttl:before {
  content: "";
  position: absolute;
  bottom: 2px;
}
@media (max-width: 767px) {
  .entrance_main .mainCopy .ttl:before {
    left: 0;
    width: 209px;
    height: 14px;
    background: url(../img/ttl_line.png) no-repeat center/cover;
  }
}
.entrance_main .mainCopy .catch {
  font-size: clamp(20.5px, 3.2vw, 49px);
  font-weight: 700;
  line-height: clamp(27.2px, 4.333vw, 65px);
  display: table;
  padding: clamp(11.8px, 1.8vw, 27px) 10px;
  background: #fff;
  margin-top: -3px;
  position: relative;
  border-radius: 0 clamp(18.83px, 3vw, 45px) clamp(18.83px, 3vw, 45px) 0;
  letter-spacing: 0.12em;
}
@media (max-width: 767px) {
  .entrance_main .mainCopy .catch {
    min-width: 251px;
    padding-left: 30px;
    padding-right: 22px;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 768px) {
  .entrance_main .mainCopy .catch {
    width: clamp(400px, 33.333vw, 600px);
    font-size: clamp(34px, 2.83vw, 49px);
    line-height: clamp(52px, 4.333vw, 65px);
  }
}
.entrance_main .mainCopy .catch:before, .entrance_main .mainCopy .catch:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 17px;
  background: url(../img/subtract.png) no-repeat center/cover;
}
@media (max-width: 767px) {
  .entrance_main .mainCopy .catch:before {
    left: 0;
    bottom: calc(100% - 1px);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .entrance_main .mainCopy .catch:after {
    left: 0;
    top: calc(100% - 2px);
    -webkit-transform: scale(-1, 1) rotate(275deg);
            transform: scale(-1, 1) rotate(275deg);
  }
}
.entrance_main .mainCopy .catch .catch_wrap {
  display: table;
  margin: auto;
}
@media ( min-width : 768px ) {
  .entrance_main .entrance_item .mainCopy .catch .catch_wrap {
    transform: translate(13px, -3px);
  }
}
@media (max-width: 767px) {
  .entrance_main .entrance_item.newopen_container {
    border-radius: 45px 45px 0 0;
  }
}
.entrance_main .entrance_item.newopen_container figcaption {
  background: rgba(12, 112, 232, 0.85);
  color: #A9C8EC;
}
@media (max-width: 767px) {
  .entrance_main .entrance_item.newopen_container .mainCopy:after {
    background: url(../img/select_arrow_blue.svg) no-repeat center/cover;
    border-radius: 50%;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@media (min-width: 768px) {
  .entrance_main .entrance_item.newopen_container .mainCopy .ttl:before {
    background: url(../img/newopen_ttl_line.png) no-repeat center/cover;
    left: -26px;
    width: clamp(340px, 28.5vw, 528px);
    height: clamp(20px, 1.666vw, 34px);
    bottom: 3px;
  }
}
.entrance_main .entrance_item.newopen_container .mainCopy .catch:before {
  left: 0;
  bottom: calc(100% - 1px);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.entrance_main .entrance_item.newopen_container .mainCopy .catch:after {
  left: 0;
  top: calc(100% - 2px);
  -webkit-transform: scale(-1, 1) rotate(275deg);
          transform: scale(-1, 1) rotate(275deg);
}
.entrance_main .entrance_item.newopen_container .mainCopy .catch .color {
  color: #0C70E8;
}
.entrance_main .entrance_item.renewal_container figcaption {
  background: rgba(22, 176, 115, 0.85);
  color: #CEE7DD;
}
@media (max-width: 767px) {
  .entrance_main .entrance_item.renewal_container .mainCopy:after {
    background: url(../img/select_arrow_green.svg) no-repeat center/cover;
    border-radius: 50%;
  }
}
@media (min-width: 768px) {
  .entrance_main .entrance_item.renewal_container .mainCopy {
    right: 0;
  }
}
@media (min-width: 768px) {
  .entrance_main .entrance_item.renewal_container .mainCopy .ttl {
    text-align: right;
    padding-right: clamp(31px, 4vw, 39px);
  }
}
@media (min-width: 768px) {
  .entrance_main .entrance_item.renewal_container .mainCopy .ttl:before {
    left: auto;
    right: 0;
    right: 0;
    background: url(../img/renewal_ttl_line.png) no-repeat center/cover;
    width: clamp(340px, 27.5vw, 528px);
    height: clamp(20px, 1.666vw, 32px);
    bottom: 6px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .entrance_main .entrance_item.renewal_container .mainCopy .ttl:before {
    bottom: 1px;
  }
}
@media (min-width: 768px) {
  .entrance_main .entrance_item.renewal_container .mainCopy .catch {
    margin-left: auto;
    border-radius: clamp(23.04px, 3vw, 45px) 0 0 clamp(23.04px, 3vw, 45px);
    letter-spacing: 0.1em;
  }
  .entrance_main .entrance_item.renewal_container .mainCopy .catch .catch_wrap {
    transform: translate(13px, -3px);
  }
  .entrance_main .entrance_item.renewal_container .mainCopy .catch:before {
    left: auto;
    right: 0;
    bottom: calc(100% - 1px);
  }
  .entrance_main .entrance_item.renewal_container .mainCopy .catch:after {
    left: auto;
    right: 0;
    top: calc(100% - 2px);
    -webkit-transform: scale(-1, 1) rotate(180deg);
            transform: scale(-1, 1) rotate(180deg);
  }
}
.entrance_main .entrance_item.renewal_container .mainCopy .catch .color {
  color: #16B073;
}
@media (min-width: 768px) {
  .entrance_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% - clamp(37.8px, 3.15vw, 54px));
  }
  .entrance_main .entrance_item {
    width: 50%;
    height: calc(100% - clamp(39.199px, 32.6658vw, 56px));
    position: relative;
  }
  .entrance_main .entrance_item picture {
    height: 100%;
    display: block;
  }
  .entrance_main .hover_switch_item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .entrance_main .on_block {
    position: relative;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .entrance_main .on_block .hover_ttl {
    font-size: clamp(32px, 2.66vw, 40px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    font-weight: 700;
    width: clamp(340px, 28.333vw, 425px);
    height: clamp(300px, 25vw, 375px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    letter-spacing: clamp(3.2px, 0.0266vw, 4px);
    line-height: clamp(44px, 3.666vw, 55px);
    border-radius: clamp(40px, 3.333vw, 50px);
  }
  .entrance_main .newopen_container {
    border-radius: 40px 0 0 40px;
  }
  .entrance_main .renewal_container {
    border-radius: 0 40px 40px 0;
  }
  .entrance_main .selectList {
    width: clamp(124px, 10.75vw, 194px);
    height: clamp(124px, 10.75vw, 194px);
    position: absolute;
    left: 50%;
    bottom: 155px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .entrance_main .selectList li {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .entrance_main .selectList li.on {
    opacity: 0;
  }
  .entrance_main .selectList.active li {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .entrance_main .selectList.active li.off {
    opacity: 0;
  }
  .entrance_main .selectList.active li.on {
    opacity: 1;
  }
  .entrance_main .selectList:before, .entrance_main .selectList:after {
    content: "";
    width: clamp(41.8px, 3.483vw, 66px);
    height: clamp(41.8px, 3.483vw, 66px);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .entrance_main .selectList:before {
    right: calc(100% + 22px);
    background: url(../img/select_arrow_blue.svg) no-repeat center/cover;
  }
  .entrance_main .selectList:after {
    left: calc(100% + 22px);
    background: url(../img/select_arrow_green.svg) no-repeat center/cover;
  }
  .entrance_main .selectList.left:before {
    background: url(../img/select_arrow_blue_hover.svg) no-repeat center/cover;
  }
  .entrance_main .selectList.left:after {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .entrance_main .selectList.right:after {
    background: url(../img/select_arrow_green_hover.svg) no-repeat center/cover;
  }
  .entrance_main .selectList.right:before {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .entrance_main .hover-newopen .on_block,
  .entrance_main .hover-renewal .on_block {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
  }
  .entrance_main .hover-newopen .off_block,
  .entrance_main .hover-renewal .off_block {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}
@media (max-width: 767px) {
  .entrance_main {
    width: 89.743%;
    margin: auto;
    padding: 26px 0 24px;
  }
  .entrance_main .entrance_item {
    height: calc(50vh - 25px);
  }
  .entrance_main .renewal_container {
    border-radius: 0 0 40px 40px;
  }
  .entrance_main .hover_switch_item {
    height: 100%;
  }
}/*# sourceMappingURL=base.css.map */