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

	HTML5 :: module.css
	2014.12 accelight
	
-------------------------------------------------------------------------------*/

/*
---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- --*/



/*-- 開発中 CSS見出しテンプレ --*/

/*-------------------------------------------------------------------------------

 見出し1

-------------------------------------------------------------------------------*/ 

/*----------------------------------------------------------------
 見出し2
----------------------------------------------------------------*/

/*---------- 見出し3 ----------*/

/*-- 見出し4 --*/





/*-------------------------------------------------------------------------------

 全ページ共通

-------------------------------------------------------------------------------*/

/*----------------------------------------------------------------
 グローバル設定（フォント、色）
----------------------------------------------------------------*/
html { min-width: 960px; }
body { font-family: "Helvetica Neue", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "segoe UI", Meiryo, "メイリオ", sans-serif; font-size: 94%; line-height: 1.5; -webkit-text-size-adjust: none; /* for iphone --*/ height: 100%; }
body,
select,
input,
textarea { color: rgba(81, 81, 81, 1); }
a { color: rgba(99, 158, 212, 1); text-decoration: none; }
a:hover { color: rgba(71, 90, 103, 1); }
ul,ol,dl,dd { margin: 0; list-style: none; padding: 0; }

/*	j.mp/webkit-tap-highlight-color --*/
/*
a:link { -webkit-tap-highlight-color: rgba(53, 159, 215, 1); }
ins { background-color: rgba(53, 159, 215, 1); color: rgba(255, 255, 255, 1); text-decoration: none; }
mark { background-color: rgba(53, 159, 215, 1); color: rgba(255, 255, 255, 1); font-style: italic; font-weight: bold; }
*/

/*----------------------------------------------------------------
 包含ブロック ペイン形成用
----------------------------------------------------------------*/
/*---------- body背景　朝 ----------*/
body.asa { 
/*
Old browsers --*/
background: rgba(249, 197, 187, 1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c9e3', endColorstr='#f2f9ae', GradientType=0)";
/*
For Old WebKit --*/
background: -webkit-gradient(linear, left top, right top,color-stop(0%,rgba(193, 201, 227, 1)),
            color-stop(40%,rgba(210, 219, 207, 1)),
            color-stop(60%,rgba(220, 228, 197, 1)),
            color-stop(100%,rgba(242, 249, 174, 1)));
/*
For Modern Browser --*/
background: linear-gradient(to right, rgba(193, 201, 227, 1) 0%,
            rgba(210, 219, 207, 1) 40%,
            rgba(220, 228, 197, 1) 60%,
            rgba(242, 249, 174, 1) 100%); 
}
            
/*---------- body背景　昼 ----------*/
body { 
/*
Old browsers --*/
background: rgba(249, 197, 187, 1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8c1', endColorstr='#f6b0c9', GradientType=0)"; 
/*
For Old WebKit --*/
background: -webkit-gradient(linear, left top, right top,color-stop(0%,rgba(246, 248, 193, 1)),
            color-stop(40%,rgba(249, 223, 192, 1)),
            color-stop(60%,rgba(249, 197, 187, 1)),
            color-stop(100%,rgba(246, 176, 201, 1)));
/*
For Modern Browser --*/
background: linear-gradient(to right, rgba(246, 248, 193, 1) 0%,
            rgba(249, 223, 192, 1) 40%,
            rgba(249, 197, 187, 1) 60%,
            rgba(246, 176, 201, 1) 100%); 
}

/*---------- body背景　夜 ----------*/
body.yoru {
/*
Old browsers --*/
background: rgba(249, 197, 187, 1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2e1f5', endColorstr='#b9d1ec', GradientType=0)";  
/*
For Old WebKit --*/
background: -webkit-gradient(linear, left top, right top,color-stop(0%,rgba(210, 225, 245, 1)),
            color-stop(40%,rgba(221, 233, 245, 1)),
            color-stop(60%,rgba(215, 229, 245, 1)),
            color-stop(100%,rgba(185, 209, 236, 1)));
/*
For Modern Browser --*/
background: linear-gradient(to right, rgba(210, 225, 245, 1) 0%,
            rgba(221, 233, 245, 1) 40%,
            rgba(215, 229, 245, 1) 60%,
            rgba(185, 209, 236, 1) 100%); 
}


/*-------------------------------------------------------------------------------

 ヘッダー

-------------------------------------------------------------------------------*/ 
header { width: 100%; height: 234px; margin: 0 0 140px 0; border-top: 50px solid rgba(255,255,255,.6); position: relative; z-index: 100;
background: radial-gradient(680px at center, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);
background: -moz-radial-gradient(center, circle cover, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(radial, center center, 20, center center, 100, from(#ffffff), to(#ffffff));
background: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);
/*background: radial-gradient(center, circle cover, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);*/
 }
/*header:before { content: ""; display: block; width: 100%; height: 1px; background: rgba(53, 159, 215, 1); position: absolute; top: 0; }*/
header:before { content: ""; display: block; width: 100%; height: 1px; background: rgba(53, 159, 215, 1); position: absolute; top: 0; }
.header-inner { width: 960px; margin: -50px auto 0; position: relative; z-index: 300; }



/*----------------------------------------------------------------
 ヘッダーh1タイトル
-----------------------------------d-----------------------------*/
header h1 { position: absolute; top: 84px; left: 274px; margin: 0; }
header h1 a { display: block; width: 410px; height: 160px; background: url(../img/header_h1.svg) 0 0 no-repeat; text-indent: -9999px; background-size: 410px 160px; }



/*----------------------------------------------------------------
 ヘッダーサブナビ
----------------------------------------------------------------*/
.sub-nav { position: absolute; top: 15px; right: 110px; font-size: 87% /*13px*/; }
.sub-nav li { float: left; position: relative; }
.sub-nav li:before { content: ""; display: block; width: 1px; height: 14px; background: rgba(81, 81, 81, 1); position: absolute; top: 2px; left: 0; }
.sub-nav li:last-of-type:after { content: ""; display: block; width: 1px; height: 14px; background: rgba(81, 81, 81, 1); position: absolute; top: 2px; right: 0; }
.sub-nav .nav-use {}
.sub-nav .nav-site {}
.sub-nav li a { display: block; padding: 0 20px 0 20px; color: rgba(59, 59, 59, 1); }
.sub-nav li a:hover { color: rgba(99, 158, 212, 1); }

/*---------- ソーシャルボタン ----------*/
.header-social { position: absolute; top: 7px; right: 0; }
.header-social li { float: left; }
.header-social .nav-twitter { margin: 0 8px 0 0; }
.header-social .nav-facebook { margin: 0 10px 0 0; }
.header-social li a { display: block; width: 37px; height: 37px; text-indent: -9999px; line-height: 0; background-position: 0 0; background-repeat: no-repeat; background-size: 37px 74px; position: relative; }
.header-social .nav-twitter a { background: url(../img/x-logo-black.png) center center / 80% no-repeat; }
.header-social .nav-twitter a:hover { background-position: 3px; opacity: 0.5; }
.header-social .nav-facebook a { background-image: url(../img/rss.svg); }
.header-social li a:hover { background-position: 0 -37px; }


/*---------- バナーリンク ----------*/
header aside { position: absolute; top: 0; left: 8px; }
header .survey-site { display: block; width: 265px; box-shadow: 0 2px 9px 1px rgba(0,0,0,.1); background: rgba(255, 255, 255, 1); }
header .survey-site span { display: block; }
header .survey-site .title { background: rgba(239, 129, 0, 1); color: rgba(255, 255, 255, 1); height: 34px; line-height: 34px; padding: 0 0 0 14px; font-size: 113% /*17px*/;  }
header .survey-site .info { color: rgba(59, 59, 59, 1); position: relative; height: 42px; line-height: 42px; padding: 0 0 0 12px; font-size: 108%; z-index: 5; }
header .survey-site .info:before { content: ""; display: block; width: 45px; height: 100%; background: rgba(215, 215, 215, 1); position: absolute; top: 0; right: 0; transition: width 0.3s; }
header .survey-site .info:hover:before { width: 0; }
header .survey-site .info:after { content: ""; display: block; position: absolute; top: 14px; right: 20px; width: 12px; height: 12px; border-top: 1px solid rgba(59, 59, 59, 1); border-right: 1px solid rgba(59, 59, 59, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/*-- バナーリンク hover --*/
header .survey-site:hover { z-index: 5; }

/*----------------------------------------------------------------
 グローバルナビ
----------------------------------------------------------------*/
.global-nav { position: absolute; top: 269px; }
.global-nav li { float: left; width: 232px; height: 120px; margin: 0 8px 0 0; text-align: center; position: relative; }
.global-nav li a { display: block; font-size: 140% /*21px*/; height: 81px; box-sizing: border-box; line-height: 81px; color: rgba(255, 255, 255, 1); position: relative; top: 39px; }
.global-nav li a:before { content: ""; display: block; width: 49px; height: 49px; position: absolute; }
.global-nav li a span { display: block; font-size: 71% /*15px*/; box-sizing: border-box; height: 39px; line-height: 39px; position: absolute; top: -39px; left: 0; width: 100%; }
.global-nav li a span:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 0 0 10px; position: absolute; top: 0; right: -10px; }
.global-nav li a:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: rgba(42, 127, 172, 1); z-index: -1; transition: height 0.3s; }
.global-nav li a:hover:after { height: 100%; }
.global-nav li a:hover { z-index: 5; }

.global-nav .nav-menu { display: none; }

/*---------- グローバルナビ｜キーワードで探す ----------*/
.global-nav .nav-keyword { background: rgba(53, 159, 215, 1); z-index: 1; }
.global-nav .nav-keyword a { padding-left: 30px; }
.global-nav .nav-keyword a:before { background: url(../img/keyword.svg) 0 0 no-repeat; top: 11px; left: 10px; }
.global-nav .nav-keyword a span { background: rgba(42, 127, 172, 1); /*z-index: 2;*/ }
.global-nav .nav-keyword a span:after { border-color: transparent transparent transparent rgba(0, 97, 146, 1); }

/*---------- グローバルナビ｜ニュースを見る ----------*/
.global-nav .nav-news { background: rgba(255, 127, 171, 1); z-index: 2; }
.global-nav .nav-news a { padding-left: 50px; }
.global-nav .nav-news a:before { background: url(../img/news.svg) 0 0 no-repeat; top: 12px; left: 15px; }
.global-nav .nav-news a:after { background: rgba(204, 102, 137, 1); }
.global-nav .nav-news a span { background: rgba(204, 102, 137, 1); letter-spacing: -0.1em; }
.global-nav .nav-news a span:after { border-color: transparent transparent transparent rgba(170, 53, 94, 1); }

/*---------- グローバルナビ｜ブログを読む ----------*/
.global-nav .nav-blog { background: rgba(107, 196, 58, 1); z-index: 3; }
.global-nav .nav-blog a { padding-left: 35px; }
.global-nav .nav-blog a:before { background: url(../img/blog.svg) 0 0 no-repeat; top: 14px; left: 21px; }
.global-nav .nav-blog a:after { background: rgba(86, 157, 46, 1); }
.global-nav .nav-blog a span { background: rgba(86, 157, 46, 1); }
.global-nav .nav-blog a span:after { border-color: transparent transparent transparent rgba(69, 120, 41, 1); }

/*---------- グローバルナビ｜ミーティング・イベント,電話相談 ----------*/
.global-nav .nav-meeting, .global-nav .nav-tel { margin: 0; background: rgba(90, 90, 90, 1); height: 60px; z-index: 4; }
.global-nav .nav-meeting a, .global-nav .nav-tel a { font-size: 117% /*18px*/; padding: 0; }
.global-nav .nav-meeting a:after, .global-nav .nav-tel a:after { /*background: rgba(27, 66, 92, 1);*/ background: rgba(64, 64, 64, 1);  }
.global-nav .nav-meeting { height: 61px }
.global-nav .nav-meeting a { position: relative; top: 0; height: 61px; line-height: 61px; }
.global-nav .nav-meeting a:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 15px 0 0 10px; position: absolute; top: 0; right: -10px; border-color: transparent transparent transparent rgba(48, 48, 48, 1); }
.global-nav .nav-tel a { height: 59px; line-height: 59px; position: relative; top: 0; }
.global-nav .nav-tel a:before { content: ""; display: block; width: 220px; height: 1px; background: rgba(255, 255, 255, 1); position: absolute; top: 0; left: 6px; }


/*-------------------------------------------------------------------------------

 メインカラム

-------------------------------------------------------------------------------*/ 
main { background: rgba(255,255,255,.4); padding: 140px 0 0 0; margin: -140px 0 30px 0; position: relative; }
main:before { content: ""; display: block; width: 100%; height: 283px; position: absolute; top: 0; z-index: 10;
/*
For Old WebKit --*/
background: -webkit-gradient(linear, left top, left bottom,
            color-stop(0%,rgba(255,255,255,1)),
            color-stop(100%,rgba(255,255,255,0)));
/*
For Modern Browser --*/
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,
            rgba(255,255,255,0) 100%);
            }
article { width: 960px; margin: 0 auto; overflow: hidden; position: relative; z-index: 50; }
section { background: rgba(255, 255, 255, 1); margin: 0 0 25px 0; width: 100%; overflow: hidden; }
.main-section { width: 693px; float: right; box-sizing: border-box; padding: 0 30px 20px 20px; }
.side-content { width: 232px; margin: 0 25px 0 0; }

/*----------------------------------------------------------------
 メインセクション｜見出し
----------------------------------------------------------------*/
.main-section h1:before,
.main-section h1:after,
.main-section h2:before,
.main-section h2:after,
.main-section h3:before,
.main-section h3:after,
.main-section h4:before,
.main-section h4:after { content: ""; display: block; position: absolute; }

.main-section h1,
.main-section h2,
.main-section h3,
.main-section h4 { margin: 0 0 20px 0; position: relative; clear: both; }

/*---------- メインセクション｜見出し1 ----------*/
.main-section h1 { width: 673px; margin: 0 0 30px -20px; padding: 0 0 0 20px; font-size: 133%; height: 65px; line-height: 65px; color: rgba(255, 255, 255, 1); background: rgba(90, 90, 90, 1); }

/*---------- メインセクション｜見出し2 ----------*/
.main-section h2 { width: 623px; background: rgba(90, 90, 90, 1); font-size: 100%; color: rgba(255, 255, 255, 1); padding: 12px 20px 12px 20px; margin: 20px 0 20px -10px; position: relative; }
.main-section h2:before,
.main-section h2:after { background-position: 0 0; background-repeat: no-repeat; width: 11px; left: 0; }
.main-section h2:before { background-image: url(../img/section_h2_bg_top.svg); background-size: 11px 12px ; height: 12px; top: -12px; }
.main-section h2:after { background-image: url(../img/section_h2_bg_bottom.svg); background-size: 11px 31px; height: 31px; bottom: -31px; }

/*---------- メインセクション｜見出し3 ----------*/
.main-section h3 { background: rgba(224, 224, 224, 1); font-size: 100%; padding: 12px 20px 12px 20px; border: 1px solid rgba(213, 213, 213, 1); box-sizing: border-box; margin: 40px 0 20px 0; }
.main-section h3:before { width: 260px; height: 3px; bottom: 0; left: 0; background: rgba(90, 90, 90, 1); }

/*---------- メインセクション｜見出し4 ----------*/
.main-section h4 { border-bottom: 2px solid rgba(224,224,224,1); padding: 5px 20px 5px 20px; margin: 40px 0 20px 0; }


/*-- 見出しの外側を囲っているa要素 --*/
.linktitle { display: block; }

/*----------------------------------------------------------------
 メインセクション｜その他
----------------------------------------------------------------*/
.main-section p,
.main-section ul,
.main-section ol,
.main-section dl,
.main-section table
 { margin: 0 0 20px 20px; }


.main-section table { width: 97%; border-top: 1px solid rgba(171,171,171,1); border-right: 1px solid rgba(171,171,171,1); text-align: left; }
.main-section table th,
.main-section table td { padding: 11px 15px 11px 15px; border-left: 1px solid rgba(171,171,171,1); border-bottom: 1px solid rgba(171,171,171,1); }
.main-section table th { background: rgba(81,81,81,1); color: rgba(255,255,255,1); font-weight: normal; }
.main-section table td { }
.main-section table th.pale { background: rgba(224,224,224,1); color: rgba(81,81,81,1); font-weight: normal; }

.main-section li { margin: 0 0 10px 0; position: relative; padding: 0 0 0 18px; }
.main-section li:before { content: ""; display: block; position: absolute; left: 0; top: 5px; width: 11px; height: 11px; border: 4px solid rgba(81,81,81,1); box-sizing: border-box; }


/*----------------------------------------------------------------
 汎用的な設定
----------------------------------------------------------------*/
section h1,
section h2,
section h3,
section h4 { margin: 0; padding: 0; font-weight: normal; }

section h1 { font-size: 140% /*21px*/; font-weight: normal; position: relative; z-index: 5; height: 65px; line-height: 65px; color: rgba(255, 255, 255, 1); padding: 0 0 0 20px; margin: 0 0 15px 0; background: rgba(90, 90, 90, 1); }
section h1:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 65px; height: 100%;  transition: width 0.3s; z-index: -1; }
section h1 span { font-size: 71% /*15px*/; line-height: 1; margin: 0 0 0 10px; }

section h1 a { display: block; color: rgba(255,255,255,1); }
section h1 a:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; }
section h1 a:hover { color: rgba(255, 255, 255, 1); }

section h3 { background: rgba(224, 224, 224, 1); font-size: 100%; padding: 11px 10px 10px 20px; margin: 0 0 20px 0; border: 1px solid rgba(213, 213, 213, 1); box-sizing: border-box; }

/*---------- 本文 ----------*/
section p { font-size: 87% /*13px*/; margin: 0 0 20px 0; line-height: 1.8; }

/*-- 続きの予定を見る --*/
.read-more { clear: both; text-align: right; margin: 0 0 20px 0; padding: 5px 10px 0 10px; }


.pick-up li .icon-new,
.pick-up li .icon-update { display: inline; color: rgba(232, 49, 79, 1);margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 77%; line-height: 11px; padding: 0 10px 0 10px; }

/*----------------------------------------------------------------
 汎用ボックス
----------------------------------------------------------------*/
.generic { border: 1px solid rgba(213, 213, 213, 1); padding: 15px 20px 15px 20px; margin: 0 0 20px 0; word-wrap: break-word; }
.generic p { margin: 0; }
.generic h3 { border: none; background: none; font-size: 100%; border-bottom: 1px solid rgba(224, 224, 224, 1); padding: 0 10px 5px 0; margin: 0 0 10px 0; }


/*-------------------------------------------------------------------------------

 サイドコンテンツ

-------------------------------------------------------------------------------*/
/*----------------------------------------------------------------
 ピックアップ
----------------------------------------------------------------*/
/*---------- ピックアップ｜見出し1 ----------*/
.side-content .pick-up h1 { background: rgba(53, 159, 215, 1); box-sizing: border-box; height: 65px; line-height: 65px; text-align: center; font-size: 160% /*24px*/; padding: 0; margin: 0 0 15px 0; }

.side-content .pick-up { margin: 0 0 15px 0; }
.side-content .pick-up ul { padding: 0 0 15px 0; font-size: 87%; }
.side-content .pick-up li a,
.side-content .pick-up li span { display: block; background: rgba(255,255,255,.6); padding: 0 15px 0 15px; height: 100%; }
.side-content .pick-up li { line-height: 28px; }
.side-content .pick-up li span.icon-new,
.side-content .pick-up li span.icon-update { display: inline; padding: 0 0 0 2px; margin: 0 10px 0 0; }

/*---------- ピックアップ .search-pick-wrap .pick-up ----------*/

/* 10行スタイル */
.search-pick-wrap .pick-up .ten-line { border-top: 37px solid rgba(255,255,255,.6); }
.search-pick-wrap .pick-up .ten-line li { line-height: 27px; }

/* 9行スタイル */
.search-pick-wrap .pick-up .nine-line li { line-height: 30px; }

/* 8行スタイル */
.search-pick-wrap .pick-up .eight-line li { line-height: 34px; }

/* 7行スタイル */
.search-pick-wrap .pick-up .seven-line li { line-height: 39px; }

/* 6行スタイル */
.search-pick-wrap .pick-up .six-line li { line-height: 46px; }

/* 5行スタイル */
.search-pick-wrap .pick-up .five-line { border-top: 37px solid rgba(255,255,255,.6); }
.search-pick-wrap .pick-up .five-line li { line-height: 56px; }



/*---------- ヘルスチェックコーナー、お知らせ｜見出し1 ----------*/
.side-content .health h1,
.side-content .notice h1 { background: rgba(55, 94, 134, 1); font-size: 100% /*15px*/; height: 50px; line-height: 50px; margin: 0 0 15px 0; padding: 0 0 0 18px; }

.side-content .health,
.side-content .notice { margin: 0 0 15px 0; }

.side-content .health ul { font-size: 87% /*13px*/; }
.side-content .health ul li { padding: 0 0 12px 0; }
.side-content .health ul li  a { display: block; padding: 0 15px 0 15px; }
.side-content .notice ul li { overflow: hidden; margin: 0 0 15px 0; }
.side-content .notice dl dt { font-size: 80% /*12px*/; float: left; width: 15%; margin: 0 15px 0 0; padding: 0 0 0 15px; }
.side-content .notice dl dd { font-size: 87% /*13px*/; float: left; width: 65%; }
.side-content .notice dd a { display: block; }

/*----------------------------------------------------------------
バナー
----------------------------------------------------------------*/
.banner { background: none; }
.banner a { display: block; background: url(/img/bnr_potal_pc.png) 0 0 no-repeat; background-size: 232px 145px; width:232px; height: 145px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*-------------------------------------------------------------------------------

 フッター

-------------------------------------------------------------------------------*/ 
footer { background: rgba(255,255,255,.4); border-top: 6px solid rgba(53, 159, 215, 1); }
.footer-inner { width: 960px; margin: 0 auto; position: relative; padding: 0 0 1px 0; }
.footer-inner .top-page { position: absolute; top: -36px; right: 0; text-align: center; }
.footer-inner .top-page .top { display: block; background: rgba(53, 159, 215, 1); color: rgba(255, 255, 255, 1); width: 120px; height: 36px; line-height: 36px; }
.footer-nav { float: right; margin: 20px 0 10px 0; font-size: 73%; }
.footer-nav li { float: left; position: relative; }
.footer-nav li:before { content: ""; display: block; width: 1px; height: 10px; background: rgba(59, 59, 59, 1); position: absolute; top: 2px; left: 0; }
.footer-nav li:last-of-type:after {  content: ""; display: block; width: 1px; height: 10px; background: rgba(59, 59, 59, 1); position: absolute; top: 2px; right: 0; }
.footer-nav li a { display: block; padding: 0 10px 0 10px; color: rgba(59, 59, 59, 1); }
.footer-nav li a:hover { color: rgba(99, 158, 212, 1); }
.footer-inner p { clear: both; text-align: right; font-size: 73%; }

/*------------------------------------------------------------------↓追記
/*--------------------------------------------------
お問い合わせフォーム関連パーツ
--------------------------------------------------*/

.main-section .error-wrap-all { display: block; }
.main-section .error-wrap { display: inline-block; margin: 0 1.5%; padding: 0 6px; }
.main-section .error { display: inline-block; color: #e52600; font-size: 82%; font-weight: bold; }
.main-section input.ebg, section textarea.ebg, section select.ebg { background: rgba(179, 22, 22, 0.1); border: 1px solid #B31616; }
.main-section .required { position: relative; }
.main-section .required:after { content: "*"; display: inline-block; color: #e82b4f; font-size: 82%; }

.main-section .btn-wrap { margin: 0 0 20px 0; text-align: center; }
.main-section .btn-wrap input { border: none; margin: 0 5px 0 5px; width: 167px; height: 40px; line-height: 40px; }
.main-section .btn-wrap .send { background: #359fd7; color: #fff; }
.main-section .btn-wrap .back { border: none; background: #b3b3b3; color: #fff; position: relative; }

.main-section table th { width: 35%; }
td input { width: 97%; }
td textarea { width: 97%; width: 365px; max-width: 365px; min-height: 200px; }

@media screen and (max-width: 599px) {
.main-section table { box-sizing: border-box; width: 92%; }
.main-section table th { width: auto; }
td input { width: 97%; }
td textarea { width: 97%; }
}
/*-----------------------------------------------------------------↑ここまで
/*-------------------------------------------------------------------------------

 WordPress用

-------------------------------------------------------------------------------*/ 
/*----------------------------------------------------------------
 WP-PageNavi plugin
----------------------------------------------------------------*/
.wp-pagenavi { clear: both; text-align: center; padding: 30px 0 20px; }
.wp-pagenavi a,
.wp-pagenavi span { text-decoration: none; border: 1px solid rgba(171, 171, 171, 1); padding: 2px 7px; margin: 0 4px 0 4px; }
.wp-pagenavi a { color: rgba(81,81,81,1); }
.wp-pagenavi a:hover,
.wp-pagenavi span.current { border-color: rgba(94, 94, 94, 1); }
.wp-pagenavi span.current { background: rgba(81,81,81,1); color: rgba(255,255,255,1);  }

/*----------------------------------------------------------------
 WordPress WISIWYG Editor Images
----------------------------------------------------------------*/
img[class*="align"] , img[class*="wp-image-"] { /* box-shadow */
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 1px 0px; }
.alignleft { float: left; margin-left: 0;  margin-right: 15px; margin-bottom: 10px; }
.alignright { float: right; margin-left: 15px; margin-right: 0; margin-bottom: 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }













/*-------------------------------------------------------------------------------
 
 ページにまたがって使用されるパーツ類
 
-------------------------------------------------------------------------------*/ 

/*----------------------------------------------------------------
 キーワードで探す
----------------------------------------------------------------*/
/*---------- キーワードで探す ｜見出し1----------*/
.search-control h1 { width: 960px; height: 90px; background: rgba(53, 159, 215, 1); line-height: 20px; margin: 0 0 25px 0; box-sizing: border-box; padding: 25px 0 25px 110px; color: rgba(255,255,255,1); }
.search-control h1:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 90px; background: url(../img/keyword.svg) 25px 18px no-repeat rgba(42, 127, 172, 1); background-size: 49px 49px; }
.search-control h1 span { display: block; box-sizing: border-box; height: 14px; line-height: 14px; margin: 6px 0 0 0; }
.search-control p { margin: 0 25px 25px 25px; }

/*---------- キーワードで探す ｜見出し1｜.resources-title ----------*/
.main-section .resources-title { background: rgba(53, 159, 215, 1); padding: 0 0 0 75px; width: 618px; }
.main-section .resources-title:before { background: url(../img/keyword.svg) 10px 8px no-repeat rgba(42, 127, 172, 1); background-size: 49px 49px; }

/*---------- キーワードで探す ｜検索ボタン----------*/
.search-function { float: right; padding: 0 4% 0 0; font-size: 106%; }
.search-function input { display: inline-block; }
.search-function .keyword { border: 0; padding: 0; border: 1px solid rgba(171,171,171,1); box-sizing: border-box; width: 265px; height: 40px; padding: 0 5px 0 5px; }
.search-function .search-submit { border: none; background: rgba(53, 159, 215, 1); color: rgba(255,255,255,1); width: 140px; height: 40px; line-height: 40px; }


/*---------- ブログを読む ｜アップデートアイコン----------*/
.icon-update { display: inline-block; font-size: 87%; height: 19px; line-height: 20px; color: rgba(255, 255, 255, 1); background: rgba(107, 196, 58, 1); padding: 0 8px 0 8px; margin: 0 0 0 10px; }


/*----------------------------------------------------------------
 ミーティング・イベント
----------------------------------------------------------------*/
section ul .saturday { background: rgba(233, 245, 250, 1); }
section ul .sunday,
section ul .holiday { background: rgba(252, 236, 240, 1); }







/*-------------------------------------------------------------------------------
  -------------------------------------------------------------------------------
  

  モバイル用スタイル
 
  
  -------------------------------------------------------------------------------
-------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
html { min-width: inherit; }
body { overflow: hidden; overflow-y: scroll; min-width: 320px; }
.wrap { position: relative; padding: 0 0 15px 0; }
input[type="button"],input[type="submit"] { -webkit-appearance: none; border-radius: 0;/*iphone用*/ }

/*-------------------------------------------------------------------------------
 
 M｜ヘッダー
 
-------------------------------------------------------------------------------*/ 
header { position: initial; height: inherit; border-top: 0; margin: 0; }
header:before { display: none; }
.header-inner { width: 100%; height: 205px; margin: 0; padding: 0; position: static; }

/*----------------------------------------------------------------
 M｜ヘッダータイトル
----------------------------------------------------------------*/
header h1 { width: 100%; height: 100%; position: relative; top: inherit; left: inherit; }
header h1 a { width: 205px; height: 80px; background-size: cover; position: absolute; top: 30px; left: 0; right: 0; margin: auto; }

/*----------------------------------------------------------------
 M｜グローバルナビ
----------------------------------------------------------------*/
.global-nav { width: 100%; top: 140px; z-index: 100; background: rgba(255, 255, 255, 1); }
.global-nav .nav-menu { display: block; width: 100%; height: 35px; line-height: 25px; text-align: center; color: rgba(255, 255, 255, 1); background: rgba(53, 159, 215, 1); cursor: pointer; font-size: 100%; position: relative; margin: 0 0 1px 0; }
.global-nav .nav-menu:before { content: ""; display: block; position: absolute; top: 64%; left: 49%; width: 7px; height: 7px; border-top: 1px solid rgba(255, 255, 255, 1); border-right: 1px solid rgba(255, 255, 255, 1); -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.global-nav ul { display: none; }
.global-nav li { float: none; height: auto; width: 100%; margin: 0; text-align: left; position: relative; margin: 0 0 1px 0; }
.global-nav li:before { content: ""; display: block; width: 70px; height: 100%; position: absolute; top: 0; left: 0; }
.global-nav li a { height: inherit; position: static; line-height: 1.7; }
.global-nav li a:before {}
.global-nav li a span { height: auto; line-height: inherit; position: static; width:inherit; }
.global-nav li a span:after { display: none; }

/*---------- M｜グローバルナビ｜各ナビ ----------*/
.global-nav .nav-meeting, .global-nav .nav-tel { height: 70px; margin: 0 0 1px 0; }
.global-nav .nav-meeting a, .global-nav .nav-tel a { padding: 0 0 0 20px; height: 70px; line-height: 70px; }
.global-nav .nav-tel a:before { width: 100%; }
.global-nav .nav-keyword:before { background: rgba(42, 127, 172, 1); }
.global-nav .nav-news:before { background: rgba(204, 102, 137, 1); }
.global-nav .nav-blog:before { background: rgba(86, 157, 46, 1); }
.global-nav .nav-keyword a span, .global-nav .nav-news a span, .global-nav .nav-blog a span { background: none; line-height: 1; }
.global-nav .nav-keyword a, .global-nav .nav-news a, .global-nav .nav-blog a { height: 70px; line-height: 30px; padding: 10px 0 10px 85px; }
.global-nav .nav-keyword a:before { top: 13px; left: 13px; }
.global-nav .nav-news a:before { left: 10px; }
.global-nav .nav-blog a:before { top: 12px; left: 10px; }
.global-nav .nav-meeting a:before { display: none; }
.global-nav .nav-tel a:before { display: none; }

/*---------- M｜サブナビ ----------*/
.sub-nav { top: inherit; bottom: -30px; right: inherit; width: 100%; text-align: center; }
.sub-nav li { float: none; position: inherit; display: inline-block; }
.sub-nav li:before,
.sub-nav li:last-of-type:after { display: none; }
.header-social { top: inherit; bottom: -130px; right: initial; width: 100%; z-index: 100; }
.header-social ul { width: 82px; margin: 0 auto; overflow: hidden; }
.header-social .nav-facebook { margin: 0; }
header aside { display: none; }

/*-------------------------------------------------------------------------------
 
 M｜メインコンテンツ
 
-------------------------------------------------------------------------------*/ 
main { box-sizing: border-box; width: 100%; padding: 0 10px 0 10px; margin: 0 auto; background: none; }
main:before { display: none; }
article { width: 100%; margin: 0 auto; overflow: visible; }
.main-section { padding: 0 0 15px 0; float: none; width: 100%; margin: 0 auto 10px; overflow: visible; }

.main-section h1, .main-section h2, .main-section h3, .main-section h4 { width: auto; margin: 20px 0 20px -5px; }
.main-section h1 { margin: 0 0 10px 0; }
.main-section h2:before { background: url(../img/section_h2_bg_top.svg) -1px 0 / 11px 12px no-repeat; }
.main-section h3,
.main-section h4 { margin: 0 15px 15px 15px; }
.main-section h3:before { width: 130px; }
.main-section h4 { padding: 5px 2% 5px 2%; }
.main-section p,
.main-section ul,
.main-section ol,
.main-section dl,
.main-section table { margin: 0 15px 15px 15px; }
.main-section table { width: 92%; }
.main-section p { font-size: inherit; margin: 0 15px 15px 15px; line-height: 1.6; }

img { max-width: 320px; height: auto; }

.main-section table th,
.main-section table td { display: block; }

/*----------------------------------------------------------------
 M｜汎用ボックス
----------------------------------------------------------------*/
.generic { margin: 0 15px 15px 15px; padding: 15px 0 0 0; }


/*-------------------------------------------------------------------------------
 
 M｜サイドコンテンツ
 
-------------------------------------------------------------------------------*/ 
.side-content { float: none; width: 100%; margin: 0 auto 10px; }
.side-content .pick-up,
.side-content .health,
.side-content .notice { margin: 0 0 10px 0; }
.side-content .pick-up h1,
.side-content .health h1,
.side-content .notice h1 { margin: 0 0 10px 0; }


/*-- .border-box --*/
.border-box { width: 96%; padding: 0; padding: 0 2%; }
.border-box h2 { width: 104.16%; margin: 0 0 10px -2.08%; }
.border-box h2:before,
.border-box h2:after { display: none; }

.side-content .pick-up ul,
.side-content .health ul,
.side-content .notice dl dt,
.side-content .notice dl dd
 { font-size: inherit; }

/*---------- ピックアップ｜見出し1 ----------*/
.side-content .pick-up h1 { height: 45px; line-height: 45px; }
  
  /*---------- M｜バナー ----------*/
  .banner a { background: url(/img/bnr_potal_sp.png) 0 0 no-repeat; background-size: cover; width: 100%; height: 0; padding: 47.413% 0 0 0; }

/*-------------------------------------------------------------------------------
 
 M｜フッター
 
-------------------------------------------------------------------------------*/ 
footer { border-top: 1px solid rgba(53, 159, 215, 1); }
.footer-inner { width: 100%; }
.footer-inner .top-page { top: 0; width: 100%; margin: 40px 0 50px 0; position: relative; }
.footer-inner .top-page .top { display: inline-block; width: 100%; }
.footer-nav { font-size: 78%; width: 100%; background: rgba(0, 0, 0, .2); padding: 10px 0 10px 0; text-align: center; }
.footer-nav li { display: inline-block; float: none; }

.footer-nav li:before,
.footer-nav li:last-of-type:after { display: none; }
.footer-nav li a { padding: 0 6px 0 6px; }
.footer-inner p { text-align: center; font-size: 87%; }

/*-------------------------------------------------------------------------------

 M｜WordPress用

-------------------------------------------------------------------------------*/ 
.alignleft { float: left; margin-left: 10px;  margin-right: 10px; margin-bottom: 10px; }
.alignright { float: right; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }


/*----------------------------------------------------------------
 M｜WP-PageNavi plugin
----------------------------------------------------------------*/
.wp-pagenavi { padding: 30px 10px 0 10px; }
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; margin: 0 4px 4px 4px; }
 
 
/*-------------------------------------------------------------------------------
 
 M｜ページにまたがって使用されるパーツ類
 
-------------------------------------------------------------------------------*/ 
.side-content .pick-up ul { padding: 0 0 15px 0; }
.side-content .pick-up li a,
.side-content .pick-up li span { display: block; background: rgba(255,255,255,.6); padding: 0 15px 0 15px; height: 100%; }
.side-content .pick-up li { line-height: 30px; }
.side-content .pick-up li span.icon-new,
.side-content .pick-up li span.icon-update { display: inline; padding: 0 0 0 2px; margin: 0 10px 0 0; }

/*---------- キーワードで探す ｜見出し1｜.resources-title ----------*/
.main-section .resources-title { width: auto; padding: 6px 0 6px 75px; height: 48px; line-height: 30px; }
.main-section .resources-title span { display: block; margin: 0; }

/*---------- M｜ピックアップ .search-pick-wrap .pick-up ----------*/

.pick-up li { line-height: 30px; }
.search-pick-wrap .pick-up .ten-line li,
.search-pick-wrap .pick-up .nine-line li,
.search-pick-wrap .pick-up .seven-line li,
.search-pick-wrap .pick-up .six-line li,
.search-pick-wrap .pick-up .five-line li { line-height: 30px; }


}