@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  color: #006898;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.m00 { margin: 0!important;}

.ml01 { margin-left: .1em;}
.ml02 { margin-left: .2em;}
.ml03 { margin-left: .3em;}
.ml04 { margin-left: .4em;}
.ml05 { margin-left: .5em;}
.ml06 { margin-left: .6em;}
.ml07 { margin-left: .7em;}
.ml08 { margin-left: .8em;}
.ml09 { margin-left: .9em;}
.ml10 { margin-left: 1em;}

.mb01 { margin-bottom: .1em;}
.mb02 { margin-bottom: .2em;}
.mb03 { margin-bottom: .3em;}
.mb04 { margin-bottom: .4em;}
.mb05 { margin-bottom: .5em;}
.mb06 { margin-bottom: .6em;}
.mb07 { margin-bottom: .7em;}
.mb08 { margin-bottom: .8em;}
.mb09 { margin-bottom: .9em;}
.mb10 { margin-bottom: 1em;}
.mb10p { margin-bottom: 10px;}
.mb16p { margin-bottom: 16px;}
.mb18p { margin-bottom: 18px;}

.mtm2px { margin-top: -2px!important;}
.mt2px { margin-top: 2px!important;}
.mt6px { margin-top: 6px!important;}
.mt9px { margin-top: 9px!important;}
.mt13px { margin-top: 13px!important;}

.ml08px { margin-left: 8px;}
.ml10px { margin-left: 10px;}

.mr5px { margin-right: 5px!important;}
.mr10px { margin-right: 10px!important;}
.mr18px { margin-right: 18px!important;}

.mb04px { margin-bottom: 4px!important;}
.mb05px { margin-bottom: 5px!important;}
.mb10px { margin-bottom: 10px!important;}
.mb12px { margin-bottom: 12px!important;}
.mb13px { margin-bottom: 13px!important;}
.mb15px { margin-bottom: 15px!important;}
.mb18px { margin-bottom: 18px!important;}
.mb20px { margin-bottom: 20px!important;}
.mb22px { margin-bottom: 22px!important;}
.mb25px { margin-bottom: 25px!important;}
.mb30px { margin-bottom: 30px!important;}
.mb02em { margin-bottom: 2em!important;}
.mbM1em { margin-bottom: -1em!important;}
.mAuto { margin: 0 auto;}


.p00 { padding: 0!important;}

.p04px { padding: 4px;}
.p05px { padding: 5px;}
.p06px { padding: 6px;}
.p07px { padding: 7px;}
.p08px { padding: 8px;}
.p09px { padding: 9px;}
.p12px { padding: 12px;}
.p15px { padding: 15px;}
.p20px { padding: 20px;}

.pr07px { padding-right: 7px;}
.pr10px { padding-right: 10px;}

.pl07px { padding-left: 7px;}
.pl08px { padding-left: 8px;}

.pt09px { padding-top: 9px!important;}

.pb00 { padding-bottom: 0;}
.pb05px { padding-bottom: 5px;}
.pb26px { padding-bottom: 26px;}
.pb30px { padding-bottom: 30px;}


.w10p { width: 10%;}
.w20p { width: 20%;}
.w25p { width: 25%;}
.w30p { width: 30%;}
.w36p { width: 36%;}
.w40p { width: 40%;}
.w42p { width: 42%;}
.w47p { width: 47%;}
.w49p { width: 49%;}
.w50p { width: 50%;}
.w55p { width: 55%;}
.w58p { width: 58%;}
.w60p { width: 60%;}
.w62p { width: 62%;}
.w70p { width: 70%;}
.w75p { width: 75%;}
.w80p { width: 80%;}
.w90p { width: 90%;}
.w100p { width: 100%;}


.fs6px { font-size: 6px;}
.fs10px { font-size: 10px;}
.fs11px { font-size: 11px;}
.fs12px { font-size: 12px;}
.fs13px { font-size: 13px;}
.fs14px { font-size: 14px;}
.fs18px { font-size: 18px;}
.fs20px { font-size: 20px;}
.fs80per { font-size: 80%;}
.fs90per { font-size: 90%;}

.coB { color:#004894;}
.co226abc {color: #226abc;}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fw400 { font-weight: 400;}
.fw500 { font-weight: 500;}
.fw600 { font-weight: 600;}
.fw700 { font-weight: 700;}
.fw800 { font-weight: 800;}
.fw900 { font-weight: 900;}

.ffaMplus1p { font-family: 'M PLUS 1p', sans-serif;}
.ffaMplusR1c { font-family: 'M PLUS Rounded 1c', sans-serif;}
.ffaNoSans { font-family: 'Noto Sans JP', sans-serif;}
.ffaHira3 { font-family: 'ヒラギノ角ゴ W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004';}
.ffaHira5 { font-family: 'ヒラギノ角ゴ W5 JIS2004', 'Hiragino Kaku Gothic W5 JIS2004';}
.ffaShinmaruL { font-family: '新丸ゴ L', 'Shin Maru Go Light';}
.ffaShinmaruR { font-family: '新丸ゴ R', 'Shin Maru Go Regular';}
.ffaShinmaruM { font-family: '新丸ゴ M', 'Shin Maru Go Medium';}
.ffaShinmaruDB { font-family: '新丸ゴ DB', 'Shin Maru Go DemiBold';}
.ffaShinmaruB { font-family: '新丸ゴ B', 'Shin Maru Go Bold';}

.lsm05 { letter-spacing: -0.5px;}
.lsm1 { letter-spacing: -1px;}

.nunitSans { font-family: 'Nunito Sans', sans-serif;}

.talignL { text-align: left;}
.talignC { text-align: center;}
.talignR { text-align: right;}

.whSpNo { white-space: nowrap;}

.no_border { border: none!important;}
.borderB { border: 1px solid #003e8d;}
.borderPG { border: 1px solid #DCDCDC;}
.borderG { border: 1px solid #717071;}
.borderBK { border: 1px solid #231815;}

.tfScale_40L,
.tfScale_40C,
.tfScale_40R { font-size: 4px;}
.tfScale_50L,
.tfScale_50C,
.tfScale_50R { font-size: 5px;margin-bottom: -3px;}
.tfScale_60L,
.tfScale_60C,
.tfScale_60R { font-size: 6px;margin-bottom: -3px;}
.tfScale_70L,
.tfScale_70C,
.tfScale_70R { font-size: 7px;margin-bottom: -3px;}
.tfScale_80L,
.tfScale_80C,
.tfScale_80R { font-size: 8px;}
.tfScale_90L,
.tfScale_90C,
.tfScale_90R { font-size: 9px;}

  body #content .wid80p { width: 80%; height: auto;}

.imgUnder5px img { padding-bottom: 5px;}
.imgUnder5px img:last-of-type { padding-bottom: 0;}
.imgUnderM3px img { margin-bottom: 3px!important;}

.onlyPC { display: inline-block;}
.onlyTab { display: none;}
.onlySmp { display: none;}

.posiR { position: relative;}

.disIB { display: inline-block;}


/*++++++++++++++++++++++++++++++++++++*/
/*                BASE                */
/*++++++++++++++++++++++++++++++++++++*/
html, body { height: 100%;}/**/
body {
  margin: 0;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;
  font-family: 'Noto Sans JP', sans-serif;
  background: #f2eeea;
}
header {
  position: relative;
  background: #fff;
  border-top: 4px solid #004894;
  box-shadow: 0px 0px 3px 2px rgb(0,0,0,.3);
  z-index:9999;
}
#container {
  /*height: calc(100% - 208px);*/
  background: #fff;
  flex: 1;
}
footer {
  background: red;
  background: #004085;
}

/*width size*/
#wrap_header,
#wrap_footer,
#clumn1_main,
#clumn2_main {
  width: 1000px;
  margin: 0 auto;
}
header,
footer {
  min-width: 1000px;
  font-size: 85%;
}
#container {
  width: 100%;
  background: #edf2f8;
}
#clumn1_main,
#clumn2_main {
  background: #fff
}
#clumn1_main {
  height: calc(100% - 115px);
  padding: 15px 30px 30px 30px;
}
#clumn2_main {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 120px);
  padding: 15px 15px 15px 28px;
}
  #content {
    width: calc(100% - 280px);
    padding: 0 18px 70px 0;
  }
  #side {
    width: 280px;
    padding: 20px 18px;
    background: #e5ecf5;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 1.4;
    border-radius: 11px;
  }
  #side p { margin-bottom: .8em;}

  .triangleTopic {
    position: relative;
    min-height: 1em;
    margin-bottom: .3em!important;
    padding: 0;
    color: #003e8d;
    font-weight: 700;
    text-indent: 1em;
  }
    .triangleTopic::before {
      position: absolute;
      content: "";
      width: 9px;
      height: 9px;
      top: 5px;
      left: 0;
      margin: auto;
      box-sizing: border-box;
      background: #003e8d;
    }


/*++++++++++++++++++++++++++++++++++++*/
/*              HEADDING              */
/*++++++++++++++++++++++++++++++++++++*/
h1 {
  display: inline-block;
  position: relative;
  margin: 12px 13px 9px 28px;
  padding-left: 13px;
  font-family: 'UD新ゴ M', 'UD Shin Go Medium';
  font-style: normal;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  line-height: 23px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {/* safari */
  _::-webkit-full-page-media, _:future, :root h1 {
    font-family:"Century Gothic", sans-serif;
  }
}
  h1::before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 23px;
    top: 0;
    left: 0;
    background-color: #0075C2;
    border-radius: 3px;
  }
  h1.md::before { background-color: #0075C2;}
  h1.ed::before { background-color: #549B35;}
  h1.dp::before { background-color: #693E82;}
  h1.pm::before { background-color: #8A3474;}
  h1.cp::before { background-color: #004894;}

  h1.ed.cd {/* display: inline-block; margin: 10px 13px 6px 28px;*/}
  .head_attention { display: block; margin: -5px 0 6px 36px; font-size: 12px; color: #D61619; font-weight: normal; transform: scale(0.9); transform-origin: left center;}
  .btn_print.ciledu { bottom: -6px;}

h2 {
  margin-bottom: .7em;
  padding-left: .3em;
  color: #333333;
  font-size: 14px;
  border-left: 2.5px solid #004894;
  line-height: 1.3;
}
#content h2 { font-size: 13px; font-weight: 500;}
#side h2 { margin-bottom: 8px;}

h2.index {
  margin-bottom: 0;
  padding-left: 0;
  border-left: none;
  border-bottom: 1px solid #004894;
  color: #fff;
}
  .index_band {
    display: inline-block;
    width: 240px;
    padding: 3px 0;
    background: #004894;
    font-weight: 500;
    text-align: center;
    border-radius: 4px 4px 0 0;
  }
h2.innner_contents {
  width: 100%;
  margin-bottom: 5px;
  padding-left: 6px;
  padding-bottom: 2px;
  border-left: 3px solid #0066ba;
  border-bottom: 1px solid #0066ba;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  color: #333;
  font-weight: normal;
}
h3.bgBlue {
  margin-bottom: 4px;
  padding: 1px 0 2px 6px;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  border-left: 5px solid #00A0E9;
  background: #003E8D;
}


/*++++++++++++++++++++++++++++++++++++*/
/*               HEADER               */
/*++++++++++++++++++++++++++++++++++++*/
#wrap_header {
  padding: 14px 0 9px;
}
  .logo {
    float: left;
    display: flex;
    width: 510px;
    align-items: center;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 14px;
    color: #004894;
    font-weight: 800;
    line-height: 1.3;
  }
    .logo > div { display: inline-block;}
    .logo > div:first-of-type { padding: 0 10px 0 5px; border-right: 1px solid #004894;}
    .logo > div:nth-of-type(2) { padding-left: 11px;}

    .logo .jpmain { padding-bottom: 2px;}
    .logo .jpsub { font-size: 16px; color: #333; font-weight: 600;}
    .logo img { width: 100%; height: auto;}

  .topNav {
    float: right;
  }
    .topNav .menu {
      display:table;
      align-content: center;
      padding: 9px 0 0 0;
    }
    .topNav .menu li {
      display:table-cell;
      vertical-align: middle;
    }
    .topNav .menu li a {
      position: relative;
      margin-right: 17px;
      padding: 3px 0 3px 1em;
      background-position: left center;
      text-decoration: none;
      font-size: 11px;
      color: #666666;
      font-weight: 500;
    }
    .topNav .menu li:last-of-type a { margin-right: 0;}
      .topNav .menu li a::before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 0;
        bottom: -1px;
        left: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        background: url(../img/icon_header07.png) no-repeat;
        background-size: contain;
        vertical-align: middle;
      }

      /*.topNav .menu li a.top::before { background: url(../img/icon_header01.png) no-repeat; background-size: contain; left: -1px;}
      .topNav .menu li a.contact::before { background: url(../img/icon_header02.png) no-repeat; background-size: contain;}
      .topNav .menu li a.en::before { background: url(../img/icon_header03.png) no-repeat; background-size: contain;}
      .topNav .menu li a.access::before { background: url(../img/icon_header05.png) no-repeat; background-size: contain;}
      .topNav .menu li a.copyright::before { background: url(../img/icon_header06.png) no-repeat; background-size: contain;}*/

      .topNav .menu li a:hover { text-decoration: underline;}



/*++++++++++++++++++++++++++++++++++++*/
/*            BREAD CLUMB             */
/*++++++++++++++++++++++++++++++++++++*/
.wrap_bread {
  color: #fff;
  background: #e5eef8;
  border-top: 1px solid #ccd9ea;
  border-bottom: 1px solid #ccd9ea;
}
  .breadcrumb {
    display: flex;
    width: 1000px;
    height: 20px;
    margin: 0 auto!important;
    padding: 0 0 0 30px!important;
    list-style: none;
    font-size: 0;
  }
  .breadcrumb li {
    position: relative;
    display: inline-block;
    list-style: none;
    padding-right: 1.7em;
    font-size: 10px;
    line-height: 20px;
    vertical-align: middle;
  }
    .breadcrumb li::after {
      position: absolute;
      content: "";
      top: 0;
      bottom: 0;
      right: .5em;
      margin: auto;
      width: 7px;
      height: 7px;
      border-top: 1.5px solid #004894;
      border-right: 1.5px solid #004894;
      -webkit-transform: rotate(45deg);
      transform: scale(0.6, 1) rotate(45deg);
      vertical-align: middle;
    }
  .breadcrumb li:last-child::after { border: none;;}
  .breadcrumb li a {
    text-decoration: none;
    color: #004894;
  }
  .breadcrumb li:first-of-type a:hover {
    text-decoration: underline;
  }



/*++++++++++++++++++++++++++++++++++++*/
/*             NAVIGATION             */
/*++++++++++++++++++++++++++++++++++++*/
.navTitle {
  background: #000;
}
  .navTitle_into {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .navTitle_into p {
    display: block;
    width: 50%;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    letter-spacing: 2px;
  }
.navTitle_into p:first-of-type { width: 33.4%; background: #004894; border-right: 2px solid #fff;}
.navTitle_into p:nth-of-type(2) { width: calc(100% - 33.4%); background: #0075C2;}

.navArea {
  display: flex;
  position: relative;
  justify-content: flex-start;
  background: #fff;
}
.main {
  display: flex;
  width: 1000px;
  margin: 0 auto;
}
  .main > ul {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 3.5px 0;
  }
  .main > ul > li {
    width: calc(100% / 6);
    padding: 2px 3px;
    border-right: 1px solid #ccd9ea;
  }
  /*.main > ul > li.wid50p { width: calc(100% / 4);}*/
  .main > ul > li:first-of-type { letter-spacing: -0.5px; border-left: 1px solid #ccd9ea;}
  .main > ul > li span { display: block;}

  .dropdown-btn,
  .main > ul li a {
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
  }

  .main > ul li .currentBlue, .main > ul li .currentGreen, .main > ul li .currentPurple, .main > ul li .currentPurpleRed, .main > ul li .currentNavy { color: #fff;}
  .main > ul li .currentBlue { background: #0075C2;}
  .main > ul li .currentGreen { background: #529E35;}
  .main > ul li .currentPurple { background: #693E82;}
  .main > ul li .currentPurpleRed { background: #8A3474;}
  .main > ul li .currentNavy { background: #004894;}

  .main > ul li span { display: block;}
  .main > ul li span.nunitSans {
    font-size: 11px;
    font-weight: 400;
  }
  .main > ul li span.long1p { letter-spacing: 1px;}
  .main > ul li span.long2p { letter-spacing: 2px;}
  .main > ul li.dropdown-btn span { letter-spacing: -0.7px;}

  .main > ul li.dropdown-btn span::before:hover {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid red;
  }
  .dropdown-btn,
  .no-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    white-space: nowrap;
  }
  .dropdown-btn::before,
  .currentPurpleRed::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #004894 transparent transparent transparent;
    border-width: 4px 4px 0 4px;
  }
  .paleblue.dropdown-btn::before { border-color: #0075C2 transparent transparent transparent;}
  .green.dropdown-btn::before { border-color: #529E35 transparent transparent transparent;}
  .purple.dropdown-btn::before { border-color: #693E82 transparent transparent transparent;}
  .currentPurpleRed::before { border-color: #8A3474 transparent transparent transparent;}

  .dropdown-btn::after,
  .no-dropdown::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: '';
    width: 100%;
    height: 3px;
    background: #d61319;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
  }
  .dropdown-btn:hover::after,
  .no-dropdown:hover::after { transform: scale(1, 1);}

  /*.dropdown-btn {
    position: relative;
    display: inline-block;
  }
  .dropdown-btn:hover { color: #25417c;}
  .dropdown-btn:hover::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d61319;
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
  }*/
  .dropdown {
    display: none;
    position: absolute;
    width: 98%;
    left: 0;
    top: 26px;
    padding: 0;
    color: #fff!important;
    /*mix-blend-mode: multiply;*/
    z-index: 1000;
  }
    .main > ul li .dropdown li a {
      display: block;
      width: 102%;
      padding: .5em;
      border-right: none;
      background: #3b5489;
      background: rgb(0, 37, 117,0.8);
      border-bottom: 1px solid #fff;
      color: #fff;
      font-size: .9em;
      text-align: left;
      white-space: nowrap;
    }
    .main > ul li .dropdown.md li a { width: 125%;}
    .main > ul li .dropdown.ed li a { width: 125%;}
    .main > ul li .dropdown.dp li a { width: 135%;}

    .main > ul li.paleblue .dropdown li a { background: rgb(0, 117, 194, 0.9);}
    .main > ul li.green .dropdown li a { background: rgb(82, 158, 53,0.9);}
    .main > ul li.purple .dropdown li a { background: rgb(105, 62, 130,0.9);}

    .main > ul li .dropdown li a:hover { background: #102a66;}
    .main > ul li.paleblue .dropdown li a:hover { background: #0075c2;}
    .main > ul li.green .dropdown li a:hover { background: #529E35;}
    .main > ul li.purple .dropdown li a:hover { background: #693E82;}

    .nav-button-wrap,
    .open {
      display:block;
    }
    .close {
      display:block;
    }
  .main .summary > li a {
    height: 50px;
    padding-top: 11px!important;
  }
    .main .summary > li a .nunitSans {
      font-size: 13px;
      line-height: 1.35;
    }
nav#smpMain { display: none;}
#hamburger { display: none;}




/*++++++++++++++++++++++++++++++++++++*/
/*               BUTTON               */
/*++++++++++++++++++++++++++++++++++++*/
.btn_details {
  display: inline-block;
  position: relative;
  margin: 0 18px 0 0;
  padding: 0 0 0 1.1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 10px;
  color: #004085;
  font-weight: 500;
  vertical-align: middle;
  text-decoration: none;
}
  .btn_details::before {
    padding: 0 2px 0 0;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    color: #004085;
    font-weight: bold;
  }
  /*.btn_details::before, .btn_details::after {
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .btn_details::before {
    width: 10.5px;
    height: 10.5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #004085;
  }
  .btn_details::after {
    left: 0.2em;
    width: 4px;
    height: 4px;
    border-top: 1px solid #004085;
    border-right: 1px solid #004085;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }*/
  .btn_details:hover { text-decoration: underline;}

  #content .btn_details {
    display: block;
    margin: 3px 0;
  }
.btn_details.nowrap {
  white-space: nowrap;
  padding: 0;
  letter-spacing: -.5px;
}



.print_list {
  position: absolute;
  right: 0;
  top: 8px;
  max-height: 26px;
  background: #e5eef8;
  border: 1px solid #4d79b7;
  border-radius: 3px;
}
.print_list .nav_item {
  position: relative;
}
.print_list .nav_item .panel {
  position: absolute;
  top: 30px;
  right: 0;
  margin: auto;
  width: 130%;
  background: #fff;
  border: 1px solid #004894;
  border-radius: 3px;
  overflow: hidden;
  display: none;
}
.print_list .nav_item .panel .panel_item {
  display: block;
  text-align: left
}

  .print_list .nav_item .panel .panel_item a {
    margin: 0;
    padding: .5rem 10px;
    border-bottom: 1px solid #999;
    white-space: nowrap;
  }
  .print_list .nav_item .panel .panel_item:last-of-type a { border-bottom: none;}
  .print_list .nav_item .panel .panel_item a:hover {
    color: #fff;
    background: #004894;
  }
  .print_list .nav_item .panel .panel_item a i { padding-left: 5px;}

  .print_list .nav_item {
    display: block;
    text-align: center;
  }
    .print_list .nav_item a {
      display: block;
      padding-bottom: 8px;
      font-size: 10px;
      color: #004894;
    }
    .js-dropdown {
      display: block;
      height: 26px;
      padding: .5em 2.1rem .5em 27px;
      line-height: 13px;
    }
    .js-dropdown:hover {
      background: #004894;
      color: #fff!important;
    }

    .print_icon::after {/* ▼アイコン  */
      content: "";
      position: absolute;
      right: 1.3rem;
      bottom: 0;
      top: 0;
      width: 0px;
      height: 0px;
      margin: auto;
      border-style: solid;
      border-color: #004894 transparent transparent transparent;
      border-width: 5px 5px 0 5px;
    }
      .js-dropdown.is-active .print_icon::after {
        transform: rotate(-180deg) translateY(0%);
      }
      .js-dropdown:hover .print_icon::after {
        border-color: #fff transparent transparent transparent;
      }


.btn_print {
  position: absolute;
  display: inline-block;
  height: 26px;
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: .5em 1.8em!important;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 10px;
  color: #004894!important;
  border: 1px solid #004894;
  border-radius: 3px;
}
  .btn_print i { margin-left: .5em; font-size: 1.1em;}

  .btn_print.company {
    padding: .5em 27px!important;
    border: 1px solid #4d79b7;
    background: #e5eef8;
  }
  .btn_print:hover,
  .btn_print.company:hover {
    background: #004894;
    color: #fff!important;
  }
  .btn_print.left { right: 500px;}
  .btn_print.center { right: 271px;}

  .btn_print i:first-of-type { display: none;}
  .btn_print i:nth-of-type(2) { display: inline-block;}

.historyBlock { display: inline-block;}
.btn_history {
  display: inline-block;
  margin-right: 2px;
  padding: 3px 10px;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 11px;
  color: #004894;
  font-weight: bold;
  background: #e5eef8;
  border-radius: 3px;
}
.btn_history i { padding: 0 7px;}
.btn_history:hover { background: #004894; color: #fff;}
.btn_history.current { background: #0075C2; color: #fff;}


.btn_yudo {
  display: block;
  position: relative;
  margin-bottom: .5em;
  padding: .5em .5em .7em 2.4em;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 10px;
  color: #fff;
  background: #809fcc;
  text-decoration: none;
}
.btn_yudo::before {
  display: inline-block;
  position: absolute;
  content: "";
  width: 14px;
  height: 13px;
  top: 0;
  bottom: 0;
  left: 7px;
  margin: auto;
  background-image: url("../img/btn_yudo-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.btn_yudo:hover { background: #336699;}

#side .btn_yudo:last-of-type { margin-bottom: 2.3em;}



/*++++++++++++++++++++++++++++++++++++*/
/*              CONTENTS              */
/*++++++++++++++++++++++++++++++++++++*/
#pageTitle {
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #ccd9ea;
}
.pageTitleBlock {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.fs_Msmall { font-size: 10px;}


/*========================*/
/*         flex box    　 *//*フレックス*/
/*========================*/
.flexBox,
.flexBox.ragged {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
  .w1on1 { width: 100%;}/* ↓カラムwidth */
  .w1on2 { width: calc(100% / 2);}
  .w1on3 { width: calc(100% / 3);}
  .w2on3 { width: 66%;}
  .w1on4 { width: 25%;}
  .w3on4 { width: 75%;}
  .w1on5 { width: 20%;}
  .w2on5 { width: 40%;}
  .w3on5 { width: 60%;}
  .w4on5 { width: 80%;}
  .w1on10 { width: 10%;}
  .w9on10 { width: 90%;}

  .fb_spa3 .w1on3 { width: calc(100% / 3 - 3px);} /* ブロック間横スキマ */
  .fb_spa4 .w1on3 { width: calc(100% / 3 - 4px);}
  .fb_spa4 .w1on2 { width: calc(50% - 4px);}
  .fb_spa4 .w1on3 { width: calc(100% / 3 - 4px);}
  .fb_spa4 .w1on5 { width: calc(20% - 4px);}
  .fb_spa5 .w1on2 { width: calc(50% - 5px);}
  .fb_spa5 .w1on3 { width: calc(100% / 3 - 5px);}
  .fb_spa6 .w1on2 { width: calc(50% - 6px);}
  .fb_spa6 .w1on3 { width: calc(100% / 3 - 6px);}
  .fb_spa6 .w1on4 { width: calc(25% - 6px);}
  .fb_spa7 .w1on2 { width: calc(50% - 7px);}
  .fb_spa7 .w1on3 { width: calc(100% / 3 - 7px);}
  .fb_spa7 .w1on4 { width: calc(25% - 7px);}
  .fb_spa9 .w1on3 { width: calc(100% / 3 - 9px);}
  .fb_spa9 .w1on4 { width: calc(25% - 9px);}
  .fb_spa12 .w1on4 { width: calc(25% - 12px);}
  .fb_spa15 .w1on2 { width: calc(50% - 7px);}

  .mb7px > .border { margin-bottom: 7px;} /* ブロック間縦スキマ */
  .mb12px > .border { margin-bottom: 12px;}
  .mb13px > .border { margin-bottom: 13px;}

  .p04pxWrap .w1on1, /* ブロック内スキマ一括 */
  .p04pxWrap .w1on3,
  .p04pxWrap .w1on4,
  .p04pxWrap .w1on5 { padding: 4px 4px 0 4px;}
  .p06pxWrap > .w1on1,
  .p06pxWrap > .w1on2,
  .p06pxWrap > .w1on3,
  .p06pxWrap > .w1on4 { padding: 6px;}
  .p07pxWrap > .w1on1,
  .p07pxWrap > .w1on3,
  .p07pxWrap > .w1on4,
  .p07pxWrap > .w2on3 { padding: 7px;}
  .p09pxWrap > .w1on1,
  .p09pxWrap > .w1on2,
  .p09pxWrap > .w1on3,
  .p09pxWrap > .w1on4,
  .p09pxWrap > .w2on3,
  .aboutcafe .w01,.aboutcafe .w02 { padding: 9px;}
  .p12pxWrap > .w1on1,
  .p12pxWrap > .w1on2,
  .p12pxWrap > .w1on3,
  .p12pxWrap > .w1on4,
  .p12pxWrap > .w2on3 { padding: 12px;}

  .pb00pxWrap > .w1on1, /* ブロック内下だけ0px */
  .pb00pxWrap > .w1on2,
  .pb00pxWrap > .w1on3,
  .pb00pxWrap > .w1on4,
  .pb00pxWrap > .w2on3 { padding-bottom: 0;}

  .flexBox.ragged h3.innner_contents { width: 100%;}

  .border {
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    font-size: 6px;
    line-height: 1.4;
    margin-bottom: 7px;
  }
  .flexBox.aliFs { align-items: flex-start;}

  .flexBox div img {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .flexBox div span.ttl {
    display: block;
    margin-bottom: .5em;
    font-size: 10px;
    color: #0066ba;
    font-weight: bold;
    line-height: 1.3;
  }
.juscSB {justify-content: space-between;}
.fleai { align-items: flex-end;}/*下揃え*/
.fleaiC { align-items: center;}/*中央揃え*/
.fleaiSt { align-items: stretch;}/*中央揃え*/
.flexAi div { display: flex; flex-wrap: wrap; align-items: flex-end;}

/* Boxにリンク */
.publishing a.w1on4 { display: block; position: relative;}
.publishing a.w1on4:hover img, .publishing a.w1on4:hover span { opacity: 1;}
.publishing a.w1on4::before { position: absolute; content: ""; width: 104%; height: 102%; top: -4px; left: -4px; border: 4px solid #004085; transition: .7s ; opacity: 0;}
.publishing a.w1on4:hover::before { opacity: 1;}
.publishing a.w1on4:nth-child(n+4) { padding-bottom: 0;}

/* 小学館神保町アカデミー */
.wid35p { width: 34.5%;}
.wid62p { width: 63.5%;}
.wid47p { width: 49%;}
.wid21p { width: 20%;}
.wid29p { width: 28%;}


/*========================*/
/*        heading         */
/*========================*/
.bgBellipse {
  margin-bottom: 7px;
  padding: 1px 0;
  border-radius: 1em;
  background: #003E8D;
  font-size: 10px;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
.borderT_paleblue {
  margin-top: -3px;
  padding-top: 5px;
  border-top: 1px solid #b1c2db;
} 


/*========================*/
/*         symbol         */
/*========================*/
.triangle-L {
  position: relative;
  padding: 0 0 0 7px;
}
  .triangle-L::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 7px;
    top: 3px;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    border: 4.5px solid transparent;
    border-left: 5px solid #003e8d; 
  }

.triangle-T {
  position: relative;
  padding: 0 0 0 10px;
}
  .triangle-T::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 10px;
    top: -2px;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    border: 4px solid transparent;
    border-bottom: 6px solid #003e8d;
  }
.triangleT_txt {
  display: inline-block;
  color: #003e8d;
}

.external_link {
  display: block;
  margin: 2px auto 0;
  font-size: 9px;
  color: #003e8d;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
  .external_link span {
    position: relative;
    display: inline-block;
    padding: 0 12px 0 0;
    vertical-align: middle;
    text-decoration: none;
  }
  .external_link span::before,
  .external_link span::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  .external_link span::before{
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #003e8d;
  }
  .external_link span::after{
    right: 4px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
.external_link span:hover { text-decoration: underline;}


.contract_facility {
  font-size: 10px;
  line-height: 1.6;
  font-family: "メイリオ";
}
  .contract_facility .triangle-L { margin-right: 1em;}
  .contract_facility.tsume .triangle-L { letter-spacing: -.4px;}

.public_entrust .w3on5 { width: 54%;}
.public_entrust .w2on5 { width: 45%;}
  .contract_resultsR > .w1on3,
  .contract_resultsR > .w2on3 { padding-top: 14px;}
  .contract_resultsR > .w1on3 { width: 32%;}
  .contract_resultsR > .w2on3 { width: 65%;}
  .flexBox.public_entrust { align-items: flex-start;}
    .public_entrust .event_photo { width: 87%; margin-bottom: 7px;}
    .contract_resultsR .w1on1:first-of-type { margin-top: 1em; margin-bottom: 0.5em;}
      .contract_resultsR > .w1on1 .tfScale_60C { margin-left: -2.5rem; margin-top: -3px;}
      .contract_resultsR > .w1on1.firstphoto .tfScale_60C { margin-top: 5px;}
      .contract_resultsR .w1on1:first-of-type .tfScale_80C { transform-origin: left top;}



.contract_performance {
  margin-bottom: 4px!important;
  border-top: 1px solid #e1e1e0;
  font-size: 10px;
  color: #323333;
}
  .contract_performance li {
    position: relative;
    min-height: 1em;
    padding: 1px 0 1px 7px;
    border-bottom: 1px solid #e1e1e0;
    line-height: 1.6;
  }
  .contract_performance li::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 7px;
    top: .6em;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    border: 4.5px solid transparent;
    border-left: 5px solid #003e8d; 
  }
.contract_performance li:last-of-type { margin-bottom: .5rem;}

.contract_resultsR {
  padding-left: 30px;
}
.contract_resultsR img { margin-right: auto!important; margin-left: 0!important;}
.contract_resultsR img:nth-of-type(2) { margin-top: 5px;}
.contract_resultsR .w1on1 .tfScale_80C { transform-origin: left top; margin-left: 2em; text-indent: -.5em;}
.contract_resultsR .w1on1:nth-of-type(2) .tfScale_80C { margin-top: -1em;}


/*========================*/
/*        content         */
/*========================*/
.guide {}
  .guide > li {
    display: flex;
    border-bottom: 1px solid #b2c6e0;
    font-size: 13px;
    color: #231815;
  }
  .guide > li h3 { background: #e5eef8;}
  .guide > li .content { padding: 7px 1.2em;}

.guide.overview { margin-top: 2px;}
  .guide.overview > li { padding: 4px 0;}
  .guide.overview > li h3 {
    display: flex;
    align-items: center;
    width: 8em;
    padding: 7px 10px 6px;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
  }
  .guide.overview > li .content {
    width: calc(100% - 8em);
    padding: 3px 1.2em;
    line-height: 1.7;
  }

.guide.history {}
  .guide.history > li { padding: 11px 0;}
.guide.history > li:last-of-type { border-bottom: none;}
  .guide.history > li h3 {
    width: 160px;
    padding: 16px 0;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 18px;
    color: #004894;
    font-weight: bold;
    text-align: center;
  }
.guide.history > li .content { padding: 0 0 0 2.5em; width: calc(100% - 160px);}
  .guide.history > li .content ul { list-style: none;}
  .guide.history > li .content li {　padding: 0 0 .2em 0!important; line-height: 1.55; text-indent: -1.3em;}
  .guide.history > li .content li:last-of-type {　padding: 0;}
  .guide.history > li .content li:before {
    margin-right: 1.1em;
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-size: 11px;
    color: #004894;
    font-weight: bold;
  }
.access #content { width: 100%;}
.access .innner_contents { margin-bottom: .5rem;}
.access .guide.overview { margin-top: 0;}
  .access .guide.overview > li h3 { letter-spacing: 4px;}
  .access .guide > li .content { line-height: 1.5;}
  .access .btn_details {margin: 0 7px 0 0;}

.access_showa { padding-top: 57px;}
div.access_showa img { width: 80%!important; margin: 0; margin-left: auto;}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.access .linkBox .btn_details { padding: 0;}


  .transportation {
    font-size: 13px;
  }
.transportation ol {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:0 0 1rem 0;
}
.transportation ol li {
  position: relative;
  padding-left: 1em;
  line-height: 1.1em;
  padding: 0.5em 0.5em 0.5em 19px;
}
.transportation ol li:before {
    position: absolute;
    counter-increment: num;
    content: counter(num);
    display: inline-block;
    color: #fff;
    background: #0066ba;
    font-family: 'Arial',sans-serif;
    font-weight: bold;
    font-size: 10px;
    border-radius: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    top: 8px;
}

.external {
  display: inline-block;
  margin-right: 1.3em;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a.external { color: #004894; text-decoration: underline;}
  a.external:hover { color: #0075C2;}

.guide .btn_print.company { position: static; margin-right: 3px; padding: .5em 11px!important;}

.h3_middle {
  padding: 7px 0 4px;
  border-bottom: 1px solid #b2c6e0;
}
  .h3_middle h3 {
    display: inline-block;
    padding: 0 0 0 5px;
    font-size: 14px;
    color: #004894;
    border-left: 2px solid #004894;
    line-height: 1.2;
  }

.all_imgSpace img { margin-bottom: 10px;}

p.semi { margin-bottom: 1em!important;}
p.last {
  margin-bottom: 1em!important;
  padding-bottom: .7em;
  border-bottom: 1px solid #b2c6e0;
}

.businessPhoto { min-height: 152px;}
  .businessPhoto img { width: 100%; height: auto;}


/*========================*/
/*        ロゴ系調節        */
/*========================*/
.logo_ohasuta { width: 230px!important; margin: 21px auto 11px!important;}
.jump_bn img { margin: 25px auto 36px!important;}
.logo_major2 { width: 150px!important; margin-bottom: 58px!important;}
.logo_saikisainan { width: 155px!important; margin-bottom: 52px!important;}
.logo_duelmastersking { width: 130px!important; margin-bottom: 42px!important;}
.logo_zonbiekun { width: 140px!important; margin-bottom: 53px!important;}
.logo_obakezukan { width: 145px!important; margin-bottom: 59px!important;}
.logo_doraemonJP { width: 212px!important; margin-top: 11px!important; margin-bottom: 51px!important;}
.logo_doraemonEN { width: 222px!important; margin-top: 50px!important;}
.logo_chiao { width: 140px!important; margin-top: 17px!important; margin-bottom: 8px!important;}
.logo_dorakids { width: 212px!important; margin-top: 24px!important; margin-bottom: 12px!important;}
.logo_kidspal { width: 110px!important; margin-top: 0!important; margin-bottom: 8px!important;}
.logo_mikiEnglish { width: 77px!important; margin-top: 0!important; margin-bottom: 5px!important;}
.logo_kidspalEl { width: 98px!important; margin-top: 0px!important; margin-bottom: 11px!important;}
.logo_chickipfes { width: 94px!important; margin-top: 0!important; margin-bottom: 0!important;}

.logo_shogakukanAcademy { width: 55px!important; margin-left: 2px!important;}
.logo_dakkoRoom { width: 35px!important; margin: 0!important; margin-bottom: 2px!important; margin-right: auto!important; margin-left: 5px!important;}
.logo_shoproMethod { width: 111px!important; margin-left: 14px!important;}

.logo_manabieith { width: 97px!important; margin-left: 14px!important;}

.logo_edoraku { max-width: 223px; margin-top: 4px!important; margin-bottom: 12px!important;}
.logo_artplaza { max-width: 150px; margin-top: -1px!important; margin-bottom: 9px!important;}
.logo_CODA { width: 225px!important; margin: 14px auto 14px!important;}
.logo_JAMRA { width: 230px!important; margin: 3px auto 10px!important;}
.logo_ABJ { width: 115px!important; margin: 12px auto 8px!important;}
.logo_CRIC { width: 244px!important;margin: 40px auto 22px!important;}
.logo_dakara { width: 82px!important; margin-top: 5px!important;}
.logo_JPO { width: 145px!important; margin: 20px auto 10px!important;}
.logo_ACCS { width: 160px!important; margin: 22px auto 10px!important;}

.logo_pokeGlobalAcademy { width: 472px!important; margin-top: 20px!important; margin-bottom: 10px!important; display: inline-block;}
.logo_pokeGlobalAcademyPica { width: 145px!important; margin-left: 55px!important; display: inline-block;}
.logo_shogakukanAcce { width: 405px!important; margin: 25px auto 27px !important;}

.logo_conancafe { width: 136px!important;}
.logo_conanclass { width: 234px!important; margin: 25px auto 11px!important;}


/*========================*/
/*     各ページ細部の設定     */
/*========================*/
.crossmedia > #content > .flexBox { width: 100%;}
.crossmedia .w2on3 { width: 59%; padding-bottom: 24px;}
.crossmedia .w1on3 { width: 38%;}
  .crossmedia .linkList { margin-top: 0!important;}
  .crossmedia .linkList li { padding: 5px 0 4px;}
  .crossmedia .linkList .btn_details { padding-left: 0!important;}
.crossmedia span.coB { font-size: 9px;}

.global .p06pxWrap + h2 { margin-top: 12px;}

.greeting p { font-size: 13px; margin-bottom: .8em;}
.representative { width: 177px!important; margin-left: 38px!important;}

.organization { width: 828px; margin-top: 12px;}

.linkList {
  margin-top: 7px!important;
  border-top: 1px solid #ccd9ea;
}
  .linkList li {
    padding: 1px 0 4px;
    border-bottom: 1px solid #ccd9ea;
  }
.linkBox { margin-bottom: 12px; line-height: 1;}
  .linkBox .btn_details { display: inline-block!important; margin-right: 2px!important;}

.license .tfScale_50L { margin-bottom: -9px;}

.minnions {
  background: url("../img/media_minions.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.minusTop_sing { margin-top: -27px;}
.PokemonTOP { width: 428px!important; margin: 0!important; margin-right: auto!important;}

.pokemon .flexBox { justify-content: flex-start;}
.pokemon .w1on2 { max-width: 250px; margin-right: 9px;}
.pokemon .w2on3 { max-width: 356px; margin-right: 9px;}
.pokemon .fb_spa4 .w1on3 { width: calc(100% / 2.7 - 4px);}

.anime .w1on1.border { min-height: 246px; margin-bottom: 0;}
.anime .w1on1 .tfScale_50L { margin-bottom: -.8em;}
.anime .w1on3 .btn_details { margin: 0 0 10px!important; padding: 0;}
.anime .border img { width: auto; max-height: 210px;}

.publishing a.w1on4, .publishing .w1on4 a { display: block; position: relative;}
.publishing a.w1on4:hover img,
.publishing a.w1on4:hover span,
.publishing .w1on4 a:hover { opacity: 1;}
.publishing a.w1on4::before,
.publishing .w1on4 a::before { position: absolute; content: ""; width: 104%; height: 102%; top: -4px; left: -4px; border: 4px solid #004085; transition: .7s ; opacity: 0;z-index: 50;}
.publishing .w1on4 a::before { width: 100%; height: 100%; top: 0; left: 0;}
.publishing a.w1on4:hover::before,
.publishing .w1on4 a:hover::before { opacity: 1;}
  .publishing .tfScale_70L { margin-bottom: -1.1em;}
  .publishing a .tfScale_70L { color: #000;}

.mailorder .tfScale_80L { margin-bottom: -.5em;}

.promote .w1on2, .promote .w1on4 { text-align: center;}
.promote .w1on4 { max-height: 170px; padding-bottom: 0;}
  .promote .w1on4 .tfScale_60L { margin-bottom: -4px;}
  .promote .tfScale_70L { margin-top: 3px;}
  .promote .tfScale_90L { margin-top: 3px;}
  .ishida-sui_credit { width: 100%; max-width: 23em; margin: 0.4vw 0 0!important;}


.anti_00 .wion2 { min-height: 100px; text-align: center;}
.anti_00 .btn_details { display: inline-block!important; width: 100%;}
.anti_01 { margin-bottom: 1.5rem;}
.anti_01 .border,.anti_02 .border { width: calc(100% / 2 - 3px); margin-bottom: 6px; padding: 5px 0 15px; text-align: center;}
.anti_01 .border { min-height: 99px;}
.anti_01 .link { margin-bottom: 40px;}
  .anti .border.w1on2 { margin-bottom: 22px;}
.anti_02 .border { min-height: 89px;}
  .anti .border.w1on3 { margin-bottom: 10px;}


#content.public01 { padding-bottom: 30px;}
/*.public01 .tfScale_60R { margin-top: 3px;}
.public01 .tfScale_70R.pub1ttl { display: inline-block;}*/
.public01side h3 { margin-left: -.5em;}
/*.public02 .p09px { padding-bottom: 5px;}
.public02 .border { margin-bottom: 2px;}
.public02 .kotei { height: 263px;}
.public02 .btn_details { display: inline-block!important;}*/

#content.public01 h2 { font-size: 15px;}
#content.public01 h3.bgBlue { padding: 2px 0 3px 6px; font-size: 11px; white-space: nowrap;}
#content.public01 .w1on3:nth-of-type(2) h3.bgBlue { letter-spacing: -0.7px;}
#content.public01 .bgBellipse { padding: 0 0 1px; font-size: 11px;}
#content.public01 .contract_facility { font-size: 10px;}
#content.public01 .contract_performance { margin-bottom: 10px!important; font-size: 10px;}
#content.public01 .contract_performance li { padding: 1px 0 4px 9px;}
#content.public01 .public_entrust .w2on5 { max-height: 350px;}


@media screen and (-webkit-min-device-pixel-ratio: 0) {/* safari */
  _::-webkit-full-page-media, _:future, :root #content.public01 .contract_facility {
    font-family:"Century Gothic", sans-serif;
  }
}
.public01 .tfScale_80L { margin-top: 3px;}
.public02 .p09px { padding-bottom: 5px;}
.public02 .border { margin-bottom: 2px;}
.public02 .kotei { height: 263px;}
.public02 .btn_details { display: inline-block!important;}

.flexBox.publisher { width: 100%; max-width: 635px; margin-bottom: .2em;}
.publisher .left { width: 50%;}
  .publisher .left img { padding: 2px 0;}
  .publisher .left img:last-of-type { padding: 2px 0 0;}
.publisher .right {
  justify-content: flex-end;
  width: 50%;
}
.publisher .right .w1on2 { width: calc(100% / 2 - 8px); margin-right: 8px;}
.publisher .right .w1on2:nth-of-type(2n) {margin-right: 0;}
.mailorder .flexBox.p06pxWrap { max-width: 530px;}

.doraemon .tfScale_70L { margin-bottom: -.7em;}

.intoWorkbook { flex-direction: column; align-content: flex-start; height: 269px;}
.intoWorkbook img { margin: 0!important;}
  .educationTxt_box { width: 100px;}
  .manabiPoint01_box { width: 170px;}
  .manabiPoint02_box { width: 194px; padding-left: 10px;}
  .manabiPoint03_box { width: 170px;}
  .educationBook01_box { width: 122px; margin-bottom: 10px;}
  .educationBook02_box { width: 198px; margin-left: -30px;}
  .classPhoto_box {width: 180px;}

  .educationTxt { width: 87px!important;}
  .manabiPoint01 { width: 162px!important;}
  .manabiPoint02 { width: 170px!important;}
  .manabiPoint03 { width: 170px!important;}
  .educationBook01 { width: 122px!important;}
  .educationBook02 { width: 198px!important;}
  .manabiClass { width: 163px!important;}

  .educationBook01_box .txt,
  .educationBook02_box .txt{ padding-left: 1.1em; margin-top: -.5em;}
  .classPhoto { width: 180px; min-height: 147px; border: 1px solid #005bac; font-size: 8px;}
  .classPhoto .ttl {
    padding: 2px 0;
    background: #005bac;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .classPhoto .contents { padding: 4px 7px 9px; font-size: 8px;}

.chilEducation .border { margin-bottom: 2px;}
  .chilEducation .w1on3 { height: auto;}
  .chilEducation .img01 { width: calc(33% - 3px);}
  .chilEducation .img02 { width: calc(33.8% - 3px);}
  .chilEducation .img03 { width: calc(32.1% - 3px);}
  .chilEducation .img04 { width: calc(31.8% - 3px);}
  .chilEducation .img05 { width: calc(68% - 3px);}

.iconLeftTop {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 7px 5px 10px;
  background: #fff;
  border-radius: 0 0 15px 0;
}
  .noicon { margin-top: 39px!important;}
  .collaboration { width: 190px!important; margin-top: 4px!important; margin-bottom: 4px!important;}
.chilEducation .shoproM_left { width: 29.4%;}
.chilEducation .shoproM_center { width: 33.4%;}
.chilEducation .shoproM_right { width: 35.4%;}

.new_business .w2on3 {}
  .new_business .kotei .w1on3 { display: flex; flex-flow: column; justify-content: center;}
  .new_business .kotei .w2on3 { display: flex; justify-content: space-between; flex-wrap: wrap; width: 425px;}
    .new_business .w2on3 img { width: 48%;}
    .new_business .w2on3 img:first-of-type, .new_business .w2on3 img:nth-of-type(2) { margin-bottom: 3px;}
  .new_business .tfScale_70L { margin-bottom: -4em; margin-left: 50px;}
  .new_business .logo_shoproMethod { width: 96px!important; margin: 0 auto!important;}
  .new_business .border { margin-bottom: 0; padding: 9px;}
    .new_business .border p { padding-bottom: 3px; font-size: 10px; line-height: 1.3;}
    .new_plan .border {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: min(22vw, 192px);
    }
      .new_plan .w1on3:nth-of-type(1) img { }
      .new_plan .w1on3:nth-of-type(2) img { }
  .new_business .box01 { width: 320px;}
  .new_business .box02 { width: calc(100% - 320px);}
  .new_plan { position: relative; margin-bottom: 40px;}
  .other_txt { position: absolute; left: 0; bottom: -.2em; font-size: 15px;}
    @media screen and (max-width:739px){.new_plan .border { height: 23.5vw;}.other_txt { bottom: -1vw;}}
    @media screen and (max-width:720px){.new_plan .border { height: 24vw;}}
    @media screen and (max-width:674px){.new_plan .border { height: 25vw;}}
    @media screen and (max-width:649px){.new_plan .border { height: 27.5vw;}}
    @media screen and (max-width:620px){.new_plan .border { height: 29vw;}}
    @media screen and (max-width:562px){.new_plan .border { height: 33vw;}}
    @media screen and (max-width:557px){.new_plan .border { height: 35vw;}.other_txt { font-size: 13px;}}

.digital_business .btn_details { width: auto;}
.digital_business .w3on4 { margin-bottom: 0;}
.digital_business .w1on2 { width: calc(90% / 2);margin-bottom: 0;}
.digital_business .w1on3 > .border { padding-bottom: 0;}
.digital_business .w1on3 > .border .btn_details{ text-align: center;}
.digital_business .tfScale_60L { margin-bottom: -10px;}
.digital_business .flexBox h2 { font-size: 13px!important;}

.eduCon_shikou { width: 230px!important; margin-top: 30px!important;}
.eduCon_sheet { width: 301px!important; margin-top: 13px!important; margin-bottom: 5px!important;}
.eduCon_tool { width: 295px!important; margin-top: 38px!important; margin-bottom: 15px!important;}
.eduCon_nazotoki { width: 295px!important; margin-top: 3px!important;}
.contentTxt { font-size: 10px;}
.contentTxt.developbook { display: block; padding: 1.3em 0 1.2em;}
.contentTxt.thinkingtool { display: block; padding: 0 0 1.2em;}

.conan_department {}
.conan_img { margin-top: -3px!important;}
  .aboutcafe { padding: 9px 0 0;}
    .aboutcafe .w01 { width: 330px;}
    .aboutcafe .w02 { width: 161px; display: flex; align-items: center;}
    .aboutcafe .w03 { width: 250px;}
  .conan_department .linkList .btn_details { padding: 0;}
  .conan_department .w1on3.p00.w03 { width: 14em}

.correspondence.conan_game { margin-bottom: 2rem; padding-bottom: 4px!important;}
  .correspondence.conan_game .w3on4 { width: 76.2%;}
  .correspondence.conan_game .w1on4 { width: 22.3%;}
    .correspondence.conan_game img { /*width: 145px;*/ margin: 0 0 4px;}
.correspondence.conan_textbook { margin-bottom: 2rem;}
  .correspondence.conan_textbook .w1on3 { display: flex; align-items: center; position: relative; width: 29%;}
    .correspondence.conan_textbook .w1on3 .tfScale_60L { position: absolute; bottom: 0;}
  .correspondence.conan_textbook .w2on3 { width: 69%;}
    .correspondence.conan_textbook .w1on4 img { margin-bottom: 4px; border: 1px solid #c0c0c0;}

.public02 .photo01 { max-width: 200px; margin-bottom: 14px;}
.public02 .photo02 { max-width: 200px; margin-bottom: 12px;}

.kids .p04pxWrap .w1on4 { padding: 4px;}
.kids .suportbox { max-width: 546px; padding: 12px;}
.kids .suportbox img { width: auto; max-height: 120px;}

.markething .w1on3 { display: flex; flex-flow: column; justify-content: space-between;}



/*++++++++++++++++++++++++++++++++++++*/
/*               FOOTER               */
/*++++++++++++++++++++++++++++++++++++*/
footer {
  width: 100%;
  color: #fff;
  padding: 20px 0 53px;
  box-sizing: border-box;
}
  #wrap_footer .mark {
    display: inline-block;
    float: left;
    padding-left: 7px;
    font-family: 'M PLUS 1p', sans-serif;
    color: #fff;
  }
    #wrap_footer .mark .jp {
      margin-bottom: .3em;
      font-size: 16px;
      font-weight: 400;
    }
    #wrap_footer .mark .jp span {
      display: inline-block;
      padding-left: 1em;
      font-weight: 500;
    }
    #wrap_footer .mark .en { opacity: 0; font-size: 13px; font-weight: 500;}

.right { float: right; box-sizing: border-box;}

  .footer { margin-bottom: 12px;}
  .footer ul { text-align: right;}
    .footer ul li {
      display: inline-block;
      padding-left: 1em;
    }
    .footer ul li:first-of-type { padding-left: 0;}
    .footer ul li a {
      position: relative;
      padding: 0 0 0 1.1em;
      font-size: 11px;
      color: #fff;
      vertical-align: middle;
      text-decoration: none;
    }
    .footer ul li a::before {
      position: absolute;
      content: "";
      display: inline-block;
      top: 0;
      bottom: -2px;
      left: 0;
      margin: auto;
      padding: 0 4px 0 0;
      width: 10px;
      height: 10px;
      background: url(../img/icon_header08.png) no-repeat;
      background-size: contain;
      vertical-align: middle;
    }
    /*.footer ul li a::before {
      padding: 0 4px 0 0;
      content: "\f138";
      font-weight: bold;
      font-family: "Font Awesome 5 Free";
      color: #fff;
    }*/
    .footer ul li a:hover { text-decoration: underline;}
    /*.footer ul li a::before,
    .footer ul li a::after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      content: "";
      vertical-align: middle;
    }
    .footer ul li a::before{
      width: 12px;
      height: 12px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #fff;
    }
    .footer ul li a::after{
      left: 2px;
      width: 6px;
      height: 6px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }*/

    .copywrite {
      font-size: .8em;
      text-align: right;
    }



/* Chrome オンリー */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tfScale_40L,.tfScale_40C,.tfScale_40R,
.tfScale_45L,.tfScale_45C,.tfScale_45R,
.tfScale_50L,.tfScale_50C,.tfScale_50R,
.tfScale_60L,.tfScale_60C,.tfScale_60R,
.tfScale_70L,.tfScale_70C,.tfScale_70R,
.tfScale_80L,.tfScale_80C,.tfScale_80R,
.tfScale_90L,.tfScale_90C,.tfScale_90R { display: block; font-size: 10px;}

  .tfScale_40L,.tfScale_40C { width: 200%;}
  .tfScale_40L { transform: scale(0.4); transform-origin: left top;}
  .tfScale_40C { transform: scale(0.4); transform-origin: center top;}
  .tfScale_40R { transform: scale(0.4); transform-origin: right top;}

  .tfScale_45L,.tfScale_45C { width: 225%;}
  .tfScale_45L { transform: scale(0.45); transform-origin: left top;}
  .tfScale_45C { transform: scale(0.45); transform-origin: center top;}
  .tfScale_45R { transform: scale(0.45); transform-origin: right top;}

  .tfScale_50L,.tfScale_50C { width: 145%;}
  .tfScale_50L { transform: scale(0.7); transform-origin: left top;}
  .tfScale_50C { transform: scale(0.7); transform-origin: center top;}
  .tfScale_50R { transform: scale(0.7); transform-origin: right top;}

  .tfScale_60L,.tfScale_60C { width: 145%; width: 160%;}
  .tfScale_60L { transform: scale(0.6); transform-origin: left top;}
  .tfScale_60C { transform: scale(0.6); transform-origin: center top;}
  .tfScale_60R { transform: scale(0.6); transform-origin: right top;}

  .tfScale_70L,.tfScale_70C { width: 145%;}
  .tfScale_70L { transform: scale(0.7); transform-origin: left top;}
  .tfScale_70C { transform: scale(0.7); transform-origin: center top;}
  .tfScale_70R { transform: scale(0.7); transform-origin: right top;}

  .tfScale_80L,.tfScale_80C,.tfScale_80R { width: 125%;}
  .tfScale_80L { transform: scale(0.8); transform-origin: left top;}
  .tfScale_80C { transform: scale(0.8); transform-origin: center top;}
  .tfScale_80R { transform: scale(0.8); transform-origin: right centopter;}
  
  .tfScale_90L,.tfScale_90C,.tfScale_90R { width: 120%;}
  .tfScale_90L { transform: scale(0.9); transform-origin: left top;}
  .tfScale_90C { transform: scale(0.9); transform-origin: center top;}
  .tfScale_90R { transform: scale(0.9); transform-origin: right top;}

.external_link { margin: 2px auto 0; font-size: 10px; transform: scale(0.9); transform-origin: center center;}
.external_link.left { transform-origin: left center;}


.education_nazoBox { position: relative; padding-bottom: 0!important;}
  .education_nazoBox .tfScale_60L { position: absolute; bottom: 3px;}

  /*.breadcrumb { display: block; width: 120%; font-size: 10px; transform: scale(0.8); transform-origin: left center; background: red;}*/

}



@media screen and (max-width:980px){
/*++++++++++++++++++++++++++++++++++++*/
/*                BASE                */
/*++++++++++++++++++++++++++++++++++++*/
/*width size*/
#wrap_header,
#wrap_footer,
#clumn1_main,
#clumn2_main { width: 95%;}
  
#clumn1_main { margin: 0 auto; padding: 1rem 3% 2.5rem 3%;}
#clumn2_main { margin: 0 auto; padding: 1rem 1.5% 2.5rem 3%;}

header,
footer { min-width: 100%;}

#content { width: 70%; padding: 0 18px 0 0;}
#side { width: 30%;}

.onlyPC { display: none;}
.onlyTab { display: inline-block;}


/*++++++++++++++++++++++++++++++++++++*/
/*              HEADDING              */
/*++++++++++++++++++++++++++++++++++++*/
h1 { margin: 10px 13px 9px 5.5%;}


/*++++++++++++++++++++++++++++++++++++*/
/*               HEADER               */
/*++++++++++++++++++++++++++++++++++++*/
.logo { float: left; width: 50%;}
.topNav { width: 49%;}
.topNav .menu { display: block; text-align: right;}
  .topNav .menu li { display: inline-block;}
    .topNav .menu li a { margin-right: 20px;}
    .topNav .menu li:last-of-type a { margin-right: 0;}


/*++++++++++++++++++++++++++++++++++++*/
/*             NAVIGATION             */
/*++++++++++++++++++++++++++++++++++++*/
.navTitle_into { width: 100%;}
.topNav { float: left;} 
.dropdown-btn, .main > ul li a { font-size: 10px;}


/*++++++++++++++++++++++++++++++++++++*/
/*            BREAD CLUMB             */
/*++++++++++++++++++++++++++++++++++++*/
.breadcrumb { width: 100%; padding: 0 0 0 5.5%!important;}

.pageTitleBlock { width: 100%; padding-right: 107px;}


/*++++++++++++++++++++++++++++++++++++*/
/*               BUTTON               */
/*++++++++++++++++++++++++++++++++++++*/
.btn_print { right: 4.5%;}

.btn_yudo { display: inline-block;}


/*++++++++++++++++++++++++++++++++++++*/
/*              CONTENTS              */
/*++++++++++++++++++++++++++++++++++++*/


/*========================*/
/*        flex box     　 *//*フレックス*/
/*========================*/
.w42p { width: 40%;}
.global.fb_spa9 .w1on3 { width: calc(100% / 3 - 4px);}

.logo_ohasuta { width: 48%!important; margin-bottom: 1rem!important;}
.logo_major2 { width: 90%!important; margin-bottom: 2.5rem!important;}
.logo_saikisainan { width: 90%!important; margin-bottom: 2rem!important;}
.logo_duelmastersking { width: 80%!important; margin-bottom: .5rem!important;}
.logo_zonbiekun { width: 90%!important; margin-bottom: 1.5rem!important;}
.logo_obakezukan { width: 90%!important; margin-bottom: 2rem!important;}
.logo_doraemonJP { width: 90%!important; margin-top: 2em!important;}
.logo_doraemonEN { width: 90%!important; margin-top: 4em!important;}
.logo_CODA { width: 85%!important;}
.logo_JAMRA { width: 85%!important;}
.logo_manabieith { width: 87%!important; margin-left: 0!important;}


/*========================*/
/*     各ページ細部の設定     */
/*========================*/
.organization { width: 100%;}
.representative { width: 86%!important; margin-left: 2em!important;}
.guide.history > li:first-of-type { padding: 0 0 11px;}

.anime .w1on1.border { min-height: 28.5vw;}

.intoWorkbook { height: 234px;}
.educationTxt_box { width: 13%;}
.manabiPoint01_box { width: 26.5%;}
.manabiPoint02_box { width: 30%;}
.manabiPoint03_box { width: 28%;}
.manabiPoint01,
.manabiPoint02,
.manabiPoint03,
.educationBook01{ width: 100%!important;}
.educationBook01_box { width: 21%; margin-left: 1em;}
.educationBook02_box { width: 31%; margin-left: 0;}

.businessPhoto { min-height: 129px;}
.contract_resultsR { padding-left: 1rem;}

.aboutcafe .w01 { width: calc(63% - 5px);}
.aboutcafe .w02 { width: calc(37% - 5px);}


/*++++++++++++++++++++++++++++++++++++*/
/*               FOOTER               */
/*++++++++++++++++++++++++++++++++++++*/
#wrap_footer .mark {
  float: left;
  margin-bottom: 2em;
}
footer .right { float: right;}

.footer { margin-bottom: 1.5em;}
.footer ul li a {
  font-size: 1em;
} 


}


@media screen and (max-width:480px){
/*++++++++++++++++++++++++++++++++++++*/
/*                BASE                */
/*++++++++++++++++++++++++++++++++++++*/
#wrap_header,
#wrap_footer,
#clumn1_main,
#clumn2_main,
#content,
#side { width: 100%;}

#wrap_header { padding: 1.1em 0 .5em;}

#container {
  background: #fff;
}
#content {padding: 0;}
#side {
  padding: .9em .7em;
  font-size: 1em; 
}#side p { font-size: 11px;}

footer { padding: 1.5em 0 2em;}

.onlyPC { display: none;}
.onlyTab { display: none;}
.onlySmp { display: inline-block;}


/*++++++++++++++++++++++++++++++++++++*/
/*               HEADER               */
/*++++++++++++++++++++++++++++++++++++*/
header { box-shadow: none; z-index: 10;}
.logo {
  display: block;
  width: 100%;
  padding-bottom: .8em;
  border-bottom: 2px solid #c0c0c0;
}
  .logo img { width: 88%; margin: 0 auto;}

.logo > div {
  margin-left: .5em;
  padding: 0;
  font-size: 80%;
}
.logo > div:first-of-type {
  margin-bottom: .3em;
  border-right: none;
  border-bottom: 2px solid #004894;
}
.topNav { float: none; width: 100%;}
  .topNav .menu { display: table; text-align: center; margin: 0 auto; padding: 0;}
  .topNav .menu li a { margin-right: 1em; padding: 0 0 0 1.6em; font-size: .6em;}
    .topNav .menu li a::before { bottom: -.15em; width: 1.3em; height: 1.3em;}

.js-dropdown { padding: 0.5em 1.1rem 0.5em 1.5em;}
.print_icon::after { right: 0.2rem;}


/*++++++++++++++++++++++++++++++++++++*/
/*              HEADDING              */
/*++++++++++++++++++++++++++++++++++++*/
h1 {
  display: block;
  margin: 0;
  padding: .5em .5em .4em 8.5%;
  border-bottom: 1px solid #ccd9ea;
  font-size: .9em;
  text-align: left;
}
  h1::before {
    width: 5px;
    height: 65%;
    top: 0;
    bottom: 0;
    left: 5%;
    margin: auto;
  }
h2 {
  font-size: .7em;
  border-left: 2px solid #004894;
}
h2.index { font-size: 14px; white-space: nowrap;}
.h3_middle h3 { font-size: 13px;}


/*++++++++++++++++++++++++++++++++++++*/
/*             NAVIGATION             */
/*++++++++++++++++++++++++++++++++++++*/
.navTitle,
nav.main { display: none;}

nav#smpMain {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  background: #fff;
}

.accordionBox {
  width: 49.5%;
}
.accordion-item {
  background: #004894;
  z-index: 100001;
}
.right .accordion-item {
  background: #0075C2;
}
.accordion-item p {
  position: relative;
  cursor: pointer;
  padding: 1.6em 0;
  font-size: .8em;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  transition: ease-in-out 100ms;
}

.accordion-text {
  display: none;
  position: absolute;
  width: 100%;
  padding: 0;
  background: #fff;
  border-top: 3px solid #ccd9ea;
  border-bottom: 3px solid #ccd9ea;
  font-size: 14px;
  box-shadow: 0px 8px 6px -5px rgba(0,0,0,0.6);
  z-index: 100000;
}
.right .accordion-text { right: 0;}

  .first {}
  .first > li {}
  
  .first > li span,
  .first > li a {
    display: block;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
.first > li a {
  position: relative;
  padding: .8em 1em .8em 2.5em;
  vertical-align: middle;
  text-decoration: none;
}
.first > li a::before{
  position: absolute;
  content: "";
    top: 0;
    bottom: 0;
    left: 1.5em;
    margin: auto;
    vertical-align: middle;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-left: 6px solid #fff;
}
  .first > li span {
    display: block;
    padding: .3em 1em;
    font-size: 15px;
    font-weight: bold;
    background: rgb(255,255,255,0.3);
  }

  .navyBG { background: #004894;}
  .paleblueBG { background: #0075C2;}
  .greenBG { background: #529E35;}
  .purpleBG { background: #693E82;}
  .purpleRedBG { background: #8A3474;}

 .accordion-header .fa{
   position: absolute;
   right: .5em;
   top: 40%;
   transition: ease-in-out 300ms;
   opacity: 0;
 }
 .accordion-header .rotate-fa{
   opacity: 1;
   transform: rotate(180deg);
  }

 .accordion-gold{ color: #ddba4d;}
 .accordion-no-bar{ border-bottom: 0;}

#hamburgerL,
#hamburgerR {
  display: block;
  display:none;
  position: relative;
  top: 0;
  width: 100%;
  overflow: hidden;
}
#hamburgerL { float: left; left: 0;}
#hamburgerR { float: right; right: 0;}
#hamburgerL.opne,
#hamburgerR.opne { z-index: 10000;}


/*========================*/
/*      .toggle_btn       */
/*========================*/
.toggle_btn {
  pointer-events: auto;
  display: inline-block;
  position: relative;
  top: 0;
  
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
  background: #004894;
  border-right: 2px solid #fff;
  color: #999;
  text-align: center;
  transition: 0s ease-in-out;
}

  .toggle_btn span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 26px;
    height: 2px;
    margin: auto;
    background-color: #fff;
    border-radius: 4px;
    transition: all .5s;
    opacity: 0;
  }
  .toggle_btn span:nth-child(1) { top: 15px;}
  .toggle_btn span:nth-child(2) { top: 21px;}
  .toggle_btn span:nth-child(3) { top: 27px;}
  .toggle_btn span:nth-child(4) {
    position: relative;
    width: 24px;
    height: 10px;
    top: 36px;
    background-color: transparent;
  }
  .toggle_btn span:nth-child(5) {
    position: static;
    width: 100%;
    height: auto;
    padding-bottom: 1.1em;
    font-size: .7em;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    background-color: transparent;
    opacity: 1;
  }
  .toggle_btn span:nth-child(4)::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 35px;
    background: url(../img/menu.png) no-repeat;
    background-size: contain;
  }
  .open .toggle_btn {
    float: right;
    border: none;
    width: 30px;
    margin-right: 5px;
    background-color: transparent;
  }
  .toggle_btn.right {
    background: #00b0ec;
    border-right: none;
    border-let: 2px solid #fff;
  }

  #hamburgerL .open .toggle_btn span,
  #hamburgerR .open .toggle_btn span {
    opacity: 1;
    z-index: 999999;
  }
  .open .toggle_btn span:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(-315deg);
    transform: translateY(10px) rotate(-315deg);
  }
  .open .toggle_btn span:nth-child(2) {
    opacity: 0;
  }
  .open .toggle_btn span:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(315deg);
    transform: translateY(-10px) rotate(315deg);
    top: 35px;
  }
  .open .toggle_btn span:nth-child(4) { width: 28px; top: 42px; background: transparent;}
  .open .toggle_btn span:nth-child(4)::before { background: url(../img/closed.png) no-repeat; background-size: contain;}
  .open .toggle_btn span:nth-child(5) { display: none;}

/*========================*/
/*          nav           */
/*========================*/
div.smp {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  bottom: 0;
  width: 300px;
  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  opacity: 0;
}
.open div.smp {
  left: 0;
  opacity: 1;
  z-index: 1000000;
}
div.smp .inner {
  padding: 25px;
}
div.smp .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.smp .inner ul li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #333;
}
div.smp .inner ul li a {
  display: block;
  color: #333;
  font-size: 14px;
  padding: 1em;
  text-decoration: none;
  transition-duration: 0.2s;
}
div.smp .inner ul li a:hover {
  background: #e4e4e4;
}
@media screen and (max-width: 767px) {
  div.smp {
    left: -100%;
    width: 85%;
  }
}

/*========================*/
/*         #mask          */
/*========================*/
.mask {
  display: none;
  transition: all .5s;
}
.open .mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 999998;
  cursor: pointer;
}


/*++++++++++++++++++++++++++++++++++++*/
/*            BREAD CLUMB             */
/*++++++++++++++++++++++++++++++++++++*/
.wrap_bread {
  font-size: 70%;
  overflow: auto;
}
.breadcrumb { width: 100%; height: auto; padding: 0 0 0 5%!important;}
.breadcrumb li { font-size: 8px; white-space: nowrap;}
.breadcrumb li::after { width: 6px; height: 6px;}


/*++++++++++++++++++++++++++++++++++++*/
/*               BUTTON               */
/*++++++++++++++++++++++++++++++++++++*/
.btn_print {
  position: static;
  height: auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9px;
  color: #004085;
  font-weight: 500;
  border: none;
}
  .btn_print i:first-of-type { display: inline-block;}
  .btn_print i:nth-of-type(2) { display: none;}

.btn_print.company { padding: 0 .5em .9em!important; border: none; background: #fff;}
  .guide .btn_print.company { width: 100%; border: 1px solid #4d79b7; background: #e5eef8;}
  .guide .btn_print.company:first-of-type { margin-bottom: .8em;}
  
.btn_details { padding: 0; font-size: 9px;}

.btn_yudo { display: block;}


/*++++++++++++++++++++++++++++++++++++*/
/*              CONTENTS              */
/*++++++++++++++++++++++++++++++++++++*/
#clumn1_main {
  height: auto;
  padding: 1em 5%;
}
#clumn2_main {
  display: block;
  padding: 1em 5%;
}

.w75p.greeting { width: 100%;}

.pageTitleBlock { padding-right: 0; text-align: center;}

.index_band { font-size: 12px; width: 50%;}

.guide.overview > li h3 { width: 7em;}
.guide.overview > li .content { width:calc(100% - 7em);}
.access .guide.overview > li h3 { width: 5.5em;}
.access .guide > li .content { width:calc(100% - 5.5em);}
.guide.history > li { flex-direction: column;}
.guide.history > li:first-of-type { padding-top: 0;}
  .guide.history > li h3 { width: 100%; padding: .3em 0; font-size: 1.2em;}
  .guide.history > li .content { width: 100%; padding: 1em 0 .5em 1.5em;}

.historyBlock {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: .5em auto 0;
  padding: 0 5% .5em;
  border-bottom: 1px solid #ccd9ea;
}
  .btn_history { width: 31%;}


/*========================*/
/*        flex box     　 *//*フレックス*/
/*========================*/
.flexBox { }
  .fb_spa4 .w1on5 { width: calc(33% - 4px);}
  .fb_spa7 .w1on3 { width: calc(33% - 4px);}

  .w3,.w5 { width: calc(50% - 10px);}

  .w70p,
  .w30p,
  .w25p,
  .w36p,
  .w40p,
  .w42p,
  .w50p,
  .w55p,
  .w58p,
  .w62p { width: 100%;}

  .fb_spa7 .w1on4 { width: calc(50% - 4px);}

  .crossmedia > #content > .flexBox { width: 100%;}
  .crossmedia .flexBox .border { align-items: flex-start;}/*上揃え*/
  .crossmedia .flexBox > div { width: 100%;}
  .crossmedia .w1on3 { margin-bottom: 1rem;}
  .crossmedia .w2on3 { padding-bottom: .5rem;}

.logo_ohasuta { width: 60%!important; margin: .5rem auto .5rem!important;}

.logo_major2,
.logo_saikisainan,
.logo_zonbiekun,
.logo_obakezukan,
.logo_CODA,
.logo_JAMRA,
.logo_CRIC,
.logo_kidspal,
.logo_kidspalEl  { width: 90%!important; margin: 1em auto!important;}

.logo_duelmastersking,
.logo_JPO,
.logo_ACCS,
.logo_mikiEnglish { width: 70%!important; margin: .5em auto!important;}
.logo_dakara,
.logo_dorakids { width: 50%!important; margin: 0 auto 2em!important;}

.logo_doraemonJP, .logo_doraemonEN { display: inline-block; width: 45%!important; margin: 1em 0!important;}
  .logo_doraemonJP { margin-right: 1%;}
  .logo_doraemonEN { margin-top: 1em!important;}
.logo_manabieith { width: 30%!important; margin: .5em auto 1em!important;}
  .logo_edoraku,
  .logo_artplaza { margin-bottom: 0!important;}
.logo_pokeGlobalAcademy { width: 100%!important; margin: 0 0!important;}
.logo_pokeGlobalAcademyPica { width: 35%!important; margin: 1rem 0 0 2em!important;}

.logo_conancafe { width: 100%!important;}
.logo_conanclass { width: 58%!important; margin: 5px auto 14px!important;}


/*========================*/
/*     各ページ細部の設定     */
/*========================*/
.representative {
  width: 50%!important;
  margin: 1.5rem auto 0!important;
}

.access .btn_details { margin: 0 0 0 .8em;}

.global .flexBox { align-items: stretch;}
  .global .flexBox .flexBox { display: block;}
  .global .flexBox .flexBox .ml08 {margin-left: 0; margin-top: 1em;}
  .minusTop_sing { margin-top: 0;}
  .minnions .w40p {height: 70px;}
  .crossmedia {}
.anime .w1on1.border { min-height: 45.5vw;/**/ padding: 4px 4px 0 4px;}
  .anime .w1on1 .tfScale_50L { margin-bottom: -1.8em;}
.doraemon .w36p { text-align: center;}
.Pokemon .p09pxWrap .border { padding: 4px;}
  .Pokemon .w2on3,
  .Pokemon .w1on3.p00 { width: 100%;}
.promote .w1on4 { width: calc(50% - 4px);}
  .promote .w1on4 .tfScale_60L { margin-bottom: -4px;}
.publisher .left { width: 40%;} 
.publisher .right { width: 58%;}
.publisher .right .w1on3 { width: calc(50% - 5px); margin-right: 5px;}
.anti_02 .border { padding: 1em 0 3em;}
  .kids .mb20px { margin-bottom: 2em!important;}
  .kids .fleai { align-items: stretch;}
  .kids .flexBox .w1on3 { display: flex; flex-wrap: wrap; align-items: flex-end;}

.correspondence .w1on1:first-of-type { flex-direction: column;}
.correspondence .w1on5, .correspondence .w4on5 { width: 100%;}
.intoWorkbook { flex-direction: row; height: auto;}
.intoWorkbook img { margin: 0 auto!important;}
.educationTxt_box { width: 50%; margin-bottom: 2em;}
.educationTxt { width: 80%!important;}
  .manabiPoint01_box,
  .manabiPoint02_box,
  .manabiPoint03_box,
  .educationBook01_box,
  .educationBook02_box,
  .educationBook03_box { width: 100%!important; margin-left: 0;}
  .manabiPoint01 { width: 90%!important; margin-left: auto!important;}
  .manabiPoint02 { width: 98%!important;}
  .manabiPoint03 { width: 95%!important;}
  .educationBook01 { width: 80%!important;}
  .educationBook02 { width: 100%!important;}
  .intoWorkbook .w1on4 {width: 100%;}
.classPhoto { width: 100%; min-height: auto; margin: 0 auto;}
.manabiClass { width: 100%!important;}

  .chilEducation .w1on10, .chilEducation .w9on10 { width: 100%;}
.iconLeftTop { position: static; padding: 0 0 0 1em; background: none;}
  .chilEducation .flexBox.fb_spa4 .w1on3 { display: flex; flex-wrap: wrap; align-items: flex-end;} 
  .chilEducation .flexBox.fb_spa4 .w1on3 img,
  .chilEducation .flexBox.fb_spa4 .w1on3 span { display: block; width: 100%;}

  .contract_resultsR { padding-left: 0; margin-top: 1em; width: 80%!important;}
  .public_entrust .contract_resultsR { width: 100% !important;}
  .public01 .w1on3 { width: 100%;}
  .public_entrust .w3on5 { width: 100%;}

  .public_entrust .contract_resultsR .w1on3 { width: 28%;}
  .public_entrust .contract_resultsR .w2on3 { width: 65%;}
  .public_entrust .contract_resultsR .w1on1 { margin-bottom: 1rem;}

  .public02 > .flexBox { align-items: stretch; }
    .public02 .kotei { height: auto;}
    .public02 > .flexBox > .w1on2 { margin-bottom: 1em;} /*ブロック下スペース*/
    .public02 .flexAi > .w1on2 { width: 100%; height: auto;}
    .public02 .p09px { padding-bottom: 9px;}
    .public02 .flexAi div { align-items: center;}
    .public02 .wid47p { width: 100%; margin-bottom: 1.5em;}
    .public02 .wid21p { width: 40%;}
    .public02 .wid29p { width: 57%;}
    .public02 .btn_details { margin-bottom: 1em!important;}
    .public02 .photo01 { margin-top: 20px; margin-bottom: 1px;}
    .public02 .photo02 { margin-bottom: 0px;}

  .new_business .w1on1 { padding: 9px;}
  .new_business .flexBox.fleai .w1on3,
  .new_business .flexBox.fleai .w2on3 { width: 100%; padding-left: 0;}
  .new_plan .border { height: 43vw;}
  .new_business .box01 { width: 100%;}
  .new_business .box02 { width: 100%;}
  .other_txt { bottom: -5vw !important;}
  .poke-global_class { width: 100%!important; margin-right: auto!important; margin-left: 0!important;}

  .digital_business .w3on4 { width: 100%;}

  .anime .w1on3 { width: calc(33% - 4px); padding: 0;}
  
  .conan_department .w1on3 { padding: 5px;}
  .conan_department .border { margin-bottom: 0;}
  .conan_department .conan_plaza { width: 50%;}
  .conan_department .conan_plaza .p09px { padding: 4px;}
  .aboutcafe { width: 100%;}
  .aboutcafe .w01,aboutcafe .w02 { padding: 4px;}
  .aboutcafe .w01 { width: calc(60% - 4px);}
  .aboutcafe .w02 { width: calc(40% - 4px);}
  .aboutcafe .linkList { margin-bottom: 1.5rem!important;}

  .correspondence.conan_game, .correspondence.conan_textbook { margin-bottom: 1rem; padding: 6px;}
    .correspondence.conan_game .w3on4,
    .correspondence.conan_game .w1on4 { width: 100%;}
    .correspondence.conan_game .w1on4 > .w1on1 { width: 32.5%;}
  .correspondence.conan_game .w1on4 { display: flex; justify-content: space-between;}
  
  .correspondence.conan_textbook .w1on3 { width: 100%;}
  .correspondence.conan_textbook .w2on3 { width: 100%;}

.linkBox .btn_details { display: block!important; margin-right: 0!important; margin-bottom: 1.5em!important;}

#footer { position: static;}
  
#wrap_footer {}
#wrap_footer .mark .jp {
  font-size: 1em;
}

#wrap_footer .mark,
footer .right { float: none;}
#wrap_footer .mark .jp span {
  padding-left: 0;
  font-size: .8em;
  }
#wrap_footer .mark {display: block; margin-bottom: 1.5em; text-align: center;}
#wrap_footer .mark .en {
  font-size: .7em;
}
.footer {  width: 95%; margin: 0 auto; font-size: 90%;}
  .footer ul { margin-bottom: 1rem; text-align: center;}
  .footer ul li {
    padding: 0 .5em .3em 0;
  }
  .footer ul li:first-of-type {padding: 0 .5em .3em 0;}
  .footer ul li:last-of-type {padding: 0 0 .3em 0;}

  .footer ul li a { padding-left: 1.5em; font-size: .5em;}
  .footer ul li a::before,
  .footer ul li a::after { right: 100%;}
  .footer ul li a::before {
    width: 1em;
    height: 1em;
  }
  .footer ul li a::after { right: 2px;}
  .copywrite {
    font-size: 8px;
    text-align: center;
  }


}