:root{
	--body : #434343;
	--link : #434343;
}
/*--------------------------------------------
MV
---------------------------------------------*/
#mv{
	position : relative;
}
#mv h2{
	position : absolute;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
}
#mv h2{
	font-weight : 700;
	color : #fff;
}
#mv picture{
	width : 100vw;
	overflow : hidden;
}
#mv picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}
@media screen and (max-width: 768px){
	#mv{
		height : calc( 320 * 100vw / 768 );
	}
	#mv h2{
		font-size : calc( 40 * 100vw / 768 );
	}
	#mv picture{
		height : calc( 320 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#mv{
		height : calc( 801 * 100vw / 1300 );
	}
	#mv h2{
		font-size : calc( 48 * 100vw / 1300 );
	}
	#mv picture{
		height : calc( 801 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#mv{
		height : 801px;
	}
	#mv h2{
		font-size : 48px;
	}
	#mv picture{
		height : 801px;
	}
}
/*--------------------------------------------
TRAVELER
---------------------------------------------*/
#traveler h3 , #traveler p em{
	font-weight : 700;
}
@media screen and (max-width: 768px){
	#traveler .wrap{
		padding-top : calc( 48 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
	}
	#traveler h3 , #traveler p em{
		font-size : calc( 28 * 100vw / 768 );
		line-height : 1.4;
	}
	#traveler li{
		text-align : center;
	}
	#traveler picture{
		margin-top : calc( 36 * 100vw / 768 );
		text-align : center;
	}
	#traveler picture img{
		height : calc( 360 * 100vw / 768 );
	}
	#traveler li p{
		margin-top : calc( 28 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#traveler .wrap{
		padding-top : calc( ( 36 - 7 ) * 100vw / 1300 );
		padding-bottom : calc( ( 44 - 7 ) * 100vw / 1300 );
	}
	#traveler h3 , #traveler p em{
		font-size : calc( 36 * 100vw / 1300 );
		line-height : 1.39;
	}
	#traveler li{
		text-align : center;
	}
	#traveler li:nth-child(1) picture{
		margin-top : calc( ( 24 - 7 ) * 100vw / 1300 );
	}
	#traveler li:nth-child(1) picture img{
		height : calc( 540 * 100vw / 1300 );
	}
	#traveler li:nth-child(1) p{
		margin-top : calc( ( 26 - 7 ) * 100vw / 1300 );
	}
	#traveler li:nth-child(2){
		margin-top : calc( 69 * 100vw / 1300 );
	}
	#traveler li:nth-child(2) picture{
		margin-top : calc( ( 29 - 7 ) * 100vw / 1300 );
	}
	#traveler li:nth-child(2) picture img{
		height : calc( 486 * 100vw / 1300 );
	}
	#traveler li:nth-child(2) p{
		margin-top : calc( ( 69 - 7 ) * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#traveler .wrap{
		padding-top : calc( 36px - 7px );
		padding-bottom : calc( 44px - 7px );
	}
	#traveler h3 , #traveler p em{
		font-size : 36px;
		line-height : 1.39;
	}
	#traveler li:nth-child(1) picture{
		margin-top : calc( 24px - 7px );
	}
	#traveler li:nth-child(1) picture img{
		height : 540px;
	}
	#traveler li:nth-child(1) p{
		margin-top : calc( 26px - 7px );
	}
	#traveler li:nth-child(2) picture{
		margin-top : calc( 29px - 7px );
	}
	#traveler li:nth-child(2) picture img{
		height : 486px;
	}
	#traveler li:nth-child(2) p{
		margin-top : calc( 69px - 7px );
	}
}
@media screen and (min-width: 1300px) and (max-width: 1919px){
	#traveler li{
		text-align : center;
	}
	#traveler li + li{
		margin-top : 64px;
	}
}
@media screen and (min-width: 1920px){
	#traveler .wrap{
		max-width : 1920px;
		padding-left : 33px;
		padding-right : 0;
	}
	#traveler ul{
		display : flex;
		flex-wrap : wrap;
		justify-content : center;
	}
	#traveler li:nth-child(1) h3{
		margin-left : 143px;
	}
	#traveler li:nth-child(1) p{
		margin-left : 103px;
	}
	#traveler li:nth-child(2){
		margin-left : 105px;
	}
	#traveler li:nth-child(2) picture{
		margin-left : 73px;
	}
	#traveler li:nth-child(2) p{
		margin-left : 10px;
	}
}
/*--------------------------------------------
BUSINESS
---------------------------------------------*/
#business li li{
	text-align : center;
}
#business h4{
	font-weight : 700;
}
#business .wrap > ul > li:not(:last-child){
	border-bottom-style : solid;
	border-bottom-color : #36a5b3;
}
#business .wrap > ul > li > p{
	font-weight : 700;
	text-align : center;
}
@media screen and (max-width: 768px){
	#business .wrap{
		padding-top : calc( 48 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
	}
	#business .wrap > ul > li:not(:last-child){
		border-bottom-width : calc( 2 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
	}
	#business li li + li{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#business .wrap > ul > li + li{
		margin-top : calc( 31 * 100vw / 768 );
	}
	#business ul ul{
		margin-top : calc( 42 * 100vw / 768 );
	}
	#business h4{
		font-size : calc( 30 * 100vw / 768 );
	}
	#business li li p{
		font-size : calc( 22 * 100vw / 768 );
		margin-top : calc( 32 * 100vw / 768 );
	}
	#business .wrap > ul > li > p:first-of-type{
		margin-top : calc( 48 * 100vw / 768 );
	}
	#business .wrap > ul > li > p{
		font-size : calc( 22 * 100vw / 768 );
		line-height : 1.6;
	}
	#business .wrap > ul > li > p + p{
		margin-top : 1.6em;
	}
}
@media print,screen and (min-width: 769px){
	#business ul ul{
		display : flex;
		justify-content : center;
	}
	#business li li{
		width : 50%;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#business .wrap{
		padding-top : calc( 34 * 100vw / 1300 );
		padding-bottom : calc( ( 49 - 3 ) * 100vw / 1300 );
	}
	#business .wrap > ul > li:not(:last-child){
		border-bottom-width : calc( 2 * 100vw / 1300 );
		padding-bottom : calc( 29 * 100vw / 1300 );
	}
	#business .wrap > ul > li + li{
		margin-top : calc( 31 * 100vw / 1300 );
	}
	#business ul ul{
		margin-top : calc( 42 * 100vw / 1300 );
	}
	#business h4{
		font-size : calc( 30 * 100vw / 1300 );
	}
	#business li li p{
		font-size : calc( 18 * 100vw / 1300 );
		margin-top : calc( 18 * 100vw / 1300 );
	}
	#business .wrap > ul > li > p{
		font-size : calc( 24 * 100vw / 1300 );
		line-height : 1.25;
		margin-top : 1.25em;
	}
}
@media print,screen and (min-width: 1300px){
	#business .wrap{
		padding-top : 34px;
		padding-bottom : calc( 49px - 3px );
	}
	#business .wrap > ul > li:not(:last-child){
		border-bottom-width : 2px;
		padding-bottom : 29px;
	}
	#business .wrap > ul > li + li{
		margin-top : 31px;
	}
	#business ul ul{
		margin-top : 42px;
	}
	#business h4{
		font-size : 30px;
	}
	#business li li p{
		font-size : 18px;
		margin-top : 18px;
	}
	#business .wrap > ul > li > p{
		font-size : 24px;
		line-height : 1.25;
		margin-top : 1.25em;
	}
}
/*--------------------------------------------
COMPANY
---------------------------------------------*/
#company th , #company td{
	font-weight : 700;
}
#company .count li{
	counter-increment : no;
}
#company .count li:before{
	content : counter(no)".";
}
#company th{
	text-align : left;
	vertical-align : top;
}
@media screen and (max-width: 768px){
	#company .wrap{
		padding-top : calc( 48 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
	}
	#company table{
		margin-top : calc( 32 * 100vw / 768 );
	}
	#company th , #company td{
		font-size : calc( 22 * 100vw / 768 );
		line-height : 1.67;
		padding-top : calc( 12 * 100vw / 768 );
		padding-bottom : calc( 12 * 100vw / 768 );
	}
	#company th{
		width : calc( 210 * 100% / 720 );
	}
	#company td{
		padding-left : calc( 16 * 100vw / 768 );
		border-left : calc( 2 * 100vw / 768 ) solid #36a5b3;
	}
}
@media print,screen and (min-width: 769px){
	#company .wrap{
		display : flex;
		justify-content : space-between;
		align-items : flex-start;
	}
	#company .box{
		width : 50%;
	}
	#company td{
		border-left : 1px solid #36a5b3;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#company .wrap{
		padding-top : calc( 37 * 100vw / 1300 );
		padding-bottom : calc( 39 * 100vw / 1300 );
	}
	#company table{
		margin-top : calc( ( 28 - 6 ) * 100vw / 1300 );
	}
	#company th , #company td{
		font-size : calc( 18 * 100vw / 1300 );
		line-height : 1.67;
	}
	#company th{
		width : calc( 202 * 100vw / 1300 );
		padding-left : calc( 40 * 100vw / 1300 );
	}
	#company td{
		padding-left : calc( 20 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#company .wrap{
		padding-top : 37px;
		padding-bottom : 39px;
	}
	#company table{
		margin-top : calc( 28px - 6px );
	}
	#company th , #company td{
		font-size : 18px;
		line-height : 1.67;
	}
	#company th{
		width : 202px;
		padding-left : 40px;
	}
	#company td{
		padding-left : 20px;
	}
}
/*--------------------------------------------
ACCESS
---------------------------------------------*/
#access h4{
	font-weight : 700;
}
#access .iframe-container{
	position : relative;
	width : 100%;
}
#access .iframe-container > #map , #access .iframe-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
@media screen and (max-width: 768px){
	#access{
		padding-top : calc( 64 * 100vw / 768 );
	}
	#access ul{
		margin-top : calc( 40 * 100vw / 768 );
	}
	#access li + li{
		margin-top : calc( 56 * 100vw / 768 );
	}
	#access h4{
		font-size : calc( 26 * 100vw / 768 );
	}
	#access .iframe-container{
		height : calc( 320 * 100vw / 768 );
		margin-top : calc( 24 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#access ul{
		margin-top : calc( 24 * 100vw / 1300 );
		padding-left : calc( 16 * 100vw / 1300 );
		padding-right : calc( 16 * 100vw / 1300 );
	}
	#access li + li{
		margin-top : calc( 18 * 100vw / 1300 );
	}
	#access h4{
		font-size : calc( 18 * 100vw / 1300 );
	}
	#access .iframe-container{
		height : calc( 240 * 100vw / 1300 );
		margin-top : calc( 13 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#access ul{
		margin-top : 24px;
		padding-left : 16px;
		padding-right : 16px;
	}
	#access li + li{
		margin-top : 18px;
	}
	#access h4{
		font-size : 18px;
	}
	#access .iframe-container{
		height : 240px;
		margin-top : 13px;
	}
}
/*--------------------------------------------
CONTACT
---------------------------------------------*/
#contact input[type="text"] , #contact input[type="email"] , #contact textarea{
	width : 100%;
	background-color : #eee;
	border : 0;
}
#contact input[type="submit"]{
	margin-left : auto;
	margin-right : auto;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	background-color : #36a5b3;
	font-weight : 700;
	color : #fff;
	letter-spacing : .1em;
}
@media print,screen and (min-width: 769px){
	#contact dl > div{
		display : flex;
		align-items : center;
	}
	#contact dt{
		flex-shrink : 0;
		text-align : right;
		font-weight : 700;
		color : #262626;
	}
}
@media screen and (max-width: 768px){
	#contact .wrap{
		padding-top : calc( 48 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
	}
	#contact dl > div + div{
		margin-top : calc( 20 * 100vw / 768 );
	}
	#contact dt{
		font-size : calc( 24 * 100vw / 768 );
	}
	#contact dd{
		margin-top : calc( 16 * 100vw / 768 );
	}
	#contact input[type="text"] , #contact input[type="email"] , #contact textarea{
		border-radius : calc( 8 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
	}
	#contact input[type="text"] , #contact input[type="email"]{
		height : calc( 56 * 100vw / 768 );
	}
	#contact textarea{
		height : calc( 320 * 100vw / 768 );
	}
	#contact input[type="submit"]{
		margin-top : calc( 48 * 100vw / 768 );
		width : calc( 360 * 100% / 720 );
		height : calc( 80 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#contact .wrap{
		padding-top : calc( 42 * 100vw / 1300 );
		padding-bottom : calc( 42 * 100vw / 1300 );
	}
	#contact dl > div + div{
		margin-top : calc( 8 * 100vw / 1300 );
	}
	#contact dt{
		width : calc( 508 * 100% / 1300 );
		padding-right : calc( 25 * 100vw / 1300 );
		font-size : calc( 18 * 100vw / 1300 );
	}
	#contact dd{
		width : calc( 498 * 100% / 1300 );
	}
	#contact input[type="text"] , #contact input[type="email"] , #contact textarea{
		border-radius : calc( 8 * 100vw / 1300 );
	}
	#contact input[type="text"] , #contact input[type="email"]{
		height : calc( 32 * 100vw / 1300 );
	}
	#contact textarea{
		height : calc( 188 * 100vw / 1300 );
	}
	#contact input[type="submit"]{
		margin-top : calc( 48 * 100vw / 1300 );
		width : calc( 260 * 100vw / 1300 );
		height : calc( 48 * 100vw / 1300 );
		font-size : calc( 20 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#contact .wrap{
		padding-top : 42px;
		padding-bottom : 42px;
	}
	#contact dl > div + div{
		margin-top : 8px;
	}
	#contact dt{
		width : 508px;
		padding-right : 25px;
		font-size : 18px;
	}
	#contact dd{
		width : 498px;
	}
	#contact input[type="text"] , #contact input[type="email"] , #contact textarea{
		border-radius : 8px;
	}
	#contact input[type="text"] , #contact input[type="email"]{
		height : 32px;
	}
	#contact textarea{
		height : 188px;
	}
	#contact input[type="submit"]{
		margin-top : 48px;
		width : 260px;
		height : 48px;
		font-size : 20px;
	}
}
/*# sourceMappingURL=../maps/home.css.map */