@charset "utf-8";


/**************************************************50
 * index
 **************************************************/
@media screen and (max-width:767px){
	#page_header_information.is_webp figure{
		background-image: url('../image/information/header_011.webp');
	}
	#page_header_information:not(.is_webp) figure{
		background-image: url('../image/information/header_011.jpg');
	}
	#page_header_information figure:before{
		padding-top: 43.28125%;
	}
}
@media screen and (min-width:768px){
	#page_header_information.is_webp figure{
		background-image: url('../image/information/header_010.webp');
	}
	#page_header_information:not(.is_webp) figure{
		background-image: url('../image/information/header_010.jpg');
	}
	#page_header_information figure:before{
		padding-top: 29.16666666666667%;
	}
}


/**************************************************50
 * facility
 **************************************************/
#facility_map{
	text-align: center;
}
#facility_map ul li{
	border: 1px solid #666666;
}
#facility_map ul li h3{
	color: #1CACCA;
	font-size: 137.5%;
}
#facility_map ul li a{
	display: inline-block;
	position: relative;
	width: 100%;
}
#facility_map ul li a:after{
	color: #FF9F1E;
	content: "\F0416";
	font-family: "Material Design Icons";
	font-size: 300%;
	line-height: 1;
	position: absolute;
	bottom: 0;
	right: 0px;
}
#facility_list:after{
	clear: both;
	content: "";
	display: block;
}
#facility_list li{
	float: left;
}
#facility_list li a{
	display: block;
	position: relative;
}
#facility_list li a:after{
	color: #FF9F1E;
	content: "\F0416";
	font-family: "Material Design Icons";
	font-size: 300%;
	line-height: 1;
	position: absolute;
	bottom: 0;
	right: 0px;
}
#facility_list li a img{
	width: 100%
}
#facility_list li h3{
	font-size: 112.5%;
}
#cboxTitle{
	top: 100%;
}
@media screen and (max-width:413px){
	#facility_list li{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 93.75%;
	}
	#facility_list li + li{
		margin-top: 3.125%;
	}
}
@media screen and (min-width:414px) and (max-width:767px){
	#facility_list li{
		margin-left: 3.125%;
		margin-bottom: 3.125%;
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (max-width:767px){
	#page_header_facility.is_webp figure{
		background-image: url('../image/information/header_021.webp');
	}
	#page_header_facility:not(.is_webp) figure{
		background-image: url('../image/information/header_021.jpg');
	}
	#page_header_facility figure:before{
		padding-top: 33.59375%;
	}
	#facility_map p{
		padding: 0 3.125%;
	}
	#facility_map ul{
		margin: 3.125% 0 6.25%;
	}
	#facility_map ul li{
		margin-left: auto;
		margin-right: auto;
		padding-top: 3.125%;
		max-width: 360px;
		width: 75%;
	}
	#facility_map ul li + li{
		margin-top: 3.125%;
	}
	#facility_map ul li hr{
		margin: 3.333333333333333% auto 6.666666666666667%;
		width: -webkit-calc(100% - (3.333333333333333% * 2));
		width: calc(100% - (3.333333333333333% * 2));
	}
	#facility_map ul li a{
		padding-bottom: 3.333333333333333%;
	}
	#facility_map ul li a img{
		width: 100%;
	}
	#facility_list{
		padding-bottom: 6.25%;
	}
}
@media screen and (min-width:768px){
	#page_header_facility.is_webp figure{
		background-image: url('../image/information/header_020.webp');
	}
	#page_header_facility:not(.is_webp) figure{
		background-image: url('../image/information/header_020.jpg');
	}
	#page_header_facility figure:before{
		padding-top: 29.16666666666667%;
	}
	#facility_map{
		margin-bottom: 50px;
	}
	#facility_map ul{
		margin: 50px auto 0;
		max-width: 860px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#facility_map ul:after{
		clear: both;
		content: "";
		display: block;
	}
	#facility_map ul li{
		float: left;
		padding: 10px 0 0;
		width: -webkit-calc((100% - 60px) / 2);
		width: calc((100% - 60px) / 2);
	}
	#facility_map ul li:nth-child(even){
		margin-left: 60px;
	}
	#facility_map ul li hr{
		margin: 10px auto 0;
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	#facility_map ul li a{
		padding: 20px 0;
		text-align: center;
	}
	#facility_list{
		margin: 0 auto 50px;
		max-width: 1000px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	#facility_list li{
		margin-bottom: 20px;
		width: -webkit-calc((100% - (20px * 2)) / 3);
		width: calc((100% - (20px * 2)) / 3);
	}
	#facility_list li:not(:nth-child(3n+1)){
		margin-left: 20px;
	}
	#facility_list li a{
		margin-bottom: 5px;
	}
}
@media screen and (min-width:940px){
	#facility_map ul li a{
		overflow: hidden;
	}
	#facility_map ul li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform 0.2s ease-out 0s;
	}
	#facility_map ul li a:hover img{
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	#facility_map ul li a:hover:after{
		animation-duration: 0.3s;
		animation-iteration-count: 1;
		animation-name: push;
		animation-timing-function: ease-out;
	}
	#facility_list li a{
		overflow: hidden;
	}
	#facility_list li a:hover:after{
		animation-duration: 0.3s;
		animation-iteration-count: 1;
		animation-name: push;
		animation-timing-function: ease-out;
	}
	#facility_list li a img{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform 0.2s ease-out 0s;
	}
	#facility_list li a:hover img{
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@-webkit-keyframes push{
	50% {
		-webkit-transform: scale(0.6);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
@keyframes push{
	50% {
		transform: scale(0.6);
	}
	100% {
		transform: scale(1);
	}
}


/**************************************************50
 * access
 **************************************************/
#access_img{
	text-align: center;
}
#access_img p{
	color: #1CACCA;
	font-size: 187.5%;
}
#access_img > img{
	max-width: 950px;
	width: 100%;
}
#access_map > iframe{
	height: 100%;
	width: 100%;
}
@media screen and (max-width:319px){
	#access_img p{
		font-size: 125%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#access_img p{
		font-size: 150%;
	}
}
@media screen and (min-width:360px) and (max-width:413px){
	#access_img p{
		font-size: 175%;
	}
}
@media screen and (max-width:767px){
	#page_header_access.is_webp figure{
		background-image: url('../image/information/header_031.webp');
	}
	#page_header_access:not(.is_webp) figure{
		background-image: url('../image/information/header_031.jpg');
	}
	#page_header_access figure:before{
		padding-top: 36.875%;
	}
	#access_img{
		margin-bottom: 6.25%;
	}
	#access_img p{
		margin-bottom: 3.125%;
	}
	#access_img > img{
		width: 93.75%;
	}
	#access_how_to{
		margin-bottom: 6.25%;
	}
	#access_map{
		position: relative;
	}
	#access_map:before{
		content: "";
		display: block;
		padding-top: 56.25%;
	}
	#access_map > iframe{
		position: absolute;
		top: 0;
		left: 0;
	}
}
@media screen and (min-width:768px){
	#page_header_access.is_webp figure{
		background-image: url('../image/information/header_030.webp');
	}
	#page_header_access:not(.is_webp) figure{
		background-image: url('../image/information/header_030.jpg');
	}
	#page_header_access figure:before{
		padding-top: 29.16666666666667%;
	}
	#access_img{
		margin-bottom: 50px;
	}
	#access_img p{
		margin-bottom: 20px;
	}
	#access_how_to{
		max-width: 900px;
	}
	#access_how_to ul + h3{
		margin-top: 20px;
	}
	#access_map{
		margin: 0 auto 50px;
		height: 400px;
		max-width: 860px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
}


/**************************************************50
 * spirit
 **************************************************/
#information_spirit_logo{
	text-align: center;
}
#information_spirit_logo img{
	max-width: 75%;
}
#page_header_spirit figure{
	position: relative;
}
#page_header_spirit figure figcaption{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
#page_header_spirit figure figcaption strong{
	font-weight: normal;
}
#information_objective > li{
	padding-left: 0;
	text-indent: 0;
}
#information_objective > li:before{
	display: block;
	font-size: 150%;
	text-align: center;
	width: 100%;
}
@media screen and (max-width:319px){
	#page_header_spirit figure figcaption strong{
		font-size: 112.5%;
	}
	#page_header_spirit figure figcaption p{
		font-size: 75%;
		margin-top: 1.5625%;
		margin-bottom: 1.5625%;
	}
}
@media screen and (min-width:320px) and (max-width:413px){
	#page_header_spirit figure figcaption strong{
		font-size: 125%;
	}
	#page_header_spirit figure figcaption p{
		font-size: 87.5%;
		margin-top: 1.5625%;
		margin-bottom: 1.5625%;
	}
}
@media screen and (min-width:414px) and (max-width:767px){
	#page_header_spirit figure figcaption strong{
		font-size: 150%;
	}
	#page_header_spirit figure figcaption p{
		font-size: 112.5%;
	}
	#page_header_spirit figure figcaption p{
		margin-top: 3.125%;
		margin-bottom: 3.125%;
	}
}
@media screen and (max-width:767px){
	#information_spirit_logo{
		padding: 0 3.125%;
	}
	#page_header_spirit{
		margin-top: 3.125%;
		margin-bottom: 3.125%;
	}
	#page_header_spirit.is_webp figure{
		background-image: url('../image/information/header_041.webp');
	}
	#page_header_spirit:not(.is_webp) figure{
		background-image: url('../image/information/header_041.jpg');
	}
	#page_header_spirit figure:before{
		padding-top: 43.28125%;
	}
	#information_founder{
		width: 100px;
	}
	#information_objective > li + li{
		margin-top: 3.333333333333333%;
	}
}
@media screen and (min-width:768px){
	#page_header_spirit{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#page_header_spirit.is_webp figure{
		background-image: url('../image/information/header_040.webp');
	}
	#page_header_spirit:not(.is_webp) figure{
		background-image: url('../image/information/header_040.jpg');
	}
	#page_header_spirit figure:before{
		padding-top: 29.16666666666667%;
	}
	#information_founder{
		width: 136px;
	}
	#information_objective > li + li{
		margin-top: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#page_header_spirit figure figcaption strong{
		font-size: 175%;
	}
	#page_header_spirit figure figcaption p{
		font-size: 112.5%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width:940px) and (max-width:1129px){
	#page_header_spirit figure figcaption strong{
		font-size: 200%;
	}
	#page_header_spirit figure figcaption p{
		font-size: 125%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
@media screen and (min-width:1280px){
	#page_header_spirit figure figcaption strong{
		font-size: 250%;
	}
	#page_header_spirit figure figcaption p{
		font-size: 150%;
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

#information_greeting{
}
#information_greeting h2{
	background-color:  #24318F;
	color: #FFFFFF;
	line-height: 1.2;
	text-align: center;
}
#information_greeting figure{
}
#information_greeting figure > div{
}
#information_greeting figure figcaption{
	border-left: 5px solid #24318F;
}
#information_greeting figure figcaption h4{
	font-weight: normal;
}
#information_greeting figure figcaption p{
	font-size: 87.5%;
}
#information_greeting > div{
}
#information_greeting > div p{
	font-size: 87.5%;
	text-indent: 1em;
}
#information_greeting > div p + p{
	margin-top: 1em;
}
@media screen and (max-width:767px){
	#information_greeting{
		margin-bottom: 6.25%;
	}
	#information_greeting h2{
		font-size: 125%;
		padding: 1.5625% 3.125%;
		margin-bottom: 3.125%;
	}
	#information_greeting figure{
		margin-bottom: 3.125%;
	}
	#information_greeting figure > div{
		margin-bottom: 1.5625%;
		text-align: center;
	}
	#information_greeting figure > div img{
		width: 56.25%;
	}
	#information_greeting figure figcaption{
		margin-left: auto;
		margin-right: auto;
		padding-left: 3.125%;
		width: 93.75%;
	}
	#information_greeting > div p{
		padding: 0 3.125%;
	}
}
@media screen and (min-width:768px){
	#information_greeting{
		margin-bottom: 50px;
	}
	#information_greeting:after{
		clear: both;
		content: "";
		display: block;
	}
	#information_greeting h2{
		font-size: 150%;
		margin-bottom: 20px;
		padding: 5px;
	}
	#information_greeting figure{
		float: left;
	}
	#information_greeting figure > div{
		margin-bottom: 10px;
	}
	#information_greeting figure > div img{
		width: 100%;
	}
	#information_greeting figure figcaption{
		padding-left: 10px;
	}
	#information_greeting figure figcaption h4{
		font-size: 150%;
	}
	#information_greeting > div{
		float: right;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#information_greeting figure{
		margin-left: 20px;
		width: 260px;
	}
	#information_greeting > div{
		width: -webkit-calc(100% - 260px - 20px - 20px - 20px);
		width: calc(100% - 260px - 20px - 20px - 20px);
		margin-right: 20px;
	}
}
@media screen and (min-width:940px){
	#information_greeting figure{
		width: 300px;
	}
	#information_greeting > div{
		width: -webkit-calc(100% - 300px - 30px);
		width: calc(100% - 300px - 30px);
	}
}


/**************************************************50
 * policy
 **************************************************/
#information_3policy_logo{
	text-align: center;
}
#information_3policy_logo img{
	max-width: 75%;
}
#page_header_3policy strong{
	display: block;
	font-weight: normal;
}
.box_3policy{
	border-radius: 10px;
}
.box_3policy h2{
	border-radius: 10px;
	color: #FFFFFF;
	line-height: 1.2;
	text-align: center;
}
.box_3policy h2.bg_3policy_orange{
	background-color: #FF9F4B;
}
.box_3policy h2.bg_3policy_blue{
	background-color: #0084BF;
}
.box_3policy h2.bg_3policy_green{
	background-color: #4CA885;
}
.box_3policy h2 span{
	display: block;
	font-size: 75%;
}
.box_3policy ul{
	background-color: #FFFFFF;
	border-radius: 10px;
	counter-reset: num;
}
.box_3policy ul > li{
	padding-left: 2em;
	text-indent: -2em;
}
.box_3policy ul > li:before{
	content: counter(num) ".";
	counter-increment: num;
	display: inline-block;
	margin-right: 0.5em;
	text-align: right;
	text-indent: 0;
	width: 1.5em;
}
@media screen and (max-width:767px){
	#information_3policy_logo{
		padding: 0 3.125%;
	}
	#page_header_3policy{
		margin-top: 3.125%;
		margin-bottom: 3.125%;
	}
	#page_header_3policy strong{
		font-size: 150%;
		margin-bottom: 1.5625%;
	}
	#page_header_3policy img{
		width: 75%;
		max-width: 380px;
	}
	.box_3policy{
		width: 93.75%;
	}
	.box_3policy h2{
		font-size: 125%;
		margin: 0 auto 3.333333333333333%;
		padding: 1.666666666666667%;
		width: 93.33333333333333%;
	}
	.box_3policy > p{
		padding: 0 6.666666666666667%;
	}
	.box_3policy ul{
		margin: 3.333333333333333% auto 0;
		padding: 3.333333333333333%;
		width: 93.33333333333333%;
	}
	.box_3policy ul > li + li{
		margin-top: 1.923076923076923%;
	}
}
@media screen and (min-width:768px){
	#information_3policy_logo{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#page_header_3policy{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#page_header_3policy strong{
		font-size: 250%;
		margin-bottom: 10px;
	}
	#page_header_3policy img{
		width: 380px;
	}
	.box_3policy{
		max-width: 790px;
	}
	.box_3policy h2{
		font-size: 175%;
		margin-bottom: 20px;
		padding: 10px;
	}
	.box_3policy > p{
		padding: 0 20px;
	}
	.box_3policy ul{
		margin-top: 20px;
		padding: 20px;
	}
	.box_3policy ul > li + li{
		margin-top: 10px;
	}
}