@charset "UTF-8";
@import url("reset.css");
@import url("color.css");

/* for PC,ipad */
@import url("common_pc.css") screen and (min-width:1000px);

/* for iphone,ipod,Andoroid */
@import url("common_mobi.css") screen and (min-width:0) and (max-width:999px);


/* //////////////////////////////////////////////////////////
*****************************************
Common Style - Common device
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

*****************************************
////////////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Web Font Import
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* free font import  (for ver 5.1 only)*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap');

.titillium {font-family: 'Titillium Web', sans-serif;}
.lato {font-family: 'Lato', sans-serif;font-weight:400;}
.min {font-family:'Shippori Mincho B1','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.wf-mplus1p { font-family: "M PLUS 1p", sans-serif; }
.awico *:after,.awico *:before{font-family:'Font Awesome 5 Free';}

.tsukub_{font-family: fot-tsukubrdgothic-std,sans-serif !important;}
.yuji{font-family: 'Yuji Syuku', serif !important;}

h1.yuji,h2.yuji,h3.yuji,h4.yuji,h5.yuji,h6.yuji{font-weight:400 !important;}

.texts,textarea {font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic',Verdana, Arial,  sans-serif;}
.fontAr,.formTable .fm-mail,.formTable .fm-fax,.formTable .fm-postcode {font-family:Arial,Osaka,メイリオ, Meiryo, sans-serif;}
.fontAr{font-size:1.2em;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Neoworkers Common Style
Version: 7.2
-------------------------------------------------------------
////////////////////////////////////////////////////////// */



/* body style */

body * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body .texts{color:#222222;}

/* ---------------------------------- ----------
   基本色指定(それ以外はcolor.cssで指定)
----------------------------------------------- */
.bgWh{background:#fff !important;}
.fcWh,.fcWh a{color:#fff !important;}
.bgNone{background:transparent !important;}/* ver 6.1 */
.bgTrans {
	display:block;
	background-color: transparent;}
.bdWhite,.bdWh{border-color:#fff !important;}

/* ------------------------ 
   Common Block Styles
--------------------------- */

/* common block width */
.fullWidth {width:100%;}

/* valign (ver5.2-)*/
.valign-top{vertical-align:top;}
.valign-md{vertical-align:middle;}
.valign-btm{vertical-align:bottom;}

/* box-sizing */ 
.bsCbox {box-sizing: content-box;}
.bsBbox {box-sizing: border-box;}
.bsPbox {box-sizing: inherit;}

/* float */
.clrFixA {clear:both;}
.fLeftA {float:left;}
.fRightA {float:right;}

/* Text align */
.txLeft{text-align:left;}
.txCn{text-align:center;}
.txRight{text-align:right;}

.txLeftImp{text-align:left !important;}
.txCnImp{text-align:center !important;}
.txRightImp{text-align:right !important;}


/* shadow */

.shadowBtm{
	box-shadow:0px 5px 10px -5px #6867b3;
	-moz-box-shadow:0px 5px 10px -5px #6867b3;
	-webkit-box-shadow:0px 5px 10px -5px #6867b3;
}

.shadowrBtm{
	box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
	-moz-box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
	-webkit-box-shadow:5px 5px 10px -5px rgba(0,0,0,0.6);
}

.txtShdow{text-shadow: 1px 1px 3px #555555;}

/* box均等割 (ver 5.7-)*/
.twoColumn > *{width:50%;}
.threeColumn > *{width:33.3%;}
.fourColumn > *{width:25%;}
.fiveColumn > *{width:20%;}
.sixColumn > *{width:16.6%;}

/* position */
.abs{position:absolute;}
.rel{position:relative;}
.stic{position:sticky;}/* ver7- */
.imp-sta{position:static !important;}/* ver7- 強制的にstaticへ */

/* display ver6.2updata*/
.dis-bl{display:block;}
.dis-in{display:inline;}
.dis-inbl{display:inline-block;}
.dis-td{display:table-cell;}

/* display ver5.8～*/	
.dis-tbSet{display:table;}
.dis-tbSet > div,
.dis-tbSet > a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/* 横並びbox inline block + Listタグ 利用 */

.inline_parent{letter-spacing:-.4em}
.inlinebl,.inline_parent > *{
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;}

/* ------------------------------ 
   Common Definition List Styles
--------------------------------- */

/* dl内 dt,dd 横並び (ver 5.7)*/
dl.dl-in > dt{margin-right:0.5em;}
dl.dl-in > dt,dl.dl-in > dd{display:inline-block;}

/* dl内 dt,dd 横並び inline指定 ver7 -*/
dl.dl-inline > dt,dl.dl-inline > dd{display:inline;}

/* コロン付dl (ver5.7) */
.dtcln dt:after{
	content:":";
}

.note-dl dt,.note-dl dd{
	display:inline-block;
	vertical-align:top;
}

dl.dtUn3w dt{width:3.5em;}
dl.dtUn3w dd{width:calc(100% - 3.5em);}
dl.dtUn4w dt{width:4.5em;}
dl.dtUn4w dd{width:calc(100% - 4.5em);}
dl.dtUn5w dt{width:5.5em;}
dl.dtUn5w dd{width:calc(100% - 5.5em);}
dl.dtUn6w dt{width:6.5em;}
dl.dtUn6w dd{width:calc(100% - 6.5em);}
dl.dtUn7w dt{width:7.5em;}
dl.dtUn7w dd{width:calc(100% - 7.5em);}
dl.dtUn8w dt{width:8.5em;}
dl.dtUn8w dd{width:calc(100% - 8.5em);}
dl.dtUn9w dt{width:9.5em;}
dl.dtUn9w dd{width:calc(100% - 9.5em);}
dl.dtUn10w dt{width:10.5em;}
dl.dtUn10w dd{width:calc(100% - 10.5em);}


/* ----------------------------------- 
   Common Table Styles ver5.2-
-------------------------------------- */

table,th,td{border-collapse:collapse;}

/* box上下左右中央寄せ */
.tb-mdcn{text-align:center;vertical-align:middle;}

/* box上寄せ左右中央寄せ */
.tb-tcn{text-align:center;vertical-align:top;}

/* box上寄せ左寄せ */
.tb-tleft{text-align:left;vertical-align:top;}

/* box下寄せ左右中央寄せ */
.tb-bcn{text-align:center;vertical-align:bottom;}

/* ------------------------ 
   Common Image Styles
--------------------------- */

img{max-width:100%;}
.bdImg{border:1px solid #ccc;}

/* 画像テキスト */
.txtImg{
	overflow:hidden;
	text-indent:-9999px;
}

/* 画像 円トリミング (ver5.7) ※画像正方形必須*/
img.circleImg{
	border-radius:50%;
}

/* img shadow */
.imgShadow{filter: drop-shadow(2px 2px 2px #666);}

/* ver 6.4- */
.obj-cv{object-fit:cover;}
.obj-cn{object-fit:contain;}
.obj-sd{object-fit:scale-down;}

/* 画像マスク (ver 5.8-) ※画像前面に.mask のboxが絶対配置されていること。そのboxに対しての指定 */
/* 黒系マスク グラデーション用 */
.mask.mask90bl,.blmask.masktr10{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.9) 100%);}
.mask.mask80bl,.blmask.masktr20{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.8) 100%);}
.mask.mask70bl,.blmask.masktr30{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.7) 100%);}
.mask.mask60bl,.blmask.masktr40{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.6) 100%);}
.mask.mask50bl,.blmask.masktr50{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.5) 100%);}
.mask.mask40bl,.blmask.masktr60{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.4) 100%);}
.mask.mask30bl,.blmask.masktr70{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.3) 100%);}
.mask.mask20bl,.blmask.masktr80{background: rgba(0,0,0,0.2);}
.mask.mask10bl,.blmask.masktr90{background: rgba(0,0,0,0.1);}

/* 白系マスク */
.mask.mask10wh,.whmask.masktr10{background: rgba(255,255,255,0.1);}
.mask.mask20wh,.whmask.masktr20{background: rgba(255,255,255,0.2);}
.mask.mask30wh,.whmask.masktr30{background: rgba(255,255,255,0.3);}
.mask.mask40wh,.whmask.masktr40{background: rgba(255,255,255,0.4);}
.mask.mask50wh,.whmask.masktr50{background: rgba(255,255,255,0.5);}
.mask.mask60wh,.whmask.masktr60{background: rgba(255,255,255,0.6);}
.mask.mask70wh,.whmask.masktr70{background: rgba(255,255,255,0.7);}
.mask.mask80wh,.whmask.masktr80{background: rgba(255,255,255,0.8);}
.mask.mask90wh,.whmask.masktr90{background: rgba(255,255,255,0.9);}

/* ぼかし ver5.4- */
.blur{
	-ms-filter: blur(6px);
	filter: blur(6px);
}

/* object-fit トリミング起点位置 ※object-fitと同じclassに入れること */
.obj-imgcencen{object-position:center center !important;}
.obj-imgcenleft{object-position:left center !important;}
.obj-imgcenright{object-position:right center !important;}
.obj-imgtopcen{object-position:center top !important;}
.obj-imgtopleft{object-position:left top !important;}
.obj-imgtopright{object-position:right top !important;}
.obj-imgbtmcen{object-position:center bottom !important;}
.obj-imgbtmleft{object-position:left bottom !important;}
.obj-imgbtmright{object-position:right bottom !important;}

/* ------------------------ 
   Common Font Styles
--------------------------- */

.ftlNm,em{font-style:normal;}

/* webfont fout対策 ver 6.4- */
html.wf-active,html.loading-delay {visibility: visible;}

/* Font-Weight */
.fwNm{font-weight:normal !important;}
.fwbd{font-weight:bold !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}

/* text size (ver6.1～) */
.txtLevel1{font-size:0.6em}
.txtLevel2{font-size:0.65em}
.txtLevel3{font-size:0.7em}
.txtLevel4{font-size:0.75em}
.txtLevel5{font-size:0.8em}
.txtLevel6{font-size:0.85em}
.txtLevel7{font-size:0.9em}
.txtLevel8{font-size:0.95em}
.txtLevel9{font-size:1.05em}
.txtLevel10{font-size:1.05em}
.txtLevel11{font-size:1.1em}
.txtLevel12{font-size:1.15em}
.txtLevel13{font-size:1.2em}
.txtLevel14{font-size:1.25em}
.txtLevel15{font-size:1.3em}
.txtLevel16{font-size:1.35em}
.txtLevel17{font-size:1.4em}
.txtLevel18{font-size:1.45em}
.txtLevel19{font-size:1.5em}

/* line-height (deviceCommon) */
.lHBase{line-height:baseline;} /* ver5.8 */
.lH10 {line-height:1.0;}
.lH11 {line-height:1.1;}
.lH12 {line-height:1.2;}
.lH13 {line-height:1.3;}
.lH14 {line-height:1.4;}
.lH15 {line-height:1.5;}
.lH16 {line-height:1.6;}
.lH17 {line-height:1.7;}
.lH18 {line-height:1.8;}
.lH19 {line-height:1.9;}
.lH20 {line-height:2.0;}

/* letter spacing * ver6.4- */
.lrSp01{letter-spacing:1px;}
.lrSp02{letter-spacing:2px;}
.lrSp03{letter-spacing:3px;}
.lrSp04{letter-spacing:4px;}
.lrSp05{letter-spacing:5px;}

/* ------------------------ 
   Common Sentence  Styles
--------------------------- */

.ind{text-indent: 1em;}
.nowap,.ws-nowrap{white-space: nowrap;}/* ver5.3- */
.ws-pre{white-space:pre-wrap;}
.ws-line{white-space:pre-line;}

/* 1文字目がテキストでインデントする flex ver (ver5.5-) */
.indflex{display:flex;}
.indflex .mk{width:2em;}
.indflex .con{width:calc(100% - 2em);}

/* ※印用 */
.indent_kome{
	padding-left:1em;
	text-indent:-1em;
}

/* ●文字 をテキストと合わせる */
.discMk{font-family:メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;font-size:1.4em;line-height:1.0;}

/* 縦書き 右→ */
.writ-rl{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

/* 縦書き 左→ ver5.5 */
.writ-lr{
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
}

/* 注釈 */
.notes {font-size:0.8em;color:#666;}

/* sup style解除 ver5.7 */
sup.lift{
	margin:0;
	padding:0;
	vertical-align:baseline;
}

/* ------------------------ 
   Common Link Styles
--------------------------- */

a.linkSkyblue {color:#2a78bf;}
a.linkWh {color:#fff;}
a.linkHvWh:hover {color:#fff;}
.hvBtn img:hover{opacity:0.9;}
.hvlink:hover {opacity:0.8;}

.hvBtn:hover,
.nmBtn a:hover{background-color:#999;}

/* リンクボーダー指定 */
.bdNone a,a.bdNone{text-decoration:none;}
.bdYes a,a.bdYes{text-decoration:underline;}
.bdHvYes a:hover,.a.bdHvYes:hover{text-decoration:underline;}

/* トランジション ver 5.8- (a link追加)*/
.tran,a {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

/* 透過ボタン */
.opImgBtn img:hover,.opImgBtn a:hover img{opacity:0.8;}
.opBtn a:hover{opacity:0.8;}

/* ------------------------ 
   Common cursor Styles
--------------------------- */

.hvImg {cursor:pointer;}

/* カーソル指定 ver6.2- */
.hvImg,.csPoint{cursor:pointer;}
.csHelp{cursor:help;}
.csWait{cursor:wait;}
.csCross{cursor:crosshair;}
.csNot{cursor:not-allowed;}
.csZoom{cursor:zoom-in;}
.csZoomOut{cursor:zoom-out;}
.csGrab,.csHand{cursor:grab;}
.csGrabbing,.csHandgoo{cursor:grabbing;}
.csNone{cursor:none;}
.csCell,.csPlus{cursor:cell;}
.csText{cursor:text;}
.csVText{cursor:vertical-text;}
.csAlias{cursor:alias;}
.csCopy{cursor:copy;}
.csMove,.csDruck{cursor:move;}
.csNodrop{cursor:no-drop;}
.csResize{cursor:col-resize;}
.csLowResize{cursor:row-resize;}

/* ------------------------ 
   Common Flex Styles
--------------------------- */

/* flexBox */
.flex,.flexWpGroup > div,.is-layout-flex{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}/* ver6.1 update */


/* flex ver5.6- */
.flexWc{justify-content: center;}
.flexHc{align-items: center;}
.flexAllc{
	justify-content: center;
	align-items: center;
}

/* flex 並び順 ver5.8- */
.flexRr{flex-direction : row-reverse;} /* 右→左 */
.flexRc{flex-direction : column-reverse;} /* 下→上 */

/* flex要素 折り返し禁止 ver6.4- */
.flexNoWrap{
	flex-wrap: nowrap;
	flex-shrink: 0;
}

/* 子要素box高さ揃える ver6.0- */
.flexHmatch{align-self: stretch;}
.flexHmatch > *{align-items: stretch;}

/* flexコンテナー寄せ ver5.8- */
.flexWr{justify-content: flex-start;}
.flexWl{justify-content: flex-end;}
.flexWbt{justify-content: space-between;}
.flexWAr{justify-content: space-around;}
.flexWBs{justify-content: baseline;} /* ver6.2 - */
.flexHr{align-items:right;}
.flexHl{align-items:left;}
.flexStretch{align-items:  stretch;}
.flexHbtm{align-items:flex-end;}

/* 配置方法 ver7.2- */
.flexRow{flex-flow: row;} /*通常配置*/
.flexRowR{flex-flow: row-reverse;} /*通常逆配置*/
.flexClm{flex-flow: column;} /*縦配置*/
.flexClmR{flex-flow: column wrap-reverse;} /*縦逆配置*/

/* ------------------------ 
   Common border Styles
--------------------------- */

/* border width(ver6.2-) */
.bdwAll1{border-width:1px;}
.bdwAll2{border-width:2px;}
.bdwAll3{border-width:3px;}
.bdwAll4{border-width:4px;}
.bdwAll5{border-width:5px;}

.bdwLeft1{border-width:0 0 0 1px;}
.bdwLeft2{border-width:0 0 0 2px;}
.bdwLeft3{border-width:0 0 0 3px;}
.bdwLeft4{border-width:0 0 0 4px;}
.bdwLeft5{border-width:0 0 0 5px;}

.bdwRight1{border-width:0 1px 0 0;}
.bdwRight2{border-width:0 2px 0 0;}
.bdwRight3{border-width:0 3px 0 0;}
.bdwRight4{border-width:0 4px 0 0;}
.bdwRight5{border-width:0 5px 0 0;}

.bdwTop1{border-width:1px 0 0 0;}
.bdwTop2{border-width:2px 0 0 0;}
.bdwTop3{border-width:3px 0 0 0;}
.bdwTop4{border-width:4px 0 0 0;}
.bdwTop5{border-width:5px 0 0 0;}

.bdwBtm1{border-width:0 0 1px 0;}
.bdwBtm2{border-width:0 0 2px 0;}
.bdwBtm3{border-width:0 0 3px 0;}
.bdwBtm4{border-width:0 0 4px 0;}
.bdwBtm5{border-width:0 0 5px 0;}

/* border style(ver6.2-) */
.bdStSolid{border-style:solid;}
.bdStDot{border-style:dotted;}
.bdStDash{border-style:dashed;}

/* HR */
/* ※色はBorder-colorで指定 */
.hr-solid {border-width:1px 0 0;border-style:solid;}
.hr-double {border-width:3px 0 0;border-style:double;}
.hr-dashed {border-width:1px 0 0;border-style:dashed;}
.hr-dashed2 {border-width:2px 0 0;border-style:dashed;}
.hr-dotted {border-width:1px 0 0;border-style:dotted;}

/* ------------------------------ 
   Common background Styles
---------------------------------  */

/* Background Common */
.grainBg{background-image: url("../img/bgparts/grain_bg.jpg");}
.wallBg{background-image: url("../img/bgparts/wall_bg.jpg");}
.titGrLine{
	min-height:18px;
	background: url("../img/common/title_gr_line.gif") repeat-x center center;
}

.titBgDot {
	width:100%;
	background: url("../img/common/grey_dot.png") repeat-x center center;
}

.titBgDot span{
	display:inline-block;
	background: url("../img/bgparts/wall_bg.jpg");
	padding:0 20px;
}


/* NEXT > */
.nextIcoYe {
	background-image: url("../img/common/next_ye.gif");
	background-repeat:no-repeat;}

/* ------------------------ 
   Common List Styles
--------------------------- */

/* List Style (v5.3 updata )*/
ul.liDisc,ul.liCircle,ul.liSq{margin-left:1em;}
ol.up-roman{margin-left:2em;}
ol.up-alpha{margin-left:1em;}
ul.liDisc > li {list-style-type:disc;margin-left:1em;}
ul.liCircle > li {list-style-type:circle;margin-left:1em;}
ul.liSq > li {list-style-type:square;margin-left:1em;}
ol.liDeci > li{list-style-type:decimal;margin-left:2em;}
ol.up-roman > li {list-style-type:upper-roman;margin-left:1em;}
ol.up-alpha > li {list-style-type:upper-alpha;margin-left:1em;}
ul.liBtmSpace > li{margin-bottom:1em;}/* ver6.4 - */

/* 1文字目がテキストでインデントするli */
.indent_ul{padding-left:1em;}
.indent_ul > li{
	padding-left:1em;
	text-indent:-0.7em;
}

/* 番号付きリスト */
ol > li ol{margin-top:1em;}
ol.decimalList {margin-left:20px;}
ol.decimalList > li{list-style-type: decimal;}

/* 番号付きリスト var6.5- 子供にリストカウンターがある場合 */
/* このclassを使う場合、liの内容を.liInnerで囲むこと */
ol.liDeciParent > li{display:flex;}
ol.liDeciParent > li:before{
	width:1.5em;
	counter-increment: item;
	content: counter(item)'.';
}
ol.liDeciParent > li > .liInner{width:calc(100% - 1.5em);}
ol.liDeciParent > li{margin-bottom:1em;}

/* 番号付きリスト(枠付き用) */
ol.decimalListM li{margin-left:20px;}
ol.decimalListM li{list-style-type: decimal;}

/* list counter (ver 6.5update )*/
ol.listConter,ol.deciListColon,ol.parenHf,ol.liDeciParent,ol.parentheses {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
ol.listConter ol{
	padding-left: 1em;
}

ol.listConter > li,.listMkIco > li,ol.deciListColon > li,ol.parenHf > li{
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom:1em;
}

ol.listConter > li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
}

/* カッコ(番号) ver6.5 -*/
/* このclassを使う場合、liの内容を.innerで囲むこと */
/* 99番以上では利用NG */

ol.parentheses > li{display:flex;}
ol.parentheses > li:before{
	width:2em;
	counter-increment: item;
	content: '('counter(item)')';
}
ol.parentheses > li > .liInner{width:calc(100% - 2em);}
ol.parentheses > li{margin-bottom:1em;}



/* カッコ 番号) ver6.5 - */
ol.parenHf > li:before{
	counter-increment: item;
	content: counter(item)' ) ';
}

/* コロン付 番号: ver6.5 - */
ol.deciListColon > li:before{
	counter-increment: item;
	content: counter(item)' : ';
}

/* ※付list ver5.7 */
ul.asterisk{padding-left:1.5em;}
ul.asterisk li {
	list-style-type: none;
	text-indent: -1em;
}
ul.asterisk li:before {
	display: inline;
	content: "※";
}

ol.asterisk {
	counter-reset: number;
	list-style: none;
}
ol.asterisk li:before {
	counter-increment: number;
	content: "※"counter(number)" ";
}



/* -------------------------------- 
   Font fontawesome use Styles
----------------------------------- */

/* List Mark to Font fontawesome */
.listMkIco{margin-left:20px;}
.listMkIco > li {padding-bottom:20px;}
.listMkIco > li:last-child{padding-bottom:0;}
.listMkIco > li > i.fas,
.listMkIco > li > i.far{
	margin-left:10px;
	font-size:1.5em;}


/* -------------------------------- 
   Common Form Styles
----------------------------------- */

/* ime-mode */
.imeAc{ime-mode:active;}
.imeIna{ime-mode:inactive;}
.imeDisd{ime-mode:disabled;}

/* lebel */
label > span.note{
	margin-left:0.5em;
	display:inline-block;}

/* Safari フォームパーツ対応 */
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    -webkit-appearance: none;
    border-radius: 0;
    line-height: normal;
    letter-spacing:normal;
}


/* -------------------------------- 
   Common margin or padding Styles
----------------------------------- */

/* margin top (deviceCommon)*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}
.mT65{margin-top:65px;}
.mT70{margin-top:70px;}
.mT75{margin-top:75px;}
.mT80{margin-top:80px;}
.mT85{margin-top:85px;}
.mT90{margin-top:90px;}
.mT95{margin-top:95px;}
.mT100{margin-top:100px;}

/* margin top em(deviceCommon) ver6.5-*/
.mT0_50em{margin-top:0.50em;}
.mT0_75em{margin-top:0.75em;}
.mT1em{margin-top:1em;}
.mT1_25em{margin-top:1.25em;}
.mT1_50em{margin-top:1.50em;}
.mT1_75em{margin-top:1.75em;}
.mT2em{margin-top:2em;}

/* margin bottom (deviceCommon) */
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}
.mB65{margin-bottom:65px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB85{margin-bottom:85px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}

/* margin bottom em(deviceCommon) ver6.5-*/
.mB0_25em{margin-bottom:0.25em;}
.mB0_50em{margin-bottom:0.50em;}
.mB0_75em{margin-bottom:0.75em;}
.mB1em{margin-bottom:1em;}
.mB1_25em{margin-bottom:1.25em;}
.mB1_50em{margin-bottom:1.50em;}
.mB1_75em{margin-bottom:1.75em;}
.mB2em{margin-bottom:2em;}

/* padding top (deviceCommon) */
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT55{padding-top:55px;}
.pT60{padding-top:60px;}
.pT65{padding-top:65px;}
.pT70{padding-top:70px;}
.pT75{padding-top:75px;}
.pT80{padding-top:80px;}
.pT85{padding-top:85px;}
.pT90{padding-top:90px;}
.pT95{padding-top:95px;}
.pT100{padding-top:100px;}

/* padding top em(deviceCommon) ver6.5-*/
.pT0_25em{padding-top:0.25em;}
.pT0_50em{padding-top:0.50em;}
.pT0_75em{padding-top:0.75em;}
.pT1em{padding-top:1em;}
.pT1_25em{padding-top:1.25em;}
.pT1_50em{padding-top:1.50em;}
.pT1_75em{padding-top:1.75em;}
.pT2em{padding-top:2em;}

/* padding-bottom (deviceCommon) */
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}
.pB65{padding-bottom:65px;}
.pB70{padding-bottom:70px;}
.pB75{padding-bottom:75px;}
.pB80{padding-bottom:80px;}
.pB85{padding-bottom:85px;}
.pB90{padding-bottom:90px;}
.pB95{padding-bottom:95px;}
.pB100{padding-bottom:100px;}

/* padding bottom em(deviceCommon) ver6.5-*/
.pB0_25em{padding-bottom:0.25em;}
.pB0_50em{padding-bottom:0.50em;}
.pB0_75em{padding-bottom:0.75em;}
.pB1em{padding-bottom:1em;}
.pB1_25em{padding-bottom:1.25em;}
.pB1_50em{padding-bottom:1.50em;}
.pB1_75em{padding-bottom:1.75em;}
.pB2em{padding-bottom:2em;}

/* padding em(deviceCommon) ver6.5-*/
.pAll0_25em{padding:0.25em;}
.pAll0_50em{padding:0.50em;}
.pAll0_75em{padding:0.75em;}
.pAll1em{padding:1em;}
.pAll1_25em{padding:1.25em;}
.pAll1_50em{padding:1.50em;}
.pAll1_75em{padding:1.75em;}
.pAll2em{padding:2em;}

/* padding side em(deviceCommon) ver6.5-*/
.pSide0_25em{padding-left:0.25em;padding-right:0.25em;}
.pSide0_50em{padding-left:0.5em;padding-right:0.5em;}
.pSide0_75em{padding-left:0.75em;padding-right:0.75em;}
.pSide1em{padding-left:1em;padding-right:0.1em;}
.pSide1_25em{padding-left:0.25em;padding-right:0.25em;}
.pSide1_50em{padding-left:0.5em;padding-right:0.5em;}
.pSide1_75em{padding-left:0.75em;padding-right:0.75em;}
.pSide2em{padding-left:2em;padding-right:2em;}



/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

body{
	font-weight:400;
	color:#2B2E39;
	background:#fff;}

/* font style */
.robot {font-family: 'Roboto', sans-serif;}

/* font color */
.fcSiteBlue,a.fcSiteBlue,.a.fcSiteBlue:hover{color:#0068B7;}
.fcSiteSkyBlue{color:#8699b4;}

.fcSiteGrey,a.fcSiteGrey{color:#9D9D9D;}
.fcSiteBlack{color:#393939;}
.fcSiteLightBlue{color:#8edbf5;}
.fcSiteThinGrey{color:#9d9d9d;}
.fcSiteThinGrey2{color:#8e8e8e;}

/* link */
a.linkTxPu{color:#8699B4;}
a.linkTxPu:hover{text-decoration:underline;}

/* /// background color /// */
.bgSiteBlue {background:#0068B7;}
.bgSiteSky{background:#3F91F0;}
.bgSiteSky-01{background:#3F91F0;}
.bgSiteSky-02{background:#ff8423;}
.bgSiteSky-03{background:#33c145;}
.bgSiteSky-04{background:#29d0ed;}
.bgSiteSky-05{background:#a85fb7;}
.bgSiteSky-06{background:#558fe9;}
.bgSiteThinSky{background:#EDF6F7;}
.bgSiteThinSky2{background:rgba(176,226,234,1);}
.bgSiteGrey{background:#5D5D5D;}
.bgSiteGrey2{background:rgba(57,57,57,1);}
.bgSiteThinGrey{background:#f5f5f5;}
.bgSiteThinGrey2{background:#dddddd;}
.bgSiteLightBlue{background:#8edbf5;}
.bgSiteLightBlue2{background:#65cde9;}
.bgSiteLightGrey{background:rgba(0,102,204,0.08);}
.bgSiteOrange{background:#ef8b3f;}
.bgSiteGreen{background:#62be56;}
.bgSitePurple{background:#9e63b2;}

/* border color */
.bdSiteGold{border-color:#cdb879;}

/* common title */
.siteTxtShdow{
	text-shadow: 5px 3px 10px #222222;
}

.titUnderLine{
	border-bottom:2px solid #ccc;
	padding-bottom:3px;
}

/* pagetop btn */
.ptopBtn {
	position:fixed;
	z-index:5200;
	border:2px solid #fff;
	background:rgba(0,184,238,1);}

.ptopBtn.scend{position:absolute;}

.ptopBtn a{
	text-align:center;
	display:block;}

/* hr style */
.hrWh{border:0;border-top:1px solid #fff;}

.hrLeftBlueLine{
	position:relative;
	border:0;
	border-top:3px solid #E2E8EB;
	color:#393939;
}
.hrLeftBlueLine:before{
	content:"";
	width:62px;
	height:3px;
	background:#0068B7;
	top:-3px;
	left:0;
	position:absolute;
}

/* font famiry*/
.font-yudemi{
  font-family: 'YuMincho',    /* for Mac (as Medium)*/
               'MyYuminchoC', serif; /* for Chrome and firefox on Windows */
}
@supports (-ms-ime-align: auto){ /* for Edge(Legacy) */
.font-yudemi{
  font-family: 'Yu Mincho Demibold', serif;
	}
}

.fontBlw,footer h4,footer a,footer p,.sqLinkList li a{font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',メイリオ, Meiryo,'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}

/* arrow right */
.arRightBlue {
	background:url("/image/common/arrow_blue_left@3x.png") no-repeat right center;
	background-size:auto 75%;
}

.arRightGrey {
	background:url("/image/common/arrow_grey_left@3x.png") no-repeat right center;
	background-size:auto 75%;
}

.arRightGreySmall {
	background:url("/image/common/arrow_grey_left@3x.png") no-repeat right center;
	background-size:auto 50%;
}

/* ----------------- */
/* font size common */
/* ----------------- */
/* english title */
.engTitle .eng{font-weight:500;}
.engTitle .jp{font-weight:500;}


/* ------------------------
       Common Parts
--------------------------- */
/* page top button */
.pageTopBtn{
	position:fixed;
	z-index:2040;
}

.pageTopBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	background:rgba(0,0,0,0.8);
}

/* Bannner Area */
.bannerArea{
	background:rgba(255,255,255,0.25);
	top:0;
	left:0;
	z-index:980;
}
.bannerArea ul li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;}

.bannerArea ul li a > div{
	top:0;
	left:0;
	z-index:990;
}

.bannerArea ul li figure > img{
	object-fit:cover;
}
.bannerArea ul li a > div > .inner{
	text-align:center;
	word-break:keep-all;
	background:rgba(255,255,255,0.66);
}
.bannerArea ul li a:hover > div > .inner{
	background:rgba(255,255,255,1);
}

/* image tum link */
.tumImageLink a{
	display:block;
	width:100%;
	overflow:hidden;
}

.tumImageLink a img{
	width:100%;
	object-fit:cover;
}

.tumImageLink a .linktitle{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:970;
}

.tumImageLink a .linktitle span{
	display:block;
	width:100%;
	line-height:1;
	background:url("/image/common/arrow_wh_left.png") no-repeat 97% center;
	background-size:auto 1em;
}

.tumImageLink a .linktitle.bgWh span{
	background:url("/image/common/arrow_grey_left.png") no-repeat 97% center;
	background-size:auto 1em;
}

/* bottom link */
.btmNav li {background:#D8E4ED;}
.btmNav li a{display:table;}
.btmNav li a span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}


/* outside link */
.outSideLink{
	margin-top:20px;
	background:#7f93a2}
.outSideLink:hover{background:#0068B7;}
.outSideLink a{
	display:block;
	text-align:center;
	line-height:1;
	font-weight:600;
	color:#fff;}

/* page nav */
.pagenav li > a,
.pagenav li > span{
	color:#0068b7;
	font-weight:500;
	display:block;
	text-decoration:none;
	line-height:1;
	text-align:center;
	border:1px solid #fff;
}

.pagenav li > a,
.pagenav li.current > span{
	border:1px solid #0068b7;
}

.pagenav li.prev a,.pagenav li.next a{
	border:1px solid #fff;
}

.pagenav li.current > span,
.pagenav li > a:hover{
	background:#0068b7;
	color:#fff;
}

/* square link list */
.sqLinkList li a,
.sqLinkList li{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

.sqLinkList li a{
	color:#0068b7;
	width:100%;
	text-align:center;
	display:block;
	background-image:url("/image/common/arrow_blue_left.png");
	background-repeat:no-repeat;
}
.sqLinkList li a:hover{color:#fff;}
.sqLinkList li:hover{
	color:#fff;
	background:#0068b7;
}

/* step Signal */
.stepSignal li > em,
.stepSignal li > span{
	display:block;
	width:100%;
	text-align:center;
}

.stepSignal li > em{
	border-bottom:3px solid #e2e8eb;
}
.stepSignal li.current > em{
	position:relative;
	font-weight:600;
	color:#0068b7;}

.stepSignal li.current > em:before{
	content:"";
	position:absolute;
	width:100%;
	height:5px;
	background:#0068b7;
	left:0;
	bottom:-4px;
}

/* important Notices */
#importantNotices .outer{
	border:1px solid #333;
	padding:10px;
}

#importantNotices .inner h2{
	text-align:center;
	color:#ac0000;
}

#importantNotices .inner > ol > li{
	border-top:1px dotted #889bb5;
	line-height:1.2;
	padding:10px 0;
}
#importantNotices .inner > ol > li:first-child{border-top:1px solid #fff;}
#importantNotices .ar i{font-size:1.2em;}
#importantNotices .ar{color:#889bb5;}

/* ------------------------
       Common Form Parts
--------------------------- */


.nmSelect select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	text-align:center;
	padding: 1em 1em;
	cursor: pointer;
	line-height: 1;
	font-size: 0.95em;
	font-weight: 500;
	color: #333;
	background-color: #fff;
	border: solid 1px #333;
	background-image:url("/image/common/arrow_grey_btm.png");
	background-size: 12px auto;
	background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
	background-repeat: no-repeat;


}
.nmSelect select:focus {
	outline: 0;
	border-color: #000;
}
/* IEでデフォルトの矢印を消す */
.nmSelect select::-ms-expand {
	display: none;
}

.nmForm textarea{
	border:1px solid #ccc;
	padding:5px;
	width:100%;}

.nmForm input[type = text],
.nmForm input[type = tel],
.nmForm input[type = email]{
		padding:9px;
		border:1px solid #ccc;}

.nmForm ::placeholder{color:#ccc;}
.nmForm button{
	cursor:pointer;
	border:2px solid #333;
	background:#fff;
	color:#333;
	font-weight:600;
}
.nmForm button:hover{
	background:#333;
	color:#fff;
}

.nmForm button span{
	display:block;
	width:100%;
	line-height:1;
}

/* ------------------------
       Common Button
--------------------------- */

/* more btn */
.moreBtn a{text-decoration:none;}
.moreBtnWh,.moreBtnWhBlbg{border:1px solid #fff;}
.moreBtnWh,.moreBtnWhBlbg{color:#fff;}
.moreBtnWh:hover,.moreBtnWhBlbg:hover{
	background:#fff;
}
.moreBtnWhBlbg:hover span{color:#0068B7;}

.moreBtnGrey{border:1px solid #333;}
.moreBtnGrey{color:#333;}
.moreBtnGrey:hover{
	background:#333;
}
.moreBtnGrey:hover span{color:#fff;}

/* radius btn */
.radiusBtn a{
	text-align:center;
	display:block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}
.radiusBtn a:hover{opacity:0.8;}
.radiusBtnBlue a{
	background:#06a0d9;
	color:#fff;
}
/* ------------------------
       Common Header
--------------------------- */


header .headLogo,
#grNavMenu .inner{display:inline-block;}

/* hamburger */
header .humMenuNm{
	position:fixed;
	z-index:2030;
}

/* head right link 211125add*/
.headRightUp {
	position:fixed;
	z-index:2020;
	top:0;
	overflow:hidden;
}

.headRightUp ul{justify-content:flex-end;}





/* ------------------------
       Hamburger Menu
--------------------------- */
#openMenu {
	top:0;
	left:0;
	position:fixed;
	width:100vw;
	min-height:100vh;
	padding:11.57vh 9.3vw;
	z-index:3100;
	transition: all  0.4s ease;
	transform: translateX(-100vw);
}

#openMenu.active{transform: translateX(0);}
#openMenu #sitemap{
	width:100%;
	max-height:88.43vh;
	padding-bottom:11.57vh;
	overflow-y:scroll;
}

#openMenu a,#openMenu h4,#openMenu h5{
	font-size:1rem;
	font-weight:400;
	color:#fff !important;}
#openMenu h4{
	border-bottom:1px solid rgba(255,255,255,0.6);
	padding:10px 0;
	line-height:1.8;
}

#openMenu .openchild{
	background:url("/image/common/arrow_wh_btm.png") no-repeat 97% center;
	background-size:auto 0.5em;
}

#openMenu .openchild.active{
	background:url("/image/common/arrow-wh-up.png") no-repeat 97% center;
	background-size:auto 0.5em;
}

#openMenu .openchild{cursor:pointer;}


@media screen and (min-width: 421px) {
#openMenu .siteMapBlock{
	padding-right:40px;
	width:50%;
	}
}

#openMenu .siteMapBlock ul.child,
#openMenu .siteMapBlock ul.child .grandchild{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	height:0;
	overflow:hidden;
	margin-left:1em;}

#openMenu .siteMapBlock ul.child.active,
#openMenu .siteMapBlock ul.child .grandchild.active{
	height:auto;
	overflow:visible;
}

#openMenu .siteMapBlock ul.child li{padding:10px 5px;}

@media screen and (max-width: 420px) {
	#openMenu a,#openMenu h4,#openMenu h5{font-size:0.9rem;}
	#openMenu .siteMapBlock{
		width:100%;
		padding-right:20px;
	}
}

.menuclose {
	z-index:3010;
	width:5.33vw;
	top:3.46vw;
	right:3.46vw;
	cursor:pointer;
}
/* ------------------------
       Common category archive
--------------------------- */
/* HOME text list */
.newsArcTxlist li{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

div.category span{
	display:inline-block;
	line-height:1;
	color:#fff;
	padding:4px 5px 5px;
	text-align:center;
}

div.cate-info span{background:#6C708E; border-radius:20px;}
div.cate-news span{background:#D38563; border-radius:20px;}
div.cate-rec span{background:#79AD7F; border-radius:20px;}
div.cate-kaiji span{background:#74909F; border-radius:20px;}
div.cate-yuho span{background:#BF8989; border-radius:20px;}

div.cate-yuhou span{background:#bf6c89; border-radius:20px;}
div.cate-tanshin span{background:#a09058; border-radius:20px;}
div.cate-tekijikaiji span{background:#72abd1; border-radius:20px;}


/* ------------------------
       Cookie
--------------------------- */
.cc-message a{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
	color:#fff;
}

.cc-btn{border-color:#fff;}
.cc-btn, .cc-close, .cc-link, .cc-revoke{color:#fff;}
.cc-btn:hover{
	background:#fff;
	color:#0067b6;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer lower Common Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */


/* ------------------------
       signboard
--------------------------- */
.signboard_old .sbTri{
	top:0;
	left:0;
}

#sample-archive-sb{background:#d1dadb;}

/* narrow + wide*/
.signboardNr_old,.signboardWide_old{overflow:hidden;}
.signboardNr_old figure img,
.signboardWide_old figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.signboardNr_old .outer,
.signboardWide_old .outer{
	top:0;
	left:0;
	z-index:500;
}

/* narrow */
.signboardNr_old figure{text-align:right;}


@media screen and (max-width:1250px){
	.signboardNr_old figure img{
	width:auto;
	height:100%;
	object-fit:none;
	}
}

.signboardNr_old .inner{
	background:url("/image/common/sbmask_nr.png") no-repeat left top;
	background-size:auto 100%;
}
.signboardNr_old .titBox .engTitle{opacity:0.13;}
.signboardNr_old .titBox h1{
	letter-spacing:2px;
	top:0;left:0;}

/* narrow text only*/
.signboardNrtx_old {display:table;}
.signboardNrtx_old .titBox{
	vertical-align:middle;
	display:table-cell;}

/* wide */
.signboardWide_old .leftBox{
	top:0;
	left:0;
}
/* ------------------------
       tab
--------------------------- */
.tabcontent input[type=radio]{display:none;}

.tabcontent .tab_areaWrap .tab_area{border-bottom:3px solid #0068B7;}
.tabcontent .tab_areaWrap .tab_area label,
.tabcontent .tab_areaWrap .tab_area li{
	display:inline-block;
	background:#fff;
	text-align:center;
	cursor:pointer;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#999;
	color:#333;
	letter-spacing:normal;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

.tabcontent .tab_areaWrap .tab_area li a,
.tabcontent .tab_areaWrap .tab_area li span{display:block;}

.tabcontent .tab_areaWrap .tab_area li.active,
.tabcontent .tab_areaWrap .tab_area li:hover{
	border-color:#0068B7;
	background:#0068B7;
	color:#fff;}

.tabcontent .tab_areaWrap .tab_area li:hover a{color:#fff;}

.tabcontent .tab_panel{
	width:100%;
	display:none;}

.tabcontent .nontab_panel_area .tab_panel{
	width:100%;
	display:block;
}

.tabcontent #tab1:checked ~ .tab_areaWrap .tab_area .tab1_label{border-color:#0068B7;background:#0068B7; color:#fff;}
.tabcontent #tab1:checked ~ .panel_area #tab1-area{display:block;}

.tabcontent #tab2:checked ~ .tab_areaWrap .tab_area .tab2_label{border-color:#0068B7;background:#0068B7; color:#fff;}
.tabcontent #tab2:checked ~ .panel_area #tab2-area{display:block;}

.tabcontent #tab3:checked ~ .tab_areaWrap .tab_area .tab3_label{border-color:#0068B7;background:#0068B7; color:#fff;}
.tabcontent #tab3:checked ~ .panel_area #tab3-area{display:block;}

.tabcontent #tab4:checked ~ .tab_areaWrap .tab_area .tab4_label{border-color:#0068B7;background:#0068B7; color:#fff;}
.tabcontent #tab4:checked ~ .panel_area #tab4-area{display:block;}

/* ------------------------
       NewsPost
--------------------------- */

.newspostEntry h1,.newspostEntry h2,.newspostEntry h3,.newspostEntry h4,.newspostEntry h5,.newspostEntry h6,
.topicspostEntry h1,.topicspostEntry h2,.topicspostEntry h3,.topicspostEntry h4,.topicspostEntry h5,.topicspostEntry h6{
	font-weight:500;
}

.newspostEntry h1,.newspostEntry h2,.newspostEntry h4,.newspostEntry h5,.newspostEntry h6,
.topicspostEntry h1,.topicspostEntry h2,.topicspostEntry h3,.topicspostEntry h4,.topicspostEntry h5,.topicspostEntry h6{color:#0068B7 !important;}
.newspostEntry_old h3,.topLineTitle_old{
	position:relative;
	border-top: 3px solid #E2E8EB;
	color:#393939;
}
.newspostEntry_old h3:before,
.topicspostEntry_old h3:before,
.topLineTitle_old:before{
	content:"";
	width:62px;
	height:3px;
	background:#0068B7;
	top:-3px;
	left:0;
	position:absolute;
}


/* WYSIWYGエディターにより異なる */
.newspostEntry figure:first-child{padding-top:0;}


/* ------------------------
       photoindex
--------------------------- */
.tum-archive .archiveHead{
	padding:65px 0;
}

.tum-archive-list > ul > li .category span{
	min-width:70px;
	padding:5px 0.8em;}

.tum-archive-list > ul > li figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.tum-archive-list > ul > li figure{
	overflow:hidden;
	margin-bottom:10px;}

/* ------------------------
       fullWidth Contact
--------------------------- */
.cmContact dt,.cmContact dd{display:inline-block;}
.cmContact dd span{font-weight:600;}

/* ------------------------
       page Links
--------------------------- */
.cmPageLinks_old{
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

.cmPageLinks_old li{border-right:1px solid #e2e2e2;}
.cmPageLinks_old li a{
	display:table;

	color:#0068B7;
	width:100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

.cmPageLinks_old li a span{
	vertical-align:middle;
	text-align:center;
	display:table-cell;}

.cmPageLinks_old li a:hover{opacity:0.8;}

.cmPageLinks5_old li{width:calc(calc(100% / 5) - 2px);}
.cmPageLinks5_old li:nth-child(5n){border-right:none;}

/* ------------------------
       content group links
--------------------------- */


.cmGroupLinks_old li a,
.cmGroupLinks_old li span.current{
	position:relative;
	color:#0068B7;
	width:100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

.cmGroupLinks_old li a em,
.cmGroupLinks_old li span.current em{
	font-weight:600;
	text-align:center;
}



.cmGroupLinks_old li span.current:before,
.cmGroupLinks_old li a:hover:before{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	font-size:0px;
	overflow:hidden;
	border-top:5px solid #0068B7;
}

/* ------------------------
       lower common block style
--------------------------- */

/* table common */
.lowCommonBlock table.nmTable,.lowCommonBlock table.nmTable th,.lowCommonBlock table.nmTable td{
	border-collapse:collapse;
}

/* left th table */
.lowCommonBlock table.lTh_table,.lowCommonBlock table.lTh_table th,.lowCommonBlock table.lTh_table td{
	border: solid 1px rgba(221,221,221,1);
}

.lowCommonBlock table.lTh_table th{
	color:rgba(0,104,183,1);
	text-align:left;
	vertical-align:middle;
	background:rgba(0,102,204,0.08);
}

.lowCommonBlock table.lTh_table td{
	text-align:left;
	vertical-align:middle;
}

/* grey table */
.lowCommonBlock table.greyTable th{background:#e2e8eb;}
.lowCommonBlock table.greyTable td{background:#f5f5f5;}


/* philosophy */
#philosophy-guideline li{font-weight:600;}

/* 2021-12-14 add */
.newspostEntry .inner a{
	text-decoration:underline;
	color:#2a78bf;}

.newspostEntry .inner a:hover{opacity:0.8;}

/* 2021-12-20 add */
#whatsNew .s_eirBlock:last-child{padding-bottom:0;}
#whatsNew .eir_pdfNote {display:flex;}
#whatsNew .eir_pdfNote, .eir_pnexNote, .eir_yuhoNote{margin-top:30px;}
#whatsNew .eir_pdfNote_item:first-child{margin-left:0;}
#whatsNew .eir_pdfNote_item {
	line-height:normal;
	margin-left:20px;}


@media screen and (max-width: 812px){
	#whatsNew .eir_pdfNote img,#whatsNew .eir_pnexNote img{width:auto !important;}
	#whatsNew .eir_pdfNote {display:block;}
	#whatsNew .eir_pdfNote_item{
		margin-top:20px;
		margin-left:0;}
}

/* 2021-12-20 add 問い合わせフォーム*/
#inquiryFmWrap #error_message{
	background:#FEE5EB;
	color:#f03;
	border:1px solid #f03;
	padding:10px;
}

#inquiryFmWrap .alert-error,
#inquiryFmWrap .alert-danger{
	background:#FEE5EB;
	color:#f03;
	border:1px solid #f03;
	padding:10px;
	margin-top:20px;
}

#inquiryFmWrap td .flex .inner{
	width:50%;
	padding-left:10px;
}

#inquiryFmWrap .zipauto{display:inline-block;}
#inquiryFmWrap .zipauto .btn{
	font-size:16px;
	padding:5px 10px;
	border:1px solid #333;
}

/* 2022-03-07 add (22-12-20update) */

.newspostEntry table,.topicspostEntry table,.postEntryBlock table{width:100%;margin-bottom:20px;}
.newspostEntry table th,.newspostEntry table td,
.topicspostEntry table th,.topicspostEntry table td,
.postEntryBlock table th,.postEntryBlock table td{border:1px solid #9d9d9d;}
.newspostEntry table th,.topicspostEntry table th,.postEntryBlock table th{background:#eaf1f4;}
.newspostEntry blockquote,.topicspostEntry blockquote,.postEntryBlock blockquote {
	font-style:normal !important;
	padding:10px 20px !important;
	border:4px solid #0068B7;
	font-weight:600;
	color:#0068B7;
	font-size:1.1em;
}

.newspostEntry cite,.topicspostEntry cite,.postEntryBlock cite{
	padding-left:1em;
	font-size:1em;
	color:#333;
	font-weight:normal;
	font-style:normal;}

.newspostEntry ul,.topicspostEntry ul,.newspostEntry ol,.topicspostEntry ol,.postEntryBlock ul,.postEntryBlock ol{padding-left:1.5em;}
.newspostEntry ul > li,.topicspostEntry ul > li,.postEntryBlock ul > li{list-style-type:disc !important;}
.newspostEntry ul > li > ul > li,.topicspostEntry ul > li > ul > li,.postEntryBlock  ul > li > ul > li{list-style-type:circle !important;}
.newspostEntry ul > li > ul > li > ul > li,.topicspostEntry ul > li > ul > li > ul > li,.postEntryBlock ul > li > ul > li > ul > li{list-style-type:square !important;}

.newspostEntry ol > li,.topicspostEntry ol > li,.postEntryBlock ol > li{list-style-type:decimal !important;}

/* ------------------------
/* topics and news 2023 add */
div.category {margin-right:10px; margin-bottom:3px;}
.newspost .titBox h1.titRight,.postEntryBlock .titRight{text-align:right;}
.newspost .titBox h1.titCenter,.postEntryBlock .titCenter{text-align:center;}

/* ------------------------
/* blockEditor Style 2023 add */

/* full image block */
.postEntry .fullImageBlock.imgLeft {text-align:left;}
.postEntry .fullImageBlock.imgCenter {text-align:center;}
.postEntry .fullImageBlock.imgRight {text-align:right;}

.postEntry .fullImageBlock > img{max-width:100%;}
.postEntryBlock figcaption{padding-top:1em;line-height:1.4;}

.halfBlockContent > .halfImgBlock{text-align:center;}

.twoClmBlock .oneBlock h3{line-height:1.4;white-space:pre-line;}

.postEntry .clmImgBlock{text-align:center;padding-bottom:1em;}
.postEntry .clmImgBlockImg {object-fit:cover;}

.postEntry .clmBlock > div.flex{justify-content: space-around;}

.postEntry .movieBlock figure{text-align:center;}
.postEntry .movieBlock figure img{object-fit:cover;}
.postEntry .movieBlock figure a{
	position:relative;
	display:inline-block;
	overflow:hidden;}
.postEntry .movieBlock .playMovie{
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:url('/image/common/play-btn-ico-white.png') no-repeat center center;
}

/* add 221214 */
.tum-archive .categorys{
	display:flex;
	flex-wrap:wrap;
}

/* add 221220 */
.draft{
	display:inline-block;
	border:2px solid #cf1226;
	margin-right:1em;
	padding:0 0.25em;
}

.signboard .draft{margin-top:1em;}
.newspostEntry hr,.topicspostEntry hr{
	border-top: 2px solid #ccc;
}

.postEntryBlock h2.blockTitle,.postEntryBlock h2.blockSubTitle,
.topicspostEntry h2.blockTitle,.topicspostEntry h2.blockSubTitle{
	border-bottom:2px solid #ccc;
	padding-bottom:3px;
	font-weight:500;}

.postEntryBlock h2.blockTitle.noborder,.topicspostEntry h2.blockTitle.noborder{
	border-bottom:2px solid transparent;
}

.blockTitle,.blockSubTitle{
	color:#0068B7;white-space:pre-line;}
.newspostEntry a,.topicspostEntry a,.postEntryBlock a{
	color:#2a78bf;
	text-decoration:underline;
}

/*add 230106 */
.newspost pre,.topicspost pre{
	 background-color: #eeeeee;
   padding: 10px;
	 display:block;
	 }
	 /*Topics Icon Color///////// */
	 div.cate-gr span{background:#dc659a; border-radius:20px;}
	 div.cate-tekko span{background:#3f91f0; border-radius:20px;}
	 div.cate-tetsugen span{background:#33c145; border-radius:20px;}
	 div.cate-hitetsu span{background:#ff8423; border-radius:20px;}
	 div.cate-kikaijoho span{background:#29d0ed; border-radius:20px;}
	 div.cate-yozai span{background:#a85fb7; border-radius:20px;}
	 div.cate-sasutena span{background:#008b8b; border-radius:20px;}
	 div.cate-ir span{background:#00008b; border-radius:20px;}
	 div.cate-other span{background:#868686; border-radius:20px;}

/* add 230111 neoworks */
.tum-archive-list-two ul li h4 span{
	color:#0068B7;
}

.lowcm-threecolumn li h4 span{
	color:#0068B7;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
2024update
-------------------------------------------------------------
////////////////////////////////////////////////////////// */ 

a{color:#393939;text-decoration:none;}
p a{color:#393939;text-decoration:underline;}

.headnav.langCange *{color:#fff;}
.headnav .langCange a{text-decoration:none;}

.serchBox .inner{position:relative;}
.serchBox input[type=text]{
	width:100%;
	border:1px solid #ccc;
}

.serchBox{display:none;}
.serchBox button{
	background:#eeeeee;
	position:absolute;
	top:0;
	right:0;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 1px 0;
	text-align:center;
}

.headnav{
	position:absolute;
	box-shadow: 3px 3px 5px 0px rgba(0, 104, 183, 0.31);
	z-index:1000;
	transition: all .3s;
	transition-timing-function: ease-out;
}


.headnav.scrollon{
	position:fixed;
	width:100vw;
	top:0;
	left:0;
	border-radius:0;
}

.headnav > .inner > .secondary{
	flex-wrap:nowrap;
	justify-content: flex-end;
}

.headnav .langCange a{
	color:#fff;
	font-weight:500;
	background:rgba(0,106,188,1);
}

/* ------------------------
       Common Footer
--------------------------- */
footer{clear:both;}
footer h4,
footer h5{font-weight:400;}

footer .baseLink li a{text-decoration:none;}

/* ------------------------
       signboard
--------------------------- */

.signboard h1.fcWh{text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);}

/* narrow + wide*/
.signboardNr,.signboardWide,.signboardBig{overflow:hidden;}
.signboardNr figure img,
.signboardWide figure img,
.signboardBig figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.signboardNr .outer,
.signboardWide .outer,
.signboardBig .outer{
	top:0;
	left:0;
	z-index:500;
}

.signboard h1{
	letter-spacing:2px;
}

/* narrow text only*/
.signboardNrtx {display:table;}
.signboardNrtx .titBox{
	vertical-align:middle;
	display:table-cell;}



/* ------------------------
       breadcrumb
--------------------------- */

.breadcrumb_list li a:after{
	content:">";
	padding-left:1em;
	padding-right:1em;
}

.breadcrumb_list li a:hover span{text-decoration:underline;}

/* title */

.newspostEntry h3,.topLineTitle{color:#393939;}

.tum-archive-list .more,.irscd-archive-list .more{
	display:flex;
	align-items: center;
	color:rgba(0,104,183,1);
	font-weight:500;
}


/* ------------------------
       page Links
--------------------------- */
.cmPageLinks li a{display:flex;align-items:center;}
.cmPageLinks li a span{font-weight:500;color:rgba(0,102,204,1);}

.cmPageLinks li a{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}


/* ------------------------
       content group links
--------------------------- */

.cmGroupLinks li a,.cmGroupLinks li > span{display:flex;align-items:center;}
.cmGroupLinks li a,.cmGroupLinks li span{font-weight:500;color:rgba(0,102,204,1);}

.cmGroupLinks li em:after{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}

/* ------------------------
       Learnmore css ver
--------------------------- */
.learnmore > a,.learnmoreInner,.learnmore > a > .moreAr{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.learnmore > a > span,.learnmoreInner > span{font-weight:500;}

.learnmore > a:hover > span{color:#333;}
.learnmore > a > .moreAr,.learnmoreInner .moreAr{
	border-radius: 50%;
	border:2px solid rgba(0,104,183,1);
	cursor: pointer;
	outline: none;
	font-size: 0;
	transition: all .4s;
	position:relative;
}


.learnmore > a > .moreAr,.learnmoreInner .moreAr{
	background-color:#fff;
}


.learnmore > a > .moreAr::before,
.learnmoreInner .moreAr::before {
	content: '';
	display: block;
	border-style:solid;
	border-color:rgba(0,104,183,1);
	position: absolute;
	transform: rotate(45deg);
	border-width: 2px 2px 0 0;
}

/* ------------------------
       inqBanner
--------------------------- */
.inqBanner {
	position:fixed;
	background:rgba(81,81,81,1);
	box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.35);
}

.inqBanner a{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content: center;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}

.inqBanner a .inner{
	display:flex;
	align-items:center;
	justify-content: center;
	white-space: pre;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-left:auto;
	margin-right:auto;
}

.inqBanner a .inner span{
	display:inline-block;
	line-height:1;
}

/* ------------------------
       irBanner
--------------------------- */
.irBanner {
	position:fixed;
	background:rgba(81,81,81,1);
	box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.35);
}

.irBanner a{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content: center;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}

.irBanner a .inner{
	display:flex;
	align-items:center;
	justify-content: center;
	white-space: pre;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-left:auto;
	margin-right:auto;
}

.irBanner a .inner span{
	display:inline-block;
	line-height:1;
}