@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*HTML5リセット*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}




a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/*HTML5リセットここまで*/


/*ボックス組汎用クラス*/
.box {
    width: 100%;  
    display: -webkit-box;
    display: -moz-box;
}
	/*補足-boxを指定すると子要素が回り込みます*/

.box_flex1 {
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
}
	/*補足-boxの子要素に指定して下さい。指定するとブラウザ幅いっぱいまで伸縮します。*/


/*＝＝＝　通常共通指定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	}
 /* IE8, ModanBrowser */
.clearfix {
	width:100%;
 	overflow:hidden;
} /* clearfix IE 6, 7 */

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-decoration: none;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}

img {
	border-style:none;
} /*リンク画像の枠線を消すために記述*/

a {
	overflow: hidden;
	outline: none;
	color: #009dd9;
}/* FireFox リンク選択時の点線を消す　*/

a:hover {
	text-decoration: none;
	opacity: 0.8;
}

body {
	position: relative;
	background-color: #fff;
	line-height: 1.5;
	font-size: 14px;
	color: #505050;
}


h1 {
	/*font-size: 40px;*/
	color: #505050;
	/*margin-top: 25px;
	margin-bottom: 12px;*/
	text-align: left;
}

h1 a{
	
}


h1 a:hover{

}

h2 {
	font-size: 28px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 50px;
}


h3 {
	font-weight: lighter;
}

h4 {
	font-weight: lighter;
}

h5 {
	font-weight: lighter;
}

h6 {
	font-weight: lighter;
}

.none {
	display: none;
}


	/*footer下部固定*/
	html,body{
		height:100%;
	}

	#wrap{
		width: 100%;
		position: relative;
		height:auto !important; /*IE6対策*/
		height: 100%; /*IE6対策*/
		min-height: 100%;
	}


	.container
	{
		/*padding-bottom: 102px;*/ /*フッターの高さと同じ*/
	}

	#footer{
		bottom: 0;
	}

/* 開始 ＝＝＝＝＝＝＝＝＝＝*/


#header {
	width: 100%;
	background-color: #fff;
}

#header #logo_chach {
	width: 960px;
	margin: 13px auto 25px;
}
	
#header #logo {
	float: left;
}

#header #contact_tel {
	float: right;
	text-align: right;
	font-size: 12px;
	color: #003894;
	line-height: 25px;
	margin-bottom: 1px;
}

#header #contact_tel img {
	vertical-align: bottom;
}

#header #contact_tel a:link {
	cursor: default;
}

#header #contact_tel a:hover {
	opacity: 1;
}

.headline {
	background-color: #00f;
}

.hlWap{
	width: 960px;
	margin: 0 auto;
/*	background-color: #0f0;*/
}

.lintxt {
	float: left;
	width: 50%;
}

.telBox {
	float: right;
	width: 30%;
	text-align: right;
	font-size: 2em;
	font-weight: bold;
}

.headWap {
	width: 100%;
	margin: 0 auto;
}

.LogoWap {
	width: 960px;
	margin: 2vh auto 0;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝Gナビ */

#Gnavi {
	width: 100%;
	min-width: 960px;
	background: linear-gradient( #e0e0e0 , #fefefe );
}

#Gnavi ul{
	width: 960px;
	margin: 12px auto 0;
	/*background: linear-gradient( #e0e0e0 , #fefefe );*/
	font-family: "メイリオ";
	font-size: 14px;

	display: box;
	display: -webkit-box;
    display: -moz-box;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

#Gnavi li {
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-flex-grow:1;/*--- safari（PC）用 ---*/
    flex-grow:1;
    text-align: center;
    /*height: 40px;*/
    padding: 14px 0 12px;
}

#Gnavi li a {
	color: #003894;
	font-weight: 200;
	font-size: 16px;
}

#Gnavi li a:hover {
	color: #61AAD9;
	opacity: 1;
}

#Gnavi .current {
	cursor: default;
}

#accordion {
	display: none;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナー*/

.container {
	width: 100%;
	min-width: 960px;
	margin: 0px auto 0px;
}

.container h2 {
	margin: 0;
}

.container h2 img {
	width: 100%;
	vertical-align: bottom;
}

/*	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝メイン*/

h2#main_image {
	width: auto;
	height: 133px;
	margin: 0;
	background: url(../img/main/company_img.jpg) center;
	text-indent: -9999px;

}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

#footer {
	width: 100%;
	min-width: 960px;
	color: #505050;
	text-decoration: none;
	background-color: #fff;
	position: absolute;
	bottom: 0;
/*	border-top: solid 1px #727171;*/
}

.footWap {
	width: auto;
	margin: 0px auto 0px;
	font-size: 14px;
	text-align: center;
	background: #dddddd;
	padding: 19px 0 23px;	
}

.footWap ul {
	width: 400px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
}

.footWap a {
	color: #003894;
}

.footWap a:hover {
	opacity: 0.8;
}

#footer address {
	padding: 10px 0;
	width: 100%;
	margin: 0px auto 0px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	font-style: normal;
	background-color: #003894;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝汎用設定*/


/*白 */
.white {
	color: #fff;
}
/*ピンク */
.pink {
	color: #ff287b;
}
/*ブルー */
.blue {
	color: #00a0e9;
}
/*オレンジ */
.orange {
	color: #f18b1d;
}
/*黄色*/
.yellow {
	color: #ffc103;
}
/*みどり*/
.green {
	color: #56bd36;
}
/*むらさき*/
.purple {
	color: #8d7dfd;
}
/*あいいろ*/
.ai {
	color: #3e408f;
}

.gray {
 	color: #585858;
}
.red {
	 color: #ef1f2c;
}

.red2 {
	 color: #f00;
}

.floatR{
	float: right;
}

.floatL{
	float: left;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.sml {
	font-size: 11px;
}


.alignL {
	text-align: left;
}

.alignR {
	text-align: right;
}

.alignC {
	text-align: center;
}

/*記事一覧*/

#container {
	width: 100%;
	height: auto;
	line-height: 1.5;
	font-size: 14px;
	padding-bottom: 102px;
}

#container h2 {
	margin: 0;
}

#container h2 img {
	width: 100%;
	vertical-align: bottom;
}

#singleBody {
	width: 600px;
	margin: 0 auto;
}

#singleBody #news_content {
	margin: 30px auto;
}

#singleBody #news_content h2 {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #888888;
}

#singleBody #news_content .time {
	margin-bottom:  5px;
}

.mt10 {
	margin-top: 10px;
}