@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");

/*ブラウザクリア*/
#denisura p {
  display: block;
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  -webkit-margin-after: 0em;
  margin-block-end: 0em;
  -webkit-margin-start: 0px;
  -moz-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  -moz-margin-end: 0px;
  margin-inline-end: 0px;
}
#denisura ul {
  -webkit-margin-before: 0em;
  margin-block-start: 0em;
  -webkit-margin-after: 0em;
  margin-block-end: 0em;
  -webkit-margin-start: 0px;
  -moz-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  -moz-margin-end: 0px;
  margin-inline-end: 0px;
  -webkit-padding-start: 00px;
  -moz-padding-start: 00px;
  padding-inline-start: 00px;
}
body {
  margin: 0;
}
figure {
  margin: 0;
}
img {
  max-width: 100%;
}
.wrapper_ {
  overflow: visible;
}
#header,
#footer {
  overflow: hidden;
}
/*ブラウザクリア*/

/*****************************
			共通
******************************/
#denisura .main {
  background: linear-gradient(180deg, #0068ba 0%, #00b9f0 100%);
  height: calc(100svh - 85px);
  position: relative;
  text-align: left;
  overflow: hidden;
}
#denisura .main_front,
#denisura .main_shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
}
#denisura .main_front .swiper-slide img,
#denisura .main_shadow .swiper-slide img {
  visibility: hidden;
}
#denisura .main_front .swiper-slide img[src$="_01.png"],
#denisura .main_shadow .swiper-slide img[src$="_01.png"] {
  visibility: visible;
}
#denisura .main_front.load .swiper-slide img,
#denisura .main_shadow.load .swiper-slide img {
  visibility: visible;
}
#denisura .main_front .swiper-slide,
#denisura .main_shadow .swiper-slide {
  transition: opacity 1.5s !important;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "";
  display: none !important;
}

#denisura .main_front img,
#denisura .main_shadow img {
  max-width: none;
  width: auto;
  height: 100%;
}
#denisura .main_front {
  z-index: 2;
}
#denisura .main .text_area {
  position: absolute;
  right: 8%;
  top: 0;
  bottom: 1%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 43.0476vh;
  z-index: 10;
}
#denisura .main .title {
  width: 100%;
  position: absolute;
  left: -0.3%;
  top: 0;
  bottom: 0;
}
#denisura .main .title img {
  width: auto;
  max-width: none;
  height: 86.8571%;
  position: absolute;
  top: 8%;
  left: 0;
}
#denisura .main .text_area > p {
  line-height: 2;
  color: #fff;
  font-size: 2.2857vh;
  letter-spacing: -0.05em;
  font-weight: 500;
  margin-right: -1em;
  text-indent: -0.5em;
}
#denisura .main .logo {
  width: 100%;
  background: #001960;
  padding: 10.9557% 0 8.8495%;
  margin-top: 5%;
}
#denisura .main .logo img {
  width: 76.9081%;
  margin: 0 auto;
  display: block;
}
#denisura .main .text_area .mark {
  width: 41.7522%;
  margin: 0 0 0 auto;
}

@media screen and (min-width: 751px) {
  #denisura .sp {
    display: none;
  }
  @media (max-aspect-ratio: 16/9) {
    #denisura .main {
      height: 51vw;
    }
    #denisura .main .text_area {
      width: 24.4886%;
      right: 5%;
    }
    #denisura .main .text_area > p {
      font-size: 1.2913vw;
    }
  }
}
@media screen and (max-width: 750px) {
  #denisura .pc {
    display: none;
  }
  #denisura .main {
    background: linear-gradient(180deg, #00b6eb 0%, #0068b4 100%);
    height: calc(1920 / 750 * 100vw);
  }
  #denisura .main figure img {
    width: 100%;
    height: auto;
  }
  #denisura .main .text_area {
    position: relative;
    right: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: calc(36 / 750 * 100vw);
  }
  #denisura .main .title {
    position: relative;
    margin-top: calc(631 / 750 * 100vw);
    z-index: 15;
  }
  #denisura .main .title img {
    width: 100%;
    height: 86.8571%;
    position: relative;
    top: auto;
  }
  #denisura .main .text_area .mark {
    width: calc(157 / 750 * 100vw);
    position: absolute;
    top: calc(-4 / 750 * 100vw);
    right: calc(20 / 750 * 100vw);
  }
  #denisura .main .text_area > p {
    margin-top: calc(52 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.96875;
    text-align: center;
  }
  #denisura .main .text_area > p span {
    font-size: calc(30 / 750 * 100vw);
    background: linear-gradient(transparent 10%, #fff 10%);
    letter-spacing: 0.05em;
    padding: 0 calc(10 / 750 * 100vw);
  }
  #denisura .main .logo {
    width: calc(424 / 750 * 100vw);
    padding: calc(48 / 750 * 100vw) 0 calc(38 / 750 * 100vw);
    margin: 0 auto;
    order: -1;
  }
  #denisura .main .logo img {
    width: calc(328 / 750 * 100vw);
  }
}

/*****************************
			switch
******************************/
#denisura .contents {
  position: relative;
}
#denisura .switch {
  position: sticky;
  top: 53px;
  left: 0;
  right: 0;
  display: flex;
  z-index: 100;
}
#denisura .switch .btn {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #001262;
  height: 96px;
}
#denisura .switch .btn svg {
  width: 119px;
  display: block;
  margin: 0 auto;
}
#denisura .switch .btn path {
  fill: #fff;
}
#denisura .switch .btn.air_color {
  background: #00b376;
}
@media screen and (max-width: 750px) {
  a:hover {
    opacity: 1;
  }
  #denisura .switch {
    top: 56px;
  }
  #denisura .switch .btn {
    height: calc(110 / 750 * 100vw);
  }
  #denisura .switch .btn svg {
    width: calc(123 / 750 * 100vw);
  }
}

/*****************************
			item
******************************/
#denisura .item {
  padding-top: 148px;
  margin-top: -148px;
}
#denisura .item h2 {
  background: #001262;
  height: 224px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
#denisura .item h2 img {
  width: 184px;
  display: block;
  margin: 0 auto;
}

/****** air *******/
#denisura .item#AIR h2 {
  background: #00b376;
}
#denisura .item#AIR h2 img {
  width: 200px;
}
@media screen and (max-width: 750px) {
  #denisura .item {
    padding-top: calc((110 / 750 * 100vw) + 56px);
    margin-top: calc((-110 / 750 * 100vw) - 56px);
  }
  #denisura .item h2 {
    height: calc(240 / 750 * 100vw);
  }
  #denisura .item h2 img {
    width: calc(192 / 750 * 100vw);
  }

  /****** air *******/
  #denisura .item#AIR h2 img {
    width: calc(213 / 750 * 100vw);
  }
}

/*****************************
			voice
******************************/
#denisura .voice {
  position: relative;
  padding: 103px 0px 86px;
  background: #e5e5e5;
}
#denisura .voice h3 {
  width: 897px;
  margin: 0 auto 43px;
}
#denisura .voice h4 {
  width: 897px;
  margin: 52px auto 0;
}
#denisura .voice .inner {
  width: 1000px;
  max-width: 95%;
  margin: 0 auto;
}
#denisura .voice .list {
  max-width: 1000px;
  padding-top: 253%;
  position: relative;
}
#denisura .voice .list img {
  width: 100%;
}
#denisura .voice .list li figure,
#denisura .voice .list li .balloon {
  position: absolute;
  top: 0;
}
#denisura .voice .list li .balloon svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#denisura .voice .list li .balloon svg polygon {
  transition: fill 0.3s;
}
#denisura .voice .list li .balloon a {
  display: block;
  position: relative;
}
#denisura .voice .list li .balloon a::after {
  content: "";
  display: block;
  width: 47.214px;
  height: 34.5204px;
  background: url(../image/voice_icon_arrow.svg) no-repeat left top / 100% auto;
  position: absolute;
  right: 55.04px;
  bottom: 22.36px;
  transition: transform 0.3s;
}
#denisura .voice .list li:nth-child(2) .balloon a::after,
#denisura .voice .list li:nth-child(4) .balloon a::after,
#denisura .voice .list li:nth-child(6) .balloon a::after,
#denisura .voice .list li:nth-child(7) .balloon a::after {
  right: 25.5px;
}
#denisura .voice .list li .balloon img {
  position: relative;
  z-index: 10;
}
@media (hover: hover) {
  #denisura .voice .list li .balloon a:hover svg polygon {
    fill: #cddffa;
  }
  #denisura .voice .list li .balloon a:hover::after {
    transform: translateX(10px);
  }
}
#denisura .voice .list li:nth-child(1) figure {
  right: 0;
  width: 43.4483%;
}
#denisura .voice .list li:nth-child(1) .balloon {
  width: 60%;
  left: 0;
}
#denisura .voice .list li:nth-child(2) figure {
  left: 0;
  margin-top: 25.2%;
  width: 57.1%;
}
#denisura .voice .list li:nth-child(2) .balloon {
  width: 46.4%;
  margin-top: 56.3793%;
  right: 0;
}
#denisura .voice .list li:nth-child(3) figure {
  right: 0;
  margin-top: 85.3%;
  width: 62.4138%;
}
#denisura .voice .list li:nth-child(3) .balloon {
  width: 41.0345%;
  margin-top: 85.3%;
  left: 0;
}
#denisura .voice .list li:nth-child(4) figure {
  left: 0;
  margin-top: 111.1%;
  width: 51.8966%;
}
#denisura .voice .list li:nth-child(4) .balloon {
  width: 51.5517%;
  margin-top: 111.1%;
  right: 0;
}
#denisura .voice .list li:nth-child(5) figure {
  right: 0;
  margin-top: 143.3%;
  width: 41.8966%;
}
#denisura .voice .list li:nth-child(5) .balloon {
  width: 61.5517%;
  margin-top: 143.3%;
  left: 0;
}
#denisura .voice .list li:nth-child(6) figure {
  left: 0;
  margin-top: 168.1%;
  width: 32.2414%;
}
#denisura .voice .list li:nth-child(6) .balloon {
  width: 29.8276%;
  margin-top: 168.1%;
  left: 28.7%;
}
#denisura .voice .list li:nth-child(7) figure {
  left: 0;
  margin-top: 199.6%;
  width: 52.5862%;
}
#denisura .voice .list li:nth-child(7) .balloon {
  width: 50.8621%;
  margin-top: 199.6%;
  right: 0;
}
#denisura .voice .list li:nth-child(8) figure {
  right: 0;
  margin-top: 229%;
  width: 42.931%;
}
#denisura .voice .list li:nth-child(8) .balloon {
  width: 60.5172%;
  margin-top: 229%;
  left: 0;
}
#denisura .voice .list li a {
  opacity: 1;
}
#denisura .voice .accordion {
  display: none;
}
#denisura .voice .btn {
  text-align: center;
  margin-top: 50px;
}
#denisura .voice .btn button {
  appearance: none;
  width: 482px;
  height: 89px;
  border-radius: 15px;
  border: 2px solid #001a64;
  background: #001a64;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  transition: background 0.3s, color 0.3s;
}
#denisura .voice .btn button > span span::before {
  content: "詳しく見る";
}
#denisura .voice .btn button.open > span span::before {
  content: "閉じる";
}
#denisura .voice .btn button > span {
  display: inline-block;
  padding-right: 45px;
  position: relative;
}
#denisura .voice .btn button > span::before,
#denisura .voice .btn button > span::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: #fff;
  transition: background 0.3s;
}
#denisura .voice .btn button > span::after {
  transform: rotate(90deg);
}
#denisura .voice .btn button.open > span::after {
  display: none;
}
body.modal_open {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow-y: scroll;
}
#denisura .voice .modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 26, 100, 0.7);
  z-index: 2000;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}
.modal_open #denisura .voice .modal {
  opacity: 1;
  pointer-events: all;
}
#denisura .voice .modal .wrap {
  width: 100%;
  max-height: 100%;
  height: 635px;
  padding: 0 25px;
  box-sizing: border-box;
  overflow-y: auto;
}
#denisura .voice .modal .box {
  width: 560px;
  max-width: 100%;
  margin: 0 auto;
  border: 3px solid #001a64;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  padding: 92px 0 80px;
}
#denisura .voice .modal .item {
  display: none;
}
#denisura .voice .modal .item:nth-of-type(1) {
  display: block;
}
#denisura .voice .modal .close {
  width: 43px;
  height: 43px;
  background: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
#denisura .voice .modal .close::before,
#denisura .voice .modal .close::after {
  content: "";
  display: block;
  width: 6px;
  height: 54px;
  background: #f29e00;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}
#denisura .voice .modal .close::after {
  transform: rotate(-45deg);
}
#denisura .voice .modal .box h3 {
  width: 474px;
  margin: 0 auto 38px;
}
#denisura .voice .modal .box .txt {
  width: 474px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 700;
  color: #001a64;
  line-height: 2;
  text-align: left;
  font-feature-settings: "palt";
  letter-spacing: 0.055em;
}
#denisura .voice .modal .box .name {
  text-align: left;
  width: 474px;
  margin: 14px auto 0;
  font-size: 17.92px;
  font-weight: 700;
  color: #001a64;
  font-feature-settings: "palt";
}

/****** air *******/
#denisura #AIR .voice {
  background: #e5e5e5;
}
#denisura #AIR .voice .c-flex01 > picture:nth-child(1) {
  width: 47.2414%;
}
#denisura #AIR .voice .c-flex01 .c-f-box {
  width: 50.3448%;
}
#denisura #AIR .voice .c-flex01 picture:nth-child(3) {
  width: 27.931%;
}
#denisura #AIR .voice .c-flex01 picture:nth-child(4) {
  width: 37.931%;
}
#denisura #AIR .voice .c-flex01 picture:nth-child(5) {
  width: 29.6552%;
}
#denisura #AIR .voice .c-flex01 picture:nth-child(6) {
  width: 42.069%;
}
#denisura #AIR .voice .c-flex01 picture:nth-child(7) {
  width: 55.5172%;
}
@media (hover: hover) {
  #denisura .voice .btn button:hover {
    background: #fff;
    color: #001a64;
  }
  #denisura .voice .btn button:hover > span::before,
  #denisura .voice .btn button:hover > span::after {
    background: #001a64;
  }
}
@media screen and (max-width: 750px) {
  #denisura .voice {
    padding: calc(60 / 750 * 100vw) 0px calc(72 / 750 * 100vw);
  }
  #denisura .voice h3 {
    width: calc(516 / 750 * 100vw);
    margin: 0 auto calc(58 / 750 * 100vw);
  }
  #denisura .voice h4 {
    width: calc(674 / 750 * 100vw);
    margin: calc(50 / 750 * 100vw) auto 0;
  }
  #denisura .voice .inner {
    width: auto;
    max-width: none;
  }
  #denisura .voice .c-flex01 {
    flex-direction: column;
    margin: 0 auto;
  }
  #denisura .voice .c-flex01 picture {
    width: 89.5522%;
    margin: 0 auto calc(8 / 750 * 100vw) 0;
  }
  #denisura .voice .c-flex01 picture:nth-child(2) {
    width: 55.2239%;
    margin-left: auto;
    margin-right: 0;
  }
  #denisura .voice .c-flex01 picture:nth-child(3) {
    width: 85.0746%;
  }
  #denisura .voice .c-flex01 picture:nth-child(4) {
    width: 71.6418%;
    margin-left: auto;
    margin-right: 0;
  }
  #denisura .voice .c-flex01 picture:nth-child(5) {
    width: 62.6866%;
  }
  #denisura .voice .c-flex01 .c-f-box {
    width: 100%;
  }
  #denisura .voice .c-flex01 .c-f-box picture {
    width: 58.209%;
    margin: 0 0 calc(8 / 750 * 100vw) auto;
  }
  #denisura .voice .c-flex01 .c-f-box picture + picture {
    margin: 0 auto calc(8 / 750 * 100vw) 0;
    width: 85.0746%;
  }
  #denisura .voice .c-flex01 > picture:nth-child(7) {
    width: 85.0746%;
    margin-left: auto;
    margin-right: 0;
  }
  #denisura .voice .btn {
    margin-top: calc(34 / 750 * 100vw);
  }
  #denisura .voice .btn button {
    width: 89.3333%;
    font-size: calc(33 / 750 * 100vw);
    height: calc(122 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
  }
  #denisura .voice .btn button > span {
    padding-right: calc(56 / 750 * 100vw);
  }
  #denisura .voice .btn button > span::before,
  #denisura .voice .btn button > span::after {
    width: calc(30 / 750 * 100vw);
    height: calc(4 / 750 * 100vw);
  }
  #denisura .voice .modal .wrap {
    padding: 0 calc(25 / 750 * 100vw);
  }
  #denisura .voice .modal .box {
    width: calc(700 / 750 * 100vw);
    border-width: calc(4 / 750 * 100vw);
    padding: calc(115 / 750 * 100vw) 0;
  }
  #denisura .voice .modal .close {
    width: calc(54 / 750 * 100vw);
    height: calc(54 / 750 * 100vw);
    top: calc(31 / 750 * 100vw);
    right: calc(31 / 750 * 100vw);
  }
  #denisura .voice .modal .close::before,
  #denisura .voice .modal .close::after {
    width: calc(8 / 750 * 100vw);
    height: calc(68 / 750 * 100vw);
  }
  #denisura .voice .modal .wrap {
    height: calc(808 / 750 * 100vw);
  }
  #denisura .voice .modal .box h3 {
    width: calc(592 / 750 * 100vw);
    margin: 0 auto calc(47 / 750 * 100vw);
  }
  #denisura .voice .modal .box .txt {
    width: calc(592 / 750 * 100vw);
    font-size: calc(30 / 750 * 100vw);
  }
  #denisura .voice .modal .box .name {
    width: calc(592 / 750 * 100vw);
    margin: calc(18 / 750 * 100vw) auto 0;
    font-size: calc(22.4 / 750 * 100vw);
  }
  #denisura .voice .list li .balloon a::after {
    width: calc(27.1133 / 750 * 100vw);
    height: calc(19.8472 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
    bottom: calc(22 / 750 * 100vw);
  }
  #denisura .voice .list li:nth-child(2) .balloon a::after,
  #denisura .voice .list li:nth-child(4) .balloon a::after,
  #denisura .voice .list li:nth-child(6) .balloon a::after,
  #denisura .voice .list li:nth-child(7) .balloon a::after {
    right: calc(18 / 750 * 100vw);
  }
  #denisura .voice .list li .balloon.sa,
  #denisura .voice .list li figure {
    opacity: 1;
  }
  #denisura .voice .list li .balloon a svg polygon {
    fill: #cddffa;
  }
  #denisura .voice .list li .balloon.sp_show a svg polygon {
    animation-fill-mode: forwards;
    animation-duration: 0.3s;
    animation-name: voice_btn;
    animation-iteration-count: 1;
    animation-timing-function: linear;
  }
  @keyframes voice_btn {
    0% {
      fill: #cddffa;
    }
    100% {
      fill: #fff;
    }
  }

  /****** air *******/
  #denisura #AIR .voice {
    background: linear-gradient(25deg, #a5e3df 0%, #d9f4e6 100%);
  }
  #denisura #AIR .voice .c-flex01 > picture:nth-child(1) {
    width: 77.6119%;
  }
  #denisura #AIR .voice .c-flex01 .c-f-box {
    width: 100%;
  }
  #denisura #AIR .voice .c-flex01 .c-f-box picture {
    width: 62.6866%;
  }
  #denisura #AIR .voice .c-flex01 .c-f-box picture + picture {
    width: 68.6567%;
  }
  #denisura #AIR .voice .c-flex01 picture:nth-child(3) {
    width: 46.2687%;
    margin-left: auto;
    margin-right: 0;
  }
  #denisura #AIR .voice .c-flex01 picture:nth-child(4) {
    width: 82.0896%;
    margin-left: 0;
    margin-right: auto;
  }
  #denisura #AIR .voice .c-flex01 picture:nth-child(5) {
    width: 82.0896%;
    margin-left: auto;
    margin-right: 0;
  }
  #denisura #AIR .voice .c-flex01 picture:nth-child(6) {
    width: 49.2537%;
    margin-left: 0;
    margin-right: auto;
  }
  #denisura #AIR .voice .c-flex01 picture:nth-child(7) {
    width: 91.0448%;
  }
}

/*****************************
			point
******************************/
#denisura .point {
  background: #e7e7e7;
  padding-bottom: 70px;
  overflow: hidden;
}
#denisura .point h3 {
  background: linear-gradient(to right, #f37819 0%, #f7ac00 100%);
  height: 217px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 81px;
  padding: 0 15px;
}
#denisura .point h3 img {
  height: 75px;
  width: auto;
}
#denisura .point .list {
  width: 1000px;
  margin: 0 auto;
  max-width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#denisura .point .list li {
  width: 48.2759%;
  background: #fff;
  margin-bottom: 35px;
}
#denisura .point .list h4 {
  background: #001960;
  height: 134px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#denisura .point .list h4 img {
  width: auto;
  height: 81px;
}
#denisura .point .list p {
  font-size: 19px;
  font-weight: 500;
  height: 136px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-feature-settings: "palt";
  letter-spacing: 0.07em;
}
#denisura .point .btn {
  width: 1000px;
  max-width: 95%;
  margin: 26px auto 0;
  display: flex;
  justify-content: space-between;
}
#denisura .point .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48.2759%;
  box-sizing: border-box;
  background: #ff7919;
  border: 2px solid #ff7919;
  color: #fff;
  font-size: 25px;
  height: 89px;
  border-radius: 15px;
  transition: color 0.3s, background 0.3s;
}
#denisura .lineup_btn {
  width: 1000px;
  max-width: 95%;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  z-index: 10;
}
#denisura .lineup_btn h4 {
  background: #001960;
  color: #fff;
  font-size: 22px;
  height: 69px;
  box-sizing: border-box;
  border: 2px solid #001960;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s, color 0.3s;
}
#denisura .lineup_btn p::after,
#denisura .lineup_btn p::before {
  content: "";
  display: block;
  width: 65px;
  height: 65px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../image/point_lineup_btn_icon.svg) no-repeat center center /
    24px auto;
  transition: opacity 0.3s;
}
#denisura .lineup_btn.open p::after,
#denisura .lineup_btn.open p::before {
  transform: scale(1, -1);
}
#denisura .lineup_btn p::before {
  opacity: 0;
  background-image: url(../image/point_lineup_btn_icon_on.svg);
}
#denisura .lineup_btn p {
  background: #fff;
  box-sizing: border-box;
  border: 2px solid #001960;
  border-top: 0;
  text-align: center;
  font-size: 22px;
  color: #001960;
  height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-weight: bold;
  transition: background 0.3s, color 0.3s;
}

/****** air *******/
#denisura #AIR .point .list h4 {
  background: #00b376;
}
#denisura #AIR .lineup_btn h4 {
  background-color: #00b376;
  border-color: #00b376;
}
#denisura #AIR .lineup_btn p {
  border-color: #00b376;
  color: #00b376;
}
#denisura #AIR .lineup_btn p::after {
  background-image: url(../image/point_lineup_btn_icon_air.svg);
}

@media (hover: hover) {
  #denisura .point .btn a:hover {
    opacity: 1;
    background: #fff;
    color: #ff7919;
  }
  #denisura .lineup_btn:hover h4 {
    background: #fff;
    color: #001960;
  }
  #denisura .lineup_btn:hover p {
    background: #001960;
    color: #fff;
  }
  #denisura #AIR .lineup_btn:hover h4 {
    background: #fff;
    color: #00b376;
  }
  #denisura #AIR .lineup_btn:hover p {
    background: #00b376;
    color: #fff;
  }
  #denisura .lineup_btn:hover p::after {
    opacity: 0;
  }
  #denisura .lineup_btn:hover p::before {
    opacity: 1;
  }
}

@media screen and (max-width: 750px) {
  #denisura .point {
    background: linear-gradient(25deg, #aad5e6 0%, #d7eef7 100%);
    padding-bottom: calc(70 / 750 * 100vw);
  }
  #denisura .point h3 {
    display: none;
  }
  #denisura .point .list {
    width: 100%;
    max-width: none;
    display: block;
  }
  #denisura .point .list li {
    width: auto;
    margin-bottom: 0;
  }
  #denisura .point .list h4 {
    height: calc(286 / 750 * 100vw);
    position: relative;
    padding: calc(114 / 750 * 100vw) 0 0;
    box-sizing: border-box;
    display: block;
  }
  #denisura .point .list h4 img {
    height: calc(125 / 750 * 100vw);
  }
  #denisura .point .list h4 img.sp {
    position: absolute;
    left: -0.2vw;
    top: calc(29 / 750 * 100vw);
    height: calc(57 / 750 * 100vw);
  }
  #denisura .point .list p {
    font-size: calc(32 / 750 * 100vw);
    height: auto;
    display: block;
    letter-spacing: 0.04em;
    line-height: 1.38;
    padding: calc(35 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
  }
  #denisura .point .btn {
    width: 89.3333%;
    max-width: none;
    margin: calc(70 / 750 * 100vw) auto 0;
    display: block;
  }
  #denisura .point .btn a {
    width: 100%;
    font-size: calc(33 / 750 * 100vw);
    height: calc(122 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
    margin-bottom: calc(20 / 750 * 100vw);
  }
  #denisura .lineup_btn {
    width: 89.3333%;
    max-width: none;
    margin: calc(72 / 750 * 100vw) auto 0;
  }
  #denisura .lineup_btn h4 {
    font-size: calc(33 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    font-weight: normal;
  }
  #denisura .lineup_btn p::after {
    width: calc(92 / 750 * 100vw);
    height: calc(92 / 750 * 100vw);
    background-size: calc(33 / 750 * 100vw) auto;
  }
  #denisura .lineup_btn p::before {
    display: none;
  }
  #denisura .lineup_btn p {
    font-size: calc(23 / 750 * 100vw);
    height: calc(92 / 750 * 100vw);
    font-feature-settings: "palt";
    box-sizing: content-box;
  }

  /****** air *******/
  #denisura #AIR .point {
    background: linear-gradient(25deg, #a6e3de 0%, #d9f4e6 250px);
  }
}

/*****************************
			lineup
******************************/
#denisura .lineup .box.blue {
  background: linear-gradient(25deg, #b4dcea 0%, #e2f6fd 100%);
  padding: 150px 0;
}
#denisura .lineup .box.green {
  background: linear-gradient(25deg, #bfedea 0%, #ebf8f2 100%);
  padding: 150px 0;
}
#denisura .lineup .box:first-child {
  padding-top: 96px;
}
#denisura .lineup .box .title {
  width: 1000px;
  height: 124px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 34px;
  background: #001960;
  color: #fff;
  font-size: 40px;
  text-align: center;
  font-weight: 700;
}
#denisura .lineup .box.green .title {
  background: #00b376;
}
#denisura .lineup .box .title span {
  display: block;
  font-size: 19px;
  font-weight: 400;
}
#denisura .lineup .box ul {
  width: 1000px;
  max-width: 95%;
  margin: 0 auto;
}
#denisura .lineup .box li {
  display: flex;
  justify-content: space-between;
}
#denisura .lineup .box li + li {
  margin-top: 50px;
}
#denisura .lineup .image {
  width: 48.2759%;
  margin: 0;
  overflow: hidden;
  position: relative;
}
#denisura .lineup .image figure {
  position: relative;
}
#denisura .lineup .image figcaption {
  font-size: 15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  text-align: center;
}
#denisura .lineup .text_area {
  width: 48.2759%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 60px;
  font-feature-settings: "palt";
}
#denisura .lineup .swiper-pagination {
  position: absolute;
  bottom: 38px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
#denisura .lineup .swiper-pagination span {
  margin: 0 3.5px;
}
#denisura .lineup .swiper-pagination .swiper-pagination-bullet-active {
  background: #ff7919;
}
#denisura .lineup .swiper-button-next,
#denisura .lineup .swiper-button-prev {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.99%2020.18%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23000%3B%20stroke-miterlimit%3A%2010%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%22.37%20.34%209.31%2010.09%20.37%2019.84%22%2F%3E%3C%2Fsvg%3E")
    no-repeat center center / 19px auto;
}
#denisura .lineup .swiper-button-prev {
  transform: scale(-1, 1);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
  display: none;
}

#denisura .lineup .box:not(:first-child) {
  display: none;
}
#denisura .lineup .box:first-child ul li:first-child {
  position: relative;
}
#denisura .lineup .box:first-child ul li:first-child::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 10%,
    rgba(255, 255, 255, 1) 70%
  );
  z-index: 1;
  transition: opacity 0.3s;
}
#denisura .lineup.open .box:first-child ul li:first-child::after {
  opacity: 0;
  pointer-events: none;
}
#denisura .lineup .text_area .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #001960;
  background: #001960;
  font-size: 22px;
  color: #fff;
  height: 69px;
  box-sizing: border-box;
  border-radius: 15px;
  transition: color 0.3s, background 0.3s;
}
#denisura .lineup_btn {
  width: 482px;
  margin: 0 auto;
}
#denisura .lineup_btn.open {
  margin-top: -142px;
}
#denisura .lineup_btn.close {
  margin-top: 118px;
  display: none;
}
#denisura .lineup.open .lineup_btn.open {
  display: none;
}
#denisura .lineup.open .lineup_btn.close {
  display: block;
}
#denisura .lineup_btn button {
  appearance: none;
  width: 100%;
  background: #001960;
  color: #fff;
  font-family: inherit;
  border-radius: 15px;
  border: 2px solid #001960;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  height: 89px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  outline: none;
}
#denisura .lineup_btn button span {
  display: inline-block;
  padding-right: 45px;
  position: relative;
}
#denisura .lineup_btn button span::before,
#denisura .lineup_btn button span::after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transform: background 0.3s;
}
#denisura .lineup_btn button span::after {
  transform: rotate(90deg);
}
#denisura .lineup_btn.close button span::after {
  display: none;
}
#denisura .lineup .text_area dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 64px;
}
#denisura .lineup .text_area dl dt {
  width: 70px;
  font-size: 14px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.5);
  margin-top: 14px;
}
#denisura .lineup .text_area dl dd {
  width: calc(100% - 70px);
  text-align: left;
  font-size: 15px;
  padding-left: 14px;
  box-sizing: border-box;
  margin-top: 14px;
}
#denisura .lineup .text_area h3 {
  font-size: 45px;
  line-height: 1.2692;
  margin-bottom: 0.24em;
  color: #001960;
}
#denisura .lineup .text_area .number {
  font-size: 27px;
  color: #001960;
  font-weight: bold;
}
#denisura .lineup .text_area .price {
  margin: 0 0 auto;
  font-size: 27px;
  color: #001960;
  font-weight: bold;
}
#denisura .lineup .text_area .price span {
  font-size: 45px;
}

/****** air *******/
#denisura .lineup .box.green .btn a {
  border-color: #00b376;
  background: #00b376;
}
#denisura .lineup .box.green .text_area h3,
#denisura .lineup .box.green .text_area .number,
#denisura .lineup .box.green .text_area .price {
  color: #00b376;
}
#denisura #AIR .lineup_btn button {
  background: #00b376;
  border-color: #00b376;
}

@media (hover: hover) {
  #denisura .lineup .text_area .btn a:hover {
    opacity: 1;
    color: #001960;
    background: #fff;
  }
  #denisura .lineup .box.green .btn a:hover {
    border-color: #00b376;
    color: #00b376;
  }
  #denisura .lineup_btn button:hover {
    background: #fff;
    color: #001960;
  }
  #denisura .lineup_btn button:hover span::before,
  #denisura .lineup_btn button:hover span::after {
    background: #001960;
  }
  #denisura #AIR .lineup_btn button:hover {
    color: #00b376;
    background: #fff;
  }
  #denisura #AIR .lineup_btn button:hover span::before,
  #denisura #AIR .lineup_btn button:hover span::after {
    background: #00b376;
  }
}
@media screen and (max-width: 750px) {
  #denisura .lineup .box.blue {
    padding: calc(95 / 750 * 100vw) 0;
    background: linear-gradient(25deg, #8ec7df 0%, #c9e8f5 100%);
  }
  #denisura .lineup .box.green {
    background: linear-gradient(25deg, #a6e3de 0%, #d9f4e6 100%);
    padding: calc(95 / 750 * 100vw) 0;
  }
  #denisura .lineup .box ul {
    width: 89.3333%;
    max-width: none;
  }
  #denisura .lineup .box li {
    display: block;
  }
  #denisura .lineup .box li + li {
    margin-top: calc(70 / 750 * 100vw);
  }
  #denisura .lineup .image {
    width: auto;
  }
  #denisura .lineup .image figcaption {
    font-size: calc(19 / 750 * 100vw);
    bottom: calc(36 / 750 * 100vw);
  }
  #denisura .lineup .text_area {
    width: auto;
    display: block;
    padding-top: calc(30 / 750 * 100vw);
  }
  #denisura .lineup .swiper-pagination {
    bottom: calc(13 / 750 * 100vw);
  }
  #denisura .lineup .swiper-pagination span {
    width: calc(10 / 750 * 100vw);
    height: calc(10 / 750 * 100vw);
    margin: 0 calc(4 / 750 * 100vw);
  }
  #denisura .lineup .swiper-button-next,
  #denisura .lineup .swiper-button-prev {
    background-size: calc(23 / 750 * 100vw);
  }
  #denisura .lineup .text_area .btn a {
    font-size: calc(33 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    letter-spacing: 0.1em;
    border-radius: calc(20 / 750 * 100vw);
  }
  #denisura .lineup .text_area dl {
    margin-top: calc(25 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
    letter-spacing: 0;
  }
  #denisura .lineup .text_area dl dt {
    width: calc(80 / 750 * 100vw);
    font-size: calc(19 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
  }
  #denisura .lineup .text_area dl dd {
    width: calc(100% - (80 / 750 * 100vw));
    font-size: calc(23 / 750 * 100vw);
    padding-left: calc(10 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
  }
  #denisura .lineup .text_area h3 {
    font-size: calc(43 / 750 * 100vw);
    line-height: 1.3;
  }
  #denisura .lineup .text_area .number {
    font-size: calc(25.8 / 750 * 100vw);
    line-height: 1.3;
  }
  #denisura .lineup .text_area .price {
    font-size: calc(25.8 / 750 * 100vw);
    line-height: 1.3;
  }
  #denisura .lineup .text_area .price span {
    font-size: calc(43 / 750 * 100vw);
  }
  #denisura .lineup .box .title {
    width: 89.3333%;
    height: calc(152 / 750 * 100vw);
    font-size: calc(44 / 750 * 100vw);
    margin-bottom: 0;
    box-sizing: border-box;
    padding-bottom: calc(10 / 750 * 100vw);
  }
  #denisura .lineup .box .title span {
    font-size: calc(23 / 750 * 100vw);
    font-feature-settings: "palt";
    margin-top: calc(10 / 750 * 100vw);
  }
  #denisura .lineup .box:first-child ul li:first-child::after {
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 20%,
      rgba(255, 255, 255, 1) 90%
    );
  }
  #denisura .lineup_btn {
    width: 74.6667%;
  }
  #denisura .lineup_btn button {
    font-size: calc(33 / 750 * 100vw);
    height: calc(122 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
  }
  #denisura .lineup_btn button span {
    padding-right: calc(56 / 750 * 100vw);
  }
  #denisura .lineup_btn button span::before,
  #denisura .lineup_btn button span::after {
    width: calc(30 / 750 * 100vw);
    height: calc(4 / 750 * 100vw);
  }
  #denisura .lineup_btn.open {
    margin-top: -22.1333%;
  }
  #denisura .lineup_btn.close {
    margin-top: calc(100 / 750 * 100vw);
  }
}

/********フェード**********/
.sa {
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.sa.show {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.sa--lr {
  -webkit-transform: translate(-100px, 0);
  transform: translate(-100px, 0);
}
.sa--rl {
  -webkit-transform: translate(100px, 0);
  transform: translate(100px, 0);
}
.sa--up {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
}
.sa--down {
  -webkit-transform: translate(0, -100px);
  transform: translate(0, -100px);
}
.sa--scaleUp {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.sa--scaleDown {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.sa--rotateL {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sa--rotateR {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/********フェード**********/