@charset "UTF-8";

/*-------------------------------------------------------------------------------------
初期設定・共通利用スタイル
-------------------------------------------------------------------------------------*/


#dim {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background:rgba(0,0,0,.4); display:none; z-index:15000;}
img {max-width:100%; height:auto;}
.spHide {display:none;}
.spBlk {display:block;}
.spInBlk {display:inline-block;}


/* =============== 共通利用スタイル */

/* ------ 配置 */
.floatR,
.floatL {max-width:35%; overflow:hidden;}
.floatR img,
.floatL img {max-width:100%; height:auto;}

/* ------ 定義リスト装飾 dl.tableLike */
.tableLike dt {width:auto; float:none; padding:.6em .6em 0; border:none; font-weight:bold; color:#147;}
.tableLike dd {width:auto; float:none; padding:0 .6em .6em; border:none;}
.tableLike dt:nth-child(4n-1),
.tableLike dd:nth-child(4n) {background:#e6eef4;}



/*-------------------------------------------------------------------------------------
基本設定・レイアウト
-------------------------------------------------------------------------------------*/

/* =============== 全体 */

.content {width:auto;}


/* =============== ヘッダ */

header {position:relative; z-index:15010; border-bottom:4px #457 solid;}
header .content {padding-bottom:0;}

/* ------ ナビ以外の要素 */
.siteTitle {float:left; width:240px; width:calc(100% - 50px); max-width:calc(100% - 50px); box-sizing:border-box; padding:10px 12px; font-size:146.5%; text-align:left;}
.headerExp {margin-bottom:0; padding:0 12px;}
.headerMisc {clear:both; position:static; padding:10px 12px; border-top:1px #147 solid; text-align:left;}
.headerSubNav {display:none;}
.headerNote p b {font-size:138.5%;}

/* ------ メニューボタン （≡） */
#spNav {display:block; float:right; width:28px; margin-right:12px; padding:2px 1px; border-radius:3px; background:#778099; margin-top:10px;}
#spNav:before {content:""; display:block; height:3px; margin:3px; border:#fff solid; border-width:2px 0;}
#spNav:after {content:""; display:block; margin:3px; border:#fff solid; border-width:2px 0 0;}

/* ------ グローバルナビ */
.gnav {position:absolute; width:100%; display:none; z-index:15010;}
.gnav > ul {width:100%;}
.gnav > ul > li {width:100%!important; float:none; border-top:1px rgba(255,255,255,.2) solid; text-align:left;}
.gnav > ul > li + li:before {display:none;}
.gnav > ul > li > div {display:block!important; position:static;}
.gnav a {padding:.8em 12px;}


/* =============== メイン */

#main .content {margin:0 12px; padding:25px 0 30px;}


/* =============== フッタ */

footer .content {padding:15px 12px 10px;}
.footerNav {overflow:hidden;}
.footerNav li {left:-1.2em; margin-top:3px; margin-bottom:3px;}
.footerNav li:first-child {margin-left:.4em; padding-left:.8em;}
.footerNav li:first-child:before {content:""; display:block; position:absolute; left:0; height:1.3em; width:0; border-left:1px #888 dotted;}
footer address {text-align:center;}


/* =============== 共通利用スタイル */

.pageTitle {padding:15px 0; background:#f0f3fa;}
.pageTitle h1 {width:auto; margin:0 12px; font-size:146.5%;}
h2, .heading2 {font-size:131%;}
h3, .heading3 {font-size:123.1%;}
h4, .heading4 {font-size:116%;}
h5, .heading5 {font-size:108%;}
h6, .heading6 {font-size:100%;}
.catch {font-size:116%;}





/*-------------------------------------------------------------------------------------
ページ個別
-------------------------------------------------------------------------------------*/


/* =============== トップページ */

.homeMainImg {margin:-10px 0 25px;}
.homeIntro,
.homeNews,
.homeHighlights {float:none; width:auto; margin-top:30px;}


/* =============== メールフォーム */

form .tableLike {border:1px #ddd solid;}
input[type='text'] {min-width:240px;}
input.sizeS {min-width:140px;}
textarea {margin:3px;}