@charset "utf-8";
/* FONTS */
body{font-family:noto-sans-cjk-jp,sans-serif;font-weight: 400;font-style: normal}
h1,h2,h3,h4,h5,h6{font-weight: 700}
h1.en,h2.en,h3.en,h4.en,h5.en,h6.en,.en{font-family:inherit}

/* CSS : cunit-square-css-reset */
html{line-height:150%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;padding:0;margin:0}
body{color:#000000;font-size:16px;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:bold;}
ul{list-style:none}
img{border:0;display:block;height:auto;margin:0 auto;width:auto;max-width:100%;object-fit:cover;vertical-align:middle}
a{color:#000000;text-decoration:none;outline:none}
a:hover{text-decoration:underline}
input{padding:6px 0;width:auto;text-indent:1em;position:relative;border:1px solid #b3b3b3;border-radius:0}
area{outline:none}
textarea{resize:none}
input,textarea{color:#000000;font-size:15px;font-family:inherit}
input[type="submit"]:hover{cursor:pointer;opacity:.8}
table{table-layout:fixed;width:100%;max-width:1200px;margin:0 auto}
table, th, td {border-collapse:collapse;border-spacing:0}
.smp{display:none}
.logo_hover:hover img{ opacity: 1; cursor: default}

/* template */

#header,
#wrapper,
#footer,
.container-fluid,
.container {
	clear: both;
	position: relative;
	z-index: 1;
}

.container-fluid {
	width: 100%;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.title {
	clear: both;
	color: #fff;
	font-size: 36px;
	background-color: rgba(0, 114, 169, 1);
	padding: 66px 0 46px;
	text-align: center;
	line-height: 130%;
}

.title .en {
	color: #fcee21;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	line-height: 150%;
	letter-spacing: 2.5px;
}

#header {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	position: fixed;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 12px;
	border-top: 4px solid #0072a9;
}

.head_group {
	float: left;
}

.head_logo {
	float: left;
	width: 240px;
	margin-top: 21px;
	margin-right: 26px;
}

.head_logo a {
	font-size: 30px;
	color: rgba(0, 114, 169, .9);
	font-weight: bold;
	display: block;
	line-height: 110%;
}

.head_logo a:hover {
	text-decoration: none;
}

.head_logo a .l-en {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 110%;
	letter-spacing: 3px;
}

.head_des {
	float: left;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding-left: 29px;
	margin-top: 24px;
	line-height: 140%;
	letter-spacing: 1px;
	border-left: 1px solid #4d4d4d;
}

.head_content {
	float: right;
}

.head_address {
	color: #4d4d4d;
	font-size: 14px;
	text-align: right;
	padding: 1px 10px 0 0;
	margin-bottom: 10px;
	letter-spacing: 0.8px;
}

.head_address a {
	display: inline-block;
	width: 19px;
	height: 19px;
	padding-top: 3px;
}

.ie .head_address a {
	padding-top: 5px;
}

.ie .head_address a img {
	width: 100%;
}

.box_contact {
	float: right;
	width: 454px;
}

.box_contact li {
	float: left;
	width: 50%;
}

.box_contact__tel a {
	float: left;
	width: 26px;
	margin: 8px 10px 0 2px;
}

.box_contact__tel span {
	float: left;
}

.box_contact__tel ._tel {
	color: #4d4d4d;
	font-size: 25px;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: 1.2px;
	display: block;
	margin-top: 2px;
}

.box_contact__tel ._time {
	color: #666666;
	font-size: 14px;
	line-height: 135%;
	display: block;
	margin-left: 2px;
	letter-spacing: 1px;
}

.box_contact__mail a {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	border: 1px solid #fbb03b;
	border-radius: 26px;
	padding: 11px 0 7px 72px;
	display: block;
	position: relative;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-ms-border-radius: 26px;
	-o-border-radius: 26px;
}

.box_contact__mail a:hover {
	text-decoration: none;
	opacity: .8;
}

.box_contact__mail a img {
	position: absolute;
	left: 26px;
	top: 11px;
	width: 32px;
}

.box_contact__tel img {
	width: 26px;
	height: 27px;
}

.box_contact__mail img {
	width: 32px;
	height: 20px;
}

#wrapper {
	margin-top: 100px;
}

#footer {
	overflow: hidden;
	margin-bottom: 8px;
	border-top: 4px solid #0072a9;
}

#footer .head_group {
	margin-top: 7px;
}

#footer .head_logo {
	width: 225px;
	margin-right: 24px;
}

#footer .head_logo a {
	font-size: 28px;
}

#footer .head_logo a .l-en {
	padding-right: 12px;
}

#footer .head_des {
	padding-left: 25px;
}

#footer .box_contact {
	padding-top: 26px;
}

#footer .box_contact__mail a {
	border-color: #c10000;
}

.footer_txt {
	clear: both;
	padding-top: 26px;
	text-align: center;
}

.footer_txt .p01 {
	font-size: 14px;
	color: #1a1a1a;
	letter-spacing: 1px;
	font-weight: bold;
	;
}

.footer_txt .p02 {
	font-size: 12px;
	color: #666666;
	font-family: Arial;
	letter-spacing: 1px;
}



@media only screen and (max-width:800px) {

	/* css-common */
	body {
		font-size: 90%
	}

	.pc {
		display: none
	}

	.smp {
		display: block
	}

	.container {
		width: 95%;
		margin: 0 2.5%;
	}

	/* template */
	.title {
		font-size: 130%;
		padding: 25px 0 20px;
	}

	.title .en {
		font-size: 13px;
	}

	#header {
		padding-bottom: 6px;
		border-top: none;
		border-bottom: 2px solid #0072a9;
	}

	.head_logo,
	#footer .head_logo {
		width: 130px;
		margin-top: 16px;
		margin-right: 5px;
		margin-bottom: 0;
	}

	.head_logo a,
	#footer .head_logo a {
		font-size: 112%;
		line-height: 130%;
	}

	.head_logo a .l-en,
	#footer .head_logo a .l-en {
		font-size: 50%;
		letter-spacing: 1px;
	}

	.head_des,
	#footer .head_des {
		font-size: 65%;
		padding-left: 6px;
		margin-top: 20px;
		line-height: 136%;
		text-align: left;
	}

	.box_contact {
		margin-top: 10px;
		width: auto;
		margin-bottom: 5px;
	}

	.box_contact li {
		width: auto;
	}

	.box_contact__tel {
		padding: 10px;
		margin-right: 15px;
		border-radius: 50%;
		box-shadow: 0 0 7px 0px #2d2c2c;
	}

	.box_contact__tel span {
		display: none !important;
	}

	.box_contact__tel a,
	.box_contact__tel img {
		width: 15px;
		height: auto !important;
		margin: 0 auto;
	}

	.box_contact__mail {
		margin-top: 10px;
	}

	.box_contact__mail a span {
		display: none;
	}

	.box_contact__mail a,
	.box_contact__mail a img {
		width: 30px !important;
		height: auto !important;
		margin: 0 auto;
		position: relative;
		left: auto;
		top: auto;
		border: none;
		padding: 0;
	}

	#wrapper {
		margin-top: 59px;
	}

	#footer {
		text-align: center;
		margin-bottom: 0;
	}

	#footer .head_group {
		display: inline-block;
		float: none;
	}

	.footer_txt {
		padding-top: 7px;
	}

	.footer_txt .p01 {
		font-size: 82%;
		line-height: 100%;
	}

	.footer_txt .p02 {
		font-size: 67%;
	}
}