@charset "utf-8" ;
/*---------------------------------------------*/
/* 1.共通
/*---------------------------------------------*/

/* ボックスサイズの計算方法を指定きれいにレイアウトするためのおまじない*/
*{
	box-sizing: border-box;
}

/* ページ全体の基本スタイル */
body {
	color:#4d4d4d;
	font-size:  14px;
	font-family:  メイリオ ,Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro#","MS Pro","MS Pゴシック",sans-serif;
	line-height: 1.6; 
}

/* リンクの基本スタイル */
a{
	color: #007del;
	transition: 0.5s;
}

/* リンクにマウスが乗ったときのスタイル */
a:hover {
	opacity: 0.5s;
}

/* 画僧の基本スタイル */
img {
	vertical-align: bottom;
}


/*---------------------------------------------*/
/* 2.レイアウト
/*---------------------------------------------*/

/*ページ全体を囲む枠id=wrapperのタグのこと */
#wrapper {
	 margin: 10px;
}

/*---------------------------------------------*/
/* 3.ヘッダー
/*---------------------------------------------*/
#header-logo{
	margin: 20px;
}

/*---------------------------------------------*/
/* 4.グローバルナビゲーション
/*---------------------------------------------*/


/* エリア外枠のスタイル */
#gNav{
	margin-bottom : 25px;
}

/* メニューリストを囲む枠 */
#gNav ul{
	display: -webkit-flex;   /*safari用*/
	display:  flex
}


/* メニューリストの共通スタイル */
#gNav li{
	border-left: 1px solid #7dceec;
	height: 45px;
	text-align: center;
	width: 20%;
}

/*一番右のメニューリストのスタイル */
#gNav li:last-child{
	border-right: 1px solid #7dceec;
}

/*　メニューのリンクスタイル */
#gNav a{
	color: #4d4d4d;
	display: block;
	font-size: 18px;
	height: 45px;
	line-height: 2;
	text-decoration: none;
}

/* メニューにマウスを乗せたときのスタイル */
#gNav a:hover{
	background-color: #BDF5FE;
}

/*メニューの英文字スタイル */
#gNav a span {
	color: #007del;
	display: block;
	font-family: arial;
	font-size: 12px;
}

/* 現在ページのメニュースタイル */
#gNav .current-menu-item a, #gNav .current-menu-item a span{
	background-color: #2AA8E5;
	color: #ffffff;

}

/* 
/*---------------------------------------------*/
/* 5.コンテンツ
/*---------------------------------------------*/

/*---------------------------------------------*/
/* 6.フッター
/*---------------------------------------------*/

/*---------------------------------------------*/
/* 7.フッターナビゲーション
/*---------------------------------------------*/

/*---------------------------------------------*/
/* 8.トップページ専用スタイル
/*---------------------------------------------*/

/* ①エリア内枠のスタイル */
#contents .inner{
	margin-bottom: 25px;
}

/* ②メイン画像 */
#main_visual{
	width: 100%;
}

/* ③中見出し */
h2{
	background-color: #2AA8E5;
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 25px;
	padding: 0.5em 1em;
}

/* ④新着情報のリスト */
#news li{
	border-bottom: 1px dotted #aaaaaa;
	padding: 0.2em;
}

/* ⑤事業内容の枠 */
#our-business{
	display: -webkit-flex;      /* safari用 */
	display: flex;
}

/* ⑤3等分で横並び*/
.col-4{
	width: 50%;
}

/* ⑥事業内容のボックス */
.biz-box{
	padding: 0 25px;
	margin-bottom: 40px;
}

/* ⑦小見出し */
h3{
	border: 1px solid #eeeeee;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #999999;
	font-weight: bold;
	margin-bottom: 25px;
	padding: 0.2em 1em;
}

/* ⑦事業内容の見出し　*/
.biz-box h3{
	text-aliign: center;
}

/* ⑧事業内容の画像 */
.biz-box img{
	margin-bottom: 25px;
	width: 100%;
}
}
/*---------------------------------------------*/
/* 9.事業内容ページ専用スタイル
/*---------------------------------------------*/

/*---------------------------------------------*/
/* 10.会社概要ページ専用スタイル
/*---------------------------------------------*/

/*---------------------------------------------*/
/* 11.プライバシーポリシーページ専用スタイル
/*---------------------------------------------*/

/*---------------------------------------------*/
/* 12.お問い合わせページ専用スタイル
/*---------------------------------------------*/