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

.min{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
@media all and (-ms-high-contrast:none){
	/*IE10以上は游明朝は除外し、webフォント優先とする*/
.min{font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
}

/*明朝体WEBフォント*/
@font-face {
font-family: 'min';
src:url('../font/ngtmp.eot') format('eot');/* IE9～ */
src:
url('../font/ngtmp.woff') format('woff'), /* 最新ブラウザ */
url('../font/ngtmp.ttf') format('truetype'); /* その他ブラウザ */
}

/*ゴシック体*/
.goth{font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}

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

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

a{color:#32526e; text-decoration: none; -webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a:hover {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.ex:after{ font-family:fontAwesome; content:"\f08e";}

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
.button,input.button,.formbutton{padding:0.7em 1.5em; margin:0.5em; line-height:1.4; font-weight:normal; text-align:center; vertical-align:middle; cursor: pointer; border-radius:3px; position:relative; display:inline-block; color:#fff !important; background:linear-gradient(#5A89AC,#32526e)#32526e; border:1px solid rgba(0,0,0,0.3); box-shadow:0 0 0 1px rgba(255,255,255,0.3) inset , 0 0 5px rgba(0,0,0,0.2); text-decoration:none !important;
-webkit-transition:0.2s ease-out; transition:0.2s ease-out;}
.button:hover,.formbutton:hover{ text-decoration:none; opacity:0.8;}
.button.reverse{ border-color:#32526e; color:#32526e !important; background:linear-gradient(#fff,#eee)#fff;}
.button.large{ border-width:2px; font-size:20px; padding:0.5em 2.5em; font-weight:bold;}
.button.border{ background:none; border:2px solid #373748; color:#373748 !important;}
.button.red{background:linear-gradient(#FF5555,#E70314)#E70314;}
.button.back:before{ font-family:fontAwesome; content:"\f053　"; font-weight:normal;}
.button.download:before{ font-family:fontAwesome; content:"\f019　"; font-weight:normal;}

/*2019/8/12追記*/
.button.reverse2{ border-color:#32526e; color:#fff !important; background:linear-gradient(#70dcdc,#4DB3B3)#fff;}


/* -----------------------------------------------------------
その他
----------------------------------------------------------- */
.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;}
.normal{ font-weight:normal;}
.bold{ font-weight:bold;}
span.red{ color:#cb2f2f;}
small{font-size:70%; font-weight:normal; display:inline-block; letter-spacing:0;}

/* -----------------------------------------------------------
色
----------------------------------------------------------- */
.color{color: #2F4A66;}
.color.positive{color: #4285F4;}
.color.negative{color: #F73364;}
.color.green{color: #35baba;}

/*ロングコメント*/
.longComment{ padding-bottom:1em !important;}
.longComment p{ margin:0 !important;}
.noData { color:#df0000; padding:1em; }

@media(min-width:741px){div.sp,.onlySp,.hiddenPc,.spOnly,.pcHidden{ display:none !important;}/*PCのときに消えるクラス*/}
@media(max-width:740px){div.pc,.onlyPc,.hiddenSp,.pcOnly,.spHidden{ display:none !important;}/*スマホのときに消えるクラス*/}

/* -----------------------------------------------------------
ページ
----------------------------------------------------------- */
.page{ position:relative; /*padding-top:160px;*/ /*min-height:800px;*/} 

/* -----------------------------------------------------------
ラッパー　コンテナー
----------------------------------------------------------- */
.wrapper{position:relative;}
.wrapperInner{position:relative;}
.container{width:1200px; margin:0 auto 0; padding:50px 0 50px;}
.mainColumn{ float:left; width:800px;}
.sideBar{ float:right; width:360px; font-size:12px;}
section, article{ margin-bottom:100px; position:relative;}

/* -----------------------------------------------------------
区切り線
----------------------------------------------------------- */
hr.anc{ background:none; border:none; margin-bottom: 0; margin-top: -80px !important; padding-top: 80px !important; overflow: hidden; position:relative; z-index:-1;}
hr.style{ background:url(../img/hr_style.png) no-repeat center center; width:100%; height:42px; margin:2em 0; background-size:contain; clear:both;}

/* -----------------------------------------------------------
画像をマスク(クリッピング)
----------------------------------------------------------- */
.image.clip{ width:100px; height:100px; overflow:hidden;
border-radius:3px; background-repeat: no-repeat; background-image:url("../img/128loader.gif"); background-position: center center; background-size:64px;/*-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;*/}
/*画像を持っていた場合、伸張する*/
.image.clip.hasImage{ background-size:cover;}
/*アンカーはホバー透過する*/
.image.clip a:hover{ opacity:0.8;}
/*元画像は透明にしておく*/
.image.clip img{opacity:0; width:100%; height:100%;}
/*ホバー透過の重複を防ぐ*/
.bl .image.clip:hover{ opacity:1 !important;}

/* -----------------------------------------------------------
ナビゲーションリスト
----------------------------------------------------------- */
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: "\f138"; 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:#eee;}
/*ul.nav li a.current{ background-color:#505E84; color:#fff;}*/

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:16px; letter-spacing:0;}
ul.nav li .text p{ margin:0; font-size:14px;}
ul.nav .date{ color:#666; font-size:11px;}
ul.nav.grid2>*{ margin-bottom:0;}

/* -----------------------------------------------------------
サイドバー　サブナビ
----------------------------------------------------------- */
/*.sideBar{ float:right; width:260px; font-size:12px;}*/
.container .snav{ display:none;}
div.eyeCatch+.wrapperInner{ padding-top:30px;}

/*サブナビ*/
.snav ul.nav{ margin-bottom:50px;}
.snav ul.nav li{ padding:0;}
.snav ul.nav li a{ display:block; padding:10px 30px 10px 10px; position:relative;}
.snav ul.nav li a:after{font-family: FontAwesome; content: "\f138"; 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); font-weight:normal;}
.snav ul.nav li a:hover{ background-color:#EEEEEE;}
.snav ul.nav li p{ margin:0; padding:10px;}
.snav ul.nav li a+p{ border-top:1px dotted rgba(0, 0, 0, 0.1);}
.snav ul.nav li .image{}
.snav ul.nav li .image.clip{ width:64px; height:64px;}
.snav ul.nav li.bl{ padding:10px 30px 10px 10px;}
.snav ul.nav li.bl a{ padding:0px;}
.snav ul.nav li.bl a:after{ display:none;}

/* -----------------------------------------------------------
サブナビが最初からコンテナ内にあった場合
----------------------------------------------------------- */
.container .snav.float{ display:block;}
.container .snav.float h4{ display:none;}
.container .snav.float:last-child h4{ display:block;}

.container .snav.float ul.nav{ overflow:hidden; text-align:center; border:none; border-radius:3px; background:url(../img/mokume.jpg) repeat;}
.container .snav.float ul.nav li{ display:inline-block; border-bottom:none; vertical-align:middle; font-size:12px;}
.container .snav.float ul.nav li a{ color:#fff; font-weight:bold; text-shadow:0 1px 1px rgba(0,0,0,0.5);}
.container .snav.float ul.nav li a:after{ text-shadow:none; color:rgba(255,255,255,0.8); font-weight:normal;}
.container .snav.float ul.nav li a.current{ background:rgba(0,0,0,0.2);}
.container .snav.float ul.nav li a:hover{ background:rgba(0,0,0,0.2);}

/* -----------------------------------------------------------
ページタイトル的なアイキャッチ文字
----------------------------------------------------------- */
div.eyeCatch{ text-align:center; background:#5A89AC; position:relative; background-position:center center; background-size:cover;
font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; color:#fff; text-shadow:1px 0 1px rgba(0,0,0,0.3),0 1px 1px rgba(0,0,0,0.3),-1px 0 1px rgba(0,0,0,0.3),0 -1px 1px rgba(0,0,0,0.3),1px 0 2px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.3),-1px 0 2px rgba(0,0,0,0.3),0 -1px 2px rgba(0,0,0,0.3),1px 0 4px rgba(0,0,0,0.3),0 1px 4px rgba(0,0,0,0.3),-1px 0 4px rgba(0,0,0,0.3),0 -1px 4px rgba(0,0,0,0.3);}
div.eyeCatch.reverse{ color:#000; text-shadow:1px 0 1px #fff,0 1px 1px #fff,-1px 0 1px #fff,0 -1px 1px #fff,1px 0 2px #fff,0 1px 2px #fff,-1px 0 2px #fff,0 -1px 2px #fff,1px 0 4px #fff,0 1px 4px #fff,-1px 0 4px #fff,0 -1px 4px #fff;}
div.eyeCatch>.inner{ padding:10vh 0 10vh; width:1200px; margin:0 auto 0;}
div.eyeCatch>.inner *:first-child{ font-size:40px; margin:0; padding:0 0 0 10px; letter-spacing:10px; line-height:1.2; font-weight:normal;}
div.eyeCatch>.inner *:nth-child(2){font-size:20px; margin:0; padding:1em 0 1em; line-height:1.2; font-weight:bold;}

/* -----------------------------------------------------------
汎用見出し
----------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

h1{ line-height:1.4; font-size:40px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative; overflow:hidden;}
h2{ line-height:1.4; font-size:30px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative; overflow:hidden;}
h3 { line-height:1.4; font-size:25px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative; overflow:hidden;}
h4{ line-height:1.4; font-size:20px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative; overflow:hidden;}
h5{ line-height:1.4; font-size:18px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative; overflow:hidden;}

h1 small,h2 small,h3 small,h4 small{font-size:18px; font-weight:normal; display:inline-block;}
h1 span.right,h2 span.right,h3 span.right,h4 span.right{ float:right; font-size:18px;}

/*主な要素直下の見出しは、上部に適度なマージン*/
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;}

/*背景を塗る*/
h1.bg,h2.bg,h3.bg,h4.bg,h5.bg{ background:linear-gradient(to bottom , #eee , #fff) #eee; border-top:1px solid #ccc; box-shadow:0 1px 0 0 #fff inset; padding:0.5em;}

/*上下にボーダー*/
h1.border,h2.border,h3.border,h4.border,h5.border{ padding:0.5em 0; border-top:3px double rgba(0,0,0,0.13); border-bottom:3px double rgba(0,0,0,0.2);}

/*見出しスタイル　普通のバー*/
h2.style{ padding:0.5em; border-bottom:1px solid #ddd; background:linear-gradient(to bottom , #fff 30%,#f5f5f5); box-shadow:0 -1px 0 0px #fff inset;}
h2.style:before{ content:""; display:block; width:100%; height:2px; position:absolute; top:0; left:0; background:linear-gradient(to right,#60809F 10% ,#ddd 90%);}
h2.style.positive{ border-bottom-color:#D0D4DC; background:linear-gradient(to bottom , #fff 30%,#F0F5FE);}
h2.style.positive:before{ background:linear-gradient(to right,#4285F4 10% ,#D0D4DC 90%);}
h2.style.negative{ border-bottom-color:#DCD1D3; background:linear-gradient(to bottom , #fff 30%,#FEF1F4);}
h2.style.negative:before{ background:linear-gradient(to right,#F73364 10% ,#DCD1D3 90%);}

/* -----------------------------------------------------------
リスト
----------------------------------------------------------- */
/*チェックリスト*/
ul.check{ margin:1.6em 0;}
ul.check li{line-height:1.6; margin:0.8em 0; padding: 0 0 0 1.5em; position: relative; font-size: 110%; color: #32526e; font-weight: bold;}
ul.check li:before{ position: absolute; top: 0; left: 0; font-family:"Font Awesome 5 Free"; font-weight:300; content:"\f0c8";  color: #60809f; z-index: 1; opacity: 0.3;}
ul.check li:after{ position: absolute; top: 0; left: 0; font-family:"Font Awesome 5 Free"; font-weight:600; content:"\f00c";  color: #60809f; z-index: 2;}
ul.check.positive li{color: #3867ad;}
ul.check.positive li:after{ color: #4285F4;}
ul.check.negative li{color: #941E3C;}
ul.check.negative li:after{color: #F73364;}

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

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

/* -----------------------------------------------------------
フロート操作
----------------------------------------------------------- */
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;}

/* -----------------------------------------------------------
画像とテキストの組み合わせ
----------------------------------------------------------- */
.image-text{display: flex; margin-bottom: 1em;}
.image-text.align-items_center{align-items: center;}
.image-text+.image-text{margin-top: 4em;}
.image-text .text{flex: 1; padding: 0 0 0 4%;}
.image-text .text>*:first-child{margin-top: 0;}
.image-text .text>*:last-child{margin-bottom: 0;}
.image-text.reverse{flex-direction: row-reverse;}
.image-text.reverse .text{padding: 0 4% 0 0;}

/* -----------------------------------------------------------
テキストと画像の組み合わせ
----------------------------------------------------------- */
.text-image{display: flex; margin-bottom: 1em;}
.text-image.align-items_center{align-items: center;}
.text-image+.text-image{margin-top: 4em;}
.text-image .text{flex: 1; padding: 0 4% 0 0;}
.text-image .text>*:first-child{margin-top: 0;}
.text-image .text>*:last-child{margin-bottom: 0;}
.text-image.reverse{flex-direction: row-reverse;}
.text-image.reverse .text{padding: 0 0 0 4%;}

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.style{margin:0 0 1em; padding:0; width:100%;}
table.style small{ font-weight:normal; font-size:10px; display:inline-block;}
table.style th{ border:1px solid #ddd; background:#f5f5f5; padding:0.4em 0.6em; font-weight:bold; vertical-align:middle;}
table.style td{ border:1px solid #ddd; background: rgba(255,255,255,0.5); padding:0.4em 0.6em; vertical-align:middle;}
table.style td p{ margin:0;}
table.style td th{}
table.style td td{ border:none; padding:0 0.6em;}
table.style ul.disc.grid2 > li{ margin-top:0.5em; margin-bottom:0.5em;}

/* -----------------------------------------------------------
テーブル＿カレンダー
----------------------------------------------------------- */
table.calendar{margin:0 0 1em; padding:0; width:100%;}
table.calendar caption{ background:#383747; color:#96959F; font-size:18px;}
table.calendar caption a{ color:#fff; display:inline-block; padding:0 5px;}
table.calendar th{ width:14.2857143%; height:30px; border:1px solid #ddd; background:#f5f5f5; font-weight:bold; vertical-align:middle; text-align:center;}
table.calendar td{ width:14.2857143%; height:30px; border:1px solid #ddd; background: rgba(255,255,255,0.5); vertical-align:middle; text-align:center;}
table.calendar td a{ display:inline-block; width:24px; height:24px; line-height:24px; background:#FFDFE2; border-radius:99px; color:#E60012;}
table.calendar td.today{ background-color:#DFEAFF;}

/* -----------------------------------------------------------
テーブル＿メールフォーム
----------------------------------------------------------- */
table.style.mailform { margin:20px 0; }
table.style.mailform tr{ border-bottom:1px solid #ddd; }
table.style.mailform th{ border:none; background:none; vertical-align:top; padding: 0.9em 0.6em; }
table.style.mailform td{ border:none; background:none; vertical-align:top;}
table.style.mailform .ninni{ font-size:11px; display:inline-block; background:#fff; border:1px solid #ddd; color:#666; margin:0 5px 0 0; padding:2px 6px; vertical-align:middle; box-sizing:border-box;}
table.style.mailform .hissu,span.hissu{ font-size:11px; display:inline-block; background:#fff; border:1px solid #C03; color:#C03; margin:0 5px 0 0; padding:2px 6px; vertical-align:top; box-sizing:border-box;}
table.style.mailform .labelGroup{ margin:0 0 1em;}
table.style.mailform .labelGroup label{ float:left; width:33.33%; padding:0.3em 0;}

form input,form textarea,form select { padding:4px 6px; font-size:100%; }
table.style.mailform td label input, .narrowInput input { padding:0 10px; }
.remarkBox {border:3px double #DFC3C3; background:#FFEFEF; padding:1em; margin:1em 0;}

/* -----------------------------------------------------------
アコーディオン　デフォルト
----------------------------------------------------------- */
.ac{}
.ac .trigger{ cursor:pointer; border-bottom:1px solid #fff; background-color:#f5f5f5; padding:10px 30px 10px 10px; display:block; vertical-align:middle;
-webkit-transition:0.3s ease-out; transition:0.3s ease-out; position:relative;}
.ac .trigger *{ margin:0;}
.ac .trigger:hover{background-color:#eee;}
.ac .trigger.open{ background-color:#eee; margin-top:20px;}
.ac .trigger:first-child.open{margin-top:0px;}
.ac .trigger:after{font-family: FontAwesome; content: "\f067"; display:block; text-align:center; width:20px; height:20px; line-height:20px; font-size:20px; position:absolute; top:50%; margin-top:-0.5em; right:10px; color:rgba(0,0,0,0.2);}
.ac .trigger.open:after{content: "\f00d"; color:rgba(0,0,0,0.8);}
.ac .trigger+*{ display:none; border:1px solid #ddd; margin-bottom:20px; background:rgba(255,255,255,0.5); padding:19px; position:relative;}

/* -----------------------------------------------------------
アコーディオン　Q and A
----------------------------------------------------------- */
.ac.qanda .trigger h3{ font-weight:normal; font-size:20px; letter-spacing:0;}
.ac.qanda .trigger,.ac.qanda .trigger+*{ padding-left:50px;}
.ac.qanda .trigger:before,.ac.qanda .trigger+*:before{content: "Q"; display:block; font-weight:bold; width:28px; height:28px; line-height:28px; text-align:center; position:absolute; top:50%; left:10px;margin-top:-14px; border-radius:99px; color:#fff; background-color:#ccc;}
.ac.qanda .trigger.open{ background-color:#32526E; color:#fff;}
.ac.qanda .trigger.open:before{background-color:#fff; color:#32526E;}
.ac.qanda .trigger.open:after{ color:#F99;}
.ac.qanda .trigger+*:before{content: "A"; background-color:#32526E; top:35px;}

/* -----------------------------------------------------------
お知らせ
----------------------------------------------------------- */
/*記事詳細*/
article header{ background:#f5f5f5; padding:20px; margin:0 0 20px;}
article header span.date{display:inline-block; margin-right:1em;}
article header h1{ margin:0;}
article div.image{ max-width:800px; max-height:600px; margin:0 auto 0; text-align:center;}
article div.image>div{ margin-bottom:30px;}
article div.longComment{ padding-bottom:30px !important;}
article div.image>div img{-webkit-transition:none; transition:none; margin:0;}
article div.download{ text-align:center; background:#f5f5f5; margin:20px 0 0; padding:20px 0; clear:both;}

span.date{display:inline-block;}
ul.nav.news li span.date{width:104px;}
span.date:before{ font-family:fontAwesome; content:"\f017"; font-size:14px; margin-right:0.5em;}
span.category{background-color:#32526e; color:#fff; text-align:center; display:inline-block; width:90px; font-size:11px; margin-right:1.5em; line-height:17px;}
span.category.column{ background-color:#81B9C3;}


/* -----------------------------------------------------------
画像スライダー
----------------------------------------------------------- */
.imageSlider{ overflow:hidden; max-width:100%; margin-bottom:40px;}
.imageSlider ul.slider{ max-width:1300px; margin:0 auto 0;}
.imageSlider .slick-prev,.imageSlider .slick-next{ top:50%; width:80px; height:100%;
-webkit-transition:0.2s ease-out; transition:0.2s ease-out;}
.imageSlider .slick-prev:hover,.imageSlider .slick-next:hover{ background:rgba(255,255,255,0.2);}