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

  初期設定

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


/* =============== 標準化 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
html {font-size:62.5%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
/*html {overflow-y:scroll;}*/
body {-webkit-text-size-adjust:100%;}

* {box-sizing:border-box;}

ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 1.6em;}
p {margin:0;}

a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:70%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}

button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

img {border:0; vertical-align:bottom;}


/* =============== 汎用スタイル / 部分レイアウト */

/* ------ 配置 */
a:hover img {opacity:.8;}
.clear {clear:both;}
br.clear {line-height:0;}
.clearfix {zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}
.center, .ctr {text-align:center!important;}
.blkC {display:block; margin-left:auto!important; margin-right:auto!important;}
.txR {text-align:right!important;}
.txL {text-align:left!important;}
.flR {float:right;}
.flL {float:left;}
.clL {clear:left;}
.clR {clear:right;}
.flR.-pad {margin:0 0 10px 15px;}
.flL.-pad {margin:0 15px 10px 0;}
.inBlk, .IB, .spanIB > span {display:inline-block;}
a .IB {text-decoration:inherit;}
.tight {letter-spacing:-.02em;}
.nowrap {white-space:nowrap;}
.full {width:100%;}
img.mw100, .mw100 img {max-width:100%;}
img.mh100, .mh100 img {max-height:100%;}
.hid {display:none;}
.flex {width:calc(100% + 16px); margin:1.5em 0 1.5em -8px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex > * {margin:0 8px 16px;}
.pcGrid {display:grid; gap:3rem;}
.pcGrid img {max-width:100%;}

.mH100 {max-height:100px;}
.mH150 {max-height:150px;}
.mH200 {max-height:200px;}
.mH250 {max-height:250px;}
.mH300 {max-height:300px;}
.mH350 {max-height:350px;}
.mH400 {max-height:400px;}

@media (min-width:601px) {
  .sp, .sp.IB {display:none!important;}
  .pcIB {display:inline-block;}
  .pcFlL {float:left;}
  .pcFlR {float:right;}
  .pcFlL.-pad {padding-right:20px; padding-bottom:15px;}
  .pcFlR.-pad {padding-left:20px; padding-bottom:15px;}
  .pcC {text-align:center;}
  [class*="pcW"] {box-sizing:border-box;}
  .pcW10 {width:10%;} .pcW15 {width:15%;} .pcW20 {width:20%;} .pcW25 {width:25%;} .pcW30 {width:30%;} .pcW35 {width:35%;} .pcW40 {width:40%;} .pcW45 {width:45%;} .pcW50 {width:50%;} .pcW55 {width:55%;} .pcW60 {width:60%;} .pcW65 {width:65%;} .pcW70 {width:70%;} .pcW75 {width:75%;} .pcW80 {width:80%;} .pcW85 {width:85%;} .pcW90 {width:90%;}
  .pcMW1000c {max-width:1000px; margin-inline:auto;}
  .pcGrid.-c1_auto {grid-template-columns:1fr auto;}
  .pcGrid.-cAuto_1 {grid-template-columns:auto 1fr;}
  .pcGrid.-c1_6 {grid-template-columns:1fr 6fr;}
  .pcGrid.-c1_5 {grid-template-columns:1fr 5fr;}
  .pcGrid.-c1_4 {grid-template-columns:1fr 4fr;}
  .pcGrid.-c1_3 {grid-template-columns:1fr 3fr;}
  .pcGrid.-c1_2 {grid-template-columns:1fr 2fr;}
  .pcGrid.-c1_1 {grid-template-columns:1fr 1fr;}
  .pcGrid.-c2_1 {grid-template-columns:2fr 1fr;}
  .pcGrid.-c3_1 {grid-template-columns:3fr 1fr;}
  .pcGrid.-c4_1 {grid-template-columns:4fr 1fr;}
  .pcGrid.-c5_1 {grid-template-columns:5fr 1fr;}
  .pcGrid.-c6_1 {grid-template-columns:6fr 1fr;}
  .pcGrid.-c6_5 {grid-template-columns:6fr 5fr;}
  .pcGrid.-c5_6 {grid-template-columns:5fr 6fr;}
  .pcGrid.-c5_4 {grid-template-columns:5fr 4fr;}
  .pcGrid.-c4_5 {grid-template-columns:4fr 5fr;}
  .pcGrid.-c4_3 {grid-template-columns:4fr 3fr;}
  .pcGrid.-c3_4 {grid-template-columns:3fr 4fr;}
  .pcGrid.-c3_2 {grid-template-columns:3fr 2fr;}
  .pcGrid.-c2_3 {grid-template-columns:2fr 3fr;}
  .pcGrid.-c5_3 {grid-template-columns:5fr 3fr;}
  .pcGrid.-c3_5 {grid-template-columns:3fr 5fr;}
  .pcGrid.-c2_5 {grid-template-columns:2fr 5fr;}
  .pcGrid.-c7_4 {grid-template-columns:7fr 4fr;}
  .pcGrid.-c4_7 {grid-template-columns:4fr 7fr;}
  .pcGrid.-c5_2 {grid-template-columns:5fr 2fr;}
  .pcGrid.-c7_3 {grid-template-columns:7fr 3fr;}
  .pcGrid.-c3_7 {grid-template-columns:3fr 7fr;}
  .pcGrid.-c7_2 {grid-template-columns:7fr 2fr;}
  .pcGrid.-c2_7 {grid-template-columns:2fr 7fr;}
}

@media (max-width:600px) {
  img {max-width:100%; height:auto;}
  .pc {display:none!important;}
  .sp, .spBL {display:block;}
  .sp.IB, .spIB {display:inline-block;}
  .sp.IL {display:inline;}
  div.sp, p.sp {display:block;}
  img.sp, br.sp {display:inline-block;}
  span.sp {display:inline;}
  .spC {text-align:center;}
  .spMt20 {margin-top:20px!important;}
  [class*="spW"] {box-sizing:border-box;}  
  .spW10 {width:30%;} .spW15 {width:35%;} .spW20 {width:30%;} .spW25 {width:35%;} .spW30 {width:30%;} .spW35 {width:35%;} .spW40 {width:40%;} .spW45 {width:45%;} .spW50 {width:50%;} .spW55 {width:55%;} .spW60 {width:60%;} .spW65 {width:65%;} .spW70 {width:70%;} .spW75 {width:75%;} .spW80 {width:80%;} .spW85 {width:85%;} .spW90 {width:90%;}
  .pc1frAuto > *:nth-child(2n+1) {margin-bottom:1.5rem;}
}

/* ------ テキスト装飾 */
a {color:inherit;}
.note {font-size:84%; line-height:1.5; color:#707070;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.lg1 {font-size:108%;} .lg2 {font-size:116%;} .lg3 {font-size:124%;} .lg4 {font-size:132%;} .lg5 {font-size:140%;}
.sm1 {font-size:93%;} .sm2 {font-size:84%;} .sm3 {font-size:77%;} .sm4 {font-size:70%;}
.red {color:#e25;}
.blue {color:#336BB7;}
.gray {color:#707070;}
.underline {text-decoration:underline;}
.min {font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight:700; transform:rotate(.03deg);}
blockquote, .blockquote {border-left:5px #ccc solid; border-left-color:rgba(0,30,60,.1); margin-top:1em; margin-bottom:1em;; padding-left:12px;}

/* ------ スペース */
/* .mt: margin-top */
.mt0 {margin-top:0!important;} .mt03 {margin-top:.3em!important;} .mt06 {margin-top:.6em!important;} .mt08 {margin-top:.8em!important;} .mt1 {margin-top:1em!important;} .mt15 {margin-top:1.5em!important;} .mt2 {margin-top:2em!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt35 {margin-top:35px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;}
/* .mb: margin-bottom */
.mb0 {margin-bottom:0!important;} .mb03 {margin-bottom:.3em!important;} .mb06 {margin-bottom:.6em!important;} .mb1 {margin-bottom:1em!important;} .mb15 {margin-bottom:1.5em!important;} .mb2 {margin-bottom:2em!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb25 {margin-bottom:25px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;} 
/* .mv: vertical margin */
.mv0 {margin-top:0!important; margin-bottom:0!important;} .mv03 {margin-top:.3em!important; margin-bottom:.3em!important;} .mv06 {margin-top:.6em!important; margin-bottom:.6em!important;} .mv1 {margin-top:1em!important; margin-bottom:1em!important;} .mv15 {margin-top:1.5em!important; margin-bottom:1.5em!important;} .mv2 {margin-top:2em!important; margin-bottom:2em!important;} .mv10 {margin-top:10px!important; margin-bottom:10px!important;} .mv20 {margin-top:20px!important; margin-bottom:20px!important;} .mv25 {margin-top:25px!important; margin-bottom:25px!important;} .mv30 {margin-top:30px!important; margin-bottom:30px!important;} .mv35 {margin-top:35px!important; margin-bottom:35px!important;} .mv40 {margin-top:40px!important; margin-bottom:40px!important;} .mv50 {margin-top:50px!important; margin-bottom:50px!important;} .mv60 {margin-top:60px!important; margin-bottom:60px!important;} .mv70 {margin-top:70px!important; margin-bottom:70px!important;} .mv80 {margin-top:80px!important; margin-bottom:80px!important;} 
/* .ml: margin-left */
.ml03 {margin-left:.3em!important;} .ml06 {margin-left:.6em!important;} .ml08 {margin-left:.8em!important;} .ml1 {margin-left:1em!important;} .ml15 {margin-left:1.5em!important;} .ml2 {margin-left:2em!important;} .ml10 {margin-left:10px!important;} .ml20 {margin-left:20px!important;} .ml25 {margin-left:25px!important;} .ml30 {margin-left:30px!important;} .ml35 {margin-left:35px!important;} .ml40 {margin-left:40px!important;} .ml50 {margin-left:50px!important;} .ml60 {margin-left:60px!important;} .ml70 {margin-left:70px!important;} .ml80 {margin-left:80px!important;} 
/* .pl: padding-left */
.pl10 {padding-left:10px!important;} .pl20 {padding-left:20px!important;} .pl25 {padding-left:25px!important;} .pl30 {padding-left:30px!important;} .pl35 {padding-left:35px!important;} .pl40 {padding-left:40px!important;} .pl50 {padding-left:50px!important;} .pl60 {padding-left:60px!important;} .pl70 {padding-left:70px!important;} .pl80 {padding-left:80px!important;}

@media (min-width:601px){
  .pcMt0 {margin-top:0!important;}
  .pcMb0 {margin-bottom:0!important;}
}
@media (max-width:600px){
  .spMt0 {margin-top:0!important;}
  .spMb0 {margin-bottom:0!important;}
}

/* ------ ul, ol */
.liIB > li {display:inline-block; margin-right:1.5em;}
ul.disc, .disc ul {list-style-type:disc; padding-left:1.5em;}
ul.circle, .circle ul, .-rte ul {list-style-type:circle; padding-left:1.5em;}
ul.square, .square ul, .-rte ul {list-style-type:square; padding-left:1.5em;}
.-rte ul.-nomk {list-style-type:none; padding-left:0;}
.lowerAlpha {list-style:lower-alpha; padding-left:1.5em;}
.lowerRoman {list-style-type:lower-roman;}
.lm03 > li + li {margin-top:.3em;}
.lm06 > li + li {margin-top:.6em;}
.lm20 > li + li {margin-top:20px;}
.blueMarker::marker,
.blueMarker>li::marker {color:#336BB7;}
/* スラッシュ区切り */
.slashed > li {display:inline-block;}
.slashed > li:after {display:inline-block; content:"/"; margin:0 .4em; transform:rotate(20deg); color:#555;}
.slashed > li:last-child:after {display:none;}
/* 読点区切り */
.ten > li {display:inline-block;}
.ten > li:after {display:inline-block; content:"、";}
.ten > li:last-child:after {display:none;}
/* 番号かっこ囲み */
.kakko {list-style:none; padding-left:2.5em;}
.kakko > li:before {display:inline-block; width:2.5em; margin-left:-2.5em; text-align:center;}
.kakko > li:nth-child(1):before {content:"(1)";} .kakko > li:nth-child(2):before {content:"(2)";} .kakko > li:nth-child(3):before {content:"(3)";} .kakko > li:nth-child(4):before {content:"(4)";} .kakko > li:nth-child(5):before {content:"(5)";} .kakko > li:nth-child(6):before {content:"(6)";} .kakko > li:nth-child(7):before {content:"(7)";} .kakko > li:nth-child(8):before {content:"(8)";} .kakko > li:nth-child(9):before {content:"(9)";} .kakko > li:nth-child(10):before {content:"(10)";} .kakko > li:nth-child(11):before {content:"(11)";} .kakko > li:nth-child(12):before {content:"(12)";} .kakko > li:nth-child(13):before {content:"(13)";} .kakko > li:nth-child(14):before {content:"(14)";} .kakko > li:nth-child(15):before {content:"(15)";} .kakko > li:nth-child(16):before {content:"(16)";} .kakko > li:nth-child(17):before {content:"(17)";} .kakko > li:nth-child(18):before {content:"(18)";} .kakko > li:nth-child(19):before {content:"(19)";} .kakko > li:nth-child(20):before {content:"(20)";}
/* 番号丸囲み */
ol.circled {list-style-type:none;}
ol.circled > li:before {display:inline-block; width:1.2em; margin:0 .1em 0 -1.3em;}
ol.circled > li:nth-child(1):before {content:"①";} ol.circled > li:nth-child(2):before {content:"②";} ol.circled > li:nth-child(3):before {content:"③";} ol.circled > li:nth-child(4):before {content:"④";} ol.circled > li:nth-child(5):before {content:"⑤";} ol.circled > li:nth-child(6):before {content:"⑥";} ol.circled > li:nth-child(7):before {content:"⑦";} ol.circled > li:nth-child(8):before {content:"⑧";} ol.circled > li:nth-child(9):before {content:"⑨";} ol.circled > li:nth-child(10):before {content:"⑩";} ol.circled > li:nth-child(11):before {content:"⑪";} ol.circled > li:nth-child(12):before {content:"⑫";} ol.circled > li:nth-child(13):before {content:"⑬";} ol.circled > li:nth-child(14):before {content:"⑭";} ol.circled > li:nth-child(15):before {content:"⑮";} ol.circled > li:nth-child(16):before {content:"⑯";} ol.circled > li:nth-child(17):before {content:"⑰";} ol.circled > li:nth-child(18):before {content:"⑱";} ol.circled > li:nth-child(19):before {content:"⑲";} ol.circled > li:nth-child(20):before {content:"⑳";}

/* ------ table */
table {margin-top:.6em; margin-bottom:.6em;}
table th, table td {padding:.4em .7em; border:1px #bbb solid; line-height:1.4; vertical-align:middle;}
table th {background:#E0E9F1; background:rgba(0,0,0,.04); text-align:center; font-weight:500;}
table th.upper {background:#ddd; background:rgba(0,0,0,.12); text-align:center; font-weight:500;}
table td {background:#fff;}
.thead th, .thead td {border-bottom:3px #bbb double;}
.thead th {background:#D0D9E1; background:rgba(0,0,0,.12);}
.noDouble {border-bottom:1px #bbb solid!important;}
.almostFull {width:98%; margin-left:1%; margin-right:1%;}
.tdCenter td, .tdC td, .td1Center td:nth-child(1), .td2Center td:nth-child(2), .td3Center td:nth-child(3), .td4Center td:nth-child(4), .td5Center td:nth-child(5), .td6Center td:nth-child(6) {text-align:center;}
.tdLeft td, .tdL td, .td1L td:nth-child(1), .td2L td:nth-child(2), .td3L td:nth-child(3), .td4L td:nth-child(4), .td5L td:nth-child(5), .td6L td:nth-child(6) {text-align:left;}
.tdRight td, .tdR td, .td1R td:nth-child(1), .td2R td:nth-child(2), .td3R td:nth-child(3), .td4R td:nth-child(4), .td5R td:nth-child(5), .td6R td:nth-child(6) {text-align:right;}
.noWr1 tr > *:nth-child(1), .noWr2 tr > *:nth-child(2), .noWr3 tr > *:nth-child(3), .noWr4 tr > *:nth-child(4), .noWr5 tr > *:nth-child(5), .noWr6 tr > *:nth-child(6) {white-space:nowrap;}
.tate1 {display:inline-block; width:1em; text-align:center;}
.tate90 {display:inline-block; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transform-origin:50% 50%;}
.plain th, .plain td {padding:.2em; border:0; background:none;}
td.bg_gray {background:#F0F2F2;}

@media (max-width:600px){
  th, td {padding:.4em;}
  .tableWrap {width:700px;}
}

/* .brkTop/Btm, hr */
.brkTop1 {margin-top:30px!important; padding-top:30px!important; border-top:1px #888 dashed;}
.brkBtm1 {margin-bottom:30px!important; padding-bottom:30px!important; border-bottom:1px #888 dashed;}
.brkTop2:before,
.brkBtm2:after {content:""; display:block; width:70%; margin:60px 15%; border-top:1px #ccc solid;}
hr {background:none; margin:30px 0; border-top:1px rgba(0,0,0,.1) solid; border-width:1px 0 0;}
hr.-lessMargin {margin:1.5rem 0;}

.liTopBorder > li {border-top:1px #336BB7 solid; padding-top:10px;}

/* dl.styled */
dl.styled {margin:50px 0; border-bottom:1px #ccc dotted;}
dl.styled.-openEnd,
dl.styled.-openTop > dt:first-child {border:0;}
dl.styled > dt {padding:1.2em 0 .4em; border-top:1px #ccc dotted; font-weight:bold; font-size:123.1%;}
dl.styled > dd {padding-bottom:1.2em;}
dl.styled > dd + dd {margin-top:-.6em;}

/* ul.styled */
ul.styled {border:#ccc dotted; border-width:1px 0; overflow:hidden;}
ul.styled > li {position:relative; padding:1em 0;}
ul.styled > li + li:after {content:""; display:block; position:absolute; left:-100px; top:0; width:calc(100% + 100px); border-top:1px #ccc dotted;}

/* .tableLike */
.tableLike {margin:1.5em 0; border:#ccc dotted; border-width:1px 0; overflow:hidden;}
.tableLike dt {clear:left; width:25%; float:left; padding:1em 1.2em 1em 0; border-top:1px #ccc dotted; font-weight:bold;}
.tableLike dd {width:75%; float:left; padding:1em 0; border-top:1px #ccc dotted;}
.tableLike.dt15 dt {width:15%;}
.tableLike.dt15 dd {width:85%;}
.tableLike dt:first-child,
.tableLike dt:first-child + dd {border-top:0;}

@media (max-width:600px){
  .tableLike[class*="spFlat"]:before {display:none;}
  .tableLike.-spFlatA dt {float:none; width:auto; padding:.6em 0 .1em; border:0;}
  .tableLike.-spFlatA dd {float:none; width:auto; padding:0 0 .8em; border:0;}
  .tableLike.-spFlatA dd + dt {border-top:1px #989898 solid;}
  .tableLike.-spFlatB dt,
  .tableLike.-spFlatB dd {float:none; width:auto; padding:.4em 0; border:0;}
  .tableLike.-spFlatB dt {padding:.4em .6em; font-weight:500; background:rgba(0,40,80,.06);}
  .tableLike.-spFlatB dd + dt {margin-top:15px;}
}

/* .hNTable: .tableLikeを見出しと任意のタグで */
.h2Table, .h3Table, .h4Table, .h5Table {position:relative; overflow:hidden; padding-bottom:.8rem; border-bottom:1px #ccc solid;}
.h2Table:before, .h3Table:before, .h4Table:before,.h5Table:before {content:""; display:block; position:absolute; top:0; left:0; width:20%; height:100%; background:#E0E9F1;}
.h2Table > *, .h3Table > *, .h4Table > *, .h5Table > * {position:relative; z-index:1; display:block; float:right; width:80%; margin:.6rem 0 0; padding:0 2rem;}
.h2Table > h2, .h3Table > h3, .h4Table > h4, .h5Table > h5 {clear:both; float:left; width:20%; padding:1rem 1.5rem; border-top:1px #ccc solid; font-size:inherit; color:inherit;}
.h2Table > h2 + *, .h3Table > h3 + *, .h4Table > h4 + *, .h5Table > h5 + * {padding-top:.8rem; border-top:1px #ccc solid;}
.h2Table > h2:first-of-type, .h3Table > h3:first-of-type, .h4Table > h4:first-of-type, .h5Table > h5:first-of-type,
.h2Table > h2:first-of-type + *, .h3Table > h3:first-of-type + *, .h4Table > h4:first-of-type + *, .h5Table > h5:first-of-type + * {margin-top:0;}
.h2Table > .disc, .h3Table > .disc, .h4Table > .disc, .h5Table > .disc,
.h2Table > .square, .h3Table > .square, .h4Table > .square, .h5Table > .square,
.h2Table > ol, .h3Table > ol, .h4Table > ol, .h5Table > ol {padding-left:3em;}

@media (max-width:600px){
  .h2Table.-spFlat, .h3Table.-spFlat, .h4Table.-spFlat {padding-bottom:.5rem;}
  .h2Table.-spFlat:before, .h3Table.-spFlat:before, .h4Table.-spFlat:before {display:none;}
  .h2Table.-spFlat > *, .h3Table.-spFlat > *, .h4Table.-spFlat > * {float:none; width:auto; margin:0; padding:0;}
  .h2Table.-spFlat > .disc, .h3Table.-spFlat > .disc, .h4Table.-spFlat > .disc, .h5Table.-spFlat > .disc,
  .h2Table.-spFlat > .square, .h3Table.-spFlat > .square, .h4Table.-spFlat > .square, .h5Table.-spFlat > .square {padding-left:1.5em!important;}
  .h2Table.-spFlat > ol, .h3Table.-spFlat > ol, .h4Table.-spFlat > ol, .h5Table.-spFlat > ol {padding-left:2em!important;}
  .h2Table.-spFlat > h2, .h3Table.-spFlat > h3, .h4Table.-spFlat > h4 {float:none; width:auto; margin-bottom:.5rem; padding:.5rem .8rem; background:#E0E9F1;}
  .h2Table.-spFlat > h2 + *, .h3Table.-spFlat > h3 + *, .h4Table.-spFlat > h4 + * {float:none; width:auto; margin:0; padding:0; border-top:0;}
  .h2Table.-spFlat > * + h2, .h3Table.-spFlat > * + h3, .h4Table.-spFlat > * + h4 {margin-top:.5em;}
}

/* ------ 横方向の段組 */
.col2, .col3, .col4, .col5,
.col2m, .col3m, .col4m, .col5m,
.pcCol2, .pcCol3, .pcCol4, .pcCol5,
.pcCol2m, .pcCol3m, .pcCol4m, .pcCol5m,
.spCol2, .spCol3, .spCol4, .spCol5,
.spCol2m, .spCol3m, .spCol4m, .spCol5m {overflow:hidden;}
.col2, .col3, .col4, .col5,
.col2m, .col3m, .col4m, .col5m {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.-rte ul.col2, .-rte ul.col3, .-rte ul.col4, .-rte ul.col5, 
.-rte ul.col2m, .-rte ul.col3m, .-rte ul.col4m, .-rte ul.col5m, 
.-rte ul.pcCol2, .-rte ul.pcCol3, .-rte ul.pcCol4, .-rte ul.pcCol5, 
.-rte ul.pcCol2m, .-rte ul.pcCol3m, .-rte ul.pcCol4m, .-rte ul.pcCol5m, 
.-rte ul.spCol2, .-rte ul.spCol3, .-rte ul.spCol4, .-rte ul.spCol5, 
.-rte ul.spCol2m, .-rte ul.spCol3m, .-rte ul.spCol4m, .-rte ul.spCol5m {overflow:hidden; padding:0; list-style-type:none!important;}
.col2 > *, .col3 > *, .col4 > *, .col5 > * {position:relative;}
.col2 > * {width:49.999%;} .col3 > * {width:33.333%;} .col4 > * {width:24.999%;} .col5 > * {width:19.999%;}
.col2m > *:nth-child(n), .col3m > *:nth-child(n), .col4m > *:nth-child(n), .col5m > *:nth-child(n) {position:relative; top:-20px; margin:20px 0 0 20px;}
.col2m > * {width:calc((100% - 21px) / 2);}
.col3m > * {width:calc((100% - 41px) / 3);}
.col4m > * {width:calc((100% - 61px) / 4);}
.col5m > * {width:calc((100% - 81px) / 5);}
.col2m > *:nth-child(2n+1), .col3m > *:nth-child(3n+1), .col4m > *:nth-child(4n+1), .col5m > *:nth-child(5n+1) {margin-left:0;}

@media (min-width:601px){
  .pcCol2, .pcCol3, .pcCol4, .pcCol5,
  .pcCol2m, .pcCol3m, .pcCol4m, .pcCol5m {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .pcCol2 > *, .pcCol3 > *, .pcCol4 > *, .pcCol5 > * {position:relative;}
  .pcCol2 > * {width:49.999%;} .pcCol3 > * {width:33.333%;} .pcCol4 > * {width:24.999%;} .pcCol5 > * {width:19.999%;}
  .pcCol2m > *:nth-child(n), .pcCol3m > *:nth-child(n), .pcCol4m > *:nth-child(n), .pcCol5m > *:nth-child(n) {position:relative; top:-20px; margin:30px 0 0 30px;}
  .pcCol2m > * {width:calc((100% - 31px) / 2);}
  .pcCol3m > * {width:calc((100% - 61px) / 3);}
  .pcCol4m > * {width:calc((100% - 91px) / 4);}
  .pcCol5m > * {width:calc((100% - 121px) / 5);}
  .pcCol2m > *:nth-child(2n+1), .pcCol3m > *:nth-child(3n+1), .pcCol4m > *:nth-child(4n+1), .pcCol5m > *:nth-child(5n+1) {margin-left:0;}
}

@media (max-width:600px){
  .pcCol2m > *:nth-child(n), .pcCol3m > *:nth-child(n), .pcCol4m > *:nth-child(n), .pcCol5m > *:nth-child(n) {position:relative; top:-20px; margin:20px 0 0;}
  .spCol2, .spCol3, .spCol4, .spCol5,
  .spCol2m, .spCol3m, .spCol4m, .spCol5m {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .spCol2 > *, .spCol3 > *, .spCol4 > *, .spCol5 > * {position:relative;}
  .spCol2 > * {width:49.999%;} .spCol3 > * {width:33.333%;} .spCol4 > * {width:24.999%;} .spCol5 > * {width:19.999%;}
  .spCol2m > *:nth-child(n), .spCol3m > *:nth-child(n), .spCol4m > *:nth-child(n), .spCol5m > *:nth-child(n) {position:relative; top:-20px; margin:20px 0 0 20px;}
  .spCol2m > * {width:calc((100% - 21px) / 2);}
  .spCol3m > * {width:calc((100% - 41px) / 3);}
  .spCol4m > * {width:calc((100% - 61px) / 4);}
  .spCol5m > * {width:calc((100% - 81px) / 5);}
  .spCol2m > *:nth-child(2n+1), .spCol3m > *:nth-child(3n+1), .spCol4m > *:nth-child(4n+1), .spCol5m > *:nth-child(5n+1) {margin-left:0;}
}

/* .idt: 直下第一要素をヘッダとするインデント */
.idt1 {padding-left:1em!important;}
ul.idt1 > li > *:first-child, .idt1:not(ul) > *:first-child {display:inline-block; width:1em; margin-left:-1em;}
.idt15 {padding-left:1.5em!important;}
ul.idt15 > li > *:first-child, .idt15:not(ul) > *:first-child {display:inline-block; width:1.5em; margin-left:-1.5em;}
.idt2 {padding-left:2em!important;}
ul.idt2 > li > *:first-child, .idt2:not(ul) > *:first-child {display:inline-block; width:2em; margin-left:-2em;}
.idt25 {padding-left:2.5em!important;}
ul.idt25 > li > *:first-child, .idt25:not(ul) > *:first-child {display:inline-block; width:2.5em; margin-left:-2.5em;}
.idt3 {padding-left:3em!important;}
ul.idt3 > li > *:first-child, .idt3:not(ul) > *:first-child {display:inline-block; width:3em; margin-left:-3em;}
.idt4 {padding-left:4em!important;}
ul.idt4 > li > *:first-child, .idt4:not(ul) > *:first-child {display:inline-block; width:4em; margin-left:-4em;}
.idt5 {padding-left:5em!important;}
ul.idt5 > li > *:first-child, .idt5:not(ul) > *:first-child {display:inline-block; width:5em; margin-left:-5em;}
.idt6 {padding-left:6em!important;}
ul.idt6 > li > *:first-child, .idt6:not(ul) > *:first-child {display:inline-block; width:6em; margin-left:-6em;}
.idt7 {padding-left:7em!important;}
ul.idt7 > li > *:first-child, .idt7:not(ul) > *:first-child {display:inline-block; width:7em; margin-left:-7em;}
.idt8 {padding-left:8em!important;}
ul.idt8 > li > *:first-child, .idt8:not(ul) > *:first-child {display:inline-block; width:8em; margin-left:-8em;}

/* form要素 */
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:30px; border-radius:0; background:#fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23000000" d="M7,10L12,15L17,10H7Z" /></svg>') no-repeat 100% 50%; background-size:24px auto;}
select:after {content:""; position:absolute; right:10px; top:calc(50% - 5px); display:block; border-left:10px transparent solid; border-bottom:10x #1a1a1a solid; transform:rotate(45deg);}
p.form__note {margin-top:.3em; font-size:85%;}
span.form__note {display:inline-block; font-size:85%;}

.sizeL {width:93%;}
.sizeM {width:70%;}
.sizeS {width:50%; min-width:150px;}
.sizeSS {width:12%; min-width:80px;}
input, select, textarea {margin:2px;}
input[type="radio"], input[type="checkbox"] {margin:0 .3em 0 0;}
textarea {width:93%; height:10em;}
label {display:inline-block; margin-right:1.2em;}

.button {text-align:center;}
.button button {margin:2px;}
dt.req:before {content:"必須"; display:inline-block; margin-right:.4em; padding:0 .4em; background:#f45577; line-height:1.7; font-size:11px; color:#fff;}
.IB.req {display:inline-block; margin-right:.4em; padding:0 .4em; background:#f45577; line-height:1.7; font-size:11px; color:#fff;}

.error, .error_messe {color:#e35;}
.error_messe + .error_messe {margin-top:-.4em;}
.formTable {width:100%; margin:25px 0;}
.formTable th, formTable td {padding:.8em 0; border:#bbb solid; border-width:1px 0 0; background:none; line-height:inherit; background:none;}
.formTable th {width:25%; font-weight:bold; text-align:left;}
.formTable td {width:75%;}
.formTable tr:first-child > * {border-top:0;}

@media (min-width:601px) {
  .pcSizeM {width:50%;}
  .pcSizeS {width:25%;}
  .pcSizeSS {width:15%;}
}

@media (max-width:600px){
  input[type="text"], .sizeL, .sizeM, input[type="search"], textarea {width:93%;}
  .pcSizeM, .pcSizeS, .pcSizeSS {max-width:93%;}
  .formTable, .formTable tbody, .formTable tr {display:block;}
  .formTable th, .formTable td {display:block; width:auto; padding:.4em 0; border:0;}
  .formTable th {padding:.4em .6em; font-weight:500; background:#F1F3F6;}
  .formTable tr + tr {margin-top:15px;}
}

.clickable {cursor:pointer;}
.clickable:hover {opacity:.8;}
.clickable a img:hover {opacity:1;}

/*
font-family:'Barlow Condensed', sans-serif;
font-family:'Raleway', sans-serif;
*/

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

  全体レイアウトと各ブロック内のスタイル
  
----------------------------------------------------------------------------------------------------------------------------------------*/


/* =============== 全体 */

body {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; min-height:100vh; /* flexはフッタ下の余白発生防止用 */
  background:#EFF3F4;
  font:1.6rem/1.8 "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a; font-feature-settings:"pkna";}
main {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
.content {margin:0 auto; position:relative;}
.content:after {content:""; display:block; clear:both;}

@media (min-width:981px) {
  body {-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
}

@media (min-width:601px) {
  .pageHeader, .home__mv, main, .pageFooter {width:100%; min-width:980px;}
  .content {width:calc(100% - 50px); max-width:1200px; min-width:950px;}
}

@media (max-width:600px) {
  html {font-size:54%;}
  body {padding-top:47px;}
  .navOverlay {width:100%; height:100%; position:fixed; top:0; left:0; z-index:10; background:rgba(0,0,0,.4); display:none; z-index:900;}
  .pageHeader, .pageFooter {min-width:320px;}
  .content {width:auto; margin:0 15px;}
}


/* =============== ヘッダ */

.pageHeader {position:sticky; top:0; left:0; width:100%; z-index:998; background:#fff;}
.pageHeader * {transition:.2s all;}
.pageHeader a {text-decoration:none;}
.pageHeader li {position:relative;}
.pageHeader .__subnav img {height:22px; vertical-align:middle;}
.pageHeader .__phone {font-family:'Barlow Condensed', sans-serif;}
.pageHeader .__searchbox input {width:120px; margin:0; padding:0; border:0; border-bottom:1px #fff solid; background:transparent; color:#fff;}
.pageHeader .__searchbox .fs-btn {width:38px; border:1px #fff solid; border-radius:2px; margin-left:2px; padding:0 .1em; text-align:center;}
.pageHeader .__group {text-indent:100%; overflow:hidden; white-space:nowrap;}
.pageHeader .__subnav .__btn a[href*="downloads"] {background:#3E83E4;}
.pageHeader .__subnav .__btn a[href*="contact"] {background:#46BDB8;}
.pageHeader .__subnav .__btn {overflow:hidden;}
.pageHeader .__subnav .__btn li {float:left; display:table;}
.pageHeader .__subnav .__btn a {display:table-cell; vertical-align:middle; text-align:center;}
.pageHeader .__subnav .__btn a img {margin-right:6px;}
.pageHeader .__subnav .__btn a span {display:inline-block; vertical-align:middle; text-align:left; line-height:1.33; font-weight:bold;}

/*.pageHeader .__searchboxOpener {display:none!important;} */
.pageHeader .__searchboxOpener #search {display:contents;}

@media (min-width:601px) {
  #spNav {display:none;}
  .pageHeader {--headerHeight:66px; height:var(--headerHeight); background:#283654; color:#fff;}
  .pageHeader a {color:#fff;}
  .pageHeader .__siteName {float:left; height:var(--headerHeight); padding:0 20px;background:#fff;}
  .pageHeader .__siteName:before {content:""; display:inline-block; height:var(--headerHeight); vertical-align:middle;}
  .pageHeader .__siteName img {width:305px; vertical-align:middle;}
  .pageHeader .__group {float:right; height:var(--headerHeight); width:130px; background:url(../../images/common/group_logo_wh.png) no-repeat 50% 50%; background-size:95px auto;}
  .pageHeader nav {display:block!important;}
  .pageHeader .__subnav {position:relative; z-index:10; float:right;}
  .pageHeader .__subnav,
  .pageHeader .__subnav .__txtLink {display:table; height:var(--headerHeight);}
  .pageHeader .__subnav > *,
  .pageHeader .__subnav .__txtLink li {display:table-cell; vertical-align:middle;}  
  .pageHeader .__subnav .__txtLink {margin-right:20px; font-size:1.3rem;}
  .pageHeader .__subnav .__txtLink li {position:relative; padding:0 14px;}
  .pageHeader .__subnav .__txtLink li + li:before {content:""; display:block; position:absolute; left:0; height:1.3rem; margin-top:.25em; border-left:1px rgba(255,255,255,.3) solid;}
  .pageHeader .__searchbox {display:inline-block; max-width:0; max-height:0; overflow:hidden; opacity:0; white-space:nowrap;}
  .pageHeader .__phone  {padding-right:20px; font-size:26px; letter-spacing:.06em;}
  .pageHeader .__phone:before {content:""; display:inline-block; width:calc((100vw - 980px) * .08); min-width:16px;}
  .pageHeader .__phone img {height:14px; margin-right:10px; vertical-align:3%;}
  .pageHeader .__subnav .__btn li {height:var(--headerHeight);}
  .pageHeader .__subnav .__btn a:before {content:""; display:block; width:13vw; min-width:150px;}
  .gnav {position:relative; clear:both; background:rgba(0,18,97,.07); padding-right:20px; line-height:56px; text-align:right; font-weight:bold;}
  .gnav li {display:inline-block;}
  .gnav li + li:before {content:""; display:inline-block; vertical-align:-4%; height:.9em; margin-inline:.6em .9em; border-left:1px #fff solid;}
  .gnav a {display:inline-block; position:relative; color:#fff;}
  .gnav a.here:after {content:""; display:block; position:absolute; bottom:8px; left:0; width:100%; height:2px; background:#fff;}
  .gnav a ~ ul {display:none;}
  
  .-scrolled .pageHeader {--headerHeight:48px; height:auto;}
  .-scrolled .pageHeader .__siteName img {width:280px;}
  .-scrolled .pageHeader .gnav {background:#374564; line-height:36px; font-size:93%;}
  .-scrolled .pageHeader .gnav li + li:before {margin-inline:.8em 1em;}
  .-scrolled .gnav a.here::after {bottom:1px;}
}
@media (min-width:1181px){
  .__searchboxOpener:has(.on) .__searchbox {vertical-align:middle; max-width:160px; max-height:3rem; opacity:1;}
}
@media (min-width:601px) and (max-width:1180px){
  .pageHeader .__phone {font-size:22px;}
  .pageHeader .__phone:before {width:10px; min-width:0;}
  .pageHeader .__phone img {height:12px; margin-right:6px;}
  .pageHeader .__subnav .__txtLink li {padding:0 10px;}
  .pageHeader .__subnav .__btn {font-size:1.4rem;}
  .pageHeader .__subnav .__btn a:before {width:140px; min-width:0;}
  .pageHeader .__searchbox {position:absolute; right:0; top:calc(50% + 1.5em);}
  .__searchboxOpener:has(.on) .__searchbox {max-width:200px; max-height:3em; padding:.6em .8em; border-radius:4px; background:#171f31dd; opacity:1; white-space:nowrap;}
  .pageHeader .gnav a + ul {display:none;}
}
@media (max-width:600px) {
  .pageHeader {height:47px; position:fixed; top:0; left:0; width:100%; background:#fff;}
  .pageHeader .content {margin:0;}
  .pageHeader .__siteName {float:none; width:200px; margin-left:15px; padding:8px 0;}
  .pageHeader .__group {position:absolute; top:calc(50% - 12px); right:60px; height:30px; width:60px; background:url(../../images/common/group_logo.png) no-repeat 50% 50%; background-size:contain;}
  #spNav {display:block; width:38px; height:35px; position:absolute; top:50%; right:10px; transform:translate(0,-50%); padding-top:10px; text-align:center; font-size:10px; cursor:pointer;}
  #spNav:before {content:""; display:block; width:30px; height:3px; margin:0 auto 2px; background:#246AB5; box-shadow:0 -7px 0 #246AB5, 0 7px 0 #246AB5;}
  #spNav:after {content:"メニュー"; display:inline-block; transform:scale(.77); margin-top:8px; letter-spacing:.04em; text-indent:-.08em; text-align:center; line-height:1; color:#246AB5;}
  .pageHeader nav {display:none; position:absolute; width:100%; background:#283654; box-shadow:0 4px rgba(0,0,0,.2); color:#fff;}
  .pageHeader nav a {color:inherit;}
  .pageHeader .__subnav .__txtLink {display:table; width:100%; height:40px;}
  .pageHeader .__subnav .__txtLink li {display:table-cell; vertical-align:middle; white-space:nowrap; text-align:center;}  
  .pageHeader .__subnav .__txtLink {font-size:1.3rem;}
  .pageHeader .__subnav .__txtLink li {position:relative; padding:0 14px;}
  .pageHeader .__subnav .__txtLink li + li:before {content:""; display:block; position:absolute; top:50%; left:0; transform:translate(0,-50%); height:1.3rem; border-left:1px rgba(255,255,255,.3) solid;}
  .__searchbox {display:inline-block; vertical-align:middle; text-align:center;}
  .__searchbox button {border:1px #fff solid!important; background:transparent; line-height:1.5; color:#fff;}
  .pageHeader .__subnav .__btn li {width:50%;}
  .pageHeader .__subnav .__btn li a {height:40px;}
  .pageHeader .gnav {display:block; background:#3B4964; max-height:calc(100vh - 167px); overflow:auto;}
  .pageHeader .gnav li {float:none; display:block; width:auto;}
  .pageHeader .gnav a {display:block; padding:.8em 12px; color:#fff;}
  .pageHeader .gnav > li + li > a {border-top:1px rgba(255,255,255,.2) solid;}
}

/* ナビ副階層 */
@media (max-width:600px) {
  .pageHeader nav .pr + ul {display:block; width:100%; opacity:0; height:0; max-height:0; overflow:hidden; transition:max-height .2s linear, opacity .1s linear; color:#fff;}
  .pageHeader nav .pr + ul a {position:relative; display:block; padding:.8em 10px; color:#fff;}
  .pageHeader nav .pr + ul li + li a:before {content:""; width:90%; position:absolute; top:0; left:5%; border-top:1px rgba(255,255,255,.2) solid;}

  .pageHeader .gnav a:not(:only-child) {position:relative;}
  .pageHeader .gnav a:not(:only-child):before,
  .pageHeader .gnav a:not(:only-child):after {content:""; display:block; position:absolute; left:auto; right:12px; top:50%; width:8px; height:auto; margin-top:-1px; border:#fff solid; border-width:2px 0 0; transform:rotate(0deg); transition:all .2s;}
  .pageHeader .gnav a:not(:only-child):after {transform:rotate(90deg);}
  .pageHeader .gnav a:not(:only-child) + ul a {padding:.75em 12px .75em 24px; background:rgba(255,255,255,.08);}
  .pageHeader .gnav a:not(:only-child) + ul li + li a:before {width:calc(100% - 40px); left:20px;}
  .pageHeader .gnav a:not(:only-child).open + ul {position:relative; display:block; opacity:1; width:100%!important; height:auto; max-height:2500px; margin:0; padding:0;}
  .pageHeader .gnav a:not(:only-child).open:after {transform:rotate(0deg);}
}


/* =============== フッタ */

.pageFooter {background:#283654; color:#fff;}
.pageFooter * {transition:.2s all;}
.pageFooter a {text-decoration:none; color:#fff;}
/*.pageTOP {position:absolute; right:0; text-align:right; font-size:1.3rem;}
.pageTOP span {display:inline-block; cursor:pointer; padding:.15em .8em 0; background:#283654; transform:translate(0,-100%);}
.pageTOP span:before {content:""; display:inline-block; width:6px; height:6px; margin-right:.6em; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(-45deg);}
.pageTOP span:after {content:"このページの先頭へ";}
*/
.fixedBox {position:fixed; display:flow-root; bottom:10px; right:10px; z-index:100; transition:.1s all;}
.fixedBox:not(:has(.pageTOP.-show)) {bottom:-36px;}
.fixedBox > *:not(.pageTOP) {margin-bottom:12px;}
.fixedBox ._bnr {transition:.3s all; box-shadow:0 4px 6px #0002; overflow:hidden;}
.fixedBox ._bnr a img {transition:.2s all; max-width:max(30vw,180px);}
.fixedBox ._bnr a img:hover {opacity:1; filter:contrast(80%) brightness(1.2) saturate(.9);}
.-scrolledToEnd .fixedBox ._bnr {translate:150% 0!important; opacity:0;}
.pageTOP {position:relative; float:right; width:36px; height:36px; border:0; border-radius:50%; background:rgba(40,40,40,.8); opacity:.5; cursor:pointer; transition:.1s all;}
.pageTOP:hover {opacity:.8;}
.pageTOP:after {content:""; position:absolute; top:36%; left:60%; display:block; width:12px; height:12px; border:#fff solid; border-width:5px 5px 0 0; transform:rotate(-45deg) translate(-50%,-50%);}
.pageTOP:not(.-show) {opacity:0;}

@media (min-width:601px) {
  .fixedBox ._bnr button {display:none;}
}
@media (max-width:600px) {
  .fixedBox ._bnr {display:flex; translate:10px 0; border-radius:6px 0 0 6px;}
  .fixedBox ._bnr button {display:flex; align-items:center; justify-content:center; padding:0 5px; border:0; background:#336BB7;}
  .fixedBox ._bnr button:before {content:""; display:block; width:6px; height:12px; background:#fff; clip-path:polygon(0 0, 100% 50%, 0 100%); transition:.3s all;}
  .fixedBox ._bnr:has(button[aria-label="バナーを表示する"]) {translate:calc(100% - 6px) 0;}
  .fixedBox ._bnr button[aria-label="バナーを表示する"]:before {scale:-1 1;}
}

.contactBar {background:#fff; text-align:center;}
.contactBar dt b {display:block; font-family:"Barlow Condensed"; font-size:4.8rem; font-weight:normal; line-height:1; letter-spacing:.06em;}
.contactBar dt b img {width:42px; margin-right:10px; vertical-align:0%;}
.contactBar dt b a {text-decoration:none;}
.contactBar dd a {color:#fff; line-height:1.3; font-size:2.1rem; font-weight:bold; text-decoration:none;}
.contactBar dd a[href*="downloads"] {background:#2982E1;}
.contactBar dd a[href*="contact"] {background:#21BDB7;}
.contactBar dd a img {height:40px; margin-right:10px;}
.contactBar dd a img + span {display:inline-block;}
.contactBar dd a[href*="downloads"] > * {vertical-align:middle;}

.miscBnrs {background:#D0DBE0;}
.miscBnrs li a {display:table; width:100%; background:#fff; font-size:93%; line-height:1.4; text-decoration:none;}
.miscBnrs:not(.-type2) li a > * {display:table-cell; vertical-align:middle;}
.miscBnrs li .__pic {width:70px; height:70px;}
.miscBnrs li .__pic img {width:100%;}
.miscBnrs li .__txt {padding:.3em 1.2em;} 
.miscBnrs.-type2 a {display:block; background:transparent; text-align:center; font-size:1.4rem; color:#4c7fc0;}
.miscBnrs.-type2 img {width:100%;}
.miscBnrs.-type2 p {margin-top:.5em;}
.miscBnrs.-type2 p:after {content:""; display:inline-block; vertical-align:10%; width:6px; height:6px; margin-left:.4em; border:#4c7fc0 solid; border-width:1px 1px 0 0; transform:rotate(45deg);}

.dirNav {position:relative; background:#4C7FC0; overflow:hidden;}
.dirNav .__label {font-weight:bold;}
.dirNav :is(.content > ul > li, ._segmentedBody dd) > a {display:inline-block; padding:.3rem 0 .3rem 1rem; border-left:3px #283654 solid; line-height:1.33;}
.dirNav ._segmentedBody dt {font-size:108%; font-weight:bold;}
.dirNav ._segmentedBody dd {margin-top:1rem;}

.subDirNav {background:#c2d3e6;}
.subDirNav li {display:inline-block; margin:.2rem 1.8em .2rem 0;}
.subDirNav a {position:relative; display:inline-block; padding-left:24px;color:#1a1a1a;}
.subDirNav a:before {content:""; position:absolute; left:0; top:.3rem; display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; background:#4c7fc0;}
.subDirNav a:after {content:""; display:inline-block; width:5px; height:5px; border:#fff solid; border-width:2px 2px 0 0; position:absolute; left:.3rem; top:.75rem; transform:rotate(45deg);}

@media (min-width:601px) {
  .contactBar .content {padding:60px 0;}
  .contactBar dl {display:inline-block; overflow:hidden;}
  .contactBar dl > * {float:left;}
  .contactBar dt {margin-right:50px;}
  .contactBar dd {display:table; border-spacing:10px;}
  .contactBar dd a {display:table-cell; width:260px; height:100px; border-radius:8px; vertical-align:middle;}
  .miscBnrs .content {padding:50px 0;}
  .miscBnrs ul {overflow:hidden;}
  .miscBnrs:not(.-col2) li {float:left; width:32%; margin-left:2%;}
  .miscBnrs:not(.-col2) li:nth-child(3n+1) {clear:left; margin-left:0;}
  .miscBnrs:not(.-col2) li:nth-child(3) ~ li {margin-top:20px;}
  .miscBnrs.-col2 .content {padding-bottom:40px;}
  .miscBnrs.-col2 li {float:left; width:49%; margin-left:2%;}
  .miscBnrs.-col2 li:nth-child(2n+1) {clear:left; margin-left:0;}
  .miscBnrs.-col2 li:nth-child(2) ~ li {margin-top:20px;}
  .dirNav .__label {position:relative; float:left; width:25%; padding:0 30px 0 0; font-size:2.4rem; line-height:1.33;}
  .dirNav :is(.content > ul, ._segmentedBody) {margin-left:25%; font-size:1.5rem; overflow:hidden;}
  .dirNav .content > ul > li {float:left; width:calc(33.33% - 27px); min-height:5rem; margin:0 0 20px 40px;}
  .dirNav .content > ul > li:nth-child(3n+1) {margin-left:0; clear:both;}
  .dirNav .content > ul > li:nth-child(3n+1):nth-last-child(1),
  .dirNav .content > ul > li:nth-child(3n+1):nth-last-child(2),
  .dirNav .content > ul > li:nth-child(3n+2):nth-last-child(1),
  .dirNav .content > ul > li:nth-child(3n+1):nth-last-child(3),
  .dirNav .content > ul > li:nth-child(3n+2):nth-last-child(2),
  .dirNav .content > ul > li:nth-child(3n):nth-last-child(1) {min-height:0; margin-bottom:0;}
  .dirNav ._segmentedBody {columns:3; column-gap:3%;}
  .dirNav ._segmentedBody > div {break-inside:avoid; margin-bottom:2rem;}

  .pageFooter .content {padding:40px 0; font-size:1.4rem;}
  .pageFooter > .content:last-child {padding-bottom:25px;} 
  .pageFooter .__nav1 {float:left; width:calc(75% - 10px); columns:3; column-gap:40px;}
  .pageFooter .__nav1 li {line-height:1.4; margin-bottom:3rem; page-break-inside:avoid; break-inside:avoid-column;}
  .pageFooter .__nav1 ul li {margin-bottom:.6rem;}
  .pageFooter .__nav1 > li > a {display:block; margin-bottom:.7rem; padding-bottom:.5rem; border-bottom:1px #fff solid; font-size:1.6rem; font-weight:bold;}
  .pageFooter .__nav1 > li:last-child {min-height:10em;}  
  .pageFooter .__nav2 {margin-left:calc(75% + 30px);}
  .pageFooter address {clear:both; text-align:right;}
  .pageFooter address img[src*="footer_logo"] {width:310px; margin-bottom:10px;}
  .pageFooter address br:nth-of-type(2) {display:none;}
  .pageFooter .__copyright {margin-top:1rem; font-size:1.1rem; text-align:right;}
}
@media (min-width:1201px) {
  .pageFooter .__nav1 {position:relative; z-index:10; width:calc(80% - 8px); columns:4;}
  .pageFooter .__nav2 {position:relative; z-index:10; margin-left:calc(80% + 32px);}
  body:not(.en) .pageFooter address {position:relative; z-index:0; top:-60px; margin-bottom:-60px;}
  body:not(.en) .pageFooter address br:nth-of-type(2) {display:inline-block;}
}
@media (max-width:600px) {
  .contactBar .content {padding:30px 0;}
  .contactBar dd {margin-top:25px;}
  .contactBar dd a {display:block; width:300px; margin:10px auto; padding:10px 0; border-radius:5px;}
  .miscBnrs .content {padding:40px 0;}
  .miscBnrs li {max-width:300px; margin:0 auto;}
  .miscBnrs li + li {margin-top:10px;}
  .miscBnrs li .__pic {width:55px; height:55px;}
  .dirNav .content {padding:16px 0;}
  .dirNav .__label {font-weight:bold; font-size:1.8rem;}
  .dirNav .content > ul > li {margin-top:1rem;}
  .dirNav :is(._segmentedBody, ._segmentedBody > div) {margin-top:1.5rem;}
  .subDirNav {padding:16px 0;}
  .pageFooter > .content:last-child {padding:16px 0;}
  .pageFooter address {margin-top:30px; text-align:center;}
  .pageFooter address img {width:260px; margin-bottom:1rem;}
  .pageFooter .__copyright {margin-top:1rem; font-size:1rem; text-align:center;}
  .pageFooter ul[class*="__nav"] {margin-top:0!important;}
  .pageFooter ul[class*="__nav"] > li {padding-left:16px;}
  .pageFooter ul[class*="__nav"] > li + li {margin-top:.15em;}
  .pageFooter ul[class*="__nav"] > li > a:not(:only-child):before {content:"+"; display:inline-block; width:10px; height:10px; margin:0 6px 0 -16px; border:1px #fff solid; line-height:8px; text-align:center; transform:scale(.8);}
  .pageFooter ul[class*="__nav"] a ~ ul {max-height:0; opacity:0; padding-left:20px; overflow:hidden;}
  .pageFooter ul[class*="__nav"] a.open ~ ul {max-height:500px; opacity:1; padding-bottom:.3em;}
  .pageFooter ul[class*="__nav"] a ~ ul a:before {content:""; display:inline-block; vertical-align:20%; width:6px; border-top:1px #fff solid; margin:0 6px 0 -12px;}
}


/* =============== メイン */

main {position:relative; z-index:1; overflow:hidden;}

/* コンテンツエリア マージン指定 */
main .pageTitle ~ .content,
main .pageTitle ~ section > .content {padding:6rem 0;}
main .pageTitle ~ .content:last-child,
main .pageTitle ~ section:last-child > .content:last-of-type {padding-bottom:10rem;}
main *:last-child {margin-bottom:0;}
main * + p,
main * + ul,
main * + ol,
main * + dl,
main * + table {margin-top:.8em;}
main ul:not[class] {padding-left:1.5em; list-style-type:disc;}
main ul:not[class] > li > ul:not[class] {padding-left:1.5em; list-style-type:circle;}
main h4 + *, main .h4 + *,
main h5 + *, main .h5 + *,
main h6 + *, main .h6 + * {margin-top:0;}

@media (min-width:601px) {
  main {min-width:980px; line-height:1.67;}
}

@media (max-width:600px) {
  main {min-width:320px;}
  main .pageTitle ~ .content,
  main .pageTitle ~ section > .content {width:auto; margin:0 15px;}
  main .pageTitle ~ .content,
  main .pageTitle ~ section > .content {padding:5rem 0;}
  main .pageTitle ~ .content:last-child,
  main .pageTitle ~ section:last-child > .content:last-of-type {padding-bottom:8rem;}
}



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

  メインコンテンツ 汎用スタイル

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


/* ページタイトル */
.pageTitle {position:relative;}
.pageTitle .content {height:100%;}
.pageTitle:before {content:""; display:block; position:absolute; background:#3B4964;}
.pageTitle a {text-decoration:none; color:inherit;}
.pageTitle .__pic {position:absolute;}
.pageTitle .__pic img {object-fit:cover; width:100%; height:100%; opacity:.8;}
.pageTitle .__txt {font-weight:bold;}

.pageTitle .__enSub {position:absolute; color:#a7bcdf; font-family:'Raleway', sans-serif; line-height:1.1; text-transform:uppercase; opacity:.2; white-space:nowrap;}
.pageTitle.-short .__enSub {display:none;}

@media (min-width:601px) {
  .pageTitle {height:500px; padding-top:56px; overflow:hidden;}
  .pageTitle:before {bottom:110px; left:0; height:100%; width:100%;}
  .pageTitle .__pic {left:33.33%; top:0; height:440px; width:calc(200px + 50vw); min-width:calc(66.66% + 15px); background:#0b274d;}
  .pageTitle .__txt .__01 {position:absolute; bottom:54%; padding-right:60px; line-height:1.33; color:#fff; font-size:3.6rem; letter-spacing:.15em;}
  .pageTitle .__txt .__01:after {content:""; display:block; min-width:450px; margin-top:10px; border-bottom:1px #fff solid;}
  .pageTitle .__txt .__01:not(:last-child) {max-width:calc(33.33% - 70px); min-width:32%;}
  .pageTitle .__txt .__01:not(:last-child):after {min-width:calc(33.33% - 100px);}
  .pageTitle .__txt .__02 {position:absolute; left:calc(33.33% - 100px); top:45%; transform:translate(0,-67%); background:#fff; padding:.5rem 1.6rem;}
  .pageTitle .__txt .__02 > * {display:inline-block; position:relative; line-height:1.16;}
  .pageTitle .__txt .__02 > *:first-child:not(:last-child) {vertical-align:-16%; padding:.8rem 0 0.2rem; font-size:2.4rem; color:#505F7D;}
  .pageTitle .__txt .__02 > *:first-child:not(:last-child):after {content:""; display:inline-block; vertical-align:-5%; height:.8em; margin:0 1rem 0 2rem; padding:.4rem 0; border-left:1px #505F7D solid;}
  .pageTitle .__txt .__02 > *:last-child {vertical-align:middle; font-size:3.6rem; color:#3B4964;}
  body:has(.breadcrumb a:is([href*="/sustainability/"],[href*="/ir/"])) .pageTitle .__txt .__01 {width:400px; padding-right:0;}
  body:has(.breadcrumb a:is([href*="/sustainability/"],[href*="/ir/"])) .pageTitle .__txt .__01:after {width:400px;}
  body:has(.breadcrumb a[href*="/sustainability/"]) .pageTitle .__txt .__02 {left:320px;}
  body:has(.breadcrumb a[href*="/ir/"]) .pageTitle .__txt .__02 {left:350px;}
  .pageTitle .__enSub {bottom:65px; left:calc(50% - 50vw + 35px); font-size:9rem; font-weight:700;}
  .pageTitle.-short {height:360px;}
  .pageTitle.-short .__pic {height:304px;}
  .pageTitle.-short:before {bottom:45px;}
  .pageTitle.-short .__txt .__01 {bottom:40%;}
  .pageTitle.-short .__txt .__02 {top:58%;}
  .pageTitle.-solution .__txt .__01:not(:last-child) {max-width:100%;}
  .pageTitle.-solution .__txt .__01:not(:last-child) a {padding-right:3em;}
  .pageTitle.-solution .__txt .__02 {left:31em;}
}
@media (min-width:601px) and (max-width:980px) {
  .pageTitle .__enSub {left:10px;}
}
@media (max-width:600px) {
  .pageTitle {height:50vw; margin-bottom:2rem;}
  .pageTitle .__pic {left:-15px; top:0; width:calc(100% + 30px); height:90%;}
  .pageTitle .__txt {position:absolute; right:-15px; bottom:0; min-width:80%; padding:1rem 1.6rem; background:#3B4964; font-size:2.6rem; line-height:1.16; color:#fff;}
  .pageTitle .__txt .__01:only-child {padding:.6em 0;}
  .pageTitle .__txt .__01:not(:only-child) {position:absolute; top:-1em; margin-left:-25px; padding:.1em .4em; background:#fff; color:#3B4964; font-size:85%;}
  .pageTitle .__txt .__02 {padding:1.2rem 0 .6rem;}
  .pageTitle .__txt .__02 > *:first-child:not(:last-child) {display:block; margin-bottom:.5rem; font-size:2rem; opacity:.8;}
  .pageTitle.-nopic {height:auto; padding-top:4rem; background:#3B4964;}
  .pageTitle.-nopic .__txt {position:relative; right:0; width:100%; padding:1rem 0;}
  .pageTitle.-nopic .__txt .__01:not(:only-child) {margin-left:0;}
/*
  .pageTitle {height:65vw;}
  .pageTitle.-short {height:55vw;}
  .pageTitle:before {height:60vw; width:100%; left:0; top:0;}
  .pageTitle.-short:before {height:50vw;}
  .pageTitle .__pic {left:3vw; top:25vw; width:calc(100% - 3vw + 15px); height:40vw;}
  .pageTitle.-short .__pic {left:10vw; width:calc(100% - 10vw + 15px); height:30vw;}
  .pageTitle .__txt {position:relative; height:100%; color:#fff; font-size:2.6rem; line-height:1.16;}
  .pageTitle .__txt .__01 {position:relative; margin:0 3vw; padding:9vw 0 2rem;}
  .pageTitle .__txt .__01:after {content:""; display:block; width:33vw; position:absolute; left:calc(-3vw - 15px); bottom:0; border-top:1px #fff solid;}
  .pageTitle .__txt .__01:not(:only-child) {font-size:85%;}
  .pageTitle .__txt .__01:not(:only-child):after {left:auto; left:0; width:95%;}
  .pageTitle .__txt .__02 {float:right; position:relative; top:-2vw; min-width:70%; max-width:90%; margin-right:-15px; padding-right:15px;}
  .pageTitle .__txt .__02 > *:first-child:not(:last-child) {font-size:2rem;}
  .pageTitle .__enSub {bottom:0; left:0; font-size:5rem;}
*/
}

/* パンくず */
.breadcrumb {line-height:1.5; font-size:1.2rem; overflow:hidden; opacity:.6;}
.breadcrumb li {float:left;}
.breadcrumb li:after {content:""; display:inline-block; vertical-align:5%; width:6px; height:6px; margin:0 .6em; border:#333 solid; border-width:1px 1px 0 0; transform:rotate(45deg);}
.breadcrumb li:last-child:after {display:none;}
.breadcrumb a {text-decoration:none;}
.breadcrumb img {height:1.1em; vertical-align:-5%;}

@media (min-width:601px){
  .breadcrumb {position:absolute; width:30%; height:1.6; bottom:40px; left:0; margin:25px 0;}
  .pageTitle.-nopic .breadcrumb {width:auto;}
  .pageTitle.-short .breadcrumb {bottom:-.3em;}
}
@media (max-width:600px){
  .breadcrumb {position:absolute; bottom:0; transform:translate(0,145%);}
}

/* 見出し */
h2, .h2 {margin:0 0 .8em; padding:0; border:0; line-height:1.4; color:#336BB7; font-size:2.6rem; font-weight:bold;}
* + h2, * + .h2 {margin-top:3em;}
h2:before, .h2:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h2:after, .h2:after {content:""; display:none; width:0; height:0; border:0; transform:none;}
h2.-huge, .h2.-huge {font-size:3.6rem;}

h3, .h3 {margin:0 0 .67em; padding:0; border:0; line-height:1.45; font-size:2.33rem; font-weight:bold;}
* + h3, * + .h3 {margin-top:1.8em;}
h3:before, .h3:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h3:after, .h3:after {content:""; display:none; width:0; height:0; border:0; transform:none;}

h4, .h4 {margin:0 0 .5em; padding:0; border:0; line-height:1.5; font-size:1.9rem; font-weight:bold;}
* + h4, * + .h4 {margin-top:1.5em;}
h4:before, .h4:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h4:after, .h4:after {content:""; display:none; width:0; height:0; border:0; transform:none;}

h5, .h5 {margin:0 0 .4em; padding:0; border:0; line-height:1.6; font-size:1.75rem; font-weight:bold;}
* + h5, * + .h5 {margin-top:1.2em;}
h5:before, .h5:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h5:after, .h5:after{content:""; display:none; width:0; height:0; border:0; transform:none;}

h6, .h6 {margin:0 0 .2em; padding:0; border:0; font-size:1.6rem; font-weight:bold;}
* + h6, * + .h6 {margin-top:.8em;}
h6:before, .h6:before {content:""; display:none; width:0; height:0; border:0; transform:none;}
h6:after, .h6:after {content:""; display:none; width:0; height:0; border:0; transform:none;}

.-ttl1 {position:relative; padding-left:.8em;}
.-ttl1:before {content:""; display:block; height:calc(100% - .4em); position:absolute; left:0; top:.2em; border-left:.3em #336bb7 solid;}
.-borderedHeadline, .-bdhl {position:relative;}
.-borderedHeadline:before, .-bdhl:before {content:""; display:block; position:absolute; left:0; bottom:.4em; z-index:0; width:100%; border-bottom:1px #336BB7 solid;}
.-borderedHeadline .-wrap, .-bdhl .-wrap {position:relative; z-index:1; margin-left:-15px; padding:0 15px; background:#EFF3F4;}
.padbox .-borderedHeadline .-wrap, .padbox .-bdhl .-wrap {background:#e6ebee;}

.catch1 {font-size:2.1rem; font-weight:bold; letter-spacing:.06em; color:#283654;}
.largeCatch {font-size:2.8rem; line-height:1.5;}

/* 階層トップ1 画像が大きい */
.dirTopIndex1:not(:first-child) {margin-top:60px;}
.dirTopIndex1:not(:last-child) {margin-bottom:60px;}
.dirTopIndex1 > li {position:relative; display:flow-root;}
.dirTopIndex1.-hasBtn :is(.__txt, .__pic) {cursor:pointer;}
.dirTopIndex1.-hasBtn > li:hover .__txt > * {opacity:.8;}
.dirTopIndex1.-hasBtn > li:hover .__pic img {filter:brightness(1.2) contrast(.8);}
.dirTopIndex1 .__txt {position:relative; z-index:2; background:#fff;}
.dirTopIndex1 .__txt:before {content:""; display:block; display:none; position:absolute; bottom:-25px; right:-25px; z-index:-1; width:60%; height:95%; 
  background-size:1rem 1rem;
  background-image:linear-gradient(135deg, #336BB7 18%, transparent 18%, transparent 50%, #336BB7 50%, #336BB7 68%, transparent 68%, transparent);}
.dirTopIndex1 .__txt:after {content:""; display:block; position:absolute; top:50%; right:35px; width:15px; height:15px; border:#336BB7 solid; border-width:5px 5px 0 0; transform:rotate(45deg) translate(0,-50%);}
.dirTopIndex1 .__txt a {text-decoration:none; color:inherit;}
.dirTopIndex1 .__txt b {display:block; line-height:1.4; color:#336BB7; font-size:2.6rem;}
.dirTopIndex1 .__txt b + p {margin-top:.3em;}
.dirTopIndex1 .__pic {position:relative; z-index:1; overflow:hidden;}
.dirTopIndex1 .__pic img {object-fit:cover; width:100%; height:100%;}
.dirTopIndex1 .btn1.-vid {margin-top:15px;}
.dirTopIndex1 .btn1.-vid a {padding-right:40px; background:#336BB7; font-size:110%; color:#fff;}
.dirTopIndex1 .btn1.-vid a:hover {filter:brightness(1.08);}
.dirTopIndex1 .btn1.-vid a:after {all:initial; content:""; display:block; width:20px; height:24px; position:absolute; right:10px; top:calc(50% - 12px); background:url(../../images/common/icon_movie_wh.png) no-repeat 50% 50%; background-size:contain;}
.dirTopIndex1 > li:nth-of-type(2n) .btn1 {float:right;}

@media (min-width:601px) {
  .dirTopIndex1 > li {height:calc(30vw + 35px); min-height:415px; margin:60px 0; padding-top:65px;}
  .dirTopIndex1 > li:before {content:""; display:block; position:absolute; z-index:-3; left:calc(50% - 50vw); bottom:0; width:calc(50vw + 50% - 50px); min-width:920px; height:calc(100% - 115px); background:#dce7f0;}
  .dirTopIndex1 .__txt {width:425px; padding:30px 70px 30px 50px;}
  .dirTopIndex1 .__pic {position:absolute; top:0; left:400px; min-width:565px; height:30vw; min-height:385px; width:calc(50vw + 50% - 400px); background:#aaa;}
  .dirTopIndex1 > li:nth-of-type(2n):before {left:auto; right:calc(50% - 50vw);}
  .dirTopIndex1 > li:nth-of-type(2n) .__txt {margin-left:calc(100% - 425px);}
  .dirTopIndex1 > li:nth-of-type(2n) .__pic {left:auto; right:400px;}
}
@media (min-width:601px) and (max-width:980px){
  .dirTopIndex1 > li:before {left:-15px;}
  .dirTopIndex1 > li:nth-of-type(2n):before {right:-15px;}
}
@media (max-width:600px) {
  .dirTopIndex1 {margin-bottom:60px;}
  .dirTopIndex1 > li {margin-top:30px;}
  .dirTopIndex1 .__pic {z-index:-2; width:calc(100% + 30px); margin-left:-15px; height:40vw;}
  .dirTopIndex1 .__txt {left:-15px; margin-top:-30px; padding:1rem 3.5rem 1.4rem 2rem;}
  .dirTopIndex1 .__txt:after {right:18px; width:10px; height:10px; border-width:3px 3px 0 0;}
  .dirTopIndex1 .__txt:before {top:-10px; left:-10px; width:80%;}
  .dirTopIndex1 > li:nth-child(2n) .__txt {left:15px;}
  .dirTopIndex1 > li:nth-child(2n) .__txt:before {left:auto; right:-10px;}
}

/* 階層トップ2 画像が小さい */
.dirTopIndex2:not(:first-child) {margin-top:60px;}
.dirTopIndex2:not(:last-child) {margin-bottom:60px;}
.dirTopIndex2 .__label {display:block; margin-bottom:0; line-height:1.4; text-align:center; color:#336BB7; font-size:2.6rem;}
.dirTopIndex2 .__label a {text-decoration:none; color:inherit;}
.dirTopIndex2 .__label a:after {content:""; display:inline-block; vertical-align:8%; width:1rem; height:1rem; margin-left:.2em; border:#336BB7 solid; border-width:.3rem .3rem 0 0; transform:rotate(45deg);}
.dirTopIndex2 .__label + p {margin-top:.8em;}
.dirTopIndex2 .__pic {border-radius:50%; overflow:hidden; margin:0 auto 12px;}
.dirTopIndex2 .__pic img {object-fit:cover; width:100%; height:100%;}
.dirTopIndex2 ul {list-style:none; margin-top:1.2em; padding-left:0; border-bottom:1px #336BB7 solid;}
.dirTopIndex2 ul li {padding:.4rem 0; border-top:1px #336BB7 solid;}
.dirTopIndex2 ul a {position:relative; display:block; padding-right:2rem; text-decoration:none;}
.dirTopIndex2 ul a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:6px; height:6px; border:#336BB7 solid; border-width:2px 2px 0 0; transform:rotate(45deg) translate(0,-50%) scale(.9);}

@media (min-width:601px) {
  .dirTopIndex2 {overflow:hidden;}
  .dirTopIndex2 > li {float:left; width:calc((90% - 8px) / 3); margin-left:calc(4px + 5%);}
  .dirTopIndex2 > li:nth-child(3n+1) {clear:left; margin-left:0;}
  .dirTopIndex2 > li:nth-child(3) ~ li {margin-top:60px;}
  .dirTopIndex2 .__pic {width:85px; height:85px;}
}
@media (max-width:600px) {
  .dirTopIndex2 > li + li {margin-top:30px;}
  .dirTopIndex2 .__pic {display:block; marginright:10px; width:70px; height:70px; vertical-align:middle;}
}

/* 階層トップ3 テキストのみ */
.dirSubIndex:not(:first-child) {margin-top:60px;}
.dirSubIndex:not(:last-child) {margin-bottom:60px;}
.dirSubIndex .__label {display:table; width:100%; height:7rem;}
.dirSubIndex .__label > * {position:relative; display:table-cell; vertical-align:middle; padding:.2em 3.5rem .2em 2rem; background:#fff; line-height:1.33; text-decoration:none; color:#336BB7; font-weight:bold; font-size:2.1rem;}
.dirSubIndex .__label > a:after {content:""; display:block; position:absolute; top:50%; right:1em; width:.8rem; height:.8rem; border:#336BB7 solid; border-width:.3rem .3rem 0 0; transform:rotate(45deg) translate(0,-50%);}
.dirSubIndex .__pic {display:none;}
.dirSubIndex p {margin:.8em 0 0; padding-left:1.4rem; border-left:6px rgba(36,106,181,.08) solid;}
.dirSubIndex ul {list-style:none; margin-top:.6em; padding-left:0;}
.dirSubIndex *:not(.__label) + ul {margin-top:1.2em; border-top:1px rgba(0,0,0,.2) solid;}
.dirSubIndex:not(.-showSub) ul {display:none;}
.dirSubIndex ul li {padding:.4rem 0; border-bottom:1px rgba(0,0,0,.2) solid;}
.dirSubIndex ul a {position:relative; display:block; padding-right:2rem; text-decoration:none;}
.dirSubIndex ul a:after {content:""; display:block; position:absolute; right:10px; top:50%; width:6px; height:6px; border:#336BB7 solid; border-width:2px 2px 0 0; transform:rotate(45deg) translate(0,-50%) scale(.9);}

@media (min-width:601px) {
  .dirSubIndex {overflow:hidden;}
  .dirSubIndex > li {float:left; width:calc((94% - 8px) / 3); margin-left:calc(4px + 3%);}
  .dirSubIndex > li:nth-child(3n+1) {clear:left; margin-left:0;}
  .dirSubIndex > li:nth-child(3) ~ li {margin-top:40px;}
  .dirSubIndex.-col2 > li:nth-child(n) {clear:none; width:calc((97% - 4px) / 2); margin-left:calc(4px + 3%);}
  .dirSubIndex.-col2 > li:nth-child(2n+1) {clear:left; margin-left:0;}
  .dirSubIndex.-col2 > li:nth-child(2) ~ li {margin-top:40px;}
}
@media (max-width:600px) {
  .dirSubIndex > li + li {margin-top:2.5rem;}
}

/* ニュース */
.datedList  {max-width:1100px; margin:0 auto; overflow:hidden;}
.datedList dt {color:#336BB7; font-weight:bold; font-size:.93em; letter-spacing:.03em;}
.datedList .-fileSize {font-size:93%; opacity:.8;}
.newsBlock .__label {line-height:1.4; color:#336BB7; font-size:2.6rem; font-weight:bold;}
.newsBlock {background:#fff;}
.pageTitle + .newsBlock {box-shadow:0 -120px 0 #fff;}
.news__yearIdxSel {text-align:right; margin-bottom:20px;}
.news__yearIdxSel ~ .-borderedHeadline {margin:0 auto 2em;}
.news__yearTxtList {position:relative; left:10px; max-width:900px; margin:60px auto; overflow:hidden;}
.news__yearTxtList li {float:left; position:relative; left:-21px; margin:.3em 0; padding-left:21px; text-align:center;}
.news__yearTxtList li:before {content:""; display:block; position:absolute; left:11px; top:50%; height:1em; transform:translate(0,-50%); border-left:1px rgba(0,0,0,.6) solid;}
.newsEntry .__header {max-width:1100px; margin:0 auto;}
.newsEntry .__body {max-width:1100px; margin:3em auto; padding:4em 0; border:rgba(0,0,0,.1) solid; border-width:1px 0;}
.newsEntry .__body > * + div,
.newsEntry .__body *:not(.flex) * + div {margin-top:1.5em; margin-bottom:1.5em;}
.newsEntry .__body img {margin:.4em 0;}
.newsEntry .__body img + * {margin-top:0;}
.newsEntry .__body table {max-width:100%;}
.newsEntry .__endNav {text-align:center;}
.newsEntry .__endNav li {display:inline-block;}
.newsEntry .__endNav li + li:before {content:""; display:inline-block; height:1em; margin:0 1.2em 0 .8em; vertical-align:-10%; border-left:1px rgba(0,0,0,.6) solid;}
.newsEntry td {background:inherit;}

@media (min-width:601px) {
  .datedList dt {clear:both; float:left; width:12rem;}
  .datedList dd {float:right; width:calc(100% - 12rem);}
  .datedList.-showCtg dt {width:18.5rem;}  
  .datedList.-showCtg dd {width:calc(100% - 18.5rem);}
  .datedList dt:not(:last-of-type),
  .datedList dd:not(:last-of-type) {margin-bottom:1rem;}
  .datedList.-padded dt:not(:last-of-type),
  .datedList.-padded dd:not(:last-of-type) {position:relative; margin-bottom:3rem;}
  .datedList.-padded dd:not(:last-of-type):after {content:""; display:block; width:120vw; border-bottom:1px rgba(0,0,0,.1) solid; position:absolute; left:-20rem; bottom:-1.5rem;}
  .news__yearTxtList li {width:10%;}
  .newsBlock .content {overflow:hidden;}
  .newsBlock .__label {float:left; width:300px;}
  .newsBlock .datedList {float:right; width:calc((100% - 300px) * .9);}
}
@media (max-width:600px) {
  .datedList dt {line-height:1.6;}
  .datedList * + dt {margin-top:1rem; padding-top:1rem; border-top:1px rgba(0,0,0,.1) solid;}
  .datedList.-padded * + dt {margin-top:1.5rem; padding-top:1.5rem;}
  .news__yearTxtList li {width:20%;}
  .newsBlock .btn1 {margin-top:1rem; text-align:center;}
}

/* 画像＋説明文 共通 */
[class*="picTxtExp"]:not(:first-child) {margin-top:60px;}
[class*="picTxtExp"]:not(:last-child) {margin-bottom:60px;}
[class*="picTxtExp"] section .relatedList,
main .content .relatedList,
main .content .relatedList {position:relative; top:40px; margin-bottom:120px; padding:40px;}
[class*="picTxtExp"]:not(.picTxtExp2) > section > h2:first-child,
[class*="picTxtExp"]:not(.picTxtExp2) > section > h3:first-child,
[class*="picTxtExp"]:not(.picTxtExp2) > section > h4:first-child {position:relative; line-height:1.4; color:#336BB7; font-size:2.6rem;}
[class*="picTxtExp"] > section > .__label:first-child:before {content:""; display:block; position:absolute; left:0; bottom:.4em; z-index:0; width:50vw; border-bottom:1px #336BB7 solid;}
[class*="picTxtExp"] > section > .__label:first-child .-wrap {position:relative; z-index:1; margin-left:-15px; padding:0 15px; background:#EFF3F4;}
[class*="picTxtExp"] .__pic {position:relative;}
[class*="picTxtExp"] img {max-width:100%;}
[class*="picTxtExp"] .__cptn {position:absolute; bottom:0; left:0; margin:0; padding:.4em .8em; background:rgba(0,0,0,.8); line-height:1.4; color:#fff; font-size:1.4rem;}

@media (min-width:601px) {
  [class*="picTxtExp"] > section > .__label:first-child:before {min-width:490px;}
}
@media (max-width:600px) {
  [class*="picTxtExp"] > section > .__label:first-child:before {width:100%; top:20px; left:0;}
  [class*="picTxtExp"] section .relatedList,
main .content .relatedList {top:20px; margin-bottom:60px; padding:12px 20px;}
}

/* 画像＋説明文1：画像が大きい */
.picTxtExp1 > section {position:relative;}
.picTxtExp1 > section:after {content:""; display:block; clear:both;}
.picTxtExp1 > section > .__txt .__catch {margin-bottom:2rem; font-weight:bold; font-size:1.8rem;}
.picTxtExp1 > section > .__txt .__catch + * {margin-top:0;}
.picTxtExp1 > section > .__txt2 {clear:both; padding-top:40px;}

@media (min-width:601px) {
  .picTxtExp1 > section + section {margin-top:80px;}
  .picTxtExp1 > section > h2:first-child,
  .picTxtExp1 > section > h3:first-child,
  .picTxtExp1 > section > h4:first-child {float:left; margin-bottom:3rem; padding-top:1rem;}
  .picTxtExp1 > section > .__pic {float:right; position:relative; z-index:10; margin-right:calc(50% - 50vw); width:calc(50vw + 30px); min-width:475px;}
  .picTxtExp1 > section > .__txt {float:left; width:calc(50% - 80px);}
  .picTxtExp1 > section > .__txt .__subpic {margin:40px 0;}
  .picTxtExp1 > section:nth-child(2n+1) > .__txt {clear:left;}
  .picTxtExp1 > section:nth-child(2n) > .__pic {float:left; margin-right:0; margin-left:calc(50% - 50vw);}
  .picTxtExp1 > section:nth-child(2n) > h2:first-child,
  .picTxtExp1 > section:nth-child(2n) > h3:first-child,
  .picTxtExp1 > section:nth-child(2n) > h4:first-child,
  .picTxtExp1 > section:nth-child(2n) > .__txt {clear:right; float:right;}
  .picTxtExp1 > section:nth-child(2n) > .__label:first-child {text-align:right;}
  .picTxtExp1 > section:nth-child(2n) > .__label:first-child:before {left:auto; right:0;}
}
@media (min-width:601px) and (max-width:980px){
  .picTxtExp1 > section:nth-child(2n+1) > .__pic {margin-right:-15px;}
  .picTxtExp1 > section:nth-child(2n) > .__pic {margin-left:-15px;}
  .picTxtExp1 > section > .__txt .__subpic {margin:20px 0;}
}
@media (max-width:600px) {
  .picTxtExp1 > section + section {margin-top:40px;}
  .picTxtExp1 > section > h2:first-child,
  .picTxtExp1 > section > h3:first-child,
  .picTxtExp1 > section > h4:first-child {margin-bottom:1rem;}
  .picTxtExp1 > section > .__pic {margin-bottom:1.5rem;}
  .picTxtExp1 > section > .__txt .__catch {margin-bottom:.4rem;}
  .picTxtExp1 > section > .__txt2 {padding-top:20px;}
}

/* 画像＋説明文2：1より画像が小さくテキスト部分が色付きボックス*/
.picTxtExp2 > section:after {content:""; display:block; clear:both;}
.picTxtExp2 .__pic img {object-fit:cover; width:100%; height:100%;}
.picTxtExp2 .__txt {background:rgba(36,106,181,.08);}

@media (min-width:601px){
  .picTxtExp2 > section + section {margin-top:50px;}
  .picTxtExp2 .__txt {float:right; width:calc(60% + 8rem); padding:3rem 5rem 3rem 12rem; margin-left:-8rem;}
  .picTxtExp2 .__pic {float:left; width:calc(50vw - 10%); margin:40px 0 0 calc(50% - 50vw);}
  .picTxtExp2 > section:nth-child(2n) .__txt {float:left; padding:3rem 12rem 3rem 5rem; margin-left:0; margin-right:-8rem;}
  .picTxtExp2 > section:nth-child(2n) .__pic {margin:40px calc(50% - 50vw) 0 0;}
}
@media (min-width:601px) and (max-width:980px){
  .picTxtExp2 .__pic {width:395px; margin-left:-15px;}
}
@media (max-width:600px) {
  .picTxtExp2 > section + section {margin-top:30px;}
  .picTxtExp2 .__txt {padding:1.5rem 2.2rem;}
  .picTxtExp2 .__pic {padding:0 2rem 2rem; background:rgba(36,106,181,.08);}
}

/* 画像＋説明文3：等幅左右交互フロート */
.picTxtExp3 > section:after {content:""; display:block; clear:both;}
.picTxtExp3 > section + section {margin-top:40px;}
.picTxtExp3> section > .__label:first-child:before {width:100%;}
.picTxtExp3 .__pics {margin-top:1.2em; padding:0; list-style:none;}
.picTxtExp3 .__pics > li {position:relative;}
.picTxtExp3 .__pics + .btn1 a {margin-top:0;}
.picTxtExp3 .__pics img {width:100%; height:100%; object-fit:cover;}

@media (min-width:601px){
  .picTxtExp3 .__pics {overflow:hidden;}
  .picTxtExp3 .__pics > li:nth-of-type(2n+1) {clear:left; float:left; width:calc(50% - 15px); margin-bottom:30px;}
  .picTxtExp3 .__pics > li:nth-of-type(2n) {clear:right; float:right; width:calc(50% - 15px); margin-bottom:30px;}
}
@media (max-width:600px) {
  .picTxtExp3 .__pics {margin-bottom:25px;}
  .picTxtExp3 .__pics li {height:auto!important;}
  .picTxtExp3 .__pics li + li {margin-top:10px;}
}

/* 画像＋説明文4：多項目リスト */
.picTxtExp4 > section > .__label:first-child:before {width:100%;}
.picTxtExp4 ul.__wrap {list-style:none; padding:0;}
.picTxtExp4 .__wrap > li .__label {position:relative; padding-left:1.4rem;}
.picTxtExp4 .__wrap > li .__label:before {content:""; display:block; position:absolute; top:-.5rem; left:0; width:6px; height:20px; background:#336BB7; transform:skew(-40deg);}
.picTxtExp4.-img3-2 .__pic {position:relative; padding-top:66.7%;}
.picTxtExp4.-img3-2 .__pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

@media (min-width:601px){
  .picTxtExp4 ul.__wrap {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .picTxtExp4 .__wrap > li {width:calc(33.33% - 30px); margin:0 0 40px 45px;}
  .picTxtExp4 .__wrap > li:nth-child(3n+1) {margin-left:0;}
  
  .picTxtExp4.-hasBtnOnBtm li {position:relative; padding-bottom:4em;}
  .picTxtExp4.-hasBtnOnBtm li > .btn1 {position:absolute; bottom:0; left:0; width:100%;}
  .picTxtExp4.-hasBtnOnBtm li:nth-child(n+4) {padding-top:30px; border-top:1px rgba(0,0,0,.1) solid;}
}
@media (max-width:600px) {
  .picTxtExp4 .__wrap > li {margin-top:30px;}
}

/* 画像＋説明文5：テキスト右寄せ */
  .picTxtExp5 .__cptn {right: 0; left :auto;}



/* 関連リスト */
.relatedList {background:#E6EBEE;}
.relatedList .__block:after,
.relatedList .__block ul:after {content:""; display:block; clear:both;}
.relatedList .__label {line-height:1.4; color:#336BB7; font-size:2.6rem;}
.relatedList ul {position:relative; list-style:none; padding-left:0; margin-top:0; background:#fff; line-height:1.4;}
.relatedList ul:after {content:""; display:block; clear:both;}
.relatedList li > * {position:relative; text-decoration:none;}
.relatedList .__pic {position:relative; display:block; background:#ddd;}
.relatedList .__pic img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

@media (min-width:601px) {
  .relatedList .__block + .__block {margin-top:50px;}
  .relatedList .__label {float:left; width:300px;}
  .relatedList ul {float:right; width:calc(100% - 330px); padding:30px;}
  .relatedList ul:before {content:""; display:none; position:absolute; left:50%; top:0; height:100%; width:50vw; background:#fff;}
  .relatedList li {float:left; width:33.33%;}
  .relatedList li:nth-child(3n+1) {clear:left;}
  .relatedList li > * {display:block; margin:15px 8% 8px;}
  .relatedList .__pic {margin-bottom:.6em; padding-top:100%;}
  .relatedList .btn1 {clear:left; float:left; max-width:300px;}
}
@media (max-width:600px) {
  .relatedList .__block + .__block {margin-top:30px;}
  .relatedList .__label {margin-bottom:1rem;}
  .relatedList ul {padding:15px;}
  .relatedList li {display:table; width:100%;}
  .relatedList li + li {margin-top:10px;}
  .relatedList li > * {display:table-cell; height:70px; padding-left:80px; position:relative; vertical-align:middle;}
  .relatedList li .__pic {position:absolute; left:0; top:0; width:70px; height:70px;}
  .relatedList .btn1 {margin-top:1rem; text-align:center;}
}

/* 年リスト */
.yearSelect {overflow:hidden;}
.yearSelect a {display:block; border:2px #336bb7 solid; color:#336bb7; font-weight:bold; text-decoration:none; text-align:center;}
.yearSelect a.on {background:#336bb7; color:#fff;}
.yearSelect ~ div[id]  {margin-top:5em; overflow:hidden;}

@media (min-width:601px) {
  .yearSelect {width:calc(100% + 10px); margin-left:-5px;}
  .yearSelect li {float:left; width:calc((100% - 101px) / 10); margin:6px 5px;}
}
@media (max-width:600px) {
  .yearSelect {width:calc(100% + 6px); margin-left:-3px;}
  .yearSelect li {float:left; width:calc((100% - 31px) / 5); margin:5px 3px;}
  .yearSelect ~ div[id]  {margin-top:3em;}
}

/* 色背景ボックスなど */
.padbox {background:#E6EBEE; margin:2rem 0; padding:1.4rem 2rem;}
.padbox.-thick {padding:3.5rem 4rem;}
.tableLike.padbox {border:0;}
.imgPadWh img {border:#fff solid; border-width:16px 24px;}
.enclosed {padding:1em 1.4em; border:1px rgba(77,107,183,.6) solid;}
.enclosed.red {border-color:#e25;}

/* .anchorTabs */
.anchorTabs li {display:inline-block; margin:10px 5px 0 0;}
.anchorTabs a {display:block; min-width:4em; padding:0 1em; border:2px #336BB7 solid; font-weight:bold; text-align:center; text-decoration:none; color:#336BB7;}

/* .btn */
.btn1 a, a.btn1,
.btn1 button, button.btn1 {position:relative; display:inline-block; min-width:240px; margin-top:.6em; margin-bottom:.6em; padding:.4em 30px .4em .8em; border:2px #336BB7 solid; background:transparent; text-align:left; text-decoration:none; font-weight:bold; color:#336BB7;}
.btn1 a:after, a.btn1:after,
.btn1 button:before, button.btn1:after {content:""; display:block; position:absolute; right:10px; top:50%; height:6px; width:6px; margin-right:.4em; border:#336BB7 solid; border-width:2px 2px 0 0; transform:rotate(45deg) translate(0,-50%);}

.btn2 a, a.btn2 {}
.btn2 a:before, a.btn2:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#000 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}

.btn3 a {display:block; border:2px #336bb7 solid; color:#336bb7; font-weight:bold; text-decoration:none; text-align:center;}
.btn3.-pad a {padding:.3em .5em; line-height:1.4;}
.btn3 a.on {background:#336bb7; color:#fff;}
@media (max-width:600px) {
  ul.btn3.col2m > li,
  ul.btn3.spCol2m > li {width:calc((100% - 11px) / 2); margin:13px 0 0 10px; top:-13px;}
  ul.btn3.col3m > li,
  ul.btn3.spCol3m > li {width:calc((100% - 21px) / 3); margin:13px 0 0 10px; top:-13px;}
  ul.btn3.col4m > li,
  ul.btn3.spCol4m > li {width:calc((100% - 31px) / 4); margin:13px 0 0 10px; top:-13px;}
  ul.btn3.col2m > li:nth-child(2n+1),
  ul.btn3.col3m > li:nth-child(3n+1),
  ul.btn3.col4m > li:nth-child(4n+1),
  ul.btn3.spCol2m > li:nth-child(2n+1),
  ul.btn3.spCol3m > li:nth-child(3n+1),
  ul.btn3.spCol4m > li:nth-child(4n+1) {margin-left:0;}
}

/* 拡張子アイコン */
.btn1 a[href*=".pdf"]:after,
a.btn1[href*=".pdf"]:after,
.btn2 a[href*=".pdf"]:after,
a.btn2[href*=".pdf"]:after,
.showExtBelow ~ *:not(h2):not(h3) a[href*=".pdf"]:after {content:""; display:inline-block; vertical-align:-24%; width:16px; height:21px; margin:0 .3em; background:url(../../images/common/icon_ext_pdf.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".doc"]:after,
a.btn1[href*=".doc"]:after,
.btn2 a[href*=".doc"]:after,
a.btn2[href*=".doc"]:after {content:""; display:inline-block; vertical-align:-24%; width:16px; height:21px; margin:0 .3em; background:url(../../images/common/icon_ext_word.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".xls"]:after,
a.btn1[href*=".xls"]:after,
.btn2 a[href*=".xls"]:after,
a.btn2[href*=".xls"]:after {content:""; display:inline-block; vertical-align:-24%; width:16px; height:21px; margin:0 .3em; background:url(../../images/common/icon_ext_excel.png) no-repeat 0 0; background-size:contain;}
.btn1 a[href*=".ppt"]:after,
a.btn1[href*=".ppt"]:after, 
.btn2 a[href*=".ppt"]:after,
a.btn2[href*=".ppt"]:after {content:""; display:inline-block; vertical-align:-24%; width:16px; height:21px; margin:0 .3em; background:url(../../images/common/icon_ext_ppt.png) no-repeat 0 0; background-size:contain;}
.btn2 a[href*=".pdf"]:after,
a.btn2[href*=".pdf"]:after,
.btn2 a[href*=".doc"]:after,
a.btn2[href*=".doc"]:after,
.btn2 a[href*=".xls"]:after,
a.btn2[href*=".xls"]:after,
.btn2 a[href*=".ppt"]:after,
a.btn2[href*=".ppt"]:after {margin-left:.3em; margin-right:0;}

.-showExt a[href*=".pdf"]:after,
a.-showExt[href*=".pdf"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_pdf.png) no-repeat 0 0; background-size:contain;}
.-showExt a[href*=".doc"]:after,
a.-showExt[href*=".doc"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_word.png) no-repeat 0 0; background-size:contain;}
.-showExt a[href*=".xls"]:after,
a.-showExt[href*=".xls"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_excel.png) no-repeat 0 0; background-size:contain;}
.-showExt a[href*=".ppt"]:after,
a.-showExt[href*=".ppt"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_ppt.png) no-repeat 0 0; background-size:contain;}

.newsEntry .__body a[href*=".pdf"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_pdf.png) no-repeat 0 0; background-size:contain;}
.newsEntry .__body a[href*=".doc"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_word.png) no-repeat 0 0; background-size:contain;}
.newsEntry .__body a[href*=".xls"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_excel.png) no-repeat 0 0; background-size:contain;}
.newsEntry .__body a[href*=".ppt"]:afte {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em; background:url(../../images/common/icon_ext_ppt.png) no-repeat 0 0; background-size:contain;}

.vidBox .__wrap {position:relative; padding-top:56.25%;}
.vidBox iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.vidModal:after {content:""; display:inline-block; vertical-align:-20%; width:16px; height:20px; margin:0 .3em; background:url(../../images/common/icon_movie.png) no-repeat 0 50%; background-size:contain;}
.picModal:after {content:""; display:inline-block; vertical-align:-20%; width:16px; height:20px; margin:0 .3em; background:url(../../images/common/icon_pic.png) no-repeat 0 50%; background-size:contain;}
.inlineVidWrap {position:relative; padding-top:56.25%;}
.inlineVidWrap video {position:absolute; left:0; top:0; width:100%; height:100%; background:#000;}
.showingInlineVideo .modaal-content-container {padding:0;}

@media (max-width:600px){
  .showingInlineVideo .modaal-inner-wrapper {padding-left:0; padding-right:0;}
  .inlineVidWrap {padding-top:calc(56.25% + 100px);}
}

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

  ページ個別

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


/* =============== トップページ */
.home__mv {position:relative; overflow:hidden;}
.home__mv .content {height:100%;}
.home__mv video {height:103%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.home__mv ~ main section[class^="home__"] h2 b {display:block; font-family:"Raleway"; font-size:5rem;}
.home__mv ~ main section[class^="home__"] h2 b + i {font-size:2.2rem; letter-spacing:.08rem;}

.home__news h2 {text-align:center;}
.__ctgLabel {display:inline-block; width:5em; margin-left:.8em; text-align:center; line-height:1.6; font-size:1.25rem; font-weight:normal; color:#fff;}
.__ctgLabel.-osrs {background:#5A87BD;}
.__ctgLabel.-pr {background:#45B18F;}
.__ctgLabel.-ir {background:#B575C0;}
.__ctgLabel.-ugt {background:#EB6782;}
.home__news .__topics {padding:20px 40px 10px;}
.home__news .__topics h3 {margin-bottom:.4em; font-size:2rem; color:#336bb7;}
.home__news .__topics .__pic {position:relative;}
.home__news .__topics .__pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.home__news .__topics {background:#fff;}
.home__news .__topics > ul > li + li {display:none;}
.home__news .__topics a {text-decoration:none; display:table; width:100%;}
.home__news .__topics a > * {display:table-cell; vertical-align:middle;}
.home__news .__topics a .__txt {padding-left:1em;}
.home__news .__topics b {font-size:93%; color:#336bb7;}
.home__news .__topics b + p {margin-top:.2em;}
.home__news .__topics .slick-prev {left:-30px;}
.home__news .__topics .slick-next {right:-30px;}
.home__news .__topics .slick-dots li {margin:0 1px;}

.home__news .__urgent {padding:1.3em 1.8em; background:rgba(255,130,153,.15);}
.home__news .__urgent h3 {color:#f45e7a;}
.home__news .__urgent li i {display:inline-block; margin-left:.4em; font-size:.93em;}
.home__news .__urgent.-blue {background:#DCE7F0;}
.home__news .__urgent.-blue h3 {color:#336BB7;}
@media (min-width:601px){.home__news .__urgent.-blue h3 {font-size:1.9rem;}}

.home__biz .__txt {margin-bottom:30px;}
.home__biz .__txt ul {margin-top:2em; padding-top:1px; overflow:hidden; font-size:1.08em;}
.home__biz .__txt li {margin-top:-1px; border:#246ab5 solid; border-width:1px 0;}
.home__biz .__txt li a {position:relative; display:block; padding:1.2rem 2rem 1.2rem 0; text-decoration:none; font-weight:bold;}
.home__biz .__txt li a:after {content:""; display:block; position:absolute; right:5px; top:50%; height:6px; width:6px; margin-right:.4em; border:#246ab5 solid; border-width:2px 2px 0 0; transform:rotate(45deg) translate(0,-50%);}
.home__biz .__slide {position:relative; margin-bottom:30px; padding-top:60px;}
.home__biz .slick-dots {top:-40px; left:-5px; height:60px; width:auto;}
.home__biz .slick-dots li {margin:0 1px;}
.home__biz .slick-prev,
.home__biz .slick-next {top:-40px; left:auto; -webkit-transform:none; -ms-transform:none; transform:none;}
.home__biz .slick-prev {right:70px;}
.home__biz .slick-next {right:30px;}
.home__biz .slick-prev:before,
.home__biz .slick-next:before {font-size:3rem;}
.home__biz .slick-slide {position:relative; background:#eee; overflow:hidden;}
.home__biz .slick-slide a {text-decoration:none;}
.home__biz .slick-slide img {position:relative; width:100%;}
.home__biz .slick-slide .__caption {position:absolute; bottom:0; left:0; z-index:10; width:100%; padding:2rem 50px 2rem 2.4rem; background:rgba(0,0,0,.3); color:#fff;}
.home__biz .slick-slide .__caption h3 {margin-bottom:.4em;}
.home__biz .slick-slide .__caption p {margin:0; font-size:.93em; line-height:1.6;}
.home__biz .__btn {margin-top:1.5em;}
.home__biz .__btn a {display:block; padding:6px 30px 6px 20px; border-radius:30px; background:#253653; text-decoration:none; color:#fff; font-size:2.1rem; font-weight:bold;}
.home__biz .__btn a img {height:34px; margin-right:12px; vertical-align:-20%;}

.home__features {overflow:hidden;}
.home__features .bnr_reform {margin-bottom:80px;}
.home__features .bnr_reform a {text-decoration:none;}
.home__features .bnr_reform h2 {margin:.7em 0 0; line-height:1.4;}
.home__features ul {position:relative;}
.home__features ul:after {content:""; display:block; clear:both;}
.home__features li a {text-decoration:none;}
.home__features li img {width:100%; aspect-ratio:1/.5625; object-fit:cover;}
.home__features li h2 {text-align:center;}
.home__features ul:not(.-nopic) li h2 {margin:.7em 0 0;}
.home__features .bnr_reform h2:after,
.home__features li h2:after {content:""; display:inline-block; vertical-align:0%; right:5px; top:50%; height:12px; width:12px; margin-left:.4em; border:#246ab5 solid; border-width:4px 4px 0 0; transform:rotate(45deg);}

.home__bnrs {background:#246AB5; overflow:hidden;}
.home__bnrs img {width:100%;}

@media (min-width:601px){
  .home__mv {height:57vw; max-height:800px; min-height:560px;}
  .home__mv ~ main section[class^="home__"] {padding:80px 0;}
  .home__news .__release {width:55%; float:left; margin-bottom:50px;}
  .home__news .datedList {padding-top:1rem;}
  .home__news .datedList dd {margin-bottom:1.2em;}
  .home__news .__topics {width:40%; float:right; margin-bottom:50px;}
  .home__news .__topics .__pic {width:40%; padding-top:40%;}
  .home__news .__topics + *,
  .home__news .__release + .__urgent {clear:both;}
  .home__news .__urgent {margin-top:35px;}
  .home__news .__urgent h3 {display:inline-block; width:20rem; vertical-align:middle; margin:0; font-size:2.1rem;}
  .home__news .__urgent ul {display:inline-block; width:clac(100% - 20rem - .6em); vertical-align:middle; margin:0;}
  .home__biz .content,
  .home__features .content {width:calc(100% - 100px); max-width:1500px;}
  .home__biz {position:relative; overflow:hidden; margin-top:20px;}
  .home__biz:before {content:""; display:block; position:absolute; left:0; top:0; width:calc(100vw - 150px); height:100%; background:#fff;}
  .home__biz > * {position:relative;}
  .home__biz .__txt {width:470px; float:left;}
  .home__biz .__slide {width:calc(50% - 520px + 50vw); min-width:485px; margin-left:520px;}
  .home__biz .__txt li {width:calc(50% - 10px); float:left;}
  .home__biz .__txt li:nth-child(2n+1) {clear:left; margin-right:20px;}
  .home__biz .slick-slide img {min-height:380px;}
  .home__biz .__btn {clear:both; padding-top:10px;}
  .home__features .bnr_reform:not(.-single) img {width:50%;}
  .home__features .bnr_reform:not(.-single) img:first-child {float:right;}
  .home__features ul:not(.-nopic) {padding-bottom:50px;}
  .home__features ul + ul {margin-top:60px;}
  .home__features ul:before {content:""; display:block; width:150vw; height:240px; max-height:100%; position:absolute; bottom:0; left:-50vw; background:#DCE7F0;}
  .home__features li {position:relative; width:calc(50% - 25px); float:left;}
  .home__features li:nth-child(2n+1) {clear:left; margin-right:50px;}
  .home__features ul + ul.-nopic {margin-top:50px;}
  .home__features ul.-nopic a {display:block; padding:1.5em 0;}
  .home__features ul.-nopic li:nth-child(2n):before {content:""; display:block; height:calc(100% - 2em); position:absolute; left:-25px; bottom:1em; border-left:0px #eff3f4 solid;}
  .home__bnrs ul {width:90%; margin:0 auto;}
  .home__bnrs li {float:left; width:48.5%; margin-left:3%; background:#fff;}
  .home__bnrs li:nth-child(2n+1) {clear:left; margin-left:0;}

}
@media (min-width:1201px){
  .home__mv video {width:103vw; height:auto;}
  .home__biz .__txt {width:40vw;}
  .home__biz .__slide {width:calc(60vw - 117px); margin-left:calc(40vw + 50px);}
}
@media (min-width:1601px){
  .home__biz .__txt {width:647px;}
  .home__biz .__slide {width:calc(50% - 697p + 50vw); margin-left:697px;}
}

@media (max-width:600px){
  .home__mv {height:70vw;} /* 静止画にする場合はこの行を消す */
  .home__mv .__slider {height:100vw;}
  .home__mv .__slider li {background:#000;}
  .home__mv .__slider li img {opacity:.93;}
  .home__mv p {position:absolute; bottom:15%; right:5%;}
  .home__mv p img {height:7vw;}
  .home__mv ~ main section[class^="home__"] h2 b {font-size:4rem;}
  .home__mv ~ main section[class^="home__"] {padding:60px 0;}
  .home__news .__topics {margin:40px 0; padding:10px 30px;}
  .home__news .__topics .__pic {width:120px; padding-top:120px;}
  .home__news .__topics .slick-prev {left:-25px;}
  .home__news .__topics .slick-next {right:-25px;}
  .home__news .__urgent {margin-top:20px;}
  .home__news .__urgent h3 {text-align:center;}
  .home__biz {background:#fff;}
  .home__biz .slick-slide img {min-height:200px;}
  .home__biz .slick-prev {right:40px;}
  .home__biz .slick-next {right:5px;}
  .home__biz .__slide .__caption h3 {margin:0;}
  .home__biz .__slide .__caption p {display:none;}
  .home__biz .slick-slide .__caption {padding:1rem 1.6rem;}
  .home__features li + li, .home__features ul + ul li {margin-top:40px;}
  .home__features ul.-nopic li {width:50%; float:left;}
  .home__bnrs li {max-width:300px; margin:0 auto;}
  .home__bnrs li + li {margin-top:30px;}
}


/* =============== 事業 */
/* トップ */
.dirTopIndex1 img[src*="guide/idx_02.jpg"] {object-position:50% 90%;}

/* 電力供給 */
.supply__cable__technology h3 {margin-bottom:0; text-align:center;}
.supply__cable__technology .__cell {border-radius:20px; text-align:center;}
.supply__cable__technology .__cell:nth-of-type(1) {background:rgba(200,0,0,.1);}
.supply__cable__technology .__cell:nth-of-type(1) h4 {color:rgba(200,0,0,1);}
.supply__cable__technology .__cell:nth-of-type(2) {background:rgba(0,180,0,.1);}
.supply__cable__technology .__cell:nth-of-type(2) h4 {color:rgba(0,140,0,1);}
.supply__cable__technology .__cell:nth-of-type(3) {background:rgba(0,50,200,.1);}
.supply__cable__technology .__cell:nth-of-type(3) h4 {color:rgba(0,50,150,1);}
.supply__cable__technology .__cell ul {display:inline-block; text-align:left;}

@media (min-width:601px){
  .supply__cable__technology .__wrap {display:table; width:100%; border-spacing:30px;}
  .supply__cable__technology .__cell {display:table-cell; width:33%; vertical-align:middle; padding:20px 30px;}
  .supply__cable__technology .__cell:nth-of-type(1):before {content:""; display:block; min-width:270px;}
}
@media (max-width:600px){
  .supply__cable__technology .__cell {max-width:300px; margin:1.5rem auto 0; padding:16px 24px;}
}

/* 製品・サービス個別 */
.relItems .__ttl {position:relative; overflow:hidden;}
.relItems .__ttl:before {content:""; display:block; position:absolute; left:0; bottom:.4em; z-index:0; width:100vw; border-bottom:1px #336BB7 solid;}
.relItems .__ttl .-wrap {position:relative; z-index:1; margin-left:-15px; padding:0 15px; background:#EFF3F4;}
.relItems .__overview {overflow:hidden;}
.relItems .__overview > * {margin-bottom:25px;}
.relItems .__desc {margin-top:1em; padding-top:1.5em; border-top:1px rgba(0,0,0,.15) solid;}
.relItems .__desc * + h4 {margin-top:1em;}
.relItems .__desc th {background:rgba(0,0,0,.1);}
.relItems .__desc td.list {background:rgba(0,0,0,.03);}
.relItems .__desc .__txt ul {padding-left:1.5em; list-style-type:disc;}
.contactBlock {background:#E6EBEE;}
.contactBlock h2 {text-align:center;}
.contactBlock ul {padding:0; list-style:none; overflow:hidden;}
.contactBlock .-num,
.phoneNumber {display:inline-block; line-height:1.2; font-family:"Barlow Condensed"; font-size:3.3rem; letter-spacing:.06em;}
.contactBlock img[src*="freedial"] {width:2em; vertical-align:10%; margin:0 .3em;}
.contactBlock .__form a {width:100%; display:inline-block; padding:6px 20px 4px; border-radius:8px; background:#21BDB7; text-decoration:none; text-align:center; color:#fff; font-size:2rem; font-weight:bold;}
.contactBlock .__form img {width:40px; vertical-align:-20%; margin-right:.4em;}
.fdTtl {display:inline-block; vertical-align:0%; text-align:center; font-size:1rem; line-height:1;}
.fdTtl img {margin-top:2px;}

@media (min-width:601px){
  .relItems .__overview .__pic {float:left; position:relative; width:290px; height:290px; background:#fff;}
/*  .relItems .__overview .__pic img {max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}*/
  .relItems .__overview .__pic img {width:100%; height:100%; object-fit:contain;}
  .relItems .__overview .__pic + .__txt {float:right; width:calc(100% - 340px);}
  .relItems .__desc h4 {margin-bottom:0;}
  .relItems .__desc .__txt {margin:-2.8rem 0 0 8rem;}
  .contactBlock {margin-top:60px; padding:35px 40px 40px;}
  .contactBlock ul {display:table; width:100%;}
  .contactBlock li {display:table-cell; vertical-align:middle;}  
  .contactBlock .__phone .-wrap {display:inline-block; text-align:center;}
  .contactBlock .-num {font-size:4.2rem;}
  .contactBlock .__form {white-space:nowrap; padding-left:20px; text-align:center;}
}
@media (max-width:600px){
  .relItems .__overview .__pic {max-height:290px; text-align:center;}
  .relItems .__overview .__pic img {max-height:100%; max-width:290px;}
  .contactBlock {margin-top:30px; padding:20px; text-align:center;}
  .contactBlock h2 {margin-bottom:.4em;}
  .contactBlock li + li {margin-top:10px;}
}

.kijIdx > li {position:relative; margin-top:25px; padding-top:25%;}
.kijIdx > li.-narrow {padding-top:16.666%;}
.kijIdx > li a,
.kijIdx img {position:absolute; top:0; left:0; width:100%; height:100%;}
.kijIdx > li a {display:block; text-decoration:none;}
.kijIdx img {object-fit:cover;}
.kijIdx > li .-txt {display:block; position:absolute; top:50%; left:0; padding:.1em 2em .1em .5em; background:#fff; color:#336bb7; font-size:3rem; font-weight:bold; boxshadow:10px 10px 0 #fff; transform:translate(0,-50%);}
.kijIdx > li .-txt:after {content:""; diplay:block; width:.3em; height:.3em; border:#336bb7 solid; border-width:3px 3px 0 0; position:absolute; right:.5em; top:50%; transform:translate(0,-50%) rotate(45deg);}
.kijIdx a[href*="enetoc"] {border:2px #40b962 solid;}

@media (max-width:600px){
  .kijIdx > li {padding-top:35%;}
  .kijIdx > li.-narrow {padding-top:25%;}
  .kijIdx > li .-txt {font-size:2.4rem; line-height:1.3;}
  .kijIdx a[href*="enetoc"] img {object-position:85% 50%;}
}

.kij__support {text-align:center;}
.kij__support li {margin:10px; padding:.8em .4em; background:#f48800; border-radius:10px; color:#fff; line-height:1.5; font-weight:bold; font-size:2.2rem;}

@media (min-width:601px){
  .kij__support {display:table; width:100%; border-spacing:20px;}
  .kij__support li {display:table-cell; width:33.33%; vertical-align:middle;}
}
@media (max-width:600px){
  .kij__support li {width:90%;}
}

/* ボツ 三角メニュー
.kijIdx {position:relative; overflow:hidden;}
.kijIdx *:not(br) {position:absolute;}
.kijIdx > li {width:100%; height:46%; z-index:1;  background:#000; overflow:hidden; cursor:pointer;}
.kijIdx > li:hover {opacity:.3;}
.kijIdx > li a {display:block; z-index:10; width:102%; height:102%; text-decoration:none;}
.kijIdx > li img {width:100%; height:100%; z-index:0; object-fit:cover; opacity:.9;}
.kijIdx > li .-txt {display:block; padding:.1em 2em .1em .5em; background:#336bb7; color:#fff; font-size:3rem; font-weight:bold; boxshadow:10px 10px 0 #fff;}
.kijIdx > li .-txt:after {content:""; diplay:block; width:.3em; height:.3em; border:#fff solid; border-width:3px 3px 0 0; position:absolute; right:.5em; top:50%; transform:translate(0,-50%) rotate(45deg);}
.kijIdx > li:nth-child(1),
.kijIdx > li:nth-child(2) *,
.kijIdx > li:nth-child(3),
.kijIdx > li:nth-child(4) * {transform-origin:right top;}
.kijIdx > li:nth-child(1) *,
.kijIdx > li:nth-child(2),
.kijIdx > li:nth-child(3) *,
.kijIdx > li:nth-child(4) {transform-origin:left bottom;}
.kijIdx > li:nth-child(1) {right:0; top:0; z-index:2;}
.kijIdx > li:nth-child(2) {left:0; top:2.5%; z-index:1;}
.kijIdx > li:nth-child(3) {right:0; bottom:2.5%;}
.kijIdx > li:nth-child(4) {left:0; bottom:0;}
.kijIdx > li:nth-child(1) img,
.kijIdx > li:nth-child(3) img {right:-100%;}
.kijIdx > li:nth-child(2) img,
.kijIdx > li:nth-child(4) img {left:-100%;}
@media (min-width:601px){
  .kijIdx {padding-top:80%;}
  .kijIdx > li {-ms-transform:skewX(-70deg); transform:skewX(-70deg);}
  .kijIdx > li img,
  .kijIdx > li .-txt {-ms-transform:skewX(70deg); transform:skewX(70deg);}
  .kijIdx > li:nth-child(1) .-txt,
  .kijIdx > li:nth-child(3) .-txt {top:14%; left:42%;}
  .kijIdx > li:nth-child(2) .-txt,
  .kijIdx > li:nth-child(4) .-txt {bottom:14%; right:42%;}
}
@media (max-width:600px){
  .kijIdx {width:calc(100% + 30px); margin-left:-15px; padding-top:120vw;}
  .kijIdx > li {-ms-transform:skewX(-62deg); transform:skewX(-62deg);}
  .kijIdx > li img,
  .kijIdx > li .-txt {-ms-transform:skewX(62deg); transform:skewX(62deg);}
  .kijIdx > li img {max-width:200%;}
  .kijIdx > li .-txt {font-size:2rem; padding-right:1.6em; line-height:1.4;}
  .kijIdx > li:nth-child(1) .-txt,
  .kijIdx > li:nth-child(3) .-txt {top:14%; left:35%;}
  .kijIdx > li:nth-child(2) .-txt,
  .kijIdx > li:nth-child(4) .-txt {bottom:14%; right:45%;}
}
@media all and (-ms-high-contrast:none){
  .kijIdx {padding-top:0;}
  .kijIdx * {transform:none!important;}
  .kijIdx li,
  .kijIdx a {position:relative!important;}
  .kijIdx li {width:calc(50% - 15px); padding-top:25%; float:left; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important;}
  .kijIdx li:nth-child(2n+1) {clear:left; margin:0 30px 30px 0;}
  .kijIdx li img {width:100%!important; height:100%!important; right:auto!important; left:0!important; top:0!important; bottom:auto!important;}
  .kijIdx > li:nth-child(n) .-txt {left:auto; top:auto; right:10px; bottom:0;}
}
*/


/* =============== 施工実績 */
.rsltSearch {position:relative; margin:2em 0; padding:2em 0; background:#E6EBEE;}
.rsltSearch:before {content:""; display:block; position:absolute; left:-100%; top:0; width:100%; height:100%; background:#E6EBEE;}
.rsltSearch:after {content:""; display:block; position:absolute; right:-100%; top:0; width:100%; height:100%; background:#E6EBEE;}
.rsltSearch dt {font-size:1.8rem; font-weight:bold; color:#246AB5; overflow:hidden;}
.rsltSearch dt a {float:right; margin-top:.5rem; padding:0 .6em; border-radius:1rem; background:#F35676; text-decoration:none; line-height:1.6; font-size:1.1rem; font-weight:normal; color:#fff; cursor:pointer;}
.rsltSearch .-all dt a {background:rgba(0,0,0,.2); cursor:default;}
.rsltSearch dd li {padding-top:.3em;}
.rsltSearch dd a {display:block; padding:.35em .6em; border:2px #246AB5 solid; text-decoration:none; line-height:1.3; font-weight:bold; color:#246AB5;}
.rsltSearch dd a.on {background:#246AB5; color:#fff;}
.rsltSearch .__g .-fp {margin-top:.6em;}
.rsltSearch .__g dd .-fp a {border-color:#289;}
.rsltSearch .__g dd .-fp a.on {background:#289;}
.rsltSearch .__y dd a {padding:.05em .4em;}
.rsltList {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.rsltList li {transition:opacity .2s;} 
.rsltList:not(.whole) li {max-width:0; max-height:0; overflow:hidden; opacity:0;}
.rsltList:not(.whole) li.gOK.pOK.yOK.aOK {max-width:600px; max-height:1000px; opacity:1;}
.rsltList li a {display:block; text-decoration:none;}
.rsltList .__pic {position:relative; margin-bottom:1rem; padding-top:75%; background:#fff;}
.rsltList [data-g*="footprint"] .__pic:before {content:""; display:block; width:13%; min-width:30px; aspect-ratio:3/4; position:absolute; left:5px; top:-6px; z-index:10; background:url(../../images/icon_asat.png) no-repeat 50% 50% / contain;}
.rsltList .__pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain;}
.rsltList .__pic .__label {position:absolute; bottom:0; right:0; padding:.2rem .6rem; background:#3067B5; line-height:1.2; color:#fff; font-size:1.2rem;}
.rsltList .__pic .__label .IB:not(:last-child):after {content:" /";}
.rsltList .__genre {line-height:1.2;}
.rsltList .__genre .IB {margin-right:2px; padding:.2rem .6rem; background:#fff; color:#3067B5; font-size:1.2rem;}
.rsltDesc .__pic .__canvas {background:#fff; padding-top:100%; position:relative;}
.rsltDesc .__pic .__canvas .__inner {position:absolute; top:0; left:0; width:100%; height:100%;}
.rsltDesc .__pic .__canvas .slick-list,
.rsltDesc .__pic .__canvas .slick-track {height:100%;}
.rsltDesc .__pic .__canvas .slick-slide {position:relative;}
.rsltDesc .__pic .__canvas .slick-arrow {z-index:100;}
.rsltDesc .__pic .__canvas .slick-prev::before, .rsltDesc .__pic .__canvas .slick-next::before {color:rgba(255,255,255,.9);}
.rsltDesc .__pic .__canvas .slick-prev:hover::before, .rsltDesc .__pic .__canvas .slick-next:hover::before {color:rgba(255,255,255,1);}
.rsltDesc .__pic .__canvas img {position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.rsltDesc .__pic .__thumbs {margin-top:30px; overflow:hidden;}
.rsltDesc .__pic .__thumbs li {float:left; width:calc((100% - 40px) / 5 - .1px); margin:10px 0 0 10px; padding-top:calc((100% - 40px) / 5 - .1px); position:relative; cursor:pointer;}
.rsltDesc .__pic .__thumbs li:nth-child(5n+1) {clear:left; margin-left:0;}
.rsltDesc .__pic .__thumbs img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.rsltDesc .__txt .__rel {margin-top:1em;}
.rsltDesc .__txt .__rel b {color:#336BB7;}
.rsltDesc .__txt .__rel a {display:inline-block;}
.rsltDesc .__txt .__footprint {display:flow-root; background:#2581; margin:2em 0; padding:1em 1.6em;}
.rsltDesc .__txt .__footprint img {max-width:100%; height:auto;}
.rsltDesc .__txt .__footprint h3 img {max-width:40vw;}
  
@media (min-width:601px){
  .rsltSearch dl {display:table; width:100%;}
  .rsltSearch dl > * {display:table-cell; width:23%;}
  .rsltSearch dl > .__p {width:26%;}
  .rsltSearch dl > .__y {width:28%;}
  .rsltSearch .__y ul {columns:3; column-gap:.3em;}
  .rsltSearch .__y ul li {break-inside:avoid;}
  .rsltSearch dl > *:not(:first-child) {padding-left:3%; border-left:1px rgba(0,0,0,.1) solid;}
  .rsltSearch dl > *:not(:last-child) {padding-right:3%;}
  .rsltList {width:calc(100% + 32px); margin-left:-16px;}
  .rsltList li {width:25%;}
  .rsltList li a {padding:16px;}
  .rsltList .__genre {margin-top:.2em;}
  .rsltDesc .__pic {width:50%; float:left;}
  .rsltDesc .__txt {width:45%; float:right;}
  .rsltDesc .tableLike {margin-top:0;}
}
@media (max-width:600px){
  .rsltSearch dl > * {margin-top:1.5em;}
  .rsltSearch li {display:inline-block;}
  .rsltList {width:calc(100% + 10px); margin-left:-5px;}
  .rsltList li {width:50%;}
  .rsltList li a {padding:10px;}
  .rsltDesc .tableLike dt {width:33%;}
  .rsltDesc .tableLike dd {width:67%;}  
}


/* =============== 技術研究開発 */
.dvlpHistory tbody th {width:10%;}
.dvlpHistory tbody td {width:22.5%;}
.dvlpHistory td:first-of-type ~ td {text-align:center; line-height:1.4;}
.dvlpHistory td:first-of-type ~ td > * {display:block; padding:.4em; background:#f4f4f4;}
.dvlpHistory td:first-of-type ~ td > * + * {margin-top:4px;}
.dvlpReport li {font-size:1.33rem; color:#555;}
.dvlpReport li a {font-size:1.6rem; color:#1a1a1a;}

@media (min-width:601px){
  .dvlpOvvw {max-width:900px; margin:80px auto; text-align:center;}
  .dvlpOvvw > li {position:relative; display:inline-block; width:calc(50% - .4em - 40px); vertical-align:middle;}
  .dvlpOvvw > li + li {margin-left:70px;}
  .dvlpOvvw > li > * {position:relative;}
  .dvlpOvvw > li:before {content:""; display:block; width:180px; height:180px; position:absolute; left:50%; top:50%; border-radius:50%; background:#E6EBEE; transform:translate(-50%,-50%);}

  .relatedList.dvlpList ul {float:none; width:auto;}
  .relatedList.dvlpList li:nth-child(n) {width:25%; clear:none;}
  .relatedList.dvlpList li:nth-child(4n+1) {clear:left;}

  .dvlpReport {columns:4;}
  .dvlpReport li {break-inside:avoid;}
  .dvlpReport li a {display:block;}
}
@media (max-width:600px){
  .dvlpOvvw > li + li {margin-top:1em;}
}

/* =============== ソリューション */
#solution__lineup {margin:4rem 0; padding:4rem 0; background:#E6EBEE; box-shadow:950px 0 0 #E6EBEE, -950px 0 0 #E6EBEE;}
#solution__lineup .dirSubIndex {margin-bottom:0;}
#solution__lineup .dirSubIndex .__label {height:6rem;}
#solution__lineup .dirSubIndex .__label a::after {margin-top:-.5rem; transform:rotate(135deg);}
#solution__lineup .btn1 {margin-top:25px;}
#solution__lineup .btn1 a {display:block; height:6rem; margin:0; line-height:2; text-align:center; font-size:2.1rem; font-weight:bold;}
#solution__lineup .btn1 a:after {width:.8rem; height:.8rem; margin-top:-.5rem; border-width:.3rem .3rem 0 0; transform:rotate(135deg);}

.solution__pdf {clear:both; padding:2em; background:#E6EBEE;}
.solution__pdf h3 {border-left:5px #336bb7 solid; padding-left:.3em; line-height:1.4; font-size:2.0rem;}
.solution__pdf ul {overflow:hidden; margin-top:1.2em;}
.solution__pdf a {position:relative; display:block; padding:.5em 0 .3em 30px; border-top:2px #336bb7 solid; font-weight:500; text-decoration:none;}
.solution__pdf a[href*=".pdf"]:before {content:""; display:block; position:absolute; left:0; top:1.4em; transform:translate(0,-50%); width:22px; height:26px; margin-right:.4em; background:url(../../images/common/icon_ext_pdf.png) no-repeat 0 50%; background-size:contain;}
.solution__pdf a:not([href*=".pdf"]):before {content:""; display:block; position:absolute; left:5px; top:1.4em; transform:translate(0,-50%) rotate(45deg); width:8px; height:8px; border:#336bb7 solid; border-width:2px 2px 0 0;}
.solution__pdf a strong {color:#336bb7;}

.solution__btn {margin:60px 0; text-align:center;}
.solution__btn a {display:block; max-width:500px; margin:0 auto; padding:6px 30px 6px 20px; border-radius:30px; background:#253653; text-decoration:none; color:#fff; font-size:2.1rem; font-weight:bold;}
.solution__btn a img {height:34px; margin-right:12px; vertical-align:-20%;}


@media (min-width:601px){
  #solution__lineup .dirSubIndex > li:nth-child(2) ~ li {margin-top:25px;}
  .solution__pdf ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
  .solution__pdf li {width:calc(50% - 10px);}
  .solution__pdf li:nth-child(2) ~ li {margin-top:16px;}
  .solution__pdf li a {position:relative; height:100%;}
}

@media (max-width:600px){
  .pageTitle .__pic img[src*="/solution/mv.jpg"] {object-position:center bottom; width:120%; max-width:200%; height:auto; position:absolute; bottom:0; right:0;}
  #solution__lineup {box-shadow:250px 0 0 #E6EBEE, -250px 0 0 #E6EBEE;}
  #solution__lineup .dirSubIndex > li + li {margin-top:1rem;}
  #solution__lineup .btn1 {margin-top:15px;}
  .solution__pdf li + li {margin-top:10px;}
}

/* 誤指示対応結果バックアップ
.solution__pdf {clear:both; margin-top:1.5em; padding:1em; border:2px #336bb7 solid;}
.solution__pdf h3 {position:relative; margin-bottom:0; padding-right:30px; line-height:1.4; font-size:2.0rem; cursor:pointer;}
.solution__pdf h3:after {content:""; display:block; width:8px; height:8px; position:absolute; right:10px; top:50%; transform:transition(0,-50%); border:#336bb7 solid; border-width:0 2px 2px 0; transform:rotate(45deg);}
.solution__pdf h3.on:after {transform:rotate(225deg);}
.solution__pdf ul {overflow:hidden; max-height:0; margin-top:0; opacity:0; transition:.1s opacity;}
.solution__pdf h3.on ~ ul {max-height:1000px; margin-top:1.2em; opacity:1;}
.solution__pdf ul li + li {margin-top:.5em;}
.solution__pdf a:before {content:""; display:inline-block; vertical-align:-25%; width:22px; height:26px; margin-right:.4em; background:url(../../images/common/icon_ext_pdf.png) no-repeat 0 50%; background-size:contain;}

@media (min-width:601px){
  #solution__lineup .dirSubIndex > li:nth-child(2) ~ li {margin-top:25px;}
}
@media (max-width:600px){
  .pageTitle .__pic img[src*="/solution/mv.jpg"] {object-position:center bottom; width:120%; max-width:200%; height:auto; position:absolute; bottom:0; right:0;}
  #solution__lineup {box-shadow:250px 0 0 #E6EBEE, -250px 0 0 #E6EBEE;}
  #solution__lineup .dirSubIndex > li + li {margin-top:1rem;}
  #solution__lineup .btn1 {margin-top:15px;}
}
*/

/* =============== 企業情報 */
/* 事業所 */
.officeCnt, .officeArea {max-height:0; overflow:hidden; opacity:0; transition:opacity .2s;}
.officeCnt.on, .officeArea.on {max-height:50000px; opacity:1;}
.officeCnt.on {margin-top:3rem;}
.officeCnt h2 a:not(:hover), .officeCnt h3 a:not(:hover) {text-decoration:none;}
.officeCnt h2 {margin-bottom:.4em;}
.officeArea.on {margin-top:2rem;}

.officeMenu, .officeAreaSort {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; list-style:none; text-align:center;}
.officeMenu li a, .officeAreaSort li a {display:block; border:2px #336BB7 solid; color:#336BB7; font-weight:bold; text-decoration:none;}
.officeAreaSort li a {border:0; background:rgba(59,73,100,.1);}
.officeMenu li a.on, .officeAreaSort li a.on {background:#336BB7; color:#fff;}

.officeList > div {background:#fff;}
.officeList > div + div {margin-top:3px;}
.officeList dt {background:#E0E9F1; font-weight:bold;}
.officeList dt + dd + dd a {display:inline-block; vertical-align:middle; text-decoration:none; padding:.4rem 1rem; background:#336BB7; color:#fff; line-height:1.4; font-size:1.4rem;}
.officeList dt + dd + dd a:before {content:""; display:inline-block; vertical-align:8%; width:6px; height:6px; margin:0 .4em 0 -.4em; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg);}
.officeList.-os dt .__nation {line-height:1.2; font-size:1rem;}

.officeDesc .__map {margin-bottom:2em;}
.officeDesc .__map iframe {width:100%; height:500px;}
.officeDesc .__txt {overflow:hidden;}
.officeDesc .tableLike {margin-top:0!important;}

.orgChartImg img {mix-blend-mode:multiply; max-width:900px;}
.coopList {width:100%;}

@media (min-width:601px){
  .officeAreaSort li {width:calc((100% - 41px) / 5); margin-left:10px;}
  .officeAreaSort li:first-child {margin-left:0;}
  
  .officeList > div {width:100%; display:table; padding:1rem 0; overflow:hidden;}
  .officeList > div > * {display:table-cell; vertical-align:middle;}
  .officeList dt {width:12em; padding:0 1em; box-shadow:0 -20px 0 #E0E9F1, 0 20px 0 #E0E9F1; line-height:1.5;}
  .officeList dt + dd {padding:0 1em;}
  .officeList dt + dd + dd {width:5em; text-align:center;}
  .officeList.-os dt {position:relative; width:36%; padding-left:80px;}
  .officeList.-os dt + dd + dd {width:7em;}
  .officeList.-os dt .__nation {display:block; position:absolute; left:40px; top:50%; text-align:center; transform:translate(-50%,-50%);}
  .officeList.-os dt .__nation img {display:block; width:40px; margin:0 auto .4rem;}
  .officeDesc .__pic {float:right; width:230px; text-align:right;}
  .officeDesc .__pic img {max-width:100%;}
  .officeDesc .__pic + .tableLike {float:left; width:calc(100% - 260px);}
  
  .officerList li {padding-left:1.5rem;}
  
  .coopList td:not(:nth-child(3)) {text-align:center;}
  .officeMenu {width:calc(100% + 12px); margin-left:-6px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .officeMenu li {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;}
  .officeMenu li a {margin:0 6px;}
}
@media (max-width:600px){
  .officeMenu {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
  .officeMenu li {width:18%; margin:0 0 6px 6px;}
  .officeMenu li:first-child {width:calc(28% - 24px);}
  .officeMenu li:nth-child(5) ~ li {width:calc(32%);}
  .officeMenu li:nth-child(5n+1) {margin-left:0;}
  .officeMenu.-jigyoshoIndex li:nth-child(7) {margin-right:calc(32% + 6px);}
  .officeAreaSort li {width:calc(20% - 4.8px); margin-left:6px;}
  .officeAreaSort li:nth-child(5n+1) {margin-left:0;}
  
  .officeList > div {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .officeList > div + div {margin-top:10px;}
  .officeList > div > * {padding:.4em .7em;}
  .officeList dt {width:calc(100% - 8rem); box-shadow:10rem 0 0 #E0E9F1;}
  .officeList dt br {display:none;}
  .officeList:not(.-os) dt + dd + dd {-ms-flex-order:2; order:2; width:8rem;}
  .officeList:not(.-os) dt + dd + dd:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
  .officeList:not(.-os) dt + dd {-ms-flex-order:3; order:3; width:100%;}
  .officeList.-os dt {width:100%;}
  .officeList.-os dt .__nation {display:block; padding:.7rem 0;}
  .officeList.-os dt .__nation img {height:2rem; vertical-align:middle; margin-right:.4em;}
  .officeList.-os dt .__nation br {display:none;}
  .officeList.-os dt + dd + dd a {position:relative; top:-.6rem;}
  .officeList.-os dt + dd + dd br {display:none;}
  
  .officeDesc .__pic {text-align:center; margin-bottom:25px;}
  .officeDesc .__pic img {width:300px;}
  .officeDesc .__map iframe {height:380px;}
  .officeDesc .tableLike.-spFlatA dd + dt {border-top:1px #ccc dotted;}

  .officerList li {padding-left:1rem;}
  
  .coopList, .coopList tbody, .coopList tr, .coopList th, .coopList td {display:block;}
  .coopList .thead {display:none;}
  .coopList tr {margin-top:4px;}
  .coopList th {font-weight:bold; border:0; text-align:left;}
  .coopList th + td:before {content:"代表者：";}
  .coopList td {border:0; text-align:left;}
  .coopList td + td {padding-top:0;}
  .officeMenu.-coop01 li:nth-child(n) {float:left; clear:none; width:calc((100% - 31px) / 4); margin-left:10px;}
  .officeMenu.-coop01 li:nth-child(4n+1) {margin-left:0; clear:left;}
  .officeMenu.-coop02 li:nth-child(n) {float:left; clear:none; width:calc((100% - 21px) / 3); margin-left:10px;}
  .officeMenu.-coop02 li:nth-child(3n+1) {margin-left:0; clear:left;}
}

/* 沿革 */
.anchorTabs.-history ~ .h3Table .hisPic {float:right; margin:0; padding:.4em 0 .6em;}
.anchorTabs.-history ~ .h3Table .hisTxt {float:left;}

@media (max-width:600px){
  .anchorTabs.-history ~ .h3Table .hisPic {max-width:100px;}
  .anchorTabs.-history ~ .h3Table .hisPic img {display:block;}
}

/* カレンダー */
[id*="calFrame"] {overflow:hidden; margin:.6em 0;}
.calWrap {float:left; width:calc((100% - 61px) / 4); margin:0 0 10px 20px;}
.calWrap:nth-child(4n+1) {margin-left:0; clear:left;}
.calWrap table {width:100%;}
.calWrap .cal_prev,
.calWrap .cal_next {display:block; width:30px; height:14px;}
.calWrap .cal_prev {position:absolute; left:0; top:50%; margin-top:-7px;}
.calWrap .cal_prev:before {content:""; display:block; position:absolute; top:calc(50% - 3px); left:calc(50% - 3px); width:5px; height:5px; border:#fff solid; border-width:2px 0 0 2px; transform:rotate(-45deg);}
.calWrap .cal_next {position:absolute; right:0; top:50%; margin-top:-7px;}
.calWrap .cal_next:before {content:""; display:block; position:absolute; top:calc(50% - 3px); right:calc(50% - 3px); width:5px; height:5px; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg);}
.calWrap table {border:1px #ccc solid; border-top:0;}
.calWrap table * {text-align:center;}
.calWrap caption {position:relative; border:1px #ccc solid; border-bottom:0; background:#8EA1DC; line-height:1.8; color:#fff; font-weight:bold; font-size:93%;}
.calWrap caption span {position:absolute; display:inline-block; width:20px; height:14px; line-height:14px; font-size:18px; cursor:pointer;}
.calWrap tr {font-size:85%;}
.calWrap th {padding:.2em; border:0; background:#B2C1E6; color:#fff; font-weight:bold; font-size:85%;}
.calWrap td {padding:.4em .2em; border:1px #bbb solid;}
.calWrap td:nth-child(1):not(.cal_open),
.cal_closed, .calWrap td.cal_closed {color:#e25;}
.calWrap td:nth-child(7):not(.cal_open) {color:#28d;}
.cal_today {box-shadow:2px 0 0 #f68 inset, -2px 0 0 #f68 inset, 0 2px 0 #f68 inset, 0 -2px 0 #f68 inset;}
.cal_ev, .cal_am, .cal_pm {background:rgba(0,240,255,.3); position:relative;}
.cal_fl {background:#aaa; color:#fff;}
.cal_am {background:linear-gradient(110deg, #a1edf3 50%, #c0cccc 50%, #c0cccc 100%)}
.cal_pm {background:linear-gradient(110deg, #c0cccc 50%, #a1edf3 50%, #a1edf3 100%)}
ul.padbox > li.mv03 > span[class*="cal_"] {width:2em;}

@media (max-width:600px) {
  .calWrap:nth-child(n) {clear:none; width:calc(50% - 2px); margin-left:4px;}
  .calWrap:nth-child(2n+1) {margin-left:0; clear:left;}
}

/* 安全創造館 */
.azszk_eqpList dt {padding:.3em 1em; font-weight:bold; font-size:1.7rem; background:rgba(255,255,255,.8);}
.azszk_eqpList * + dt {margin-top:.4em;}
.azszk_eqpList dd {padding:0 1em .3em; background:rgba(255,255,255,.8);}

.azszk__eqpView ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 10px); margin-left:-5px;}
.azszk__eqpView li {text-align:center;}
.azszk__eqpView li .__ttl {border:1px #336BB7 solid; font-weight:bold; color:#336BB7;}
.azszk__eqpView li .__exp {margin:.6em; text-align:left;}
.azszk__eqpView li img:not(:only-of-type) {max-width:calc(50% - .4em);}
.azszk__eqpView li img:only-of-type {max-width:100%;}
@media (min-width:601px){
  .azszk__eqpView li {width:calc(25% - 10px); margin:10px 5px 25px;}
  .azszk__eqpView li.-img2 {width:calc(50% - 10px);}
}
@media (max-width:600px) {
  .azszk__eqpView li {width:calc(50% - 10px); margin:10px 5px 25px;}
  .azszk__eqpView li.-img2 {width:calc(100% - 10px);}
}

/* 陸上 */
.pageTitle.-rkjb:before {background:#2285d6;}
.pageTitle.-rkjb .__txt .__02 > :last-child {color:#2285d6;}
.pageTitle.-rkjb .__txt .__02 > :first-child:not(:last-child) {color:#4498db;}

@media (min-width:601px){
  .pageTitle.-rkjb .__txt .__01:not(:last-child) {max-width:100%; width:500px; letter-spacing:.08em; font-size:3.4rem;}
  .pageTitle.-rkjb .__txt .__02 {left:430px;}
  .pageTitle.-rkjbTop {height:auto; margin-bottom:20px; padding-top:0; background:#1f2a39; overflow:visible;}
  .pageTitle.-rkjbTop:before {display:none;}  
  .pageTitle.-rkjbTop .__pic {position:relative; left:0; width:auto; max-width:1400px; height:auto; margin:0 auto;}
  .pageTitle.-rkjbTop .breadcrumb {bottom:-2.4em;}
}
@media (max-width:600px){
  .pageTitle.-rkjbTop {padding-top:0;}
  .pageTitle.-rkjbTop .__pic {position:static;}
  .pageTitle.-rkjbTop .breadcrumb {padding-top:.3em;}
}

.sp_tw {float:left; line-height:1.5; font-size:1.4rem; font-weight:bold; color:#555;}
.sp_tw img {width:40px; margin-right:8px; vertical-align:middle;}
.sp_tw img + span {display:inline-block; vertical-align:middle;}

@media (max-width:600px){
  .sp_tw {float:none; margin-top:2em; text-align:center;}
  .sp_tw a {display:inline-block; text-align:left;}
}

.sports__memberList img,
.sports__staffList img {width:100%; max-width:240px; display:block; margin:0 auto .6em;}
.sports__memberList .__indiv {overflow:hidden; background:#fff; padding:1em 1.6em;}
.sports__memberList .__name {text-align:center;}
.sports__memberList .__desc {margin-top:.3em; text-align:center;}
.sports__memberList .__desc .-records {overflow:hidden; text-align:left;}
.sports__memberList .__desc .-records:before {content:"自己ベスト："; font-weight:bold; color:#336BB7;}
.sports__memberList .__desc .-records dt {clear:left; float:left; width:8em; font-weight:bold;}
.sports__memberList .__desc .-records dd {float:left; width:calc(100% - 8em);}
.sports__staffList {text-align:center;}

@media (max-width:600px) {
  .sports__memberList .__desc li:nth-child(1),
  .sports__memberList .__desc li:nth-child(2) {display:inline-block; margin:0 .3em;}  
}

.sports__report article {overflow:hidden;}
.sports__report article + article {margin-top:3em; padding-top:3em; border-top:1px rgba(0,0,0,.1) solid;}
.sports__report article h2 {margin:0;}
.sports__report article .h3 {margin-top:0;}
.sports__report .__body {margin-top:.8em;}
.sports__report .__body .flR {max-width:40%; padding:0 0 1em 1.5em; font-size:.93em; text-align:center;}
.sports__report .__body .flL {max-width:40%; padding:0 1.5em 1em 0; font-size:.93em; text-align:center;}
.sports__report .__body img {max-width:100%;}
.sports__report .__body table[style="border-collapse: collapse; width: 100%;"],
.sports__report .__body table[style="border-collapse: collapse; width: 100%;"] th[style],
.sports__report .__body table[style="border-collapse: collapse; width: 100%;"] td[style] {width:auto!important;}

.sports__records {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sports__records li {overflow:hidden; margin-bottom:25px;}
.sports__records strong {font-size:2.1rem;}
.sports__nyekdn * {margin:0;}
.sports__nyekdn * + h3 {margin-top:.6em;}
.sports__nyekdn ul {overflow:hidden;}
.sports__nyekdn li {display:inline-block;}
.sports__nyekdn li:nth-child(1):before {content:"1区：";}
.sports__nyekdn li:nth-child(2):before {content:"2区：";}
.sports__nyekdn li:nth-child(3):before {content:"3区：";}
.sports__nyekdn li:nth-child(4):before {content:"4区：";}
.sports__nyekdn li:nth-child(5):before {content:"5区：";}
.sports__nyekdn li:nth-child(6):before {content:"6区：";}
.sports__nyekdn li:nth-child(7):before {content:"7区：";}
.sports__nyekdn li:not(:last-child):after {content:" / "; margin:0 .3em;}

@media (min-width:601px){
  .sports__records li {width:16.66%; text-align:center;}
  .sports__records li img {margin-bottom:.4em;}
  .sports__report article h2 {display:inline-block; margin-right:.4em; vertical-align:-4%;}
  .sports__report article .h3 {display:inline;}
}
@media (max-width:600px){
  .sports__records li {width:100%;}
  .sports__records img {float:left; margin-right:20px; width:125px;}
  .sports__records img + br {display:none;}
}

.sports__resultYearSelect ~ div[id] .h3Table:before {width:7rem;}
.sports__resultYearSelect ~ div[id] .h3Table > h3 {width:8rem;}
.sports__resultYearSelect ~ div[id] .h3Table > h3 ~ *:not(h3) {width:calc(100% - 8rem);}

@media (min-width:601px){
  .sports__resultYearSelect ~ div[id] h2 {width:14rem; float:left;}
  .sports__resultYearSelect ~ div[id] .h3Table {width:calc(100% - 14rem); float:left;}
}

/* 技能五輪 */
.sports__memberList.-gg .__desc .-records {margin-top:.3em; padding-left:5.5em;}
.sports__memberList.-gg .__desc .-records:before {content:"大会実績："; display:inline-block; width:5.5em; margin-left:-5.5em;}
.sports__memberList.-gg .__desc .-records p:first-of-type {margin-top:-1.67em;}
.sports__memberList.-gg .__desc .-records p + p {margin-top:0;}
.-gg [class*="-mdl"]:before {content:""; display:inline-block; vertical-align:-5%; width:16px; height:16px; border-radius:50%; margin-right:.4em; box-sizing:border-box;}
.-gg .-mdlG:before {background:#dc0;}
.-gg .-mdlS:before {background:#aab;}
.-gg .-mdlB:before {background:#d93;}
.-gg .-mdlK:before {border:1px #aaa solid;}

@media (min-width:601px){
  .h3Table.ggResult:before {width:14em;}
  .h3Table.ggResult h3 {width:14em;}
  .h3Table.ggResult h3 ~ *:not(h3) {width:calc(100% - 14em);}
  .h3Table.ggResult li {display:inline-block; width:calc((100% - 2em) / 4);}
}
@media (max-width:600px){
  .h3Table.ggResult ul {overflow:hidden;}
  .h3Table.ggResult li {float:left; width:50%;}
  .h3Table.ggResult li:nth-child(2n+1) {clear:left;}
}


/* 動画・CM */
.mediapage__header {overflow:hidden;}
.mediapage__header .__panf {margin-bottom:30px;}
.mediapage__header .__vid {margin-bottom:40px;}
.mediapage__header h2 + * {margin-top:0!important;}
.mediapage__header img {max-width:100%;}
.mediapage__header .__vid .padbox {margin-bottom:.6em;}
.mediapage__cm > section {overflow:hidden; margin-bottom:25px;}
.mediapage__cm .padbox {margin-bottom:.6em;}

@media (min-width:601px){
  .mediapage__header .__panf {width:30%; float:left;}
  .mediapage__header .__vid {width:65%; float:right;}
  .mediapage__cm h2 {float:right; width:40%;}
  .mediapage__cm video {float:left; width:60%; padding-right:25px;}
  .mediapage__cm .padbox {width:40%; float:right;}
}
@media (max-width:600px){

}


/* 資料ダウンロード */
.downloadspage__header {overflow:hidden;}
.downloadspage__header .__panf {margin-bottom:30px;}
.downloadspage__header .__recruit {margin-bottom:40px;}
.downloadspage__header h2 + * {margin-top:0!important;}
.downloadspage__header img {max-width:100%;}
.downloadspage__header .__recruit .padbox {margin-bottom:.6em;}
.downloadspage__header .sm1 { display: block; font-size: 90%;}

@media (min-width:601px){
  .downloadspage__header .__panf {width:35%; float:left;}
  .downloadspage__header .__recruit {width:60%; float:right;}
}
@media (max-width:600px){

}



/* =============== IR */
.dirSubIndex + .picTxtExp2 {margin-top:160px;}
.irSchedule {overflow:hidden; padding:24px 30px; background:#fff;}
.irSchedule table th {width:4em;}

.irRecentResults__header ~ *:not(.picTxtExp2) img {margin-bottom:25px; border:20px #fff solid; max-width:100%;}

@media (min-width:601px){
  .irSchedule h4 {clear:both; float:left; width:14rem; margin:0;}
  .irSchedule table {width:calc(100% - 14rem); float:right;}
  .irSchedule table:not(:last-child) {margin-bottom:4rem;}
}

.irDvdd {overflow:hidden; margin-bottom:1em;}
.irDvdd img {border:25px #fff solid;}
.irDvdd table td {text-align:right;}

@media (min-width:601px){
  .irDvdd img {width:55%; float:left;}
  .irDvdd table {width:40%; float:right; margin-top:0;}
}
@media (max-width:600px){
  .irDvdd img {width:100%; margin-bottom:25px;}
  .irDvdd table {width:100%;}
}


.faq {overflow:hidden;}
.faq dt {margin:1.5em 0 .4em; padding-left:3.8rem; font-size:1.8rem; font-weight:bold; color:#336BB7;}
.faq dt:before {content:"Q"; display:inline-block; width:2.8rem; margin:0 1rem 0 -3.8rem; border-radius:50%; background:#336BB7; text-align:center; line-height:2.8rem; color:#fff;}
.faq dd {padding-left:4rem;}
.faq dd:before {content:"A"; display:inline-block; width:3rem; margin:0 1rem 0 -4rem; text-align:center; font-size:1.8rem; font-weight:bold; color:#3b4964;}
.faq dd:not(:last-child):after {content:""; display:block; width:calc(100% + 4rem); margin:4rem 0 4rem -4rem; border-top:1px rgba(0,0,0,.1) solid;}
.faq.-foldable dt {cursor:pointer;}
.faq.-foldable dt:not(.on) + dd {display:none;}


/* =============== CSR */
.csrISO img {float:right; max-width:100%; margin:0 0 1em 1.5em;}

@media (min-width:601px){
  .csrISO img {max-width:15%;}
}
@media (max-width:600px){
  .csrISO img {max-width:30%;}
}

.materialityTable .-groupE {--rowColor:#A9C300;}
.materialityTable .-groupS {--rowColor:#1492D5;}
.materialityTable .-groupG {--rowColor:#F99900;}
.materialityTable td {position:relative; border-width:1px 0 0;}
.materialityTable tr:first-of-type td {border:none; text-align:center; font-weight:bold;}
.materialityTable td:nth-last-child(2) {background:#efefef; font-weight:bold; color:var(--rowColor);}
.materialityTable td:has(._label) {padding:10px 10px 10px 15px;}
.materialityTable td:has(._label)::before {content:""; display:block; width:4rem; height:calc(100% - 20px); position:absolute; right:10px; top:10px; background:var(--rowColor);}
.materialityTable ._label {position:relative; display:grid; grid-template-columns:1fr auto; gap:.6em;}
.materialityTable ._label img {min-width:30px;}
.materialityTable ._label ._text {display:grid; place-content:center; writing-mode:vertical-rl; background:var(--rowColor); line-height:4rem; font-weight:bold; font-size:112%; color:#fff;}
.materialityTable :is(.-groupE, .-groupS) ._label ._text {letter-spacing:1em; text-indent:1em;}
.materialityTable ul li::marker {color:var(--rowColor);}
@media (min-width:601px){
  .materialityTable ul  {min-height:2.5em; display:flex; flex-direction:column; justify-content:center;}
}

.envPolicyTable {border:0;}
.envPolicyTable ._thead th {background:#183D8A; color:#fff; text-align:center;}
.envPolicyTable tr:not(._thead) th {border-left:none; background:#E2E9F6; text-align:left; font-weight:bold;}
.envPolicyTable td:last-child {border-right:none;}
.envPolicyHead {position:relative; display:block; width:fit-content; margin:0 .8rem .6em!important; padding:.2em .5em .2em .3em; background:#183D8A; font-size:85%; font-weight:700; color:#fff; white-space:nowrap;}
.envPolicyHead:before,
.envPolicyHead:after {content:""; display:block; position:absolute; top:0; width:.8rem; height:100%; background:#183D8A; clip-path:polygon(100% 0,100% 100%,0 100%);}
.envPolicyHead:before {right:100%;}
.envPolicyHead:after {left:100%; rotate:180deg;}
.envPolicyHead b {display:inline-block; margin-left:.1em; line-height:1; font-size:200%; font-weight:600; translate:0 8%;}

.-ls2 {letter-spacing:2em; text-indent:2em;}
.markerLedText {padding-left:1em;}
.markerLedText::before {content:""; display:inline-block; width:1em; aspect-ratio:1; margin-left:-1em; background:#B2B3B4; border-radius:50%; scale:.8; transform-origin:0 80%;}

.hcDev_policy {margin-block:2rem; background:#fff;}
.hcDev_policy ._title {padding:.3em; background:#183D8A; color:#fff; text-align:center; font-size:116%;}
.hcDev_policy ._body {padding:.6rem 1.5rem;}
.hcDev_policy ._body > div {padding:1.2rem;}
.hcDev_policy ._body > div + div {border-top:1px #006BB866 solid;}
.hcDev_policy ._body dt {font-weight:bold; color:#006BB8;}
.hcDev_policy ._body dt b {display:block; width:2em; margin-bottom:.3em; background:#006BB8; text-align:center; line-height:2; font-size:116%; color:#fff;}
@media (min-width:601px){
  .hcDev_policy ._body > div {display:grid; grid-template-columns:24rem 1fr;}
  .hcDev_policy ._body dt {display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
}
@media (max-width:600px){
  .hcDev_policy ._body dt {display:grid; grid-template-columns:auto 1fr; align-items:start; gap:1rem; margin-bottom:.6rem;}
}

/* SDGs */
.sdgsBlocks {overflow:hidden;}
.sdgsBlocks .__icons {margin-bottom:30px;}
.sdgsBlocks .__block {margin-top:40px; padding-top:40px; border-top:1px rgba(0,0,0,.2) solid;}
.sdgsBlocks dt {position:relative; margin-bottom:.4em; padding-left:.8em; font-weight:bold; font-size:1.8rem;}
.sdgsBlocks dt:before {content:""; position:absolute; top:.3em; left:0; display:block; vertical-align:-5%; height:calc(100% - .6em); width:.3em; background:#246AB5;}
.sdgsBlocks * + dt {margin-top:1rem;}
.sdgsBlocks .__pic {margin-top:2em;}
.sdgsBlocks .__pic img {width:100%;}
.sdgsBlocks dd ul li {list-style: disc; margin-left: 1em;}

.sdgsBlocks .__icons .-sdgs01 {color:#e4011e;}
.sdgsBlocks .__icons .-sdgs02 {color:#d6a600;}
.sdgsBlocks .__icons .-sdgs03 {color:#1b973a;}
.sdgsBlocks .__icons .-sdgs04 {color:#c50e28;}
.sdgsBlocks .__icons .-sdgs05 {color:#e83418;}
.sdgsBlocks .__icons .-sdgs06 {color:#00a6d9;}
.sdgsBlocks .__icons .-sdgs07 {color:#fabd00;}
.sdgsBlocks .__icons .-sdgs08 {color:#970a31;}
.sdgsBlocks .__icons .-sdgs09 {color:#ec6a06;}
.sdgsBlocks .__icons .-sdgs10 {color:#dd1367;}
.sdgsBlocks .__icons .-sdgs11 {color:#f5a20b;}
.sdgsBlocks .__icons .-sdgs12 {color:#d39206;}
.sdgsBlocks .__icons .-sdgs13 {color:#407936;}
.sdgsBlocks .__icons .-sdgs14 {color:#0075ba;}
.sdgsBlocks .__icons .-sdgs15 {color:#28a838;}
.sdgsBlocks .__icons .-sdgs16 {color:#004c88;}
.sdgsBlocks .__icons .-sdgs17 {color:#023067;}

@media (min-width:601px){
  .sdgsBlocks .__block {float:left; width:calc(50% - 20px); margin-left:40px;}
  .sdgsBlocks .__block:nth-child(2n+1) {clear:left; margin-left:0;}  
  .sdgsBlocks .__icons {font-size:2.2rem; font-weight:bold;}
  .sdgsBlocks .__icons li:only-child {padding:34px 0;}
  .sdgsBlocks .__icons img {width:60px; margin:4px .6em 4px 0; vertical-align:-80%;}
}
@media (max-width:600px){
  .sdgsBlocks .__icons {font-size:1.8rem; font-weight:bold;}
  .sdgsBlocks .__icons li {margin:5px 0; white-space:nowrap;}
  .sdgsBlocks .__icons img {width:50px; margin-right:10px; vertical-align:-70%;}
}


/* =============== お問い合わせ */
.contactMenu {overflow:hidden; width:calc(100% + 8px); margin:0 0 25px -5px;}
.contactMenu li {margin:6px 4px; float:left;}
.contactMenu li a {display:block; padding:.4rem 1rem;}
.contactSubMenu {margin-top:0;}
.contactSubMenu:not(.on) {overflow:hidden; max-height:0; opacity:0; transition:opacity .1s;}

#form-tbl td span.msg {color:#e25;}
button[onclick*="history.back()"] {min-width:140px; padding:.4em .8em; text-align:center;}
button[onclick*="history.back()"]:before {display:none!important;}

@media (min-width:601px){
  .contactMenu li {min-width:232px;}
  .contactMenu li.-x2 {width:472px;}
  .contactSubMenu {columns:3;}
}
@media (max-width:600px){
  .contactMenu li.-x2 {width:calc(100% - 8px);}
  .contactMenu li {min-width:calc(50% - 8px);}
}


/* =============== その他 */
.faq.-switch dt {cursor:pointer;}
.faq.-switch dt:not(.on) {margin-bottom:0;}
.faq.-switch dd {overflow:hidden; max-height:1000px; transition:opacity .1s;}
.faq.-switch dd:after {border:0; margin-bottom:0;}
.faq.-switch dt:not(.on) + dd {max-height:0; opacity:0;}

.sitemap a {text-decoration:none;}
.sitemap > ul > li {padding:1rem 0; border-top:1px #336bb7 solid; break-inside:avoid;}
.sitemap > ul > li > *:first-child {font-size:2rem; font-weight:bold;}
.sitemap > ul > li > ul {margin-left:1.5rem;}
.sitemap > ul > li > ul > li > ul {margin:.3em 0 .3em 1.5rem; padding:.8rem 1.4rem .8rem 0; box-shadow:-1.4rem 0 0 #e6ebee; background:#e6ebee; overflow:hidden;}
.sitemap > ul > li > ul > li > ul > li {float:left; position:relative; left:-27px; font-size:93%;}
.sitemap > ul > li > ul > li > ul > li:before {content:""; display:inline-block; vertical-align:-10%; height:1em; margin:0 13px; border-left:1px rgba(0,0,0,.3) solid;}

.fs-paginate {display:none;}
#fs-result-items li {position:relative; margin-top:1.6rem;}
#fs-result-items a:after {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%;}

@media (min-width:601px){
  .sitemap {columns:2; column-gap:40px;}
}



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

  外部ライブラリ等

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


/* --------------- MTページネーション */
.pagination {margin:30px 0; text-align:center;}
.pagination .current_page {display:inline-block; margin:6px 1px; padding:1px 6px;}
.pagination .current_page:only-child {display:none;}
.pagination a {display:inline-block; margin:6px 1px; padding:1px 6px; text-decoration:none;}

.pagination.-json ol {display:inline; margin:0; padding:0;}
.pagination.-json li {display:inline-block;}
.pagination.-json .is-current {font-weight:bold;}

/* --------------- .eml */
.eml {cursor:pointer;}
.eml abbr {display:inline; width:1em; overflow:hidden; white-space:nowrap;}
.eml abbr:not(.done):before {content:"@";}

/* --------------- modaal */
.modaal-noscroll {overflow:hidden;}
.modaal-accessible-hide {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden;}
.modaal-overlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; opacity:0;}
.modaal-wrapper {display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; overflow:auto; opacity:1; -webkit-overflow-scrolling:touch; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.modaal-wrapper * {box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-backface-visibility:hidden;}
.modaal-wrapper .modaal-close {border:none; background:transparent; padding:0; -webkit-appearance:none;}
.modaal-wrapper.modaal-start_none {display:none; opacity:1;}
.modaal-wrapper.modaal-start_fade {opacity:0;}
.modaal-wrapper *[tabindex="0"] {outline:none !important;}
.modaal-wrapper.modaal-fullscreen {overflow:hidden;}
.modaal-outer-wrapper {display:table; position:relative; width:100%; height:100%;}
.modaal-fullscreen .modaal-outer-wrapper {display:block;}
.modaal-inner-wrapper {display:table-cell; width:100%; height:100%; position:relative; vertical-align:middle; text-align:center; padding:80px 25px;}
.modaal-fullscreen .modaal-inner-wrapper {padding:0; display:block; vertical-align:top;}
.modaal-container {position:relative; display:inline-block; width:100%; margin:auto; text-align:left; color:#000; max-width:1000px; border-radius:0px; background:#fff; box-shadow:0 4px 15px rgba(0, 0, 0, 0.2); cursor:auto;}
.modaal-container.is_loading {height:100px; width:100px; overflow:hidden;}
.modaal-fullscreen .modaal-container {max-width:none; height:100%; overflow:auto;}
.modaal-close {position:fixed; right:20px; top:20px; color:#fff; cursor:pointer; opacity:1; width:50px; height:50px; background:rgba(0, 0, 0, 0); border-radius:100%; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.modaal-close:focus,
.modaal-close:hover {outline:none; background:#fff;}
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {background:#b93d0c;}
.modaal-close span {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden;}
.modaal-close:before,
.modaal-close:after {display:block; content:" "; position:absolute; top:14px; left:23px; width:4px; height:22px; border-radius:4px; background:#fff; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out;}
.modaal-close:before {-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.modaal-close:after {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.modaal-fullscreen .modaal-close {background:#afb7bc; right:10px; top:10px;}
.modaal-content-container {padding:30px;}
.modaal-confirm-wrap {padding:30px 0 0; text-align:center; font-size:0;}
.modaal-confirm-btn {font-size:14px; display:inline-block; margin:0 10px; vertical-align:middle; cursor:pointer; border:none; background:transparent;}
.modaal-confirm-btn.modaal-ok {padding:10px 15px; color:#fff; background:#555; border-radius:3px; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out;}
.modaal-confirm-btn.modaal-ok:hover {background:#2f2f2f;}
.modaal-confirm-btn.modaal-cancel {text-decoration:underline;}
.modaal-confirm-btn.modaal-cancel:hover {text-decoration:none; color:#2f2f2f;}
.modaal-instagram .modaal-container {width:auto; background:transparent; box-shadow:none !important;}
.modaal-instagram .modaal-content-container {padding:0; background:transparent;}
.modaal-instagram .modaal-content-container > blockquote {width:1px !important; height:1px !important; opacity:0 !important;}
.modaal-instagram iframe {opacity:0; margin:-6px !important; border-radius:0 !important; width:1000px !important; max-width:800px !important; box-shadow:none !important; -webkit-animation:instaReveal 1s linear forwards; animation:instaReveal 1s linear forwards;}
.modaal-image .modaal-inner-wrapper {padding-left:140px; padding-right:140px;}
.modaal-image .modaal-container {width:auto; max-width:100%;}
.modaal-gallery-wrap {position:relative; color:#fff;}
.modaal-gallery-item {display:none;}
.modaal-gallery-item img {display:block;}
.modaal-gallery-item.is_active {display:block;}
.modaal-gallery-label {position:absolute; left:0; width:100%; margin:20px 0 0; padding-bottom:20px; text-align:center; color:#fff;}
.modaal-gallery-label:focus {outline:none;}
.modaal-gallery-control {position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); opacity:1; cursor:pointer; color:#fff; width:50px; height:50px; background:rgba(0, 0, 0, 0); border:none; border-radius:100%; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.modaal-gallery-control.is_hidden {opacity:0; cursor:default;}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {outline:none; background:#fff;}
.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {background:#afb7bc;}
.modaal-gallery-control span {position:absolute !important; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height:1px !important; width:1px !important; overflow:hidden;}
.modaal-gallery-control:before,
.modaal-gallery-control:after {display:block; content:" "; position:absolute; top:16px; left:25px; width:4px; height:18px; border-radius:4px; background:#fff; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out;}
.modaal-gallery-control:before {margin:-5px 0 0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.modaal-gallery-control:after {margin:5px 0 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.modaal-gallery-next-inner {left:100%; margin-left:40px;}
.modaal-gallery-next-outer {right:45px;}
.modaal-gallery-prev:before,
.modaal-gallery-prev:after {left:22px;}
.modaal-gallery-prev:before {margin:5px 0 0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.modaal-gallery-prev:after {margin:-5px 0 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.modaal-gallery-prev-inner {right:100%; margin-right:40px;}
.modaal-gallery-prev-outer {left:45px;}
.modaal-video-wrap {margin:auto 50px; position:relative;}
.modaal-video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); background:#000; max-width:1300px; margin-left:auto; margin-right:auto;}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.modaal-iframe .modaal-content {width:100%; height:100%;}
.modaal-iframe-elem {width:100%; height:100%; display:block;}
.modaal-loading-spinner {background:none; position:absolute; width:200px; height:200px; top:50%; left:50%; margin:-100px 0 0 -100px; -webkit-transform:scale(0.25); -ms-transform:scale(0.25); transform:scale(0.25);}
.modaal-loading-spinner > div {width:24px; height:24px; margin-left:4px; margin-top:4px; position:absolute;}
.modaal-loading-spinner > div > div {width:100%; height:100%; border-radius:15px; background:#fff;}
.modaal-loading-spinner > div:nth-of-type(1) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:0s; animation-delay:0s;}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {-ms-animation:modaal-loading-spinner 1s linear infinite; -moz-animation:modaal-loading-spinner 1s linear infinite; -webkit-animation:modaal-loading-spinner 1s linear infinite; -o-animation:modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(1) {-ms-transform:translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(45deg) translate(70px, 0); transform:translate(84px, 84px) rotate(45deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(2) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.12s; animation-delay:.12s;}
.modaal-loading-spinner > div:nth-of-type(2) {-ms-transform:translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(90deg) translate(70px, 0); transform:translate(84px, 84px) rotate(90deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(3) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.25s; animation-delay:.25s;}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {-ms-animation:modaal-loading-spinner 1s linear infinite; -moz-animation:modaal-loading-spinner 1s linear infinite; -webkit-animation:modaal-loading-spinner 1s linear infinite; -o-animation:modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(3) {-ms-transform:translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(135deg) translate(70px, 0); transform:translate(84px, 84px) rotate(135deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(4) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.37s; animation-delay:.37s;}
.modaal-loading-spinner > div:nth-of-type(4) {-ms-transform:translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(180deg) translate(70px, 0); transform:translate(84px, 84px) rotate(180deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(5) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.5s; animation-delay:.5s;}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {-ms-animation:modaal-loading-spinner 1s linear infinite; -moz-animation:modaal-loading-spinner 1s linear infinite; -webkit-animation:modaal-loading-spinner 1s linear infinite; -o-animation:modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(5) {-ms-transform:translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(225deg) translate(70px, 0); transform:translate(84px, 84px) rotate(225deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(6) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.62s; animation-delay:.62s;}
.modaal-loading-spinner > div:nth-of-type(6) {-ms-transform:translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(270deg) translate(70px, 0); transform:translate(84px, 84px) rotate(270deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(7) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.75s; animation-delay:.75s;}
.modaal-loading-spinner > div:nth-of-type(7) {-ms-transform:translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(315deg) translate(70px, 0); transform:translate(84px, 84px) rotate(315deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(8) > div {-webkit-animation:modaal-loading-spinner 1s linear infinite; animation:modaal-loading-spinner 1s linear infinite; -webkit-animation-delay:.87s; animation-delay:.87s;}
.modaal-loading-spinner > div:nth-of-type(8) {-ms-transform:translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform:translate(84px, 84px) rotate(360deg) translate(70px, 0); transform:translate(84px, 84px) rotate(360deg) translate(70px, 0);}
@media only screen and (min-width:1400px) {
  .modaal-video-container {padding-bottom:0; height:731px;}
}
@media only screen and (max-width:1140px) {
  .modaal-image .modaal-inner-wrapper {padding-left:25px; padding-right:25px;}
  .modaal-gallery-control {top:auto; bottom:20px; -webkit-transform:none; -ms-transform:none; transform:none; background:rgba(0, 0, 0, 0.7);}
  .modaal-gallery-control:before,
  .modaal-gallery-control:after {background:#fff;}
  .modaal-gallery-next {left:auto; right:20px;}
  .modaal-gallery-prev {left:20px; right:auto;}
}
@media screen and (max-width:900px) {.modaal-instagram iframe {width:500px !important;}}
@media only screen and (max-width:600px) {.modaal-instagram iframe {width:280px !important;}}
@media screen and (max-height:1100px) {.modaal-instagram iframe {width:700px !important;}}
@media screen and (max-height:1000px) {
  .modaal-inner-wrapper {padding-top:60px; padding-bottom:60px;}
  .modaal-instagram iframe {width:600px !important;}
}
@media screen and (max-height:900px) {
  .modaal-instagram iframe {width:500px !important;}
  .modaal-video-container {max-width:900px; max-height:510px;}
}
@media only screen and (max-height:820px) {
/*  .modaal-gallery-label {display:none;} */
}
@keyframes instaReveal {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes instaReveal {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes modaal-loading-spinner {
  0% {opacity:1; -ms-transform:scale(1.5); -webkit-transform:scale(1.5); transform:scale(1.5);}
  100% {opacity:.1; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes modaal-loading-spinner {
  0% {opacity:1; -ms-transform:scale(1.5); -webkit-transform:scale(1.5); transform:scale(1.5);}
  100% {opacity:.1; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
}


/* --------------- slick */
/* slider */
.slick-slider {position:relative; display:block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table; content:'';}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

.slick-loading .slick-list {background:#fff url('../slick/ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face {font-family:'slick'; font-weight:normal; font-style:normal; src:url('../slick/slick.eot'); src:url('../slick/slick.eot?#iefix') format('embedded-opentype'), url('../slick/slick.woff') format('woff'), url('../slick/slick.ttf') format('truetype'), url('../slick/slick.svg#slick') format('svg');}
/* Arrows */
.slick-prev,
.slick-next {font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color:transparent; outline:none; background:transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity:1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {opacity:.25;}

.slick-prev:before,
.slick-next:before {font-family:'slick'; font-size:20px; line-height:1; opacity:.75; color:rgba(100,100,100,.5); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.slick-prev {left:10px;}
[dir='rtl'] .slick-prev {right:-25px; left:auto;}
.slick-prev:before {content:'←';}
[dir='rtl'] .slick-prev:before {content:'→';}

.slick-next {right:10px;}
[dir='rtl'] .slick-next {right:auto; left:-25px;}
.slick-next:before {content:'→';}
[dir='rtl'] .slick-next:before {content:'←';}

/* Dots */
.slick-dotted.slick-slider {margin-bottom:30px;}
.slick-dots {position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-dots li {position:relative; display:inline-block; width:14px; height:14px; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus {outline:none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {opacity:1;}
.slick-dots li button:before {font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before {opacity:.75; color:black;}

/* add 20260601 */
.dirSubIndex ul li.js-acc {
  > .__accBtn {
    display: block;
    cursor: pointer;
    position: relative;
    padding-right: 2rem;
    &::before {
      content: "";
      position: absolute;
      right: 0.5rem;
      top: 50%;
      margin-top: -1px;
      width: 1.2rem;
      height: 2px;
      background: #336BB7;
    }
    &::after {
      content: "";
      position: absolute;
      right: 0.5rem;
      top: 50%;
      margin-top: -1px;
      width: 1.2rem;
      height: 2px;
      background: #336BB7;
      transition: transform 0.4s;
      transform-origin: center;
      transform: rotate(-90deg);
    }
  }
  &.-open > .__accBtn::after {
    transform: rotate(0deg);
  }
  > .__accPanel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s;
    > ul {
      overflow: hidden;
      margin-top: 0 !important;
      border-top: none !important;
      li {
        padding-left: 1em;
        &:last-child {
          border-bottom: none;
          padding-bottom: 0;
        }
      }
    }
  }
  &.-open > .__accPanel {
    grid-template-rows: 1fr;
  }
}