@charset "UTF-8";

/* INTERFACE */

br.pc{
	display:none;
}

#nav_sp{
	display:block;
	width:25px;
	height:20px;
	position:absolute;
	top:18px;
	right:20px;
	cursor:pointer;
	z-index:11;
}

#nav_sp span{
	display:block;
	margin:7px 0 7px;
	border-top:1px solid #000;
}

#nav_sp.open span:first-of-type{
	margin:7px 0 0;
	transform:rotate(45deg);
	transition-duration:0.5s;
}

#nav_sp.open span:last-of-type{
	margin:-1px 0 0;
	transform:rotate(-45deg);
	transition-duration:0.5s;
}

#nav_sp.close span:first-of-type{
	transition-duration:0.5s;
}

#nav_sp.close span:last-of-type{
	transition-duration:0.5s;
}

body>header{
	height:110px;
	box-sizing:border-box;
	padding:15px 15px 0;
	border-top:2px solid #000;
	position:relative;
	background-color:#fff;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: transform 0.3s ease;
	z-index: 1000;
}

body>header.hide{
	transform: translateY(-100%);
}

body>header h1{
	margin:0;
	line-height:1;
}

body>header a.logo{
	display:block;
	width:fit-content;
	margin:0 auto;
	text-align:center;
	font-family: "EB Garamond", serif;
	font-size:4vw;
	font-weight:500;
	line-height:1.2;
	color:#000;
}

body>header a.logo img{
	width:50px;
}

body>header a.btn_lg{
	display:block;
	width:fit-content;
	padding:0 0 0 27px;
	font-family: "Raleway", sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#000;
	position:absolute;
	left:20px;
	top:18px;
	background-image:url("../img/interface/ico_world.png");
	background-repeat:no-repeat;
	background-size:20px;
	background-position:left center;
}

body>header a.btn_lg span{
	display:none;
}

@media only screen and (max-width:600px){
	body>header{
		height:100px;
	}
}

@media only screen and (max-width:500px){
	body>header{
		height:90px;
	}
}


#globalnav{
	margin:10px 0 0;
	background-color:#fff;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}

#globalnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-family: "Raleway", sans-serif;
	font-size:14px;
}

#globalnav ul li{
	border-top:1px solid #ddd;
}

#globalnav ul a{
	color:#000;
	display:block;
	padding:1.2em;
}

body>footer{
	padding:15% 5% 15%;
	background-color:#000;
	border-top:5px solid #444;
}

body>footer a.logo{
	display:block;
	width:fit-content;
	margin:0 auto 5%;
	font-family: "EB Garamond", serif;
	font-size:3.9vw;
	font-weight:500;
	color:#fff;
}

body>footer small{
	display:block;
	padding:10% 0 0;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size:10px;
	color:#fff;
}

#footer_nav{
	padding:2% 0;
	background-color:#333;
}

#footer_nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size:3.2vw;
}

#footer_nav ul li{
	margin:0 1.5em;
	border-bottom:1px solid #aaa;
}

#footer_nav ul li:last-child{
	border-bottom:none;
}

#footer_nav ul a{
	display:block;
	padding:1em;
	color:#fff;
}

/* HOME */

#home_overview_area{
	padding:110px 0 0;
	background-color:#fafafa;
}

#home_overview_area>div{
	padding:10% 5%;
}

#home_overview_area h2{
	margin:0 0 1em;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size:7vw;
	font-weight:600;
	line-height:1.2;
	color:#e8374d;
}

#home_overview_area p{
	margin:0 0 1em;
	font-family: "Raleway", sans-serif;
	font-size:3.5vw;
	line-height:1.7;
}

#home_overview_area a.btn_a{
	margin:2em auto 0;
}

#home_message_area .title{
	margin:0 0 5%;
}

#home_message_area .title h2{
	text-align:center;
	font-size:8vw;
	line-height:1.3;
}

#home_message_area .title h2 span{
	display:block;
	margin:0 0 1em;
	font-family: "Raleway", sans-serif;
	font-size:3vw;
	font-weight:400;
	line-height:1.2;
	color:#177ec4;
}

#home_message_area .title img{
	width:100%;
}

#home_message_area section{
	padding:10% 5%;
	border-bottom:1px solid #ddd;
}

#home_message_area section p{
	margin:0 auto 1em;
	font-size:3.8vw;
	line-height:1.5;
}

#home_message_area section a.btn_a{
	margin:2em auto 0;
}

#home_aboutus_area{
	background-color:#fafafa;
}

#home_aboutus_area>div{
	padding:10% 5% 20%;
}

#home_aboutus_area h2{
	margin:0 0 1em;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size:7vw;
	font-weight:600;
	line-height:1.2;
	color:#e8374d;
}

#home_aboutus_area h3{
	margin:0 0 1.5em;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size:4vw;
	font-weight:600;
	line-height:1.2;
}

#home_aboutus_area p{
	margin:0 0 1em;
	font-family: "Raleway", sans-serif;
	font-size:3.5vw;
	line-height:1.7;
}

#home_aboutus_area a.btn_a{
	margin:2em auto 0;
}

/* SUB PAGE */

#sub_page{
	padding:110px 0 0;
	background-color:#f0f1f2;
}

#sub_contents_area{
	max-width:900px;
	margin:0 auto;
	padding:10% 5% 25%;
	background-color:#fff;
}

@media only screen and (max-width:600px){
	#sub_page{
		padding:100px 0 0;
	}
}

@media only screen and (max-width:500px){
	#sub_page{
		padding:90px 0 0;
	}
}

#sub_title_area{
	padding:10% 5%;
	background-color:#022f4d;
}

#sub_title_area h1{
	font-size:7vw;
	font-weight:600;
	line-height:1.2;
	color:#fff;
}

#sub_contents_area>section{
	margin:0 0 20%;
}

#sub_contents_area h2{
	margin:0 0 1.5em;
	font-size:7vw;
	font-weight:600;
	line-height:1.2;
	color:#e8374d;
}

#sub_contents_area h3{
	margin:0 0 1.5em;
	font-size:6vw;
	font-weight:600;
	line-height:1.2;
}

#sub_contents_area p{
	margin:0 0 1em;
	font-size:4vw;
	line-height:1.5;
}

#sub_contents_area p.note{
	margin:0 0 2em;
	font-style:italic;
}

#sub_contents_area p em{
	font-style:normal;
	font-weight:700;
}

#sub_contents_area .table_basic{
	width:100%;
	margin:0 0 1em;
	border-collapse:collapse;
	text-align:left;
	font-family: "Roboto", sans-serif;
	font-size:3.8vw;
	border-top:2px solid #777;
}

#sub_contents_area .table_basic th{
	padding:1em 1em 1em 0;
	font-weight:400;
	border-bottom:1px solid #ddd;
}

#sub_contents_area .table_basic td{
	padding:1em 0;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
}

#sub_contents_area ul{
	margin:0;
	padding:0 0 0 2em;
	font-size:4vw;
}

#sub_contents_area ul li{
	margin:0 0 1em;
}

#btn_area a.btn_b{
	margin:0 auto;
}