@charset "utf-8";
/*-------------------------------------------------
デスクトップ1024px以上
スマホ　　　320〜740px　を想定
-------------------------------------------------*/
/*-------------------------------------------------
基本
-------------------------------------------------*/
*{ box-sizing:border-box;}
body { font-size:16px; color:#333; line-height: 1.6; word-break: normal; position:relative; -webkit-text-size-adjust: none; min-width:1020px; background:url(../img/bg.png) repeat center top;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/*IE10以上は游ゴシックを除外する*/
@media and (-ms-high-contrast: none) {
body{font-family:"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
}
/*Edgeでデフォルトに戻す*/
@supports (-ms-accelerator:true) {
body{font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
}

/*明朝系WEBフォント*/
@font-face {
font-family: 'min';
src:url('../font/ngtmp.eot') format('eot');/* IE9～ */
src:
/*IE8以下も対応したい場合以下を記述。デメリットとしてIE9以上でページ読み込みがワンテンポ遅くなる。*/
/*url('../font/AozoraMinchoRegular.eot?#iefix') format('embedded-opentype'),*/ /*～IE8*/
url('../font/ngtmp.woff') format('woff'), /* 最新ブラウザ */
url('../font/ngtmp.ttf') format('truetype'); /* その他ブラウザ */
}
.min{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
@media and (-ms-high-contrast:none){
	/*IE10以上は游明朝は除外し、webフォント優先とする*/
.min{font-family:/*"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , */"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
}
/*Edgeでデフォルトに戻す*/
@supports (-ms-accelerator:true) {
.min{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
}

p{ margin:0 0 1em;}
::selection {background: #AAD9FF; color:#003;}
::-moz-selection {background: #AAD9FF; color:#003;}

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

a{color:#0072bb; text-decoration: none; font-weight:bold; -webkit-transition:  0.2s; transition:  0.2s;}
a:hover {color:#0CF; text-decoration: none;}
a img,.bl{-webkit-transition:  0.2s; transition:  0.2s;}
a img:hover,.bl:hover{ opacity:0.8;}.bl:hover img,.bl:hover .button{ opacity:1; text-decoration:none;}
/*スマホ*/
@media(max-width:740px){
body {min-width: 320px; font-size:14px; background-size:36px 50px;}
}

body * { font-size:100%; }

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
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:#fff; background:linear-gradient(to bottom,#0072bb,#005b99)#0072bb; border:1px solid rgba(0,0,0,0.2); box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset , 0 0 5px rgba(0,0,0,0.3); text-decoration:none !important;
-webkit-transition:0.2s; transition:0.2s;}
.button:hover{ text-decoration:none; opacity:0.8;}
/*ボタン　色分け*/
.button.reverse{background:linear-gradient(to bottom,#fff,#eee); border-color:#316cd0; color:#316cd0; box-shadow:0 0 0 1px rgba(255,255,255,1.0) inset , 0 0 5px rgba(0,0,0,0.2);}

/* -----------------------------------------------------------
PC調整
----------------------------------------------------------- */
@media(min-width:741px){
a.tel{ pointer-events:none;}/*PCのとき電話番号リンクを無効*/
.pcHidden{ display:none !important;}/*PCのときに消えるクラス*/
.pcFontSize160per{ font-size:160% !important;}
.pcFontSize150per{ font-size:150% !important;}
.pcFontSize140per{ font-size:140% !important;}
.pcFontSize130per{ font-size:130% !important;}
.pcFontSize120per{ font-size:120% !important;}
.pcFontSize110per{ font-size:110% !important;}
.pcFontSize90per{ font-size:90% !important;}
.pcFontSize80per{ font-size:80% !important;}
.pcFontSize70per{ font-size:70% !important;}
.center-left{ text-align:center;}
.left-center{ text-align:left;}
}
/* -----------------------------------------------------------
スマホ調整
----------------------------------------------------------- */
@media(max-width:740px){
.spHidden{ display:none !important;}/*スマホのときに消えるクラス*/
.spWidth100per{ width:100% !important;}
.spWidth90per{ width:90% !important;}
.spWidth80per{ width:80% !important;}
.spWidth70per{ width:70% !important;}
.spWidth60per{ width:60% !important;}
.spWidth50per{ width:50% !important;}
.spWidth45per{ width:45% !important;}
.spWidth40per{ width:40% !important;}
.spWidth30per{ width:30% !important;}
.spWidth20per{ width:20% !important;}
.spWidth10per{ width:10% !important;}
.spDisplayBlock{ display:block !important;}
.center-left{ text-align:left;}
.left-center{ text-align:center;}
}

/* -----------------------------------------------------------
ページ
----------------------------------------------------------- */
.page{ position:relative;}
/*スマホ*/
@media(max-width:740px){
}

/* -----------------------------------------------------------
ラッパー　コンテナー
----------------------------------------------------------- */
.wrapper{ position:relative;}
.wrapper.bg{ background:url(../img/bg.png) repeat center top;}
.wrapperInner{ padding:40px 30px; /*width:1000px;*/ margin:0 auto 0; /*overflow:hidden;*/ position:relative; z-index:10;}
.wrapperInner.box{ background:#fff; max-width:1200px; padding:25px 30px; margin:25px auto; box-shadow:0 0 4px rgba(60,30,30,0.3); border-radius:6px;}
	@media(max-width:1200px){
		.wrapperInner.box{padding:40px 30px; margin:0px auto; box-shadow:none; border-radius:0;}
	}
.container{ float:left; width:78.1%; position:relative;}
.container.oneColumn{ float:none; width:960px; margin:0 auto 0; padding:0;}
.container.oneColumn.wide{ width:inherit; max-width:1200px; min-width:960px;}
.container.oneColumn.wide>.inner{ width:960px; margin:0 auto 0;}
.container section,.container article{ margin-bottom:4em; position:relative; z-index:1; /*overflow:hidden;*/}
.container section:last-child,.container article:last-child{}
.container a{}
/*スマホ*/
@media(max-width:740px){
.wrapper{}
.wrapperInner{ width:auto; max-width:740px; padding:20px 10px;}
		.wrapperInner.box{padding:20px 10px;}
.container{float:none; width:auto;}
.container.oneColumn{width:auto; padding:0;}
.container.oneColumn.wide{width:auto; min-width:inherit; padding:0;}
.container.oneColumn.wide>.inner{ width:auto;}
}

/* -----------------------------------------------------------
区切り線（アンカー）
----------------------------------------------------------- */
hr.anc{ background:none; border:none; margin-bottom: 0; margin-top: -0px !important; padding-top: 0px !important; overflow: hidden; position:relative; z-index:-1;}
/*スマホ*/
@media(max-width:740px){
hr.anc{margin-top: -0px !important; padding-top: 0px !important;}
}


/* -----------------------------------------------------------
サイトバー
----------------------------------------------------------- */
.sideBar{ float:right; width:19.3%; font-size:12px;}
/*スマホ*/
@media(max-width:740px){
.sideBar{ float:none; width:auto; font-size:14px;}
}

/*-------------------------------------------------
画像クリッピング
-------------------------------------------------*/
.image.clip{/* width:100px; height:100px;*/ overflow:hidden;
background-repeat: no-repeat;
background-image:url("../img/blank_logo.jpg");
background-position: center;
background-size:cover;
-webkit-transition:0.2s; transition:0.2s;
}
.image.clip:hover{ opacity:0.8;}
.image.clip img{opacity:0; width:100%; height:100%; margin:0;}
.image.clip:hover{ opacity:1 !important;}

/* -----------------------------------------------------------
ナビゲーションリスト
----------------------------------------------------------- */
ul.nav{ border-top:1px solid rgba(60,30,0,0.1); margin:0 0 1em; overflow:hidden;}
ul.nav li{ border-bottom:1px solid rgba(60,30,0,0.1); line-height:1.4; padding:10px 10px 10px 10px; overflow:hidden; position:relative; box-sizing:border-box;}
ul.nav li a{ color:#333; font-weight:bold;}
ul.nav li.bl{padding-right:30px;}
ul.nav li.bl:after{font-family:"Font Awesome 5 Free"; font-weight:900; 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(60,30,0,0.3);}
ul.nav li.bl:hover{ background-color:#e6f9ff;}
ul.nav li .image{ float:left; width:20%; text-align:center; margin:0 10px 0 0;}
ul.nav li .image.clip{ width:80px; height:80px;}

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;*/}
span.date{font-size:11px; color:#316cd0; padding:0 0.3em;}
span.date:before{ font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f017"; margin-right:0.5em;}
ul.nav.grid2>*{ margin-bottom:0;}

/*スマホ*/
@media(max-width:740px){
ul.nav{ margin-left:-10px; margin-right:-10px;}
ul.nav li .image.clip{ width:60px; height:60px;}
ul.nav li .text p{ margin:0; font-size:12px;}
}

/* -----------------------------------------------------------
サブナビ
----------------------------------------------------------- */
.snav{ display:block; margin:20px auto 20px; padding:0 20px; max-width:1240px;}
/*.snav+.wrapperInner{ padding-top:0;}*/
.snav:first-child{}
	/*トリガーでナビが非表示になってもPCのとき強制的にナビ表示*/
	@media(min-width:741px){.snav .inner{ display:block !important;}}
.snav div.center.head{ font-weight:bold; border-bottom:1px solid #e09549; color:#7f3f00; padding:0 0 0.8em; margin:0 0 1.4em;}
.eyeCatch+.snav div.center.head{ display:none;}
/*pcのみ*/
@media(min-width:741px){
	.snav ul.nav{ margin-bottom:0px; overflow:hidden; padding:0 0 0; text-align:center; border:none;}
	.snav ul.nav li{display:inline-block; border-bottom:none; vertical-align:middle; font-size:15px; padding:0; background:none;}
	.snav ul.nav li a{ display:block; padding:10px 30px 10px 10px; position:relative; padding:15px 30px; border-radius:3px;}
}
.snav ul.nav li a{ color:#7F3F00;}
.snav ul.nav li a.current{ background-color:#fff !important;}
.snav ul.nav li a:hover{ background-color:#fff;}
/*モバイル*/
@media(max-width:740px){
.snav{ display:block; margin:10px auto 10px; padding:0;}
.snav+.inner{ padding-top:1em;}
.snav ul.nav{ margin:10px 0 0; padding:0 0 20px;}
.snav ul.nav li{ padding:0;}
.snav ul.nav li a{ padding:1em 30px 1em 1em; display:block; background:#fff;}
.snav ul.nav li a.current{ background-color:#FFF4BF !important;}
.snav ul.nav li a:hover{ background-color:#FFF4BF;}
.snav ul.nav li a:after{font-family:"Font Awesome 5 Free"; font-weight:900; 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.3);}
.snav .trigger{ display:none;}/*コンテンツ下部のサブナビはすでに展開させておくのでトリガーは非表示*/
/*サブナビ＿トリガー*/
.snav .trigger{ position:relative; text-align:center; display:block; margin:0 25vw 0px; height:36px; background:#0072bb; color:#fff; border-radius:3px; -webkit-transition:0.2s; transition:0.2s;}
.snav .trigger+.inner{ display:none;}
.snav .trigger:before{content:"サブメニュー"; position:absolute; left:0; bottom:4px; right:0; font-size:7px; line-height:1;}
.snav .trigger:after{ content:"\f0c9"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:20px; line-height:24px;}
.snav .trigger.open{ background:#e09549; color:#fff;}
.snav .trigger.open:before{content:"閉じる";}
.snav .trigger.open:after{ content:"×";}
}
/* -----------------------------------------------------------
複製されたサブナビ
----------------------------------------------------------- */
/*モバイル*/
@media(max-width:740px){
.sideBar .snav { margin:0 -10px 20px;}
.sideBar .snav div.center.head{border-bottom:none; background:#0072bb; color:#fff; padding:0.5em; margin:0 0 0;}
.sideBar .snav .trigger{ display:none;}
.sideBar .snav .trigger+.inner{ display:block;}
.sideBar .snav ul.nav{ margin:0;}
}

/* -----------------------------------------------------------
見出し基本
----------------------------------------------------------- */
h1{ line-height:1.4; font-size:40px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative; letter-spacing:3px;}
h2{ line-height:1.4; font-size:30px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative; letter-spacing:2px;}
h3 { line-height:1.4; font-size:25px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative; letter-spacing:1px;}
h4{ line-height:1.4; font-size:20px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h5{ line-height:1.4; font-size:18px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h5{ line-height:1.4; font-size:16px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}

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

/*見出しスタイル*/
h2.style{ border-top:2px solid #0072bb; padding:0.3em 0.5em; border-bottom:1px solid #ddd; background:linear-gradient(to bottom , #fff 30%,#f5f5f5); box-shadow:0 -1px 0 0px #fff inset;}
h3.style{clear: both; border-left: solid 0.3em #0072bb; padding: 0.3em 0.3em 0.3em 0.5em; background: #0072bb12;}
h3.style.o{background: #ffefe5;border-left-color:#ff7629;}
h4.style { position:relative; padding:0.5em 0 0 1.5em; margin-bottom:0.5em; border-top:1px solid #0072bb;}
h4.style:before{ content:"\f058"; font-family:"Font Awesome 5 Free"; position:absolute; top:0.5em; left:0; font-weight:300; color:#0072bb;}

/* -----------------------------------------------------------
アイキャッチ見出し
----------------------------------------------------------- */
.eyeCatch{ text-align:center; background:linear-gradient(to right bottom,#ffffff 15%,#EDDAA6 85%)#F3E6C0;}
.eyeCatch>*{ padding:0.7em 0 0.7em 6px; letter-spacing:6px; margin:0; line-height:1.4; font-size:30px; font-weight:bold; position:relative; color:#7F3F00; text-shadow: -1px -1px 0 #ffffff, 0 -1px 0 #ffffff, 1px -1px 0 #ffffff, 1px 0 0 #ffffff, 1px 1px 0 #ffffff, 0 1px 0 #ffffff, -1px 1px 0 #ffffff, -1px 0 0 #ffffff, -1px -2px 0 #ffffff, 0 -2px 0 #ffffff, 1px -2px 0 #ffffff, 2px -1px 0 #ffffff, 2px 0 0 #ffffff, 2px 1px 0 #ffffff, -1px 2px 0 #ffffff, 1px 2px 0 #ffffff, 0 2px 0 #ffffff, -2px 1px 0 #ffffff, -2px 0 0 #ffffff, -2px -1px 0 #ffffff,
0.2em 0.2em 0.3em rgba(255,255,255,0.6);
}
.eyeCatch>*.hasParent{ padding-top:0em; padding-bottom:0.4em;}
.eyeCatch span.parent{ display:inline-block; line-height:1.4; background:#e09549; color:#fff; font-size:18px; letter-spacing:0; padding:0 2em; text-shadow:none;}
/*モバイル*/
@media(max-width:740px){
.eyeCatch{}
.eyeCatch>*{ padding:0.5em 0 0.5em 4px; letter-spacing:4px; font-size:22px;
text-shadow: 0px 0px 1px #ffffff,0px 0px 2px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 5px #ffffff,0px 0px 6px #ffffff,0px 0px 7px #ffffff,0px 0px 8px #ffffff,
0.2em 0.2em 0.3em rgba(255,255,255,0.8);}
.eyeCatch>*.hasParent{ padding-top:0em; padding-bottom:0.2em;}
.eyeCatch span.parent{font-size:14px; padding:0 1em;}
}

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

/*スマホ*/
@media(max-width:740px){
h1{ font-size:21px; letter-spacing:0;}
h2{ font-size:19px; letter-spacing:0;}
h3{ font-size:17px; letter-spacing:0;}
h4{ font-size:16px; letter-spacing:0;}
h5{ font-size:15px; letter-spacing:0;}
h6{ font-size:14px; letter-spacing:0;}
}


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

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

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.style{margin:0 0 1em; padding:0; width:100%;}
table.style small{ font-weight:normal; font-size:11px; display:inline-block;}
table.style th{ border:1px solid #C7D8DD; background:#e6f9ff; padding:0.4em 0.6em; font-weight:bold; vertical-align:middle;}
table.style td{ border:1px solid #ddd; padding:0.4em 0.6em; vertical-align:middle;}
table.style td p{ margin:0.5em 0;}
/*スマホ*/
@media(max-width:740px){
table.style{ width:100% !important; margin-bottom:0;}
table.style col{ display:none;}
table.style tr{display:block; padding-bottom:1em; margin-left:-10px; margin-right:-10px;}
table.style tr:last-child{/*border-bottom:1px solid #ddd;*/}
table.style th{display:block; border:none; background:#e6f9ff; padding:0.2em 10px;}
table.style td{display:block; border:none; background:none; padding:0.2em 10px;}
}
/* -----------------------------------------------------------
テーブル.hold（変形させない）
----------------------------------------------------------- */
/*スマホ*/
@media(max-width:740px){
table.style.hold{ font-size:10px; margin:0 0 1.5em;}
table.style.hold col{ display:table-column;}
table.style.hold tr{display:table-row; margin-bottom:0;}
table.style.hold th{display:table-cell; border:1px solid #C7D8DD; padding:0.3em;}
table.style.hold td{display:table-cell; border:1px solid #ddd; padding:0.3em;}
}
/* -----------------------------------------------------------
テーブル.ボーダー
----------------------------------------------------------- */
table.style.border{ border-top:1px solid #ddd;}
table.style.border th{ border:none; border-bottom:1px solid #ddd; background:inherit; padding:0.3em 0.4em; vertical-align:top;}
table.style.border td{ border:none; border-bottom:1px solid #ddd; background:inherit; padding:0.3em 0.4em; vertical-align:top;}
/*スマホ*/
@media(max-width:740px){
table.style.border{ border-top:none;}
table.style.border tr{ padding:0; margin-bottom:0; border-bottom:1px solid #ddd;}
table.style.border tr:first-child{border-top:1px solid #ddd;}
table.style.border th{ padding-top:0.8em; padding-left:10px; padding-right:10px; border-bottom-style:dotted;}
table.style.border td{ padding-bottom:0.8em; padding-left:10px; padding-right:10px; border-bottom:none;}
}
/* -----------------------------------------------------------
テーブル.ボーダー.hold（変形させない）
----------------------------------------------------------- */
/*スマホ*/
@media(max-width:740px){
table.style.border.hold{}
table.style.border.hold col{ display:table-column;}
table.style.border.hold tr{display:table-row; margin-bottom:0;}
table.style.border.hold th{display:table-cell; border-bottom:1px solid #ddd; background:inherit; padding:0.2em 0.4em; vertical-align:top;}
table.style.border.hold td{display:table-cell; border-bottom:1px solid #ddd; background:inherit; padding:0.2em 0.4em; vertical-align:top;}
}
/* -----------------------------------------------------------
はみ出た分を横スクロール
----------------------------------------------------------- */
/*スマホ*/
@media(max-width:740px){
table.style.hold.overflow-x{ width:800px !important;}
.overflow-x-wrapper{ overflow-x:auto; -webkit-overflow-scrolling: touch;}
.you_can_swipe{ text-align:center; font-size:9px; opacity:0.8; margin:0 0 0.3em;}
}

/* -----------------------------------------------------------
フロート操作
----------------------------------------------------------- */
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;}
/*スマホ*/
@media(max-width:740px){
.fl-center,.fr-center,.flm-center,.frm-center{float:none; width:auto !important; max-width:100%; display:block; margin:0 auto 1em;}
}

/* -----------------------------------------------------------
アコーディオン　デフォルト
----------------------------------------------------------- */
.ac{ margin:0 0 1em;}
.ac .trigger{ cursor:pointer; border-bottom:1px solid #fff; background-color:rgba(0,0,0,0.025); padding:10px 30px 10px 10px; display:block; vertical-align:middle;
-webkit-transition: 0.3s; transition: 0.3s; position:relative;}
.ac .trigger *{ margin:0;}
.ac .trigger h2,.ac .trigger h3,.ac .trigger h4,.ac .trigger h5{ border:none; padding:0; margin:0; background:none; font-size:16px; letter-spacing:0;}
.ac .trigger:hover{background-color:rgba(0,0,0,0.05);}
.ac .trigger.open{ background-color:rgba(0,0,0,0.05); margin-top:1.5em;}
.ac .trigger:first-child.open{margin-top:0px;}
.ac .trigger:after{font-family:"Font Awesome 5 Free"; font-weight:900; 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:1.5em; background:rgba(255,255,255,0.5); padding:1em; position:relative;}
/*スマホ*/
@media(max-width:740px){
.ac .trigger h2,.ac .trigger h3,.ac .trigger h4,.ac .trigger h5{font-size:14px;}
.ac .trigger:after{width:14px; height:14px; line-height:14px; font-size:14px;}
}

/* -----------------------------------------------------------
アコーディオン　Q and A
----------------------------------------------------------- */
.ac.qanda .trigger h4{ font-weight:normal; 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:21px; left:10px;margin-top:-14px; border-radius:99px; color:#fff; background-color:#D0C8BA;}
.ac.qanda .trigger.open{ background-color:#e6f9ff;}
.ac.qanda .trigger.open:before{background-color:#0072bb;}
.ac.qanda .trigger+*:before{content: "A"; background-color:#BBEDFF; color:#005395; top:29px;}
/*スマホ*/
@media(max-width:740px){
.ac.qanda .trigger,.ac.qanda .trigger+*{ padding-left:36px;}
.ac.qanda .trigger:before,.ac.qanda .trigger+*:before{width:16px; height:16px; line-height:16px; font-size:8px; top:26px;}
.ac.qanda .trigger+*:before{ top:31px;}
}

/* -----------------------------------------------------------
フォトスワイプ用_非表示コンテンツ
----------------------------------------------------------- */
.photoSwipe.text{ position:relative;}
.photoSwipe.text img.photoSwipeDummy{ position:absolute; top:50%; left:50%; opacity:0; margin:0; padding:0; border:none; background:none;}
.photoSwipeHidden{position:fixed; z-index:-9999; top:50%; left:50%; opacity:0; visibility:hidden;}

/* -----------------------------------------------------------
その他
----------------------------------------------------------- */
.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;}
.oh{ overflow:hidden;}
.ib{ display:inline-block;}
.indent{ padding-left:1em; text-indent:-1em; line-height:1.4;}
p.indent{ margin:0.5em 0;}
.normal{ font-weight:normal;}
.bold{ font-weight:bold;}

/*WUPロングコメント*/
.longComment{ margin-bottom:1em !important;}
.longComment p{ margin:0 !important;}

/* -----------------------------------------------------------
ナビゲーションリスト（お知らせ用）
----------------------------------------------------------- */
ul.nav.newsIndex li .image.clip{ width:60px; height:60px;}
/*スマホ*/
@media(max-width:740px){
ul.nav.newsIndex li .image.clip{ width:40px; height:40px;}
}

/* -----------------------------------------------------------
箱
----------------------------------------------------------- */
div.style {    border: 4px solid #FFEE9F;    background: #FFF9DF;    padding:1em 1em 0.1em;    margin: 1em 0;    border-radius: 5px;    overflow: hidden;}
div.style.b{border-color: #C1E8F8; background-color: #F4FBF8;}

/* -----------------------------------------------------------
キャッチ
----------------------------------------------------------- */
.catch {    border: 1px solid #AEDAEB;    color: #2F89D2;    font-size: 20px;    font-weight: bold;    box-shadow: 0 -15px 50px -50px #0072BB inset;    padding: 10px;    background: #FAFDFF;    border-radius: 3px;}
/*スマホ*/
@media(max-width:740px){
.catch{font-size: 16px;}
}

/* -----------------------------------------------------------
以下追記
----------------------------------------------------------- */
em {font-weight: bold; font-style:normal; color: #990033;}
span.b {color: #276398;font-weight: bold;}
b{color: #0072BB;}
.r{color: #CC0000;font-weight: bold;}
.gr{color: #759F4F;}
.or{color:#BF7023;}
table.style.o th {
    background-color: #FFF4E9;
    border-color: #DDD3CA;
}
/*スマホ*/
@media(max-width:740px){
p.spCenter{text-align:center;}
.sample3-4::before{
width: 7px;
height: 6px;
background: #7a0;
}
.sample3-4::after{
left: 7px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #7a0;
}
}

.noData { font-size: 100%; color: #df0000; padding: 1em; }

/*-------------------------------------------------
メールフォーム
-------------------------------------------------*/
.mailFormErrorElement {	background: #ffe5e5;}
.mailFormErrorMessage {	color: #ef0000;}
span.hissu {    display: inline-block;    vertical-align: middle;    font-family: sans-serif;    font-size: 75%;    background: #e53b4e;    color: #fff;    padding: 0 0.5em;    margin: 0 0.5em;    font-weight: bold;    position: relative;    top: -0.1em;}