@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;

}

#denisura strong {

  font-weight: inherit;

}

#denisura .tx-att {

  color: #c30d17;

}

body {

  margin: 0;

}

figure {

  margin: 0;

}

img {

  max-width: 100%;

}

.wrapper_ {

  overflow: visible;

}

/*ブラウザクリア*/



  /* Fixed */

@media screen and (min-width: 1001px) {

  #header {

    margin-top: 0;

    top: 0;

    position: fixed !important;

    background: #fff;

    transition: top 0.4s cubic-bezier(0.33, 1, 0.68, 1);

    -webkit-transition: top 0.4s cubic-bezier(0.33, 1, 0.68, 1);

    -moz-transition: top 0.4s cubic-bezier(0.33, 1, 0.68, 1);

  }

  

  #header .header_inner {

    height: 56px;

  }

  #header .logo {

    height: auto;

  }

  #header #global-nav ul li a {

    color: #173b67;

    padding: 0 25px;

  }

}

@media screen and (max-width: 1000px) {

  #header {

    padding-top: 0;

    background: transparent;

  }

}









.contents_area__ {}



/*****************************

			共通

******************************/

#denisura .main {

  position: relative;

}

#denisura .main-about {

  width: 1000px;

  max-width: 95%;

  background: #ffffff;

  position: relative;

  letter-spacing: normal;

  margin: -70px auto 0;

  padding: 0 0 90px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

#denisura .main-about .text_area {

  text-align: left;

  width: calc(58% - 40px);

}

#denisura .main-about .title {

  width: auto;

  font-size: calc(52px*.85);

  font-size: min(100vw*52*.85/1000, 52px*.85);

  font-weight: 700;

  border-bottom: 3px solid #000;

  text-align: left;

  line-height: 64px;

  margin: -.2em -40px .9em 0;

  padding: 0 0 .5em;

}

#denisura .main-about .title strong {

  font-size: 52px;

  font-size: min(100vw*52/1000, 52px);

  font-weight: inherit;

  line-height: 1;

}

#denisura .main-about .title span {

  font-size: inherit;

  display: inline;

  font-weight: inherit;

}

#denisura .main-about .title span.tx-att {

  font-size: calc(52px*.95);

  font-size: min(100vw*52*.95/1000, 52px*.95);

}

#denisura .main-about p {

  font-size: 20px;

  font-weight: 500;

  line-height: 1.75;

  line-height: 35px;

}

#denisura .main-about p strong {

  font-weight: 900;

  line-height: initial;

}

#denisura .main-about p strong.tx-att {

  font-size: 120%;

}

#denisura .main-about .movie_area {

  width: 42%;

}

#denisura .main-about .movie_area .movie {

	padding-top: 177.77%;

	position: relative;

}

#denisura .main-about .movie_area .movie iframe,

#denisura .main-about .movie_area .movie video {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

#denisura .main-choise {

  background: #edf1f3;

  padding: 150px 0 170px;

}

#denisura .main-choise .inner {

  width: 1000px;

  max-width: 95%;

  margin: 0 auto;

  display: block;

}

#denisura .main-choise .title {

  width: auto;

  font-size: 52px;

  font-size: min(100vw*52/1080, 52px);

  font-weight: 700;

  border-bottom: 3px solid #000;

  text-align: center;

  line-height: 64px;

  margin: 0 0 .8em 0;

  padding: 0 0 .17em;

  letter-spacing: 0;

}

#denisura .main-choise .title strong {

  font-size: 130%;

}

#denisura .main-choise .title span {

  font-size: inherit;

  display: inline;

  font-weight: inherit;

}

#denisura .main-choise .title > span:not(.tx-att) {

  font-size: 85%;

}

#denisura .main-choise .title > span.tx-att {

  letter-spacing: -0.2em;

  margin: 0 .25em 0 -.1em;

}

#denisura .main-choise .text_area {

  font-weight: 500;

  font-size: 20px;

  letter-spacing: normal;

  text-align: center;

  margin: 0 0 52px;

  line-height: 1.7;

}

#denisura .main-choise .text_area strong {

  font-weight: 700;

}

#denisura .main-choise .choise_shadow {

  position: relative;

  overflow: hidden;

}

#denisura .main-choise .choise_shadow .swiper-wrapper {

  position: relative;

}

#denisura .main-choise .swiper-pagination {

  position: absolute;

  bottom: 38px;

  left: 0;

  right: 0;

  display: flex;

  justify-content: center;

}

#denisura .main-choise .swiper-pagination span {

  margin: 0 3.5px;

}

#denisura .main-choise .swiper-pagination .swiper-pagination-bullet-active {

  background: #ff7919;

}

#denisura .main-choise .swiper-button-next,

#denisura .main-choise .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%23fff%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 .main-choise .swiper-button-prev {

  transform: scale(-1, 1);

}

#denisura .main-choise .swiper-button-next.swiper-button-disabled,

#denisura .main-choise .swiper-button-prev.swiper-button-disabled {

  opacity: 0;

}

#denisura .main-point {

  border-top: 7px solid #dee5e9;

  background: #ffffff;

  position: relative;

  padding: 72px 0 107px ;

}

#denisura .main-point .inner {

  width: 1000px;

  max-width: 95%;

  margin: 0 auto;

  position: relative;

  display: block;

}

#denisura .main-point .inner::before,

#denisura .main-point .inner::after {

  content: "";

  display: block;

  width: 66px;

  height: 89px;

  background: url(../image/main_icon_arrow.svg) no-repeat left top / 100% auto;

  position: absolute;

  top: 50%;

  transform: translateY(-45%);

}

#denisura .main-point .inner::before {

  left: 0;

}

#denisura .main-point .inner::after {

  right: 0;

}

#denisura .main-point .title {

  width: auto;

  font-size: calc(66px*.85);

  font-size: min(100vw*66*.85/1000, 66px*.85);

  font-weight: 700;

  border-bottom: 3px solid #000;

  line-height: 64px;

  display: table;

  margin: 0 auto 25px;

  padding: 0 0 .3em;

  letter-spacing: 0.02em;

}

#denisura .main-point .title strong.tx-att {

  font-size: 66px;

}

#denisura .main-point .text_area {

  font-weight: 500;

  font-size: 24px;

  letter-spacing: normal;

  text-align: center;

}

#denisura .main-point .text_area strong {

  font-weight: 700;

}

#denisura .main-about::after {

  content: "";

  border: 80px solid transparent;

  border-top: 60px solid #fff;

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 50%;

  top: 100%;

  margin: auto 0;

  transform: translate(-50%, -1px);

  z-index: 5;

}

#denisura .main-point::before {

  content: "";

  background: #001262;

  width: 100%;

  height: 31px;

  display: block;

  position: absolute;

  left: 0;

  bottom: -1px;

}

#denisura .main-point::after {

  content: "";

  border: 50px solid transparent;

  border-top: 30px solid #fff;

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 50%;

  top: 100%;

  margin: auto 0;

  transform: translate(-50%, -31px);

  z-index: 5;

}



@media screen and (min-width: 751px) {

  #denisura .sp {

    display: none;

  }

}

@media screen and (min-width: 1001px) {

  #denisura .tablet {

    display: none;

  }

}

@media screen and (max-width: 750px) {

  #denisura .pc {

    display: none;

  }

  #denisura .tablet {

    display: none;

  }

  #page_top {

    bottom: calc(100 / 750 * 100vw);

    padding: calc(20 / 750 * 100vw);

  }

  #denisura .main-about {

    width: auto;

    max-width: none;

    margin: 0 calc(40 / 750 * 100vw) 0;

    padding: calc(60 / 750 * 100vw) 0 calc(150 / 750 * 100vw);

    display: block;

  }

  #denisura .main-about .text_area {

    text-align: left;

    width: auto;

  }

  #denisura .main-about .title {

    width: auto;

    font-size: calc(100vw*52*.85/750);

    border-bottom-width: calc(100vw*4/750);

    line-height: calc(100vw*64/750);

    margin: 0 0 .8em 0;

    text-align: center;

  }

  #denisura .main-about .title strong {

    font-size: calc(100vw*52/750);

  }

  #denisura .main-about .title span.tx-att {

    font-size: calc(100vw*52*.95/750);

  }

  #denisura .main-about p {

    font-size: calc(100vw*26/750);

    line-height: calc(100vw*46/750);

  }

  #denisura .main-about p strong.tx-att {

    font-size: 120%;

  }

  #denisura .main-about .movie_area {

    margin: calc(70 / 750 * 100vw) calc(60 / 750 * 100vw) 0;

    width: auto;

  }

  #denisura .main-choise {

    padding: calc(140 / 750 * 100vw) 0 calc(100 / 750 * 100vw);

  }

  #denisura .main-choise .inner {

    width: auto;

    max-width: none;

    margin: 0 calc(40 / 750 * 100vw);

  }

  #denisura .main-choise .title {

    width: auto;

    font-size: calc(52 / 750 * 100vw);

    border-bottom-width: calc(100vw*4/750);

    line-height: calc(64 / 750 * 100vw);

    text-align: center;

  }

  #denisura .main-choise .text_area {

    font-size: calc(26 / 750 * 100vw);

    margin: 0 0 calc(40 / 750 * 100vw);

    line-height: calc(46 / 750 * 100vw);

  }

  #denisura .main-choise .choise_shadow {

    padding-bottom: calc(40 / 750 * 100vw);

  }

  #denisura .main-choise .swiper-pagination {

    bottom: calc(6 / 750 * 100vw);

  }

  #denisura .main-choise .swiper-pagination span {

    width: calc(10 / 750 * 100vw);

    height: calc(10 / 750 * 100vw);

    margin: 0 calc(4 / 750 * 100vw);

  }

  #denisura .main-choise .swiper-button-next,

  #denisura .main-choise .swiper-button-prev {

    background-size: calc(35 / 750 * 100vw);

  }

  #denisura .main-point {

    border-top-width: calc(8 / 750 * 100vw);

    padding: calc(90 / 750 * 100vw) 0 calc(150 / 750 * 100vw);

  }

  #denisura .main-point .inner {

    width: auto;

    max-width: none;

    margin: 0 calc(40 / 750 * 100vw);

  }

  #denisura .main-point .inner::before,

  #denisura .main-point .inner::after {

    width: calc(59 / 750 * 100vw);

    height: calc(80 / 750 * 100vw);

    background-size: contain;

    transform: none;

    top: auto;

    bottom: 0;

  }

  #denisura .main-point .title {

    font-size: calc(66 * .85 / 750 * 100vw);

    border-bottom-width: calc(100vw*4/750);

    line-height: calc(64 / 750 * 100vw);

    margin: 0 auto calc(43 / 750 * 100vw);

  }

  #denisura .main-point .title strong.tx-att {

    font-size: calc(66 / 750 * 100vw);

  }

  #denisura .main-point .text_area {

    font-size: calc(30 / 750 * 100vw);

  }

  #denisura .main-about::after{

    border-width: calc(100vw*80/750);

    border-top-width: calc(100vw*60/750);

  }

  #denisura .main-point::before {

    height: calc(100vw*52/750);

  }

  #denisura .main-point::after {

    border-width: calc(100vw*72/750);

    border-top-width: calc(100vw*50/750);

    transform: translate(-50%, calc(100vw*-56/750));

  }

}



/*****************************

			switch

******************************/

#denisura .contents {

  position: relative;

}

#denisura .switch {

  position: fixed;

  top: 0px;

  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: 75px;

  position: relative;

  opacity: 1 !important;

  overflow: hidden;

}

#denisura .switch .btn::after {

  content: "";

  display: block;

  width: 0;

  height: 5px;

  position: absolute;

  left: 0;

  bottom: 0;

  background: #feaa6c;

  transition: width 0.3s;

}

#denisura .switch .btn.js-nav-active::after {

  width: 100%;

}

#denisura .switch .btn img {

  width: 83px;

  display: block;

  margin: 0 auto;

  transition: 0.3s;

}

#denisura .switch .btn:hover img{

  opacity: .7

}

#denisura .switch .btn img.icon_new {

  max-width: 65px;

  position: absolute;

  top: 20%;

  left: 50%;

  transform: translateX(90%)

}

#denisura .switch .btn.air_color {

  background: #00b376;

}

#denisura .switch .btn.urban_color {

  background: #000000;

}

#denisura .switch .btn.urban_color img {

  width: 110px;

}

#denisura .switch2 {

  position: sticky;

  top: calc(100% - 140px - 50px);

  left: 0;

  right: 0;

  z-index: 90;

  transform: translateY(-30px);

  margin-bottom: 100px;

  pointer-events: none;

}

#denisura .switch2 .btn {

  border-radius: .5em;

  font-size: 20px;

  font-weight: 500;

  width: 234px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #ff7918;

  color: #ffffff;

  margin: 0 20px 0 auto;

  position: relative;

  pointer-events: auto;

}

#denisura .switch2 .btn + .btn {

  margin-top: 10px;

}

#denisura .switch2 .btn::after {

  content: "";

  display: block;

  width: 27px;

  height: 20px;

  width: calc(27 / 20 * 1em);

  height: calc(20 / 20 * 1em);

  background: url(../image/icon_arrow.svg) no-repeat left top / 100% auto;

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  transition: transform 0.3s;

}

@media screen and (max-width: 750px) {

  a:hover {

    opacity: 1;

  }

  #denisura .contents {

    padding-bottom: calc(100 / 750 * 100vw)

  }

  #denisura .switch .btn {

    height: calc(110 / 750 * 100vw);

  }

  #denisura .switch .btn::after {

    height: calc(5 / 750 * 100vw);

  }

  #denisura .switch .btn img {

    width: calc(123 / 750 * 100vw);

  }

  #denisura .switch .btn img.icon_new {

    max-width: calc(66 / 750 * 100vw);

    top: 5%;

    left: 50%;

    transform: translateX(80%);

  }

  #denisura .switch .btn.air_color img {

    width: calc(115 / 750 * 100vw);

  }

  #denisura .switch .btn.urban_color img {

    width: calc(154 / 750 * 100vw);

  }

  #denisura .switch2 {

    display: flex;

    justify-content: center;

    margin-bottom: 0;

    top: calc(100% - 80 * 0.3 / 750 * 100vw - 20 / 750 * 100vw);

    transform: translateY(-200%);

  }

  #denisura .switch2 .btn {

    font-size: calc(28 / 750 * 100vw);

    width: calc(345 / 750 * 100vw);

    height: calc(80 / 750 * 100vw);

    margin: 0 calc(10 / 750 * 100vw) !important;

  }

}



/*****************************

			item

******************************/

#denisura .item {

  padding-top: calc(48px + (110 / 750 * 100vw));

  margin-top: calc( -52px + (-110 / 750 * 100vw));

}

#denisura .item .item-title {

  background: #001262;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0;

  padding: 43px 0 50px;

  line-height: 1.27;

}

#denisura .item .item-title h2 {

  margin: 0;

  padding: 0;

}

#denisura .item .item-title img {

  width: 600px;

  display: block;

  margin: 0 auto;

}

#denisura .item .item-title img.icon_new {

  width: 120px;

  margin-bottom: 1.2em;

  transform: translateX(3%)

}

@media screen and (max-width: 750px) {

  #denisura .item .item-title {

    padding: calc(50 / 750 * 100vw) 0 calc(55 / 750 * 100vw);

  }

  #denisura .item .item-title img {

    width: calc(600 / 750 * 100vw);

  }

  #denisura .item .item-title img.icon_new {

    width: calc(144 / 750 * 100vw);

    margin-bottom: .6em;

  }

}



/****** DENISURA *******/

#denisura .item#DENISURA .point,

#denisura .item#DENISURA .lineup {

  background-color: #d5edf4;

}



/****** air *******/

#denisura .item#AIR .point,

#denisura .item#AIR .lineup {

  background-color: #d0f6ee;

}

#denisura .item#AIR .item-title {

  background: #00b376;

  padding-top: 48px;

}

@media screen and (max-width: 750px) {

  #denisura .item#AIR .item-title {

    padding-top: calc(50 / 750 * 100vw);

  }

}



/****** URBAN *******/

#denisura .item#URBAN .point,

#denisura .item#URBAN .lineup {

  background-color: #c4c4c4;

}

#denisura .item#URBAN .item-title {

  background: #000000;

  padding-top: 48px;

}

@media screen and (max-width: 750px) {

  #denisura .item#URBAN .item-title {

    padding-top: calc(50 / 750 * 100vw);

  }

}



/*****************************

			voice

******************************/

#denisura .voice {

  position: relative;

  padding: 0px 0px 250px;

}

#denisura .voice .title {

  background-color: #001960;

  margin: 0 0 120px;

  padding: 79px 0px 82px;

  position: relative;

}

#denisura .voice .title::after {

  content: "";

  border: 50px solid transparent;

  border-top: 35px solid #001960;

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 50%;

  top: 100%;

  margin: auto 0;

  transform: translate(-50%, -1px);

}

#denisura .voice h3 {

  max-width: 897px;

  margin: 0 auto;

}

#denisura .voice h4 {

  max-width: 897px;

  margin: 52px auto 0;

}

#denisura .voice .inner {

  width: 1000px;

  max-width: 95%;

  margin: 0 auto;

  display: block;

}

#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;

}

body.modal_open #header {

  z-index: 102;

}

#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;

  width: 100%;

}

.modal_open #denisura .voice .modal {

  opacity: 1;

  pointer-events: all;

  max-width: 100vw;

}

#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";

}

@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: 0 0px calc(250 / 750 * 100vw);

  }

  #denisura .voice .title {

    margin: 0 0 calc(83 / 750 * 100vw);

    padding: calc(70 / 750 * 100vw) calc(116 / 750 * 100vw);

  }

  #denisura .voice .title::after {

    border-width: calc(100vw*50/750);

    border-top-width: calc(100vw*35/750);

  }

  #denisura .voice h4 {

    max-width: calc(674 / 750 * 100vw);

    margin: calc(50 / 750 * 100vw) auto 0;

  }

  #denisura .voice .inner {

    width: auto;

    margin: 0 calc(40 / 750 * 100vw);

  }

  #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;

  }

}



/*****************************

			point

******************************/

#denisura .point {

  padding-bottom: 65px;

  overflow: hidden;

}

#denisura .point h3 {

  max-width: 95%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 137px auto 80px;

}

#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 10px;

  display: flex;

  align-items: center;

}

#denisura .point .list h4 img {

  width: auto;

  height: min(100vw*80/1100, 80px);

}

#denisura .point .list h4 img.-h2_2 {

  height: min(100vw*80*1.078/1100, 80px*1.078);

}

#denisura .point .list h4 img.number {

  width: auto;

  height: min(100vw*59/1000, 59px);

  margin: auto 25px auto 10px;

}

#denisura .point .list h4.-center .picture,

#denisura .point .list h4.-center img:not(.number) {

  margin: auto;

}

#denisura .point .list h4.-center img.number {

  margin-right: 0;

}

#denisura .point .list p {

  font-size: min(100vw*19/940, 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;

}



/****** air *******/

#denisura #AIR .point h3 {

  color: #01b276;

  margin: 125px auto 52px;

}

#denisura #AIR .point .list h4 {

  background: #00b376;

}

#denisura #AIR .lineup_btn h4 {

  background-color: #00b376;

  border-color: #00b376;

}

/****** URBAN *******/

#denisura #URBAN .point h3 {

  color: #000;

  margin: 125px auto 48px;

}

#denisura #URBAN .point .list h4 {

  background: #000000;

}

#denisura #URBAN .lineup_btn h4 {

  background-color: #000000;

  border-color: #000000;

}



@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 #URBAN .lineup_btn:hover h4 {

    background: #fff;

    color: #000000;

  }

  #denisura #URBAN .lineup_btn:hover p {

    background: #000000;

    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 {

    padding-bottom: calc(50 / 750 * 100vw);

  }

  #denisura .point h3 {

    max-width: none;

    margin: calc(65 / 750 * 100vw) 0 calc(70 / 750 * 100vw);

  }

  #denisura .point h3 img {

    width: calc(397 / 750 * 100vw);

  }

  #denisura .point h3 .icon {

    border-radius: calc(10 / 750 * 100vw);

    font-size: calc(31 / 750 * 100vw);

    margin: 0 auto calc(30 / 750 * 100vw);

  }

  #denisura .point .list {

    width: auto;

    max-width: none;

    display: block;

    margin: 0 calc(40 / 750 * 100vw);

  }

  #denisura .point .list li {

    width: auto;

    margin-bottom: calc(70 / 750 * 100vw);

  }

  #denisura .point .list h4 {

    height: calc(227 / 750 * 100vw);

    position: relative;

    padding: 0 calc(20 / 750 * 100vw);

  }

  #denisura .point .list h4 img {

    height: calc(114 / 750 * 100vw);

    margin: auto;

  }

  #denisura .point .list h4 img.-h2_2 {

    height: calc(123 / 750 * 100vw);

  }

  #denisura .point .list h4 picture {

    margin: auto;

  }

  #denisura .point .list h4 img.number {

    height: calc(90 / 750 * 100vw);

    margin: auto calc(15 / 750 * 100vw) auto calc(10 / 750 * 100vw);

  }

  #denisura .point .list h4 img.sp-3 {

    height: calc(152 / 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);

    padding: calc(30 / 750 * 100vw) 0 calc(30 / 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;

  }



  /****** air *******/

  #denisura #AIR .point h3 {

    margin: calc(65 / 750 * 100vw) 0 calc(70 / 750 * 100vw);

  }

  #denisura #AIR .point .list h4 img.sp-3 {

    height: calc(172 / 750 * 100vw);

  }

  /****** URBAN *******/

  #denisura #URBAN .point h3 {

    margin: calc(65 / 750 * 100vw) 0 calc(70 / 750 * 100vw);

  }

}



/*****************************

			lineup

******************************/

#denisura .lineup .box {

  padding: 150px 0;

}

#denisura .lineup hr.-border {

  border: none;

  border-top: 6px solid #fff;

  width: 1000px;

  max-width: 95%;

  margin: 0 auto;

}

#denisura .lineup .box.-border {

  padding: 120px 0;

}

#denisura .lineup .box.-border:last-child {

  padding-bottom: 150px;

}

#denisura .lineup .box.-border + .box.-border {

  padding-top: 0;

}

#denisura .lineup .box.-border + .box.-border::before {

  content: "";

  border-top: 6px solid #fff;

  width: 1000px;

  max-width: 95%;

  margin: 0 auto;

  padding-top: 105px;

  display: block;

}

#denisura .lineup .box:first-child {

  padding-top: 96px;

}

#denisura .lineup .box .title {

  max-width: 1000px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  margin: 0 auto 34px;

  padding: .5em 0 .5em;

  background: #001960;

  color: #fff;

  font-size: 40px;

  text-align: center;

  font-weight: 700;

  letter-spacing: .03em;

}

#denisura .lineup .box.green .title {

  background: #00b376;

}

#denisura .lineup .box.black .title {

  background: #000000;

}

#denisura .lineup .box .title span {

  display: block;

  font-size: 19px;

  font-weight: 400;

}

#denisura .lineup .box .title + .topic_title_{

  margin-top: 50px;

  text-align: center;

}

#denisura .lineup .box .topic_title_ {

  font-size: 19px;

  font-weight: 500;

  margin: 0 0 30px;

  text-align: center;

}

#denisura .lineup .box .topic_title_ h3 {

  font-size: 40px;

  font-weight: 900;

}

#denisura .lineup .box .topic_title_::after {

  content: "";

  display: block;

  width: 80px;

  height: 3px;

  background: #000;

  margin: .9em auto 0;

}

#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;

  margin-bottom: 50px;

}

#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;

}

/****** URBAN *******/

#denisura #URBAN .lineup_btn button {

  background: #000000;

  border-color: #000000;

}

#denisura .lineup .box.black .btn a {

  border-color: #000000;

  background: #000000;

}

#denisura .lineup .box.black .text_area h3,

#denisura .lineup .box.black .text_area .number,

#denisura .lineup .box.black .text_area .price {

  color: #000000;

}



@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 .box.black .btn a:hover {

    border-color: #000000;

    color: #000000;

  }

  #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;

  }

  #denisura #URBAN .lineup_btn button:hover {

    color: #000000;

    background: #fff;

  }

  #denisura #URBAN .lineup_btn button:hover span::before,

  #denisura #URBAN .lineup_btn button:hover span::after {

    background: #000000;

  }

}

@media screen and (max-width: 750px) {

  #denisura .lineup .box {

    padding: 0 0 calc(95 / 750 * 100vw);

  }

  #denisura .lineup .box.-border {

    width: auto;

    max-width: none;

    padding: calc(100 / 750 * 100vw) 0;

  }

  #denisura .lineup .box.-border:last-child {

    padding-bottom: calc(95 / 750 * 100vw);

  }

  #denisura .lineup .box.-border + .box.-border::before {

    width: 89.3333%;

        max-width: none;

    border-top-width: calc(8 / 750 * 100vw);

    padding-top: calc(70 / 750 * 100vw);

  }

  #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:first-child {

    padding-top: 0;

  }

  #denisura .lineup .box .title {

    max-width: 89.3333%;

    min-height: calc(152 / 750 * 100vw);

    font-size: calc(44 / 750 * 100vw);

    margin-bottom: calc(50 / 750 * 100vw);

    line-height: 1.3;

    box-sizing: border-box;

  }

  #denisura .lineup .box .title span {

    font-size: calc(23 / 750 * 100vw);

    font-feature-settings: "palt";

    margin-top: .8em;

  }

  #denisura .lineup .box .title + .topic_title_{

    margin-top: calc(55 / 750 * 100vw);

  }

  #denisura .lineup .box .topic_title_ {

    font-size: calc(25 / 750 * 100vw);

    margin: 0 0 calc(40 / 750 * 100vw);

  }

  #denisura .lineup .box .topic_title_ h3 {

    font-size: calc(46 / 750 * 100vw);

  }

  #denisura .lineup .box .topic_title_::after {

    width: calc(80 / 750 * 100vw);

    height: calc(4 / 750 * 100vw);

    margin: 1em auto 0;

  }

  #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%;

    margin-bottom: 8%;

  }

  #denisura .lineup_btn.close {

    margin-top: calc(100 / 750 * 100vw);

  }

}

@media screen and (min-width: 1001px) {

  #denisura .switch {

    top: 7%;

  }

  #denisura .item {

    padding-top: calc(75px + 56px);

    margin-top: calc(-76px - 56px);

  }

}

@media screen and (min-width: 751px) and (max-width: 1000px) {

  #denisura .item {

    padding-top: calc(75px + 50px);

    margin-top: calc(-76px - 50px);

  }

}



/********フェード**********/

.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);

}

/********フェード**********/