@charset "UTF-8";


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

  初期設定

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


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

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%;}
:root {--college01:#13919b; --college02:#0cd; --highschool01:#3cc28e; --highschool02:#6eb; --earlycareer01:#808dd8; --earlycareer02:#6f7ad8;}
.college {--theme01:var(--college01); --theme02:var(--college02); --theme03:rgba(52,159,177,0.8);}
.highschool {--theme01:var(--highschool01); --theme02:var(--highschool02); --theme03:rgba(60,194,142,0.8);}
.earlycareer {--theme01:var(--earlycareer01); --theme02:var(--earlycareer02); --theme03:rgba(128,141,216,.8);}
* {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;}
.flR.-pad {margin:0 0 10px 15px;}
.flL.-pad {margin:0 15px 10px 0;}
.inBlk, .IB, .spanIB > span {display:inline-block;}
.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;}

@media (min-width:601px) {
  .sp, .sp.IB {display:none;}
  .pcIB {display:inline-block;}
  .pcFlL {float:left;}
  .pcFlR {float:right;}
  .pcFlL.-pad {padding-right:20px; padding-bottom:15px; box-sizing:border-box;}
  .pcFlR.-pad {padding-left:20px; padding-bottom:15px; box-sizing:border-box;}
  .pcC {text-align:center;}
  .pcR {text-align:right;}
  [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%;}
}

@media (max-width:600px) {
  img {max-width:100%; height:auto;}
  .pc {display:none;}
  .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%;}
}

/* ------ テキスト装飾 */
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:#e36;}
.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 {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;}

/* ------ ul, ol */
.liIB > li {display:inline-block; margin-right:1.5em;}
ul.disc {list-style-type:disc; padding-left:1.5em;}
ul.square, .-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;}
/* スラッシュ区切り */
.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:#f5f5f5; background:rgba(0,0,0,.04); text-align:center; font-weight:500;}
table td {background:#fff;}
.thead th, .thead td {border-bottom:3px #bbb double;}
.thead th {background:#e0e0e0; 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;}

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

/* .hrTop/Btm, hr */
.hrTop1 {margin-top:30px!important; padding-top:30px!important; border-top:1px #888 dashed;}
.hrBtm1 {margin-bottom:30px!important; padding-bottom:30px!important; border-bottom:1px #888 dashed;}
.hrTop2:before,
.hrBtm2:after {content:""; display:block; width:70%; margin:60px 15%; border-top:1px #ccc solid;}
hr {background:none; margin:30px 0; border-top:1px #888 dashed; border-width:1px 0 0;}

/* 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; border-top:1px #ccc dotted; font-weight:bold; box-sizing:border-box;}
.tableLike dd {width:75%; float:left; padding:1em 0; border-top:1px #ccc dotted; box-sizing:border-box;}
.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:#F1F3F6;}
  .tableLike.-spFlatB dd + dt {margin-top:15px;}
}

/* .hNTable: .tableLikeを見出しと任意のタグで */
.h2Table, .h3Table, .h4Table, .h5Table {position:relative; overflow:hidden; padding-bottom:.8rem; border-bottom:1px #bbb dotted;}
.h2Table:before, .h3Table:before, .h4Table:before,.h5Table:before {content:""; display:block; position:absolute; top:0; left:0; width:20%; height:100%; background:rgba(0,80,80,.08);}
.h2Table > *, .h3Table > *, .h4Table > *, .h5Table > * {position:relative; z-index:1; display:block; float:right; width:80%; margin:.6rem 0 0; padding:0 1.6rem; box-sizing:border-box;}
.h2Table > h2, .h3Table > h3, .h4Table > h4, .h5Table > h5 {clear:both; float:left; width:20%; padding:.8rem 1.6rem; border-top:1px #bbb dotted; font-size:inherit; color:inherit; box-sizing:border-box;}
.h2Table > h2 + *, .h3Table > h3 + *, .h4Table > h4 + *, .h5Table > h5 + * {padding-top:.8rem; border-top:1px #bbb dotted;}
.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:2em;}

@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 > h2, .h3Table.-spFlat > h3, .h4Table.-spFlat > h4 {float:none; width:auto; padding:.5rem 0 .2rem;}
  .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; padding:0; list-style-type:none;}
.col2 > *, .col3 > *, .col4 > *, .col5 > * {position:relative; float:left; box-sizing:border-box;}
.col2 > * {width:49.999%;} .col3 > * {width:33.333%;} .col4 > * {width:24.999%;} .col5 > * {width:19.999%;}
.col2 > *:nth-child(2n+1), .col3 > *:nth-child(3n+1), .col4 > *:nth-child(4n+1), .col5 > *:nth-child(5n+1) {clear:left;}
.col2m > *:nth-child(n), .col3m > *:nth-child(n), .col4m > *:nth-child(n), .col5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px; box-sizing:border-box;}
.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) {clear:left; margin-left:0;}

@media (min-width:601px){
  .pcCol2 > *, .pcCol3 > *, .pcCol4 > *, .pcCol5 > * {position:relative; float:left;}
  .pcCol2 > * {width:49.999%;} .pcCol3 > * {width:33.333%;} .pcCol4 > * {width:24.999%;} .pcCol5 > * {width:19.999%;}
  .pcCol2 > *:nth-child(2n+1), .pcCol3 > *:nth-child(3n+1), .pcCol4 > *:nth-child(4n+1), .pcCol5 > *:nth-child(5n+1) {clear:left;}
  .pcCol2m > *:nth-child(n), .pcCol3m > *:nth-child(n), .pcCol4m > *:nth-child(n), .pcCol5m > *:nth-child(n) {position:relative; top:-20px; float:left; margin:20px 0 0 20px;}
  .pcCol2m > * {width:calc((100% - 21px) / 2);}
  .pcCol3m > * {width:calc((100% - 41px) / 3);}
  .pcCol4m > * {width:calc((100% - 61px) / 4);}
  .pcCol5m > * {width:calc((100% - 81px) / 5);}
  .pcCol2m > *:nth-child(2n+1), .pcCol3m > *:nth-child(3n+1), .pcCol4m > *:nth-child(4n+1), .pcCol5m > *:nth-child(5n+1) {clear:left; margin-left:0;}
}

@media (max-width:600px){
  .spCol2 > *, .spCol3 > *, .spCol4 > *, .spCol5 > * {position:relative; float:left;}
  .spCol2 > * {width:49.999%;} .spCol3 > * {width:33.333%;} .spCol4 > * {width:24.999%;} .spCol5 > * {width:19.999%;}
  .spCol2 > *:nth-child(2n+1), .spCol3 > *:nth-child(3n+1), .spCol4 > *:nth-child(4n+1), .spCol5 > *:nth-child(5n+1) {clear:left;}
  .spCol2m > *:nth-child(n), .spCol3m > *:nth-child(n), .spCol4m > *:nth-child(n), .spCol5m > *:nth-child(n) {position:relative; top:-20px; float:left; 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) {clear:left; 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:#eee 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;}

.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%; box-sizing:border-box;}
  .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;}
}





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

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


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

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はフッタ下の余白発生防止用 */
  font:1.6rem/1.8 "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a; font-feature-settings:"pkna";}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family:inherit;}
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, main, .pageFooter, .home .__mv {width:100%; min-width:980px;}
  .content {width:calc(100% - 50px); max-width:1200px; min-width:950px;}
}

@media (max-width:600px) {
  html {font-size:54%;}
  .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 12px;}
}


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

.pageHeader {position:relative; z-index:998; background:#fff; font-weight:bold;}
.pageHeader * {transition:.2s all;}
.pageHeader a {text-decoration:none;}
.pageHeader li {position:relative;}
.pageHeader .__group {text-indent:100%; overflow:hidden; white-space:nowrap;}
.pageHeader .__subnav a {display:inline-block; width:100%; text-align:center;}
.pageHeader .__subnav a[href*="college"] {background:var(--college01); color:#fff;}
.pageHeader .__subnav a[href*="highschool"] {background:var(--highschool01); color:#fff;}
.pageHeader .__subnav a[href*="earlycareer"] {background:var(--earlycareer01); color:#fff;}
.gnav .-entry a {background:#ff630e;}
.gnav a[target="_blank"]:after {content:""; width:12px; height:12px; display:inline-block; margin-left:.25em; background:url(../../images/common/icon_newwindow_wh.png) no-repeat 50% 50%; background-size:contain;}

@media (min-width:601px) {
  #spNav {display:none;}
  .pageHeader {height:66px; position:relative; background:#fff;}
  .pageHeader .__siteName {float:left; height:66px; padding:0 20px;}
  .pageHeader .__siteName:before {content:""; display:inline-block; height:66px; vertical-align:middle;}
  .pageHeader .__siteName img {width:224px; vertical-align:middle;}
  .pageHeader .__group {float:right; height:66px; width:130px; background:url(../../../../images/common/group_logo.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 ul {display:table; height:66px;}
  .pageHeader .__subnav li {display:table-cell; vertical-align:middle;}  
  .pageHeader .__subnav li:not(:last-child) {padding-right:10px;}
  .pageHeader .__subnav a {padding:.3em 0; white-space:nowrap; min-width:12rem;}
  .pageHeader .__subnav a:not([href*="whatis"]) {padding-block:.35em; border-radius:20px;}
  .pageHeader .__subnav a[href*="college"] {padding-block:.3em; line-height:1.25; font-size:80%;}
  .gnav {position:relative; clear:both; background:rgba(0,0,0,.5); line-height:46px; text-align:right; font-weight:bold;}
  .highschool .gnav {padding-right:1em;}
  .gnav:before {color:#fff; display:block; position:absolute; left:20px; color:#fff; font-size:1.4rem;}
  .gnav li {display:inline-block;}
  .gnav li:not(.dirHome) + li:not(.-entry):before {content:""; display:inline-block; vertical-align:-4%; height:.9em; margin:0 .9em 0 .6em; border-left:1px #fff solid;}
  .gnav li.dirHome ~ li {font-size:clamp(1.4rem, -0.233rem + 1.667vw, 1.6rem);}
  .gnav a, .gnav span {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 .-entry:before {display:none;}
  .gnav .-entry a {margin-left:.9em; padding:0 clamp(1rem, -4rem + 5vw, 2.5rem);}  
  .gnav li.dirHome {color:#fff; display:block; position:absolute; left:20px; color:#fff; font-size:1.4rem;}
  :is(.college, .highschool, .earlycareer) .gnav li.dirHome a {color:var(--theme02);}
  .earlycareer .gnav li.dirHome a {color:#b3bbff;}
  

	
	
	/* サブメニュー初期状態は非表示 */
	.gnav .sub-nav {
	  display: none;
	  position: absolute;
	  top: 100%;
	  left: 20px;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	  background: rgba(0, 0, 0, 0.5);
	  z-index: 1000;
	}
	.gnav .sub-nav li {
	  margin: 0;
	  border: 0;
	}
	
	.gnav .sub-nav li:before {
        display: none !important;
        border: 0;
    }


	.gnav .sub-nav li a {
	  display: block;
	  white-space: nowrap;
	  padding: 0.1em 0.5em;
	}
	
	/* ホバー時表示 */
	.gnav li.has-sub:hover > .sub-nav {
	  display: block;
	}
	  	
}
@media (min-width:1150px) {
  .pageHeader .__subnav li {padding-right:15px;}
  .pageHeader .__subnav li:last-child {padding-right:10px;}
  .pageHeader .__subnav a[href*="whatis"] {margin:0 1em 0 .4em;}
}
@media (min-width:601px) and (max-width:1050px) {
  .college .gnav li + li:before {margin:0 .7em 0 .4em;}  
  .college .gnav .-entry a {padding:0 1em;}  
}
@media (min-width:601px) and (max-width:1130px) {
  .college .gnav .onlyWhenWide {display:none;}
}
@media (min-width:601px) and (max-width:1240px) {
  .college .gnav li.dirHome a {padding:3px 0; line-height:20px;}
}
@media (min-width:1241px) {
  .college .gnav li.dirHome a br {display:none;}
}
@media (max-width:600px) {
  .pageHeader {height:47px; position:fixed; top:0; left:0; width:100%; background:#fff;}
  .pageHeader .__siteName {float:none; width:224px; margin-left:15px; padding:7px 0 5px;}
  .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:#049dac; box-shadow:0 -7px 0 #049dac, 0 7px 0 #049dac;}
  #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:#049dac;}
  .pageHeader nav {display:none; position:absolute; width:100%; background:rgba(100,100,100,.93); box-shadow:0 4px rgba(0,0,0,.2); color:#fff;}
  .pageHeader nav a {color:inherit;}
  .pageHeader .__subnav ul {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; background:rgba(255,255,255,.9);}
  .pageHeader .__subnav ul li {display:table; width:33.33%;}  
  .pageHeader .__subnav ul li a {display:table-cell; height:3.6em; line-height:1.3; vertical-align:middle;}
  .pageHeader .__subnav ul li a[href*="whatis"] {color:#2a2a2a;}
  .pageHeader .__subnav a[href*="college"] {font-size:93%;}
  .pageHeader .gnav {display:block; background:;}
  .pageHeader .gnav:before {display:block; padding:.2em 0; background:rgba(255,255,255,.2); text-align:center;}
  .pageHeader .gnav li {float:none; display:block; width:auto;}
  .pageHeader .gnav a, .pageHeader .gnav span {display:block; padding:.8em 12px; color:#fff!important;}
  .pageHeader .gnav > li + li > a, .pageHeader .gnav > li + li > span, .pageHeader .gnav > li li > a {border-top:1px rgba(255,255,255,.2) solid;}
  .pageHeader .gnav > li li > a {padding-left: 3rem;
  }
  .pageHeader .gnav li.dirHome {display:none;}
}

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

.pageFooter {position:relative; z-index:2; background:#283654; color:#fff;}
.pageFooter * {transition:.2s all;}
.pageFooter a {text-decoration:none; color:#fff;}
.pageFooter address {cursor:pointer;}
/*.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:"このページの先頭へ";}*/
.pageTOP {position:fixed; bottom:10px; right:10px; z-index:100; width:36px; height:36px; border-radius:50%; background:rgba(40,40,40,.8); opacity:.5; cursor:pointer; transition:.1s all;}
.pageTOP:hover {opacity:.8;}
.pageTOP:before {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.-out {bottom:-50px; opacity:0;}


.dirNav {position:relative; background:#4C7FC0; overflow:hidden;}
.dirNav .__label {font-weight:bold;}
.dirNav .content > ul > li > a {display:inline-block; padding:.3rem 0 .3rem 1rem; border-left:3px rgba(0,60,90,.3) solid; line-height:1.33;}
:is(.college, .highschool, .earlycareer) .dirNav {background:var(--theme01);}
.whatis .dirNav {background:#049dac;}

.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) {
  .dirNav .__label {position:relative; float:left; width:25%; padding:0 30px 0 0; font-size:2.4rem; line-height:1.33;}
  .dirNav .content > ul {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;}
  .pageFooter .content {padding:40px 0; font-size:1.4rem;}
  .pageFooter > .content:last-child {padding-bottom:25px;} 
  .pageFooter [class*="__nav"] {line-height:1.4;}
  .pageFooter [class*="__nav"] ul li + li {margin-top:.4em;}
  .pageFooter .__nav1 {width:75%; float:left; display:grid; grid-template-columns:repeat(auto-fit, minmax(0px,1fr)); column-gap:40px;}
  .pageFooter .__nav1 li {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:1rem; padding-bottom:.8rem; border-bottom:1px #fff solid; font-size:1.6rem; font-weight:bold;}
  .pageFooter .__nav1 > li:last-child {min-height:10em;}  
  .pageFooter .__nav2 {width:20%; float:right; margin-bottom:2em;}
  .pageFooter .__nav2 li + li {margin-top:.4em;}
  .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;}
  .pageFooter .__nav1 ul ul li {margin-top: .3rem;  	margin-left: 1.5rem;  }
}
@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;}
  .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 {overflow:hidden;}
main [class*="pageTitle"] ~ .content,
main [class*="pageTitle"] ~ section > .content {padding:50px 0 80px;}
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.8;}
  body.college main > .content,
  body.highschool main > .content {padding-bottom:100px;} 
}

@media (max-width:600px) {
  main {min-width:320px; overflow-x:hidden;}
  main [class*="pageTitle"] ~ .content,
  main [class*="pageTitle"] ~ section > .content {width:auto; margin:0 15px;}
  body:not(.home) main {margin-top:47px;}
}

/* ページタイトル */
.pageTitle {position:relative;}
.pageTitle .content {height:100%;}
.pageTitle .__pic,
.pageTitle .__txt {position:absolute;}
.pageTitle .__txt .sm3 {margin-top:.15em;}

:is(.college, .highschool, .earlycareer) .pageTitle .__pic {width:100%; height:100%; overflow:hidden;}
.pageTitle .__pic img {width:100%; height:100%; object-fit:cover; max-width:1000%;}

:is(.college, .highschool, .earlycareer) .pageTitle .__txt {color:#fff; background:var(--theme03);}


@media (min-width:601px) {
  :is(.college, .highschool, .earlycareer) .pageTitle {height:440px; margin-bottom:60px;}
  :is(.college, .highschool, .earlycareer) .pageTitle .__txt {left:-40px; bottom:-40px; width:450px; height:280px; padding:40px 60px; display:table;}
  .pageTitle h1 {display:table-cell; vertical-align:middle; line-height:1.45; font-size:3.6rem;}
  .pageTitle.-plain h1 {display:block; padding:1em 0 0;}
  
  .college .pageTitle.-dirtop,
  .highschool .pageTitle.-dirtop {height:535px;}
  .college .pageTitle.-dirtop .__txt,
  .highschool .pageTitle.-dirtop .__txt {height:430px;}
}

@media (max-width:600px) {
  :is(.college, .highschool, .earlycareer) .pageTitle {height:60vw; margin-bottom:10px;}
  :is(.college, .highschool, .earlycareer) .pageTitle .__txt {right:-15px; bottom:-25px; width:calc(100% - 25px); padding:12px 18px;}
  .pageTitle h1 {line-height:1.45; font-size:2.6rem;}

  .college .pageTitle.-dirtop,
  .highschool .pageTitle.-dirtop {height:70vw;}
}


/* パンくず */
.breadcrumb {margin:25px 0; line-height:1.5; font-size:1.2rem; overflow:hidden;}
.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;}



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

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

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


/* H2～H6 */

h2, .h2 {margin:0 0 1em; padding:0; border:0; line-height:1.4; font-size:2.4rem; font-weight:bold; color:inherit;}
* + h2, * + .h2 {margin-top:3em;}
h2:before, .h2:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h2:after, .h2:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

h3, .h3 {margin:0 0 .75em; padding:0; border:0; line-height:1.45; font-size:2.1rem; font-weight:bold; color:inherit;}
* + h3, * + .h3 {margin-top:2em;}
h3:before, .h3:before {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}
h3:after, .h3:after {content:""; display:none; width:0; height:0; border:0; transform:none; box-shadow:none;}

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

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

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

.-catch {line-height:1.6;}

.whatis h2 {font-family:"M Plus 1p", sans-serif; font-weight:normal; color:#555;}
.whatis h2 i {display:inline-block; line-height:1.6; font-family:"Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; font-size:1.4rem; font-weight:bold; color:#13919b;}

.ttl1 {position:relative; padding-left:16px;}
.ttl1:before {content:""; display:block; height:1.33em; position:absolute; left:0;}
.college .ttl1 {border-left:6px #13919b solid;}
.highschool .ttl1 {border-left:6px var(--theme01) solid;}
.whatis .ttl1 {border-left:6px #049dac solid;}

.-mplus {font-family:"M Plus 1p", sans-serif;}

.-borderedHeadline {position:relative;}
.-borderedHeadline:before {content:""; display:block; position:absolute; left:0; bottom:.4em; z-index:0; width:100%; border-bottom:1px #336BB7 solid;}
.-borderedHeadline .-wrap {position:relative; z-index:1; margin-left:-15px; padding:0 15px; background:#fff;}
:is(.college, .highschool, .earlycareer) .-borderedHeadline:before {border-color:var(--theme01);}
:is(.college, .highschool, .earlycareer) .-borderedHeadline .-wrap {color:var(--theme02);}

.whatis .-borderedHeadline:before {border-color:#049dac;}
.whatis .-borderedHeadline .-wrap {background:#e1f2f3; color:#049dac;}

@media (min-width:601px) {
  .-catch {font-size:3rem;}
}

@media (max-width:600px) {
  .-catch {font-size:2.4rem;}
}

/* .btn */
.btn1 {--btnColor:#13919b;}
:is(.college, .highschool, .earlycareer) .btn1 {--btnColor:var(--theme02);}
.btn1 a, a.btn1,
.btn1 button, button.btn1 {position:relative; display:inline-block; min-width:200px; padding:.4em 1.8em .5em .8em; border:2px var(--btnColor) solid; box-shadow:0 -0px 0 rgba(0,0,0,.2) inset; text-decoration:none; color:var(--btnColor); font-weight:bold;}
.btn1 a:before, a.btn1:before,
.btn1 button:before, button.btn1:before {content:""; display:inline-block; height:6px; width:6px; position:absolute; right:.8em; top:50%;  border:var(--btnColor) 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);}
/* 拡張子アイコン */
.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;}


.idxMenu {overflow:hidden;}
.idxMenu a {text-decoration:none;}
.idxMenu .__pic {display:block; position:relative; padding-top:33%;}
.idxMenu .__pic img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.idxMenu .__txt {display:block; position:relative; padding:.4em 0 .1em 1.3em; font-size:2.4rem; font-weight:bold;}
.idxMenu .__txt:before {content:""; display:block; position:absolute; left:.6em; top:-33%; height:133%; border-left:3px #eee solid;}
.idxMenu .__txt i {display:block; line-height:1.6; font-weight:normal; font-size:1.6rem;}
.idxMenu img[src*="newwindow"] {width:.6em; vertical-align:0%;}
:is(.college, .highschool, .earlycareer) .idxMenu .__txt:before {border-left-color:var(--theme01);}
.idxMenu .-entry a {position:relative; display:block; max-width:450px; margin:0 auto; background:#ff630e; border-radius:50px; text-align:center; line-height:1.2; font-weight:bold; font-size:2.4rem; color:#fff;}
.idxMenu .-entry a i {display:inline-block; font-size:1.4rem;}
.idxMenu .-entry a:after {content:""; display:block; width:12px; height:12px; position:absolute; right:35px; top:50%; border:#fff solid; border-width:4px 4px 0 0; transform:rotate(45deg) translate(0,-50%);}

.idxBnrAbout {margin-bottom:60px;}
.idxBnrAbout a {display:block; position:relative; text-decoration:none;}
.idxBnrAbout .h2 {display:block; background:#e1f2f3; text-align:center; font-size:3rem; font-family:"M Plus 1p", sans-serif; font-weight:normal; color:#555;}
.idxBnrAbout .h2 i {display:inline-block; line-height:1.6; font-family:"Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; font-size:1.4rem; font-weight:bold; color:#13919b;}.idxBnrAbout .h2 i:after {content:""; display:inline-block; vertical-align:-20%; width:12px; height:12px; margin-left:1em; border:#13919b solid; border-width:4px 4px 0 0; transform:rotate(45deg) translate(0,-50%);}

.padbox {margin:2em 0; padding:1em 1.4em; background:rgba(0,80,80,.03);}

@media (min-width:601px){
  .idxMenu  {display:grid; grid-template-columns:repeat(2 ,1fr); gap:40px 60px;}
  .idxMenu > li:nth-of-type(2n+1) {clear:left; margin-left:0;}
  .idxMenu .-entry a {margin-top:50px; padding:1em;}
  .idxBnrAbout .h2 {width:calc(100% - 240px); padding:80px 0;}
  .idxBnrAbout img {width:310px; position:absolute; top:-20px; right:0;}
  .padbox.-thick {padding:1.8em 2.4em;}
}
@media (max-width:600px){
  .idxMenu li + li {margin-top:25px;}
  .idxMenu .__txt {padding:.4em 0 .1em 1.3em; font-size:1.8rem;}
  .idxMenu .-entry a {padding:.5em; line-height:1;}
  .idxMenu .-entry a:after {width:8px; height:8px; right:20px; border-width:2px 2px 0 0;}
  
  .idxBnrAbout {width:calc(100% + 30px); margin:40px 0 40px -15px!important;}
  .idxBnrAbout .h2 {margin:0; padding:25px 0;}
  .idxBnrAbout img {display:none;}
  .idxBnrAbout .h2 i {display:block;}
  .idxBnrAbout .h2 i:after {position:absolute; right:20px; top:50%; transform:rotate(45deg) translate(0,-50%) scale(.7);}
}

/* 画像＋説明文 共通 */
[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; 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 #eee solid;}
[class*="picTxtExp"] > section > .__label:first-child .-wrap {position:relative; z-index:1; margin-left:-15px; padding:0 15px; background:#fff;}
[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;}

:is(.college, .highschool, .earlycareer) [class*="picTxtExp"]:not(.picTxtExp2) > section > h2:first-child,
:is(.college, .highschool, .earlycareer) [class*="picTxtExp"]:not(.picTxtExp2) > section > h3:first-child,
:is(.college, .highschool, .earlycareer) [class*="picTxtExp"]:not(.picTxtExp2) > section > h4:first-child {color:var(--theme01);}
:is(.college, .highschool, .earlycareer) [class*="picTxtExp"] > section > .__label:first-child:before {border-color:var(--theme01);}

@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;}
}

.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;}

@media (min-width:601px){
  .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){
  .contactBlock {margin-top:30px; padding:20px; text-align:center;}
  .contactBlock h2 {margin-bottom:.4em;}
  .contactBlock li + li {margin-top:10px;}
}


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

  ページ個別

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

@media (max-width:600px) {
  .pageTitle.-dir_college img,
  .pageTitle.-dir_highschool img {object-position:80% 50%;}
}

/* =============== トップページ */
.home .pageHeader {background:transparent;}
.home .pageHeader .__siteName {width:244px; background-image:url(../../images/common/header_logo_wh.png); background-repeat:no-repeat;  background-position:right 50%; background-size:224px;}
.home .pageHeader .__siteName img {display:none;}
.home .pageHeader .__group {background-image:url(../../../../images/common/group_logo_wh.png);}
.home .pageHeader .__subnav,
.home .pageHeader .gnav {display:none;}
.home .__mv {position:relative; background:url(../../images/home_mv.jpg) no-repeat 50% 50%; background-size:cover;}
.home .__mv:before {content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(13,21,31,.0);}
.home .__mv .content {height:100%;}
.home .__mv .__btns {position:absolute; z-index:10; left:0; width:100%;}
.home .__mv .__btns a {display:block; position:relative; text-decoration:none; font-weight:bold;}
.home .__mv .__btns a:after {content:""; display:block; width:16px; height:16px; position:absolute; right:12%; top:50%; border:#fff solid; border-width:5px 5px 0 0; transform:rotate(45deg) translate(0,-50%);}
.home .__mv .__btns a[href*="college"] {background:var(--college01); color:#fff;}
.home .__mv .__btns a[href*="highschool"] {background:var(--highschool01); color:#fff;}
.home .__mv .__btns a[href*="/earlycareer"] {background:var(--earlycareer01); color:#fff;}
.home .__mv .__btns a[href*="/career"] {background:#987ac0; color:#fff;}
.home .whatis h2 {font-size:3.4rem; text-align:right; line-height:1.1;}
.home .whatis .__pic img {width:100%;}

.homeVoiceMenu {position:relative; margin-block:6rem; padding-block:0 4rem;}
.homeVoiceMenu:before {content:""; display:block; width:max(51vw,500px); height:100%; position:absolute; right:50%; top:0; background:var(--theme01); scale:2 1; transform-origin:0 50%; opacity:.2;}
.homeVoiceMenu > * {position:relative;}
.homeVoiceMenu h2 {text-align:center; color:var(--theme01); translate:0 -40%;}
.homeVoiceMenu > ul {display:grid;}
.homeVoiceMenu > ul img {width:100%; aspect-ratio:9/4; object-fit:cover;}
.homeVoiceMenu li a {display:block; position:relative;}
.homeVoiceMenu li .__txt {display:block; position:absolute; bottom:5%; padding:.1em .6em; background:var(--theme01); color:#fff; font-weight:bold; font-size:1.9rem;}

@media (min-width:601px){
  .home .__mv {height:755px; margin-top:-66px;}
  .home .__mv .__btns {display:grid; grid-template-columns:repeat(3,1fr); gap:12px; bottom:-200px; padding-bottom:10px;}
  .home .__mv .__btns:has(li:nth-child(4)) {grid-template-columns:repeat(2,1fr);}
  .home .__mv .__btns li {display:table; box-shadow:0 6px 0 rgba(0,0,0,.1);}
  .home .__mv .__btns a {display:table-cell; height:5em; vertical-align:middle; padding:10px 20% 10px 8%; font-size:2.6rem; line-height:1.4;}
  .home .__mv + main {padding-top:160px;}
  
  .home .whatis {padding:160px 0 100px;}
  .home .whatis .content:before {content:""; display:block; width:200vw; height:100%; position:absolute; top:0; left:-100vw; background:#e2f6f7;}
  .home .whatis .content * {position:relative;}
  .home .whatis .__txt {width:40%; float:left;}
  .home .whatis .__txt:first-of-type {padding:60px 0 20px;}
  .home .whatis .__pic {width:calc(60% - 50px); float:right; top:-30px;}
  .home .whatis .pcR a {text-align:left;}
  
  .homeVoiceMenu > ul {grid-template-columns:1fr 1fr; gap:40px 60px;}

}
@media (max-width:600px){
  .home .pageHeader {position:absolute;}
  .home .pageHeader .__siteName {width:224px; height:47px;}
  .home .pageHeader #spNav {display:none;}
  .home .pageHeader .__group {right:15px;}
  .home .__mv {height:60vh; background-position:55% 50%;}
  .home .__mv .__btns {bottom:-120px; display:grid; gap:8px; padding-inline:10px;}
  .home .__mv .__btns a {padding:.6em 1.2em; border-radius:30px; line-height:1.4; font-size:2rem;}
  .home .__mv .__btns a[href*="college"] {padding:.4em 1.2em;}
  .home .__mv .__btns a:after {width:8px; height:8px; right:20px; border-width:3px 3px 0 0;}
  .home .__mv + main {padding-top:70px;}
  .home .whatis {padding:30px 0 50px; background:#e2f6f7;}
  .home .whatis h2, .home .whatis .btn1 {text-align:center;}
  .home .whatis .__pic {padding:25px 0;}
  
  .homeVoiceMenu > ul {gap:2rem;}
}

/* =============== 先輩の声 */
.voiceIdx {overflow:hidden;}
.voiceIdx a {text-decoration:none; font-weight:bold;}
.voiceIdx a > * {display:block; position:relative;}
.voiceIdx .__pic {position:relative; margin-bottom:.6em; padding-top:75%;}
.voiceIdx .__pic img {width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
.voiceIdx .__txt {padding-left:1.6em; line-height:1.6;}
.voiceIdx .__txt:before {content:""; display:block; position:absolute; left:.7em; top:-25px; height:calc(100% + 25px); border-left:3px #eee solid;}
:is(.college, .highschool, .earlycareer) .voiceIdx .__txt:before {border-left-color:var(--theme01);}
.voiceIdx .__txt strong {font-size:2rem;}
.voiceIdx .-catch {display:block; margin-top:.3em; font-size:1.5rem; font-weight:normal;}

.voiceHeader {position:relative; overflow:hidden;}
.voiceHeader .__pic {position:relative;}
.voiceHeader .__pic img {width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.voiceHeader .__txt {font-weight:bold; line-height:1.5;}
.voiceHeader .-badge a {text-decoration:none; color:#fff;}
.voiceHeader .h3 {margin-top:1em;}
:is(.college, .highschool, .earlycareer) .voiceHeader .-badge a {background:var(--theme01);}
.voiceHeader .-name strong {font-size:1.3em;}
.voiceHeader .-bio {font-weight:normal;}

.voiceBlock .__pic {text-align:center; font-size:.85em;}
.voiceBlock .__pic img {width:100%;}
.voiceEps {color:#fff;}
.voiceEps > div + div {background:rgba(0,0,0,.08);}
.voiceEps dt {text-align:center;}
.voiceEps dd {font-weight:500;}
:is(.college, .highschool, .earlycareer) .voiceEps {background:var(--theme01);}
.voiceMyVision {position:relative;}
.voiceMyVision:before {content:""; position:absolute; left:0; top:0; display:block; height:100%; border:#eee solid; border-width:1px 0 1px 1px;}
.voiceMyVision:after {content:""; position:absolute; right:0; top:0; display:block; height:100%; border:#eee solid; border-width:1px 1px 1px 0;}
:is(.college, .highschool, .earlycareer) .voiceMyVision:before,
:is(.college, .highschool, .earlycareer) .voiceMyVision:after {border-color:var(--theme01);}
.voiceMyVision h2 {line-height:1.3;}
.voiceMyVision h2 em {font-size:4rem; font-style:normal;}
:is(.college, .highschool, .earlycareer) .voiceMyVision h2 em  {color:var(--theme01);}
.voiceMyVision h2 i {font-size:85%;}

@media (min-width:601px){
  .voiceIdx li {float:left; width:calc(33.33% - 22px); margin:0 0 33px 33px;}
  .voiceIdx li:nth-child(3n+1) {margin-left:0; clear:left;}
  
  .voiceHeader {margin:80px 0 100px;}
  .voiceHeader .__pic {width:60%; padding-top:45%;}
  .voiceHeader .__txt {position:absolute; top:50%; right:0; width:50%; padding:45px; background:#fff; transform:translate(0,-50%);}
  .voiceHeader .__txt .-badge a {position:absolute; left:-20px; top:-.8em; display:inline-block; padding:0 .6em; white-space:nowrap; font-size:1.16em;}
  .voiceHeader .__txt h1 {font-size:3rem;}
  .voiceHeader .__txt .-name {margin-bottom:.3em; font-size:2rem;}

  .voiceHeader.-rvs .__pic {float:right;}
  .voiceHeader.-rvs .__txt {right:auto; left:20px;}

  .voiceBlock {overflow:hidden; margin:80px 0;}
  .voiceBlock .__pic {width:50%; float:right;}
  .voiceBlock h2 {width:50%; float:left;}
  .voiceBlock .__txt {width:calc(50% - 50px); float:left;}
  .voiceBlock.-tR .__pic {float:left;}
  .voiceBlock.-tR h2 {float:right; text-align:right;}
  .voiceBlock.-tR h2 .-wrap {margin:0 -15px 0 0;}
  .voiceBlock.-tR .__txt {float:right;}
  .voiceEps {display:table; width:100%; margin:60px 0;}
  .voiceEps > div {display:table-cell; width:50%; padding:30px;}
  .voiceEps > div:only-child {width:100%;}
  .voiceMyVision {padding:0 60px; display:table; width:100%;}
  .voiceMyVision:before,
  .voiceMyVision:after {width:20px;}
  .voiceMyVision h2 {display:table-cell; width:300px; vertical-align:middle;}
  .voiceMyVision .__txt {display:table-cell; vertical-align:middle;}
}
@media (max-width:600px){
  .voiceIdx li {overflow:hidden;}
  .voiceIdx li + li {margin-top:20px;}
  .voiceIdx .__pic {width:32%; padding-top:24%; float:left;}
  .voiceIdx .__txt {width:calc(68% - 15px); float:right; border-top:1px #eee solid; padding:.5em 0 0;}
  :is(.college, .highschool, .earlycareer) .voiceIdx .__txt  {border-color:var(--theme01);}
  .voiceIdx .__txt:before {display:none;}
  
  .voiceHeader {width:calc(100% + 30px); margin-left:-15px;}
  .voiceHeader .__pic {padding-top:67vw;}
  .voiceHeader .__txt {position:relative; margin:-10vw 25px 0; background:#fff; padding:2em;}
  .voiceHeader .__txt .-badge a {position:absolute; top:-.6em; left:-10px; padding:.05em .5em;}
  .voiceHeader .__txt h1 {font-size:2.2rem; text-align:center;}
  .voiceHeader .__txt .h3 {margin:.4em 0 .2em; font-size:1.6rem;}
  .voiceHeader .__txt .-borderedHeadline:before {display:none;}
  .voiceHeader .__txt .-borderedHeadline .-wrap {padding:0;}
  .voiceBlock {margin:2.5em 0;}
  .voiceBlock .__pic {margin-bottom:1em;}
  .voiceEps {width:calc(100% + 30px); margin-left:-15px;}
  .voiceEps > div {padding:1.8em;}
  .voiceMyVision {margin-top:2.5em;}
  .voiceMyVision h2 {position:relative; text-align:center;}
  .voiceMyVision h2:before {content:""; position:absolute; left:0; top:0; display:block; height:100%; width:15px; border:#eee solid; border-width:1px 0 1px 1px;}
  .voiceMyVision h2:after {content:""; position:absolute; right:0; top:0; display:block; height:100%; width:15px; border:#eee solid; border-width:1px 1px 1px 0;}
  :is(.college, .highschool, .earlycareer) .voiceMyVision h2:before,
  :is(.college, .highschool, .earlycareer) .voiceMyVision h2:after {border-color:var(--theme01);}
  .voiceMyVision:before,
  .voiceMyVision:after {display:none;}
  
}

/* =============== キャリアアップ */
.careerTimeline {margin:30px 0 50px;}
.careerTimeline dt {position:relative; z-index:10; font-weight:bold;}
.careerTimeline dt:before {content:""; display:block; position:absolute; width:13px; height:13px; background:#aaa; border-radius:50%;}
.careerTimeline dt b {font-size:1.8rem;}
:is(.college, .highschool, .earlycareer) .careerTimeline dt:before {background:var(--theme01);}
:is(.college, .highschool, .earlycareer) .careerTimeline dt b {color:var(--theme01);}
.careerTimeline dd {position:relative; padding:0 0 2em 3rem;}

.careerLicense:after {content:""; display:block; clear:both;}
.careerLicense .__box {margin-top:2em;}
.careerLicense h3 {position:relative; padding-left:3rem; font-size:1.8rem;}
.careerLicense h3:before {content:""; display:block; width:1.5rem; height:calc(100% - .4em); position:absolute; left:0; top:50%; transform:translate(0,-50%);}
.careerLicense h3 b {display:inline-block; font-size:2.4rem;}
.careerLicense .-gijutsu h3:before {background:#053b7e;}
.careerLicense .-gino h3:before {background:#006db8;}
.careerLicense .-gyomu h3:before {background:#369ce2;}

@media (min-width:601px){
  .careerTimeline {overflow:hidden;}
  .careerTimeline dt {width:10em; clear:both; float:left; padding-right:2em; text-align:right;}
  .careerTimeline dt:before {right:-7px; top:calc(.8em - 6px);}
  .careerTimeline dd {width:calc(100% - 10em); float:right;}
  .careerTimeline dd:before {content:""; display:block; height:100%; position:absolute; top:.8em; left:0; border-left:1px #aaa solid;}
  .careerLicense .__box ul {columns:3;}
}
@media (max-width:600px){
  .careerTimeline dt {position:relative; padding:0 0 .3em 3rem; z-index:10;}
  .careerTimeline dt:before {left:0; top:.3em; z-index:20;}
  .careerTimeline dt:after {content:""; display:block; height:100%; position:absolute; top:.8em; left:6px; border-left:1px #aaa solid;}
  .careerTimeline dd {position:relative;}
  .careerTimeline dd:before {content:""; display:block; height:100%; position:absolute; top:.8em; left:6px; border-left:1px #aaa solid;}
}


/* =============== について */
body.whatis {background:#e1f2f3;}
.whatis .gnav {background:rgba(28,133,143,.12);}
.whatis .gnav a {color:#1a1a1a;}
.whatis .gnav a[target="_blank"]:after {width:10px; height:10px; background-image:url(../../images/common/icon_newwindow.png);}
.whatis .gnav li + li:before {border-left:1px rgba(0,0,0,.5) solid;}
.pageTitle2 {position:relative; background:rgba(28,133,143,.12);}
.pageTitle2 h1 {font-family:"M Plus 1p", sans-serif; font-weight:300; color:#555;}
.pageTitle2 h1 .-logo {display:inline-block; overflow:hidden; background:url(../../images/common/logo_large.png) no-repeat 50% 50%; background-size:contain;}
.pageTitle2 h1 i {display:inline-block; font-size:1.6rem; font-weight:bold; color:#049dac;}
.pageTitle2 .__pic img {width:100%; height:100%; object-fit:cover;}

.whisIdx:after {content:""; display:block; clear:both;}
.whisIdx .__ttl {background:#fff;}
.whisIdx .__ttl h2 {margin-bottom:0; color:#049dac; font-family:inherit; font-weight:bold;}
.whisIdx .__ttl p {display:inline-block; text-align:left;}
.whisIdx > * {position:relative;}
.whisIdx .-wrap {position:absolute; left:0; top:0; display:table; width:100%; height:100%;}
.whisIdx .-wrap > * {display:table-cell; text-align:center; vertical-align:middle;}
.whisIdx .-wrap > * > * {position:relative;}
.whisIdx .-wrap a {text-decoration:none; background:#000; color:#fff;}
.whisIdx .-wrap a h3 {margin:0; font-family:"M Plus 1p", sans-serif; font-weight:100; font-size:2.4rem; color:rgba(255,255,255,.9);}
.whisIdx .-wrap a h3 strong {display:block; font-size:123.1%;}
.whisIdx .-wrap a h3 .-logo {display:inline-block; width:87px; height:35px; overflow:hidden; padding-top:35px; background:url(../../images/common/logo_wh.png) no-repeat 50% 50%; background-size:contain;}
.whisIdx .-wrap a i {display:inline-block; margin-top:.4em; font-weight:bold; padding:0 .2em; background:linear-gradient(transparent 60%, #049dac 60%); line-height:1.4;}
.whisIdx .-wrap img {position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; object-fit:cover; opacity:.67;}
.whisIdx .-wrap a:hover img {opacity:.5;}
.whisIdx .-back .-wrap a {background:transparent; border:2px #049dac solid; color:#1a1a1a; font-size:1.08em; font-weight:bold;}
.whisIdx .-back .-wrap a:before {content:""; display:inline-block; vertical-align:0%; height:10px; width:10px; margin-right:.4em; border:#049dac solid; border-width:2px 2px 0 0; transform:rotate(45deg);}

@media (min-width:601px){
  .whatis .gnav {padding-right:20px;}
  .whatis .gnav li.dirHome a {height:3rem; color:#049dac;}
  .pageTitle2 {margin-bottom:80px;}
  .pageTitle2 h1 {padding:100px 0 0; font-size:4rem;}
  .pageTitle2 h1:only-child {margin-bottom:-60px; padding:100px 0 50px;}
  .pageTitle2 h1 .-logo {vertical-align:-15%; width:130px; height:50px; padding-top:50px;}
  .pageTitle2 .__pic {position:relative; top:50px; width:85%; height:380px; background:#fff;}
  
  .whisIdx {width:calc(100% + 28px); margin-left:-14px;}
  .whisIdx ul {display:inline; margin:0!important;}
  .whisIdx .__ttl {position:relative; float:left; width:calc(50% - 28px); height:calc(25vw - 30px); max-height:279px; min-height:216px; margin:14px;}
  .whisIdx li {position:relative; float:left; width:calc(25% - 28px); height:calc(25vw - 30px); max-height:279px; min-height:216px; margin:14px;}
  .whisIdx li:nth-child(4n-1) {clear:left;}
  .whisIdx .-wrap a i {margin-top:.6em; font-size:1.8rem;}
}
@media (min-width:601px) and (max-width:1420px){
  .whatis .gnav {overflow:hidden; line-height:3rem; padding-right:0;}
  .whatis .gnav:before {float:left; width:20%; padding:.4em 0; text-align:center; position:relative; left:0; color:#049dac;}
  .whatis .gnav li {width:17.4%; float:left; white-space:nowrap;}
  .whatis .gnav li:before {position:absolute; top:50%; left:0; transform:translate(0,-50%); content:""; display:inline-block; height:.9em; margin:0; border-left:1px #fff solid!important;}
  .whatis .gnav li.dirHome {width:13%; left:-1px; position:relative; height:9rem; border-right:1px #fff solid;}
  .whatis .gnav li.dirHome br.sp {display:inline-block!important;}
  .whatis .gnav li.dirHome a {height:9rem; padding:2.1rem 0; line-height:2.4rem;}
  .whatis .gnav li:nth-of-type(6) ~ li {border-top:1px rgba(255,255,255,.8) solid;}
  .whatis .gnav li:nth-of-type(2):before,
  .whatis .gnav li:nth-of-type(7):before {border:0!important;}
  .whatis .gnav li a {display:block; line-height:4.5rem; text-align:center;}
  .pageTitle2 h1 {position:relative; top:20px;}
}
@media (max-width:600px){
  .whatis .gnav a[target="_blank"]:after {background-image:url(../../images/common/icon_newwindow_wh.png);}

  .pageTitle2 {margin-bottom:0;}
  .pageTitle2 h1 {padding:20px 0 0; font-size:3rem; line-height:1.4;}
  .pageTitle2 h1:only-child {padding-bottom:20px;}
  .pageTitle2 h1 .-logo {vertical-align:-24%; width:90px; height:35px; padding-top:35px;}
  .pageTitle2 .__pic {position:relative; top:15px; width:88%; height:40vw; background:#eee;}
  .pageTitle2.-idx {margin-bottom:0;}
  .pageTitle2.-idx .__pic {height:55vw;}
  
  .whisIdx .__ttl {right:-15px; margin:-120px 0 25px; background:#fff;}
  .whisIdx .__ttl .-wrap {position:relative; padding:1.3em;}
  .whisIdx .__ttl h2 {position:absolute; top:-1rem; right:20px; padding:.3em .4em; font-size:1.4rem; color:#fff; background:#049dac;}
  .whisIdx ul {overflow:hidden;}
  .whisIdx ul li {position:relative; float:left; width:calc(50% - 20px); height:calc(50vw - 50px); margin:10px;}
  .whisIdx ul li.-spWide {width:calc(100% - 20px); height:calc(40vw - 40px);}
  .whisIdx ul li.-spWide h3 strong {display:inline-block;}
  .whisIdx .-back {width:calc(100% - 20px); height:15vw;}
  .whisIdx .-back .-wrap a {border:0;}
}

.whatis .__data {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;}
.whatis .__data > li {position:relative; background:#fff; text-align:center; line-height:1.6;}
.whatis .__data > li:before {content:""; display:inline-block; vertical-align:middle; width:1px; height:100%;}
.whatis .__data > li .-wrap {display:inline-block; width:calc(100% - 1px); vertical-align:middle;}
.whatis .__data h2 {margin:0; color:#049dac; line-height:1.33;}
.whatis .__data p {margin-top:.3rem;}
.whatis .__data strong {display:inline-block; line-height:1;}
.whatis .__data strong .sm2 {display:inline-block; font-size:67%;}
.whatis .__data strong .sm3 {display:inline-block; font-size:45%; position:relative; top:-.4em;}
.whatis .__data > li.-history {padding:1em;}
.whatis .__data > li.-history:before {display:none;}
.whatis .__data > li.-history p {margin:.2em 1em; text-align:left;}
.whatis .__data > li h2 strong {font-family:"Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a;}
.whatis .__data > li .btn1 {margin:1em 0;}
.whatis .__data > li.-toCorpProf {width:100%; min-height:8em; padding:0; background:none;}
.whatis .-toCorpProf a {display:block; height:100%;}
.whatis .-toCorpProf a > .IB {position:absolute; top:50%; left:0; width:calc(100% - 30px); transform:translate(0,-50%);}
.whatis .__data > li.-toCorpProf:before {display:none;}

@media (min-width:601px){
  .whatis .__data > li {width:calc((100% - 56px) / 3); min-height:14em; margin-bottom:28px; padding:0 1em;}
  .whatis .__data > li.-history {width:100%;}  
  .whatis .__data > li.-history .-wrap {display:table; width:100%; height:auto;}
  .whatis .__data > li.-history .-wrap > * {display:table-cell; width:50%; vertical-align:top;}
  .whatis .__data > li.-history .col2m {padding:0 1em;}
  .whatis .__data h2 {font-size:3rem;}
  .whatis .__data strong {font-size:5rem;}
  .whatis .-toCorpProf a {font-size:2rem;}
}
@media (max-width:600px){
  .whatis .__data > li {width:calc((100% - 20px) / 2); min-height:11em; margin-bottom:20px; padding:0 .4em;}
  .whatis .__data > li.-history {width:100%; padding:1em .4em;}  
  .whatis .__data > li.-history .col2m {margin-top:1em;}
  .whatis .__data h2 {font-size:2.6rem;}
  .whatis .__data strong {display:inline-block; font-size:4rem;}
  .whatis .__data > li .btn1 {margin:.5em 0;}
  .whatis .__data .btn1 a {min-width:0;}
  .whatis .__data > li.-toCorpProf {padding:0; display:table;}
  .whatis .__data > li.-toCorpProf a {display:table-cell; vertical-align:middle;}
}

.talkIndex > li {margin-bottom:30px;}
.talkIndex a {display:block; position:relative; text-decoration:none; line-height:1.6; font-size:1.8rem; font-weight:bold;}
.talkIndex a i {font-size:1.6rem; color:#049dac;}
.talkIndex .__txt {position:relative; padding-left:1.6em;}
.talkIndex .__txt:before {content:""; display:block; position:absolute; left:.7em; top:-25px; height:calc(100% + 25px); border-left:3px #049dac solid;}
.talkIndex img {width:100%; margin-bottom:.4em;}
.talkProf {background:#fff; margin:2em 0 3em; padding:1.2em;}
.talkProf li {overflow:hidden;}
.talkProf .-name strong {color:#049dac;}
.talkBody h2 {margin-bottom:0;}
.talkBody ul {overflow:hidden;}
.talkBody li {margin-top:2em;}
.talkBody li > strong:first-child {color:#049dac;}
.talkBody li[class*="fl"] {width:25%; clear:both;}
.talkBody li[class*="fl"] img {width:100%;}
.talkBody .flL + li {clear:right;}
.talkBody .flR + li {clear:left;}
.talkBody .flL {padding:0 2em 1em 0;}
.talkBody .flR {padding:0 0 1em 2em;}

.pcCol2m.-welfare > li {margin-top:2em;}
.pcCol2m.-welfare h2 {margin-bottom:.5em; font-family:inherit; font-weight:bold;}
.pcCol2m.-welfare h4 {margin-top:0;}

.pcCol2m.-intern > li {margin-top:2em;}
.pcCol2m.-intern h2 {margin-bottom:.67em; font-family:inherit; font-weight:bold;}

@media (min-width:601px){
  .talkIndex {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .talkIndex > li {width:calc(50% - 15px); margin-left:30px;}
  .talkIndex > li:nth-child(2n+1) {margin-left:0;}
  .talkProf {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;}
  .talkProf > li {width:49%; padding:10px;}
  .talkProf > li:nth-child(2) ~ li {margin-top:1em;}
  .talkProf img {width:30%; float:right; margin:0 0 1em 1.5em;}
  .talkProf .-txt {margin-top:1rem; padding-top:1rem; border-top:1px #049dac solid;}
  .pcCol2m.-welfare > li {width:calc(50% - 20px);}
  .pcCol2m.-welfare > li:nth-child(2n) {margin-left:40px;}
}

@media (max-width:600px){
  .talkProf > li + li {margin-top:2em;}
  .talkProf img {width:25%; float:right; margin:0 0 1em 1.5em;}
  .talkProf img + p {margin-top:0;}
  .talkProf .-txt {margin-top:.4rem; padding-left:1rem; border-left:1px #049dac solid;}
  .talkBody li[class*="fl"] {width:33%;}
}

.whatis .__dailySchdl {margin:30px 0 50px;}
.whatis .__dailySchdl dt {position:relative; z-index:10; font-weight:bold; line-height:1.5;}
.whatis .__dailySchdl dt:before {content:""; display:block; position:absolute; width:13px; height:13px; background:#049dac; border-radius:50%;}
.whatis .__dailySchdl dt b {font-size:1.8rem; color:#049dac;}
.whatis .__dailySchdl dd {position:relative; padding:0 0 2em 3rem;}

.whatis #center {background:#d6ebec; padding:1.5em;}
.whatis #center .-borderedHeadline .-wrap {background:#d6ebec;}
.whatis #center .-mainimg {overflow:hidden; text-align:center;}

@media (min-width:1001px){
  .whatis .__dailySchdl {overflow:hidden;}
  .whatis .__dailySchdl dt {width:14em; clear:both; float:left; padding-right:2em; text-align:right;}
  .whatis .__dailySchdl dt:before {right:-7px; top:calc(.8em - 6px);}
  .whatis .__dailySchdl dd {width:calc(100% - 14em); float:right;}
  .whatis .__dailySchdl dd:before {content:""; display:block; height:100%; position:absolute; top:.8em; left:0; border-left:1px #aaa solid;}
  .whatis .__dailySchdl dd * + ul {padding-top:1rem;}
}
@media (max-width:1000px){
  .whatis .__dailySchdl dt {position:relative; padding:0 0 .3em 3rem; z-index:10;}
  .whatis .__dailySchdl dt:before {left:0; top:.3em; z-index:20;}
  .whatis .__dailySchdl dt:after {content:""; display:block; height:100%; position:absolute; top:.8em; left:6px; border-left:1px #aaa solid;}
  .whatis .__dailySchdl dd {position:relative;}
  .whatis .__dailySchdl dd:before {content:""; display:block; height:100%; position:absolute; top:.8em; left:6px; border-left:1px #aaa solid;}
  .whatis .__dailySchdl dd ul {padding-top:1rem;}
}
@media (min-width:601px){
  .whatis #center .-mainimg {width:33%; float:right; margin:0 0 1em 30px;}
  .whatis #center .-mainimg img {width:160%; }
  .whatis #center .pcCol3m li {position:relative; padding-top:25%;}
  .whatis #center .pcCol3m li img {width:100%; height:calc(100% - 2em); object-fit:cover; position:absolute; top:0; left:0;}
}
@media (max-width:600px){
  .whatis #center {width:calc(100% + 30px); margin-left:-15px;}
  .whatis #center > h2.-borderedHeadline {text-align:center;}
  .whatis #center > h2.-borderedHeadline:before {display:none;}
  .whatis #center .-mainimg img {width:160%; max-width:160%;}
  .whatis #center .spCol2m li {position:relative; padding-top:36%; white-space:nowrap;}
  .whatis #center .spCol2m li img {width:100%; height:calc(100% - 2.4em); object-fit:cover; position:absolute; top:0; left:0;}
}

#episodes_index {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#episodes_index a {display:block; width:100%; height:100%; background:#fff; text-decoration:none;}
#episodes_index a > * {position:relative;}
#episodes_index .__txt {padding:1em;}
#episodes_index .__txt b {font-size:1.8rem; color:#049dac;}
#episodes_index .__txt p {margin-top:.3em;}
#episodes_index .__pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

@media (min-width:601px){
  #episodes_index > li {width:calc(33% - 20px); margin-bottom:30px;}
  #episodes_index > li:not(:nth-child(3n+1)) {margin-left:30px;}
  #episodes_index .__pic {width:100%; padding-top:75%;}
}
@media (max-width:600px){
  #episodes_index > li {width:100%; margin-bottom:20px;}
  #episodes_index .__pic {width:100%; padding-top:75%;}
}

.epTtl {margin-bottom:2em;}
.epTtl h2 {margin:.3em 0 0; font-family:inherit; color:#049dac; font-weight:bold;}
.epMember {margin-bottom:4em; padding:1.5em; background:rgba(0,120,120,.06);}
.epMember ul > li {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; line-height:1.6;}
.epMember strong {font-size:1.8rem;}
.epMember .__pic {position:relative;}
.epMember img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.epMember > h3,
.epMember > .note,
.epBody > h3 {text-align:center;}
.epMember > .note {position:relative; top:-.8em;}
.epMember > h3:first-child:before,
.epMember > h3:first-child:after,
.epBody > h3:first-child:before,
.epBody > h3:first-child:after {content:""; display:inline-block; vertical-align:middle; width:3em; margin:0 .6em; border-top:1px #049dac solid;}
.epBody {margin-bottom:4em; overflow:hidden;}
.epBody .-pic {margin:1.5em 0; font-size:.85em; color:#666; text-align:center;}
.epBody img {max-width:100%; margin:.6em 0;}

@media (min-width:601px){
  .epMember ul {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .epMember ul > li {padding:10px; text-align:center; max-width:33%;}
  .epMember .__pic {margin-bottom:.6em; padding-top:67%; max-height:227px;}
  .epBody {max-width:950px; margin-left:auto; margin-right:auto;}
}
@media (max-width:600px){
  .epMember {width:calc(100% + 30px); margin-left:-15px;}
  .epMember ul > li {position:relative; padding-left:80px; min-height:70px;}
  .epMember ul > li + li {margin-top:1.2em;}
  .epMember .__pic {position:absolute; left:0; top:0; width:70px; height:70px;}
}

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

  外部ライブラリ等

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


/* --------------- 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; box-sizing:border-box; -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; box-sizing:border-box; -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;}