@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


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

/* ------ framework */
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;}
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%;}

/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 .6em;}

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

/* ------ form */
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 */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}

/* ------ WebFont */
@font-face {
  font-family:'arrow';
  src:url('../fonts/cicle_gordita-webfont.eot');
  src:url('../fonts/cicle_gordita-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/cicle_gordita-webfont.woff2') format('woff2'),
      url('../fonts/cicle_gordita-webfont.woff') format('woff'),
      url('../fonts/cicle_gordita-webfont.ttf') format('truetype'),
      url('../fonts/cicle_gordita-webfont.svg#ciclegordita') format('svg');
  font-weight:normal;
  font-style:normal;
}

/* ------ box-sizing 
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} */



/* =============== 共通利用 */

/* ------ 配置 */
a:hover img {filter:alpha(opacity=80); opacity:.80;}
.clear {clear:both;}
.center{text-align:center;}
.textRight {text-align:right;}
.floatRight {float:right; margin:0 0 10px 15px;}
.floatLeft {float:left; margin:0 15px 10px 0;}
.spaced {margin:25px 0;}
.semiSpaced {margin:10px 0;}
.first {margin-top:0!important;}
.spOnly {display:none;}
.inBlk {display:inline-block;}
.top1 {margin-top:1em!important;}
.top2 {margin-top:2em!important;}
.top3 {margin-top:3em!important;}

/* ------ テキスト装飾 */
a {color:#000;}
.note {font-size:85%; line-height:1.5; margin:.6em 0 1em; color:#555;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.em1 {font-size:108%;}
.em2 {font-size:116%;}
.sml {font-size:93%;}
.red {color:#e36;}
.nowrap {white-space:nowrap;}
.hidden {display:none;}

/* ------ ul, ol, dl */
.square {margin:0; padding:0 0 0 1.5em; list-style-type:square;}
.disc {margin:0; padding:0 0 0 1.5em; list-style-type:disc;}
.spaced li {margin:.6em 0;}
.spaced dt {margin-top:1.2em;}
.spaced dt:first-child {margin-top:0;} 
.spaced dd {margin-top:.6em;}
.semiSpaced li {margin:.3em 0;}
.semiSpaced dt {margin:.6em 0 .3em;}
.col2, .col3 {overflow:hidden; zoom:1;}
.col2 li {width:45%; float:left;}
.col3 li {width:30%; float:left;}

/* ------ table.bordered */
.bordered th, .bordered td {padding:.4em .7em; border:1px #ccc solid;}
.bordered th {background:#f2f2f2;}
.full {width:100%;}
.almostFull {width:98%; margin-left:1%; margin-right:1%;}

/* ------ .tableLike [前後1.5em / セル縦余白1em / ボーダー全セル上下 / <dd>オフセット12em] */
.tableLike {margin:1.5em 0; overflow:hidden;}
.tableLike dt {margin-top:-1px; padding-top:1em; border-top:1px #666 dotted;}
.tableLike dd {margin-top:-1.5em; padding:0 0 1em 12em;}


/* ///// スマホ対応 ///// */ 
@media screen and (max-width:600px) {
  img {max-width:100%; height:auto;}
  .spHide {display:none;}
  .spInBlk {display:inline-block;}
}



/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


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

body {background:#F1F1EF url(../../images/common/bg.jpg); font:14px/1.5 "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
body.fancybox-lock {margin-right:0!important;}
.content {width:970px; margin:0 auto; position:relative;}
.content:after {content:""; display:block; clear:both;}
.ie6 body {text-align:center;}
.ie6 header, .ie6 #main, .ie6 footer, .ie6 .content {text-align:left;}
* {box-sizing:border-box;}

@media (min-width:601px){
  .sp_only {display:none!important;}
}
@media (max-width:600px){
  .pc_only {display:none!important;}
  .content {width:auto;}
}


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

.cmnHeader {font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.cmnHeader a {text-decoration:none; color:inherit;}
.cmnHeader p, .cmnFooter p {margin-bottom:0;}
.cmnHeader .flex, .cmnFooter .flex {display:flex;}
.cmnHeader {position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:10;}
.cmnHeader .inner {width:100%; padding:10px 20px; display:inline-flex; box-sizing:border-box; justify-content:space-between; align-content:center; align-items:center;}
#hd_logo_box {display:flex; align-items:center;}
#hd_logo {width:221px; height:51px; margin-right:30px;}
#hd_logo img {width:100%; height:auto;}
#hd_logo_box p {color:#129044; font-size:16px; font-weight:bold; letter-spacing:0.3em;}
#hd_logo_box p.dpName {width:auto!important;}
.cmnHeader .flex li {width:180px;}
.cmnHeader .flex li:not(:last-of-type) {margin-right:10px;}
.cmnHeader .flex li a {display:block; height:100%; padding:5px 15px 5px 20px; box-sizing:border-box; font-weight:bold; letter-spacing:0.5em;}
.cmnHeader .flex li:first-of-type {border:solid 2px #ef834a;}
.cmnHeader .flex li.current a {color:#fff;}
.cmnHeader .flex li.current:first-of-type a {color:#fff; background-color:#ef834a;}
.cmnHeader .flex li:first-of-type a {color:#ef834a;}
.cmnHeader .flex li:nth-of-type(2) {border:solid 2px #3db270;}
.cmnHeader .flex li.current:nth-of-type(2) a {background-color:#3db270; color:#fff;}
.cmnHeader .flex li:nth-of-type(2) a {color:#3db270;}
.cmnHeader .flex li:nth-of-type(3) {border:solid 2px #f5aa00;}
.cmnHeader .flex li.current:nth-of-type(3) a {background-color:#f5aa00; color:#fff;}
.cmnHeader .flex li:nth-of-type(3) a {color:#f5aa00;}

#menu_btn, #menu_btn span {display:inline-block; transition:all .4s; box-sizing:border-box;}
#menu_btn {position:absolute; width:25px; height:25px; background:none; border:none; appearance:none; cursor:pointer; right:20px; top:50%; transform:translate(0, -50%);}
#menu_btn span {position:absolute; left:0; width:100%; height:3px; background-color:#129044; border-radius:4px;}
#menu_btn span:nth-of-type(1) {top:0;}
#menu_btn span:nth-of-type(2) {top:50%; transform:translate(0, -50%);}
#menu_btn span:nth-of-type(3) {bottom:0;}
#menu_btn.active span:nth-of-type(1) {bottom:50%; transform:translateY(50%) rotate(-45deg); top:auto;}
#menu_btn.active span:nth-of-type(2) {opacity:0;}
#menu_btn.active span:nth-of-type(3) {top:50%; transform:translateY(-50%) rotate(45deg);}

#dpnav {position:fixed; top:49px; left:0; width:100%; max-height:0; background-color:#fff; z-index:10; border-top:8px solid #129044; font-size:12px; overflow:hidden; opacity:0; transition:.15s all;}
.showNav #dpnav {opacity:1; max-height:3000px;}
#dpnav dt.-orange {background-color:#ef834a;}
#dpnav dt.-green {background-color:#3db270;}
#dpnav dt.-green2 {background-color:#2d9740;}
#dpnav dt.-pink {background-color:#e59db9;}
#dpnav dt.-purple {background-color:#ab8ac1;}
#dpnav dt.-yellow {background-color:#f5aa00;}
#dpnav > div > * {border-bottom:solid 1px #ddd;}
#dpnav a {color:#595757; box-sizing:border-box; display:block; text-align:left; position:relative;}
#dpnav dt {border-bottom:none;}
/*#dpnav dd a::before {content:''; width:15px; height:1px; background-color:#595757; display:inline-block; vertical-align:middle; margin-right:8px;}
#dpnav dd a::after {content:'>'; position:absolute; right:30px; top:50%; transform:translate(0, -50%); color:#595757;}*/
#dpnav dt a::after {color:#fff;}
#dpnav dt a {color:#fff; padding:15px 20px; font-size:15px;}
#dpnav dd {display:table; width:100%; height:3.6em; font-family:sans-serif;}
#dpnav dd a {display:table-cell; vertical-align:middle; padding:0 20px;}

.cmnFooter ul {width:970px; margin:0 auto; font-size:12px; padding:30px 0; font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;}
.cmnFooter ul li {margin-right:20px;}
.cmnFooter ul li a {color:#000; text-decoration:none;}
.cmnFooter .inner {background-color:#f8f8f8;}
.cmnFooter .inner ul {width:970px; margin:0 auto; text-align:left; justify-content:space-between;}
.cmnFooter .inner ul dl {display:flex; margin-bottom:4px;}
.cmnFooter .inner ul dl dt {margin-right:15px; color:#2c9346; font-weight:bold;}
.cmnFooter .inner ul dl dt span {font-weight:normal; color:#000;}
.cmnFooter ul.ft_menu li a::before {content:''; background:url(../../../../images/ft_arrow_icon.png) no-repeat top left/100% auto; width:12px; height:12px; display:inline-block; margin-right:5px;}
.cmnFooter #ft_logo {width:355px;}
.cmnFooter #ft_logo img {width:100%; height:auto;}
.copywright {color:#fff; background-color:#89b923; font-size:10px; padding:15px 0;}

@media screen and (min-width:769px) {
  #dpnav {display:flex; flex-wrap:wrap; width:100%; top:71px;}
  #dpnav > div {width:20%;}
  #dpnav > div:not(:nth-child(5n+1)) {box-shadow:1px 0 0 rgba(0,0,0,.3) inset;}
  #dpnav > div.toHome {width:100%;}
  .cmnFooter .inner ul dl dt {width:10em;}
}

@media screen and (max-width:768px) {
  .cmnHeader .flex li {width:100%;}
  #hd_logo_box p#hd_logo {margin-right:10px;}
  #hd_logo_box p#hd_logo,
  #hd_logo_box p#hd_logo img {width:124px; height:auto;}
  #dpnav {overflow:scroll; height:calc(100% - 49px);}
  
  .cmnFooter {display:flex; flex-wrap:wrap; flex-direction:column-reverse;}
  .cmnFooter ul, .cmnFooter #ft_logo, .cmnFooter .inner ul {width:100%;}
  .cmnFooter ul {padding:30px 0 20px;}
  .cmnFooter ul li {margin-right:0;}
  .cmnFooter .inner {width:100%; box-sizing:border-box; padding:0px 6.67% 10px;}
  .cmnFooter .inner ul, 
  .cmnFooter .inner ul dl {-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
  .cmnFooter ul.ft_menu {padding:0 6.67% 30px; box-sizing:border-box;background-color:#f8f8f8; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .cmnFooter ul.ft_menu:before {content:""; display:block; width:100%; margin:0 0 30px; border-top:solid 1px #c8c8c8;}
  .cmnFooter ul.ft_menu li {width:50%; text-align:left;}
  .cmnFooter #ft_logo {width:244px; margin:0 auto 30px;}
}


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

.pageTitle {padding:4em 0; font-weight:bold; color:#fff; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.pageTitle p {margin:0; font-size:140%;}
.pageTitle h1 {font-size:240%;}
.pageTitle h1 img {width:50px; margin-right:18px; vertical-align:-18%;}

article section.content {margin:70px auto;}
article section#intro {margin:30px 0 -30px; text-align:center;}
article section.content + section.content {margin-top:70px;}
.secTitle {margin:0 0 25px; padding-left:40px; font-size:123.1%;}
.secTitle img {vertical-align:middle; margin-right:.3em;}
.secTitle strong {display:block; font-size:167%;}
.min,
.secTitle Strong {font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.subSecTitle {margin:2em 0 .75em; font-size:146.5%;}
#intro + .content p.top1:last-child {padding-left:8.5em; position:relative;}
#intro + .content p.top1:last-child b {display:inline-block; position:absolute; left:0; margin-top:-.08em; font-size:108%;}


@media(min-width:601px){
  main {min-width:1000px; padding-bottom:80px;}
  article {width:970px; margin:0 auto;}
}
@media(max-width:600px){
  main {min-width:320px; max-width:100vw; padding:0 20px 50px; overflow-x:hidden;}
  article {width:auto;}
  .pageTitle {width:100vw; margin-left:-20px; padding:1em 20px;}
  .pageTitle p {font-size:100%;}
  .pageTitle h1 {font-size:160%;}
  .pageTitle h1 img {width:40px; margin-right:10px;}
  .secTitle {padding-left:24px; background-size:11px!important;}
  .secTitle strong {font-size:123.1%; line-height:1.5;}
}

.facProf .name {width:30%; float:left; margin-bottom:1em;}
.facProf .name .pic {position:relative; width:80%; margin:0 auto .3em; padding-top:80%;}
.facProf .name .pic img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.facProf h3 {margin-bottom:.6em; text-align:center; font-size:116%;}
.facProf dl {font-size:85%;}
.facProf dl:after {content:"など"; display:block; font-size:85%;}
.facProf dt {font-size:93%;}
.facProf dd {display:table; width:100%; box-sizing:border-box; min-height:1.8em; margin:2px 0; padding:.1em .4em; background:#888; border-radius:20px; text-align:center; line-height:1.1em; font-size:93%; color:#fff;}
.facProf dd > span {display:table-cell; vertical-align:middle;}
.facProf dd > span > span {display:inline-block;}
.facProf .img {position:relative; width:65%; padding-top:55%; float:right; margin-bottom:1em;}
.facProf .img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.facProf .img.-contain img {object-fit:contain;}
.facProf .txt {clear:both;}
.facProf .txt h4 {margin-bottom:.6em; font-size:108%;}

@media (min-width:601px){
  .facProf {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .facProf > article {width:46.5%; margin:0 3.5% 3% 0;}
  .facProf > article:nth-child(2n) {margin-right:0;}
  .facProf dl {min-height:7.1rem;}
}
@media (max-width:600px){
  .facProf > article + article {margin-top:2em;}
  .facProf .name {width:36%;}
  .facProf .img {width:60%; height:35%;}
}

.classWithPic dt {display:table; width:100%;}
.classWithPic dt > * {display:table-cell; vertical-align:middle;}
.classWithPic dt b {font-size:131%;}
.classWithPic dt i {width:25%; padding-left:1em; border-left:1px #ccc solid;}
.classWithPic dt i em {font-style:normal; font-size:123.1%;}
.classWithPic .pic {margin:10px 0;}
.classWithPic .pic img {width:100%;}
.classWithPic .ttl {margin-bottom:.4em; font-size:108%; font-weight:bold;}

@media (min-width:601px){
  .classWithPic {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .classWithPic > div {width:30%; margin-right:5%;}
  .classWithPic > div:nth-child(3n) {margin-right:0;}
  .classWithPic > div:nth-child(n+4) {margin-top:5%;}
}
@media (max-width:600px){
  .classWithPic > div + div {margin-top:1.5em;}
  .classWithPic > div + div:before {content:""; display:block; border-top:1px rgba(0,0,0,.1) solid; margin:0 20px 1.5em;}
}

.classWithCmt > div {padding:1em 1.4em; background:rgba(255,255,255,.3);}
.classWithCmt > div:nth-child(2n) {background:rgba(0,0,0,.012);}
.classWithCmt dt {margin-bottom:.4em; font-size:131%; font-weight:bold;}
.classWithCmt dd.cmt {overflow:hidden;}
.classWithCmt ._hito {font-size:85%;}
.classWithCmt ._hito b {font-size:131%;}
.classWithCmt ._hito b i {display:inline-block; margin-left:.1em; font-size:85%;}
.classWithCmt ._hito img {width:80px; height:80px; border-radius:50%;}
.classWithCmt dd.cmt p {position:relative; background:#fff; padding:.6em 1.1em; border-radius:1.5em; font-size:85%; line-height:1.5;}
.classWithCmt dd.cmt p span {display:inline-block;}
.classWithCmt dd.cmt p:after {content:""; border:5px transparent solid; border-top:24px #fff solid; border-bottom:0; position:absolute; bottom:-17px; right:20px; transform:rotate(-40deg);}

@media (min-width:601px){
  .classWithCmt {position:relative;}
  .classWithCmt > div {overflow:hidden;}
  .classWithCmt dt,
  .classWithCmt dt + dd {width:66%; float:left;}
  .classWithCmt dd.cmt {width:33%; float:right;}
  .classWithCmt ._hito {float:right; width:130px; text-align:center; visibility:hidden;}
  .classWithCmt ._hito img {margin-bottom:.6em;}
  .classWithCmt dd.cmt p {width:calc(100% - 130px); float:left;}
  .classWithCmt > div.pc {background:none; position:absolute; top:50%; right:-45px; width:220px; text-align:center; transform:translate(0,-40%);}
  .classWithCmt > div.pc img {height:500px;}
}
@media (max-width:600px){
  .classWithCmt ._hito {display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:row-reverse; align-items:flex-end; text-align:right;}
  .classWithCmt ._hito img {width:60px; height:60px; margin-left:20px;}
  .classWithCmt dd.cmt {padding-top:1em;}
  .classWithCmt dd.cmt p:after {right:60px;}
}

.squareThumbs img {width:100%; height:100%; object-fit:cover;}

.vidWrap {margin-left:auto; margin-right:auto; max-width:900px;}
.vidWrap > div {position:relative; padding-top:56.25%;}
.vidWrap > div iframe {position:absolute; width:100%; height:100%; top:0; left:0;}

.dpEndBtns dl {display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:50px;}
.dpEndBtns dl > div {width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:20px;}
.dpEndBtns dt {width:100%; margin-bottom:10px; font-size:131%; font-weight:bold; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.dpEndBtns dd a {display:block; padding:.4em .6em; border-radius:4px; background:#888; color:#fff; text-decoration:none; text-align:center; font-size:108%;}
.dpEndBtns dd a img {width:40px; height:40px; vertical-align:middle; margin-right:12px;}
.dpEndBtns dd a span {vertical-align:middle; text-align:left; display:inline-block; line-height:1.2;}

body[class*="eds"] .dpEndBtns dl {flex-direction:column-reverse;}

@media (min-width:601px){
  .dpEndBtns .-fe dd {width:calc((100% - 19px) / 4); margin-right:6px;}
  .dpEndBtns .-fe dd:nth-of-type(4n) {margin-right:0;}
  .dpEndBtns .-eds dd {width:calc((100% - 7px) / 2); margin-right:6px;}
  .dpEndBtns .-eds dd:nth-of-type(2n) {margin-right:0;}
}
@media (max-width:600px){
  .dpEndBtns dd {width:calc((100% - 7px) / 2); margin:0 6px 6px 0;}
  .dpEndBtns dd:nth-of-type(2n) {margin-right:0;}
  .dpEndBtns dd a img {margin-right:8px;}
}

.opencampus_btn,
.teacher_btn {max-width:900px; margin:30px auto; border-radius:10px; position:relative;}
.opencampus_btn a,
.teacher_btn a {display:block; padding:30px 15px; box-sizing:border-box; font-size:22px; letter-spacing:0.2em; text-align:center; text-decoration:none;}
.opencampus_btn:after,
.teacher_btn:after {content:''; border-radius:10px; position:absolute; width:100%; height:100%; right:-8px; bottom:-8px; z-index:-1;}
.opencampus_btn a span,
.teacher_btn a span {display:inline-block; width:12px; height:12px; border:1px solid; transform:rotate(45deg); margin-left:10px;}

.opencampus_btn:after {background-color:#3db270;}
.teacher_btn:after {background-color:#fff;}

body[class*="fe"] .opencampus_btn {background-color:#65c293;}
body[class*="fe"] .opencampus_btn:after {border:solid 1px #3db270;}
body[class*="fe"] .opencampus_btn a {color:#fff;}
body[class*="fe"] .opencampus_btn a span {border-color:#fff #fff transparent transparent;}

body[class*="eds"] .opencampus_btn {background-color:#4dc6c8;}
body[class*="eds"] .opencampus_btn:after {background-color:#23b6bc; border:solid 1px #23b6bc;}
body[class*="eds"] .opencampus_btn a {color:#fff;}
body[class*="eds"] .opencampus_btn a span {border-color:#fff #fff transparent transparent;}

body[class*="fe"] .teacher_btn {background-color:#d8f0e2;}
body[class*="fe"] .teacher_btn:after {border:solid 1px #3db270;}
body[class*="fe"] .teacher_btn a {color:#3db270;}
body[class*="fe"] .teacher_btn a span {border-color:#3db270 #3db270 transparent transparent;}

body[class*="eds"] .teacher_btn {background-color:#d3f0f2;}
body[class*="eds"] .teacher_btn:after {border:solid 1px #23b6bc;}
body[class*="eds"] .teacher_btn a {color:#23b6bc;}
body[class*="eds"] .teacher_btn a span {border-color:#23b6bc #23b6bc transparent transparent;}

@media (max-width:600px){
  .opencampus_btn a,
  .teacher_btn a {font-size:14px; display:block; align-items:center; font-weight:bold; justify-content:center;}
  .opencampus_btn a span,
  .teacher_btn a span {margin-right:-19px;}
  .opencampus_btn:after,
  .teacher_btn:after {right:-5px; bottom:-5px;}
}

.classes li {padding:15px 20px; overflow:hidden; background:rgba(255,255,255,.4);}
.classes h3 {width:175px; float:left; font-size:123.1%;}
.classes h3 span {font-size:85%;}
.classes p {width:730px; float:right; padding-left:20px; border-left:1px solid;}
.sinro {overflow:hidden; zoom:1;}
.sinro .upper {overflow:hidden; zoom:1; border:2px solid; border-bottom:0; padding:20px 25px;}
.sinro .upper h2 {margin-bottom:10px; float:left; font-size:131%;}
.sinro .upper img {float:right; margin-right:120px;}
.sinro .upper ul {float:left; width:460px; overflow:hidden;}
.sinro .upper li {width:50%; float:left;}
.sinro .upper li:before {content:"・";}
.sinro .lower {overflow:hidden; zoom:1; border:2px solid; border-top:0; padding:0 25px 25px; font-size:93%;}
.sinro .lower .sinroList {padding:15px 0 20px;}
.sinro .lower .sinroList:first-child {width:54%; float:left; background:rgba(255,255,255,.4);}
.sinro .lower .sinroList:first-child + .sinroList {width:44%; float:right;}
.sinro .lower h3 {margin:0 20px 6px; font-size:108%;}
.sinro .lower ul {margin:0 20px;}
.sinro .lower li {display:inline-block;}
.sinro .lower li:after {content:"／"; margin:0 .1em;}
.sinro .lower li:last-child:after {display:none;}

.dpEndBtns dd a[href*="eds01"],
.eds01 .pageTitle,
.eds01 .facProf dd {background:#f57415;}
.eds01 .secTitle {background:url(../../images/hl_eds01.gif) repeat-y 0 0; background-size:22px auto;}
.eds01 .secTitle strong,
.eds01 .subSecTitle,
.eds01 *:not(._hito ._name) b,
.eds01.sp #intro dt,
.eds01 .classWithCmt dt,
.eds01 .classWithPic .ttl,
.eds01 .sinro h2,
.eds01 .sinro .lower {color:#f57415;}
.eds01 .classes p,
.eds01 .sinro .upper,
.eds01 .sinro .lower {border-color:#f57415;}
.eds01 .classes li:nth-child(2n),
.eds01 .sinro .lower .sinroList:first-child + .sinroList {background:rgba(245,116,21,.4);}

.dpEndBtns dd a[href*="eds02"],
.eds02 .pageTitle,
.eds02 .facProf dd {background:#2bae9d;}
.eds02 .secTitle {background:url(../../images/hl_eds02.gif) repeat-y 0 0; background-size:22px auto;}
.eds02 .secTitle strong,
.eds02 .subSecTitle,
.eds02 *:not(._hito ._name) b,
.eds02 .classWithCmt dt,
.eds02 .classWithPic .ttl,
.eds02.sp #intro dt,
.eds02 .sinro h2,
.eds02 .sinro .lower {color:#2bae9d;}
.eds02 .classes p,
.eds02 .sinro .upper,
.eds02 .sinro .lower {border-color:#2bae9d;}
.eds02 .classes li:nth-child(2n),
.eds02 .sinro .lower .sinroList:first-child + .sinroList {background:rgba(43,174,157,.4);}

.dpEndBtns dd a[href*="fe01"],
.fe01 .pageTitle,
.fe01 .facProf dd {background:#d39d1f;}
.fe01 .secTitle {background:url(../../images/hl_fe01.gif) repeat-y 0 0; background-size:22px auto;}
.fe01 .secTitle strong,
.fe01 .subSecTitle,
.fe01 b,
.fe01.sp #intro dt,
.fe01 .classWithPic .ttl,
.fe01 .sinro h2,
.fe01 .sinro .lower {color:#d39d1f;}
.fe01 .classes p,
.fe01 .sinro .upper,
.fe01 .sinro .lower {border-color:#d39d1f;}
.fe01 .classes li:nth-child(2n),
.fe01 .sinro .lower .sinroList:first-child + .sinroList {background:rgba(211,157,31,.4);}

.dpEndBtns dd a[href*="fe02"],
.fe02 .pageTitle,
.fe02 .facProf dd {background:#1d91d8;}
.fe02 .secTitle {background:url(../../images/hl_fe02.gif) repeat-y 0 0; background-size:22px auto;}
.fe02 .secTitle strong,
.fe02 .subSecTitle,
.fe02 b,
.fe02.sp #intro dt,
.fe02 .classWithPic .ttl,
.fe02 .sinro h2,
.fe02 .sinro .lower {color:#1d91d8;}
.fe02 .classes p,
.fe02 .sinro .upper,
.fe02 .sinro .lower {border-color:#1d91d8;}
.fe02 .classes li:nth-child(2n),
.fe02 .sinro .lower .sinroList:first-child + .sinroList {background:rgba(29,145,216,.4);}

.dpEndBtns dd a[href*="fe03"],
.fe03 .pageTitle,
.fe03 .facProf dd,
.fe03 .equipment {background:#359a63;}
.fe03 .secTitle {background:url(../../images/hl_fe03.gif) repeat-y 0 0; background-size:22px auto;}
.fe03 .secTitle strong,
.fe03 .subSecTitle,
.fe03 b,
.fe03.sp #intro dt,
.fe03 .classWithPic .ttl,
.fe03 .sinro h2,
.fe03 .sinro .lower {color:#359a63;}
.fe03 .classes p,
.fe03 .sinro .upper,
.fe03 .sinro .lower {border-color:#359a63;}
.fe03 .classes li:nth-child(2n),
.fe03 .sinro .lower .sinroList:first-child + .sinroList {background:rgba(53,154,99,.4);}

.dpEndBtns dd a[href*="fe04"],
.fe04 .pageTitle,
.fe04 .facProf dd {background:#9a9a9a;}
.fe04 .secTitle {background:url(../../images/hl_fe04.gif) repeat-y 0 0; background-size:22px auto;}
.fe04 .secTitle strong,
.fe04 .subSecTitle,
.fe04 b,
.fe04.sp #intro dt,
.fe04 .classWithPic .ttl,
.fe04 .sinro h2,
.fe04 .sinro .lower {color:#808080;}
.fe04 .classes p,
.fe04 .sinro .upper,
.fe04 .sinro .lower {border-color:#9a9a9a;}
.fe04 .classes li:nth-child(2n),
.fe04 .sinro .lower .sinroList:first-child + .sinroList {background:rgba(154,154,154,.4);}

/*
#nav {width:1000px; margin:0 auto;}
#nav dl {margin:0 15px; padding:10px 20px; background:rgba(0,50,0,.04); overflow:hidden; zoom:1;}
#nav dt {display:inline-block; width:20%; font-size:108%; font-weight:bold;}
#nav dd {display:inline-block; margin-left:8px;}
#nav dd.hidden {display:none;}
#nav dd a {display:block; width:200px; padding:6px; border:3px rgba(0,0,0,.2) solid; border-radius:6px; font-size:123.1%; text-decoration:none; font-weight:bold;
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
box-shadow:0 1px 0 rgba(0,0,0,.4);}
#nav dd:nth-child(2) a,
#nav dd:nth-child(3) a {color:#379075;}
#nav dd:nth-child(4) a {color:#238ABE;}
#nav dd:nth-child(5) a {color:#E05533;}

#nav img {width:32px; border-radius:3px; margin-right:.4em; vertical-align:middle;}
#links .content {width:100%; min-width:1000px; padding:50px 0; text-align:center;}
#links .content + .content {border-top:1px #aaa dotted;}
#links .btn {width:970px; margin:0 auto;}
#links div + .btn {margin-top:30px;}
#links .btn a {display:block; margin:0 90px; border-radius:8px; color:#fff; font-size:167%; line-height:80px; text-align:center; text-decoration:none; font-weight:bold; letter-spacing:.05em;}
#links .btn.clr1 a {border-bottom:5px #2AC4B0 solid; background:#2EDCC4 url(../../images/common/btn_arw1.gif) no-repeat 25px 50%;}
#links .btn.clr2 a {border-bottom:5px #3CAB46 solid; background:#42BF4E url(../../images/common/btn_arw2.gif) no-repeat 25px 50%;}
#links .btn a img {vertical-align:middle;}
#links .btn a:hover {opacity:.85;}
*/


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

footer {background:#fff; text-align:center;}
footer p {margin:0; padding:0 0 1em; font-size:85%; color:#555;}
footer p a {text-decoration:none; color:#333;}




/*--------------------------------------------------------------------
ページ個別
--------------------------------------------------------------------*/


/* =============== トップページ */

#home_intro .content {position:relative; padding:50px 0 30px; text-align:center;}
#home_intro h1 {margin-bottom:30px;}
#home_intro p {margin-bottom:1.2em; font-size:108%; line-height:1.66;}
#home_intro p strong {font-size:116%;}
.home_img1 {position:absolute; top:60px; left:0;}
.home_img2 {position:absolute; top:70px; right:0;}

#topMap {position:relative; width:1000px; margin:0 auto 50px;}
#topMap img {border-radius:10px;}
.map_cnt {display:none; position:absolute; padding:12px; border-radius:4px; background:#000; background:rgba(40,60,75,.8);}
.map_cnt p {font-weight:bold; font-size:131%; color:#fff; text-align:center;}
.map_cnt p:before {content:"《 ";}
.map_cnt p:after {content:" 》";}
.map_cnt ul {font-size:108%;}
.map_cnt li {background:#fff; border-radius:1px;}
.map_cnt li + li {margin-top:3px;}
.map_cnt li a {display:block; padding:.4em .8em; background:#f0f2f3; text-decoration:none;}
.map_cnt li a:hover {background:#fff;}
.map_cnt a:before {display:inline-block; width:7em; margin-right:.6em; text-align:center; font-size:85%; color:#fff;}
.map_cnt a[href*='animals.html']:before {content:"生態系(動物)"; background:#4B9C84;}
.map_cnt a[href*='plants.html']:before {content:"生態系(植物)"; background:#4B9C84;}
.map_cnt a[href*='cycle.html']:before {content:"物質循環"; background:#2E96C7;}
.map_cnt a[href*='society.html']:before {content:"社会環境"; background:#E96F4F;}
#map01_cnt {left:120px; top:250px;}
#map02_cnt {left:180px; top:460px;}
#map03_cnt {left:280px; top:60px;}
#map04_cnt {left:400px; top:170px;}
#map05_cnt {left:540px; top:430px;}
#map06_cnt {left:500px; top:150px;}
#map07_cnt {right:280px; top:110px;}
#map08_cnt {right:250px; top:110px;}
#map09_cnt {right:190px; top:410px;}
#map10_cnt {left:520px; top:520px;}
[class*="arr"]:after {content:""; display:block; position:absolute; border:rgba(0,0,0,0) solid; }
.arr1:after {bottom:-16px; left:10%; border-width:8px 4px; border-top-color:rgba(40,60,75,.8); border-left-color:rgba(40,60,75,.8);}
.arr2:after {left:-16px; top:20%; border-width:4px 8px; border-top-color:rgba(40,60,75,.8); border-right-color:rgba(40,60,75,.8);}
.arr3:after {left:-16px; bottom:20%; border-width:4px 8px; border-bottom-color:rgba(40,60,75,.8); border-right-color:rgba(40,60,75,.8);}
.arr4:after {top:-16px; left:70%; border-width:8px 4px; border-bottom-color:rgba(40,60,75,.8); border-right-color:rgba(40,60,75,.8);}
.arr5:after {right:-16px; top:70%; border-width:4px 8px; border-bottom-color:rgba(40,60,75,.8); border-left-color:rgba(40,60,75,.8);}

#home_btm ul {overflow:hidden; zoom:1; padding:12px 20px; background:rgba(0,50,0,.04);}
#home_btm li {width:458px; float:left; margin:8px 0;}
#home_btm li:first-child + li,
#home_btm li:first-child + li + li + li {float:right;}
#home_btm a {display:block; height:68px; position:relative; padding:8px 8px 8px 88px; border-radius:10px; text-decoration:none; border:3px rgba(0,0,0,.2) solid; overflow:hidden;
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
box-shadow:0 1px 0 rgba(0,0,0,.25);}
#home_btm a img {position:absolute; top:8px; left:8px; border-radius:8px;}
#home_btm a strong {display:inline-block; font-size:123.1%;}
/*#home_btm a strong:after {content:""; display:inline-block; margin-left:.4em; border:4px rgba(232,235,229,0) solid; border-left-color:#000; vertical-align:middle;}*/
#home_btm li:nth-child(1) strong,
#home_btm li:nth-child(2) strong {color:#379075;}
#home_btm li:nth-child(3) strong {color:#238ABE;}
#home_btm li:nth-child(4) strong {color:#E05533;}

.sp #home_btm a strong {display:block; line-height:68px; margin-bottom:50px;}
.sp .arr1:after,
.sp .arr2:after,
.sp .arr3:after,
.sp .arr4:after,
.sp .arr5:after {display:none;}

/* =============== 物質循環 */

.equipment {background:#9a9a9a; padding:25px 32px; color:#fff; overflow:hidden; zoom:1;}
.equipment h2 {font-size:116%;}
.equipment h3 {font-size:108%; margin:20px 0 .5em; padding-left:.4em; border-left:6px rgba(0,0,0,.2) solid;}
.equipment section + section {margin-top:20px; border-top:1px #fff dotted;}
.equipment .left {float:left;}
.equipment .right {float:right; border-left:1px #fff solid; padding-left:35px;}
.equipment ul {display:flex; flex-wrap:wrap;}
.equipment li {margin-top:10px; text-align:center; font-size:93%;}
.equipment li a {position:relative; display:block; margin-bottom:.4em; padding-top:80%; background:#f4f5f0; text-decoration:none; color:#fff;}
.equipment li img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}
.equipment .desc {display:none;}

@media (min-width:601px){
  .equipment li {width:calc((100% - 76px) / 4);}
  .equipment li:not(:nth-child(4n)) {margin-right:25px;}
}
@media (max-width:600px){
  .equipment {padding:18px 24px;}
  .equipment li {width:calc((100% - 26px) / 2);}
  .equipment li:not(:nth-child(2n)) {margin-right:25px;}
}

.slide {overflow:hidden; zoom:1; padding:15px 40px 25px; /*margin:40px 0 0; border-top:3px #5D9AD4 solid;*/ background:rgba(0,50,0,.04);}
.slide h2 {margin-bottom:10px; font-size:123.1%; color:#238ABE; text-align:center;}
.slide .screen {width:580px; float:left;}
.slide .screen img {width:100%;}
.slide #bx-pager {float:right; overflow:hidden; zoom:1; width:270px;}
.slide #bx-pager a {position:relative; float:left; width:122px; margin-bottom:12px; border:4px #fff solid; background:rgba(100,100,100,.5);}
.slide #bx-pager a img {position:relative; z-index:1; width:100%; opacity:.5;}
.slide #bx-pager a.active img {opacity:1;}
.slide #bx-pager a:nth-child(2n) {float:right;}
.slide #bx-pager a span {position:absolute; top:6px; left:6px; z-index:10; background:#317CC2; width:18px; height:18px; border-radius:10px; text-align:center; line-height:16px; font-weight:bold; font-size:10px; color:#fff;}
.slide #bx-pager a.active span {background:#fff; color:#317cc2;}

@media (max-width:600px){
  .slide {padding:15px 20px 25px;}
  .slide #bx-pager {float:none; width:calc(100% + 10px); margin-left:-5px; display:flex; flex-wrap:wrap;}
  .slide #bx-pager a:nth-child(n) {float:none; width:calc(25% - 10px); margin:5px; padding-top:calc(25% - 20px); box-sizing:border-box;}
  .slide #bx-pager a img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
  .slide .screen {float:none; width:auto; margin-top:20px;}
}

.squareThumbs {display:flex; flex-wrap:wrap;}
.squareThumbs li {width:calc((100% - 1px) / 6); padding:1px; box-sizing:border-box;}
.squareThumbs a {position:relative; display:block; padding-top:100%; overflow:hidden;}
.squareThumbs a img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.squareThumbs a img[src*="ytimg"] {transform:scale(1.6);}

@media (max-width:600px){
  .squareThumbs li {width:33.333%;}
}

.rectThumbs {display:flex; flex-wrap:wrap;}
.rectThumbs:after {content:""; display:block; clear:both;}
.rectThumbs li {width:25%; padding:1px;}
.rectThumbs a {display:block; padding-top:56.25%; position:relative;}
.rectThumbs img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

.book {margin-top:25px; padding:20px; background:rgba(0,50,0,.04); overflow:hidden; zoom:1;}
.book .pic {float:left; padding-right:15px;}
.book h3 {margin-bottom:.6em; font-size:116%; color:#4B9622;}
.book p b {color:#000;}

@media (max-width:600px){
  .book .pic {width:40%;}
  .book .pic ~ * {margin-left:43%;}
}


/*----------------------------------------------------------------------------------------------------------------------------------------
                                                              コピペ用
----------------------------------------------------------------------------------------------------------------------------------------*/

/* flex */
._flex {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
._flex.-spaceBetween {-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} /* 均等なスペースで全幅表示 */
._flex.-valignMiddle {-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
._flex.-equal > * {-webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1}
._flex.-order {-webkit-box-ordinal-group:1; -ms-flex-order:1; order:1;}
/* gradient */
._gradient {background:-webkit-linear-gradient(90deg, #eee 0%, #ddd 100%); background:linear-gradient(90deg, #eee 0%, #ddd 100%);}
._gradient.-multi {background:-webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 33%, rgba(245,242,235,.2) 67%, rgba(255,255,255,0) 100%);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 33%, rgba(245,242,235,.2) 67%, rgba(255,255,255,0) 100%);}
/* ストライプ */
._stripe {background:linear-gradient(-45deg, rgba(0,0,0,.1) 12%, rgba(255,255,255,0) 12%, rgba(255,255,255,0) 50%, rgba(0,0,0,.1)  50%, rgba(0,0,0,.1)  62%, rgba(255,255,255,0) 62%, rgba(255,255,255,0) 100%, rgba(0,0,0,.1) 100%); background-size:6px 6px;}
/* 矢印 */
._prependedArrow {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#222 solid; border-width:2px 2px 0 0; transform:rotate(45deg);}


/*--------------------------------------------------------------------
外部ライブラリ
--------------------------------------------------------------------*/

/* --------------- bxslider */
.bx-wrapper {position:relative; margin:0 auto; padding:0; *zoom:1;}
.bx-wrapper img {max-width:100%; display:block;}
.bx-wrapper .bx-viewport {/*-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; background:#fff; */height:auto!important;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;}
.bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;}
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-prev {left:10px; background:url(../img/bx_controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px; background:url(../img/bx_controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -11px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -44px no-repeat; margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}


.bx-wrapper .bx-caption {margin-top:10px;}/*{position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, .75); width:100%;}
.bx-wrapper .bx-caption span {color:#fff; display:block; padding:10px;}*/

/* --------------- fancybox */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;}
.fancybox-skin {position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {box-shadow:0 10px 25px rgba(0, 0, 0, .5);}
.fancybox-outer,
.fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image,
.fancybox-iframe {display:block; width:100%; height:100%;}
.fancybox-image {max-width:100%; max-height:100%;}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {background-image:url('../img/fancybox_sprite.png');}
#fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:.8; cursor:pointer; z-index:8060;}
#fancybox-loading div {width:44px; height:44px; background:url('../img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}
.fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; 
  background:transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span {left:10px; background-position:0 -36px;}
.fancybox-next span {right:10px; background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-lock {overflow:hidden;}
.fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../img/fancybox_overlay.png');}
.fancybox-overlay-fixed {position:fixed; bottom:0; right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto; /*overflow-y:scroll;*/}
.fancybox-title {visibility:hidden; /*font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;*/ position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; max-width:90%;}
.fancybox-title-float-wrap .child {display:inline-block; margin-right:-100%; padding:2px 20px; 
  /*background:transparent; background:rgba(0, 0, 0, .8); border-radius:15px; 
  text-shadow:0 1px 2px #222; font-weight:bold; line-height:24px;*/ color:#FFF; width:680px;}
.fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}

.clear {clear:both;} br.clear {line-height:0;} .clearfix:after {content:""; display:block; clear:both;}
.txR {text-align:right!important;} .txL {text-align:left!important;} .center, .ctr, .txC {text-align:center!important;} 
.flR {float:right;} .flL {float:left;} .blkC {display:block; margin-left:auto!important; margin-right:auto!important;}
.flR.-pad {margin:0 0 10px 15px;} .flL.-pad {margin:0 15px 10px 0;}
.blk {display:block!important;} .IL {display:inline!important;} .inBlk, .IB, .spanIB > span, .iIB > i {display:inline-block;} .hid {display:none;}
.full {width:100%;} .w10 {width:10%;} .w15 {width:15%;} .w20 {width:20%;} .w25 {width:25%;} .w30 {width:30%;} .w35 {width:35%;} .w40 {width:40%;} .w45 {width:45%;} .w50 {width:50%;} .w55 {width:55%;} .w60 {width:60%;} .w65 {width:65%;} .w70 {width:70%;} .w75 {width:75%;} .w80 {width:80%;} .w85 {width:85%;} .w90 {width:90%;}
img.mw100, .mw100 img {max-width:100%; height:auto;} img.mh100, .mh100 img {max-height:100%; width:auto;}
.tight {letter-spacing:-.02em;} .nowrap, .nowr {white-space:nowrap;}
a img {transition:.15s opacity;}
a:hover img {opacity:.8;}
@media (min-width:601px) {
  body *.sp {display:none!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; visibility:hidden!important;}
  .pcBlk {display:block;} .pcIB {display:inline-block;} .pcIL {display:inline;}
  .pcFlL {float:left;} .pcFlR {float:right;} .pcBlkC {margin-left:auto; margin-right:auto;}
  .pcFlL.-pad {padding-right:20px; padding-bottom:15px;} .pcFlR.-pad {padding-left:20px; padding-bottom:15px;}
  .pcTxR {text-align:right!important;} .pcTxL {text-align:left!important;} .pcC {text-align:center!important;}
  .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%;}
  .pcLR {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;}
  .pcLR > *:not(:nth-last-child(1)):not(:nth-last-child(2)) {margin-bottom:40px;}
  .pcLR img {max-width:100%;}
}
@media (max-width:600px) {
  img {max-width:100%; height:auto;}
  body *.pc {display:none!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; visibility:hidden!important;}
  .spBlk {display:block;} .sp.IB, .spIB {display:inline-block;} .sp.IL {display:inline;}
  .spFlL {float:left;} .spFlR {float:right;} .spBlkC {margin-left:auto; margin-right:auto;}
  .spFlL.-pad {padding-right:20px; padding-bottom:15px;} .spFlR.-pad {padding-left:20px; padding-bottom:15px;}
  .spTxR {text-align:right!important;} .spTxL {text-align:left!important;} .spC {text-align:center!important;}
  .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%;}
  .spMW280 {width:100%; max-width:280px;} .spMW300 {width:100%; max-width:300px;} .spMW320 {width:100%; max-width:320px;} .spMW340 {width:100%; max-width:340px;} .spMW360 {width:100%; max-width:360px;} .spMW380 {width:100%; max-width:380px;} .spMW3400 {width:100%; max-width:400px;}
  .spMt1 {margin-top:1em!important;} .spMt2 {margin-top:2em!important;} .spMt10 {margin-top:10px!important;} .spMt20 {margin-top:20px!important;}
  .spMb1 {margin-bottom:1em!imporbanb;} .spMb2 {margin-bottom:2em!imporbanb;} .spMb10 {margin-bottom:10px!imporbanb;} .spMb20 {margin-bottom:20px!imporbanb;}
  *[class*="pcFl"] {margin-bottom:20px;}
  .pcLR > *:nth-child(2n+1) {margin-bottom:20px;}
  .pcLR > *:nth-child(2n):not(:last-child) {margin-bottom:40px;}
}
/* ------ 装飾 */
.bold {font-weight:bold;} .fwN {font-weight:normal!important;} .it {font-style:italic;} .fsN {font-style:normal;} .underline {text-decoration:underline;}
.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:85%;} .sm3 {font-size:77%;} .sm4 {font-size:70%;}
.red {color:#e24;} .gray {color:#707070;} .blue {color:#07d;}
.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, .bq {border-left:5px rgba(0,0,0,.04) solid; margin-top:1em; margin-bottom:1em; padding-left:12px;}
.note {font-size:1.4rem; line-height:1.5; color:#707070;}
/* ------.縦余白 mt:margin-top / mb:margin-bottom / mv:vertical margin */
.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;} .mt2 {margin-top:2em!important;} .mt10 {margin-top:10px!important;} .mt15 {margin-top:15px!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;}
.mb0 {margin-bottom:0!important;} .mb03 {margin-bottom:.3em!important;} .mb06 {margin-bottom:.6em!important;} .mb1 {margin-bottom:1em!important;} .mb2 {margin-bottom:2em!important;} .mb10 {margin-bottom:10px!important;} .mb15 {margin-bottom:15px!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;} 
.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;} .mv2 {margin-top:2em!important; margin-bottom:2em!important;} .mv10 {margin-top:10px!important; margin-bottom:10px!important;} .mv15 {margin-top:15px!important; margin-bottom:1.5em!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 / pl:padding-left pr:padding-right*/
.ml5 {margin-left:5pximportant;} .ml10 {margin-left:10pximportant;} .ml15 {margin-left:15pximportant;} .ml20 {margin-left:20pximportant;} .ml25 {margin-left:25pximportant;} .ml30 {margin-left:30pximportant;}
.pl5 {padding-left:5pximportant;} .pl10 {padding-left:10pximportant;} .pl15 {padding-left:15pximportant;} .pl20 {padding-left:20pximportant;} .pl25 {padding-left:25pximportant;} .pl30 {padding-left:30pximportant;} .pl35 {padding-left:35pximportant;} .pl40 {padding-left:40pximportant;} .pl45 {padding-left:45pximportant;} .pl50 {padding-left:50pximportant;}
.pr5 {padding-right:5pximportant;} .pr10 {padding-right:10pximportant;} .pr15 {padding-right:15pximportant;} .pr20 {padding-right:20pximportant;} .pr25 {padding-right:25pximportant;} .pr30 {padding-right:30pximportant;} .pr35 {padding-right:35pximportant;} .pr40 {padding-right:40pximportant;} .pr45 {padding-right:45pximportant;} .pr50 {padding-right:50pximportant;}
/* ------ リスト */
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;} .lm1 > li + li {margin-top:1em;}
.liIB > li:not(last-child) {display:inline-block; margin-right:1.5em;}
.slashed, .ten {padding-left:0;}
.slashed > li, .ten > li {display:inline-block;} 
.slashed > li:not(last-child):after {display:inline-block; content:"/"; margin:0 .4em; transform:rotate(20deg); color:#555;}
.ten > li:not(last-child):after {display:inline-block; content:"、";}
ol.kakko {list-style:none; padding-left:2.5em;} ol.kakko > li:before {display:inline-block; width:2.5em; margin-left:-2.5em; text-align:center;}
ol.kakko > li:nth-child(1):before {content:"(1)";} ol.kakko > li:nth-child(2):before {content:"(2)";} ol.kakko > li:nth-child(3):before {content:"(3)";} ol.kakko > li:nth-child(4):before {content:"(4)";} ol.kakko > li:nth-child(5):before {content:"(5)";} ol.kakko > li:nth-child(6):before {content:"(6)";} ol.kakko > li:nth-child(7):before {content:"(7)";} ol.kakko > li:nth-child(8):before {content:"(8)";} ol.kakko > li:nth-child(9):before {content:"(9)";} ol.kakko > li:nth-child(10):before {content:"(10)";} ol.kakko > li:nth-child(11):before {content:"(11)";} ol.kakko > li:nth-child(12):before {content:"(12)";} ol.kakko > li:nth-child(13):before {content:"(13)";} ol.kakko > li:nth-child(14):before {content:"(14)";} ol.kakko > li:nth-child(15):before {content:"(15)";} ol.kakko > li:nth-child(16):before {content:"(16)";} ol.kakko > li:nth-child(17):before {content:"(17)";} ol.kakko > li:nth-child(18):before {content:"(18)";} ol.kakko > li:nth-child(19):before {content:"(19)";} ol.kakko > li:nth-child(20):before {content:"(20)";}
ol.maru {list-style-type:none;} ol.maru > li:before {display:inline-block; width:1.2em; margin:0 .1em 0 -1.3em;}
ol.maru > li:nth-child(1):before {content:"①";} ol.maru > li:nth-child(2):before {content:"②";} ol.maru > li:nth-child(3):before {content:"③";} ol.maru > li:nth-child(4):before {content:"④";} ol.maru > li:nth-child(5):before {content:"⑤";} ol.maru > li:nth-child(6):before {content:"⑥";} ol.maru > li:nth-child(7):before {content:"⑦";} ol.maru > li:nth-child(8):before {content:"⑧";} ol.maru > li:nth-child(9):before {content:"⑨";} ol.maru > li:nth-child(10):before {content:"⑩";} ol.maru > li:nth-child(11):before {content:"⑪";} ol.maru > li:nth-child(12):before {content:"⑫";} ol.maru > li:nth-child(13):before {content:"⑬";} ol.maru > li:nth-child(14):before {content:"⑭";} ol.maru > li:nth-child(15):before {content:"⑮";} ol.maru > li:nth-child(16):before {content:"⑯";} ol.maru > li:nth-child(17):before {content:"⑰";} ol.maru > li:nth-child(18):before {content:"⑱";} ol.maru > li:nth-child(19):before {content:"⑲";} ol.maru > li:nth-child(20):before {content:"⑳";}

/* ------ ヘッダつきインデント idtN */
.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;}
/* ------ 横方向の段組 */
.col2, .col3, .col4, .col5, .col2m, .col3m, .col4m, .col5m, .pcCol2, .pcCol3, .pcCol4, .pcCol5, .pcCol2m, .pcCol3m, .pcCol4m, .pcCol5m, .spCol2, .spCol3, .spCol4, .spCol5, .spCol2m, .spCol3m, .spCol4m, .spCol5m {padding:0; list-style-type:none;}
.col2, .col3, .col4, .col5, .col2m, .col3m, .col4m, .col5m {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%;}
.col2 > *, .col3 > *, .col4 > *, .col5 > *, .col2m > *, .col3m > *, .col4m > *, .col5m > * {position:relative;}
.col2 > * {width:49.999%;} .col3 > * {width:33.333%;} .col4 > * {width:24.999%;} .col5 > * {width:19.999%;}
.col2m > *, .col3m > *, .col4m > *, .col5m > * {top:-20px; margin:20px 0 0 20px;}
.col2m > *:nth-child(2n+1), .col3m > *:nth-child(3n+1), .col4m > *:nth-child(4n+1), .col5m > *:nth-child(5n+1) {margin-left:0;}
.col2m > * {width:calc((100% - 21px) / 2);} .col3m > * {width:calc((100% - 41px) / 3);} .col4m > * {width:calc((100% - 61px) / 4);} .col5m > * {width:calc((100% - 81px) / 5);}
@media (min-width:601px){
  *[class*="pcCol"] {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%;}
  *[class*="pcCol"] > * {position:relative;}
  .pcCol2 > * {width:49.999%;} .pcCol3 > * {width:33.333%;} .pcCol4 > * {width:24.999%;} .pcCol5 > * {width:19.999%;}
  .pcCol2m > *, .pcCol3m > *, .pcCol4m > *, .pcCol5m > * {top:-20px; margin:20px 0 0 20px;}
  .pcCol2m > *:nth-child(2n+1), .pcCol3m > *:nth-child(3n+1), .pcCol4m > *:nth-child(4n+1), .pcCol5m > *:nth-child(5n+1) {margin-left:0;}
  .pcCol2m > * {width:calc((100% - 21px) / 2);} .pcCol3m > * {width:calc((100% - 41px) / 3);} .pcCol4m > * {width:calc((100% - 61px) / 4);} .pcCol5m > * {width:calc((100% - 81px) / 5);}
}
@media (max-width:600px){
  *[class*="spCol"] {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%;}
  *[class*="spCol"] > * {position:relative;}
  .spCol2 > * {width:49.999%;} .spCol3 > * {width:33.333%;} .spCol4 > * {width:24.999%;} .spCol5 > * {width:19.999%;}
  .spCol2m > *, .spCol3m > *, .spCol4m > *, .spCol5m > * {top:-20px; margin:20px 0 0 20px;}
  .spCol2m > * {width:calc((100% - 21px) / 2);} .spCol3m > * {width:calc((100% - 41px) / 3);} .spCol4m > * {width:calc((100% - 61px) / 4);} .spCol5m > * {width:calc((100% - 81px) / 5);}
  .spCol2m > *:nth-child(2n+1), .spCol3m > *:nth-child(3n+1), .spCol4m > *:nth-child(4n+1), .spCol5m > *:nth-child(5n+1) {margin-left:0;}
  .pcCol2m > * + *, .pcCol3m > * + *, .pcCol4m > * + *, .pcCol5m > * + * {margin-top:25px;}
}
/* ------ 拡張子アイコン */
.showExtBefore a[href*=".pdf"]:before, a.showExtBefore[href*=".pdf"]:before, .showExtBefore a[href*=".doc"]:before, a.showExtBefore[href*=".doc"]:before, .-showExt a[href*=".xls"]:before, a.showExtBefore[href*=".xls"]:before, .showExtBefore a[href*=".ppt"]:before, a.showExtBefore[href*=".ppt"]:before {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em 0 0;}
.showExt a[href*=".pdf"]:after, a.showExt[href*=".pdf"]:after, .showExt a[href*=".doc"]:after, a.showExt[href*=".doc"]:after, .-showExt a[href*=".xls"]:after, a.showExt[href*=".xls"]:after, .showExt a[href*=".ppt"]:after, a.showExt[href*=".ppt"]:after {content:""; display:inline-block; vertical-align:-30%; width:18px; height:24px; margin:0 .3em;}
.showExtBefore a[href*=".pdf"]:before, a.showExtBefore[href*=".pdf"]:before, .showExtBeforeBelow ~ * a[href*=".pdf"]:before,
.showExt a[href*=".pdf"]:after, a.showExt[href*=".pdf"]:after, .showExtBelow ~ * a[href*=".pdf"]:after {background:url(./img/icon_ext_pdf.png) no-repeat 0 0; background-size:contain;}
.showExtBefore a[href*=".doc"]:before, a.showExtBefore[href*=".doc"]:before, .showExtBeforeBelow ~ * a[href*=".doc"]:before,
.showExt a[href*=".doc"]:after, a.showExt[href*=".doc"]:after, .showExtBelow ~ * a[href*=".doc"]:after {background:url(./img/icon_ext_word.png) no-repeat 0 0; background-size:contain;}
.showExtBefore a[href*=".xls"]:before, a.showExtBefore[href*=".xls"]:before, .showExtBeforeBelow ~ * a[href*=".xls"]:before,
.showExt a[href*=".xls"]:after, a.showExt[href*=".xls"]:after, .showExtBelow ~ * a[href*=".xls"]:after {background:url(./img/icon_ext_excel.png) no-repeat 0 0; background-size:contain;}
.showExtBefore a[href*=".ppt"]:before, a.showExtBefore[href*=".ppt"]:before, .showExtBeforeBelow ~ * a[href*=".ppt"]:before,
.showExt a[href*=".ppt"]:after, a.showExt[href*=".ppt"]:after, .showExtBelow ~ * a[href*=".ppt"]:after {cbackground:url(./img/icon_ext_ppt.png) no-repeat 0 0; background-size:contain;}
.nwIcon a[target="_blank"]:after, a[target="_blank"].nwIcon:after {content:""; display:inline-block;vertical-align:0%; width:1.2rem; height:1.2rem; margin-left:.4em; background:url(./img/icon_blank.png) no-repeat 50% 50%; background-size:contain;}
/* ------ 仕切り */
.hrTop1 {margin-top:30px!important; padding-top:30px!important; border-top:1px rgba(0,0,0,.1) solid;}
.hrBtm1 {margin-bottom:30px!important; padding-bottom:30px!important; border-bottom:1px rgba(0,0,0,.1) solid;}
.hrTop2:before, .hrBtm2:after {content:""; display:block; width:70%; margin:60px 15%; border-top:1px rgba(0,0,0,.1) solid;}
hr {background:none; margin:30px 0; border-top:1px rgba(0,0,0,.1) solid; border-width:1px 0 0;}
hr.-short {margin-left:6%; margin-right:6%:}
/* ------ 疑似テーブル tableLike / h(n)Table*/
.tableLike {margin:1.5em 0; border:rgba(0,0,0,.1) solid; border-width:1px 0; overflow:hidden;}
.tableLike dt {clear:left; width:16rem; float:left; padding:1em 1.5em 1em 0; border-top:1px rgba(0,0,0,.1) solid; font-weight:bold;}
.tableLike dd {width:calc(100% - 16rem); float:left; padding:1em 0; border-top:1px rgba(0,0,0,.1) solid;}
.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;}
  .tableLike.-spFlatA dd {float:none; width:auto; padding:0 0 .8em; border:0;}
  .tableLike.-spFlatA dd + dt {border-top:1px :rgba(0,0,0,.1) solid;}
  .tableLike.-spFlatB dt, .tableLike.-spFlatB dd {float:none; width:auto; padding:.4em 0; border:0;}
  .tableLike.-spFlatB dt {padding:.4em .6em; font-weight:500; background:rgba(0,0,0,.06);}
  .tableLike.-spFlatB dd + dt {margin-top:15px;}
}
.h2Table, .h3Table, .h4Table, .h5Table {position:relative; overflow:hidden; padding-bottom:.8rem; border-bottom:1px rgba(0,0,0,.1) solid;}
.h2Table:before, .h3Table:before, .h4Table:before,.h5Table:before {content:""; display:block; position:absolute; top:0; left:0; width:15rem; height:100%; background:rgba(0,0,0,.04);}
.h2Table > *, .h3Table > *, .h4Table > *, .h5Table > * {position:relative; z-index:1; display:block; float:right; width:calc(100% - 15rem); margin:.8rem 0 0; padding:0 1.6rem;}
.h2Table > h2, .h3Table > h3, .h4Table > h4, .h5Table > h5 {clear:both; float:left; width:15rem; padding:.8rem 1.2rem 0; border-top:1px rgba(0,0,0,.1) solid; line-height:1.8; font-size:inherit; color:inherit;}
.h2Table > h2 + *, .h3Table > h3 + *, .h4Table > h4 + *, .h5Table > h5 + * {padding-top:.8rem; border-top:1px rgba(0,0,0,.1) solid;}
.h2Table > h2:first-of-type, .h3Table > h3:first-of-type, .h4Table > h4:first-of-type, .h5Table > h5:first-of-type, .h2Table > h2:first-of-type + *, .h3Table > h3:first-of-type + *, .h4Table > h4:first-of-type + *, .h5Table > h5:first-of-type + * {margin-top:0;}
.h2Table > .disc, .h3Table > .disc, .h4Table > .disc, .h5Table > .disc, .h2Table > .square, .h3Table > .square, .h4Table > .square, .h5Table > .square, .h2Table > ol, .h3Table > ol, .h4Table > ol, .h5Table > ol {padding-left:2em;}
@media (max-width:600px){
  .h2Table:not(.-spFlat):before, .h3Table:not(.-spFlat):before, .h4Table:not(.-spFlat):before,.h5Table:not(.-spFlat):before {width:10rem;}
  .h2Table:not(.-spFlat) > h2, .h3Table:not(.-spFlat) > h3, .h4Table:not(.-spFlat) > h4, .h5Table:not(.-spFlat) > h5 {width:10rem;}
  .h2Table:not(.-spFlat) > h2 ~ *:not(h2), .h3Table:not(.-spFlat) > h3 ~ *:not(h3), .h4Table:not(.-spFlat) > h4 ~ *:not(h4), .h5Table:not(.-spFlat) > h5 ~ *:not(h5) {width:calc(100% - 10rem);}
  .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;}
}