@charset "utf-8";
/* =======================================

base.css - 基本CSS

========================================== */

/* =============================================================================
base
========================================================================== */
html {
	box-sizing: border-box;
}
body {
    font-size: 1.4rem;
    font-size: 16px;
    line-height: 150%;
    font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
th,td {
    line-height: 150%;
}
a {
    color:#3C78BC;
    text-decoration: none;
}
a:hover {
 /*   color:#005580;
    text-decoration: none;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-weight: normal;
  color: #333;
}

p{
    margin-bottom: 20px;
}

ul li{
	list-style-type: none;
}

button{
    border: none;
}

/*ベースカラー*/
.c_basic{
	color: #3C78BC;
}
.c_sub{
	color: #A6D0E4;
}


/* =============================================================================
base - layout
========================================================================== */

/* header
---------------------------------------------- */

#header {
}

#gnav{
	height: 100px;
	background-color: #fff;
	padding: 42px 10px 10px;
}
#gnav a{
	color: rgba(0,0,0,.7);
	text-decoration: none;
}
#gnav a:hover{
	color: rgba(0,0,0,.5);
	text-decoration: none;
}
#gnav ul.nav_menu{
	position: absolute;
	right: 0;
	padding: 0 23%;
}
#gnav ul li{
	float: left;
	margin: 0 0.7rem;
}

#header .navbar-nav{
    z-index: 20;
}

.navbar-brand{
    position: absolute;
	top: 12px;
	left: 40px;
}

.navbar-toggler {
	position: absolute;
	top: 30px;
	right: 20px;
	background-color: #fff;
	border-radius: 0;
}
.dropdown-menu {
	position: absolute ;
	top: 17px !important;
	left: -17px !important;
	border-radius: 0;
}
.dropdown-menu li{
	padding: 5px 0;
}

.head_contact{
	position: absolute;
	top: -30px;
	right: 80px;
	font-size: 14px;
	z-index: 1040;
	line-height: 1.5;
}

.btn_contact span{
	vertical-align: middle;
}
.btn_contact a {
	background-color: #3C78BC;
	border: 1px solid #3C78BC;
	color: #fff !important;
	padding: 5px 10px;
	line-height: 3;
}
.btn_contact a:hover {
	color: #3C78BC !important;
	border: 1px solid #3C78BC;
	background-color: #fff;
}


/* コンテンツ
---------------------------------------------- */
#contents {
    width: 100%;
    margin: 0 auto;
}

#contents:after {
    content: ".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}
/*コンテンツエリアの画像 hover状態 を半透明表現に*/
    #contents a:hover img{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    background:none!important;
    transition: 0.3s ease-in-out;
}

/* メインエリア
---------------------------------------------- */
#main {
	width: 100%;
	margin: 0 auto;
}

.my_container {
    max-width: 960px !important;
	padding: 60px 0;
}

.bg_blue {
	background-color: #3C78BC;
	color: #fff;
}

.bg_gray {
	background-color: #E5E5E5;
}

/* フッター
---------------------------------------------- */
/* bs-override */
#footer {
	height: 450px;
    color: #fff;
    background: url("../images/common/bg_footer.png")  center center #000;
}

#footer .foot_logo {
	width: 200px;
}
#footer ul.foot_links {
	width: 300px;
	float: right;
    text-align: right;
    padding-left: 0;
    margin-top: 20px;
}
#footer ul.foot_links:after {
	content: ".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;
}

#footer ul.foot_links li {
	text-align: right;
    margin: 0 0 5px;
}
#footer ul.foot_links li a {
	color: #fff;
}

#footer .foot_tel{
	float: left;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 32px;
	font-weight: bold;
}
#footer .copy_r{
	text-align: right;
}


/* =============================================================================
768px以下（スマホ）
========================================================================== */
@media screen and (max-width: 768px) {

/* bs-override */
#header .navbar-collapse{
	margin-top: 20px;
}

.navbar-brand {
  left: 15px;
}	
	
#footer {
	height: 550px;
}
	
#footer .foot_tel{
	width: 100%;
}
#footer .copy_r{
	text-align: left;
}


}

/* =============================================================================
768px以上（タブレット）
========================================================================== */
@media screen and (min-width: 768px){
}