@charset "UTF-8";

/* ▼▼▼ エアスタとは
=====================================*/
.span_title{
	margin-bottom: 20px;
	font-size: 18px;
	}
	.span_title span{
		color: #0066CC;
		letter-spacing: .1em;
	}

/* ▼ concept
----------------------------------------*/
#concept{
	padding: 40px 0 118px;
	}
	#concept .flex_box{
		align-items: center;
		margin-bottom: 90px;
	}
	#concept .photo{
		width: calc(100% - 453px);
	}
	#concept .txt{
		width: 45%;
		max-width: 453px;
	}
	#concept .txt p{
		font-size: 18px;
		line-height: 2.2;
	}
	/*
	#concept .movie{
		max-width: 864px;
		margin: 0 auto;
	}
	#concept .movie p{
		text-align: center;
		padding-top: 56.25%;
		position: relative;
	}
	#concept .movie iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
		*/

/* ▼ facility
----------------------------------------*/
.gradation_bg{
	padding: 60px 0;
	position: relative;
	}
	.gradation_bg::before{
		content: "";
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top,  #71e1f5 0%, #55a1f7 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #71e1f5 0%,#55a1f7 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #71e1f5 0%,#55a1f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		position: absolute;
		top: 0;
		left: 0;
		opacity: .2;
		z-index: -1;
	}
	.gradation_bg > section{
		display: flex;
		justify-content: center;
		width: 95%;
		background: #fff;
		padding: 4.5% 0 5%;
	}
	.gradation_bg > section .photo{
		width: 50%;
		max-width: 684px;
		position: relative;
	}
	.gradation_bg > section .photo p{
		position: absolute;
	}
	.gradation_bg > section .photo p:nth-child(1){
		top: 0;
		left: 0;
	}
	.gradation_bg > section .photo p:nth-child(2){
		bottom: -2%;
		right: 0;
	}
	.gradation_bg > section .txt{
		width: calc(100% - 50%);
		max-width: 590px;
		padding: 0 75px;
	}
	.gradation_bg > section h3{
		margin-bottom: 40px;
		font-size: 32px;
		line-height: 1.5;
	}
	.gradation_bg > section .sec_read{
		margin-bottom: 90px;
		line-height: 3;
	}
	#facility{
		padding-right: 0;
		margin: 0 0 40px auto;
	}
	#design{
		padding-left: 0;
		margin: 0 auto 0 0;
		flex-direction: row-reverse;
	}

/* ▼ awards
----------------------------------------*/
#awards{
	padding-top: 60px;
	}
	#awards .container{
		text-align: center;
	}
	#awards h2{
		display: inline-block;
		margin-bottom: 60px;
		text-align: center;
	}
	#awards .awards_list{
		display: flex;
		margin-bottom: 60px;
	}
	#awards .awards_list li{
		width: 25%;
		background: #D9EAFD;
		padding: 40px 10px 20px;
		border-radius: 10px;
		margin-right: 4.5%;
	}
	#awards .awards_list li:last-child{
		margin-right: 0;
	}
	#awards .awards_list li p{
		text-align: center;
	}
	#awards .awards_list li p.photo{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 107px;
		margin-bottom: 20px;
	}
	#awards .awards_list li p:nth-child(2){
		margin-bottom: 5px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.4;
	}
	#awards .awards_list li p:nth-child(3){
		color: #2366CC;
		font-size: 20px;
		font-weight: bold;
	}
	#awards .awards_list li p:nth-child(3) span{
		font-size: 26px;
	}
	#awards .radius_btn a{
		margin: 0 auto;
	}

/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px){
	/* ▼ concept
	----------------------------------------*/
	#concept{
		padding: 0px 0 60px;
		}
		#concept .flex_box{
			margin-bottom: 40px;
		}
		#concept .photo{
			width: 100%;
			margin: 0 auto 50px;
			text-align: center;
		}
		#concept .txt{
			width: 100%;
			max-width: 100%;
		}
		#concept .txt p{
			font-size: 15px;
		}
		/*
		#concept .movie{
			max-width: 864px;
			margin: 0 auto;
		}
		*/

	/* ▼ facility
	----------------------------------------*/
	.gradation_bg{
		padding: 40px 0;
		}
		.gradation_bg > section{
			display: block;
			padding: 40px 20px;
		}
		.gradation_bg > section .photo{
			width: 100%;
			margin-bottom: 60px;
		}
		.gradation_bg > section .photo p{
			width: 55%;
			position: static;
		}
		.gradation_bg > section .photo p:nth-child(2){
			position: absolute;
			bottom: -40px;
			right: -20px;
		}
		.gradation_bg > section .txt{
			width: 100%;
			padding: 0;
		}
		.gradation_bg > section h3{
			margin-bottom: 30px;
			font-size: 22px;
		}
		.gradation_bg > section .sec_read{
			margin-bottom: 20px;
			line-height: 2.5;
		}
		#facility{
			padding-right: 20px;
		}
		#design{
			padding-left: 20px;
		}
		#design .photo p:nth-child(1){
			position: relative;
			left: -20px;
			z-index: 2;
		}
		#design .photo p:nth-child(2){
			right: 10px;
		}
		#design .sec_read{
			margin-bottom:0;
		}

	/* ▼ awards
	----------------------------------------*/
	#awards{
		padding-top: 30px;
		}
		#awards h2{
			margin-bottom: 30px;
		}
		#awards .awards_list{
			flex-wrap: wrap;
			margin-bottom: 30px;
		}
		#awards .awards_list li{
			width: 47%;
			padding: 40px 10px 20px;
			margin: 0 15px 20px 0;
		}
		#awards .awards_list li:nth-child(2n){
			margin-right: 0;
		}
		#awards .awards_list li p.photo{
			height: 82px;
			padding: 0 14px;
		}
		#awards .awards_list li p.photo img{
			max-height:80px;
		}
		#awards .awards_list li p:nth-child(2){
			font-size: 12px;
		}
		#awards .awards_list li p:nth-child(3){
			font-size: 14px;
		}
		#awards .awards_list li p:nth-child(3) span{
			font-size: 18px;
		}
}