@charset "utf-8";
/*-------------------------------------------------
デスクトップ1024px以上
スマホ　　　320〜740px　を想定
-------------------------------------------------*/
/*-------------------------------------------------
基本
-------------------------------------------------*/
*{ box-sizing:border-box;}
body {font-size:18px; color:#333; line-height: 1.6; word-break: normal; position:relative; -webkit-text-size-adjust: none; min-width:1040px;
font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

p{ margin:0 0 1em;}
::selection {background: #40526A; color:#fff;}
::-moz-selection {background: #40526A; color:#fff;}

img{max-width:100%; position:relative; line-height:1; vertical-align:middle;}

a{color:#19529F; text-decoration: none; -webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a:hover {color:#09F; text-decoration: none;}
a img,.bl{-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a img:hover,.bl:hover{ opacity:0.8;}.bl:hover img,.bl:hover .button{ opacity:1; text-decoration:none;}

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button{border:none; padding:0.5em 1.5em; font-weight:bold; text-align:center; vertical-align:middle; cursor: pointer; border-radius:3px; position:relative; display:inline-block; text-decoration:none; color:#555; background:linear-gradient(#fff,#eee); border:1px solid rgba(0,0,0,0.2); box-shadow:0 0 0 1px rgba(255,255,255,1.0) inset , 0 0 5px rgba(0,0,0,0.1); text-decoration:none !important;
-webkit-transition:0.2s ease-out; transition:0.2s ease-out;}
.button:hover{ text-decoration:none; opacity:0.8;}
.button.block{ display:block; padding:0.5em;}
/*ボタン　色分け*/
.button.darkblue{color:#fff; background:linear-gradient(#7D98C7,#5F78AB); box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset , 0 0 5px rgba(0,0,0,0.2);}
.button.blue{color:#fff; background:linear-gradient(#1F74DB,#19529F); box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset , 0 0 5px rgba(0,0,0,0.2);}
.button.large{ font-size:140%; padding:0.5em 2.5em;}

/* -----------------------------------------------------------
その他
----------------------------------------------------------- */
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}
hr{ height:1px; background:#ddd; overflow:hidden; clear:none; margin:1.5em 0 1.5em;}
hr.space{ height:2em; background:none; overflow:hidden; margin:0;}
.oh{ overflow:hidden;}
.ib{ display:inline-block;}
.indent{ padding-left:1em; text-indent:-1em;}p.indent{ margin-bottom:0.5em;}.indent.small{ font-size:11px;}
.normal{ font-weight:normal;}
.bold{ font-weight:bold;}
span.red{ color:#FF0000;}
small{ font-size:12px;}
mark{ font-style:normal;}

/* -----------------------------------------------------------
ページ
----------------------------------------------------------- */
.page{ position:relative;}

/* -----------------------------------------------------------
ラッパー　コンテナー
----------------------------------------------------------- */
.wrapper{}
.wrapperInner{ padding:50px 0; margin:0 auto 0; position:relative; z-index:10;}
.container{ float:left; width:740px;}
.container.oneColumn{ float:none; width:1040px; margin:0 auto 0; padding:0 20px 0;}
.container.oneColumn.wide{ width:inherit; max-width:1240px; min-width:1000px; padding:0 20px 0;}
.container.oneColumn.wide>.inner{ width:960px; margin:0 auto 0;}
.container section,.container article{ margin-bottom:100px; position:relative; z-index:1;}
.container section:last-child,.container article:last-child{ margin-bottom:20px;}
.container a{}

/* -----------------------------------------------------------
区切り線
----------------------------------------------------------- */

/* -----------------------------------------------------------
ナビゲーションリスト
----------------------------------------------------------- */
ul.nav{ border-top:1px solid rgba(0,0,0,0.1); margin:0 0 1em; overflow:hidden;}
ul.nav li{ border-bottom:1px solid rgba(0,0,0,0.1); line-height:1.4; padding:10px 10px 10px 10px; overflow:hidden; position:relative; box-sizing:border-box;}
ul.nav li.bl{padding-right:30px;}
ul.nav li.bl:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:rgba(0,0,0,0.2);}
ul.nav li.bl:hover{ background-color:rgba(0,0,0,0.05);}
ul.nav li .image{ float:left; width:20%; text-align:center; margin:0 10px 0 0;}

ul.nav li .text{ overflow:hidden;}
ul.nav li .text h2,ul.nav li .text h3,ul.nav li .text h4, li .text h5{ border:none; padding:0; margin:0 0 0.3em; background:none; font-size:17px; letter-spacing:0;}
ul.nav li .text p{ margin:0; /*font-size:14px;*/}
ul.nav .date{font-size:11px;}
ul.nav .date:before{ font-family:fontAwesome; content:"\f017"; margin-right:0.5em;}
ul.nav.grid2>*{ margin-bottom:0;}

/* -----------------------------------------------------------
汎用見出し
----------------------------------------------------------- */
h1{ line-height:1.4; font-size:40px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;  letter-spacing:4px;}
h2{ line-height:1.4; font-size:36px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;  letter-spacing:3px;}
h3 { line-height:1.4; font-size:30px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative; letter-spacing:2px;}
h4{ line-height:1.4; font-size:24px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative;  letter-spacing:1px;}
h5{ line-height:1.4; font-size:18px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative; }

h1 small,h2 small,h3 small,h4 small{font-size:14px; font-weight:normal; opacity:0.8; display:inline-block; letter-spacing:0;}
h1 small.sub,h2 small.sub,h3 small.sub,h4 small.sub{font-size:14px; font-weight:normal; opacity:0.8; display:block; letter-spacing:0;}
h1 span.right,h2 span.right,h3 span.right,h4 span.right{ float:right; font-size:12px; letter-spacing:0;}

/*主な要素直下の見出しは、上部に適度なマージン*/
p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,
br+h1,br+h2,br+h3,br+h4,br+h5,br+h6,
div+h1,div+h2,div+h3,div+h4,div+h5,div+h6,
table+h1,table+h2,table+h3,table+h4,table+h5,table+h6,
ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,
ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6
{ margin-top:2em;}

/*pc*/
@media(min-width:741px){
/*グリッド内の見出しはコンパクトに*/
.grid2 h2,.grid3 h2,.grid4 h2,.grid5 h2,.grid6 h2{ font-size:30px; letter-spacing:0;}
.grid2 h3,.grid3 h3,.grid4 h3,.grid5 h3,.grid6 h3{ font-size:24px; letter-spacing:0;}
.grid2 h4,.grid3 h4,.grid4 h4,.grid5 h4,.grid6 h4{ font-size:18px; letter-spacing:0;}
}

/* -----------------------------------------------------------
リスト
----------------------------------------------------------- */
/*discリスト*/
ul.disc{ margin:0.7em 0; padding:0 0 0 1.5em;}
ul.disc li{ list-style:disc outside; line-height:1.4; margin:0.7em 0;}

/*番号付きリスト*/
ol{ margin:0.7em 0; padding:0 0 0 2em;}
ol li{ list-style:decimal outside; line-height:1.4; margin:0.7em 0;}

/* -----------------------------------------------------------
フロート操作
----------------------------------------------------------- */
img.center{ display:block; margin-left:auto; margin-right:auto; margin-bottom:1em; max-width:100%;}
.fl,.fl-center{ float:left;}
.fr,.fr-center{ float:right;}
.flm,.flm-center{ float:left; margin:0 1.5em 1.5em 0; clear:left;}
.frm,.frm-center{ float:right; margin:0 0 1.5em 1.5em; clear:right;}

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.style{margin:0 0 1em; padding:0; width:100%; font-size:16px;}
table.style small{ font-weight:normal; font-size:11px; display:inline-block;}
table.style th{ border:1px solid #C6C8CE; background:#E4E7EE; box-shadow:0 0 0 1px #F7F8FA inset; padding:0.5em; font-weight:bold; vertical-align:middle;}
table.style td{ border:1px solid #D2D3D5; background:#F2F4F6; box-shadow:0 0 0 1px #FBFCFC inset; padding:0.5em; vertical-align:middle;}
table.style ul.disc{ margin:0.4em 0;}
table.style ul.disc li{ margin:0.2em 0;}
table.style td p{ margin:0.5em 0;}
table.style td th{}
table.style td td{ border:none; padding:0 0.6em;}

/* -----------------------------------------------------------
フキダシ
----------------------------------------------------------- */
.fkd { position: relative; background: #19529F; color:#fff; padding:0.3em 1em; line-height:1.4; border-radius:5px; display:inline-block; overflow:visible; margin:0 0 0.5em;}
.fkd:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #19529F; border-width: 8px; margin-left: -8px; }
.fkd.green{ background-color:#319F2C;}.fkd.green:after { border-top-color:#319F2C;}
.fkd.black{ background-color:#000;}.fkd.black:after { border-top-color:#000;}