@charset "UTF-8";

/* INTERFACE */

br.sp{
	display:none;
}

body>header{
	height:120px;
	box-sizing:border-box;
	padding:15px 0 0;
	border-top:3px solid #000;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
	background-color:#fff;
	position:relative;
	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 15px;
	text-align:center;
	font-family: "EB Garamond", serif;
	font-size:30px;
	font-weight:500;
	line-height:1;
	color:#000;
}

body>header a.logo img{
	width:65px;
	margin:0 20px 0 0;
	vertical-align:bottom;
}

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;
	right:20px;
	top:20px;
	background-image:url("../img/interface/ico_world.png");
	background-repeat:no-repeat;
	background-size:20px;
	background-position:left center;
}

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

#globalnav ul li{
	padding:0 1em;
}

#globalnav ul a{
	color:#000;
}

@media only screen and (max-width:1023px){
	body>header{
		height:125px;
		padding:20px 20px 0;
	}
		
	body>header a.logo{
		font-size:28px;
	}
	
	body>header a.btn_lg{
		top:10px;
	}
}

body>footer{
	padding:8% 5%;
	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:20px;
	font-weight:500;
	color:#fff;
}

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

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

#footer_nav ul{
	max-width:1000px;
	display:flex;
	justify-content:center;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size:14px;
}

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

#footer_nav ul a{
	color:#fff;
}

/* HOME */

#home_overview_area{
	padding:120px 0 0;
}

#home_overview_area>div{
	max-width:900px;
	margin:0 auto;
	padding:10% 5%;
}

#home_overview_area h2{
	margin:0 0 1.5em;
	text-align:center;
	font-size:35px;
	font-weight:600;
	line-height:1.2;
	color:#e8374d;
}

#home_overview_area p{
	margin:0 0 1em;
	font-size:17px;
	line-height:1.8;
}

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

#home_message_area{
	max-width:1400px;
	margin:0 auto;
}

#home_message_area .title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 5%;
}

#home_message_area .title h2{
	width:55%;
	text-align:center;
	font-size:40px;
	line-height:1.3;
}

#home_message_area section:nth-child(odd) .title h2{
	order:2;
}

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

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

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

#home_message_area section p{
	max-width:900px;
	margin:0 auto 1em;
	font-size:19px;
	line-height:1.6;
}

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


#home_aboutus_area{
	background-color:#fafafa;
}

#home_aboutus_area>div{
	max-width:900px;
	margin:0 auto;
	padding:10% 5%;
}

#home_aboutus_area h2{
	margin:0 0 1.5em;
	text-align:center;
	font-family: "Raleway", sans-serif;
	font-size:35px;
	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:20px;
	font-weight:600;
	line-height:1.2;
}

#home_aboutus_area p{
	margin:0 0 1em;
	font-family: "Raleway", sans-serif;
	font-size:17px;
	line-height:1.8;
}

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

/* SUB PAGE */

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

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

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

#sub_title_area h1{
	max-width:900px;
	margin:0 auto;
	font-size:35px;
	font-weight:600;
	line-height:1.2;
	color:#fff;
}

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

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

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

#sub_contents_area p{
	margin:0 0 1em;
	font-size:18px;
	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{
	margin:0 0 1em;
	border-collapse:collapse;
	text-align:left;
	font-family: "Roboto", sans-serif;
	font-size:17px;
	border-top:2px solid #777;
}

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

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

#sub_contents_area ul{
	margin:0;
	padding:0 0 0 2em;
	font-size:18px;
}

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

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