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

.ariaLabelStyle {
  transform: scale(0, 0);
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[aria-hidden="true"] { speak: none!important;}.doraemon_facility

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,
.btn_print:hover{
  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;}
.mb20p { margin-bottom: 20px;}

.mtm2px { margin-top: -2px!important;}
.mt2px { margin-top: 2px!important;}
.mt4px { margin-top: 4px!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;}
.mb28px { margin-bottom: 28px!important;}
.mb30px { margin-bottom: 30px!important;}
.mb32px { margin-bottom: 32px!important;}
.mb40px { margin-bottom: 40px!important;}
.mbM1em { margin-bottom: -1em!important;}
.mAuto { margin: 0 auto;}

.p00 { padding: 0!important;}

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

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

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

.pb00 { padding-bottom: 0;}
.pb04px { padding-bottom: 4px;}
.pb05px { padding-bottom: 5px;}
.pb10px { padding-bottom: 10px;}
.pb26px { padding-bottom: 26px;}
.pb30px { padding-bottom: 30px;}
.pb40px { padding-bottom: 40px;}

.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: 73%;}
.w80p { width: 80%;}
.w90p { width: 90%;}
.w100p { width: 100%;}

.fs6px { font-size: 0.375rem; font-size: 6px;}
.fs10px { font-size: 0.625rem; font-size: 10px;}
.fs11px { font-size: 0.6875rem; font-size: 11px;}
.fs12px { font-size: 0.75rem; font-size: 12px;}
.fs13px { font-size: 0.8125rem; font-size: 13px;}
.fs14px { font-size: 0.875rem; font-size: 14px;}
.fs15px { font-size: 1.125rem; font-size: 15px;}
.fs16px { font-size: 1.125rem; font-size: 16px;}
.fs17px { font-size: 1.125rem; font-size: 17px;}
.fs18px { font-size: 1.125rem; font-size: 18px;}
.fs20px { font-size: 1.25rem; font-size: 20px;}

.coB { color:#003E8D;}
.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;}
.tume005em { letter-spacing: -.05em;}
.tume007em { letter-spacing: -.07em;}
.tume01em { letter-spacing: -.1em;}

.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; font-size: 0.5rem; font-size: 10px;}
.tfScale_45L,
.tfScale_45C,
.tfScale_45R { font-size: 4.5px; font-size: 0.5rem; font-size: 10px; margin-bottom: -3px;}
.tfScale_50L,
.tfScale_50C,
.tfScale_50R { font-size: 5px; font-size: 0.5rem; font-size: 10px; margin-bottom: -3px;}
.tfScale_60L,
.tfScale_60C,
.tfScale_60R { font-size: 6px; font-size: 0.5rem; font-size: 10px; margin-bottom: -3px;}
.tfScale_70L,
.tfScale_70C,
.tfScale_70R { font-size: 7px; font-size: 0.5rem; font-size: 10px; margin-bottom: -3px;}
.tfScale_80L,
.tfScale_80C,
.tfScale_80R { font-size: 0.5rem; font-size: 10px;}
.tfScale_90L,
.tfScale_90C,
.tfScale_90R { font-size: 0.5625rem;}

.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; margin-bottom: 0; font-feature-settings: "palt";}


  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 { font-size: 100%; /*font-size: calc(1rem + 0.5vw);*/}
body {}
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;
}
img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
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: #003E7D;
}

/*width size*/
#wrap_header,
#wrap_footer,
#clumn1_main,
#clumn2_main {
  width: 1300px;
  margin: 0 auto;
}
header,
footer {
  min-width: 1300px;
  font-size: 85%;
}
#container {
  width: 100%;
  background: #edf2f8;
}
#clumn1_main,
#clumn2_main {
  background: #fff
}
#clumn1_main {
  height: calc(100% - 147px);
  padding: 18px 40px 40px 40px;
}
#clumn2_main {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 147px);
  padding: 20px 40px 20px 40px;
}
  #content {
    width: calc(100% - 360px);
    padding: 0 26px 40px 0;
  }
  #side {
    width: 360px;
    padding: 20px 18px;
    background: #e5ecf5;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.75rem;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    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,
.pageTitleBlock h2 {
  display: inline-block;
  position: relative;
  margin: 0 25px 0 38px;
  padding-left: 16px;
  border-left: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1rem;
  font-size: 24px;
  color: #333;
  font-weight: 700;
  line-height: 23px;
  line-height: 1.2em;
}
  h1::before,
  .pageTitleBlock h2::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 23px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0075C2;
    border-radius: 3px;
  }
  h1.md::before, .pageTitleBlock h2.md::before { background-color: #0075C2;}
  h1.ed::before, .pageTitleBlock h2.ed::before { background-color: #549B35;}
  h1.dp::before, .pageTitleBlock h2.dp::before { background-color: #693E82;}
  h1.pm::before, .pageTitleBlock h2.pm::before { background-color: #8A3474;}
  h1.cp::before, .pageTitleBlock h2.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: 0.75rem; color: #D61619; font-weight: normal; transform: scale(0.9); transform-origin: left center;}
  .btn_print.ciledu { bottom: -6px;}

h2 {
  margin-bottom: .6em;
  padding-left: .4em;
  color: #333333;
  font-size: 0.875rem;
  font-size: 18px;
  border-left: 2.5px solid #004894;
  line-height: 1.1;
}
#content h2 { font-size: 0.75rem; font-size: 17.7px; font-weight: 500;}
#side h2 { margin-bottom: 11px;}

h2.index {
  margin-top: 2px;
  margin-bottom: 0;
  padding-left: 0;
  border-left: none;
  border-bottom: 1.5px solid #004894;
  color: #fff;
}
  .index_band {
    display: inline-block;
    width: 427px;
    padding: 5px 0;
    background: #004894;
    font-size: 17.8px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px 4px 0 0;
  }
  /*.index_band.long { width: 480px;}*/

.index_band + .btn_details,
.h3_middle h3 + .btn_details {margin-left: .5rem!important;}
h2.innner_contents {
  position: relative;
  width: 100%;
  margin-bottom: 11px;
  padding-left: 6px;
  padding-bottom: 4px;
  border-left: 3px solid #0066ba;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.75rem;
  color: #333;
  font-weight: normal;
}
.global h2.innner_contents::before {
  position: absolute;
  content: "";
  bottom: -3px;
  right: 0;
  width: calc(100% + 3px);
  height: 1px;
  background: #0066ba;
}
h3.bgBlue {
  margin-bottom: 8px;
  padding: 1px 0 2px 8px;
  font-size: 0.6875rem;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  border-left: 10px solid #8A3474;
  background: #003E8D;
}


/*++++++++++++++++++++++++++++++++++++*/
/*               HEADER               */
/*++++++++++++++++++++++++++++++++++++*/
#wrap_header {
  position: relative;
  padding: 16px 0 11px;
}
.skip_btn {
  position: absolute;
  width: 1px;
  height: 1px;
  right: 390px;
  top: 30px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  font-size: 0.6875rem; font-size: 12.5px;
  color: #666666;
  font-weight: 500;
  text-decoration: underline;
}
.icon_arrowU {
  position: relative;
  display: inline-block;
  padding: 2px 0 2px 1.4em;
}
.icon_arrowU::before,
.icon_arrowU::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.icon_arrowU::before{
  box-sizing: border-box;
  width: .9rem;
  height: .9rem;
  border: 1px solid #666666;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.icon_arrowU::after{
  left: .15em;
  width: .4rem;
  height: .4rem;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*.skip_btn:focus {
  position: unset;
}*/
.skip_btn:focus {
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  padding: 0;
}
  .logo {
    float: left;
    display: flex;
    width: 458px;
    align-items: center;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 0.875rem;
    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: 1rem; 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: 22px;
      padding: 3px 0 3px 1.5em;
      background-position: left center;
      text-decoration: underline;
      font-size: 0.6875rem; font-size: 14px;
      color: #666666;
      font-weight: 500;
    }
      .topNav .menu li a::before {
        position: absolute;
        content: "";
        display: inline-block;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 18px;
        height: 18px;
        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:hover { text-decoration: underline;}


/*++++++++++++++++++++++++++++++++++++*/
/*            BREAD CLUMB             */
/*++++++++++++++++++++++++++++++++++++*/
.wrap_bread {
  color: #fff;
  background: #E4EDF7;
  border-top: 1px solid #CAD7E7;
  border-bottom: 1px solid #CAD7E7;
}
  .breadcrumb {
    display: flex;
    width: 1300px;
    height: 24px;
    margin: 0 auto!important;
    padding: 0 0 0 37px!important;
    list-style: none;
    font-size: 0.0000000000000000000000000001rem;
  }
  .breadcrumb li {
    position: relative;
    display: inline-block;
    list-style: none;
    padding-right: 1.7em;
    font-size: 0.625rem;
    font-size: 12px;
    line-height: 24px;
    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;
   
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.75rem;
    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 { height: 100%;}

.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:first-of-type { 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: 0.75rem;
    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: 0.6875rem; font-size: 12.5px;
    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::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;
  }
  .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: 95%;
    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: 105%;
      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.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: 0.8125rem;
      line-height: 1.35;
    }
nav#nav_smp { display: none;}
#hamburger { display: none;}



/* 新しいナビ */
.nav_bg { padding-bottom: 2.5rem; background: #fff;}
#nav_pc { background: #000;}
.smp_menu { display: none;}
.rotate-fa { display: none!important;}

#menu_container {
  position: relative;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 1300px;
  margin: 0 auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.menu li {
  /*flex: 1;*/
}
.menu li a {
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

/* ======================
          Parent
======================= */
#menu_container .menu_ttl {
  position: relative;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.75rem;
  font-size: 15px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  letter-spacing: 2px;
}
#menu_container .menu_ttl:first-of-type { width: 40%; background: #004894;}
#menu_container .menu_ttl:nth-of-type(2) { width: calc(100% - 40%); background: #0075C2;}

/*
@media (hover: hover) {
  #menu_container a:hover {
    background: #999;
    transition: all .3s;
  }
}
#menu_container a.active {
  background: #000;
}*/

/* ======================
          Arrow
======================= */
#menu_container > li > a,
.toggle_switch > a {
  position: relative;
}
#menu_container > li > a { pointer-events: none;}

#menu_container > li > a::before,
.toggle_switch > a::before {
  display: none;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 1.5em;
  margin: auto;
  vertical-align: middle;
  transition: all 0.2s ease-in-out 0s;
  width: .5em;
  height: .5em;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#menu_container > li:hover > a::before {
  top: .5em;
}
#menu_container > li > a.active::before {
  top: .2em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.toggle_switch > a::before {
  border: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.toggle_switch:hover > a::before {
  right: 1em;
}

/* ======================
          Child
======================= */
.menu_head {
  display: none;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 4.5px 0!important;
  padding: 0;
  z-index: 50;
}
.menu_head li {
  position: relative;
  padding: 2px 6px;
  border-right: 1px solid #ccd9ea;
  letter-spacing: 0;
}
.menu_head li a {
  background: transparent;
  color: #333;
  position: relative; /* スライド表示させる場合は指定 */
  z-index: 10; /* スライド表示させる場合は指定 */
}
.menu_head > li {
  flex: 1;
}
.menu_head > li > a {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.75rem;
  font-size: 15px;
  color: #333;
  text-align: center;
  line-height: 26px;
  box-sizing: border-box;
}

.menu_head > li:last-of-type { border-right:none;}

.menu_head > li::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;
  z-index: 10;
}
.menu_head > li:hover::after { transform: scale(1, 1);}

.menu_head > li > a { position: relative;}
.menu_head > li:first-of-type > a::after,
.menu_ttl:nth-of-type(2) .menu_head > li:last-of-type > a::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -7.5px;
  width: 1px;
  height: calc(100% + 4px);
  background: #ccd9ea;
}
.menu_ttl:nth-of-type(2) .menu_head > li:last-of-type > a::after { left: auto; right: -7.5px;}

/*▼疑似要素*/
.menu_head .toggle_switch::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2.5px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-color: #004894 transparent transparent transparent;
  border-width: 5px 5px 0 5px;
}
/*.currentPurpleRed::before { bottom: -4px;}*/

.paleblue.toggle_switch::before { border-color: #0075C2 transparent transparent transparent;}
.green.toggle_switch::before { border-color: #529E35 transparent transparent transparent;}
.purple.toggle_switch::before { border-color: #693E82 transparent transparent transparent;}
.purpleRed.toggle_switch::before { border-color: #b33272 transparent transparent transparent;}

.menu_head li .currentBlue,
.menu_head li .currentGreen,
.menu_head li .currentPurple,
.menu_head li .currentPurpleRed,
.menu_head li .currentNavy { display: block; color: #fff;}

.menu_head li .currentBlue { background: #0075C2;}
.menu_head li .currentGreen { background: #529E35;}
.menu_head li .currentPurple { background: #693E82;}
.menu_head li .currentPurpleRed { background: #8A3474;}
.menu_head li .currentNavy { background: #004894;}


/* ======================
        Grand Child
======================= */
.toggle_switch {
  position: relative;
}
.menu_proj {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  top: 115%;
  left: 0;
  width: 100%;
  padding: 0;
  transition: all 0.1s ease-out;
}
.menu_proj.active {
  visibility: visible;
  bottom: 100%; /*表示されるときは左から右へ移動 */
  opacity: 1; /* 完全に表示される */
}
.menu_proj li {
  padding: 0;
  border: none;
}
.menu_proj li:first-of-type { border-top: none;}

.menu_proj li a {
  position: relative;
  padding: .5em;
  background: #3b5489;
  background: rgb(0, 37, 117, 0.8);
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: .9em;
  text-align: left!important;
  white-space: nowrap;
  z-index: 5;
}
.paleblue li a { background: rgb(0, 117, 194, 0.9);}
.green li a { background: rgb(82, 158, 53,0.9);}
.purple li a { background: rgb(105, 62, 130,0.9);}
.purpleRed li a { background: rgb(179, 50, 114,0.9);}

.menu_proj li a:hover { background: #102a66;}
.paleblue li a:hover { background: #0075c2;}
.green li a:hover { background: #529E35;}
.purple li a:hover { background: #693E82;}
.purpleRed li a:hover { background: #b33272;}






/*++++++++++++++++++++++++++++++++++++*/
/*               BUTTON               */
/*++++++++++++++++++++++++++++++++++++*/
.btn_details {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 0 0 1.1em;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.625rem;
  font-size: 13px;
  color: #004085;
  font-weight: 500;
  vertical-align: middle;
  text-decoration: underline;
  display: flex;
  align-items: center;
}
  .btn_details::before {
    position: absolute;
    content: "";
    display: inline-block;
    top: .3em;
    /*top: .15em;
    bottom: 0;*/
    left: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background: url(../img/icon_f138.png) no-repeat;
    background-size: contain;
  }

  .btn_details:hover { text-decoration: underline;}
  .btn_details + .btn_details { margin-left: 1em;}

#pageTitle .btn_details::before {
  top: 0.15em;
  bottom: 0;
}
h2.index .btn_details::before { top: .15em;}
.h3_middle .btn_details::before { top: 0.3em;}

  #content .btn_details {
    display: block;
    margin: 3px 0;
  }

.btn_detail_blk {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem 18px;
}

.btn_print {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 33px;
  max-width: 190px;
  right: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: .5em 1em !important;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 0.625rem;
  font-size: 12.65px;
  color: #004894!important;
  border: 1px solid #004894;
  border-radius: 3px;
  text-align: center;
}
  .btn_print i { margin-left: .5em; font-size: .7rem;}

  .btn_print.company {
    max-width: 230px;
    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;}


/** Custom Select **/
.custom-select-wrapper {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: 6px;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
    padding: 0!important;
    border: 1px solid #4d79b7;
    background: #e5eef8;
  }
    .custom-select-trigger {
      position: relative;
      display: block;
      width: 100%;
      margin: .5em 3.5em .5em 1.8em!important;
      padding: 0;
      cursor: pointer;
    }
      .custom-select-trigger::after {
        content: "";
        position: absolute;
        right: 2rem;
        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;
      }
      .custom-select.opened .custom-select-trigger::after {
        transform: rotate(-180deg) translateY(0%);
      }
      .custom-select:hover .custom-select-trigger::after {
        border-color: #fff transparent transparent transparent;
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%;
    right: 0;
    min-width: 210%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    .custom-options::before {
      position: absolute;
      display: block;
      content: '';
      bottom: 100%;
      right: 25px;
      width: 7px;
      height: 7px;
      margin-bottom: -4px;
      border-top: 1px solid #b5b5b5;
      border-left: 1px solid #b5b5b5;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }
    .option-hover::before {
      background: #f9f9f9;
    }
    .custom-option {
      position: relative;
      display: block;
      padding: 0 22px;
      border-bottom: 1px solid #b5b5b5;
      font-size: 0.625rem; font-size: 12px;
      font-weight: 400;
      color: #004894;
      line-height: 47px;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
    }


.print_list {
  position: absolute;
  right: 0;
  top: 10px;
  right: 17px;
  width: 239px;
  max-height: 33px;
  background: #e5eef8;
  border: 1.5px solid #4d79b7;
  border-radius: 5px;
}
.print_list .nav_item {
  position: relative;
}
.print_list .nav_item .panel {
  position: absolute;
  top: 35px;
  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;
  }
  .print_list .nav_item .panel .panel_item:last-of-type a { border-bottom: none;}
  .print_list .nav_item .panel .panel_item a:hover,
  .print_list .nav_item .panel .panel_item a:focus-within {
    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: 0.625rem;
      font-size: 13px;
      font-weight: 500;
      color: #004894;
    }
    .js-dropdown {
      display: block;
      height: 30px;
      padding: .5em 1em;
      line-height: 17px;
    }
    .js-dropdown:hover {
      background: #004894;
      color: #fff!important;
    }

    .print_icon::after {/* ▼アイコン  */
      content: "";
      position: absolute;
      right: 2.8rem;
      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,
      .js-dropdown:focus-within .print_icon::after{
        border-color: #fff transparent transparent transparent;
      }

.ttl_history { letter-spacing: .4rem;}
.ttl_history span { letter-spacing: 0;}

.historyBlock {
  display: flex;
  margin-left: 1.6rem;
  margin-top: 1px;
}
.btn_history {
  display: inline-block;
  margin-right: 5px;
  padding: 3px 10px;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 0.6875rem; font-size: 12.5px;
  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; background: #004894; color: #fff;}


.num_square {
  position: absolute;
  display: inline-block;
  top: .3em;
  left: 97%;
  margin-left: .3em;
  padding: 0 .35em;
  height: 1.3em;
  background: #004894;
  font-size: 0.8125rem;
  font-size: 15.13px;
  color: #fff;
  line-height: 1.2;
}

.btn_yudo {
  display: block;
  position: relative;
  margin-bottom: .5em;
  padding: .5em .5em .7em 2.4em;
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 0.625rem; font-size: 12px;
  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: 1300px;
  margin: 0 auto;
  padding-top: 9px;
  display: flex;
  padding: 13px 166px 13px 0;
}

.fs_Msmall { font-size: 0.625rem; font-size: 12px;}

.link_border {
  display: block;
  position: relative;
}
  .link_border::before {
    position: absolute;
    content: "";
    width: 101%;
    height: 101%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 4px solid #004085;
    transition: .7s;
    opacity: 0;
    z-index: 10;
  }
  .link_border:hover::before { opacity: 1;}

 .shoprobooks .link_border::before {
    width: 104%;
    height: 102%;
    top: -4px;
    left: -4px;
  }

/*========================*/
/*         flex box    　 *//*フレックス*/
/*========================*/
.flexBox,
.flexBox.ragged {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 12px;
}
  .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_spa7 .w1on3 { width: calc(100% / 3 - 7px);}
  .fb_spa4 .w1on5 { width: calc(20% - 8px);}
  .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_spa10 .w1on3 { width: calc(100% / 3 - 10px);}
  .fb_spa7 .w1on4 { width: calc(25% - 7px);}
  .fb_spa9 .w1on2 { width: calc(50% - 9px);}
  .fb_spa9 .w1on3 { width: calc(100% / 3 - 8px);}
  .fb_spa9 .w1on4 { width: calc(25% - 9px);}
  .fb_spa12 .w1on3 { width: calc(100% / 3 - 12px);}
  .fb_spa12 .w1on4 { width: calc(25% - 12px);}
  .fb_spa15 .w1on2 { width: calc(50% - 7px);}

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

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

  .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: 0.375rem;
    line-height: 1.4;
    /*margin-bottom: 10px;*/
  }
  .flexBox.aliFs { align-items: flex-start;}

  .flexBox div span.ttl {
    display: block;
    margin-bottom: .5em;
    font-size: 0.6625rem;
    font-size: 13px;
    color: #0066ba;
    font-weight: bold;
    line-height: 1.3;
  }
.juscSB { justify-content: space-between;}
.juscFS { justify-content: flex-start;}
.fleaiFs { align-items: flex-start;}
.fleai { align-items: flex-end;}/*下揃え*/
.fleaiC { align-items: center;}/*中央揃え*/
.fleaiSt { align-items: stretch;}/*中央揃え*/
.flexAi div { display: flex; flex-wrap: wrap; align-items: flex-end;}

.gapC_12p { column-gap: 12px;}

.tate_sb > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Boxにリンク */
.publishing a.w1on4 { display: block; position: relative; width: calc(25% - 8px);}
.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;}

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


/*========================*/
/*        heading         */
/*========================*/
.bgBellipse {
  margin-bottom: 7px;
  padding: 1.5px 0 3.5px;
  border-radius: .5rem;
  background: #003E8D;
  font-size: 0.625rem;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-weight: 500;
}
.bgBellipse small { font-size: 85%;}
.borderT_paleblue {
  margin-top: -3px;
  padding-top: 5px;
  /*border-top: 1px solid #b1c2db;*/
}


/*========================*/
/*         symbol         */
/*========================*/
.triangle-L {
  position: relative;
  padding: 0 0 0 .8em;
}
  .triangle-L::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 0;
    top: 0;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    border: 6.5px solid transparent;
    border-left: 9px solid #003e8d;
  }
.triangle-L.space {
  display: block;
  margin: .5em 0 .2em;
}

.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: 0.5625rem;
  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: 0.625rem;
  font-size: 13.5px;
  line-height: 1.8;
  font-family: "メイリオ";
}
  .contract_facility .triangle-L {
    margin-right: 1.2em; line-height: 1;
  }
.public_entrust .w3on5 { width: 54%;}
.public_entrust .w2on5 { width: 45%;}
  .contract_resultsR { margin-top: .6rem;}
  .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 .w1on2 { width: 49.64%;}
      .contract_resultsR .w1on2:first-of-type { width: 44.86%;}
      .contract_resultsR .w1on2 .tfScale_80C { text-align: center;}

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

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


/*========================*/
/*        content         */
/*========================*/
.guide {}
  .guide > li {
    display: flex;
    border-bottom: 1px solid #b2c6e0;
    font-size: 0.8125rem;
    font-size: 16px;
    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: 127px;
    padding: 7px 10px 6px 12px;
    font-size: 0.8125rem;;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
  }
  .guide.overview > li .content {
    width: calc(100% - 127px);
    padding: 3px 1.6em;
    line-height: 1.8;
  }
.guide.overview > li .content p:first-of-type { margin-bottom: 1em;}

.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: 1.125rem;
    color: #004894;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.guide.history > li .content { padding: 0 0 0 2rem; width: calc(100% - 160px);}
  .guide.history > li .content ul { list-style: none;}
  .guide.history > li .content li { position: relative; padding: 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: 0.6875rem; font-size: 12.5px;
    color: #004894;
    font-weight: bold;
  }*/
  .guide.history > li .content li:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: .35em;
    left: -1rem;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(../img/icon_f0da.png) no-repeat;
    background-size: contain;
  }
.access .guide.overview { margin-top: 0;}
  .access .guide.overview > li h3 { justify-content: center; letter-spacing: 4px;}
  .access .guide > li .content { line-height: 1.5;}
  .access .btn_details { display: inline-block; margin: 0 7px 0 0;}
  .access_link_area { display: inline-block; margin-left: .2em;}

.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: 0.875rem;
    font-size: 18px;
    color: #004894;
    border-left: 2.5px solid #004894;
    line-height: 1.2;
  }

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

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

.disc_icon {
  list-style: none;
}
  .disc_icon li {
    position: relative;
    padding: 0 0 0 1em;
  }
  .disc_icon li::before {
    content: "";
    position: absolute;
    top: .5em;
    left: .5em;
    width: .2em;
    height: .2em;
    border-radius: 50%;
    background: #000;;
  }
  .disc_icon li + li { margin-top: .5em;}

.businessPhoto { min-height: 155px; margin-bottom: 6px;}
  .businessPhoto img { width: 100%; height: auto;}


/*========================*/
/*        ロゴ系調節        */
/*========================*/
.logo_ohasuta { width: min(92.98%, 230px); margin: min(2.55vw, 25px) auto min(5.1vw, 50px);}
.logo_tomyplaworld { width: min(100%,355px);}
.logo_jumpch { width: min(79.23%,196px); margin: 0 auto min(5.1vw, 50px);}
.logo_jumpla { width: min(62.66%,155px); margin: min(1.02vw, 10px) auto;}
.logo_mangaplus { width: min(73.57%,182px); margin: 0 auto min(2.244vw,22px);}
.logo_animeyugio { width: min(75.19%,186px); margin: min(.4081vw,4px) auto min(.5102vw,5px);}
.logo_manda { width: min(73.57%,182px); margin: 0 auto min(.9183vw,9px);}
.logo_saikyojump { width: min(86.91%,215px); margin: 0 auto min(1.836vw,18px);}

.logo_shopromall { width: min(23.26vw,228px);}
.logo_whiskeymew { width: min(24.489vw,240px); margin-bottom: min(1.224vw,12px);}
.logo_shoprobooks { width: min(18.77vw,184px);}

.logo_major2 { width: 150px; margin-bottom: 58px;}
.logo_saikisainan { width: 155px; margin-bottom: 52px;}
.logo_duelmastersking { width: 130px; margin-bottom: 42px;}
.logo_zonbiekun { width: 140px; margin-bottom: 53px;}
.logo_obakezukan { width: 145px; margin-bottom: 59px;}
.logo_doraemonJP { width: 215px;}
.logo_doraemonEN { width: 245px;}
.logo_chiao { width: 140px; margin-top: 17px; margin-bottom: 8px;}
.logo_dorakids { width: 180px; margin-top: 24px; margin-bottom: 12px;}
.logo_kidspal { width: 138px; margin-top: 0; margin-bottom: 8px;}
.logo_mikiEnglish { width: 98px; margin-top: -4px; margin-bottom: 5px;}
.logo_kidspalEl { width: 124px; margin-top: 0px; margin-bottom: 11px;}
.logo_chickipfes { width: 114px; margin-top: 0; margin-bottom: 0;}
.logo_touken { margin-bottom: 10px;}

.logo_shogakukanAcademy { width: 77px; margin-left: 2px;}
.logo_shogakukanAcademy:nth-of-type(2) { width: 80px;}
.logo_dakkoRoom { width: 47px; margin: 0; margin-bottom: 2px; margin-right: auto; margin-left: 5px;}
.logo_shoproMethod { width: 80px;}

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

.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: 18px!important; margin-bottom: 0!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;}


/*========================*/
/*     各ページ細部の設定     */
/*========================*/
.top h2 { font-size: 20px;}
.top p.last.fs18px { margin-bottom: .85em !important; padding-bottom: .55em; font-size: 24px;}

.history_wrap .pageTitleBlock { align-items: center;}

.crossmedia > #content > .flexBox { width: 100%;}
.crossmedia .flexBox.tate_sb { gap: 15px 1.5%; margin-bottom: 28px;}
.crossmedia .w1on3 { width: 32.3%;}
.crossmedia .linkarea { justify-content: flex-start; column-gap: 4%;}
.crossmedia .linkarea .w1on3 { width: 38%; padding: 0;}
.crossmedia .linkarea .w1on3 + .w1on3 { width: 24%;}
  .crossmedia .linkList { margin-top: 0!important;}
  .crossmedia .linkList li { padding: 5px 0 4px;}
.crossmedia span.coB { font-size: 0.5625rem; font-size: 12px;}

.greeting p { font-size: 0.8125rem; font-size: 16px; margin-bottom: 1.7em;}
.representative { width: 80.98%; margin: 0; margin-left: auto;}

.organization { width: min(89.51%,1092px); margin-top: 3px;}

.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; margin-right: .5em!important;}

.global .p06pxWrap + h2 { margin-top: 17px;}
.global .p06pxWrap span { margin: 0 auto; text-align: center;}
.global .p06pxWrap img { width: auto; height: 198px; margin: 0 auto 5px;}

/*.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: 330px; margin-right: 14px;}
.pokemon .w2on3 { max-width: 415px; margin-right: 14px;}
.pokemon .fb_spa4 .w1on3 { width: calc(100% / 2.3 - 4px);}
.pokemon .w2on3 .border { margin-bottom: 0;}

.anime .flexBox { width: min(100%,730px);}
.anime .w1on1.border { min-height: 266px; margin-bottom: 0;}
.anime .fb_spa5 .w1on3 { width: calc(100% / 3 - 8px);}
.anime .w1on3:nth-of-type(4) .border,
.anime .w1on3:nth-of-type(5) .border,
.anime .w1on3:nth-of-type(6) .border { min-height: 266px;}
.anime .w1on1 .tfScale_50L { margin-bottom: -.8em; text-align: center;}
.anime .w1on3 .btn_details { margin: 0 0 10px; padding: 0; padding-left: 1.2em;}
.anime .border img { width: auto; max-height: 217px;}
.anime .disc_icon li { padding: 0 0 0 1.5em; text-indent: -.7em;}

  .publishing a .tfScale_70L,
  .publishing .grid a.w1on1 span { color: #000;}
.publishing_logo { margin-bottom: 25px;}
.publishing_logo .w1on3 { display: flex; align-items: center; width: 32.5%;}
.publishing_shopromall { margin-bottom: 25px; padding: 17px; text-align: center; white-space: nowrap;}
.publishing_shopromall .box01 { width: min(71.93%,574px);}
.publishing_shopromall .box02 { width: min(24.06%,192px);}
.publishing_shopromall .box02 span:not([aria-hidden="true"])  { display: block; margin-left: -1em;}
.publishing_other div div { text-align: center;}
  .publishing_other .whiskeymew { width: 47.5%;}
  .publishing_other .whiskeymew img { width: 96%;}
  .publishing_other .shoprobooks { width: 48.5%;}
  .publishing_other .shoprobooks .flexBox { padding: 4px 14px;}
    .publishing_other .shoprobooks a { padding-top: 20px; padding-bottom: 13px;}
    .publishing_other .shoprobooks a:first-of-type { width: 50.1%;}
    .publishing_other .shoprobooks a:nth-of-type(2) { width: 48.7%;}
    .publishing_other .shoprobooks a img { margin-bottom: .5em;}

.product #side h3 { margin-bottom: .2em;}
.product #side h3:first-of-type { margin-top: 1.2em;}

.alliance_blk {
  display: block;
  padding: 30px;
  color: #000;
}
.alliance_blk span { margin-top: 10px;}

.promote .w1on2, .promote .w1on4 { text-align: center;}
  .promote .w1on2 { width: calc(50% - 6px);}
  .promote .w1on4 { width: calc(25% - 9px);}
.promote .flexBox img { margin-bottom: 3px;}
.promote .tfScale_70L { margin-top: 3px;}
.chiten_txt { width: 100% !important; margin-top: 6px !important;}
.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_00 .btn_details::before { position: static; margin-top: -2px; margin-right: .2em;}
.anti_01 { margin-bottom: 2rem;}
.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;}

.public01 .tfScale_60R { margin-top: 3px;}
.public01 .tfScale_70R.pub1ttl { display: inline-block;}
.public01side h3 { margin-left: -.5em;}
.public01 .borderT_paleblue h3.bgBlue { margin-bottom: 0;}

.public02 .p09px { padding-bottom: 5px;}
.public02 .border { margin-bottom: 2px;}
.public02 .kotei { height: 263px;}
.public02 .btn_details { display: inline-block!important;}

.flexBox.publisher.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.flexBox.publisher { width: 100%; /*max-width: 590px;*/ margin-bottom: 1.6em;}
  .flexBox.publisher .blk01 { grid-area: 1 / 1 / 3 / 2;}
  .flexBox.publisher .blk02 { grid-area: 1 / 2 / 2 / 3;}
  .flexBox.publisher .blk03 { grid-area: 2 / 2 / 3 / 3;}
    .flexBox.publisher .blk01 { width: min(50.84vw,300px); width: min(100.84vw,410px); margin-right: min(1.69vw,10px);}
    .flexBox.publisher .blk02,
    .flexBox.publisher .blk03 { width: min(47.46vw,280px); width: min(100.84vw,410px);}
    .flexBox.publisher.grid .blk01 span.tfScale_80L { margin-top: min(2.25vw,27px);}

.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 - 11px); margin-right: 11px;}
.publisher .right .w1on2:nth-of-type(2n) {margin-right: 0;}
.mailorder .flexBox.p06pxWrap { max-width: 672px;}
  .mailorder .w1on1.border { padding-bottom: 2px;}
.mailorder .right .w1on2.border { padding-bottom: 0;}

.publishing .flexBox.left { width:34.29%; max-width: 286px;}
.publishing .flexBox.right { width:64.15%; max-width: 535px; justify-content: flex-start;}
  .publishing .w1on1.border { padding-bottom: 2px;}
.publishing .right .w1on2.border { padding-bottom: 0;}

.doraemon .w1on1.border { flex-direction: column; align-items: center;}
.doraemon .tfScale_70L { margin-bottom: -.7em; margin-bottom: 0;}
  .doraemon_facility { justify-content: flex-start; column-gap: 3%; width: 79%; padding: 21px 21px 10px;}
  .doraemon_facility .w1on2 { width: 252px;}
  .doraemon_facility .w1on2:nth-of-type(2) { width: 343px;}
  
.dora_logo { display: flex; justify-content: center; align-items: center; column-gap: 70px; margin: 10px auto;}
.dora_main { width: 85%!important;}

.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: 0.5rem; font-size: 9.5px;}
  .classPhoto .ttl {
    padding: 2px 0;
    background: #005bac;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 0.625rem; font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .classPhoto .contents { padding: 4px 7px 9px; font-size: 0.5rem; font-size: 9.5px;}

.chilEducation .flexBox { row-gap: 4px;}
.chilEducation .border { margin-bottom: 2px; padding-bottom: 4px;}
  .chilEducation .w1on3 { height: auto; width: calc(100% / 3 - 6px);}
  .chilEducation .w1on3:nth-of-type(3) { width: calc(100% / 3 - 11px);padding-right: 2px;}
  .chilEducation .w9on10 { width: 88.5%;}
  .chilEducation .img01 { width: calc(33% - 4px);}
  .chilEducation .img02 { width: calc(33.8% - 4px);}
  .chilEducation .img03 { width: calc(32.1% - 4px);}
  .chilEducation .img04 { width: calc(31.8% - 6px);}
  .chilEducation .img05 { width: calc(68% - 4px);}
.chilEducation_head { flex-direction: column;}
.chilEducation_head .head_attention { margin: 2px 0 0 36px;}
.chilEducation .btn_details::before { top: .1em;}
.chilEducation .poke-academy:nth-of-type(1) .w1on1 .w1on1 { margin-left: min(13.61vw,177px);}
.chilEducation .poke-academy:nth-of-type(2) .w1on1 .w1on1 { margin-left: min(14.61vw,190px); margin-top: -2px;}
.marushe_wrap { justify-content: space-between; width: 84%;}
.chilEducation .marushe_member { width: 33%;}
.chilEducation .marushe_cafe { width: 57%;}

.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: 242px!important; margin-bottom: 7px!important;}
  .poke-academy .p06pxWrap > .w1on2:nth-of-type(1) { padding-right: 5px; padding-bottom: 2px;}
  .poke-academy .p06pxWrap > .w1on2:nth-of-type(2) { padding-left: 5px; padding-bottom: 2px;}
  .poke-academy .w2on3.p06pxWrap > .w1on1 { padding: 0;}
  .poke-academy > .w1on3 { width: 33%;}
  .poke-academy.tamapla > .w1on3 .w1on1 { min-height: 205px;}
  .poke-global_logo img { width: 100%; max-width: 170px;}
.chilEducation .shoproM_left { width: 29.4%;}
.chilEducation .shoproM_center { width: 33.4%;}
.chilEducation .shoproM_right { width: 35.4%;}

.new_business .w2on3 {}
  .new_business .w1on3 { width: calc(100% / 3 - 6px);}
  .new_business .kotei .w1on3 { display: flex; flex-flow: column; justify-content: center; width: calc(100% - 575px); margin-left: .8rem;}
  .new_business .kotei .w2on3 { display: flex; justify-content: space-between; flex-wrap: wrap; width: 540px;}
    .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: 10px;}
    .new_business .border p { padding-bottom: 6px; font-size: 0.6875rem; font-size: 14px; line-height: 1.3;}
.new_business .kotei.border { padding: 12px;}
  .new_business .box01 { width: 320px;}
  .new_business .box02 { width: calc(100% - 320px);}
  .new_business .w1on1 .btn_details::before { top: .1em;}
  .new_plan { position: relative;}
  .new_plan .w1on2 { padding-top: 3em;}
  .other_txt { position: absolute; left: 0; bottom: -2.7em; font-size: 19px;}

.digital_business .btn_details { width: auto;}
.digital_business .flexBox { row-gap: 15px;}
.digital_business .w3on4 { width: 660px; margin-bottom: 2rem;}
.digital_business .w1on2 { width: calc(99% / 2);margin-bottom: 0;}
.digital_business .w1on3:first-of-type h2 { font-feature-settings: "palt";}
.digital_business .w1on3 > .border { padding-bottom: .5em;}
.digital_business .w1on3 > .border .btn_details{ text-align: center;}
.digital_business .btn_details { padding: 0;}
.digital_business .btn_details::before { position: static;}
.digital_business .flexBox.fb_spa6 h2 { display: flex; align-items: center;}
  .img_conpass { width: 73.2%; margin-bottom: 1%;}
  .img_model { padding-top: 25px; padding-bottom: 26px;}

.edu_content .flexBox .w1on2:first-of-type { width: 50%;}
.edu_content .flexBox .w1on2:nth-of-type(2) { width: 80%;}
.edu_content .flexBox .w1on2:first-of-type { width: 40%;}
.edu_content .flexBox .w1on2:nth-of-type(2) { width: 58%;}
.edu_content .tate_sb > div { align-items: center;}
.edu_content#content .btn_details { margin: 10px 0 0;}
  .eduCon_sheet { width: 95%; margin-top: 8px; margin-bottom: 10px;}
  .eduCon_shikou { width: 95%; margin-top: 80px;}
  .eduCon_tool { width: 98%; margin-top: 7px; margin-bottom: 15px;}
  .eduCon_tatsujin { width: 96%; margin-top: 22px;}
  .eduCon_tatsujin + .contentTxt { margin-bottom: 1em; margin-left: 28%;}
.contentTxt { font-size: 0.625rem; font-size: 12px;}
.contentTxt.developbook { display: block;}
.contentTxt.thinkingtool { display: block;}

.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 .mtm2px .border { margin-bottom: 0;}
  .conan_department .w1on3 { width: calc(100% / 3 - 10px);}
  .conan_department .w1on3.p00.w03 { margin-top: 0; margin-right: auto; margin-left: 20px;}
  .conan_department > div:first-of-type { margin-bottom: 12px;}

.correspondence.conan_game { padding-bottom: 4px; padding-bottom: 6px!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: 1.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 .flexBox.fb_spa7 .w1on3 { height: 272px;}
.kids .p04pxWrap .w1on4 { padding: 4px;}
.kids .p04pxWrap .w1on4:nth-child(2) { width: 24.7%;}
.kids .p04pxWrap .w1on4:nth-child(n+3) { width: 24.8%;}
.kids .suportbox { max-width: 690px; padding: 12px;}
.kids .suportbox img { width: auto; max-height: 152px;}

.edu_content .p06pxWrap > .w1on2 { padding-bottom: 15px;}
.edu_content .w1on2.border { margin-bottom: 7px;}

/*++++++++++++++++++++++++++++++++++++*/
/*             To PAGE TO             */
/*++++++++++++++++++++++++++++++++++++*/
#btn_pagetop {
  position: fixed;
  right: 10px;
  opacity: 0; /*はじめは非表示*/
  transform: translateY(100px);
  z-index: 2;
}
  #btn_pagetop a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #003E7D;
    border-radius: min(0.51vw,5px);
    width: min(6.12vw,60px);
    height: min(6.12vw,60px);
    color: #fff;
    text-align: center;
    text-transform: uppercase; 
    text-decoration: none;
    font-size: 0.6rem;
    transition: all 0.3s;
  }
  #btn_pagetop a::before,
  #btn_pagetop a::after {
    content: "";
    position: absolute;
    top: min(1.53vw,15px);
    left: calc(50% - 2px);
    width: min(0.3vw,3px);
    height: min(1.53vw,15px);
    border-radius: 9999px;
    background-color: #fff;
    transform-origin: 50% 2px;
  }
  #btn_pagetop a::before { transform: rotate(45deg);}
  #btn_pagetop a::after { transform: rotate(-45deg);}

  #btn_pagetop a span {
    display: inline-block;
    position: absolute;
    bottom: min(1.53vw,15px);
    right: 0;
    left: 0;
    margin: auto;
  }

#btn_pagetop a:hover {
  opacity: .7;
}
#btn_pagetop.UpMove { /*　上に上がる動き　*/
  
  animation: UpAnime 0.5s forwards;
}

#btn_pagetop.DownMove a { display: none;}
#btn_pagetop.UpMove a { display: block;}

@keyframes UpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#btn_pagetop.DownMove { /*　下に下がる動き　*/
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(100px);
  }
}

/*++++++++++++++++++++++++++++++++++++*/
/*               FOOTER               */
/*++++++++++++++++++++++++++++++++++++*/
footer {
  position: relative;
  width: 100%;
  color: #fff;
  padding: 22px 0 53px;
  z-index: 2;
}
  #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: 1.0625rem;
      font-size: 22px;
      font-weight: 700;
    }
    #wrap_footer .mark .jp span {
      display: inline-block;
      padding-left: 1em;
      font-weight: 500;
    }
    #wrap_footer .mark .en { font-size: 0.8125rem; font-size: 16px; font-weight: 500;}

.right { float: right;}

  .footer { margin-bottom: .8em;}
  .footer ul { text-align: right;}
    .footer ul li {
      display: inline-block;
      padding-left: 1.7em;
    }
    .footer ul li:first-of-type { padding-left: 0;}
    .footer ul li a {
      position: relative;
      padding: 0 0 0 1.4em;
      font-size: 0.6875rem;
      font-size: 14px;
      color: #fff;
      vertical-align: middle;
      text-decoration: underline;
    }
    /*.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::before {
      position: absolute;
      content: "";
      display: inline-block;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 11.5px;
      height: 11.5px;
      vertical-align: middle;
      background: url(../img/icon_f138_wh.png) no-repeat;
      background-size: contain;
    }
    .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: 10.5px;
      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: 0.625rem; font-size: 12px;}

  .tfScale_40L,.tfScale_40C { width: 250%;}
  .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: 200%;}
  .tfScale_50L { transform: scale(0.5); transform-origin: left top;}
  .tfScale_50C { transform: scale(0.5); transform-origin: center top;}
  .tfScale_50R { transform: scale(0.5); transform-origin: right top;}

  .tfScale_60L,.tfScale_60C { 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: 0.625rem; font-size: 12px; transform: scale(0.9); transform-origin: center center;}
.external_link.left { transform-origin: left center;}
  
  
.education_nazoBox { position: relative;}
  .education_nazoBox .tfScale_60L { position: absolute; bottom: 3px; bottom: 10px;}

  /*.breadcrumb { display: block; width: 120%; font-size: 0.625rem; font-size: 12px; 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: 0 1.326vw 0 5.5%;}
h1, .pageTitleBlock h2 { padding-left: 1vw; font-size: 1.2rem; line-height: 2.34vw;}
h1.ed.cd { display: block; width: 100%;}
.head_attention { margin-left: 6.7%;}

/*++++++++++++++++++++++++++++++++++++*/
/*               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: 0.625rem; font-size: 12px;}

.nav_bg { width: 100%; }
#menu_container { width: 95%; white-space: nowrap;}
#menu_container .menu_ttl { font-size: 70%;}

.menu_head > li > a { font-size: 1rem; line-height: 2.04vw;}

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

.pageTitleBlock { width: 100%; padding: 0.91vw 0;}

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

.btn_yudo { display: inline-block;}

/*++++++++++++++++++++++++++++++++++++*/
/*              CONTENTS              */
/*++++++++++++++++++++++++++++++++++++*/
#clumn1_main { height: calc(100% - 2vw);}
#clumn2_main { height: calc(100% - 21vw);}

/*========================*/
/*        flex box     　 */
/*========================*/
  .fb_spa3 .w1on3 { width: calc(100% / 3 - .3061vw);} /* ブロック間横スキマ */
  .fb_spa4 .w1on3 { width: calc(100% / 3 - .4081vw);}
  .fb_spa4 .w1on2 { width: calc(50% - .4081vw);}
  .fb_spa4 .w1on3 { width: calc(100% / 3 - .4081vw);}
  .fb_spa7 .w1on3 { width: calc(100% / 3 - .7142vw);}
  .fb_spa4 .w1on5 { width: calc(20% - .8163vw);}
  .fb_spa5 .w1on2 { width: calc(50% - .5102vw);}
  .fb_spa5 .w1on3 { width: calc(100% / 3 - .5102vw);}
  .fb_spa6 .w1on2 { width: calc(50% - .6122vw);}
  .fb_spa6 .w1on3 { width: calc(100% / 3 - .6122vw);}
  .fb_spa6 .w1on4 { width: calc(25% - .6122vw);}
  .fb_spa7 .w1on2 { width: calc(50% - .7142vw);}
  .fb_spa7 .w1on3 { width: calc(100% / 3 - .7142vw);}
  .fb_spa10 .w1on3 { width: calc(100% / 3 - 1.0204vw);}
  .fb_spa7 .w1on4 { width: calc(25% - .7142vw);}
  .fb_spa9 .w1on2 { width: calc(50% - .9183vw);}
  .fb_spa9 .w1on3 { width: calc(100% / 3 - .8163vw);}
  .fb_spa9 .w1on4 { width: calc(25% - .9183vw);}
  .fb_spa12 .w1on3 { width: calc(100% / 3 - 1.224vw);}
  .fb_spa12 .w1on4 { width: calc(25% - 1.224vw);}
  .fb_spa15 .w1on2 { width: calc(50% - .7142vw);}

  .mb7px > .border { margin-bottom: .7142vw;} /* ブロック間縦スキマ */
  .mb12px > .border { margin-bottom: 1.224vw;}
  .mb20px > .border { margin-bottom: 2.0408vw;}

  .p04pxWrap .w1on1, /* ブロック内スキマ一括 */
  .p04pxWrap .w1on3,
  .p04pxWrap .w1on4,
  .p04pxWrap .w1on5 { padding: .7142vw;}
  .p06pxWrap > .w1on1,
  .p06pxWrap > .w1on2,
  .p06pxWrap > .w1on3,
  .p06pxWrap > .w1on4 { padding: 1.0204vw;}
  .p07pxWrap > .w1on1,
  .p07pxWrap > .w1on3,
  .p07pxWrap > .w1on4,
  .p07pxWrap > .w2on3 { ppadding: 1.632vw;}
  .p08pxWrap > .w1on1,
  .p08pxWrap > .w1on3,
  .p08pxWrap > .w1on4,
  .p08pxWrap > .w2on3 { padding: 1.7346vw;}
  .p09pxWrap > .w1on1,
  .p09pxWrap > .w1on2,
  .p09pxWrap > .w1on3,
  .p09pxWrap > .w1on4,
  .p09pxWrap > .w2on3,
  .aboutcafe .w01,.aboutcafe .w02 { padding: 1.224vw;}
  .p12pxWrap > .w1on1,
  .p12pxWrap > .w1on2,
  .p12pxWrap > .w1on3,
  .p12pxWrap > .w1on4,
  .p12pxWrap > .w2on3 { padding: 2.142vw;}
  .p13pxWrap > .w1on1,
  .p13pxWrap > .w1on2,
  .p13pxWrap > .w1on3,
  .p13pxWrap > .w1on4,
  .p13pxWrap > .w2on3 { padding: 2.244vw;}

.w42p { width: 40%;}
.global.fb_spa9 .w1on3 { width: calc(100% / 3 - .4081vw);}

.logo_ohasuta { margin: .5vw auto 1vw;}
.logo_tomyplaworld { margin: 2vw auto 2vw;}
.logo_jumpch { margin: 0 auto 3vw;}
.logo_saikyojump { margin: 0 auto 3vw;}
.logo_manda { margin: 2vw auto 1vw;}
.logo_major2 { margin-bottom: 2.5rem;}
.logo_saikisainan { margin-bottom: 2rem;}
.logo_duelmastersking { margin-bottom: .5rem;}
.logo_zonbiekun { margin-bottom: 1.5rem;}
.logo_obakezukan { margin-bottom: 2rem;}
.logo_doraemonJP { margin-top: 2em;}
.logo_doraemonEN { margin-top: 4em;}
.logo_CODA { width: 85%;}
.logo_JAMRA { width: 85%;}
.logo_manabieith { width: 87%; margin-left: 0;}

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

.crossmedia .linkarea .w1on3 { width: 58%;}
.crossmedia .linkarea .w1on3 + .w1on3 { width: 37%;}
.license .border:nth-child(n+11) { max-height: none;}
.global .p06pxWrap img { width: 85%; height: auto;}
.anime .w1on1.border { min-height: 28.5vw;}
.anime .w1on3:nth-of-type(4) .border, .anime .w1on3:nth-of-type(5) .border, .anime .w1on3:nth-of-type(6) .border { min-height: 28vw;}
.pokemon .w1on2 { width: calc(48% - 4px);}
.pokemon .fb_spa4 .w1on3 { width: calc(100% - 364px - 4px);}
.pokemon .fb_spa4 .w1on3 { width: 100%;}
.pokemon .linkList { max-width: 15em;}

.flexBox.publisher .blk01 { width: 30.61vw; margin-right: 1vw;}
.flexBox.publisher .blk02, .flexBox.publisher .blk03 { width: 28.57vw;}
.publishing_shopromall { margin-bottom: 4vw; padding: 1.734vw;}
.publishing_other .shoprobooks .flexBox { padding: 0 0.2vw;}
.publishing_other .shoprobooks a { padding-top: 2.04vw; padding-bottom: 1.326vw;}

.product_blk .box01 img { width: 24vw;}
.product_blk .box02 { position: absolute; top: 1vw; left: 30vw; width: 28vw;}

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

.kids .flexBox.fb_spa7 .w1on3 { height: 25vw; padding: 1.5em;}
.kids .w1on1.p08px { padding: .8em .8em .3em;}

/*++++++++++++++++++++++++++++++++++++*/
/*               FOOTER               */
/*++++++++++++++++++++++++++++++++++++*/
footer { padding: 2.04vw 0 5.1vw;}
footer .right { float: right;}

.footer ul li a { font-size: .8rem;}
#wrap_footer .mark { float: left;}
#wrap_footer .mark .jp { font-size: 120%;}
#wrap_footer .mark .en { font-size: 91%;}
.footer ul li a::before { top: .1em; width: 1em; height: 1em;}
.copywrite { font-size: 0.5rem; font-size: 9.5px;}


}


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

#wrap_header { padding: 4vw 0 2vw;}

#container {
  background: #fff;
}
#content {padding: 0;}
#side {
  margin-top: 4vw;
  padding: .9em .7em;
  font-size: 1rem; 
}
  #side p { font-size: 0.6875rem; font-size: 12.5px;}

footer { padding: 1.5em 0 2em;}

.head_attention { margin-top: 0.5vw; margin-bottom: 0; font-size: 0.6875rem; font-size: 12.5px;}

.fs6px { font-size: 0.375rem;}
.fs10px { font-size: 0.625rem;}
.fs11px { font-size: 0.6875rem;}
.fs12px { font-size: 0.75rem;}
.fs13px { font-size: 0.8125rem;}
.fs14px { font-size: 0.875rem;}
.fs18px { font-size: 1.125rem;}
.fs20px { font-size: 1.25rem;}

.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 { font-size: 0.45rem;}

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

.greeting p { font-size: 0.8125rem;}

.border {}

/*++++++++++++++++++++++++++++++++++++*/
/*               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 { padding-top: 1vw;}
  .topNav .menu li a { margin-right: 1.8rem; padding: 0 0 0 1.7em; font-size: .62rem;}
    .topNav .menu li a::before {  bottom: 0; width: 0.75rem; height: 0.75rem;}

/*++++++++++++++++++++++++++++++++++++*/
/*              HEADDING              */
/*++++++++++++++++++++++++++++++++++++*/
h1 {
  display: block;
  margin: 0;
  padding: .5rem .5rem .6rem 8.5%;
  border-bottom: 1px solid #ccd9ea;
  font-size: .9rem;
  text-align: left;
}
  h1::before {
    width: 5px;
    height: 65%;
    top: 0;
    bottom: 0;
    left: 5%;
    margin: auto;
  }
h2 {
  font-size: .8rem;
  border-left: 2px solid #004894;
}
#side h2 { margin-bottom: .7em; font-size: .9rem;}
h2.index { font-size: 0.875rem; white-space: nowrap;}
.h3_middle h3 { font-size: 0.8125rem;}
h3.bgBlue { margin-bottom: .3rem; font-size: 0.6875rem; border-left: .35rem solid #8A3474;}

h1, .pageTitleBlock h2 {
  font-size: 1rem;
  line-height: normal;
}
#content h2 { font-size: 0.75rem;}
.btn_detail_blk { justify-content: center; padding-top: .5em;}

/*++++++++++++++++++++++++++++++++++++*/
/*             NAVIGATION             */
/*++++++++++++++++++++++++++++++++++++*/
#menu_container > li > a { pointer-events:auto;}
.navTitle,
nav#nav_pc { display: none;}

nav#nav_smp {
  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.5em 0;
  font-size: .8rem;
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  transition: ease-in-out 100ms;
}
  .accordion-item p::before,
  .accordion-item p::after {
    content: "";
    position: absolute;
    top: 15%;
    bottom: 0;
    right: 1rem;
    margin: auto;
    width: .2em;
    height: .8em;
    background: #fff;
    opacity: 0;
    transition : all 0.5s;
  }
  .accordion-item p::before { transform: translate(-50%,-50%) rotate(90deg);}
  .accordion-item p::after { transform: translate(-50%,-50%) rotate(0deg);}
  
  .accordion-item p.accordion-gold::before, .accordion-item p.accordion-gold::after { opacity: 1;}
  .accordion-item p.accordion-gold::before { transform: translate(-50%,-50%) rotate(45deg);}
  .accordion-item p.accordion-gold::after { transform: translate(-50%,-50%) rotate(-45deg);}

.accordion-text {
  display: none;
  position: absolute;
  width: 100%;
  padding: 0;
  background: #fff;
  border-top: 3px solid #ccd9ea;
  border-bottom: 3px solid #ccd9ea;
  font-size: 0.875rem;
  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:not([aria-hidden]) {
    display: block;
    padding: .3em 1em;
    font-size: 0.9375rem;
    font-weight: bold;
    background: rgb(255,255,255,0.3);
  }
  .first > li msreadoutspan span {
    display: inline;
    border-bottom: none;
  }

  .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: 0.875rem;
  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;
}

/*Reset*/
.menu_head .toggle_switch::before,
.menu_head > li::after,
.menu_head > li:first-of-type > a::after,
.menu_ttl:nth-of-type(2) .menu_head > li:last-of-type > a::after { display: none;}
.pc_menu { display: none; border: none !important; padding: 0 !important; line-height: 0 !important;}
.smp_menu { display: block;}

.nav_bg { padding-bottom: 0;}
#nav_pc { background: #fff;}

#menu_container {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  border: none;
}
#menu_container .menu_ttl {
  position: static;
  padding: 5vw 0!important;
  padding: 0;
  border: none;
  font-size: .8rem;
  letter-spacing: 3px;
}
 #menu_container .menu_ttl:first-of-type,
 #menu_container .menu_ttl:nth-of-type(2) { width: 49.5%;}

.menu_ttl > a { pointer-events: auto;}

.menu_ttl .rotate-fa {
  display: block!important;
  position: absolute;
  right: .8em;
  top: 25%;
  opacity: 0;
  transition: ease-in-out 300ms;
}
.menu_ttl .active .rotate-fa {
  right: 1em;
  top: 20%;
  opacity: 1;
  transform: rotate(180deg);
}
    .menu_head {
        display: none; /* 初期状態で非表示 */
    }

    .menu_head.active {
        display: flex; /* メニューが開かれた場合に表示 */
        flex-direction: column; /* 子要素を縦並びに */
    }

  
.menu_head {
  flex-direction: column;
  width: 100%;
  margin: 0;
  background: #fff;
  border-top: 3px solid #ccd9ea;
  border-bottom: 3px solid #ccd9ea;
  box-shadow: 0px 8px 6px -5px rgba(0, 0, 0, 0.6);
  z-index: 100000;
}
.menu_head li {
  padding: 0;
}
.menu_head li a {
  position: relative;
  padding: .8em 1em .8em 2.5em;
  background: #004894;
  border: none;
  border-bottom: 1px solid #fff;
  font-size: 0.875rem;
  color: #fff;
  text-align: left !important;
}
.menu_head 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;
}
.menu_proj {
  display: block;
  position: static;
  visibility: visible;
  opacity: 1;
}
.paleblue .menu_proj a { background: #0075C2;}
.green .menu_proj a { background: #529E35;}
.purple .menu_proj a { background: #693E82;}
.marketing + li a { background: #8A3474; padding: 1.2em 1em 1.2em 2.5em;}
#nav_com li:first-of-type a { padding: 1.2em 1em 1.2em 2.5em;}

.menu_head .toggle_switch > a,
.smp_menu.marketing a {
  padding: 1rem;
  font-size: 0.9375rem;
  font-weight: bold;
}
#nav_com a.pc_menu { display: none;}

.smp_menu.marketing a::before { display: none;}

.menu_head .toggle_switch.paleblue > a,
.menu_head li .currentBlue { background: #4d9fd5;}
.menu_head .toggle_switch.green > a,
.menu_head li .currentGreen { background: #86bb72;}
.menu_head .toggle_switch.purple > a,
.menu_head li .currentPurple { background: #9678a8;}
.smp_menu.marketing a { background: #ad719e;}
  .currentPurpleRed::before { display: none;}


/*++++++++++++++++++++++++++++++++++++*/
/*            BREAD CLUMB             */
/*++++++++++++++++++++++++++++++++++++*/
.wrap_bread {
  font-size: 70%;
  overflow: auto;
}
.breadcrumb { width: 100%; height: auto; padding: 0 0 0 5%!important;}
.breadcrumb li { font-size: 0.5rem; font-size: 0.53rem; 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: 0.5625rem;
  font-size: 0.6rem;
  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: 1em .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;}

  .print_list {
    position: static;
    width: 100%;
    height: auto;
    padding: 0 .5em!important;
    border: none;
    background: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.5625rem;
    font-weight: 500;
  }
  .print_list .nav_item .panel {
    left: 0;
    margin: auto;
    width: 80%;
}
  .js-dropdown {
    height: auto;
    padding: .9em 2.5rem .5em 27px;
}
  .js-dropdown:hover {
    background: NONE;
    color: #004894!important;
  }
  .js-dropdown:hover .print_icon::after {
    border-color: #004894 transparent transparent transparent;
  }
  
  .print_icon::after { right: 13em;}

.btn_details { display: inline-block; font-size: 0.5625rem; font-size: .7rem;}
.btn_details::before { top: .3em;}

.btn_yudo { display: block;}

.print_list .nav_item a { font-size: 0.625rem;color: #004894;}

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

.w75p.greeting { width: 100%;}

.pageTitleBlock { display: block; padding: 2vw 0 .4vw; text-align: center;}
#pageTitle .btn_details::before { /*left: -1.2em;*/}
.flexBox div span.ttl { font-size: 0.6625rem;}

.index_band { font-size: 0.75rem; width: 85%;}
h2.index.absolute { margin-bottom: 2em;}
.access_link_area { margin-left: 0; top: 125%;}
.access .access_link_area .btn_details { margin: 0 0 0 .3rem;}

.guide > li { font-size: 0.8125rem;}
.guide.overview > li h3 { width: 7em; font-size: 0.8125rem; white-space: nowrap;}
.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.2rem;}
  .guide.history > li .content { width: 100%; padding: 1em 0 .5em 1.5em;}
  .external { margin-right: 0;}

.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%;
    font-size: 0.6875rem;
  }
  .num_square {
    left: 20vw;
    top: 0;
    bottom: 0;
    margin: auto;
  }

#btn_pagetop a {
  width: 13vw;
  height: 13vw;
  font-size: 0.5rem; font-size: 9.5px;
}
#btn_pagetop a span {
  bottom: 2vw;
  line-height: 1.2;
}
#btn_pagetop a::before,
#btn_pagetop a::after {
  top: 2.5vw;
  left: calc(50% - 2px);
  width: min(.5vw, 3px);
  height: min(2.5vw, 15px);
  transform-origin: 50% .1vw;
}
.anime .disc_icon li { font-size: 12.5px;}

/*========================*/
/*        flex box     　 *//*フレックス*/
/*========================*/
.flexBox, .flexBox.ragged { row-gap: 1.5vw;}
  .fb_spa4 .w1on5 { width: calc(33% - .2rem);}
  .fb_spa6 .w1on3 { width: calc(100% / 3 - .2rem);}
  .fb_spa7 .w1on3 { width: calc(33% - .2rem);}
  .fb_spa9 .w1on2 { width: calc(50% - .4rem);}

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

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

  .mb30px { margin-bottom: .8rem!important;}
  .mb32px { margin-bottom: 1rem!important;}

  .p06px { padding: .2rem;}
  .p08px { padding: .2rem;}
  .p09px { padding: .3rem;}
  .p12px { padding: .3rem;}

  .p04pxWrap .w1on1,
  .p04pxWrap .w1on3,
  .p04pxWrap .w1on4,
  .p04pxWrap .w1on5 { padding: 1.3vw;}
  .p06pxWrap > .w1on1,
  .p06pxWrap > .w1on2,
  .p06pxWrap > .w1on3,
  .p06pxWrap > .w1on4 { padding: 1.6vw;}
  .p09pxWrap > .w1on1,
  .p09pxWrap > .w1on2,
  .p09pxWrap > .w1on3,
  .p09pxWrap > .w1on4,
  .p09pxWrap > .w2on3,
  .aboutcafe .w01,
  .aboutcafe .w02 { padding: .45rem;}

  .crossmedia > #content > .flexBox { width: 100%;}
  .crossmedia .flexBox .border { align-items: flex-start; padding-bottom: 1.5vw;}
  .crossmedia .flexBox > div { width: 100%;}
  .crossmedia .flexBox > div.w1on2.p06pxWrap.p00 { flex-wrap: nowrap;}
    .crossmedia .flexBox > div.w1on2.p06pxWrap.p00 div { width: 48%;}
  .crossmedia .flexBox.tate_sb { gap: 2vw 1.5%; margin-bottom: 5vw;}
  .crossmedia .w1on3 { width: 32.33%!important;}
  .crossmedia .linkarea .w1on3 { width: 90%!important;}
  .crossmedia .linkarea .w1on3 + .w1on3 { margin-left: 0; margin-top: 2vw;}
  .crossmedia .w2on3 { padding-bottom: .5rem;}

.logo_ohasuta { width: 90%; margin: .5rem auto .5rem!important;}
.logo_ohasuta + .tfScale_60L.pb40px { padding-bottom: 3em;}
.logo_tomyplaworld { width: 100%;}
.logo_jumpch { width: 80%; margin: 2vw auto 5vw;}
.logo_jumpla { width: 78%; margin: 0 auto 4vw;}
.logo_mangaplus { width: 86%; margin-bottom: 5vw;}
.logo_animeyugio { width: 90%; margin-top: 0; margin-bottom: 1vw;}
.logo_manda { width: 90%;}
.logo_saikyojump { width: 37vw; margin: 0 auto 4.5vw;}

.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 { width: 50%!important; margin: 0 auto 2em!important;}
.logo_dorakids { width: 90%!important; margin: 1rem 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;}

.logo_chickipfes { width: 23vw !important;}


/*========================*/
/*     各ページ細部の設定     */
/*========================*/
#pageTitle .mailorder_ttl .btn_details::before { left: 0;}
.top p.last.fs18px { margin-bottom: 1.2em !important; padding-bottom: 1em; font-size: 1.125rem;}
.top h2 { font-size: .9rem;}

.representative {
  width: 50%!important;
  margin: 1.5rem auto 0!important;
}

.access .btn_details { margin: 0 0 0 .8em; padding-left: .7rem;}

.crossmedia {}
.crossmedia span.coB { font-size: 0.6rem;}

.global .flexBox { align-items: stretch;}
  .global .flexBox .flexBox { display: block;}
  .global .flexBox .flexBox .ml08 { margin-left: 0; margin-top: 1em; margin-bottom: -1em;}
  .minusTop_sing { margin-top: 0;}
  .minnions .w40p {height: 70px;}
  .global .p06pxWrap > .border { margin-bottom: 2%;}
  .global .p06pxWrap img { width: 93%;}
  .global.fb_spa9 .w1on4 { width: calc(33% - .2rem); padding: 1.6vw;}
  .global .gapC_12p { column-gap: 1.6%;}

.anime .flexBox { width: 100%;}
.anime .fb_spa5 .w1on3 { width: calc(100% / 3 - 1.5%);}
.anime .w1on1.border { padding: 1vw 1vw 0 1vw;}
.anime .w1on3:nth-of-type(1) .w1on1.border,
.anime .w1on3:nth-of-type(2) .w1on1.border,
.anime .w1on3:nth-of-type(3) .w1on1.border { min-height: 48vw;}
.anime .w1on3:nth-of-type(4) .w1on1.border,
.anime .w1on3:nth-of-type(5) .w1on1.border,
.anime .w1on3:nth-of-type(6) .w1on1.border { min-height: 45vw;}
.anime .w1on3:nth-of-type(7) .w1on1.border,
.anime .w1on3:nth-of-type(8) .w1on1.border,
.anime .w1on3:nth-of-type(9) .w1on1.border { min-height: 48vw;}
  .anime .btn_details { font-size: 0.5625rem;}
  .anime .w1on3 .btn_details { margin: 0;}

.dora_logo { column-gap: 4vw; margin: 0 auto 2vw;}
.dora_main { width: 100% !important;}

.pokemon .flexBox { column-gap: 2.5%;}
  .pokemon .p09pxWrap .border { padding: .2rem;}
  .pokemon .w1on2,
  .pokemon .w2on3 { margin-right: 0;}
  .pokemon .w1on2 { width: calc(49.8% - 4px);}
  .promote .w1on4 { width: calc(50% - 1.44%);}
  .pokemon .w2on3,
  .pokemon .w1on3.p00 { width: 100%;}
  .pokemon .w1on3.p00 { margin-bottom: 1em;}
  .pokemon .linkList { max-width: 92%;}
  /*.promote .w1on4 .tfScale_60L { margin-bottom: -4px;}*/
  .promote .mb20px > .border { margin-bottom: .7rem;}
  .chiten_txt { width: 78%!important; margin-top: 1.2vw !important;}

.doraemon .w1on1.mb22px { margin-bottom: .8rem !important;}
  .doraemon .fb_spa6 .w1on2 { width: calc(85% / 2 - .3rem);}
  .doraemon .fb_spa6 .w1on2:nth-of-type(2) { width: 56%;}
  .doraemon .fb_spa6 .w1on3 { width: calc(100% / 3 - .3rem);}
  .doraemon_facility { width: 85%; padding: 2.5vw 2vw .5vw;}
  
.product .btn_detail_blk { width: 90%; margin: 0 auto;}
.product .btn_details + .btn_details { margin-left: 0;}
  .publishing a.w1on4,
  .fb_spa7 .w1on4 { width: calc(50% - .25rem); margin-bottom: .5rem;}
  .publisher .left { width: 100%;} 
  .publisher .right { width: 100%;}
  .publisher .right .w1on3 { width: calc(33.2% - 5px);/* width: calc(50% - 5px); margin-right: 5px;*/}
  .publisher .right .w1on2 { width: calc(100% / 2 - 1.25%); margin-right: 2.5%;}
  .flexBox.publisher { margin-bottom: 1.6em;}

.flexBox.publisher.grid {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
  .flexBox.publisher .blk02 { order: 1;}
  .flexBox.publisher .blk01 { order: 2;}
  .flexBox.publisher .blk03 { order: 3;}
  .flexBox.publisher .blk01,.flexBox.publisher .blk02, .flexBox.publisher .blk03 { width: 100%; margin-right: 0;}
    .flexBox.publisher.grid .blk01 span.tfScale_80L { margin-top: 0;}
    .flexBox.publisher { margin-bottom: .8em;}
    .publishing_other .whiskeymew { width: 50.8%;}
    .publishing_other .shoprobooks { width: 46.5%;}

.product_blk {
  display: block;
  margin-bottom: 3em;
  padding: .4rem;
}
.product_blk .box01 { display: block;}
  .product_blk .box01 img { width: 100%; margin-right: 0;}
  .product_blk .box01 span { margin-bottom: 2em;}
  .product_blk .box02 { position: static; display: block; width: 80%;}

.logo_shopromall { width:  100px;}

.alliance_blk { padding: 3vw;}

.anti_00 .border { display:flex; align-items: center; justify-content: center; flex-direction: column;}
  .anti_01 .border, .anti_02 .border { padding: 1em 0;}
  .anti_00 .btn_details { padding: 0;}

.kids .fleai { align-items: stretch;}
  .kids .flexBox .w1on3 { display: flex; flex-wrap: wrap; align-items: flex-end;}
  .kids .border.mb20px,
  .kids .fleai.mb20px { margin-bottom: 1rem !important;}
  .kids .mb20px > .border { margin-bottom: 0;}
  .kids .flexBox.fb_spa7 .w1on3 { height: auto; margin-bottom: 0;}

.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 .border { padding-bottom: 0;}
  .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%;}
  .chilEducation .flexBox.w2on3 { width: 100%;}
  .chilEducation .marushe_member { width: 35.3%;}
  .chilEducation .marushe_cafe { width: 60.8%;}
  .chilEducation #pageTitle .btn_details { margin-left: 1em;}
  .btn_print.ciledu { width: 48%;}
  .poke-global_logo img { max-width: 67%;}

.bgBellipse { margin-top: 0.5em; font-size: 0.65rem;}
  .contract_facility { font-size: 0.625rem;}
  .triangle-L::before,
  .contract_performance li::before { width: .5em; height: .5em; top: .16em; border: .5em solid transparent; border-left: .7em solid #003e8d;}
  .contract_performance li::before { top: .5em;}
  .contract_performance { margin-bottom: 0!important; font-size: 0.625rem;}
  .contract_resultsR { padding-left: 0; margin-top: 1em; width: 80%!important;}
  .contract_resultsR .w1on2,
  .contract_resultsR .w1on2:first-of-type { width: 100%; margin-bottom: .5rem;}
  .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;}

  .public01side h3,
  h3.fs16px.coB { font-size: .85rem!important;}
  .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 {}
    .new_business .flexBox.fleai .w1on3,
    .new_business .flexBox.fleai .w2on3 { width: 100%; padding-left: 0;}
    .new_business .box01 { width: 100%;}
    .new_business .box02 { width: 100%;}
    .new_business .w1on1 .w1on2:nth-of-type(2) { text-align: center;}
    .new_business .tfScale_70L { margin-bottom: 0; margin-left: 1em;}
    .new_business .w1on1.mb40px { margin-bottom: 7vw !important;}
    .new_business .kotei .w1on3 { flex-flow: row; align-items: baseline; width: 100%;}
    .new_business .kotei .w1on3 img { width: 49%;}
    .new_business .fb_spa5 .w1on3 { width: calc(100% / 2 - 5px);}
    .new_business .kotei.border,
    .new_business .border { padding: 1.5vw;}
    .new_business .border p { padding-bottom: .2rem; font-size: .6875rem;}
    .new_plan .w1on3:nth-of-type(3) { width: 100%; margin-top: 3vw;}
    .publishing .flexBox.left { width: 60%; max-width: fit-content;}
    .publishing .flexBox.right { width: 100%; max-width: fit-content;}
    .poke-global_class { width: 100%!important; margin-right: auto!important; margin-left: 0!important;}
    .other_txt { position: static; width: 100%; margin-bottom: 7vw; font-size: 1rem; padding-top: 3vw; text-align: center;}

  .anime .w1on3 { width: calc(33% - 4px); padding: 0;}
  .conan_department .w1on3 { padding: 5px;}
  .conan_department .w1on3.w03 { width: 100%;margin-bottom: 2vw;}
  .conan_department .border { margin-bottom: 0;}
  .conan_department .conan_plaza { width: 66%;}
  .conan_department .w1on3.p00.w03 { width: 66%; margin-left: 0;}
  .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: 4vw; 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%;}
    .contentTxt { font-size: 0.625rem;}

  .eduCon_shikou { width: 95%; margin-top: 7.5em;}
    .edu_content .w1on2.border { margin-bottom: 2vw;}
    .edu_content .p06pxWrap > .w1on2 { padding-bottom: 1.5vw;}
    .contentTxt.developbook { padding: .2em 0 .5em;}
    .edu_content#content .btn_details { margin: .6vw 0 0;}
    .eduCon_tatsujin { margin-top: 10vw;}
    .eduCon_tatsujin + .contentTxt { margin-bottom: 4em;}

  .digital_business .flexBox { row-gap: 4vw;}
  .digital_business .flexBox.fb_spa6 h2 { display: block;}
  .digital_business .flexBox.fb_spa6 h2 .fs16px { font-size: .75rem;}
  .digital_business .w3on4 { width: 100%; margin-bottom: 1rem;}
  .digital_business .w1on3 > .border { min-height: 24vw;}
    .digital_business .btn_details { padding: 0; font-size: .6rem;}
    .digital_business .w3on4.border.p08px { padding: .4rem;}
    .eduCon_sheet { width: 100% !important; margin-bottom: 0 !important; margin-top: 2vw !important;}
    .img_model { padding-top: 2.7vw; padding-bottom: 2.7vw;}

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

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

#wrap_footer .mark,
footer .right { float: none;}
#wrap_footer .mark .jp span {
  padding-left: 0;
  font-size: .8rem;
  }
#wrap_footer .mark { margin-bottom: 1.5em;}
#wrap_footer .mark .en {
  font-size: .61rem;
}
.footer {  width: 95%; margin: 0 auto; font-size: 90%;}
  .footer ul {text-align: center;}
  .footer ul li {
    padding-bottom: .7em;
    padding-left: 1rem;
  }
  .footer ul li a { padding-left: 1.2em; font-size: .75rem;}
  .footer ul li a::before,
  .footer ul li a::after { }
  .footer ul li a::before {
    width: 1em;
    height: 1em;
  }
  .footer ul li a::after { right: 2px;}
  .copywrite {
    font-size: 0.4rem;
    text-align: center;
  }


}