@charset "utf-8";
/* CSS Document */

.pcOnlyB{
	display:block;
}

.pcOnlyI{
	display:inline;
}

.spOnly, .spOnlyI, .spOnlyB{
	display:none;
}

/* トップページ */
.mv{
	background-position: top left;
	background-image: url(../img/mv_bg.jpg);
	min-height: 96.7vw;
	padding: 0;
}

.mv__mainCopy{
	width: 40rem;
	box-sizing: content-box;
	padding: 17.6vw 0 5.2vw 0;
	margin: 0 auto;
	img{
		filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
	}
}

.mv__subText{
	text-align: center;
	padding: 0 0 5.2vw 0;
	margin: 0 auto;
	color: #222;
	line-height: 2.2;
	font-size: 2.2rem;
}

.mv__aircraft{
	width: 31.25vw;
	top: 27vw;
}

.message__movie{
  width: 60rem;
  border: solid 0.2rem #FFF;
  margin-bottom: 5.6rem;
  /* display: grid !important;*/
  display: none;
  margin: 0 auto;
  background-color: rgba(255,255,255,0.4);
  transform: translateX(-50%);
  margin-bottom: 20rem;
}

.message__movie.spOnlyB{
	display: none !important;
}

.message__movie__play{
  width: 13rem;
  height: 13rem;
  background-color: rgba(0,0,0,0.05);
  img{
    width: 46%;
  }
}

.message{
	background: 
		url(../img/message_bg2.png) no-repeat left 4vw top 10vw / 19.7vw auto,
		url(../img/message_bg.png) no-repeat center center / 100% 100%;
	padding:7.2vw 0;
	margin-top: -11.5vw;
	margin-bottom:-11.5vw;
	&::before{
		display: none;
	}
	&:after{
		display: none;
	}
}

.message__topMsg{
  background:none;
  max-width: var(--inner-width);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 11rem 9rem;
  font-family: var(--font-m);
  font-weight: 500;
}

.message__topMsg__header{
	font-size: 2.8rem;
	line-height: 1;
	margin-bottom: 2.8rem;
	span{
		font-size: 1.7rem;
		margin-bottom: 2rem;
	}
}

.history{
	padding: 12vw min(2rem,1vw) 13.5rem;
	background: 
    	url(../img/history_bg2.svg) no-repeat top 45vw left / 95vw auto,
    	url(../img/history_bg.jpg) repeat-y center top / 100% auto;
}

.history__header{
	font-size: 2.8rem;
	line-height: 1;
	margin-bottom: 2rem;
}

.history__header__subtitle{
	font-size:2rem;
	margin-bottom: 3rem;
	line-height: 1;
}

.history__list__wrap{
	max-width: 1580px;
	margin-inline: auto;
	margin-bottom: min(25rem,13vw);
	padding: 0;
	overflow: auto;
	&:after{
		display: none;
	}
}

.history__list__wrap:last-child{
	margin-bottom: 0;
}

.history__list{
	display: grid;
	gap: min(2rem,1vw);
	width: 100%;
	grid-template-columns: repeat(5,1fr);
	li{
		width: auto;
	}
}

.history__list__content{
	font-size: 2.2rem;
	padding: min(2rem,1vw);
	margin-bottom: -3.6vw;
	span{
		font-size: 1.6rem;
	}
}

.history__list.isComp li{
	padding-bottom: min(3rem,1.5vw);
	.compIcon{
		padding: min(3rem,1.5vw);
		img{
			width: min(9rem,4.vw);
			height: min(9rem,4.6vw);
		}
	}
	.compData{
		margin-bottom: min(3rem,1.5vw);
		dt{
			padding: min(2rem,1vw);
			margin-bottom: min(3rem,1.5vw);
			font-size: 2.4rem;
		}
		dd.lv1{
			font-size: 4rem;
		}
		dd.lv2{
      		font-size: 1.6rem;
			padding-top: 1rem;
		}
	}

	.compGra{
		img{
			width: auto;
			max-width: 58%;
			margin-bottom: min(3rem,1.5vw);
		}
		figcaption{
			font-weight: bold;
			font-size: 2.2rem;
		}
	}
}

.modalDialog{
	max-width: var(--inner-width);
	width: 90vw;
	box-sizing: border-box;
	margin: 0;
	padding: 8.5rem 7.5rem;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.modalDialog__inner{
  position: relative;
  display: grid;
  gap: 3.6rem;
  grid-template-columns: 42rem auto;
  grid-template-rows: auto 1fr;
}

.modalDialog__close{
	width: 10%;
	top: -6.5rem;
	right: -5.5rem;
}

.modalDialog__image{
	grid-row: 1/3;
	grid-column: 1/2;
}

.modalDialog__header{
	padding: 0;
	font-size: 2.8rem;
	line-height: 1.4;
	span{
		font-size: 2.4rem;
		display: inline-block;
		padding-top: 0.2em;
		font-weight: 500;
	}
}

.modalDialog__text{
	font-size: 2rem;
}

.reception{
  padding: 17rem 2rem 26rem;
}

.history__header__subtitle.isReception{
	margin-bottom: 4.4rem;
}

.reception__text{
	margin-bottom: 4.4rem;
	max-width: var(--inner-width);
	width: fit-content;
	margin-inline: auto;
}

.reception__image{
	max-width: var(--inner-width);
	margin-inline: auto;
	gap: 8rem;
}

.next{
  padding: 0 2rem 10rem 2rem;
  margin-bottom: 10rem;
  box-sizing: border-box;
  background:
    url(../img/next_bg2.svg) no-repeat left bottom / 90vw auto,
    url(../img/next_bg1.svg) no-repeat right top 10vw / 90vw auto;
}


.next__header{
	font-weight: bold;
	font-size: 4.2rem;
	span{
		width: 23rem;
		height: 23rem;
		font-size: 3.2rem;
		margin-bottom: 7rem;
	}
}

.next__text{
	text-align: center;
	padding: 0 2rem;
	margin-bottom: 7rem;
}

.next__list{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: min(8rem,4vw);
	max-width: var(--inner-width);
	margin: 0 auto;
	li{
		margin: 0;
	}
}

.next__list__image{
	margin-bottom: 2rem;
	img{
		aspect-ratio: 510/300;
	}
}

.next__list__head{
	background-size: 6rem auto;
	background-position: left top;
	padding: 0 0 0 8rem;
	margin: 0 0 2rem 0;
	min-height: 6.6rem;
	line-height: 1.4;
}

.next__list__text{
	padding: 0;
}

.next_list__flow{
  padding: 2rem;
}

.next__list__flowHead{
	padding: 0.1em 0 0.3em;
}

.next__list__flowContent{
	padding: 1rem;
	&>*{
		padding: 1rem 2rem;
	}
}

.footMsg{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	aspect-ratio: 1920/440;
	padding: 2.8vw 0 0 8vw;
	&:before{
		display: none;
	}
}

.footMsg__header{
  font-size:3.9rem;
  line-height: 1.2;
  .lv1{
    font-size: 5.2rem;
  }
  .lv2{
    font-size: 7.4rem;
  }
}

.footMsg__text1{
  font-size: 2rem;
}

@media (width >= 1600px){
	.footMsg__text1 br{
		display: none;
	}
}

.footMsg__text2{
  font-size: 2.8rem;
}

.footer{
  padding: 4rem 5rem 2rem 5rem;
  display: grid;
  grid-template-columns: auto auto;
  gap: 2rem;
}

.footer__link{
	justify-content: flex-end;
	margin: 0;
	align-items: center;
}

.footer__logo{
  max-width: 25rem;
  margin: 0;
}

.footer__copy{
	grid-column: 1/3;
	grid-row: 2/3;
	font-size: 1.4rem;
	text-align: right;
}

.toTop{
	width: 5.8rem;
	bottom: 20rem;
	right: 2rem;
}