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

}*/

li {

	list-style: none;

}

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

	margin-top: 0px;

}

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

}

#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: -.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: -.05em;

	font-weight: 500;

	margin-right: -1em;

	text-indent: -.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;

			margin-top: 0px;

		}

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

		margin-top: 0px;

	}

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

	margin-top: 80px;

}

#denisura .switch {

	position: sticky;

	top: 53px !important;

	left: 0;

	right: 0;

	display: flex;

	z-index: 100;

	height: 96px;

}

#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 .contents {

		margin-top: 100px;

	}

	#denisura .switch {

		top: 0px !important;

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

	}

	#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.item_tn {

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

		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;

	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 .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(../img/voice_icon_arrow.svg) no-repeat left top / 100% auto;

	position: absolute;

	right: 55.04px;

	bottom: 22.36px;

	transition: transform .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 .3s, color .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 .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, .7);

	z-index: 2000;

	overflow: auto;

	display: flex;

	align-items: center;

	justify-content: center;

	opacity: 0;

	transition: opacity .5s;

	pointer-events: none;

	width: 100%;

}



.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, .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: .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 {

		max-width: 100vw !important;

	}



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

	text-align: 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: .07em;

	text-align: center;

}

#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 .3s, background .3s;

	text-decoration: none;

}

#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 .3s, color .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 .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 .3s, color .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: -.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: .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;

}

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

	text-align: center;

}

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

}

#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,.5) 10%, rgba(255,255,255,1) 70%);

	z-index: 1;

	transition: opacity .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 .3s, background .3s;

	text-decoration: none;

}

#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 .3s, color .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 .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, .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: .24em;

	color: #001960;

	font-weight: bold;

	font-family: "Noto Sans JP", sans-serif;

}

#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: .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, .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 .8s ease;

	transition: all .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(.5);

	transform: scale(.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);

}

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