@charset "utf-8";
/* ========================================================================
		common.css
======================================================================== */
@font-face {
	font-family: 'Noto Sans JP', sans-serif;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	color:#333333;
}
a { text-decoration: none;}
a:link {
	color:#333333;
	transition: all 0.2s ease-in;
	text-decoration: none;
}
a:visited { color: #333333; }
a:active {}
a:hover {
	text-decoration: none;
	opacity: 0.5;
	-moz-opacity: 0.5;
}
p{ line-height: 175%; }
ul,li{
	list-style: none;
}
/* clearfix */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:bold;
	color:#333;
}

h2{
	font-size:38px;
	font-weight:bold;
}

#header .container{
	position:relative;
}
.navbar-brand{
	position:absolute;
	left:0;top:0;
}

.blue{
	color:#004EA2;
}
.bg_blue{
	background-color:#004EA2;
}
.bg_orange{
	background-color:#CD813F;
}

a .white{
	color:#FFF;
	font-weight:bold;
}
.center{
	text-align:center;
}


/* navigation */
#gNav a:hover{
	text-decoration:none;
	color:#2EA9E0;
}
#gNav #logo{
	float:left;
	position:relative;
	z-index:100;
	filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.12));
}

#gNav .header_nav{
	float:right;
	width: 60%;
	font-size:1.2em;font-weight:bold;
	position:relative;
	z-index:100;
	background:#FFF;
	filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.12));
}
#gNav .gNav_item{
	display:inline;
	float:left;
	padding:0.8em;
}
#gNav .gNav_item_R{
	display:inline;
	padding:0.8em 2em;
	float:right;
	background:#CD813F;
}
#gNav .gNav_item_R a{
	color:#FFF;
}

@media screen and (max-width: 767px) {
	#gNav{
		height:280px;
	}
#gNav #logo{
	clear:both;
	text-align:center;
	float:none;
	display:block;
	margin:0 auto;
}
#gNav #logo img{
	width:160px;
}


#gNav .header_nav{
	clear:both;
	width:100%;
	font-size:1em;
	text-align:center;
	float:none;
	margin:0.2em 0  auto;
}
#gNav .gNav_item{
	display:inline-block;
	clear:both;
	float:none;
	margin:0;
	padding:0.6em;
}
#gNav .gNav_item_R{
	clear:both;
	padding:0.6em;
	float:none;
	background:none;
}
#gNav .gNav_item_R a{
	color:#333;
}
}
	
	







/* Inquiry */

#Inquiry{
	background:url(../../img/index/index_InqBg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	padding:54px 0;
}
#Inquiry .container{
	padding:40px 70px;
	background: rgba(255,255,255,0.9);
	margin:0 auto;
}
#Inquiry .container h2{
	font-size:1.8em;
	display:inline;
	float:left;font-weight:bold;
	margin-right:2em;
}
#Inquiry .container .inner{
	clear:both;
	border-bottom:1px #666 solid;
	margin-bottom:1.5em;
}
#Inquiry h3{
	
}
#Inquiry button{
	width:100%;
	padding:0.5em;
}
#Inquiry address,#indexInquiry tel{
	font-size:1.2em;
	line-height:1.8em;
	margin:0;
}
@media screen and (max-width: 767px) {
#Inquiry .right{
	clear:both;
}
#Inquiry .container{
	padding:50px 20px;
}
}

/* footer */
#footer{
	background-color: #303030;
	color:#FFF;
	font-size:14px;

}
/*#footer .inner{
	max-width: 1140px;
	margin: 0 auto;
	padding:1em 0;
}
#footer nav{
	float:left;
}*/
#footer a{
	color:#FFF;
}
#footer .footer_nav{
	font-size:16px;
	font-weight:bold;
	margin-top:1em;
}
#footer .nav_sub li{
	margin:0.5em 1em;
}
#footer .footer_inner{
	padding:2em 0;
	border-bottom:solid 1px #666;
}
#footer .footer_sub ul li{
	float:left;
	display:block;
	margin-right:2em;
}
#footer #copyright{
	color:#999;
	float:right;
}
#footer #copyright a{
	color:#AAA;
}

/* 下層 */
#mainTitle{
	clear:both;
	position:relative;
	width:100%;
}
#mainTitle .titleImg{
	position:absolute;
	top:-200px;right:0;
	z-index:1;
	width:930px;height:360px;
}
#mainTitle h1{
	position:absolute;
	top:30px;left:0;
	background:#0A3385;
	color:#FFF;
	font-size:58px;font-weight:bold;
	padding:0.2em 1em 0.2em 1.8em;
	z-index:2;
	line-height:1.5em;
}

@media screen and (max-width: 767px) {
#mainTitle h1{
	font-size:2.4em;;
	padding:0.5em;
	text-align:center;
	}

}

.contents{
	clear:both;
	margin-top:220px;
	margin-bottom:100px;
}
.contents h2{
	font-size:30px;
	margin-bottom:0.5em;font-weight:bold;
	margin-top:1.5em;
}
.contents h3{
	margin-bottom:0.6em;font-weight:bold;
	color:#004EA2;
}
.contents h4:before, .contents dt:before{
	content: " \f0c8";
	font-family: "Font Awesome 5 Free";
	padding: 0 0.5em 0 0;font-size:100%;
	font-weight: 900;
	color:#2EA9E0;
}

.contents p, .contents table, .contents ul{
	 margin-bottom:50px;
}
.contents li{
	margin-bottom:0.8em;
}
.contents dt{
	margin-bottom:0.3em;
	font-size:120%;
}
.contents dd{
	margin:0 0 1em 1em;
}
.contents li:before{
	content: " \f14a";
	font-family: "Font Awesome 5 Free";
	padding: 0 0.5em 0 0;font-size:123%;
	color:#2EA9E0;
	font-weight:900;
	margin-left:0.2em;
}

.contents table th{
	background:#FAFAFA;
}
.contents a { text-decoration: underline;	color:#004EA2;}
.contents a:link {
	color:#004EA2;
	transition: all 0.2s ease-in;
	text-decoration: underline;
	font-weight:bold;
}
.contents　a:visited { color: #004EA2; }
a:active {}
.contents a:hover {
	text-decoration: underline;
	opacity: 0.5;
	-moz-opacity: 0.5;
	color:#2EA9E0;
}
.contents strong{
	color:#F00;
}

.contents #card a:link{
	text-decoration:none;
}
.contents #card a:hover{
	background:#FAFAFA;
}
.contents #card .card-text{
	font-weight:normal;
}
.contents #card a .card-body,.contents #card a .card-title{
	color:#333;
}
.contents #card a .card-body:hover, .contents #card a .card-title:hover{
	color:#2EA9E0;
	background:#FAFAFA;
}
.contents .card-title:before{
	content: " \f0da";
	font-family: "Font Awesome 5 Free";
	padding: 0 0.5em 0 0;font-size:100%;
	font-weight: 900;
	color:#2EA9E0;
}

@media screen and (max-width: 767px) {
.contents .img200{
	width:200px;
}
}
.contents video{
	width:100%;
}