@charset "UTF-8";

/* リセットCSS */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;m-banner__link
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

#mainContents {
      display:block;
  }

#mainContents {
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
}

/* #mainContents img {
  max-width:100%;
  height:auto;
  vertical-align: bottom;
} */

#mainContents ol,#mainContents ul {
  list-style: none;
}

#mainContents table {
  border-collapse: collapse;
  border-spacing: 0;
}

#mainContents a {
  color: #08c;
  text-decoration: none;
}

#mainContents btn {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}

/* 文字装飾 */
.g-tcenter {text-align: center !important;}
.g-tleft {text-align: left !important;}
.g-tright {text-align: right !important;}

.g-center {
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
  table-layout: fixed;
}

.g-left {
  display: table !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  table-layout: fixed;
}

.g-right {
  display: table !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  table-layout: fixed;
}

.g-xxxlarge {font-size: 128%!important;}
.g-xxlarge {font-size: 121%!important;}
.g-xlarge {font-size: 114%!important;}
.g-large {font-size: 107%!important;}
.g-medium {font-size: 100%!important;}
.g-small {font-size: 92%!important;}
.g-xsmall {font-size: 85%!important;}
.g-xxsmall {font-size: 78%!important;}
.g-xxxsmall {font-size: 71%!important;}

.g-bold {font-weight: bold !important;}
.g-normal {font-weight: normal !important;}

.g-black {color: #000000 !important;}
.g-red {color: #e60012 !important;}
.g-pure-red {color: #ff0000 !important;}
.g-blue {color: #0088cc !important;}
.g-gray {color: #808080 !important;}
.g-white {color: #ffffff !important;}
.g-standard {color: #42aa92 !important;}
.g-highlevel {color: #699ad2 !important;}
.g-basic {color: #f27191 !important;}

.g-nowrap {white-space: nowrap !important;}

.g-underline { text-decoration:underline; }

/* マージン・パディング-共通 */
.g-mt-0  {margin-top: 0px !important;}
.g-mt-5  {margin-top: 5px !important;}
.g-mt-10 {margin-top: 10px !important;}
.g-mt-15 {margin-top: 15px !important;}
.g-mt-20 {margin-top: 20px !important;}
.g-mt-25 {margin-top: 25px !important;}
.g-mt-30 {margin-top: 30px !important;}
.g-mt-35 {margin-top: 35px !important;}
.g-mt-40 {margin-top: 40px !important;}
.g-mt-45 {margin-top: 45px !important;}
.g-mt-50 {margin-top: 50px !important;}
.g-mt-60 {margin-top: 60px !important;}
.g-mb-0  {margin-bottom: 0px !important;}
.g-mb-5  {margin-bottom: 5px !important;}
.g-mb-10 {margin-bottom: 10px !important;}
.g-mb-15 {margin-bottom: 15px !important;}
.g-mb-20 {margin-bottom: 20px !important;}
.g-mb-25 {margin-bottom: 25px !important;}
.g-mb-30 {margin-bottom: 30px !important;}
.g-mb-35 {margin-bottom: 35px !important;}
.g-mb-40 {margin-bottom: 40px !important;}
.g-mb-45 {margin-bottom: 45px !important;}
.g-mb-50 {margin-bottom: 50px !important;}
.g-mb-60 {margin-bottom: 60px !important;}
.g-ml-0  {margin-left: 0px !important;}
.g-ml-5  {margin-left: 5px !important;}
.g-ml-10 {margin-left: 10px !important;}
.g-ml-15 {margin-left: 15px !important;}
.g-ml-20 {margin-left: 20px !important;}
.g-ml-25 {margin-left: 25px !important;}
.g-ml-30 {margin-left: 30px !important;}
.g-ml-35 {margin-left: 35px !important;}
.g-ml-40 {margin-left: 40px !important;}
.g-ml-45 {margin-left: 45px !important;}
.g-ml-50 {margin-left: 50px !important;}
.g-ml-60 {margin-left: 60px !important;}
.g-mr-0  {margin-right: 0px !important;}
.g-mr-5  {margin-right: 5px !important;}
.g-mr-10 {margin-right: 10px !important;}
.g-mr-15 {margin-right: 15px !important;}
.g-mr-20 {margin-right: 20px !important;}
.g-mr-25 {margin-right: 25px !important;}
.g-mr-30 {margin-right: 30px !important;}
.g-mr-35 {margin-right: 35px !important;}
.g-mr-40 {margin-right: 40px !important;}
.g-mr-45 {margin-right: 45px !important;}
.g-mr-50 {margin-right: 50px !important;}
.g-mr-60 {margin-right: 50px !important;}

.g-pt-0  {padding-top: 0px !important;}
.g-pt-5  {padding-top: 5px !important;}
.g-pt-10 {padding-top: 10px !important;}
.g-pt-15 {padding-top: 15px !important;}
.g-pt-20 {padding-top: 20px !important;}
.g-pt-25 {padding-top: 25px !important;}
.g-pt-30 {padding-top: 30px !important;}
.g-pt-35 {padding-top: 35px !important;}
.g-pt-40 {padding-top: 40px !important;}
.g-pt-45 {padding-top: 45px !important;}
.g-pt-50 {padding-top: 50px !important;}
.g-pb-0  {padding-bottom: 0px !important;}
.g-pb-5  {padding-bottom: 5px !important;}
.g-pb-10 {padding-bottom: 10px !important;}
.g-pb-15 {padding-bottom: 15px !important;}
.g-pb-20 {padding-bottom: 20px !important;}
.g-pb-25 {padding-bottom: 25px !important;}
.g-pb-30 {padding-bottom: 30px !important;}
.g-pb-35 {padding-bottom: 35px !important;}
.g-pb-40 {padding-bottom: 40px !important;}
.g-pb-45 {padding-bottom: 45px !important;}
.g-pb-50 {padding-bottom: 50px !important;}
.g-pl-0  {padding-left: 0px !important;}
.g-pl-5  {padding-left: 5px !important;}
.g-pl-10 {padding-left: 10px !important;}
.g-pl-15 {padding-left: 15px !important;}
.g-pl-20 {padding-left: 20px !important;}
.g-pl-25 {padding-left: 25px !important;}
.g-pl-30 {padding-left: 30px !important;}
.g-pl-35 {padding-left: 35px !important;}
.g-pl-40 {padding-left: 40px !important;}
.g-pl-45 {padding-left: 45px !important;}
.g-pl-50 {padding-left: 50px !important;}
.g-pr-0  {padding-right: 0px !important;}
.g-pr-5  {padding-right: 5px !important;}
.g-pr-10 {padding-right: 10px !important;}
.g-pr-15 {padding-right: 15px !important;}
.g-pr-20 {padding-right: 20px !important;}
.g-pr-25 {padding-right: 25px !important;}
.g-pr-30 {padding-right: 30px !important;}
.g-pr-35 {padding-right: 35px !important;}
.g-pr-40 {padding-right: 40px !important;}
.g-pr-45 {padding-right: 45px !important;}
.g-pr-50 {padding-right: 50px !important;}

/* ボックスの色 */

.m-bg--blue {background: #0070cb; color: #ffffff;}
.m-bg--sky {background: #edf7ff; }
.m-bg--white {background-color: #ffffff;}
.m-bg--pink {background-color: #EC6E81; color: #ffffff;}
.m-bg--beige {background-color: #f5f2e9;}
.m-bg--cream {background-color: #fff6cc;}
.m-bg--yellow {background-color: #ffea00;}
.m-bg--orange {background-color: #fa7500;color: #ffffff;}
.m-bg--gray { background-color:#f2f2f2 ; }
.m-bg--red { background-color:#e60012 ; }
.m-bg--rightyellow {background:#fffadc;}
.m-bg--rightpink { background:#f27191;color:#fff;}

.m-bdr--gray_1px { border:1px solid #f2f2f2; border-radius: 5px; }
.m-bdr--cream_1px--top { border-top:1px solid #faed96; }


/* ボックスの矢印 */

.m-bg--arrow-top:after,
.m-bg--arrow-bottom:after {
  content: "";
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
}

.m-bg--pink.m-bg--arrow-top:after {border-color: transparent transparent #EC6E81 transparent;}
.m-bg--blue.m-bg--arrow-top:after {border-color: transparent transparent #0070cb transparent;}
.m-bg--pink.m-bg--arrow-bottom:after {border-color: #EC6E81 transparent transparent transparent;}
.m-bg--blue.m-bg--arrow-bottom:after {border-color: #0070cb transparent transparent transparent;}
.m-bg--beige.m-bg--arrow-top:after { border-color:  transparent transparent #f5f2e9 transparent;}
.m-bg--beige.m-bg--arrow-bottom:after { border-color:  #f5f2e9 transparent transparent transparent;}
.m-bg--orange.m-bg--arrow-top:after { border-color: transparent transparent #fa7500 transparent;}
.m-bg--orange.m-bg--arrow-bottom:after { border-color: #fa7500 transparent transparent transparent;}

.m-bg--gray.m-bg--arrow-top {margin-top:80px;}
.m-bg--gray.m-bg--arrow-top:after {
  top: -50px;
  border-width: 0 83px 50px 83px;
  border-color: transparent transparent #f2f2f2 transparent;
}

/* リンク */

.m-link-icon {
  position: relative;
  padding-left: 12px;
  display: inline-block;
  color: #08c;
}

.m-link-icon:after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 8px;
  height: 13px;
  background-image: url(/common/_share16_icon_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -266px;
  -webkit-background-size: 80px 2783px;
  -moz-background-size: 80px 2783px;
  background-size: 80px 2783px;
  margin-top: -8px;
  left: 0px;
  top: 50%;
  overflow: hidden;
}

.g-white.m-link-icon:after {
  background-position: 0px -164px;
}

.m-link-icon:hover {
  text-decoration: underline;
}

.m-bg--gray .m-sline--sky_summer {
border-bottom:solid #ffffff 2px;
}

.m-sline--sky_summer{
    border: none;
    border-bottom: solid #f3f3f3 2px;
        margin: 20px 0 50px;
}
.m-yellowback--area--summer + .m-blueback--area--summer {
  margin-top:120px
}
.m-yellowback--area--summer--shidou {
    max-width: 300px;
    margin-bottom: 20px;
}
.m-yellowback--area--summer--shidou {
    width:100%
}
  p.lineup__icn--blue.lineup__icn--yellow {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 10px;
    top: 70px;
    left: -10px;
    background: #ffff00;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    color: #ff0000;
}
/* テーブル */

.g-table-01 {
  width:100%;
  border:#e0e0e0 solid 1px;
}

.m-point--col .g-table-01 {
    table-layout: fixed;
}

.table_fixed {
  table-layout: fixed;
}

.g-table-01 th,.g-table-01 td {
  border:#e0e0e0 solid 1px;
  padding:10px;
}

.g-table-01 th {
  background:#f2f2f2;
}

.g-table-01 td {
  background:#ffffff;
}

.g-vmiddle {
  vertical-align: middle;
}

.g-vtop {
  vertical-align: top;
}

.g-vbottom {
  vertical-align: bottom;
}

/* 学年カラー */

.m-textcolor--sho1,.m-textcolor--sho1 span {
  color: #ec6e81 !important;
}

.m-textcolor--sho2,.m-textcolor--sho2 span {
  color: #009e3b !important;
}

.m-textcolor--sho3,.m-textcolor--sho3 span {
  color: #006eb3 !important;
}

.m-textcolor--sho4,.m-textcolor--sho4 span {
  color: #fa7500 !important;
}

.m-textcolor--sho5,.m-textcolor--sho5 span {
  color: #8ec31f !important;
}

.m-textcolor--sho6,.m-textcolor--sho6 span {
  color: #6b5cad !important;
}


/* 通常リスト */

.m-normallist li:before {
  content:"・";
  margin-left:-1.1em;
}

.m-normallist > li {
    padding-left: 1.1em;
}

/* ●リスト */

.m-circlelist > li:before {
  content:"●";
  margin-left:-1.1em;
  padding-right:3px;
}

.m-circlelist > li {
  padding-left: 1.1em;
}

/* ■リスト */

.m-squarelist {
  margin-top:20px;
}

.m-squarelist > li {
  position:relative;
  padding-left: 1.1em;
}

.m-squarelist > li:before {
  content:"■";
  color:#005bac;
  margin-left:-1.1em;
}

/* チェックボックスリスト */

.m-checkbox-list > li {
  padding-left: 1.1em;
}

.m-checkbox-list > li:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(/common/_share16_icon_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -571px;
  -webkit-background-size: 80px 2783px;
  -moz-background-size: 80px 2783px;
  background-size: 80px 2783px;
  margin-top: 5px;
  top: 6px;
  margin-left:-1.1em;
}

/* 注釈 */

.m-remarklist {
  text-align: left;
  color: #808080;
}

.m-remarklist > li {
  padding-left: 1.1em;
  position: relative;
}

.m-remarklist > li:before {
  content: "※";
  margin-left:-1.1em;
  padding-right:3px;
}

/*remarklist*/
.m-n-remarklist--center {
  text-align: center;
}
.m-n-remarklist__list {
  color: #444;
  line-height: 1.5;
}
.m-n-remarklist__icon {
  position: relative;
  padding-left: 1.1em;
  display: inline-block;
}
.m-n-remarklist__icon:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

/* ボタン */

.m-btn-wrap {
  margin: 15px 0;
}

.m-btn-wrap:after {
  clear:both;
  content:"";
  display:block;
}

.m-btn-wrap__item {
    margin-top: 15px;
}


.m-btn {
  padding: 10px 35px 9px;
  position: relative;
  border-radius: 5px;
  display: block;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  text-align: center;
  border: 0;
  cursor: pointer;
  transition: background-color .2s,opacity .2s;
  width:100%;
}

.m-btn:after {
  position: absolute;
  content: '';
  display: block;
  width: 7px;
  height: 11px;
  background-image: url(/common/_share16_icon_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -166px;
  -webkit-background-size: 80px 2783px;
  -moz-background-size: 80px 2783px;
  background-size: 80px 2783px;
  margin-top: -5px;
  right: 10px;
  top: 50%;
  overflow: hidden;
}

.m-btn a {
  display:block;
  margin:-10px -35px;
  padding:10px;
}

.m-btn--l > a,a.m-btn--l {
  padding:10px;
}

.m-btn--xl > a,a.m-btn--xl {
  padding:15px;
}

.m-btn--xxl > a,a.m-btn--xxl {
  padding:25px;
}

/* 青いボタン */

.m-btn--blue {
  background-color: #0070cb;
}

.m-btn--blue:hover {
  opacity: 0.8;
}

.m-btn--blue a {
  color: #ffffff;
}


/* 黄緑色のボタン */

.m-btn--entry {
    background: #46bf0a;
    color: #fff;
}

.m-btn--entry:before {
    position: absolute;
    content: '';
    display: block;
    width: 18px;
    height: 20px;
    background-image: url(/common/_share16_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -486px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -10px;
    left: 15px;
    top: 50%;
    overflow: hidden;
}

.m-btn--acc--open {
  border-radius: 5px 5px 0 0;
  border-bottom:0;
}

.m-acc__year_lineup {
    box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 11px 0px;
    box-sizing: border-box;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
}

/* 灰色のボタン */

.m-btn--gray {
  background-color:#f0f0f0;
}

.m-btn--gray:hover {
  background-color:#f5f5f5;
}

.m-btn--gray:after,.m-bg--sky.m-btn:after {
    background-image: url(/common/_share16_icon_sprite.png);
    background-position: 0px -114px;
}

/*　白いボタン */

.m-btn--white {
  border:1px solid #f0f0f0;
  background:#fff;
}


/* CVエリア */

.m-block--notice-large {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #fff6cc;
    border-top: 1px solid #faed96;
    border-bottom: 1px solid #faed96;
    padding: 0 10px;
}

.m-bg--cream + .m-unit > .m-block--notice-large {
  border-top:1px solid #fff6cc;
}

.m-pack-deadline__date-main {
  white-space: nowrap;
  display: block;
  color: #f00;
}

.m-pack-pricebox__price {
  color: #f00;
}
.m-pack-pricebox__supply {
  color: #666;
  font-size: 71%;
}

.m-pack-pricebox__supply > li {
  padding-left: 1.3em;
  position: relative;
  text-align: justify;
}

.m-pack-pricebox__supply > li:before {
  content: "※";
  margin-left: -1.3em;
  padding-right: 3px;
}

.m-pack-pricebox__supply--col2 {
  display:inline-block;
}

.m-pack-pricebox__link {
  margin-top: 10px;
  font-size:95%;
}

.m-pack-deadline__image img {
  width:100%;
}

/* パーツ */

.cv_blue_serif {
   text-align: center;
   margin: auto;
   background: #fff;
   border-radius: 5px;
   border: solid 1px;
   color: #1071c8;
   padding: 10px;
   box-sizing: border-box;
   position: relative;
}

.cv_red_serif {
    color: #e60012;
    border: 1px solid;
    text-align: center;
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
}

/* モーダル用 */

.m-modal {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  z-index: 10000;
  width:95%;
  display:none;
}

.m-modal-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
}

.m-modal:not(.m-modal--no-frame) {
  box-shadow: 5px 5px 6px 1px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  box-sizing: border-box;
  border: 6px solid #006eb3;
  border-radius: 6px;
}

.m-modal:not(.m-modal--no-frame) .m-modal__close,.m-modal_close  {
  background: url(/common/_share16_modal_close2.png);
  width: 40px;
  height: 40px;
  position: absolute;
  right: -17px;
  top: -23px;
  cursor: pointer;
  z-index:1;
}

/* モーダル・特殊 */

.m-modal-wood {
  background:url(/common/bg_texture.jpg);
}

.m-modal--delivery-notes {
  padding: 20px;
  max-width: 460px;
}

.m-modal--delivery-notes--little-wide {
  max-width: 470px;
}

.m-modal--delivery-notes--more-wide {
  max-width: 500px;
}

.m-modal--mov-modal {
  max-width: 500px;
  padding: 20px;
}

.m-modal-zero {
  width:640px;
  padding:20px;
}

.m-modal-contact {
  max-width:640px;
}

.m-modal--full-content-width {
  max-width: 960px;
}

.m-modal-slide,.m-modal-wood {
  max-width:980px;
  padding:20px;
  margin:auto;
}

.m-modal--edu-material-list .col {
  margin: 0 0;
}

.m-modal--edu-material-list .edu-material-list__title {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.m-modal--edu-material-list .edu-material-list__img {
  margin: 0 25px 5px;
}

.m-modal--edu-material-list .edu-material-list__caption { /*教材リストが画像よりも短くなった場合の下余白*/
  margin-bottom: 20px;
}

/* 拡大画像用用モーダル */

.m-modal-largeimage,
.m-modal-lineup {
  max-width:95%;
}

.m-modal-largeimage .m-modal__content,
.m-modal-middleimage .m-modal__content,
.m-modal-lineup .m-modal__content {
  overflow: scroll;
}

.m-modal-largeimage img,
.m-modal-middleimage img,
.m-modal-lineup img {
  width:initial;
  max-width:none;
}

/* 着信かぶりモーダル */

.m-modal-arrival {
  text-align: center;
  padding:20px;
  max-width:460px;
}

.m-modal-arrival__ttl {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.2;
}
.m-modal-arrival__ttl+p {
  font-size: 1.0rem;
}

.m-modal-arrival__list_item {
  margin: 20px 0;
}

.m-modal-arrival__list_item p {
  margin-top: 5px;
}

.m-modal-arrival__list_item img {
  width: 100%;
  height: auto;
}

.m-modal-arrival__list_item a:hover {
  text-decoration: none !important;
}

.m-modal-arrival__list_item a img {
  background: #FFF;
}

.m-modal-arrival__list_item--original a {
  color: #0066B3;
}

.m-modal-arrival__list_item--hybrid a {
  color: #ED1C24;
}

.m-modal-arrival__list_item a {
  border-radius: 5px;
  box-shadow: inset -2px -2px 10px rgba(0,0,0,.3), 2px 2px 4px rgba(0,0,0,.3);
  display: block;
  margin: 10px 0;
  padding: 10px;
}

/* スライド用モーダル */

.m-modal-slide {
  opacity:0;
  display:block !important;
  visibility: hidden;
  background:url(/common/bg_texture.jpg);
}


/* 会員画像 */

.no_copy {
  position:relative;
  overflow:hidden;
}

img.spacer {
    max-width: 100%;
    height: 100%;
    position: absolute;
}

/* 拡大アイコン */

.m-icn__view {
  position:relative;
  margin-bottom:25px;
  display:block;
}

.m-icn__view:after {
  content:url("/common/icon_view.png");
  display:block;
  position:absolute;
  bottom:-25px;
  right:0;
}

/* カバー画像 */

.m-style--or {
  background:#005BAC;
}

.m-style--ct {
  background:#1D9FB9;
}

.m-style--hb {
  background:#ff7d87;
}

/* 受講費：お得な一括払い */

.m-radius_box {
    border-radius: 9999px;
    padding: 10px;
}

.cost_gray-box {
  overflow: auto;
}

.cost_gray-box__title {
  font-size:18px;
  margin:0 auto 15px;
  text-align: center;
  width:100%;
}

.cost_gray-box__order1 {
  float:left;
  width:55%;
}

.cost_gray-box__radius_box {
  margin:0 20px;
}

.cost_gray-box__order1__set {
  margin:10px 0 0;
  font-size:18px;
}

.cost_gray-box__order2 {
  width:45%;
  float:right;
}

.cost_gray-box__order3 {
  width:55%;
  float:left;
  box-sizing: border-box;
}

.or_ct_logo--twin {
  display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  justify-content:center;
  -webkit-justify-content:center;
  justify-content:center;

}

.or_ct_logo__item {
  padding:5px 10px;
}

.or_ct_logo--twin__item {
  width:35%;
}

.or_ct_logo img {
  vertical-align: middle;
}


/* レイアウト */

.m-unit {position:relative;}

.m-unit__box__inner--white {
  background:#fffbe6;
  padding:20px;
}

.col {
  margin:20px 0;
  display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -ms-flex-wrap : wrap; /*for IE10*/
  -webkit-flex-wrap : wrap;
  flex-wrap:wrap;
}

.col_noflex {
  display: block;
}

.col:after {
  display:block;
  content:"";
  clear:both;
}

.col > div {
  box-sizing: border-box;
  padding:0 5px;
}

.col__col--img img {
  border-radius: 5px
}


/* 一番上へ戻る */

html.no-touchevents .m-hover:hover,
html.no-touchevents .m-years a:hover {
  opacity: .7;
}

html.no-touchevents .m-hover {
  transition: opacity .2s;
}

.m-back2top {
  width: 36px;
  height: 37px;
  position: fixed;
  bottom: 27px;
  top: auto;
  right: 21px;
  z-index: 999;
  background: url(/common/btn_scroll.png);
  text-indent: -9999px;
  overflow: hidden;
  transition: opacity.2s;
}

html.is-scl-btm .m-back2top {
  margin-top: -64px;
  position: absolute;
  right: 21px;
  bottom: auto;
}

.m-back2tophidden {
  opacity: 0;
  top:-100px;
}

/* youtube api */

.yt_player_api{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 45px; height: 0; overflow: hidden;
}

.yt_player_api > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-iframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/* 質問 */

.m-tab,
.m-tab-btns {
  margin-top: 25px;
}

.m-tab > :first-child,
.m-tab-btns > :first-child {
  margin-top: 0;
}

.m-tab__head {
  padding: 0 5px;
  font-size: 85%;
}

.m-tab__list {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
  table-layout: fixed;
}

.m-tab__list-item {
  display: table-cell;
  border: 2px solid #0070cb;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}

.m-tab__list-item a {
  display: block;
  padding: 15px 5px;
  color: #0070cb;
}

.m-tab__list-item.is-active {
  background: #0070cb;
}

.m-tab__list-item.is-active a,
.m-tab__list-item.is-active span {
  color: #fff;
}

.m-tab__cont {
  margin-top: -2px;
  border-top: 2px solid #0070cb;
}

.m-tab-btns__list {
  *zoom: 1;
  margin-left: -10px;
}
.m-tab-btns__list:after {
  content: ".";
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
}
.m-tab-btns__item {
  float: left;
  width: 25%;
}
.m-tab-btns__item-inner {
  display: block;
  margin-left: 10px;
}
.m-tab-btns__item-inner > a {
  display: block;
  font-size: 78%;
}
.m-tab-btns__item-inner > a.is-active {
  position: relative;
  margin-top: 1px;
  background: #0070cb;
  color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.m-tab-btns__item-inner > a.is-active:after {
  content: '';
  display: inline-block;
  border-top: 8px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid transparent;
  border-top-color: #0070cb;
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin-top: -10px;
  margin-left: -10px;
}
.m-tab-btns__item-inner > a.is-active span {
  background: #0070cb;
  color: #fff;
  border: none;
  -webkit-box-shadow: 2px 5px 5px 0 rgba(0,0,0,0.3) inset;
  box-shadow: 2px 5px 5px 0 rgba(0,0,0,0.3) inset;
}
.m-tab-btns__item-inner > a span {
  display: block;
  border: 1px solid #e6e6e6;
  padding: 9px 3px 8px 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  color: #0070cb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.m-tab__cont > :first-child {
  display: block;
}
.m-tab__cont-box {
  display: none;
}

.m-pack-qalist li > a, .m-pack-qalist__item > a {
    position: relative;
    padding: 15px 7px 15px 30px;
    display: block;
    color: #08c;
}

.m-pack-qalist li > a:after, .m-pack-qalist__item > a:after {
    position: absolute;
    content: '';
    display: block;
    width: 11px;
    height: 13px;
    background-image: url(/common/_share16_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -236px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -6px;
    left: 10px;
    top: 50%;
    overflow: hidden;
}

.m-pack-qalist li > a:before, .m-pack-qalist__item > a:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(/common/bg_dot.png) repeat-x 0 0;
    -webkit-background-size: 6px 2px;
    -moz-background-size: 6px 2px;
    background-size: 6px 2px;
}


/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            margin:auto;
            height:auto;
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    outline: none;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin:auto;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: auto;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:2;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-next:before {
  content:url("/common/slider_prev.png");
}

.slick-prev:before {
  content:url("/common/slider_next.png");
}

.slick-prev { left: -20px; }

[dir='rtl'] .slick-prev {
  right: 0px;
  left: auto;
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -20px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* スライドバナーエリア */

.m-slider__bannerarea.slick-slider .slick-track, .slick-slider .slick-list {
  padding-bottom:10px;
}

.m-slider__bannerarea .slick-next:before {
    content: url(/_share17/img/cv_slide_next.png);
}

.m-slider__bannerarea .slick-prev:before {
    content: url(/_share17/img/cv_slide_prev.png);
}

.m-slider__bannerarea .m-slider__bannerarea__white_box {
  border:1px solid #fceea5;
  box-sizing: border-box;
  background: #fff;
  height: 120px;
  width:233px;
  border-radius: 5px;
  padding:10px;
  margin:auto;
}

.m-slider__bannerarea a {
  position:relative;
  left:5px;
}

.m-slider__bannerarea a > img {
  border-radius:5px;
  box-shadow:1px 3px 3px -2px #666;
  -moz-box-shadow:1px 3px 3px -2px #666;
  -webkit-box-shadow:1px 3px 3px -2px #666;
  display: block;
  margin: 1px 5px 5px 1px;
}

/* 教材スライダー */

.kyozai-dots button {
  background:none;
  border:none;
  width:20px;
  height:20px;
  font-size:0;
  line-height:0;
  display:block;
  outline: none;
}

.kyozai-dots button:before {
  content:"";
  line-height:1;
  cursor:pointer;
  background:#fff;
  width:8px;
  height:8px;
  border-radius: 9999px;
  display:block;
  border:solid 1px #0274ca;
}


.kyozai-dots--wrap button.slick-next:before {
    content:"＞";
    margin-left:5px;
    color:#fff;
    font-size:30px;
    transform: scale( 0.6 , 1 );
}

.kyozai-dots--wrap button.slick-prev:before {
    content:"＜";
    color:#fff;
    margin-right:5px;
    font-size:30px;
    transform: scale( 0.6 , 1 );
}

  .kyozai-dots--wrap .slick-prev.slick-disabled,
  .kyozai-dots--wrap .slick-prev.slick-disabled:before {
    opacity: 0;
    cursor: default;
  }

  .kyozai-dots--wrap .slick-next.slick-disabled:before {
    content:"<<";
    margin-left:0;
    color:#fff;
    font-size:30px;
    transform: scale( 0.6 , 1 );
    opacity: 1;
    margin-top: -5px;
  }

.kyozai-dots .slick-active button:before {
  background:#0274ca;
}

.kyozai-dots--wrap {
  text-align: center;
}

.kyozai-dots--wrap > * {
  display:inline-block;
}

.kyozai-dots li {
  display:inline-block;
  padding:0 5px;
}

  .m-slider--kyozaicol .slick-prev, .m-slider--kyozaicol .slick-next {
    top:20%; 
    background:#005bac;
    width:55px;
    height:55px;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    border-radius: 9999px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

.m-slider--kyozaicol .slick-next {
    right: 0;
    border-radius: 0;
    width: 27px;
    top: 38%;
}

.m-slider--kyozaicol .slick-prev {
    left: 0;
    border-radius: 0;
    width: 27px;
    top: 38%;
}


/* 教材スライダー */

.touch-dots button {
  background:none;
  border:none;
  width:20px;
  height:20px;
  font-size:0;
  line-height:0;
  display:block;
  outline: none;
  margin-bottom:25px;
}

.touch-dots button:before {
  content:"";
  line-height:1;
  cursor:pointer;
  background:#fff;
  width:8px;
  height:8px;
  border-radius: 9999px;
  display:block;
}


.touch-dots--wrap button.slick-next:before {
  content:"";
  background-image: url(/common/_share16_icon_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -276px;
  -webkit-background-size: 60px 2140px;
  -moz-background-size: 60px 2140px;
  background-size: 60px 2140px; 
  font-size:24px;
  line-height:1;
  cursor:pointer;
  color:#0274ca;
  display: block;
  width:12px;
  height:14px;
}

.touch-dots--wrap button.slick-prev:before {
  content:"";
  background-image: url(/common/_share16_icon_sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -260px;
  -webkit-background-size: 60px 2140px;
  -moz-background-size: 60px 2140px;
  background-size: 60px 2140px; 
  font-size:24px;
  line-height:1;
  cursor:pointer;
  color:#0274ca;
  display: block;
  width:12px;
  height:14px;
}

.touch-dots .slick-active button:before {
  background:#0274ca;
}

.touch-dots--wrap {
  text-align: center;
}

.touch-dots--wrap > * {
  display:inline-block;
}

.touch-dots li {
  display:inline-block;
  padding:0;
}

.touch-dots--wrap .slick-next {
  position:relative;
  top:9px;
  display: inline-block;
  right:-45px;
}

.touch-dots--wrap .slick-prev {
  position:relative;
  display: inline-block;
  top:9px;
  left:-32px;
}

.cv_blue_serif .m-modal-link:after {
  width: 14px;
  height: 14px;
  content: "";
  background: url(/common/icn_modal2.png) no-repeat;
  background-size: 100%;
  margin-left: 5px;
  display:inline-block;
}

.m-modal-link.m-link-icon {
  margin-right:14px;
}

.m-modal-link.m-link-icon:before {
  width: 14px;
  height: 14px;
  content: "";
  background: url(/common/icn_modal2.png) no-repeat;
  background-size: 100%;
  margin-left: 5px;
  position:absolute;
  right: -19px;
  top:0;
  bottom:0;
  margin:auto;
}

.g-white.m-modal-link.m-link-icon:before {
  background: url(/common/icn_modal_white.png) no-repeat;
  background-size: 100%;
}

  .m-cvarea {
    background:#edf7ff;
  }

  .m-cvarea--red--text {
    color:#f27979;
  }

  .m-btn--blueborder {
    display: block;
    border-radius: 5px;
    border:solid 1px #0070cb;
    color:#0070cb;
    box-sizing: border-box;
  }
  .m-cvarea--bluebtn.m-btn--blueborder span {
    display: inline-block;
  }

  .m-cvarea--bnrarea.m-cvarea--toparea--col {
    padding:0;
  }

  .m-cvarea--toparea--col{
    background:#fff;
    border-radius: 5px;
    box-sizing: border-box;
    border:1px solid #f3f3f3;
    text-align: center;
    overflow: hidden;
    position:relative;
  }

  .m-cvarea--toparea > a{
    box-shadow:-2px 3px 4px 0px rgba(0,0,0,0.07);
  }

  .m-cvarea--toparea > a:after {
    content:"";
    display: block;
    height:3px;
    width:100%;
    bottom:0;
    left:0;
    position:absolute;
    background: rgb(57,82,152);
    background: -moz-linear-gradient(left, rgba(57,82,152,1) 0%, rgba(33,145,191,1) 100%);
    background: -webkit-linear-gradient(left, rgba(57,82,152,1) 0%,rgba(33,145,191,1) 100%);
    background: linear-gradient(to right, rgba(57,82,152,1) 0%,rgba(33,145,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395298', endColorstr='#2191bf',GradientType=1 );
  }

  .m-cvarea--toparea--text > span {
    display: inline-block;
  }

  .m-cv-area--sidebtn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: space-between;
    -ms-text-justify: space-between;
    -webkit-justify-content: space-between;
  }

  .cvarea-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
  }

  .cvarea-dots > li:not(:last-child) {
    margin-right:5px;
  }

  .cvarea-dots > li {
    display: inline-block;
    background:#c9c9c9;
    border-radius: 9999px;



    width:7px;
    height:7px;
    border:none;
    font-size:0;
    overflow: hidden;
  }

  .cvarea-dots > li.slick-active {
    background:#0070cb;
  }

  .cvarea-dots > li:hover {
    cursor: pointer;
  }

  .cvarea-dots > li > button {
    background: none;
    font-size:0;
    border:none;
  }

  .m-vover--b__pcGrade {
    margin-top:121px;
    display: block;
  }

  .m-cover--b--btnarea {
    background: #395298;
    background-image: -webkit-linear-gradient(left, #395298, #2191bf);
    background-image: -moz-linear-gradient(left, #395298, #2191bf);
    background-image: -ms-linear-gradient(left, #395298, #2191bf);
    background-image: -o-linear-gradient(left, #395298, #2191bf);
    background-image: linear-gradient(to right, #395298, #2191bf);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 2px 5px #b8b8b8;
    -moz-box-shadow: 0px 2px 5px #b8b8b8;
    box-shadow: 0px 2px 5px #b8b8b8;
    color: #ffffff;
    padding: 14px 30px;
      text-decoration: none;
      letter-spacing: 0.12em;
      display: inline-block;
      font-size: 16px;
      margin-top: 20px;
  }

  .m-cover--b--btnarea >a:hover {
    opacity:0.8;
  }

  a .m-cover {
    transition: opacity.6s;
  }

  a .m-cover:hover {
    opacity:0.6;
  }
    .m-cvarea--bnrarea_txt{
    
    }

  .m-slider--new {
    max-width:960px;
    margin:auto;
  }

  .m-slider--new .slick-prev,.m-slider--new .slick-next {
    background: #395298;
    background-image: -webkit-linear-gradient(left, #395298, #2191bf);
    background-image: -moz-linear-gradient(left, #395298, #2191bf);
    background-image: -ms-linear-gradient(left, #395298, #2191bf);
    background-image: -o-linear-gradient(left, #395298, #2191bf);
    background-image: linear-gradient(to right, #395298, #2191bf);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 9999px;
    width:34px;
    height:34px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .m-slider--new .slick-prev {
    left:-50px;
  }
  .m-slider--new .slick-next {
    right:-50px;
  }

  .m-slider--new .slick-prev:before,.m-slider--new .slick-next:before {
    content:"";
    opacity:1;
    color:#fff;
    font-size:16px;
    transform:scale(0.7,1);
  }
  .m-slider--new .slick-prev{
    background-image: url(/common/m-slidericon_left.png) !important;
    }
   .m-slider--new .slick-next{
    background-image: url(/common/m-slidericon_right.png) !important;
     }



  .m-slider--new--subtitle {
    color:#777777;
  }
  .m-slider--new--title {
    color:#323232;
  }
  .slick-prev.slick-disabled {
    opacity: 0;
  }
  

  .svg{width:0;height:0;}
  .st0{fill:#FFFFFF;stroke:url(#SVGID_1_);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
  .st1{fill:#FFFFFF;stroke:url(#SVGID_2_);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
  .icon-check{width:20px;height:20px;}
  .icon-check {fill:#fff;}
  .icon-check .svg-check-0 {fill:#fff;}

  .grade_summer {
    position: absolute;
      border: none;
      color: #fff;
      padding: 7px 20px 5px;
  }
  .m-bg--rightgray {
      background: #f3f3f3;
  }
  .grade_summer_sho1 {
    background: #ec6e81;
  }
  .grade_summer_sho2 {
    background: #019e3c;
  }
  .grade_summer_sho3 {
    background: #006eb3;
  }
  .grade_summer_sho4 {
    background: #fa7500;
  }
  .grade_summer_sho5 {
    background: #8ec31f;
  }
  .grade_summer_sho6 {
    background: #6b5cad;
  }

  .m-cvarea--btn {
    position:relative;
  }

  .m-top--btn--green {
      background: #31711a;
      background-image: -webkit-linear-gradient(left, #31711a, #4abf22);
      background-image: -moz-linear-gradient(left, #31711a, #4abf22);
      background-image: -ms-linear-gradient(left, #31711a, #4abf22);
      background-image: -o-linear-gradient(left, #31711a, #4abf22);
      background-image: linear-gradient(to right, #31711a, #4abf22);
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      -webkit-box-shadow: 0px 2px 5px #b8b8b8;
      -moz-box-shadow: 0px 2px 5px #b8b8b8;
      box-shadow: 0px 2px 5px #b8b8b8;
      color: #ffffff;
      font-size: 20px;
      padding: 14px 0px;
      text-decoration: none;
      letter-spacing: 0.12em;
  }

  .m-cvarea--btn--serif {
    position:absolute;
    background:#ffea00;
    color:#0070cb;
    border-radius: 9999px;
    width:70px;
    height:70px;
    box-sizing: border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -ms-text-justify: center;
    -webkit-justify-content: center;
    z-index:1;
    text-align: center;
    font-weight:bold;
    line-height:1.1;
    top: -30px;
    left: -15px;

    padding-top: 7px;
  }

  .m-cvarea--btn--serif:before {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 9px 4px;
    border-color: transparent transparent #ffea00 transparent;
    position:absolute;
    -moz-transform: rotate(134deg);
    -webkit-transform: rotate(134deg);
    -o-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    transform: rotate(134deg);
    bottom:7px;
    right:2px;
  }

  .m-cvarea--serif--middle {
    display:block;
    font-size:14px;
  }


  .m-cvarea--serif--big {
    font-size:34px;
    font-weight:bold;
  }

  .m-cvarea--serif--small {
    font-size:10px;
  }


  .m-top--btn--blue a, .m-top--btn--green a {
      padding: 14px 65px;
      color: #fff;
  }

  .m-cvarea--text .m-remarklist {
    text-align:right;
  }

  .m-cvarea--text--lead {
    color:#555555;
  }


  .m-blueback--area--summer--h2 {
    text-align:center;
    color:#fff;
    letter-spacing:0.08em;
  }


  .m-blueback--area--col2--h3 {
    color:#fff;
    letter-spacint:0.08em;
  }

  .m-yellowback--area--summer {
    background:#fff100;
  }

  .m-darkblue {
    color:#005bac;
  }

  .m-anchor--summer {
    color:#005bac;
    margin-top:40px; margin-bottom:25px;
  }

  .m-anchor--summer > li {
    text-decoration: underline;

  }


  .m-anchor--summer > li a:before {
    content:url(/common/_share18_btn_scroll2.png);
    display: inline-block;
    vertical-align: middle;
    margin-right:20px;
  }

  .m-slider--h2 {
    position:relative;
  }

  .m-slider--h2--title {
      background: rgb(29,159,184);
      background: -moz-linear-gradient(-45deg, rgba(29,159,184,1) 1%, rgba(17,114,200,1) 100%);
      background: -webkit-linear-gradient(-45deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
      background: linear-gradient(135deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9fb8', endColorstr='#1172c8',GradientType=1 );
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
  }
  .nojs_m-slider--h2--title{
      background: rgb(29,159,184);
      background: -moz-linear-gradient(-45deg, rgba(29,159,184,1) 1%, rgba(17,114,200,1) 100%);
      background: -webkit-linear-gradient(-45deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
      background: linear-gradient(135deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9fb8', endColorstr='#1172c8',GradientType=1 );
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
  }
  .m-slider--h2 {
    text-align: center;
  }
  .m-slider--h2--subtitle {
    display: block;
    letter-spacing:0.12em;
    color:#444444;
  }

  .m-ctor--slider--taiken {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: center;
    -ms-text-justify: center;
    -webkit-justify-content: center;
    margin:auto;
    max-width:470px;

  }

.m-bg--gray .m-ctor--slider--taiken--serif {
   background:#fff;
}

.m-ctor--slider + .m-ctor--slider--taiken {
    margin-top: -20px;
    padding-bottom: 60px;
}

.m-ctor--slider--text + .m-ctor--slider--taiken {
    padding-bottom:40px;
    margin-top:-20px;
}

  .m-ctor--slider--taiken + .m-remarklist {
    max-width:470px;
    margin:20px auto;

  }
  .m-ctor--slider--taiken--serif {
    background:#f3f3f3;
    position:relative;
    letter-spacing:0.04em;
  }
  .m-ctor--slider--taiken--serif:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11.5px 10px 11.5px 0;
        border-color: transparent #f3f3f3 transparent transparent;
        content: "";
        position: absolute;
        left: -10px;
        margin: auto;
        top: 30px;
    }

    .m-bg--gray .m-ctor--slider--taiken--serif:before {
    border-color: transparent #ffffff transparent transparent;
    }

    .m-touch--slider--col__inner {
      border:2px solid #f3f3f3;
      border-radius: 8px;
      background:#fff;
    }
    .touchtop-dots {
      text-align:center;
      margin-top:30px;
      padding-bottom:60px;
    }
    .touchtop-dots .slick-active button {
      background:#666666;
    }
    .touchtop-dots > li {
      display: inline-block;
    }
    .touchtop-dots > li > button {
      width:12px;
      height:12px;
      background:#d8d9d4;
    }
    .touchtop-dots > li:not(:last-child) {
      margin-right:18px;
    }


  .m-slider--h2--pink--serif {
    background: #ed86b3;
    color: #fff;
  }

  .m-stylediff {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: center;
    -ms-text-justify: center;
    -webkit-justify-content: center;
    position: relative;
  }

  .m-stylediff--logo {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .m-stylediff--lineup--col--ct {
    background:#1d9eb7;
  }

  .m-stylediff--lineup--col--or {
    background:#005aac;
  }

  .m-circle--style--yellow {
      background: #ffea00;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 150px;
      height: 150px;
      margin: auto;
      border-radius: 9999px;
      font-size: 22px;
      color: #333;
      line-height:1.2;
  }

  .m-stylediff--cost {
      text-align: center;
      margin-top: 10px;
      font-size: 22px;
      color: #333;
  }


  .m-stylediff--kyozai {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      -ms-text-justify: center;
      -webkit-justify-content: center;
      position: relative;
  }
  .m-stylediff--kyozai--title {
      width:50%;
      text-align: center;
 
  }
  .m-stylediff--kyozai--title:after {
      display: block;
      content: "";
      width: 250px;
      margin: auto;
  }

  .m-stylediff--kyozai--title--ct:after {
    border-bottom: 2px solid rgba(10,159,186,0.2);
  }

  .m-stylediff--kyozai--title--or:after {
    border-bottom: 2px solid rgba(0,91,172,0.2);
  }

  .m-stylediff--kyozai--col {
    width:50%;
  }
  .m-stylediff--kyozai--img {
    text-align:center;
  }

  .m-stylediff--kyozai--circle {
      position: absolute;
      top:-10px;
      left:0;
      right:0;
  }

  .m-stylediff--lineup {
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content: center;
    -ms-text-justify: center;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-stylediff--lineup--col,.m-stylediff--lineup--kyozai {
    width:50%;
    position: relative;
  }

  .m-stylediff--lineup--col .m-stylediff--lineup--btn {
    position: absolute;
    bottom:33px;
  }

  .m-stylediff--lineup--btn > a {
    background: #fff;
    border-radius: 9999px;
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
  }

  .m-stylediff--lineup--col--ct .m-stylediff--lineup--btn > a {
    color:#1d9eb7;
  }
  .m-stylediff--lineup--col--or .m-stylediff--lineup--btn > a {
    color:#005aac;
  }

  .m-stylediff--blue a,.m-btn--bluegrd a {
    background: #395298;
    background-image: -webkit-linear-gradient(left, #395298, #2191bf);
    background-image: -moz-linear-gradient(left, #395298, #2191bf);
    background-image: -ms-linear-gradient(left, #395298, #2191bf);
    background-image: -o-linear-gradient(left, #395298, #2191bf);
    background-image: linear-gradient(to right, #395298, #2191bf);
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    color:#fff;
  }

  .m-btn--bluegrd a.m-btn--white {
    background:#fff;
    color:#333;
}

  .m-btn--bluegrd a {
    display: block;
  }

  .m-unit.m-bg--rightgray {
      text-align: center;
  }

  .m-no1--badge:after {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 100px 49vw 0 49vw;
      border-color: #f3f3f3 transparent transparent transparent;
      content: "";
      position: absolute;
      bottom: -100px;
      margin: auto;
      left: 0;
      right: 0;
  }

  .m-no1--area {
    margin-top:120px;
    margin-bottom:100px;
  }

  .m-logodiff--col:nth-child(2n-1) {
    margin-right:30px;
  }

  .m-logodiff{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -ms-text-justify: center;
    -webkit-justify-content: center;
    margin: auto;
  }

  .m-logodiff--col img {
    vertical-align: middle;
  }


  .m-bluetext,.m-bluetext > span {
    background: rgb(29,159,184);
      background: -moz-linear-gradient(-45deg, rgba(29,159,184,1) 1%, rgba(17,114,200,1) 100%);
      background: -webkit-linear-gradient(-45deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
      background: linear-gradient(135deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9fb8', endColorstr='#1172c8',GradientType=1 );
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
  }

  .m-stylediff--lineup--logo > p {
    color:#fff;
  }

  .m-ctor--slider--text {
      letter-spacing: 0.08em;
      line-height:1.8;
  }

  .m-cvarea--btn--caption {
    color:#555555;
  }

 .m-blueback--area--col2--text {
    letter-spacing:0.08em;
    line-height:1.5;
  }

.m-bg--white--arrow {
padding-bottom:40px;

}

.m-bg--white--arrow .m-modal-link.m-btn--xl {
    padding: 15px 70px;
}

.m-yellowback--area--summer+ .m-cvarea .m-bnrarea {
    display: none;
}

.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.m-ctor--slider--evidence {
    margin: auto;
    box-sizing: border-box;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    max-width:200px;
}

.m-ctor--slider--evidence img {width:100%}

   .m-ancorlink--icon--list
   {
    display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        justify-content: center;
        -ms-text-justify: center;
        -webkit-justify-content: center;
        margin: auto;
   }

    .m-ancorlink--icon--list > li > a {
      text-align:center;
      display:block;
      color:#fff;
    }

    .m-ancorlink--icon--list > li > a:after {
      display:block;
      content:"＞";
      transform: rotate(90deg) scale(1,2);
    }

    .m-ancorlink--icon--list > li > a > p {
      font-size:20px;
      margin-top:17px;
    }

hr.m-hr--evidence {
    border: none;
    border-top: 2px solid #ccc;
    margin-bottom: 60px;
    position: relative;
    overflow:  visible;
    z-index:  1;
}

hr.m-hr--evidence:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 20px 0 18px;
    border-color: #ffffff transparent transparent transparent;
    position:  absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -2px;
    z-index:  2;
}
hr.m-hr--evidence:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 23px 0 21px;
    border-color: #ccc
     transparent transparent transparent;
    position:  absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -2px;
    z-index:  2;
}


.m-bg--gray hr.m-hr--evidence:after {
    border-color: #f2f2f2 transparent transparent transparent;
}

.m-stylediff--kyozai--arrow {
   position:relative;
}

.m-stylediff--kyozai--arrow:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 60px 0 60px;
    border-color: #f3f3f3 transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -57px;
    left: 0;
    right: 0;
    margin: auto;
}

.m-animate--col{
  position: relative;
  padding-bottom: 58.25%;
  padding-top: 45px;
  height: 0;
  overflow: auto;
}

.m-animate--col > iframe {
  position: absolute;
  display:block;
  top: 0;
  left: 0;
  border:none;
  width: 100%;
  height: 100%;
}

div#animation_container > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.m-one_bnrarea {
  position: relative;
}
.m-banner__link {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.m-banner-btnlink {
  color: #0070cb;
  display: block;
  position: relative;
  background-color: #fff;
  text-align: center;
}
.m-banner-btnlink.m-banner-btnlink--blue {
  color: #fff;
  background-color: #0070cb;
}
.m-banner-btnlink:after {
  content: "＞";
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: scale(0.6,1) translateY(-50%);
}
@media print, screen and (min-width: 769px) {

  /* PC時非表示 */

  .m-pcNotDisplay {
    display:none !important;
  }

  /* 注釈 */

  .m-remarklist {
    font-size: 12px;
  }

  .m-remarklist > .m-remarklist--fs--large {
    font-size: 14px;
  }

  /*オファー*/
  .m-n-remarklist__list {
    font-size: 14px;
  }

  /* ボックス */

  .m-unit__box {
    max-width: 980px;
    margin: auto auto 20px;
  }

  .m-bg {
    padding: 40px 0;
  }

  /* 見出し */

  .m-h1--blue {
    margin-top: 40px;
    margin-bottom: 35px;
    font-size: 36px;
    font-weight: normal;
    color: #0070cb;
  }


  .m-unit__h2--icn--blueback {
    background:#0070cb;
    margin:70px 0px 110px;
    color:#fff;
    padding:15px 10px;
    font-size:28px;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }

  .m-unit__h2--icn--blueback:after {
    content: "";
    width: 352px;
    height: 58px;
    position: absolute;
    right: 0;
    bottom: -94px;
    background: url(/common/_share19_0329_shinshilogo.png) no-repeat;
    background-size: contain;
  }

  .m-unit__h2--icn--blueback--icon {
    position:relative;
    background:#fff;
    width:90px;
    height:90px;
    border-radius: 9999px;
    box-sizing: border-box;
    padding:20px 13px;

    margin:-38px 5px -38px 0;
    border:solid 3px #0070cb;
  }

  .m-unit__h2--icn--blueback--icon--left {
    position:relative;
    left:3px;
  }

  img[src*=icn_h2_text]{
    width: 40px;
    left: 9px;
    top: -7px;
  }

  .m-unit__h3--anchor {
    text-align:center;
    color:#0070cb;
    font-size:32px;
    line-height:1.2;
    margin-bottom:10px;
  }

  .m-unit__h2--blueback,.m-unit__h2 {
    font-size:32px;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    margin-bottom:20px;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .m-unit__h2--blueback:before,.m-unit__h2:before {
    content:"";
    width:4px;
    height:34px;
    background:#0070cb;
    border-radius: 8px;
    margin-right:15px;
  }

  .m-unit__h3--anchor > span {
    font-size:20px;
  }

  /* 学年TOP */

  .border-blue {
    border: 2px solid #0070cb;
    border-radius: 5px;
    width: 46% !important;
  }

  .m-kyozai__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .m-kyozai__col--img {
    margin-right: 30px;
  }

  .m-plus--blue {
    position: relative;
  }

  .m-plus--blue:before {
    position: absolute;
    content: url(/common/icon_kyozai_plus.png);
    top: 50%;
    left: -51px;
    width: 32px;
    margin-top: -6px;
  }

  .m-strech--colPC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -ms-text-justify: space-between;
    -webkit-justify-content: space-between;
  }

  .m-strech--colPC > .col__2colPC {
    width:48%;
  }

  .m-bdr--gray--2px {
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
  }

  .m-style--ct02 {
    border-color:#1d9fb7;
    background:#1d9fb7;
  }

  .m-style__box {
    max-width: 940px;
  }

  .m-style__box02 {
    border-radius:9px;
    margin:0 20px;
    box-shadow:0px 0px 7px -3px #000000;
    -moz-box-shadow:0px 0px 7px -3px #000000;
    -webkit-box-shadow:0px 0px 7px -3px #000000;
    border:solid 4px #1d9fb7;
    box-sizing: border-box;
    position:relative;
    overflow: hidden;
  }

  .m-style__box02 .m-unit__box__inner {
    padding:0px;
  }

  .m-style__box02 .m-style__inner__text-box {
    width:57%;
  }

  .m-style__inner {
    background:#fff;

    padding: 20px;
  }

  .m-style__box02 .m-style__inner__image {
    padding: 0 20px 0 0;
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }

  .m-style__box02 .m-style__inner__text-box {
    width: 57%;
    display: inline-block;
    padding: 0px 3% 0 0;
    box-sizing: border-box;
    vertical-align: middle;
  }

  .m-style .m-style--or02 {
    border-color: #005bac;
    background: #005bac;
  }

  /* コスト */
  .m-btn--acc-below__icn {
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 15px;
      width: 80px;
      height: 80px;
      -webkit-background-size: 160px 5567px;
      -moz-background-size: 160px 5567px;
      background-size: 160px 5567px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
  }

  .m-btn--acc-below {
      padding: 18px 35px;
      display: block;
      border: 1px solid #e6e6e6;
      color: #08c;
      font-size: 18px;
  }

  .m-acc__body {
      padding: 35px 20px;
      background-color: #edf7ff;
      border: 1px solid #e6e6e6;
      border-radius: 0 0 5px 5px;
      box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25), inset 0 15px 10px -8px rgba(0, 0, 0, 0.1);
  }

  .i-zero {
      background-position: 0px -2590px;
  }
  .i-refund {
      background-position: 0px -2842px;
  }

  .i-future-pay {
       background-position: 0px -3346px;
  }


  /* 学習の流れ */

  .m-studyflow__title {
    font-size:18px;
    color: #fff;
    margin-left: 10px;
  }

  .m-studyflow__icon {
    margin:0;
    display:block;
    max-width:45px;
  }

  .m-studyflow__item {
    box-sizing: border-box;
    border:solid 1px #e5e5e5;
    border-radius: 3px;
    max-width:300px;
    position:relative;
  }

  .m-studyflow__item--ct {
    border: solid 3px #0a9fba;
  }
  
  .m-studyflow__item--or {
    border: solid 3px #005bac;
  }
  
  .m-studyflow__ttl--ct {
    padding: 8px 0;
    background: #0a9fba;
    font-weight: bold;
  }
  
  .m-studyflow__ttl--or {
    padding: 8px 0;
    background: #005bac;
    font-weight: bold;
  }
  
  .m-studyflow__ttl__inner {
    display : -webkit-inline-box;
    display : -ms-inline-flexbox;
    display : -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: cener;
    margin: 0 auto;
  }

  .m-studyflow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;  /* Safari etc. */
    -ms-justify-content    : space-between;  /* IE10        */
    justify-content        : space-between;
  }

  .m-studyflow__inner {
    padding: 0 26px 26px;
  }

  .m-studyflow--touch02 > .m-studyflow__item:not(:last-child),
  .m-studyflow--original02 > .m-studyflow__item:not(:last-child) {
    position:relative;
    margin-right:30px;
  }

  .m-studyflow--touch02 > .m-studyflow__item:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 22px 16px;
    border-color: transparent transparent transparent #84cfdc;
    position: absolute;
    right: -27px;
    top: 50px;
    bottom: 0;
    margin: auto;
  }

  .m-studyflow--original02 > .m-studyflow__item:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 0 22px 16px;
    border-color: transparent transparent transparent #7fadd5;
    position: absolute;
    right: -27px;
    top: 50px;
    bottom: 0;
    margin: auto;
  }

  .m-anchor--list {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;  /* Safari etc. */
    -ms-justify-content    : center;  /* IE10        */
    justify-content        : center;
    border-bottom:solid #daecfb 2px;
    padding-bottom:50px;
  }

  .m-anchor--kyozai > a {
    box-sizing: border-box;
    border:solid 2px #0070cb;
    border-radius: 6px;
    background:url("/common/bg_note.png");
    overflow: hidden;
    width:190px;
    text-align:center;
    display:block;
    box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2);
    transition: opacity.2s;
  }

  .m-anchor--kyozai > a:hover {
    opacity: 0.7
  }

  .m-anchor--kyozai--h4 {
    background:#0070cb;
    color:#fff;
    padding:10px;
    font-size:18px;
  }

  .m-anchor--kyozai--label {
    font-size:11px;
    color:#0070cb;
    font-size:16px;
    margin:15px 0 10px;
  }

  .m-anchor--kyozai--icon {
    text-align: center;
  }

  .m-anchor--kyozai--icon > img {
    max-width:50px;
    height:auto;
  }

  .m-anchor--kyozai--col:after {
    background:url("/common/icon_anchor_arrow.png");
    background-size:100%;
    content:"";
    display:block;
    width:15px;
    height:8px;
    margin:9px auto 13px;
  }

  .m-unit__h3--blueradius {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;  /* Safari etc. */
    -ms-justify-content    : center;  /* IE10        */
    justify-content        : center;
    font-size:24px;
    font-weight: bold;
    color:#0070cb;
    padding:50px 10px 10px;
    background:#fff;
    margin:auto;
  }

  .m-unit__h3--blueradius--icn {
    padding:4px 30px 2px;
    background:#0070cb;
    color:#fff;
    border-radius: 9990px;
    margin-right:10px;
    white-space: nowrap;
  }

  .m-anchor-left {
    margin-right:100px;
  }

  .m-col--top--list--bg {
    background: #edf7ff;
    align-items: center;
  }

  .m-col--top--list > li {
    color:#005bac;
    font-size:20px;
    font-weight: bold;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-anchor-right .m-anchor--kyozai {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
 
  .m-anchor--kyozai--col--top .m-anchor--kyozai a:not(:last-child) {
    margin-right:30px;
  }

  .m-anchor--kyozai > .js-scroll {
    margin-bottom:30px;
  }

  .m-col--top--list > li:before {
      border-radius: 9999px;
      width: 28px;
      height:28px;
      content: "";
      background: url(/common/icn_check.png) #005bac no-repeat center center;
      background-size: 14px;
      margin-right: 17px;
  }

  .m-col--top--list > li:not(:last-child) {
    margin-bottom:20px;
  }


  .col--top--list--col {
    padding-left:35px;
    box-sizing: border-box;
  }

  .g-underline--yellow {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffea00+0,ffea00+100&0+0,0+53,0+53,1+54,1+54,1+87,0+88,0+100 */
   background: -moz-linear-gradient(top, rgba(255,234,0,0) 0%, rgba(255,234,0,0) 53%, rgba(255,234,0,1) 54%, rgba(255,234,0,1) 87%, rgba(255,234,0,0) 88%, rgba(255,234,0,0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(255,234,0,0) 0%,rgba(255,234,0,0) 53%,rgba(255,234,0,1) 54%,rgba(255,234,0,1) 87%,rgba(255,234,0,0) 88%,rgba(255,234,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(255,234,0,0) 0%,rgba(255,234,0,0) 53%,rgba(255,234,0,1) 54%,rgba(255,234,0,1) 87%,rgba(255,234,0,0) 88%,rgba(255,234,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffea00', endColorstr='#00ffea00',GradientType=0 ); /* IE6-9 */      }


  
  /* カバー画像 */
  .m-cover {
    background-position:top center;
    background-repeat:no-repeat;
  }

  .m-cover__inner {
    max-width:960px;
    height:400px;
    padding:0 20px;
    margin:auto;
    position:relative;
  }

  .m-title.m-cover__title {
    font-size:27px;
    line-height: 1.5em;
    padding:20px 0 10px;
  }

  .grade_title span {
    font-weight: bold;
  }
  
  .grade_title--grade {
    font-size:26px;
    font-weight:bold;
  }


  .m-cover__inner__grade_title {
    padding-top: 70px;
    font-size: 20px;
    color: #0070CB;
    font-weight: bold;
  }

  .m-title.m-style--cover__title {
    font-size: 40px;
    padding-top: 25px;
    font-family: "游ゴシック";
  }

  .m-cover__title--glow-effect {
    text-shadow: 0px 0px 10px #FFF,
    0px 0px 10px #FFF,
    0px 0px 10px #FFF,
    0px 0px 10px #FFF,
    0px 0px 10px #FFF,
    0px 0px 10px #FFF;
  }

  .m-new-shidow_logo {
    position: relative;
  }

  .m-new-shidow_logo img,.m-new-shidow_logo amp-img {
    position: absolute;
    top: -39px;
    left: 245px;
    width: 21%;
  }

  /* ボックスの矢印 */

  .m-bg--arrow-top{margin-top: 110px;}
  .m-bg--arrow-top:after {
    top: -60px;
    border-width: 0 100px 60px 100px;
  }

  .m-bg--arrow-bottom{margin-bottom: 110px;}
  .m-bg--arrow-bottom:after {
    bottom: -60px;
    border-width: 60px 100px 0 100px;
  }
  .m-bg--orange.m-bg--arrow-bottom:after {
    bottom: -43px;
    border-width: 43px 72px 0 72px;
  }

  .m-bg--beige.m-bg--arrow-top {
    margin-top: 67px;
  }

  .m-bg--beige.m-bg--arrow-top:after {
    top: -37px;
    border-width: 0 37px 37px 37px;
    -webkit-transform: translateX(-310px);
    transform: translateX(-310px);
  }

  .m-bg--beige.m-bg--arrow-bottom:after {
    bottom: -37px;
    border-width: 37px 37px 0 37px;
    -webkit-transform: translateX(-310px);
    transform: translateX(-310px);
  }


  /* CVエリア */

  .m-block--notice__inner{
    overflow: hidden;
  }

  .m-pack-onimage .m-pack-deadline {
    position: relative;
    border: 2px solid #ccc5a3;
    border-radius: 5px;
    background-color: #FFF;
    width:50%;
    float:left;
    margin:40px auto;
    padding:20px;
    box-sizing: border-box;
  }

  .m-pack-onimage .m-pack-deadline__main {
    font-size:14px;
    font-weight:bold;
    width:40%;
    float:right;
  }

  .m-pack-deadline__image {
    width:60%;
    float:left;
  }

  .m-pack-deadline__image img {
    width:100%;
  }

  .m-pack-deadline__addtext {
    text-align:center;
    font-size:14px;
  }

  .m-pack-onimage .m-pack-deadline__addtext {
    width:40%;
    float:right;
  }

  .m-pack-noimage .m-pack-deadline__addtext {
    margin-top:10px;
  }

  .m-pack-pricebox__link {
    text-align: right;
  }

  .m-pack-pricebox {
    float:right;
    width:47%;
  }

  .m-btn-wrap {
    float:right;
    width:47%;
  }

  .m-pack-onimage .m-pack-pricebox__head {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    padding:30px 0 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-pack-onimage .m-pack-pricebox__text {
    padding:0 20px 0 0;
    width:40%;
  }

  .m-pack-onimage .m-pack-pricebox__price{
    text-align: right;
    width:60%;
    font-size:18px;
  }

  .m-pack-pricebox__price-num {
    font-size:44px;
    text-align:center;
  }

  .m-pack-deadline__date {
    text-align:center;
  }

  .m-pack-deadline__date-num {
    font-size:44px;
    font-weight:normal;
  }

  .m-pack-deadline__date-num small {
    font-size:20px;
  }

  .m-pack-noimage {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
  }

  .m-pack-noimage__order1 {
    order:1;
    -webkit-order:1;
    -moz-order:1;
    width:25%;
    box-sizing: border-box;
  }
  .m-pack-noimage__order2 {
    order:2;
    -webkit-order:2;
    -moz-order:2;
    width:28%;
    box-sizing: border-box;
  }
  .m-pack-noimage__order3 {
    order:3;
    -webkit-order:3;
    -moz-order:3;
    width:50%;
    box-sizing: border-box;
  }

  .m-pack-noimage .m-pack-pricebox.m-pack-noimage__order1 {
    margin:20px 0;
    padding:0 10px;
    border-right:1px solid #ccc;
  }

  .m-pack-noimage .m-pack-pricebox__text {
    margin-bottom:20px;
  }

  .m-pack-noimage .m-pack-deadline__text {
    margin-bottom:20px;
    text-align:center;
    line-height: 1.3;
  }

  .m-pack-noimage .m-pack-pricebox__link {
    text-align: left;
    margin-top:20px;
  }

  .m-pack-noimage .m-pack-deadline {
    padding:20px 35px 20px 15px;
  }

  .m-block--notice-large .m-btn--entry {
    padding:25px;
  }



  /* ボタン */

  .m-btn--l { max-width:300px; }
  .m-btn--xl { max-width:400px; }
  .m-btn--xxl { max-width:500px; }

  .m-btn--l > a,a.m-btn--l { padding:10px; }
  .m-btn--xl > a,a.m-btn--xl { padding:20px; }
  .m-btn--xxl > a,a.m-btn--xxl { padding:25px; }

  .m-btn--entry:hover { opacity: 0.8; }

  .m-btn-wrap-twins__l {
    float:left;
    padding-right:10px;
    box-sizing: border-box;
  }

  .m-btn-wrap-twins__r {
    float:left;
    box-sizing: border-box;
  }

  .m-btn--introfriends,.m-btn--freetrial {
    box-shadow: none;
    font-size:14px;
    padding:0;
    position:relative;
    text-align:left;
    padding-left:15px;
    width:inherit;
  }

  .m-btn--introfriends:after,.m-btn--freetrial:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 8px;
    height: 13px;
    background-image: url(/common/_share16_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -266px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -8px;
    left: 0px;
    top: 50%;
    overflow: hidden;
  }

  .m-btn--freetrial:hover,.m-btn--introfriends:hover {
    text-decoration: underline;
  }

  .m-btn-group {
      text-align:center;
  }

  .m-btn-group .m-btn-group__pc-twin {
      display:inline-block;
  }

  .m-btn-group .m-btn-group__pc-twin:nth-child(2n) {
    margin-left:20px;
  }

  .m-btn--icon {
    padding:20px 40px 20px 110px;
  }

  .i-zero {
      background-position: 0px -2590px;
  }
  .i-refund {
      background-position: 0px -2842px;
  }

  .i-future-pay {
       background-position: 0px -3346px;
  }

  .year_lineup > .m-btn.js-acc {
    width:100%;
    max-width:100%;
  }

  .m-btn.js-acc:after {
    position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(/common/_share16_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -49px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -5px;
    right: 10px;
    top: 50%;
    overflow: hidden;
  }

  .cost_gray-box__title--serif--blue {
      background: #0070cb;
      color: #fff;
  }

  .cost_gray-box__title:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border: 16px solid transparent;
      border-top: 16px solid #0070cb;
      position: absolute;
      left: 50%;
      margin-left: -16px;
  }

  .m-radius_box {
      border-radius: 9999px;
  }
  .m-radius_box--40 {
      height: 40px;
      padding: 0 10px;
      width: initial !important;
  }

  .m-btn.js-acc.m-btn--acc--open:after {
    background-position: 0px -38px;
  }

  .cost_gray-box__title--serif {
    padding: 5px 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
  }

  .m-lineup-btn {
    position: relative;
  }

  .m-lineup-btn:after {
    content: url(/common/icon_view.png);
    display: block;
    position: absolute;
    bottom: 5px;
    right: 2px;
    height: 59px;
    overflow: hidden;
  }

  /* 右に張り付いている訴求ボタン */

  .m-fixed-btn {
      position: fixed;
      z-index: 1000;
      right: 0;
      top: 148px;
      width: 152px;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
  }
  html.no-touchevents .m-hover:hover, html.no-touchevents .m-carousel-cover .bx-wrapper .bx-controls a:hover, .m-carousel-cover .bx-wrapper .bx-controls html.no-touchevents a:hover, html.no-touchevents .m-carousel .bx-wrapper .bx-controls a:hover, .m-carousel .bx-wrapper .bx-controls html.no-touchevents a:hover, html.no-touchevents .m-hnav-modal__close:hover, html.no-touchevents .m-sample:hover:after, html.no-touchevents .m-sample--s:hover:after, html.no-touchevents .m-years-modal__close:hover, html.no-touchevents .m-years a:hover, .m-years html.no-touchevents a:hover, html.no-touchevents a:hover img {
      opacity: .7;
  }
  html.no-touchevents .m-hover:hover, html.no-touchevents .m-carousel-cover .bx-wrapper .bx-controls a:hover, .m-carousel-cover .bx-wrapper .bx-controls html.no-touchevents a:hover, html.no-touchevents .m-carousel .bx-wrapper .bx-controls a:hover, .m-carousel .bx-wrapper .bx-controls html.no-touchevents a:hover, html.no-touchevents .m-hnav-modal__close:hover, html.no-touchevents .m-sample:hover:after, html.no-touchevents .m-sample--s:hover:after, html.no-touchevents .m-years-modal__close:hover, html.no-touchevents .m-years a:hover, .m-years html.no-touchevents a:hover, html.no-touchevents a:hover img {
      transition: opacity .2s;
  }

  .m-fixed-btn a {
      margin-bottom: -6px;
      display: block;
  }

  html.is-scl-stuck.is-scl-dw .m-fixed-btn {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
  }

  html.is-scl-stuck.is-scl-up .m-fixed-btn {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }

  .m-img-btn {
      display: inline-block;
  }

  .m-img-btn,
  .m-img-btn img {
      position: relative;
  }
  .m-fixed-btn .m-img-btn__box {
      padding: 5px 0 9px 6px;
  }
  .m-img-btn__box {
      display: block;
      padding: 0 2px 3px 0;
      position: absolute;
      left: 0;
      top: 0;
      box-sizing: border-box;
  }

  .m-img-btn__bg {
      display: block;
      height: 100%;
      background-color: #fff;
      border-radius: 6px;
  }

  .m-img-btn--no-shadow .m-img-btn__box {
      padding: 0;
  }

  .m-img-btn--r .m-img-btn__box {
      padding: 1px 3px 4px 1px;
  }

  .m-img-btn--r .m-img-btn__bg {
      border-radius: 50%;
  }

  /* パンくずリスト */

  .m-path {
      padding: 10px 0 8px;
      background-color: #f2f2f2;
      font-size: 10px;
  }

  .m-path ul,.m-path ol {
      overflow: hidden;
  }

  .m-path li {
      float: left;
  }

  .m-path li:not(:last-child):after {
      content: "＞";
      margin: 0 7px;
  }

  .m-box {
      margin-left: auto;
      margin-right: auto;
      width: 960px;
  }

  /* 体験モーダル */

  .m-modal--edu-material-list .edu-material-list__img {
    margin: 0 0 5px;
  }

  .cboxIframe {
    width:100%;
    height:80%;
  }

  #colorbox {
    z-index:9999;
  }

  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index:9998;
    background:#000000;
    display:block;
    top:0;
  }

  #cboxLoadedContent:focus,#cboxContent:focus ,#colorbox:focus {
    outline:none;
  }

  #cboxClose {
    background: #333;
    border: none;
    border-radius: 9999px;

    width: 60px;
    height: 60px;
    color: #333;
    position: absolute;
    top: -10px;
    right: -10px;
    transition: opacity .2s
  }

  #cboxClose:hover {
    opacity:0.5;
  }

  #cboxClose:before {
    content: "×";
    color: #fff;
    font-size: 49px;
    font-family: serif;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    cursor: pointer ;
  }


  .m-modal--edu-material-list .edu-material-list__title {
    margin:0 0 20px;
  }

  .m-modal--edu-material-list {
    padding:20px;
  }


  .m-modal-largeimage.m-modal-wood,
  .m-modal-largeimage.m-modal-white{
    padding:0;
    max-width:980px;
  }
  .m-modal-middleimage{
      padding:0;
      max-width:700px;
  }
  .m-modal-year {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 560px;
  }

  .m-modal-year__ttl {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
  }

  .m-modal-year .m-years {
    margin-left: auto;
    margin-right: auto;
    width: 442px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .m-modal-year .m-years--7cell {
    width: 390px;
  }

  .m-modal-lineup {
    max-width: 75%;
  }

  .m-years a {
    width: 137px;
    height: 123px;
    background-image: url(/common/years.png);
    text-indent: -9999px;
    overflow: hidden;
  }

  /*m-years m-years--in-april : m-yearsのモディファイア 6セル 1年生～6年生 4月から付与版*/
  .m-years--in-april a {
    background-image: url(/common/years2.png);
  }
  /*m-years m-years--in-april : m-yearsのモディファイア 6セル 1年生～6年生 通年付与版*/
  .m-hnav--in-full-year a {
    background-image: url(/common/190412_16290_btn_all.png);
  }
  /*m-years m-years--with-new1 : m-yearsのモディファイア 7セル 新1年生、1年生～6年生*/
  .m-years--with-new1 a {
    background-image: url(/common/years-new1.png);
  }

  .m-modal-year .m-years--with-new1 a:nth-child(1) {
    background-image: url(/common/years2-new1.png);
  }
  .m-modal-year .m-years--7cell_chu1 a:last-child{
  /*現在6年生の横長アイコンを復活させたい場合には下記のコメントアウトを取る 20190213*/
    /*background-image: url(/common/_assets19_years-chu1.png);
    width: 442px;
    height: 60px;
    margin-top: 17px;
    background-position: 0 0;
  */
  }
  html.no-touchevents .m-years a {
    transition: opacity .2s;
  }

  .m-years a:nth-child(1) {
    background-position: 0 0;
  }

  .m-years a:nth-child(2) {
    background-position: -165px 0;
  }

  .m-years a:nth-child(3) {
    background-position: -330px 0;
  }

  .m-years a:nth-child(4) {
    background-position: -495px 0;
  }

  .m-years a:nth-child(5) {
    background-position: -660px 0;
  }

  .m-years a:nth-child(6) {
    background-position: -825px 0;
  }

  .m-modal-year .m-years a:nth-child(1),
  .m-modal-year .m-years a:nth-child(2),
  .m-modal-year .m-years a:nth-child(3) {
    margin-bottom: 17px;
  }

    /*m-years m-years--in-april : m-yearsのモディファイア 6セル 1年生～6年生 4月から付与版*/
    .m-years--in-april a {
      background-image: url(/common/years2_20190213.png);
    }

    .m-years a[href^="http://chu.benesse.co.jp/new_chu1/"].lesson6img {
      width:117px;
      height:105px;
      line-height:105px;
  }

    .m-years a[href^="http://chu.benesse.co.jp/new_chu1/"] {
    width: 100%;
    background: #21b8ce;
    height: 60px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-indent:inherit;
    line-height:60px;
    font-size:24px;
    text-align:center;
  }

    /*m-years m-years--with-new1 : m-yearsのモディファイア 7セル 新1年生、1年生～6年生*/
    .m-years--with-new1 a {
      background-image: url(/common/years-new1.png);
    }

    .m-modal-year .m-years--with-new1 a:nth-child(1) {
      background-image: url(/common/years2-new1.png);
    }

    html.no-touchevents .m-years a {
      transition: opacity .2s;
    }

    .m-years a:nth-child(1) {
      background-position: 0 0;
    }

    .m-years a:nth-child(2) {
      background-position: -165px 0;
    }

    .m-years a:nth-child(3) {
      background-position: -330px 0;
    }

    .m-years a:nth-child(4) {
      background-position: -495px 0;
    }

    .m-years a:nth-child(5) {
      background-position: -660px 0;
    }

    .m-years a:nth-child(6) {
      background-position: -825px 0;
    }

    .m-modal-year .m-years a:nth-child(1),
    .m-modal-year .m-years a:nth-child(2),
    .m-modal-year .m-years a:nth-child(3) {
      margin-bottom: 17px;
    }

    /* m-yearsのモディファイア 7セル版 */
    .m-years--7cell a {
      width: 117px;
      height: 105px;

      background-repeat:no-repeat;
    }

    .m-modal-year .m-years--7cell a:nth-child(1) {
      width: 390px;
      height: 60px;
      margin-bottom: 17px;
      background-position: 0 0;
    }

    .m-years--7cell a:nth-child(2) {
      background-position: -141px 0;
    }

    .m-years--7cell a:nth-child(3) {
      background-position: -282px 0;
    }

    .m-years--7cell a:nth-child(4) {
      background-position: -423px 0;
    }

    .m-years--7cell a:nth-child(5) {
      background-position: -564px 0;
    }

    .m-years--7cell a:nth-child(6) {
      background-position: -705px 0;
    }

    .m-years--7cell a:nth-child(7) {
      background-position: -846px 0;
    }

    .m-modal-year .m-years--7cell a:nth-child(2),
    .m-modal-year .m-years--7cell a:nth-child(3),
    .m-modal-year .m-years--7cell a:nth-child(4) {
      margin-bottom: 17px;
    }
    /* /m-yearsのモディファイア 7セル */


  /* m-yearsのモディファイア 7セル版 */
  .m-years--7cell a {
    width: 117px;
    height: 105px;
    background-repeat:no-repeat;
  }

  .m-modal-year .m-years--7cell a:nth-child(1) {
    width: 390px;
    height: 60px;
    margin-bottom: 17px;
    background-position: 0 0;
  }

  .m-years--7cell a:nth-child(2) {
    background-position: -141px 0;
  }

  .m-years--7cell a:nth-child(3) {
    background-position: -282px 0;
  }

  .m-years--7cell a:nth-child(4) {
    background-position: -423px 0;
  }

  .m-years--7cell a:nth-child(5) {
    background-position: -564px 0;
  }

  .m-years--7cell a:nth-child(6) {
    background-position: -705px 0;
  }

  .m-years--7cell a:nth-child(7) {
    background-position: -846px 0;
  }

  .m-modal-year .m-years--7cell a:nth-child(2),
  .m-modal-year .m-years--7cell a:nth-child(3),
  .m-modal-year .m-years--7cell a:nth-child(4) {
    margin-bottom: 17px;
  }
  /* /m-yearsのモディファイア 7セル */

  .m-modal-arrival__inner {
    max-width:300px;
    margin:auto;
  }

  .m-modal-member {
      width: 960px;
      min-width: 960px;
      max-width: 960px;
  }

  .m-modal-member .m-modal__content > dd {
      margin-top: 14px;
  }

  .m-modal-member p {
      margin-bottom: 25px;
  }

  .m-modal-member .m-panel--blue {
      width: 286px;
  }

  .m-modal-member .m-panel--gray {
      width: 554px;
  }

  .m-modal-member .m-panel--gray a:first-child {
      margin-right: 18px;
  }

  .m-modal-member .m-panel > dt {
      margin-bottom: 20px;
  }

  .m-modal-member .m-modal__content {
      padding: 24px 34px;
      text-align: center;
  }

  /* お申し込み方法 */

    .m-icon--box--pc,.m-icon--box--tel {
      padding:20px 20px 20px 120px !important;
      position:relative;
    }

    .m-bdr--gray {
      border:#f2f2f2 solid 2px;
      height:100%;
      border-radius: 6px
    }

    .m-icon--box--pc:before {
      left:11px;
      top:35px;
      content:"";
      display: block;
      position:absolute;
      width: 106px;
      height: 106px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -3644px;
      -webkit-background-size: 106px 3710px;
      -moz-background-size: 106px 3710px;
      background-size: 106px 3710px;
    }

    .m-icon--box--tel:before {
      left:11px;
      top:23px;
      left:0;
      content:"";
      display: block;
      position:absolute;
      width: 106px;
      height: 82px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -3525px;
      -webkit-background-size: 106px 3710px;
      -moz-background-size: 106px 3710px;
      background-size: 106px 3710px;
    }


  /* レイアウト */

  .m-unit__box__inner {padding: 10px; }

  .m-unit__box__inner--touch2campaign {
    margin-top: 40px;
    padding: 40px 60px 20px;
    background-color: #FFF;
    border-radius: 5px;
  }

  .col {
    margin:20px 0;
  }

  .col_left {
    float:left !important;
  }

  .col_right {
    float:right !important;
  }

  .col__1colPC {
    width:100%;
  }

  .col__2colPC {
    float:left;
    width:50%;
  }

  .col__2_3colPC {
    float:left;
    width:66.6666666666%;
  }

  .col__1_3colPC {
    float:left;
    width:33.333333333333333%;
  }

  .col__1_4colPC {
    float:left;
    width:25%;
  }

  .col__3_4colPC {
    float:left;
    width:75%;
  }

  .g-bottomPC {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }

  .g-topPC {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }

  .g-middlePC {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  div[class*="colPC"].col__col--text:nth-child(2n) {
    padding-left:10px;
  }

  div[class*="colPC"].col__col--text:nth-child(2n-1) {
    padding-right:10px;
  }

  .col__order1PC {
    order:1;
    -webkit-order:1;
    -moz-order:1;
  }

  .col__order2PC {
    order:2;
    -webkit-order:2;
    -moz-order:2;
  }

  .col__order3PC {
    order:3;
    -webkit-order:3;
    -moz-order:3;
  }

  /* モーダル */

  html.no-cssfilters .m-modal-overlay,
  html.touchevents .m-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
  }

  html.touchevents .m-modal-overlay {
    cursor: pointer;
  }

  html.is-modal-open .m-modal-overlay {
    display: block;
  }

  /* ヘッダー */

  .m-header {
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    font-size: 12px;
    position: relative;
    z-index: 1000;
  }

  .m-header__upper,
  .m-header__lower {
    margin: 0 auto;
    max-width: 960px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .m-header__lower {
    padding: 3px 0 20px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-header__l {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-header__r {
    text-align: right;
  }

  .m-header__r a {
    color: #000;
  }

  .m-header__r a.is-active {
    color: #b2b2b2;
  }

  .m-header__bc {
    padding: 11px 0;
    display: block;
  }

  .m-header__plus {
    margin-right: 15px;
    line-height: 1;
  }

  .m-header__sm,
  .m-header__mem {
    display: inline-block;
    vertical-align: middle;
  }

  .m-header__sm {
    margin-right: 12px;
  }

  .m-link--s {
    padding-left: 15px;
    font-size: 12px;
    display: inline-block;
  }

  .m-link--s:before {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/common/_share16_sprite.png);
    background-size: auto;
    width: 7px;
    min-width: 7px;
    max-width: 7px;
    height: 10px;
    min-height: 10px;
    max-height: 10px;
    background-position: -350px -422px;
    content: "";
    position: absolute;
    -webkit-transform: translate(-10px, 4px);
    transform: translate(-10px, 4px);
  }

  .m-tilelink {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-tilelink > * {
    white-space: nowrap;
  }


  .m-tilelink > *:after {
    content: "|";
    margin: 0 12px;
    display: inline-block;
    color: #ccc;
  }

  .m-tilelink > *:last-child:after {
    display: none;
  }

  .m-tilelink--tight > *:after {
    margin: 0 5px;
  }

  .m-hnav-bar {
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
  }

  html.is-hnav-modal-open .m-hnav-bar {
    position: relative;
  }

  html.is-scl-stuck:not(.is-no-scl-up) .m-hnav-bar {
    position: fixed;
  }

  html.is-scl-stuck.is-scl-dw:not(.is-no-scl-up):not(.is-hnav-modal-open) .m-hnav-bar {
    -webkit-animation: hnav-out .4s forwards;
    animation: hnav-out .4s forwards;
  }

  html.is-scl-stuck.is-scl-up:not(.is-hnav-modal-open) .m-hnav-bar {
    -webkit-animation: hnav-in .4s backwards;
    animation: hnav-in .4s backwards;
  }

  @-webkit-keyframes hnav-in {
    from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @keyframes hnav-in {
    from {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @-webkit-keyframes hnav-out {
    from {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }

  @keyframes hnav-out {
    from {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }

  .m-hnav-modal-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
  }


  html.no-cssfilters .m-modal-overlay,
  html.touchevents .m-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5);
  }

  html.touchevents .m-modal-overlay {
    cursor: pointer;
  }

  html.is-modal-open .m-modal-overlay {
    display: block;
  }


  html.touchevents .m-hnav-modal-overlay {
    cursor: pointer;
  }

  html.no-cssfilters .m-hnav-modal-overlay,
  html.touchevents .m-hnav-modal-overlay {
    background-color: rgba(0, 0, 0, 0.2);
  }


  .m-hnav {
    border-top: 1px solid #e6e6e6;
    position: relative;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
  }

  .m-hnav a,
  .m-hnav span {
    background-image: url(/_share16/pc/img/hnav.png);
    display: block;
    width: 123px;
    height: 49px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
  }


  .m-hnav--sho1 a ,
  .m-hnav--sho1 span {
    background-image: url(/sho1/191118_19107_hnav_2.png);
  }

  .m-hnav--sho2 a ,
  .m-hnav--sho2 span {
    background-image: url(/sho2/191118_19107_hnav_2.png);
  }

  .m-hnav--sho3 a ,
  .m-hnav--sho3 span {
    background-image: url(/sho3/191118_19107_hnav_2.png);
  }

  .m-hnav--sho4 a ,
  .m-hnav--sho4 span {
    background-image: url(/sho4/191118_19107_hnav_2.png);
  }

  .m-hnav--sho5 a ,
  .m-hnav--sho5 span {
    background-image: url(/sho5/191118_19107_hnav_2.png);
  }
  .m-hnav--sho6 a ,
  .m-hnav--sho6 span {
    background-image: url(/sho6/hnav_4.png);
  }

  .m-hnav--7cell a,
  .m-hnav--7cell span {
      width: 137px;
  }

  /*m-hnav--with-new1 : m-hnavのモディファイア 7セル 新1年生,1年生～6年生 */
  .m-hnav--with-new1 a,
  .m-hnav--with-new1 span {
      background-image: url(/common/hnav_7cell_with_new1.png);
  }

  /*m-hnav m-hnav--in-april : m-hnavのモディファイア 6セル 1年生～6年生 4月から付与版*/
  .m-hnav--in-april a,
  .m-hnav--in-april span {
      background-image: url(/_share16/pc/img/hnav_6cell_in_april.png);
        width: 137px;
  height: 123px;
  background-repeat:no-repeat;
  }

  /*m-hnav m-hnav--in-april : m-hnavのモディファイア 6セル 1年生～6年生 最新4月から付与版*/
  .m-hnav--in-april_2 a,
  .m-hnav--in-april_2 span {
      background-image: url(/common/hnav_7cell_with_new1_20190213.png);
    width:160px !important;
  }

  .m-hnav--in-april_2.m-hnav li:nth-child(1) a,
  .m-hnav--in-april_2.m-hnav li:nth-child(1) span{
    background-position: 0 0 !important;
  }
  .m-hnav--in-april_2.m-hnav li:nth-child(1) a:hover,
  .m-hnav--in-april_2.m-hnav li:nth-child(1) span{
    background-position: 0 -49px !important;
  }

  .m-hnav--in-april_2.m-hnav li:nth-child(2) a,
  .m-hnav--in-april_2.m-hnav li:nth-child(2) span{
    background-position: -160px 0 !important;
  }
  .m-hnav--in-april_2.m-hnav li:nth-child(2) a:hover,
  .m-hnav--in-april_2.m-hnav li:nth-child(2) span{
    background-position: -160px -49px !important;
  }

  .m-hnav--in-april_2.m-hnav li:nth-child(3) a,
  .m-hnav--in-april_2.m-hnav li:nth-child(3) span{
    background-position: -320px 0 !important;
  }
  .m-hnav--in-april_2.m-hnav li:nth-child(3) a:hover,
  .m-hnav--in-april_2.m-hnav li:nth-child(3) span{
    background-position: -320px -49px !important;
  }

  .m-hnav--in-april_2.m-hnav li:nth-child(4) a,
  .m-hnav--in-april_2.m-hnav li:nth-child(4) span{
    background-position: -480px 0 !important;
  }
  .m-hnav--in-april_2.m-hnav li:nth-child(4) a:hover,
  .m-hnav--in-april_2.m-hnav li:nth-child(4) span{
    background-position: -480px -49px !important;
  }

  .m-hnav--in-april_2.m-hnav li:nth-child(5) a,
  .m-hnav--in-april_2.m-hnav li:nth-child(5) span{
    background-position: -640px 0 !important;
  }
  .m-hnav--in-april_2.m-hnav li:nth-child(5) a:hover,
  .m-hnav--in-april_2.m-hnav li:nth-child(5) span{
    background-position: -640px -49px !important;
  }

  .m-hnav--in-april_2.m-hnav li:nth-child(6) a,
  .m-hnav--in-april_2.m-hnav li:nth-child(6) span{
    background-position: -800px 0 !important;
  }
  .m-hnav--in-april_2.m-hnav li:nth-child(6) a:hover,
  .m-hnav--in-april_2.m-hnav li:nth-child(6) span{
    background-position: -800px -49px !important;
  }


  /*m-hnav--in-full-year_2 6セル new1年生～6年生 付与版*/
  .m-hnav--in-full-year_2 a,
  .m-hnav--in-full-year_2 span {
      background-image: url(/common/190412_16375_common_hnav_01.png);
    width:160px !important;
  }
  /*m-hnav--in-full-year_2 6セル 1年生～6年生 付与版*/
  .m-hnav--in-full-year_2.m-hnav--onlysho1 a,
  .m-hnav--in-full-year_2.m-hnav--onlysho1 span {
      background-image: url(/common/hnav.png);
    width:160px !important;
  }
  .m-hnav--in-full-year_2.m-hnav li:nth-child(1) a,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(1) span{
    background-position: 0 0 !important;
  }
  .m-hnav--in-full-year_2.m-hnav li:nth-child(1) a:hover,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(1) span{
    background-position: 0 -49px !important;
  }

  .m-hnav--in-full-year_2.m-hnav li:nth-child(2) a,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(2) span{
    background-position: -160px 0 !important;
  }
  .m-hnav--in-full-year_2.m-hnav li:nth-child(2) a:hover,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(2) span{
    background-position: -160px -49px !important;
  }

  .m-hnav--in-full-year_2.m-hnav li:nth-child(3) a,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(3) span{
    background-position: -320px 0 !important;
  }
  .m-hnav--in-full-year_2.m-hnav li:nth-child(3) a:hover,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(3) span{
    background-position: -320px -49px !important;
  }

  .m-hnav--in-full-year_2.m-hnav li:nth-child(4) a,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(4) span{
    background-position: -480px 0 !important;
  }
  .m-hnav--in-full-year_2.m-hnav li:nth-child(4) a:hover,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(4) span{
    background-position: -480px -49px !important;
  }

  .m-hnav--in-full-year_2.m-hnav li:nth-child(5) a,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(5) span{
    background-position: -640px 0 !important;
  }
  .m-hnav--in-full-year_2.m-hnav li:nth-child(5) a:hover,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(5) span{
    background-position: -640px -49px !important;
  }

  .m-hnav--in-full-year_2.m-hnav li:nth-child(6) a,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(6) span{
    background-position: -800px 0 !important;
  }
  .m-hnav--in-full-year_2.m-hnav li:nth-child(6) a:hover,
  .m-hnav--in-full-year_2.m-hnav li:nth-child(6) span{
    background-position: -800px -49px !important;
  }
  .m-hnav a.is-current,
  .m-hnav span.is-current {
    cursor: default;
  }

  .m-hnav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }


  .m-hnav.m-hnav-bar--year a{
    background-image: url("/common/new_hnav.png");
  }

  .m-hnav a.m-hnav-grade_top.m-hnav-grade_top--sho1 {
   background-image: url(/sho1/191118_19107_hnav_2.png);
  }
  .m-hnav a.m-hnav-grade_top.m-hnav-grade_top--sho2 {
   background-image: url(/sho2/191118_19107_hnav_2.png);
  }
  .m-hnav a.m-hnav-grade_top.m-hnav-grade_top--sho3 {
   background-image: url(/sho3/191118_19107_hnav_2.png);
  }
  .m-hnav a.m-hnav-grade_top.m-hnav-grade_top--sho4 {
   background-image: url(/sho4/191118_19107_hnav_2.png);
  }
  .m-hnav a.m-hnav-grade_top.m-hnav-grade_top--sho5 {
   background-image: url(/sho5/191118_19107_hnav_2.png);
  }
  .m-hnav a.m-hnav-grade_top.m-hnav-grade_top--sho6 {
   background-image: url(/sho6/191118_19107_hnav_2.png);
  }

  .m-hnav a:after {
    height:21px;
    content:"";
    display:block;
  }

  .m-hnav--sho1 a:after {
    border-bottom:#ec6e81 4px solid;
  }
  .m-hnav--sho2 a:after {
    border-bottom:#019e3c 4px solid;
  }
  .m-hnav--sho3 a:after {
    border-bottom:#006eb3 4px solid;
  }
  .m-hnav--sho4 a:after {
    border-bottom:#fa7500 4px solid;
  }
  .m-hnav--sho5 a:after {
    border-bottom:#8ec31f 4px solid;
  }
  .m-hnav--sho6 a:after {
    border-bottom:#6b5cad 4px solid;
  }

  .m-hnav a.m-hnav-grade_top:after {
    border:none;
  }

  .m-hnav-bar .m-hnav li a.m-hnav-touch {
    background-position:-346px 0px;
  }

  html.no-touchevents .m-hnav.m-hnav li a.m-hnav-touch:hover,.m-hnav.m-hnav li a.m-hnav-touch.is-current 
   {
    background-position:-346px -49px;
  }

  .m-hnav a.m-hnav-touch:after {
    width:170px;
    margin:auto;
  }

  .m-hnav-bar .m-hnav li a.m-hnav-original {
    background-position: -469px 0px;
  }

  html.no-touchevents .m-hnav.m-hnav li a.m-hnav-original:hover,.m-hnav.m-hnav li a.m-hnav-original.is-current 
   {
    background-position:-469px -49px;
  }

  .m-hnav a.m-hnav-original:after {
    width:123px;
    margin:auto;
  }

  .m-hnav-bar .m-hnav li a.m-hnav-style {
    background-position: -568px 0px;
    width: 0;
  }

  html.no-touchevents .m-hnav.m-hnav li a.m-hnav-style:hover,.m-hnav.m-hnav li a.m-hnav-style.is-current 
   {
    background-position:-386px -49px;
  }

  .m-hnav a.m-hnav-style:after {
    width:166px;
    margin:auto;
  }

  .m-hnav-bar .m-hnav li a.m-hnav-cost {
    background-position:-590px 0px;
    width:122px;
  }

  .m-hnav-lineup {
    width:123px !important;
    background-position:-712px 0;
}

.m-hnav-lineup:hover,.m-hnav-lineup.is-current {
    background-position:-712px 49px;
}

  html.no-touchevents .m-hnav.m-hnav li a.m-hnav-cost:hover,.m-hnav.m-hnav li a.m-hnav-cost.is-current 
   {
    background-position:-590px -49px;
  }

  .m-hnav a.m-hnav-cost:after {
    width:174px;
    margin:auto;
  }

  .m-hnav-bar .m-hnav li a.m-hnav-suitable {
    background-position: -835px 0px;
    width:125px;
  }

  html.no-touchevents .m-hnav.m-hnav li a.m-hnav-suitable:hover,.m-hnav.m-hnav li a.m-hnav-suitable.is-current 
   {
    background-position:-835px -49px;
  }

  .m-hnav a.m-hnav-suitable:after {
    width:171px;
    margin:auto;
  }

  .m-linklist--black li a:before {
    width: 9px;
    min-width: 9px;
    max-width: 9px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    background-position: -519px -452px;
    content:"";
    display: inline-block;
    vertical-align: middle;
    background-image: url(/common/_share16_sprite.png);
    background-size: auto;
    position: absolute;
    transform: translate(-12px, 2px);
  }

  .m-linklist--black li a.is-active:before {
    width: 9px;
    min-width: 9px;
    max-width: 9px;
    height: 14px;
    min-height: 14px;
    max-height: 14px;
    background-position: -466px -452px;
    content:"";
    display: inline-block;
    vertical-align: middle;
    background-image: url(/common/_share16_sprite.png);
    background-size: auto;
    position: absolute;
    transform: translate(-12px, 2px);
  }

  .m-header a:hover, .m-hnav-bar a:hover,.m-path a:hover {
    text-decoration: underline;
  }

  .m-hnav2 {
    margin-top: 30px;
  }

  .m-fnav__body a:hover {
    text-decoration:underline;
  }

  .m-hnav2 a {
    background-image: url(/_share16/pc/img/hnav2.png);
    display: block;
    width: 227px;
    height: 65px;
    text-indent: -9999px;
    overflow: hidden;
  }

  .m-hnav2 li:nth-child(2) a {
    background-position: -244px 0;
  }

  .m-hnav2 li:nth-child(3) a {
    background-position: -490px 0;
  }

  .m-hnav2 li:nth-child(4) a {
    background-position: -735px 0;
  }

  .m-spacer {
    display: none;
  }

  .m-hnav li:nth-child(1) a,
  .m-hnav li:nth-child(1) span {
    width: 100px;
    background-position: 0 0;
  }

  html.no-touchevents .m-hnav li:nth-child(1) a:hover,
  .m-hnav li:nth-child(1) a.is-active,
  .m-hnav li:nth-child(1) a.is-current,
  html.no-touchevents .m-hnav li:nth-child(1) span:hover,
  .m-hnav li:nth-child(1) span.is-active,
  .m-hnav li:nth-child(1) span.is-current {
    background-position: 0 -49px;
  }

  .m-hnav li:nth-child(2) a,
  .m-hnav li:nth-child(2) span {
    width: 123px;
    background-position: -100px 0;
  }

  html.no-touchevents .m-hnav li:nth-child(2) a:hover,
  .m-hnav li:nth-child(2) a.is-active,
  .m-hnav li:nth-child(2) a.is-current,
  html.no-touchevents .m-hnav li:nth-child(2) span:hover,
  .m-hnav li:nth-child(2) span.is-active,
  .m-hnav li:nth-child(2) span.is-current {
    background-position: -100px -49px;
  }

  .m-hnav li:nth-child(3) a,
  .m-hnav li:nth-child(3) span {
    width: 122px;
    background-position: -223px 0;
  }

  html.no-touchevents .m-hnav li:nth-child(3) a:hover,
  .m-hnav li:nth-child(3) a.is-active,
  .m-hnav li:nth-child(3) a.is-current,
  html.no-touchevents .m-hnav li:nth-child(3) span:hover,
  .m-hnav li:nth-child(3) span.is-active,
  .m-hnav li:nth-child(3) span.is-current {
    background-position: -223px -49px;
  }

  .m-hnav li:nth-child(4) a,
  .m-hnav li:nth-child(4) span {
    width: 123px;
    background-position: -501px 0;
  }

  html.no-touchevents .m-hnav li:nth-child(4) a:hover,
  .m-hnav li:nth-child(4) a.is-active,
  .m-hnav li:nth-child(4) a.is-current,
  html.no-touchevents .m-hnav li:nth-child(4) span:hover,
  .m-hnav li:nth-child(4) span.is-active,
  .m-hnav li:nth-child(4) span.is-current {
    background-position: -444px -49px;
  }

  .m-hnav li:nth-child(5) a,
  .m-hnav li:nth-child(5) span {
    width: 121px;
    background-position: -616px 0;
  }

  html.no-touchevents .m-hnav li:nth-child(5) a:hover,
  .m-hnav li:nth-child(5) a.is-active,
  .m-hnav li:nth-child(5) a.is-current,
  html.no-touchevents .m-hnav li:nth-child(5) span:hover,
  .m-hnav li:nth-child(5) span.is-active,
  .m-hnav li:nth-child(5) span.is-current {
    background-position: -616px -49px;
  }


  .m-hnav li:nth-child(6) a,
  .m-hnav li:nth-child(6) span {
    width: 143px;
    background-position: -672px 0;
  }

  html.no-touchevents .m-hnav li:nth-child(6) a:hover,
  .m-hnav li:nth-child(6) a.is-active,

  .m-hnav li:nth-child(6) a.is-current,
  html.no-touchevents .m-hnav li:nth-child(6) span:hover,
  .m-hnav li:nth-child(6) span.is-active,
  .m-hnav li:nth-child(6) span.is-current {
    background-position: -672px -49px;
  }

  .m-hnav--7cell li:nth-child(1) a,
  .m-hnav--7cell li:nth-child(1) span {
    width: 137px;
    background-position: 0 0;
  }

  html.no-touchevents .m-hnav--7cell li:nth-child(1) a:hover,
  .m-hnav--7cell li:nth-child(1) a.is-active,
  .m-hnav--7cell li:nth-child(1) a.is-current,
  html.no-touchevents .m-hnav--7cell li:nth-child(1) span:hover,
  .m-hnav--7cell li:nth-child(1) span.is-active,
  .m-hnav--7cell li:nth-child(1) span.is-current {
    background-position: 0 -49px;
  }

  .m-hnav--7cell li:nth-child(2) a,
  .m-hnav--7cell li:nth-child(2) span {
    width: 137px;
    background-position: -137px 0;
  }

  html.no-touchevents .m-hnav--7cell li:nth-child(2) a:hover,
  .m-hnav--7cell li:nth-child(2) a.is-active,
  .m-hnav--7cell li:nth-child(2) a.is-current,
  html.no-touchevents .m-hnav--7cell li:nth-child(2) span:hover,
  .m-hnav--7cell li:nth-child(2) span.is-active,
  .m-hnav--7cell li:nth-child(2) span.is-current {
    background-position: -137px -49px;
  }

  .m-hnav--7cell li:nth-child(3) a,
  .m-hnav--7cell li:nth-child(3) span {
    width: 137px;
    background-position: -274px 0;
  }

  html.no-touchevents .m-hnav--7cell li:nth-child(3) a:hover,
  .m-hnav--7cell li:nth-child(3) a.is-active,
  .m-hnav--7cell li:nth-child(3) a.is-current,
  html.no-touchevents .m-hnav--7cell li:nth-child(3) span:hover,
  .m-hnav--7cell li:nth-child(3) span.is-active,
  .m-hnav--7cell li:nth-child(3) span.is-current {
    background-position: -274px -49px;
  }

  .m-hnav--7cell li:nth-child(4) a,
  .m-hnav--7cell li:nth-child(4) span {
    width: 137px;
    background-position: -411px 0;
  }

  html.no-touchevents .m-hnav--7cell li:nth-child(4) a:hover,
  .m-hnav--7cell li:nth-child(4) a.is-active,
  .m-hnav--7cell li:nth-child(4) a.is-current,
  html.no-touchevents .m-hnav--7cell li:nth-child(4) span:hover,
  .m-hnav--7cell li:nth-child(4) span.is-active,
  .m-hnav--7cell li:nth-child(4) span.is-current {
    background-position: -411px -49px;
  }

  .m-hnav--7cell li:nth-child(5) a,
  .m-hnav--7cell li:nth-child(5) span {
    width: 137px;
    background-position: -548px 0;
  }

  html.no-touchevents .m-hnav--7cell li:nth-child(5) a:hover,
  .m-hnav--7cell li:nth-child(5) a.is-active,
  .m-hnav--7cell li:nth-child(5) a.is-current,
  html.no-touchevents .m-hnav--7cell li:nth-child(5) span:hover,
  .m-hnav--7cell li:nth-child(5) span.is-active,
  .m-hnav--7cell li:nth-child(5) span.is-current {
    background-position: -548px -49px;
  }

  .m-hnav--7cell li:nth-child(6) a,
  .m-hnav--7cell li:nth-child(6) span {
    width: 137px;
    background-position: -685px 0;
  }

  html.no-touchevents .m-hnav--7cell li:nth-child(6) a:hover,
  .m-hnav--7cell li:nth-child(6) a.is-active,
  .m-hnav--7cell li:nth-child(6) a.is-current,
  html.no-touchevents .m-hnav--7cell li:nth-child(6) span:hover,
  .m-hnav--7cell li:nth-child(6) span.is-active,
  .m-hnav--7cell li:nth-child(6) span.is-current {
    background-position: -685px -49px;
  }

  .m-hnav--7cell li:nth-child(7) a,
  .m-hnav--7cell li:nth-child(7) span {
    width: 138px;
    background-position: -822px 0;
  }

  html.no-touchevents .m-hnav--7cell li:nth-child(7) a:hover,
  .m-hnav--7cell li:nth-child(7) a.is-active,
  .m-hnav--7cell li:nth-child(7) a.is-current,
  html.no-touchevents .m-hnav--7cell li:nth-child(7) span:hover,
  .m-hnav--7cell li:nth-child(7) span.is-active,
  .m-hnav--7cell li:nth-child(7) span.is-current {
    background-position: -822px -49px;
  }

  /* footer */


  .m-fnav {
    margin-top: 80px;

    font-size: 12px;
    position: relative;
  }

  .m-fnav a {
    color: #fff;
  }

  .m-fnav__tab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .m-fnav__tab a {
    background-image: url(/common/fnav.png);
    width: 100%;
    height: 44px;
    text-indent: -9999px;
    overflow: hidden;
  }

  .m-fnav__tab a.is-active {
    height: 54px;
  }

  html.no-touchevents .m-fnav__tab a.is-active:hover img {
    opacity: 1;
  }

  .m-fnav__tab span {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    text-align: center;
  }

  .m-fnav__tab li {
    position: relative;
    width: 225px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .m-fnav__tab li:nth-child(n+2) {
    margin-left: 20px;
  }

  .m-fnav__tab li:nth-child(1) a {
    background-position: 0 0;
  }

  .m-fnav__tab li:nth-child(1) a.is-active {
    background-position: 0 -44px;
  }

  .m-fnav__tab li:nth-child(2) a {
    background-position: -245px 0;
  }

  .m-fnav__tab li:nth-child(2) a.is-active {
    background-position: -245px -44px;
  }

  .m-fnav__tab li:nth-child(3) a {
    background-position: -490px 0;
  }

  .m-fnav__tab li:nth-child(3) a.is-active {
    background-position: -490px -44px;
  }

  .m-fnav__tab li:nth-child(4) a {
    background-position: -735px 0;
  }

  .m-fnav__tab li:nth-child(4) a.is-active {
    background-position: -735px -44px;
  }

  .m-fnav__body--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .m-fnav__reference {
    position: relative;
  }
  .m-fnav__map__body {
    width: 585px;
  }

  .m-fnav__map__body:nth-of-type(n+2),
  .m-fnav__map__year + .m-fnav__map__body,
  .m-fnav__map__body_top {
    margin-top: 15px;
  }

  .m-fnav__map__year {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .m-fnav__map__year dt {
    margin-right: 15px;
    white-space: nowrap;
  }

  .m-fnav__map__year dd {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .m-fnav--sho .m-fnav__tab a {
    background: none;
    text-indent: 0;
  }

  .m-fnav--sho .m-fnav__map {
    border-right: 1px solid #66a9e0;
    width: 775px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-fnav--sho .m-fnav__map__ttl {
    width: 175px;
  }

  .m-fnav--sho .m-fnav__map__ttl:before {
    content: "【";
  }

  .m-fnav--sho .m-fnav__map__ttl:after {
    content: "】";
  }

  .m-fnav--sho .m-fnav__map__ttl:nth-of-type(n+2) {
    margin-top: 15px;
  }

  .m-fnav--sho .m-fnav__map__ttl:empty:before,
  .m-fnav--sho .m-fnav__map__ttl:empty:after {
    content: "";
  }

  .m-fnav__contact-h {
    width: 377px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-fnav__contact-h i {
    margin: 0 auto 15px;
    display: block;
  }

  .m-fnav__contact-h li {
    width: 118px;
    height: 93px;
    border-left: 1px solid #66a9e0;
    text-align: center;
  }

  .m-fnav__contact-h li:nth-child(1) {
    border-left: 0;
  }

  .m-fnav__contact-h li:nth-child(2) {
    width: 140px;
  }

  .m-fnav__contact-h li:nth-child(2) i {
    margin-top: 2px;
  }

  .m-fnav__contact-h li:nth-child(3) i {
    margin-top: -5px;
    margin-bottom: 16px;
  }

  .m-fnav__contact-v {
    width: 167px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .m-fnav__contact-v li {
    margin: 12px 0;
    -webkit-flex-basis: 100%;

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .m-fnav__contact-v a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-fnav__contact-v div {
    margin-right: 10px;
    width: 44px;
    text-align: center;
  }
  /* ナビ */

  .now6img {
    font-size: 24px;
    line-height: 61px;
  }
  .m-footer {
    font-size: 12px;
    clear: both;
    border-top: 1px solid #e6e6e6;
  }

  .m-fnav + .m-footer,
  .m-footer-notice + .m-footer {
    border-top: 0;
  }

  .m-footer,
  .m-footer a {
    color: #808080;
  }

  .m-footer .m-box {
    padding: 14px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-footer__copy {
    margin-left: 20px;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }

  .m-footer--p a {
    font-size: 12px;
    color: #08c;
  }

  .m-footer-notice {
    padding: 14px;
    background-color: #f2f2f2;
    font-size: 12px;
    text-align: center;
  }

  .m-footer-notice a {
    color: #808080;
  }

  .m-ftr-notice {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  .m-ftr-notice + .m-footer {
    margin-top: 50px;
  }


    .i-consult-bc,
    .i-consult-method,
    .i-tel {
      display: inline-block;
      vertical-align: middle;
      background-image: url(/common/_share16_sprite.png);
      background-size: auto;
    }

    .i-tel {
      width: 32px;
      min-width: 32px;
      max-width: 32px;
      height: 40px;
      min-height: 40px;
      max-height: 40px;
      background-position: -550px -232px;
    }

    .i-consult-bc {
      width: 42px;
      min-width: 42px;
      max-width: 42px;
      height: 38px;
      min-height: 38px;
      max-height: 38px;
      background-position: -550px -98px;
    }

    .i-consult-method {
      width: 45px;
      min-width: 45px;
      max-width: 45px;
      height: 44px;
      min-height: 44px;
      max-height: 44px;
      background-position: 0px -452px;
    }

  /* slick */


    .slick-list {
      max-width:100%;
      margin:0 40px;
    }

    .m-cover__inner .grade_title {
    font-size:20px;
    padding-top:35px;
    color: #0070CB;
    }

    .slick-prev:hover,
    .slick-next:hover
    {
        color: transparent;
        outline: none;
        background: transparent;
        transition: opacity .2s;
        opacity:0.5;
    }

    .slick-initialized .slick-slide {
      box-sizing: border-box;
      padding:0 5px;
    }

    /* スライドバナー */

    .m-slider__bannerarea a > img {
      display:block;
      margin:auto;
    }
    .m-slider__bannerarea a {
      left:0;
    }

    .m-slider__bannerarea:after {
      content:"";
      clear:both;
      display:block;
    }

    .m-slider__bannerarea > div:not(.slick-list) {
      float:left;
      padding:0 10px;
      width:245px;
      box-sizing: border-box;
    }

    .m-slider__bannerarea > div:not(.slick-list):nth-child(n+5) {
      display: none;
    }

    /* 教材スライダー */

    .m-slider--kyozaicol {
      padding:20px 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 75px;
    }

    .m-slider--kyozaicol--imagearea > img {
      width:100%;
      border: 1px solid #eee;
      padding: 20px;
      box-sizing: border-box;
      background: #fff;
    }

    .m-slider--kyozaicol--imagearea--title {
      font-size:12px;
      text-align: right;
      margin-top:5px;
    }

    .m-slider--kyozaicol > div:nth-child(odd) {
      margin-right:6.25%;
    }

    .m-slider--kyozaicol > div {
      width:46.85%;
    }

    .m-slider--kyozaicol > div {
      margin-bottom:35px;
    }

    .m-slider--kyozaicol > div:last-child,.m-slider--kyozaicol > div:nth-last-child(2) {
      margin-bottom:0px;
    }


    .m-slider--kyozaicol--textarea {
      margin-top:15px;
      font-size:14px;
      text-align: justify;
    }

    .m-slider--kyozaicol--h4 {
      font-size:20px;
      font-weight:bold;
      margin-bottom:10px;
    }

    .m-slider-kyozaicol--textarea--text {
      font-size:16px;
      line-height:24px;
    }

    .m-slider-kyozaicol--textarea--text .deputy_link{
      font-size:14px !important;
    }

    .m-slider--btn-area {
      display: none;
    }

    .m-sline--sky {
      border:none;
      border-bottom: solid #daecfb 2px;
      margin:0;
    }

    .m-slider--touch--supoprt {
      padding:20px 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 75px;
    }


    .m-modal-member .m-panel--blue {
        width: 286px;
    }

    .m-modal-member .m-panel--gray {
        width: 554px;
    }

    .m-modal-member .m-panel--gray a:first-child {
        margin-right: 18px;
    }

    .m-modal-member .m-panel > dt {
        margin-bottom: 20px;
    }

    .m-modal-member .m-modal__content {
        padding: 24px 34px;
        text-align: center;
    }

    .m-panel {
        padding: 15px;
        background-color: #fff;
        border-radius: 6px;
        box-sizing: border-box;
    }

    .m-panel--blue {
        background-color: #0070cb;
    }

    .m-panel--aqua {
        background-color: #edf7ff;
    }

    .m-panel--gray {
        background-color: #f7f7f7;
    }

    .m-panel--cream {
        background-color: #fff6cc;
    }

    .m-panel--beige {
        background-color: #f5f2e9;
    }
    .course-pre {
        padding:10px 10px 5px;
        background-color:#E6F3FF;
        margin-top: 14px;
    }

    .m-slider--touch--supoprt > div:nth-child(odd) {
      margin-right:60px;
    }

    .m-slider--touch--supoprt > div {
      max-width:450px;
    }

    .m-slider--touch--supoprt > div {
      margin-bottom:35px;
    }

    .m-slider--touch--supoprt > div:last-child,.m-slider--touch--supoprt > div:nth-last-child(2) {
      margin-bottom:0px;
    }

    .m-slider--touch--supoprt--h3 {
      font-weight:bold;
      margin-top:15px;
    }

    .m-slider--touch--supoprt--image > img {
      width:100%;
    }

    .m-modal-contact {
        padding-top: 25px;
        padding-bottom: 25px;
        width: 680px;
        min-width: 680px;
        max-width: 680px;
    }

    html.is-hnav-modal-open:not(.touchevents) .m-hnav-sub,
    html.is-hnav-modal-open:not(.touchevents) .m-path,
    html.is-hnav-modal-open:not(.touchevents) .m-content,
    html.is-hnav-modal-open:not(.touchevents) .m-fnav,
    html.is-hnav-modal-open:not(.touchevents) .m-footer-notice,
    html.is-hnav-modal-open:not(.touchevents) .m-footer,
    html.is-hnav-modal-open:not(.touchevents) .m-ftr-notice {
      -webkit-filter: blur(20px);
      filter: blur(20px);
    }

    html.is-modal-open:not(.touchevents) .m-header,
    html.is-modal-open:not(.touchevents) .m-hnav-bar,
    html.is-modal-open:not(.touchevents) .m-fixed-btn,
    html.is-modal-open:not(.touchevents) .m-path,
    html.is-modal-open:not(.touchevents) .m-content,
    html.is-modal-open:not(.touchevents) .m-fnav,
    html.is-modal-open:not(.touchevents) .m-footer-notice,
    html.is-modal-open:not(.touchevents) .m-footer,
    html.is-modal-open:not(.touchevents) .m-ftr-notice,
    html.is-modal-open:not(.touchevents) .m-unit
     {
      -webkit-filter: blur(20px);
      filter: blur(20px);
    }
    /* 旧グリッド */


    .m-grid {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }

    .m-grid--col1 > * {
      margin-right: 30px;
      width: 960px;
    }

    .m-grid--col1 > *:last-child,
    .m-grid--col1 > *:nth-child(1n) {
      margin-right: 0;
    }

    .m-grid--col1 > *:nth-child(n+2) {
      margin-top: 15px;
    }

    .m-grid--col1.m-grid--liquid > * {
      margin-right: 3.125%;
      width: 100%;
    }

    .m-grid--col1.m-grid--liquid > *:last-child,
    .m-grid--col1.m-grid--liquid > *:nth-child(1n) {
      margin-right: 0;
    }

    .m-grid--col1.m-grid--liquid > *:nth-child(n+2) {
      margin-top: 15px;
    }

    .m-grid--col2 > * {
      margin-right: 30px;
      width: 465px;
    }

    .m-grid--col2 > *:last-child,
    .m-grid--col2 > *:nth-child(2n) {
      margin-right: 0;
    }

    .m-grid--col2 > *:nth-child(n+3) {
      margin-top: 15px;
    }

    .m-grid--col2.m-grid--liquid > * {
      margin-right: 3.125%;
      width: 48.4375%;
    }

    .m-grid--col2.m-grid--liquid > *:last-child,
    .m-grid--col2.m-grid--liquid > *:nth-child(2n) {
      margin-right: 0;
    }

    .m-grid--col2.m-grid--liquid > *:nth-child(n+3) {
      margin-top: 15px;
    }

    .m-grid--col3 > * {
      margin-right: 30px;
      width: 300px;
    }

    .m-grid--col3 > *:last-child,
    .m-grid--col3 > *:nth-child(3n) {
      margin-right: 0;
    }

    .m-grid--col3 > *:nth-child(n+4) {
      margin-top: 15px;
    }

    .m-grid--col3.m-grid--liquid > * {
      margin-right: 3.125%;
      width: 31.25%;
    }

    .m-grid--col3.m-grid--liquid > *:last-child,
    .m-grid--col3.m-grid--liquid > *:nth-child(3n) {
      margin-right: 0;
    }

    .m-grid--col3.m-grid--liquid > *:nth-child(n+4) {
      margin-top: 15px;
    }

    .m-grid--col4 > * {
      margin-right: 30px;
      width: 217.5px;
    }

    .m-grid--col4 > *:last-child,
    .m-grid--col4 > *:nth-child(4n) {
      margin-right: 0;
    }

    .m-grid--col4 > *:nth-child(n+5) {
      margin-top: 15px;
    }

    .m-grid--col4.m-grid--liquid > * {
      margin-right: 3.125%;
      width: 22.65625%;
    }

    .m-grid--col4.m-grid--liquid > *:last-child,
    .m-grid--col4.m-grid--liquid > *:nth-child(4n) {
      margin-right: 0;
    }

    .m-grid--col4.m-grid--liquid > *:nth-child(n+5) {
      margin-top: 15px;
    }

    .m-grid--col5 > * {
      margin-right: 30px;
      width: 168px;
    }

    .m-grid--col5 > *:last-child,
    .m-grid--col5 > *:nth-child(5n) {
      margin-right: 0;
    }

    .m-grid--col5 > *:nth-child(n+6) {
      margin-top: 15px;
    }

    .m-grid--col5.m-grid--liquid > * {
      margin-right: 3.125%;
      width: 17.5%;
    }

    .m-grid--col5.m-grid--liquid > *:last-child,
    .m-grid--col5.m-grid--liquid > *:nth-child(5n) {
      margin-right: 0;
    }

    .m-grid--col5.m-grid--liquid > *:nth-child(n+6) {
      margin-top: 15px;
    }

    .m-grid--sm.m-grid--col1 > * {
      margin-right: 20px;
      width: 960px;
    }

    .m-grid--sm.m-grid--col1 > *:last-child,
    .m-grid--sm.m-grid--col1 > *:nth-child(1n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col1 > *:nth-child(n+2) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col1.m-grid--liquid > * {
      margin-right: 2.08333%;
      width: 100%;
    }

    .m-grid--sm.m-grid--col1.m-grid--liquid > *:last-child,
    .m-grid--sm.m-grid--col1.m-grid--liquid > *:nth-child(1n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col1.m-grid--liquid > *:nth-child(n+2) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col2 > * {
      margin-right: 20px;
      width: 470px;
    }

    .m-grid--sm.m-grid--col2 > *:last-child,
    .m-grid--sm.m-grid--col2 > *:nth-child(2n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col2 > *:nth-child(n+3) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col2.m-grid--liquid > * {
      margin-right: 2.08333%;
      width: 48.95833%;
    }

    .m-grid--sm.m-grid--col2.m-grid--liquid > *:last-child,
    .m-grid--sm.m-grid--col2.m-grid--liquid > *:nth-child(2n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col2.m-grid--liquid > *:nth-child(n+3) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col3 > * {
      margin-right: 20px;
      width: 306.66667px;
    }

    .m-grid--sm.m-grid--col3 > *:last-child,
    .m-grid--sm.m-grid--col3 > *:nth-child(3n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col3 > *:nth-child(n+4) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col3.m-grid--liquid > * {
      margin-right: 2.08333%;
      width: 31.94444%;
    }

    .m-grid--sm.m-grid--col3.m-grid--liquid > *:last-child,
    .m-grid--sm.m-grid--col3.m-grid--liquid > *:nth-child(3n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col3.m-grid--liquid > *:nth-child(n+4) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col4 > * {
      margin-right: 20px;
      width: 225px;
    }

    .m-grid--sm.m-grid--col4 > *:last-child,
    .m-grid--sm.m-grid--col4 > *:nth-child(4n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col4 > *:nth-child(n+5) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col4.m-grid--liquid > * {
      margin-right: 2.08333%;
      width: 23.4375%;
    }

    .m-grid--sm.m-grid--col4.m-grid--liquid > *:last-child,
    .m-grid--sm.m-grid--col4.m-grid--liquid > *:nth-child(4n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col4.m-grid--liquid > *:nth-child(n+5) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col5 > * {
      margin-right: 20px;
      width: 176px;


    }

    .m-grid--sm.m-grid--col5 > *:last-child,
    .m-grid--sm.m-grid--col5 > *:nth-child(5n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col5 > *:nth-child(n+6) {
      margin-top: 10px;
    }

    .m-grid--sm.m-grid--col5.m-grid--liquid > * {
      margin-right: 2.08333%;
      width: 18.33333%;
    }

    .m-grid--sm.m-grid--col5.m-grid--liquid > *:last-child,
    .m-grid--sm.m-grid--col5.m-grid--liquid > *:nth-child(5n) {
      margin-right: 0;
    }

    .m-grid--sm.m-grid--col5.m-grid--liquid > *:nth-child(n+6) {
      margin-top: 10px;
    }

    .m-grid--lm.m-grid--col1 > * {
      margin-right: 40px;
      width: 960px;
    }

    .m-grid--lm.m-grid--col1 > *:last-child,
    .m-grid--lm.m-grid--col1 > *:nth-child(1n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col1 > *:nth-child(n+2) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col1.m-grid--liquid > * {
      margin-right: 4.16667%;
      width: 100%;
    }

    .m-grid--lm.m-grid--col1.m-grid--liquid > *:last-child,
    .m-grid--lm.m-grid--col1.m-grid--liquid > *:nth-child(1n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col1.m-grid--liquid > *:nth-child(n+2) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col2 > * {
      margin-right: 40px;
      width: 460px;
    }

    .m-grid--lm.m-grid--col2 > *:last-child,
    .m-grid--lm.m-grid--col2 > *:nth-child(2n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col2 > *:nth-child(n+3) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col2.m-grid--liquid > * {
      margin-right: 4.16667%;
      width: 47.91667%;
    }

    .m-grid--lm.m-grid--col2.m-grid--liquid > *:last-child,
    .m-grid--lm.m-grid--col2.m-grid--liquid > *:nth-child(2n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col2.m-grid--liquid > *:nth-child(n+3) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col3 > * {
      margin-right: 40px;
      width: 293.33333px;
    }

    .m-grid--lm.m-grid--col3 > *:last-child,
    .m-grid--lm.m-grid--col3 > *:nth-child(3n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col3 > *:nth-child(n+4) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col3.m-grid--liquid > * {
      margin-right: 4.16667%;
      width: 30.55556%;
    }

    .m-grid--lm.m-grid--col3.m-grid--liquid > *:last-child,
    .m-grid--lm.m-grid--col3.m-grid--liquid > *:nth-child(3n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col3.m-grid--liquid > *:nth-child(n+4) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col4 > * {
      margin-right: 40px;
      width: 210px;
    }

    .m-grid--lm.m-grid--col4 > *:last-child,
    .m-grid--lm.m-grid--col4 > *:nth-child(4n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col4 > *:nth-child(n+5) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col4.m-grid--liquid > * {
      margin-right: 4.16667%;
      width: 21.875%;
    }

    .m-grid--lm.m-grid--col4.m-grid--liquid > *:last-child,
    .m-grid--lm.m-grid--col4.m-grid--liquid > *:nth-child(4n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col4.m-grid--liquid > *:nth-child(n+5) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col5 > * {
      margin-right: 40px;
      width: 160px;
    }

    .m-grid--lm.m-grid--col5 > *:last-child,
    .m-grid--lm.m-grid--col5 > *:nth-child(5n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col5 > *:nth-child(n+6) {
      margin-top: 20px;
    }

    .m-grid--lm.m-grid--col5.m-grid--liquid > * {
      margin-right: 4.16667%;
      width: 16.66667%;
    }

    .m-grid--lm.m-grid--col5.m-grid--liquid > *:last-child,
    .m-grid--lm.m-grid--col5.m-grid--liquid > *:nth-child(5n) {
      margin-right: 0;
    }

    .m-grid--lm.m-grid--col5.m-grid--liquid > *:nth-child(n+6) {
      margin-top: 20px;
    }

    .m-grid--top {
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
    }

    .m-grid--mdl {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .m-grid--btm {
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
    }

    .m-grid--ctr {
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .m-grid--justify {
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    .m-grid--nowrap {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }

    .m-grid--ctr-mdl > .m-grid__el {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .m-grid--rv {
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
    }

    .col__narrow > .col__2colPC {
      width:48%;
      margin-bottom:80px;
    }

    .col__narrow > .col__2colPC:nth-child(2n-1) {
      margin-right:4%;
    }


    /* タッチ */

    .m-unit__h2--support {
      text-align:center;
      color:#0070cb;
      font-size:32px;
      padding-top:80px;
      display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
      display:-ms-flexbox;/*--- IE10 ---*/
      display:-webkit-flex;/*--- safari（PC）用 ---*/
      display:flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .m-unit__h2--support:before {
      content:url("/common/icn_support_left.png");
      margin-right:14px;
      position: relative;
      top: 3px;
    }
    .m-unit__h2--support:after {
      content:url("/common/icn_support_right.png");
      margin-left:14px;
      position: relative;
      top: 3px;
    }
  .m-slider--new .slick-prev,.m-slider--new .slick-next {
    background: #395298;
    background-image: -webkit-linear-gradient(left, #395298, #2191bf);
    background-image: -moz-linear-gradient(left, #395298, #2191bf);
    background-image: -ms-linear-gradient(left, #395298, #2191bf);
    background-image: -o-linear-gradient(left, #395298, #2191bf);
    background-image: linear-gradient(to right, #395298, #2191bf);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 9999px;
    width:34px;
    height:34px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
    .m-cvarea--inner {
      max-width:960px;
      box-sizing: border-box;
      padding:40px 0 20px;
      margin:auto;
    }

    .m-cvarea--toparea {
      display:-webkit-box;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
      justify-content: space-between;
      -ms-text-justify: space-between;
      -webkit-justify-content: space-between;
      margin-bottom:20px;
    }
    .m-cvarea--toparea--col {
      width:32.6%;
      padding:30px;
    }
    .m-cvarea--toparea--col:not(:last-child) {
      margin-right:1.1%;
    }
    .m-cvarea--toparea--text {
      margin-bottom:5px;
    }

    .m-cvarea--red--text {
      font-size:44px;
    }
    .m-cvarea--red--text > small {
      font-size:16px;
    }
    .m-cvarea--cost,.m-cvarea--date {
      overflow: hidden;
    }
    .m-cvarea--entrybtn {
      width:49.4%;
    }

    .m-hover-text {
        position: absolute;
        background: #fff;
        width: 100%;
        height: 100%;
        bottom: -100%;
        left: 0;
        box-sizing: border-box;
        padding: 35px;
        opacity:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .m-cvarea--bottomarea {
      display:-webkit-box;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
      justify-content: space-between;
      -ms-text-justify: space-between;
      -webkit-justify-content: space-between;
    }

    .m-cvarea--entrybtn {
      margin-right:2%;
    }
    .m-cvarea--toparea--col:hover .m-hover-text {
      -moz-transition:.6s all;
      -webkit-transition:.6s all;
      -o-transition:.6s all;
      -ms-transition:.6s all;
      bottom:0;
      opacity:1;
      z-index:2;
    }

    .m-btn--blueborder {
      padding:15px 20px;
      position: relative;
      z-index: 3;
      background:#fff;
    }

    .m-btn--blueborder:after {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content:"";
      -webkit-transform: scale(.5);
      transform: scale(.5);
      -moz-transition:.2s all;
      -webkit-transition:.2s all;
      -o-transition:.2s all;
      -ms-transition:.2s all;
      position:absolute;
      z-index:-1;
    }
    .m-btn--blueborder:hover {
      background:transparent;
      color:#fff;
    }
    .m-btn--blueborder:hover:after {
      background: #0070cb;
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .m-cv-area--sidebtn >.m-cvarea--bluebtn.m-btn--blueborder {
      padding:18px 20px;
    }

    .m-cv-area--sidebtn >.m-cvarea--bluebtn:not(:last-child) {
      margin-right:4%;
    }

    .m-cvarea--entrybtn .m-btn--entry:hover {
      background:#51da10;
      opacity:1;
    }

    .m-cvarea--bnrarea.m-cvarea--toparea--col .slick-slide ,.m-cvarea--bnrarea.m-cvarea--toparea--col .slick-list ,.m-cvarea--bnrarea.m-cvarea--toparea--col .slick-track{
      width:100%;
      height:100%;
    }

    .m-cvarea--bnrarea.m-cvarea--toparea--col .slick-slide {
      padding:0;
    }
    .m-cvarea--bnrarea.m-cvarea--toparea--col .slick-slide > div {
      width:100%;
      height:100%;
      transition: opacity.6s;
    }

    .m-cvarea--bnrarea.m-cvarea--toparea--col .slick-slide:hover > div {
      opacity: 0.8;
    }

    .cv-banner {
      width:100%;
      height:100%;
    }
        .m-cvarea--toparea--col--bnrtext{
        margin-bottom: 20px;
        }


    .m-slider--new a.slick-slide {
      transition: opacity.6s;
      box-sizing: border-box;
      padding: 0 5px;
      border: 1px solid #eaeaea;
      box-shadow: 1px 1px 1px 0px #e8e8e8;
      margin-top: 10px;
      margin-right: 4px;
    }

    .m-slider--new a.slick-slide:hover {
      opacity: 0.7;
    }

    .m-slider--textarea {
      padding-bottom: 10px;
    }
    .icon-area {
      width:26px;
      margin:auto;
      margin-top:20px;
      height:26px;
      margin-bottom:10px;
    }

    .m-slider--new {
      text-align: center;
    }
    .m-slider--new--subtitle {
      font-size:14px;
    }
    .m-slider--new--title {
      font-size:18px;
    }

    .m-slider--new {
      display:-webkit-box;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
    }
  
    .m-circle--years {
      width: 900px;
      margin: auto;
      padding: 80px 0;
    }
  .m-circle--years__title {
      margin-bottom: 30px;
      color: #444444;
      font-size: 20px;
      font-weight: normal;
    }
    .m-circle--years__title--main {
      font-size: 44px;
      font-weight: bold;
      line-height: 1;
      padding-bottom: 20px;
      display: inline-block;
    }
    .m-circle--chu1 {
      margin-left: 30px;
      position: relative;
    }
    .m-circle--chu1:before {
      content: "・";
      position: absolute;
      top: 37px;
      left: -30px;
      font-size: 30px;
      color: #ccc;
    }



      .m-cover__inner .grade_title.grade_summer {
        color:#fff;
        padding-top:7px;
        font-size:17px;
        right:20px;
      }

      .m-cvarea .m-cvarea .m-cvarea--toparea {
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -ms-text-justify: center;
        -webkit-justify-content: center;
        padding:5px 30px 16px;
      }

       .m-cvarea .m-cvarea .m-top--cv__data__option {
           margin-bottom:7px;
        }

      .m-cvarea--text {
        text-align:right;
       margin-top:10px;
        margin-right:30px;
      }

      .m-cvarea--text > .m-remarklist {
        text-align:right;
      }

      .m-cvarea--text--lead {
        font-size:20px;
      }

      .m-cvarea--text--lead.m-cvarea--text--lead--flex {
      display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
      display:-ms-flexbox;/*--- IE10 ---*/
      display:-webkit-flex;/*--- safari（PC）用 ---*/
      display:flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      justify-content: flex-end;
      -ms-text-justify: flex-end;
      -webkit-justify-content: flex-end;

    }
    .m-cvarea--text--lead.m-cvarea--text--lead--flex > span {
    padding-left:10px;
  }

      .m-top--btn:hover, .m-top--btn--blue:hover, .m-top--btn--green:hover {
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          opacity: 0.8;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
      }

      .m-top--cv__data__detail span {
        color: #0070cb;
      }

      .m-top--cv__data__option >div {
        padding:0 15px 15px;
      }
      
      .m-top--cv__data__option {
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        -ms-text-justify: center;
        -webkit-justify-content: center;
        margin: auto;
      }
      .m-top--cv__data__option__detail {
        width: 40px;
        margin-right: 5px;
        vertical-align: middle;
      }
        .summer_last_margin{
        margin-top: 120px;
        }
      .m-blueback--area--summer {
        background:url(/common/_share18_bg_backup.png);
        background-size:cover;
        position:relative;
      }

      .m-blueback--area--summer:after {
        content:"";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 21px 0 21px;
        border-color: #2190bf transparent transparent transparent;
        position:absolute;
        bottom:-19px;
        margin:auto;
        left:0;
        right:0;
      }

      .m-blueback--area--summer--inner {
        max-width:960px;
        margin:auto;
        padding:70px 30px 60px;
        box-sizing: border-box
      }


      .m-blueback--area--summer--h2 {
        font-size:44px;
        line-height:1.2;
      }

      .m-blueback--area--summer--h2 > span {
        font-size:36.74px;
      }

      .m-blueback--area--col {
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        justify-content: center;
        -ms-text-justify: center;
        -webkit-justify-content: center;
        margin-top:60px;

      }

      .m-blueback--area--col2--h3 {
        margin-bottom:10px;
        font-size:30px;
        text-align:center;
      }

      .m-blueback--area--col2 {
        width:46.67%;
      }

      .m-blueback--area--col2:nth-child(2n-1) {
        margin-right:6.6%;
      }

      .m-blueback--area--col2--text {
        margin-top:20px;
        line-height:1.5;
        font-size:16px;
        color:#fff;
      }

      .m-yellowback--area--summer__inner {
        max-width:960px;
        padding:60px 20px;
        box-sizing: border-box;
        margin:auto;

      }

      .m-yellowback--area--summer {
        text-align:center;
        font-size:33px;
      }

      .m-blueback--area--summer-2 > .m-blueback--area--summer--inner {
        padding:60px 30px 55px;
      }
      .m-blueback--area--summer-2:after {
        border-color: #2e6ea9 transparent transparent transparent;
      }

      .m-kyozaiarea--summer {
        background:url(/common/_share18_bg_kyozai.jpg);
        background-size:cover;
      }

      .m-kyozaiarea--inner--summer {
        max-width:960px;
        text-align:center;
        padding:40px;
        margin:auto;
      }

      .m-anchor--summer > li {
font-size: 26px;
    line-height: 1.5;
    font-weight: bold;
      }

      .m-anchor--summer > li a:before {
        position: relative;
        top: 5px;
      }


      .m-anchor--summer > li:hover {
        text-decoration: none;
      }

      .m-slider--h2 {
        margin-top:35px;
        margin-bottom:15px;
      }
      .m-slider--h2--title {
        font-size:36px;
        font-weight: 300;
      }
      .nojs_m-slider--h2--title{
        font-size:36px;
        font-weight: 300;
      }
      .m-slider--h2--subtitle {
        font-size:20px;
      }


.m-slider--h2 + .m-ctor--slider--awipemarkarea {
    margin-top: 40px;
}
.m-ctor--slider--awipemarkarea {
margin-bottom:10px;}

      .m-slider--h2 + .m-slider--text--h3,.m-slider--h2 + .m-ctor--slider{
        margin-top:40px; 
      }


      .m-ctor--slider {
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        justify-content: center;
        -ms-text-justify: center;
        -webkit-justify-content: center;
      }

      .m-ctor--slider > div {
        max-width:420px;
      }

      .m-ctor--slider amp-img,.m-ctor--slider amp-anim {
        max-width:420px;
        max-height:290px;;
      }

      .m-ctor--slider > div:nth-child(2n-1) {
        margin-right:20px;
      }

      .m-ctor--slider--text {
        max-width:420px;
        margin:20px auto auto;
        padding-bottom:40px;
      }

      .m-ctor--slider--text + .m-ctor--slider {
             margin-top: 25px;
      }


      .m-ctor--slider + .m-ctor--slider {
        margin:20px 0 0
    }

      .m-slider--text--h3 {
        text-align:center;
        font-size:22px;
        margin-bottom:10px;
      }

      .m-ctor--slider--taiken >img {
        max-width:82px;
      }

      .m-ctor--slider--taiken {
        position:relative;
        margin-top:20px;
      }

      .pic_taiken_kaiin {
        position: absolute;
        width: 144px;
        height: 144px;
        display: block;
        left: 0;
        top: 0;
        z-index:2;
      }

      .pic_taiken_kaiin > img {
        width:100%;
        height:100%;
  pointer-events: none;
      }

      .m-ctor--slider--taiken--serif {
        font-size:14px;
        padding:15px;
        margin-left:20px;

      }

      .m-touch--slider--col--img img {
        width: 100%;
        max-width: none;
      }

      .m-touch--slider--col__inner {
        padding:30px 25px 30px;
      }
      .m-touch--slider--col--title,
      .m-touch--slider--col--title_noScript {
        text-align:center;
        font-size:24px;
        margin-bottom:10px;
      }
      .m-touch--slider {
        max-width: 1100px;
        margin: auto;
      }
      .m-touch--slider .slick-prev, .m-touch--slider .slick-next {
        top:40%;
        background:#000;
        opacity:.7;
        width:56px;
        height:56px;
        display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        border-radius: 9999px;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
      }
      .m-touch--slider .slick-prev:before {
        content:"＜";
        color:#fff;
        margin-right:5px;
        font-size:30px;
        transform: scale( 0.6 , 1 );
        opacity: 1;
      }
      .m-touch--slider .slick-next:before {
        content:"＞";
        margin-left:5px;
        color:#fff;
        font-size:30px;
        transform: scale( 0.6 , 1 );
      }
      .m-touch--slider .slick-prev.slick-disabled,
      .m-touch--slider .slick-prev.slick-disabled:before {
        opacity: 0;
        cursor: default;
      }
      .m-touch--slider .slick-next.slick-disabled:before {
        content:"<<";
        margin-left:0;
        color:#fff;
        font-size:30px;
        transform: scale( 0.6 , 1 );
        opacity: 1;
      }
      .m-touch--slider .slick-prev {
        left:-6%;
      }
      .m-touch--slider .slick-next {
        right:-6%;
      }
      .m-touch--slider--col--text {
        font-size:16px;
        line-height:28.8px;
        margin-top:20px;
      }
      .m-touch--btn--slide {
        background: #999999;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0px 2px 5px #b8b8b8;
        -moz-box-shadow: 0px 2px 5px #b8b8b8;
        box-shadow: 0px 2px 5px #b8b8b8;
        color: #ffffff;
        font-size: 16px;
        text-decoration: none;
        letter-spacing: 0.12em;
        margin: 14px 0 0;
      }
      .m-touch--btn--slide a {
        padding: 14px 20px;
        color: #fff;
        display: block;
        transition:opacity.2s;
      }

      .m-touch--btn--slide a:hover {
        opacity: 0.8;
      }

      .m-unit-box-touch {
        max-width:960px;
        box-sizing: border-box;
        margin:auto;
        position: relative;
      }
      .m-bnrarea--link .m-link-icon:before {
        left:0;
        margin:auto 0;
      }
      .m-bnrarea--link .m-link-icon:before {
        position: absolute;
        content: '';
        display: block;
        width: 7px;
        height: 11px;
        background-image: url(/common/_share16_icon_sprite.png);
        background-repeat: no-repeat;
        background-position: 0px -166px;
        -webkit-background-size: 80px 2783px;
        -moz-background-size: 80px 2783px;
        background-size: 80px 2783px;
        left: 2px;
        top: 50%;
        overflow: hidden;
        margin: -4px 0 0;
      }
      .m-slider--limit {
        margin-bottom: 90px;
      }
      .m-top--cv__data__option {
        width: 100%;
      }
      .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .m-touch--slider .slick-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;
        height: auto;
      }
      .m-cover--tv {
        background-color: #fef9f5;
      }
      .m-bg--skyimage--text_em{
        top: 109px;
      }
      .m-bg--skyimage--text_em p{
        text-align: center;
      }
      .m-bg--skyimage--text_em_img{
        margin-bottom: 30px;
        display: inline-block;
      }
      .m-bg--skyimage--medal{
        top: 140px;
      }
      .m-bg--skyimage--phrase{
        font-size: 39px;
      }

      .m-touch--slider .slick-slide img {
        margin: 0;
      }
      .m-touch--slider .slide-dots {
        padding: 0;
        text-align: center;
        position: relative;
        top: -40px;
      }
      .slide-dots > li {
        display: inline-block;
        margin: 0 5px;
      }
      button {
        padding: 0;
        border: none;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: silver;
        color: transparent;
        -webkit-appearance: none;
        cursor: pointer;
        outline: none;
      }
       .slide-dots .slick-active button {
        background-color: #375297;
      }


      .m-slider--h2--pink--serif {

        font-size:32px;
        width:200px;
        box-sizing: border-box;
        padding:10px 50px;
        margin:0 auto 15px;
        border-radius: 4px;
        position:relative;
      }

      .m-slider--h2--pink--serif:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 13px 0 0;
        border-color: #ed86b3 transparent transparent transparent;
        content:"";
        position:absolute;
        bottom:-13px;
        left:30px;
      }
      .m-bg--white--arrow:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 20px 21px 0 21px;
          border-color: #ffffff transparent transparent transparent;
          position: absolute;
          bottom: -20px;
          margin: auto;
          left: 0;
          right: 0;
      }

      .m-stylediff {
        margin-top:30px;
      }

      .m-stylediff--col {
        position:relative;
      }

      .m-stylediff--col:nth-child(2n-1) {
        margin-right:100px;
      }

      .m-stylediff--col--img {
        border-radius: 9999px;
        border:solid 2px #ccc;
        overflow: hidden;
        width:372px;height:372px;
      }

      .m-stylediff--touch > .m-stylediff--col--img {
        border-color: #1281ba;
      }
      .m-stylediff--original > .m-stylediff--col--img {
        border-color: #2d2a9b;
      }

      .m-stylediff--style {
        position:absolute;
        background: rgb(29,159,184);
          background: -moz-linear-gradient(-45deg, rgba(29,159,184,1) 1%, rgba(17,114,200,1) 100%);
          background: -webkit-linear-gradient(-45deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
          background: linear-gradient(135deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9fb8', endColorstr='#1172c8',GradientType=1 );
          color: #0088cc !important;
          -webkit-background-clip: text;
          font-size:22px;
          text-align:center;
          width:372px;
          top:295px;
      }

      .m-stylediff--logo {
        height:48px;
        margin-top:57px;
      }

      .m-stylediff--logo--or > span {
         font-size:16px;
         margin-left:-5px;
      }


      .m-stylediff--difficon {
        position: absolute;
        width: 212px;
          height: 212px;
          margin: auto;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
      }
      .m-stylediff--h3 {
          text-align: center;
          margin-top: 100px;
          font-size: 40px;
          color: #333333;
      }
      .m-stylediff--lead {
          text-align: center;
          color: #333333;
          font-size: 24px;
          margin-top: 25px;
          margin-bottom:10px;
      }
      .m-stylediff--kyozai--title {
          font-size: 22px;
          margin-top: 20px;
          margin-bottom: 50px;
      }
      .m-stylediff--kyozai--txt {
          font-size: 16px;
          max-width: 319px;
          margin: auto;
          margin-top: 25px;
          line-height: 24px;
      }

.m-stylediff--kyozai +.m-stylediff--kyozai--txt {
    max-width: 640px;
    margin-top: -40px;
    margin-bottom: 60px;
}

      .m-stylediff--kyozai + .m-stylediff--kyozai,.m-stylediff--kyozai--txt + .m-stylediff--kyozai {
          margin-bottom: 60px;
      }

      .m-stylediff--lead2 {
        margin-bottom:20px;
        font-size:30px;
      }

      .m-stylediff--lead3 {
        font-size:18px;
        color:#333;
      }

      .m-stylediff--btn > a {
        font-size:20px;
        padding:14px 55px;
      }

      .m-stylediff--lineup {
        margin:30px auto 100px;
        width:610px;
      }

      .m-stylediff--col__inner {
        text-align:center;
        padding:23px 18px 35px;
      }

      .m-stylediff--lineup--btn > a {
        transition:opacity.2s;
        padding:14px 84px;
        font-size:20px;
      }

      .m-btn--bluegrd > a {
        transition:opacity.2s;
      }

      .m-stylediff--lineup--btn a:hover,.m-btn--bluegrd a:hover {
        opacity: 0.5;
      }

      .m-stylediff--lineup--col--ct .m-stylediff--lineup--logo {
          max-width: 211px;
              margin: auto;
              margin-bottom: 52px;
              margin-top: 10px;      }

      .m-stylediff--lineup--col--or .m-stylediff--lineup--logo {
          max-width: 198px;
          margin: auto;
          margin-bottom: 60px;
          margin-top: -11px;
      }

      .m-stylediff--lineup--col--or .m-stylediff--lineup--logo > img {
         max-width:148px;
       }

      .m-stylediff--lineup--kyozai > div {
        text-align: center;
        width:280px;
        padding:10px 18px;
      }

      .m-stylediff--lineup--kyozai:nth-child(2n-1) > div {
        float:right;
      }
      .m-stylediff--lineup--kyozai:nth-child(2n) >div  {
        float:left;
      }

      .m-stylediff--blue a {
        padding: 14px 50px;
      }


      .m-no1--badge > img {
        margin-bottom:-70px;
        position:relative;
        z-index:2;
      }


      .m-bg--rightgray--arrow:after {
        content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 21px 0 21px;
            border-color: #f3f3f3 transparent transparent transparent;
            position: absolute;
            bottom: -19px;
            margin: auto;
            left: 0;
            right: 0; }


      .m-logodiff {
        margin:50px auto 20px;
      }


            .m-logodiff--col > div {
              max-width:290px;
              box-sizing:border-box;
            }

            .m-logodiff--col--or >div {
              padding:5px 25px;
            }

            .m-logodiff--col--ct > div {
              padding:0 45px;
            } 


      .m-tokudai--txt {
        margin-bottom: 20px;
        font-size: 30px;
        text-align:center;
      }

      .m-tokudai--btn {
          text-align: center;
          padding:20px 0 50px;
      }

      .m-tokudai--btn > a {
          padding: 14px 74px;
      }

      .m-btn--subtxt {
        font-size:14px;
        display: block;
      }

      .m-btn--maintxt {
        font-size:20px
      }

      .m-btn--bluegrd >a.m-btn--xl {
        padding: 15px 70px;
          line-height: 1.3;
      }

      .m-summer--btnarea {
        position: absolute;
            margin: auto;
            left: 22px;
            right: 0;
            bottom: 40px;
      }
      .m-autumn--btnarea {
        position: absolute;
            margin: auto;
            left: 22px;
            right: 0;
            bottom: 40px;
      }

    .m-ctor--slider--taiken + .m-ctor--slider {
      margin-top:30px;
    }

    .summer_covertext {
        font-size: 40px;
        max-width: 500px;
        padding-top: 113px;
  }

.m-cvarea--text--lead small {
    font-size: 20px;
}

.m-ctor--slider--swipemark {
display:none;
}

.m-ctor--slider--evidence + .m-ctor--slider {
    margin-top: 120px;
}

      .m-ctor--slider--text + .m-ctor--slider--evidence {
          margin-top:0px;
      }
  .m-top--kvarea__slide .tokinaoshi_offer{
  position: absolute;
    top: 310px;
    right: 710px;
  font-size: 12px;
  }
  .study_offer , .tokinaoshi_offer a{
  position: relative;
  display: inline-block;
    color: #08c;
  }
  .tokinaoshi_offer .summer_offer:after{
      width: 14px;
    height: 14px;
    content: "";
    background: url(/icn_modal2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: -16px;
    top: -5px;
    bottom: 0;
    margin: auto;
    left: auto;
  }
  .m-top--kvarea__slide .study_offer{
  position: absolute;
  top: 360px;
    right: 20px;
  font-size: 12px;
  border-bottom: 1px solid;
  }
  .study_offer .summer_offer:after{
      width: 14px;
    height: 14px;
    content: "";
    background: url(/icn_modal2.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
  }
  .m-no1--title {
    margin-top: 40px;
    margin-bottom: 35px;
    text-align: center;
    position: relative;
  }
  .m-no1--title > span {
    font-size: 36px;
    font-weight: 300;
    color: #238DBC;
  }



 .m-ancorlink--icon--list {
  margin-top:50px;
  margin-bottom:40px;
 }
 .m-ancorlink--icon--list > li {
  margin:0 45px;
 }

 .m-title.m-cover__title.m-style--cover__title.m-bluetext, .m-title.m-cover__title.m-style--cover__title.m-bluetext > span {
     background: none;
     -webkit-text-fill-color: #000;
 }

 .m-stylediff--kyozai--single > .m-stylediff--kyozai--col {
    margin-top:76px;
    background:#fff;
 }


 .m-stylediff--kyozai--single > .m-stylediff--kyozai--circle{
  z-index:-1;
  top:-35px;
}


    .m-ancorlink--icon--list amp-img {
width:120px;height:120px;
    }


.m-ctor--slider > div { width:100%; }

.m-stylediff--kyozai--img {
  max-width:230px;
  margin:auto;
}
.m-btn_lineup{
  margin: 0 auto;
}
/*学年配下top winter特典モーダル*/
.m-btn_winter_tokuten_modal{
    position: absolute;
    bottom: 0px;
}
/*学年配下top winter特典モーダル*/


.circle_icon_box--pc {z-index:2}

.m-cvarea--toparea .m-top--btn--green {
  padding:0;
}
.m-cvarea--toparea .m-top--btn--green a {
    color: #fff;
    display: block;
    height: 100%;
    padding: 15px;
    min-width: 267px;
    text-align: center;
}
  .m-flink--personal {
    font-size: 12px;
    position: absolute;
    bottom: -30px;
  }
  .m-flink--personal--op {
    font-size: 12px;
    width: 960px;
    margin: auto;
    margin-bottom: 20px;
  }
  .m-flink--personal--op > a {
    color: #808080;
  }
  .m-flink--personal--op > a:hover {
    text-decoration: underline;
  }
  .m-banner__link {
   bottom: 28px;
   width: 310px;
  }
  .m-banner-btnlink {
    font-size: 16px;
    padding: 15px 0;
    border-radius: 8px;
    box-shadow: 0 3px 0 0 rgba(0,0,0,0.3);
  }
  .m-banner-btnlink:hover {
    opacity: 0.8;
    text-decoration: none !important;
  }
  .m-banner-btnlink:after {
    right: 10px;
  }

.seriftest,.m-index-b--top.m-index-b .m-index-b .seriftest{
    border-radius:10px;
    border:1px solid #ccc;
    display:inline-block;
    padding:9px 15px;
    margin-left:9%;
    margin-bottom:25px;
    color:#0070cb;
    font-weight:bold;
    position:relative;
}

.seriftest:after,.m-index-b--top.m-index-b .m-index-b .seriftest:after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #ccc transparent transparent transparent;
    position:absolute;
    bottom:-11px;
    left:0;
    right:0;
    margin:auto;
}

.seriftest:before,.m-index-b--top.m-index-b .m-index-b .seriftest:before {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    position:absolute;
    bottom:-9px;
    left:0;
    right:0;
    margin:auto auto;
    z-index:1;
}

.m-index-b:not(.m-index-b--top) .seriftest {
    background:#ffffff;
    border:none;
}

.m-index-b:not(.m-index-b--top) .seriftest:after {
    content:none;
}

.onserif .seriftest {
    margin-left:-3% !important;
}

.m-cvarea--text.m-cvarea__item--prime.onserif:after {
    content:"";
    display:block;
    clear:both;
}

.onserif .m-n-cvarea__item--cv {
    padding-top:39px;
}

.m-cvarea--text.m-cvarea__item--prime.onserif,.onserif .m-cvarea--textflexarea {
    padding-top:0;
    overflow: visible;
}

.onserif + .m-top-cv--btnarea {
    margin-top:37px;
}
}

@media screen and (min-width: 769px) and (max-width: 1350px) {
  .m-touch--slider .slick-prev {


    left: 2%;
  }
  .m-touch--slider .slick-next {
    right: 2%;
  }
}

@media screen and (max-width:768px) {

  body {
    font-size:14px;
    line-height:1.5;
    text-align: justify;
  }


  /* SP時非表示 */

  .m-spNotDisplay {
    display:none !important;
  }

  .m-cover__inner {
    padding:0 0 20px;
  }

  .m-cover__inner__grade_title {
    display: none;
  }

  .m-cover--partsarea {
    padding:0 15px;
  }

  /* ボタン */

  .m-btn--entry {
      font-size: 100%;
  }

  .m-btn-wrap-twins {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    align-items: stretch;
  }

  .m-btn-wrap-twins:after {
    clear:both;
    content:"";
    display:block;
  }

  .m-btn-wrap-twins {
      margin-left: -15px;
  }
  .m-btn-wrap-twins__inner {
      margin-left: 15px;
      height:100%;
  }

  .m-btn-wrap-twins__l {
      float: left;
      width: 50%;
  }

  .m-btn-wrap-twins__r {
      float: right;
      width: 50%;
  }
  .m-btn--freetrial {
    font-size: 12px;
    line-height:1.4;
    font-weight:bold;
    padding: 12px 20px 15px 20px;
    background: #508cce;
    color: #fff;
    height:100%;
  }

  .m-btn--freetrial:before {
    display: block;
    width: 21px;
    height: 26px;
    content:"";
    background-image: url(/common/_share16_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -696px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin: 0 auto 10px;
  }
  .m-btn--introfriends {
      height:100%;
      font-size: 12px;
      overflow: visible;
      line-height:1.4;
      font-weight:bold;
      background: #f3f3f3;
      color: #000;
      padding:10px 15px 10px;
  }

  .m-btn--introfriends:after {
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -101px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      margin-top: -5px;
      right: 10px;
      top: 50%;
      overflow: hidden;
  }

  .m-btn--introfriends:before {
      display: block;
      width: 30px;
      height: 26px;
      content:"";
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -668px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      margin: 0 auto 16px;
  }

  .m-btn__sp-2line {
      font-size:18px;
      padding:20px 17px 20px 5px;
  }

  .m-btn--icon {
    padding-left:60px;
  }

  .i-zero {
      background-position: 0px -1295px;
  }
  .i-refund {
      background-position: 0px -1421px;
  }

  .i-future-pay {
       background-position: 0px -1673px;
  }

  .m-link-tell {
      position: relative;
      display: inline-block;
      color: #08c;
      padding-right: 30px;
      font-size: 128%;
      font-weight: bold;
  }

  .m-link-tell:after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 8px;
      height: 13px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -266px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      margin-top: -6px;
      right: 15px;
      top: 50%;
      overflow: hidden;
      margin-top: -7px;
  }
  
  .m-lineup-btn {
    position: relative;
  }

  .m-lineup-btn:after {
    content: url(/common/icon_view.png);
    display: block;
    position: absolute;
    bottom: 2px;
    right: 0;
    height: 59px;
    overflow: hidden;
  }

  /* 注釈 */


  /*オファー*/
  .m-n-remarklist__list {
    font-size: 3.75vw;
  }

  .m-remarklist {
    font-size: 10px;
  }

  .m-remarklist > .m-remarklist--fs--large {
    font-size: 3.75vw;
  }

  .m-h1--blue {
    font-weight: bold;
    font-size:16px;
    color: #0070cb;
    border-bottom:1px solid #f2f2f2;
    margin:0 -10px 0 -10px;
    padding:5px 10px 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
  }

  .m-h1--blue span {
    color: #0070cb;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
  }

  .m-logo-sho1 {
    display: inline-block;
    width: 70px;
    height: 18px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -262px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: 3px;
  }


  .m-logo {
    display: inline-block;
    width: 70px;
    height: 18px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px 0px; /* この背景画像の座標指定はダミー 学年ごとの画像は下記のModifierを使い指定して下さい。 */
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }

  .m-logo--m-logo-sho1 {
    background-position: 0px -263px;
  }
  .m-logo--m-logo-sho2 {
    background-position: 0px -202px;
  }

  .m-logo--m-logo-sho3 {
    background-position: 0px -222px;
  }

  .m-logo--m-logo-sho4 {
    background-position: 0px -242px;
  }

  .m-logo--m-logo-sho5 {
    background-position: 0px -182px;
  }

  .m-logo--m-logo-sho6 {
    background-position: 0px -282px;
  }

  .m-kyozai--h2 {
    margin:10px auto 20px;
    text-align:center;
    font-size:18px;
  }

  /* カバー画像 */
  .m-title.m-cover__title {
    font-size:19px;
    padding:20px 0;
    text-align: center;
  }
  
  .m-new-shidow_logo {
    margin-top: 13px;
    margin-bottom: -13px;
    text-align: center;
  }

  .m-new-shidow_logo img {
    width: 56%;
  }

  .grade_title .m-new-shidow_logo {
    text-align:right;
    margin-left:-23px;
    margin-top:-12px;
    max-width:130px;
   }

  .grade_title .m-new-shidow_logo >img {
     width:100%;
   }


  /* お得な一括払い */

  .m-unit__box__inner.cost_gray-box {
    padding:20px 10px;
  }

  .cost_gray-box__radius_box {
    margin:20px 0;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding:10px 15px;
  }

  .or_ct_logo__item {
    padding:3px 10px;
  }

  .or_ct_logo__item img {
    width:100%;
  }

  .or_ct_logo--twin {
    width:45%;
  }

  .or_ct_logo__item img {
    vertical-align: middle;
  }

  .cost_gray-box__order1__set {
    font-size:12px;
    text-align:center;
    width:55%;
  }

  /* レイアウト */
  .m-unit__box__inner {padding: 10px; }

  .m-unit__box__inner--touch2campaign {
    margin: 10px 10px 0;
    padding: 15px;
    background-color: #FFF;
    border: 1px solid #FAED96;
    border-radius: 5px;
  }

  .col img {
    width:100%;
  }

  .col__2colPC:not(:last-child) {
    margin-bottom:20px;
  }

  .col__1_3colPC:not(:last-child) {
    margin-bottom:20px;
  }

  .col__2_3colPC:not(:last-child) {
    margin-bottom:20px;
  }

  .col__1_4colPC:not(:last-child) {
    margin-bottom:20px;
  }

  .col__3_4colPC:not(:last-child) {
    margin-bottom:20px;
  }

  .col.col__narrow .col__2colPC:not(:last-child) {
    margin-bottom:40px;
  }

  .col__2colPC {
    width:100%;
  }

  .col__1_3colPC {
    width:100%;
  }

  .col__2_3colPC {
    width:100%;
  }

  .col__1_4colPC {
    width:100%;
  }

  .col__3_4colPC {
    width:100%;
  }

  .col {
    width:100%;
  }

  .col__2colSP:nth-child(1n) {
    float:left;
    width:50%;
    margin-bottom:0;
  }

  .col__2_3colSP:nth-child(1n) {
    float:left;
    width:66.6666666666666%;
    margin-bottom:0;
  }

  .col__1_3colSP:nth-child(1n) {
    float:left;
    width:33.33333333333%;
    margin-bottom:0;
  }

  .col__1_4colSP:nth-child(1n) {
    float:left;
    width:25%;
    margin-bottom:0;
  }

  .col__3_4colSP:nth-child(1n) {
    float:left;
    width:75%;
    margin-bottom:0;
  }

  .col__1colSP {
    width:100%;
  }

  .col:after {
    display:block;
    content:"";
    clear:both;
  }
  .g-bottomSP {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
  }

  .g-topSP {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }

  .g-middleSP {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .col__order1SP {
    order:1;
    -webkit-order:1;
    -moz-order:1;
  }

  .col__order2SP {
    order:2;
    -webkit-order:2;
    -moz-order:2;
  }

  .col__order3SP {
    order:3;
    -webkit-order:3;
    -moz-order:3;
  }

  /* ボックス */

  .m-unit__box {width:100%; margin:auto auto 20px;}

  /* ボックスの矢印 */

  .m-bg--arrow-top{margin-top: 40px;}
  .m-bg--arrow-top:after {
    top: -25px;
    border-width: 0 40px 25px 40px;
  }

  .m-bg--arrow-bottom{margin-bottom: 40px;}
  .m-bg--arrow-bottom:after {
    bottom: -25px;
    border-width: 25px 40px 0 40px;
  }


  /* お申し込み方法 */

    .m-icon--box--pc,.m-icon--box--tel {
      padding-left:110px !important;
      position:relative;
    }

    .m-icon--box--tel.m-bdr--gray,.m-icon--box--pc.m-bdr--gray {
      border:none;
    }

    .m-icon--box--pc:before {
      left:0;
      content:"";
      display: block;
      position:absolute;
      width: 80px;
      height: 80px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -2704px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
    }

    .m-bdr--gray .m-icon--box--pc:before {
      border:#f2f2f2 2px solid;
      border-radius:5px;
      width: 95px;
      height: 95px;
      background-position: 9px -2697px;
    }

    .m-icon--box--tel:before {
      left:0;
      content:"";
      display: block;
      position:absolute;
      width: 80px;
      height: 80px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -2622px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
    }

    .m-bdr--gray .m-icon--box--tel:before {
      border:#f2f2f2 2px solid;
      border-radius:5px;
      width: 95px;
      height: 95px;
      background-position: 9px -2614px;
    }

  /* ヘッダー */

  .m-header {
    position: relative;
    display: block;
    background: #fff;
    z-index: 1000;
  }
  .m-header span {
    vertical-align: middle;
  }
  .m-header__head,
  .m-header__head-simple {
    position: relative;
    display: block;
    width: 100%;
    padding: 9px 0;
    height: 42px;
  }
  .m-header__nonav {
    border-bottom: 1px solid #e6e6e6;
  }
  .m-header__head-simple {
    border-bottom: 1px solid #e6e6e6;
  }
  .m-header__head-company {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -11px;
  }
  .m-header__head-logo {
    text-align: center;
    padding: 0 100px;
  }
  .m-header__head-logo img {
    max-width: 100%;
  }
  .m-header__head-logo p {
    margin: 0;
  }
  .m-header__head-account {
    position: absolute;
    right: 15px;
    top: 30px;
    margin-top: -18px;
  }
  .m-header__head-company-btn {
    display: inline-block;
    width: 79px;
    height: 15px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -129px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-header__head-account-btn {
    display: inline-block;
    width: 72px;
    height: 35px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -389px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }

.m-header__head-account.m-header--classmodal {
    width: 100px;
    top: 45%;
    right: 5px;
}
  .m-header__gmenu {
    position: relative;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    background: #fff;
  }
  .m-header__gmenu > ul {
    *zoom: 1;
  }
  .m-header__gmenu > ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
  }
  .m-header__gmenu > ul > li {
    float: left;
    width: 33.3%;
    text-align: center;
  }
  .m-header__gmenu > ul > li > a {
    position: relative;
    display: block;
    border-left: 1px solid #e6e6e6;
    max-height: 44px;
    overflow: hidden;
  }

  .m-header__gmenu > ul > li > a.entry-btn {/*20161111追加*/
    background-color: #FC4058;
  }

  .m-header__gmenu > ul > li > a > img {
    max-width: 100%;
  }
  .m-header__gmenu > ul > li > a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '.';
    color: #fff;
  }

  .m-header__gmenu > ul > li > a.entry-btn:after {/*20161111追加*/
    color: #FC4058;
  }

  .m-header__gmenu > ul > li:first-child > a {
    border: none;
  }

  .m-header__gmenu.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1500;
  }
  /* simple ---------------*/
  .m-header-simple {
    border-bottom: 1px solid #e6e6e6;
  }
  .m-header-simple span {
    vertical-align: middle;
  }
  .m-header-simple__inner {
    padding: 10px 15px 12px 15px;
  }

  /* fixed slide menu nav*/
  .js-head-gmenu-fixed {
    position: fixed;
    top: 0!important;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .js-head-gmenu-fixed.is-slide-down {
    top: 0px;
  }
  .js-head-gmenu-fixed.is-slide-on {
    top: 0px;
  }
  .m-overlay-gmenu.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1500;
    height: 44px;
  }

  /* フッター */

  .m-footer {
    position: relative;
    border-bottom: 4px solid #0070cb;
    z-index: 500;
  }
  /* class ---------------*/
  .m-footer-class__ttl {
    padding: 15px 10px 14px 10px;
    font-size: 107%;
    font-weight: bold;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 5px solid #0070cb;
    color: #0070cb;
  }
  .m-footer-class__item > dt {
    border-top: 1px solid #e6e6e6;
  }
  .m-footer-class__item > dd {
    display: none;
  }
  .m-footer-class__item:first-child > dt {
    border: none;
  }
  .m-footer-class__item-ttl,
  .is-active .m-footer-class__item-ttl,
  .m-footer-class__item-ttl--link {
    position: relative;
    display: block;
    padding: 15px 15px 14px 15px;
  }
  .m-footer-class__item-ttl {
    background: #f3f3f3;
    color: #000;
  }
  .m-footer-class__item-ttl:after {
    position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -179px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -6px;
    right: 15px;
    top: 50%;
    overflow: hidden;
  }
  .is-active .m-footer-class__item-ttl {
    background: #0070cb;
    color: #fff;
  }
  .is-active .m-footer-class__item-ttl:after {
    position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -193px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -6px;
    right: 15px;
    top: 50%;
    overflow: hidden;
  }
  .m-footer-class__item-ttl--link {
    background: #f3f3f3;
    color: #000;
  }
  .m-footer-class__item-ttl--link:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -62px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -5px;
    right: 17px;
    top: 50%;
    overflow: hidden;
  }
  .is-active .m-footer-class__item-ttl--link {
    background: #0070cb;
    color: #fff;
  }
  .m-footer-class__item-link {
    position: relative;
    display: block;
    padding: 15px 15px 14px 15px;
    background: #fff;
    color: #000;
    border-top: 1px solid #f3f3f3;
  }
  .m-footer-class__item-link:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -62px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -5px;
    right: 17px;
    top: 50%;
    overflow: hidden;
  }
  .m-footer-class__item-link.is-current {
    background: #edf7ff;
  }
  /* open menu ---------------*/
  .m-footer-ls {
    border-top: 2px solid #e6e6e6;
  }
  .m-footer-ls:first-child {
    border: none;
  }
  .m-footer-ls__itm {
    border-top: 1px solid #e6e6e6;
  }
  .m-footer-ls__tag-hybrid {
    display: block;
    width: 143px;
    height: 20px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -323px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-footer-ls__tag-origin {
    display: block;
    width: 143px;
    height: 20px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -345px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-footer-ls__tag-charenge {
    display: block;
    width: 143px;
    height: 20px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -367px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-footer-ls__mnu-ico,
  .m-footer-ls__mnu-ico--sec {
    color: #000;
    position: relative;
    display: block;
    padding: 15px 17px;
  }
  .m-footer-ls__mnu-ico:after,
  .m-footer-ls__mnu-ico--sec:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 17px;
    top: 50%;
    overflow: hidden;
  }
  .m-footer-ls__mnu-ico--sec {
    padding-left: 30px;
  }
  .m-footer-ls__mnu-tag {
    display: block;
    padding: 15px 17px;
    background: #f3f3f3;
  }
  /* entry ---------------*/
  .m-footer-entry {
    border-top: 1px solid #e6e6e6;
    padding: 15px;
  }
  /* panqz ---------------*/
  .m-footer-pqz {
    border-top: 1px solid #e6e6e6;
    padding: 15px 15px 14px 15px;
    font-size: 78%;
  }
  .m-footer-pqz ul {
    *zoom: 1;
  }
  .m-footer-pqz ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
  }
  .m-footer-pqz a {
    color: #08c;
  }
  .m-footer-pqz span {
    color: #808080;
  }
  .m-footer-pqz li {
    float: left;
    position: relative;
    padding-left: 15px;
    margin-left: 5px;

  }
  .m-footer-pqz li:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '>';
    color: #808080;
  }
  .m-footer-pqz li:first-child {
    margin: 0;
    padding: 0;
  }
  .m-footer-pqz li:first-child:after {
    display: none;
  }
  /* notice ---------------*/
  .m-footer-notice {
    padding: 15px 15px 20px 15px;
  }
  .m-footer-notice > :first-child {
    margin-top: 0;
  }
  .m-footer-pqz + .m-footer-notice {
    border-top: 1px solid #e6e6e6;
  }
  /* other links ---------------*/
  .m-footer-others {
    border-top: 1px solid #e6e6e6;
    padding: 15px;
  }
  .m-footer-others > :first-child {
    margin-top: 0;
  }
  .m-footer-official {
    border: 2px solid #f3f3f3;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    background: #f7f7f7;
    text-align: center;
    font-size: 78%;
  }
  .m-footer-official > :first-child {
    margin-top: 0;
  }
  .m-footer-official > p > a {
    color: #808080;
  }
  .m-footer-logo {
    margin-top: 10px;

    text-align: center;
  }
  .m-footer-logo > :first-child {
    margin-top: 0;
  }
  .m-footer-logo-btn {
    display: inline-block;
    width: 96px;
    height: 19px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -302px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-footer-utility {
    margin-top: 15px;
    font-size: 78%;
    text-align: center;
  }
  .m-footer-utility > ul > :first-child {
    margin-top: 0;
  }
  .m-footer-utility > ul > li {
    margin-top: 8px;
  }
  .m-footer-utility > ul > li > a {
    position: relative;
    padding: 0 15px;
    color: #808080;
    border-left: 1px solid #a2a2a2;
    border-right: 1px solid #a2a2a2;
  }
  /* copyright ---------------*/
  .m-footer-copy {
    text-align: center;
    font-size: 78%;
    color: #808080;
    font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  .m-footer-class__item-ttl_chu {
    position: relative;
    display: block;
    padding: 15px 15px 14px 15px;
    background: #f3f3f3;
    color: #000;
  }
  .m-footer-class__item-ttl_chu:after {
    position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -60px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -6px;
    right: 15px;
    top: 50%;
    overflow: hidden;
  }

  .m-footer-class__item_chu > dt {
    border-top: 1px solid #e6e6e6;
  }


  /* モーダル */

.m-overlay-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  z-index: 1000;
  -webkit-transform: 0 0 0;
  -moz-transform: 0 0 0;
  -o-transform: 0 0 0;
  -ms-transform: 0 0 0;
  transform: 0 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-style: preserve-3d;
}
/* modal /// default---------------*/
.m-modal,
.m-modal-mv {
  display: none;
  position: absolute;
  width: 92%;
  z-index: 12500;
}
.m-modal.is-action,
.m-modal-mv.is-action {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close_icon:after{
    background-image: url(/common/_share16_icon_sprite.png);
    background-position: 0px -1076px;
    width: 28px;
    height: 16px;
}

.seriftest,.m-index-b--top.m-index-b .m-index-b .seriftest {
    border-radius:2vw;
    border:1px solid #ccc;
    padding:2.5vw 5vw;
    margin-bottom:6.25vw;
    color:#0070cb;
    font-weight:bold;
    position:relative;
}

.seriftest:after,.m-index-b--top.m-index-b .m-index-b .seriftest:after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.13vw 2.5vw 0 2.5vw;
    border-color: #ccc transparent transparent transparent;
    position:absolute;
    bottom:-3.13vw;
    left:0;
    right:0;
    margin:auto;
}

.seriftest:before,.m-index-b--top.m-index-b .m-index-b .seriftest:before {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.13vw 2.5vw 0 2.5vw;
    border-color: #ffffff transparent transparent transparent;
    position:absolute;
    bottom:-2.5vw;
    left:0;
    right:0;
    margin:auto auto;
    z-index:1;
}

.m-index-b:not(.m-index-b--top) .seriftest {
    background:#ffffff;
    border:none;
}

.m-index-b:not(.m-index-b--top) .seriftest:after {
    content:none;
}

@media only screen and (orientation: landscape) {
  .m-modal,
  .m-modal-mv {
    width: 70%;
  }
  }
  .m-modal__inner {
    padding: 20px;
  }

  .m-modal.is-class-1 .m-modal__inner,
  .m-modal-mv.is-class-1 .m-modal__inner {
    border: 3px solid #ec6e81;
  }
  .m-modal.is-class-1 .m-modal__close-ico,
  .m-modal-mv.is-class-1 .m-modal__close-ico {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -1003px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
  }
  .m-modal.is-class-2 .m-modal__inner,
  .m-modal-mv.is-class-2 .m-modal__inner {
    border: 3px solid #009e3b;
  }
  .m-modal.is-class-2 .m-modal__close-ico,
  .m-modal-mv.is-class-2 .m-modal__close-ico {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -907px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
  }
  .m-modal.is-class-3 .m-modal__inner,
  .m-modal-mv.is-class-3 .m-modal__inner {
    border: 3px solid #006eb3;
  }
  .m-modal.is-class-3 .m-modal__close-ico,
  .m-modal-mv.is-class-3 .m-modal__close-ico {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -875px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
  }
  .m-modal.is-class-4 .m-modal__inner,
  .m-modal-mv.is-class-4 .m-modal__inner {
    border: 3px solid #fa7500;
  }
  .m-modal.is-class-4 .m-modal__close-ico,
  .m-modal-mv.is-class-4 .m-modal__close-ico {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -939px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
  }
  .m-modal.is-class-5 .m-modal__inner,

  .m-modal-mv.is-class-5 .m-modal__inner {
    border: 3px solid #8ec31f;
  }
  .m-modal.is-class-5 .m-modal__close-ico,
  .m-modal-mv.is-class-5 .m-modal__close-ico {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -971px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
  }
  .m-modal.is-class-6 .m-modal__inner,
  .m-modal-mv.is-class-6 .m-modal__inner {
    border: 3px solid #6b5cad;
  }
  .m-modal.is-class-6 .m-modal__close-ico,
  .m-modal-mv.is-class-6 .m-modal__close-ico {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -1035px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
  }
  /* modal /// movie ---------------*/
  @media only screen and (orientation: landscape) {
    .m-modal-mv {
      width: 80%;
    }
  }
  .m-modal-mv__inner {
    position: relative;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #000;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.3);
  }
  .m-modal-mv__inner > :first-child {
    margin-top: 0;
  }
  /* modal menu /// def ---------------*/
  .m-modal-def {
    padding: 5px;
  }
  .m-modal-def > :first-child {
    margin-top: 0;
  }
  .m-modal-def__ttl {
    color: #0070cb;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
  }
  .m-modal-def__ttl-black {
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
  }
  .m-modal-def__item {
    margin-top: 10px;
  }
  .m-modal-def__item > :first-child {
    margin-top: 0;
  }
  /* modal menu /// qa ---------------*/
  .m-modal-qa {
    padding: 5px;
  }
  .m-modal-qa > :first-child {
    margin-top: 0;
  }
  .m-modal-qa__ttl {
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
  }
  .m-modal-qa__item {
    margin-top: 10px;
  }
  .m-modal-qa__item > :first-child {
    margin-top: 0;
  }
  /* modal menu /// youtube ---------------*/
  .m-modal--youtube {
    margin-top: 20px;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .m-modal--youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* modal menu /// class ---------------*/
  .m-modal-class > :first-child {
    margin-top: 0;
  }
  .m-modal-class__ttl {
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
  }
  .m-modal-class__ttl-tbl {
    display: table;
    font-weight: bold;
    text-align: center;
    margin: 10px auto 0 auto;
  }
  .m-modal-class__ttl-icon {
    display: table-cell;
    vertical-align: middle;
  }
  .m-modal-class__ttl-sub {
    display: table-cell;
    vertical-align: middle;
  }
  .m-modal-class__ttl-sub > span {
    display: block;
  }
  .m-modal-class__item {
    margin-top: 10px;
  }
  .m-modal-class__item > :first-child {
    margin-top: 0;
  }
  .m-modal-class__item-harf {
    margin: 10px auto 0 auto;
    width: 50%;
  }
  .m-modal-class__item-harf > :first-child {
    margin-top: 0;
  }
  .m-modal-class__item-harf-inn {
    padding: 0 5px;
  }
  /* modal menu /// member ---------------*/
  .m-modal-mmb {
    padding-top: 5px;
  }
  .m-modal-mmb > :first-child {
    margin-top: 0;
  }
  .m-modal-mmb__ttl {
    font-size: 121%;
    color: #0070cb;
    font-weight: bold;
    text-align: center;
  }
  .m-modal-mmb__copy {
    text-align: center;
    margin-top: 5px;
    font-size: 85%;
  }
  .m-modal-mmb__wrap {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 15px;
  }
  .m-modal-mmb__cont {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 0;
    table-layout: fixed;
  }
  .m-modal-mmb__cont-l,
  .m-modal-mmb__cont-r {
    display: table-cell;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;
  }
  .m-modal-mmb__cont-l {
    background: #0070cb;
  }
  .m-modal-mmb__cont-r {
    background: #f3f3f3;
  }
  .m-modal-mmb__cont-innr {
    padding: 10px 5px;
  }
  .m-modal-mmb__cont-innr > :first-child {
    margin-top: 0;
  }
  .m-mdlmmb-btn-wrap {
    margin-top: 7px;
  }
  .m-mdlmmb-btn-wrap > :first-child {
    margin-top: 0;
  }
  .m-mdlmmb-btn-wrap__item {
    margin-top: 10px;
  }
  .m-mdlmmb-btn-l,
  .m-mdlmmb-btn-m {
    position: relative;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    border: 1px solid #e6e6e6;
    letter-spacing: -1px;
  }
  .m-mdlmmb-btn-l {
    padding: 75px 13px 75px 8px;
    background: #fff;
    color: #000;
  }
  .m-mdlmmb-btn-l:after {
    position: absolute;
    content: '';
    display: block;
    width: 6px;
    height: 9px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -27px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -4px;
    right: 5px;
    top: 50%;
    overflow: hidden;
  }
  .m-mdlmmb-btn-m {
    padding: 12px 13px 12px 8px;
    background: #fff;
    color: #000;
  }
  .m-mdlmmb-btn-m:after {
    position: absolute;
    content: '';
    display: block;
    width: 6px;
    height: 9px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -27px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -4px;
    right: 5px;
    top: 50%;
    overflow: hidden;
  }
  .m-mdlmmb-btn__logo {
  /*width 100%*/
    max-width: 100%;
  }
  .m-mdlmmb-btn__text {
    display: block;
    margin-top: 10px;
    font-size: 92%;
  }
  .m-mdlmmb-btn__texts {
    display: block;
    margin-top: 10px;
    font-size: 92%;
    letter-spacing: -1.5px;
  }
  .m-mdlmmb-btn__user {
    display: block;
    margin-top: 5px;
    font-size: 100%;
  }
  /* slidemenu ---------------*/
  .m-overlay-content,
  .m-overlay-head,
  .m-overlay-gmenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    height: 100%;
    background: #000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: 0 0 0;
    -moz-transform: 0 0 0;
    -o-transform: 0 0 0;
    -ms-transform: 0 0 0;
    transform: 0 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform-style: preserve-3d;

  }
  .m-overlay-content {
    z-index: 1000;
  }
  .m-slmenu-body {
    position: fixed;
    top: 0;
    right: -580px;
    display: block;
    *zoom: 1;
    width: 580px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1500;
  }
  .m-slmenu-body:after {
    content: ".";
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
  }
  .m-slmenu-body.is-slide-on {
    right: -290px;
  }
  .is-fixed .m-slmenu-body {
    top: 0;
  }
  .m-slmenu {
    float: left;
    width: 290px;
    overflow: hidden;
    border-bottom: 5px solid #666;
    z-index: 1;
  }
  .m-slmenu.is-action {
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .m-slmenu.is-slide-on {
    margin-left: -290px;
  }
  .m-slmenu.is-slide-first {
    margin-left: -290px;
  }
  .m-slmenu-scrl {
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    background: #fff;
  }
  .m-slmenu-scrl__inner {
    padding-bottom: 150px;
  }
  @media screen and (orientation: landscape) {
    .m-slmenu-scrl__inner {
      padding-bottom: 300px;
    }
  }
  .m-sldmnu-first.is-action {
    -webkit-transition: all 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .m-sldmnu-first.is-slide-on {
    margin-left: -290px;
  }
  .m-sldmnu-set__hd,
  .m-sldmnu-set__hd--sec0,
  .m-sldmnu-set__hd--sec1,
  .m-sldmnu-set__hd--sec2,
  .m-sldmnu-set__hd--sec3,
  .m-sldmnu-set__hd--sec4,
  .m-sldmnu-set__hd--sec5,
  .m-sldmnu-set__hd--sec6 {
    position: relative;
    padding: 17px 26px 17px 14px;
    border-bottom: 2px solid #e6e6e6;
  }
  .m-sldmnu-set__hd--sec0 {
    background: #0070cb;
    padding: 16px 26px 18px 14px;
  }
  .m-sldmnu-set__hd--sec1 {
    background: #ec6e81;
    padding: 16px 26px 18px 14px;
  }
  .m-sldmnu-set__hd--sec2 {
    background: #009e3b;
    padding: 16px 26px 18px 14px;
  }
  .m-sldmnu-set__hd--sec3 {
    background: #006eb3;
    padding: 16px 26px 18px 14px;
  }
  .m-sldmnu-set__hd--sec4 {
    background: #fa7500;
    padding: 16px 26px 18px 14px;
  }
  .m-sldmnu-set__hd--sec5 {
    background: #8ec31f;
    padding: 16px 26px 18px 14px;
  }
  .m-sldmnu-set__hd--sec6 {
    background: #6b5cad;
    padding: 16px 26px 18px 14px;
  }

  /* 新1年生モーダル内わく、閉じるボタン */
  .m-modal.is-class-new1 .m-modal__inner,
  .m-modal-mv.is-class-new1 .m-modal__inner {
    border: 3px solid #ec6e81;
  }
  .m-modal.is-class-new1 .m-modal__close-ico,
  .m-modal-mv.is-class-new1 .m-modal__close-ico {
    background-position: -33px -1034px;
  }

  /* 新1年生用追加 */
  .m-sldmnu-set__hd--secnew1 {
    background: #ec6e81;
    padding: 16px 26px 18px 14px;
  }

  /* 新1年生ボタン色 */
  .m-classbtn-list__btnnew1-s {
    background: #21b8ce;
  }

  .m-sldmnu-set__cls,
  .m-sldmnu-set__cls--sec {
    position: absolute;
    top: 14px;
    right: 0;
    width: 12px;
    height: 12px;
    display: block;
    text-align: center;
    padding: 9px;
  }
  .m-sldmnu-set__cls--sec {
    top: 12px;
  }
  .m-sldmnu-set__lg-sho-ico {
    display: inline-block;
    width: 149px;
    height: 16px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -146px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-sldmnu-set__lg-sho-ico--sec {
    display: inline-block;
    width: 149px;
    height: 16px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -164px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-left: 3px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
  }
  .m-sldmnu-set__cls-ico {
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -52px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-sldmnu-set__cls-ico--sec {
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -52px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-sldmnu-set__return {
    display: inline-block;
    padding-right: 5px;
  }
  .m-sldmnu-set__return > span {
    vertical-align: middle;
  }
  .m-sldmnu-set__return-ico {
    display: inline-block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -65px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-sldmnu-set__logo--sec {
    display: inline-block;
    padding-right: 5px;
  }
  .m-sldmnu-set__ttl--sec {
    color: #fff;
    vertical-align: middle !important;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    position: relative;
    top: 2px;
  }
  .m-sldmnu-ls {
    border-top: 2px solid #e6e6e6;
  }
  .m-sldmnu-ls:first-child {
    border: none;
  }
  .m-sldmnu-ls--last {
    border-bottom: 1px solid #e6e6e6;
  }
  .m-sldmnu-ls__itm {
    border-top: 1px solid #e6e6e6;
  }
  .m-sldmnu-ls__itm > a {
    cursor: pointer;
  }
  .m-sldmnu-ls__mnu-tag,
  .m-sldmnu-ls__mnu-ttl {
    display: block;
    padding: 15px 14px;
    background: #f3f3f3;
  }
  .m-sldmnu-ls__mnu-ttl {
    background: #f3f3f3;
    font-weight: bold;
  }
  .m-sldmnu-ls__mnu-dbl,
  .m-sldmnu-ls__mnu-ico,
  .m-sldmnu-ls__mnu-user,
  .m-sldmnu-ls__mnu-entry,
  .m-sldmnu-ls__mnu-trial,
  .m-sldmnu-ls__mnu-intro,
  .m-sldmnu-ls__mnu-site,
  .m-sldmnu-ls__mnu-ico--sec {
    position: relative;
    display: block;
    padding: 15px 14px;
  }
  .m-sldmnu-ls__mnu-dbl:after {
    position: absolute;
    content: '';
    display: block;

    width: 13px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -13px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 9px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-clsnew1 {
      color: #4AC5D7;
  }
  .m-sldmnu-ls__mnu-cls1 {
    color: #ec6e81;
  }
  .m-sldmnu-ls__mnu-cls2 {
    color: #009e3b;
  }
  .m-sldmnu-ls__mnu-cls3 {
    color: #006eb3;
  }
  .m-sldmnu-ls__mnu-cls4 {
    color: #fa7500;
  }
  .m-sldmnu-ls__mnu-cls5 {
    color: #8ec31f;
  }
  .m-sldmnu-ls__mnu-cls6 {
    color: #6b5cad;
  }
  .m-sldmnu-ls__mnu-clsnewchu1 {
    color: #ED7789;
  }
  .m-sldmnu-ls__mnu-clsnewchu1_2 {
      color: #4AC5D7;
  }
  .m-sldmnu-ls__mnu-ico,
  .m-sldmnu-ls__mnu-ico--sec {
    color: #000;
  }
  .m-sldmnu-ls__mnu-ico:after,
  .m-sldmnu-ls__mnu-ico--sec:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-ico--sec {
    padding-left: 25px;
  }
  .m-sldmnu-ls__mnu-user {
    background: #0070cb;
    color: #fff;
  }
  .m-sldmnu-ls__mnu-user:after {
    position: absolute;
    content: '';
    display: block;
    width: 13px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -39px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 9px;

    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-entry {
    padding-left: 40px;
    background: #FC4058;
    color: #fff;
  }
  .m-sldmnu-ls__mnu-entry:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -26px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-entry:before {
    position: absolute;
    content: '';
    display: block;
    width: 17px;
    height: 15px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -95px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -7px;
    left: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-trial {
    padding-left: 40px;
    background: #508cce;
    color: #fff;
  }
  .m-sldmnu-ls__mnu-trial:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -26px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-trial:before {
    position: absolute;
    content: '';
    display: block;
    width: 17px;
    height: 15px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -112px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -7px;
    left: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-intro {
    padding-left: 40px;
    background: #fff;
    color: #000;
  }
  .m-sldmnu-ls__mnu-intro:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-intro:before {
    position: absolute;
    content: '';
    display: block;
    width: 17px;
    height: 15px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -78px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -7px;
    left: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-site {
    background: #fff;
    color: #000;
  }
  .m-sldmnu-ls__mnu-site:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
    margin-top: -5px;
    right: 12px;
    top: 50%;
    overflow: hidden;
  }
  .m-sldmnu-ls__tag-hybrid {
    display: block;
    width: 143px;
    height: 20px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -323px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-sldmnu-ls__tag-origin {
    display: block;
    width: 143px;
    height: 20px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -345px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  .m-sldmnu-ls__tag-charenge {
    display: block;
    width: 143px;
    height: 20px;
    background-image: url("/common/_share16_sprite_sp.png");
    background-repeat: no-repeat;
    background-position: 0px -367px;
    -webkit-background-size: 149px 424px;
    -moz-background-size: 149px 424px;
    background-size: 149px 424px;
  }
  /* fixed slide menu nav*/
  .js-head-gmenu-fixed {
    position: fixed;
    top: -44px;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .js-head-gmenu-fixed.is-slide-down {
    top: 0px;
  }
  .m-overlay-gmenu.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1500;
    height: 44px;
  }

  .m-list-notice {
    color: #808080;
    font-size: 78%;
  }

  /* slick */

  .slick-next {
    right:-33px;
  }
  .slick-prev {
    left:-33px;
    z-index: 1
  }

  /* ？？ */

  .course-pre {
    padding:8px 6px 8px 4px;
    background-color:#E6F3FF;
  }


  /* accordion 3 // text link ---------------*/
  .m-accordion-text {
    margin-top: 15px;
  }
  .m-accordion-text > :first-child {
    margin-top: 0;
  }
  .m-accordion-text__ttl {
    font-size: 85%;
    text-align: center;
  }
  .m-accordion-text__ttl > a {
    color: #08c;
  }
  .m-accordion-text__ttl--r {
    font-size: 85%;
    text-align: right;
  }

  .m-accordion-text__ttl--r > a {
    color: #08c;
  }
  .m-accordion-text__ttl--l {
    font-size: 85%;
    text-align: left;
  }
  .m-accordion-text__ttl--l > a {
    color: #08c;
  }
  .m-accordion-text__ttlflg {
    margin-right: 5px;
  }
  .m-accordion-text__cont {
    display: none;
  }
  .m-accordion-text__cont-inner {
    padding-top: 15px;
  }
  .m-accordion-text__cont-inner > :first-child {
    margin-top: 0;
  }
  .m-accordion-text > .m-accordion-text__ttl {
    margin-top: 15px;
  }
  .m-accordion-text > .m-accordion-text__cont > .m-accordion-text__cont-inner {
    padding-bottom: 0;
  }

  /* button wrapper /// small ---------------*/
  .m-button-wrap-s {
    margin-top: 15px;
  }
  .m-button-wrap-s > :first-child {
    margin-top: 0;
  }
  .m-button-wrap-s__item {
    margin-top: 10px;
  }
  .m-button-wrap-s-twins {
    *zoom: 1;
    margin-left: -10px;
  }
  .m-button-wrap-s-twins:after {
    content: ".";
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
  }
  .m-button-wrap-s-twins__l {
    float: left;
    width: 50%;
  }
  .m-button-wrap-s-twins__r {
    float: right;
    width: 50%;
  }
  .m-button-wrap-s-twins__inner {
    margin-left: 10px;
  }
  .m-button--artificial-s {
      font-size: 85%;
      padding: 7px 20px 7px 15px;
      background: #f3f3f3;
      color: #0070cb;
      position: relative;
      display: block;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
      font-weight: bold;
  }

  .m-button--artificial {
      font-size: 85%;
      padding: 12px 25px 12px 20px;
      background: #f3f3f3;
      color: #0070cb;
      position: relative;
      display: block;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
      font-weight: bold;
  }
  .m-button--artificial:after {
      position: absolute;
      content: '';
      display: block;
      width: 7px;
      height: 11px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -114px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      margin-top: -5px;
      right: 10px;
      top: 50%;
      overflow: hidden;
  }
  .m-button--tell {
      padding: 15px 30px 15px 25px;
      background: #f3f3f3;
      color: #0070cb;
      font-weight: normal;
      position: relative;
      display: block;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
      font-weight: bold;
      margin-bottom:10px;
  }

  .m-button--tell:after {
      position: absolute;
      content: '';
      display: block;
      width: 7px;
      height: 11px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -114px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      margin-top: -5px;
      right: 10px;
      top: 50%;
      overflow: hidden;
  }

  .m-button--artificial-s:after {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -114px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -5px;
    right: 10px;
    top: 50%;
    overflow: hidden;
  }

  .grade_title span {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
  }

  .grade_title > span {
    color: #0070cb;
  }

  .grade_title {
    font-weight:bold;
    padding: 13px;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
    border-top:solid 1px #e6e6e6;
  }


  .m-col__title {
    margin-bottom:10px;
  }

  .m-kyokasyo-list {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* classes button ---------------*/
  .m-classbtn-list-wrap {
    margin-top: 15px;
  }
  .m-classbtn-list {
    *zoom: 1;
    margin-left: -10px;
    margin-top: -10px;
  }
  .m-classbtn-list:after {
    content: ".";
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
    clear: both;
  }
  .m-classbtn-list__item {
    float: left;
    width: 33.3%;
  }
  .m-classbtn-list__inner {
    display: block;
    margin-left: 10px;
    margin-top: 10px;
  }
  .m-classbtn-list__btnnew1,
  .m-classbtn-list__btnnew1-s,
  .m-classbtn-list__btn1,
  .m-classbtn-list__btn1-s,
  .m-classbtn-list__btn2,
  .m-classbtn-list__btn2-s,
  .m-classbtn-list__btn3,
  .m-classbtn-list__btn3-s,
  .m-classbtn-list__btn4,
  .m-classbtn-list__btn4-s,
  .m-classbtn-list__btn5,
  .m-classbtn-list__btn5-s,
  .m-classbtn-list__btn6,
  .m-classbtn-list__btn6-s,
  .m-classbtn-list__btnchu1{
    position: relative;
    display: block;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
  }
  .m-classbtn-list__btnnew1:after,
  .m-classbtn-list__btnnew1-s:after,
  .m-classbtn-list__btn1:after,
  .m-classbtn-list__btn1-s:after,
  .m-classbtn-list__btn2:after,
  .m-classbtn-list__btn2-s:after,
  .m-classbtn-list__btn3:after,
  .m-classbtn-list__btn3-s:after,
  .m-classbtn-list__btn4:after,
  .m-classbtn-list__btn4-s:after,
  .m-classbtn-list__btn5:after,
  .m-classbtn-list__btn5-s:after,
  .m-classbtn-list__btn6:after,
  .m-classbtn-list__btn6-s:after,
  .m-classbtn-list__btnchu1:after{
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    background-image: url("/common/_share16_icon_sprite.png");
    background-repeat: no-repeat;
    background-position: 0px -166px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -5px;
    right: 10px;
    top: 50%;
    overflow: hidden;
  }
  .m-classbtn-list__btnnew1 {
    padding: 20px 20px 19px 10px;
  }
  .m-classbtn-list__btnnew1-s {
    padding: 12px 20px 11px 10px;
  }
  .m-classbtn-list__btn1 {
    padding: 20px 20px 19px 10px;
  }
  .m-classbtn-list__btn1-s {
    padding: 12px 20px 11px 10px;
  }
  .m-classbtn-list__btn2 {
    padding: 20px 20px 19px 10px;
  }
  .m-classbtn-list__btn2-s {
    padding: 12px 20px 11px 10px;
  }
  .m-classbtn-list__btn3 {
    padding: 20px 20px 19px 10px;
  }
  .m-classbtn-list__btn3-s {
    padding: 12px 20px 11px 10px;
  }
  .m-classbtn-list__btn4 {
    padding: 20px 20px 19px 10px;
  }
  .m-classbtn-list__btn4-s {
    padding: 12px 20px 11px 10px;
  }
  .m-classbtn-list__btn5 {
    padding: 20px 20px 19px 10px;
  }
  .m-classbtn-list__btn5-s {
    padding: 12px 20px 11px 10px;
  }
  .m-classbtn-list__btn6 {
    padding: 20px 20px 19px 10px;
  }
  .m-classbtn-list__btn6-s {
    padding: 12px 20px 11px 10px;
  }
  .m-classbtn-list__btnchu1{
    padding: 12px 20px 11px 10px;
    background: #EA6D82;
  }
  .m-classbtn-list__btnnew1 {
    background: #21B8CE;
  }
  .m-classbtn-list__btnnew1-s {
    background: #21B8CE;
  }
  .m-classbtn-list__btn1 {
    background: #ec6e81;
  }
  .m-classbtn-list__btn1-s {
    background: #ec6e81;
  }
  .m-classbtn-list__btn2 {
    background: #009e3b;
  }
  .m-classbtn-list__btn2-s {
    background: #009e3b;
  }
  .m-classbtn-list__btn3 {
    background: #006eb3;
  }
  .m-classbtn-list__btn3-s {
    background: #006eb3;
  }
  .m-classbtn-list__btn4 {
    background: #fa7500;
  }
  .m-classbtn-list__btn4-s {
    background: #fa7500;
  }
  .m-classbtn-list__btn5 {
    background: #8ec31f;
  }
  .m-classbtn-list__btn5-s {
    background: #8ec31f;
  }
  .m-classbtn-list__btn6 {
    background: #6b5cad;
  }
  .m-classbtn-list__btn6-s {
    background: #6b5cad;
  }
  .m-classbtn-list__btn-cls {
    font-size: 121%;
    margin-right: 2px;

    font-family: 'Hind', sans-serif;
  }

  img[src='/_share16/sp/img/img_tell_btn.png'] {
      width: 80%;
  }

  /* スライドバナーエリア */

  .m-slider__bannerarea a > img {
    display:block;
    margin:auto;
  }

  .m-slider__bannerarea a {
    left:0;
  }

  .m-slider__bannerarea > div:not(.slick-list):nth-child(n+2) {
    display: none;
  }


  .m-slider__bannerarea .slick-next {
    right:10px;
  }
  .m-slider__bannerarea .slick-prev {
    left:10px;
    z-index: 1
  }

  .m-slider__bannerarea .slick-slide {
    padding:0 10px;
  }

  /* トップ */

  .m-slmenu-scrl__inner--new1 .m-sldmnu-ls {
    border-top: solid 1px #e6e6e6;
  }
  .m-sldmnu-ls__itm--new1 {
    background-color: #eee;
    overflow: hidden;
  }
  .m-sldmnu-ls__mnu-ico--new1 {
    margin-top: -1px;
  }
  .m-sldmnu-ls__mnu-ico.m-sldmnu-ls__mnu-ico--new1:after, .m-sldmnu-ls__mnu-ico--new1:after, .m-sldmnu-ls__mnu-ico--new1.m-sldmnu-ls__mnu-ico--new1-nobg:after {
    content: inherit;
    width: 0;
    height: 0;
  }
  .m-sldmnu-ls__mnu-ico--new1:before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .m-sldmnu-ls__mnu-ico--new1-pinkbg:before {
    background-color: #ff7171;
  }
  .m-sldmnu-ls__mnu-ico--new1-greenbg:before {
    background-color: #0bbec7;
  }
  .m-sldmnu-ls__itm {
    border-top: solid 1px #bbb;
  }
  .m-sldmnu-ls__itm.m-sldmnu-ls__itm--noboder {
    border: none;
  }

  /*　教材スライダー　*/

  .m-slider--kyozaicol {
    padding:0 0 5px;
    margin:auto -10px;
  }

  .m-slider--kyozaicol--col {
    background:#fff;
    margin:0px 7px 17px;
    padding:20px;
    box-sizing: border-box;
    box-shadow:2px 2px 3px -2px #cccccc;
  }

  .m-slider--kyozaicol--imagearea {
    position:relative;
    z-index: 2;
  }


  .m-slider--kyozaicol--imagearea--title {
    font-size:10px;
    text-align: right;
    margin-top:5px;
  }

  .m-slider--kyozaicol--textarea {
    margin-top:15px;
  }

  .m-slider--kyozaicol--h4 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
  }

  .m-slider-kyozaicol--textarea--text {
    font-size:14px;
    line-height:1.7;
  }

  .m-slider--btn-area {
    margin-top:12px;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    -webkit-justify-content: space-between;  /* Safari etc. */
    -ms-justify-content    : space-between;  /* IE10        */
    justify-content        : space-between;
    -webkit-align-items: center;      /* Safari etc. */
    -ms-align-items    : center;      /* IE10        */
    align-items        : center;

  }

/* タッチの安全安心 */

.m-slider--touch--supoprt--col {
  padding:25px 15px 30px;
  box-sizing: border-box;
}


  .m-icn--win {
    font-size:10px;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    -webkit-align-items: center;      /* Safari etc. */
    -ms-align-items    : center;      /* IE10        */
    align-items        : center;
  }

  .m-icn--win:after {
    width: 14px;
    height: 14px;
    content: "";
    background: url(/common/icn_modal2.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    position: relative;
    top: -2px;
  }

  .m-icn--modalview {
    font-size:11px;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    -webkit-align-items: center;      /* Safari etc. */
    -ms-align-items    : center;      /* IE10        */
    align-items        : center;
    border:solid 1px #0070cb;
    border-radius: 9999px;
    padding:6px 10px;
    outline: none;
    color:#0070cb;
  }

  .m-icn--modalview:before {
    width:12px;
    height:12px;
    content:"";
    background:url(/common/icn_view.png);
    background-size:100%;
    margin-right:5px;
    margin-top:-1px;
  }

  .m-slider-kyozaicol--contentsarea {
    position:relative;
    height:361px;
    overflow: hidden;
  }

  .m-slider-kyozaicol--contentsarea:after {
    position:absolute;
    width:100%;
    height:100%;
    content:"";
    top:0;
    left:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+89,1+96,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 96%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 96%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }

  .m-slider--touch--supoprt--h3 {
    font-size:14px;
    font-weight:bold;
    margin-top:20px;
  }

  /* CVエリア */

  .m-unit.m-bg--cream + .m-unit .m-block--notice-large {
    padding-top:0;
  }

  .m-block--notice-large {
    padding-top:23px;
  }

  .m-pack-pricebox {
      border: 1px solid #faed96;
      background: #fff;
      margin-top: 15px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      padding: 15px;
  }

  .m-pack-deadline {
    border: 1px solid #faed96;
    background: #fff;
    width: 100%;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap : wrap; /*for IE10*/
    -webkit-flex-wrap : wrap;
    flex-wrap:wrap;
   }

  .m-pack-deadline__date {
      text-align: right;
      font-size:23px;
      float:right;
  }

  .m-pack-deadline__date-num > small {
      font-size:15px;
  }

  .m-pack-deadline__main {
    order:1;
    -webkit-order:1;
    -moz-order:1;
    width:100%;
  }

  .m-pack-deadline__main:after {
    content:"";
    display: block;
    clear: both;
  }

  .m-pack-deadline__text {
    font-size:14px;
    font-weight:bold;
    line-height:1.3;
    float:left;
    text-align: justify;
    height:100%;
    display:table;
  }

  .m-pack-deadline__text > span {
    display:table-cell;
    vertical-align: middle;
  }

  .m-pack-deadline__image {
    order:3;
    -webkit-order:3;
    -moz-order:3;
  }

  .m-pack-deadline__addtext {
    font-size:14px;
    padding:10px 0 0;
    order:2;
    -webkit-order:2;
    -moz-order:2;
  }

  .m-pack-deadline__date-num {
      font-weight: bold;
  }

  .m-pack-pricebox__head {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
      display:-ms-flexbox;/*--- IE10 ---*/
      display:-webkit-flex;/*--- safari（PC）用 ---*/
      display:flex;
      -webkit-justify-content: space-between;  /* Safari etc. */
      -ms-justify-content    : space-between;  /* IE10        */
      justify-content        : space-between;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
  }

  .m-pack-pricebox__price {
      text-align: right;
  }

  .m-pack-pricebox__text {
    font-weight: bold;
    width: 54%;
  }

  .m-pack-pricebox__price-num {
      font-weight: bold;
      font-size:23px;
  }

  .m-pack-pricebox__price-yen {
    font-weight: bold;
      font-size: 15px;
  }

  .m-pack-pricebox__price-tax {
    font-weight: bold;
      font-size: 12px;
  }

  .m-pack-pricebox__cont {
      margin-top: 5px;
      padding-top: 10px;
      border-top: 2px solid #ccc;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }


  .cv_deadline_width{
      margin-left: 15px;
      margin-right: 15px;
  }

  .cv_blue_serif {
    font-size:13px;
  }

  /* 見出し */

  .m-unit__h2--icn--blueback {
    background:#0070cb;
    margin:30px -10px 70px;
    color:#fff;
    padding:15px 10px;
    font-size:16px;
    font-weight:bold;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
  }

  .m-unit__h2--icn--blueback:after {
    content: "";
    width: 220px;
    height: 36px;
    position: absolute;
    left: 50%;
    bottom: -64px;
    background: url(/common/_share19_0329_shinshilogo.png) no-repeat;
    background-size: contain;
    margin-left: -108px;
  }

  .m-unit__h2--icn--blueback--icon {
    position:relative;
    background:#fff;
    width:70px;
    height:70px;
    border-radius: 9999px;
    box-sizing: border-box;
    padding:15px 10px;
    margin:-30px 5px -30px 0;
    border:solid 3px #0070cb;
  }

  .m-unit__h2--icn--blueback--icon--left {
    position:relative;
    left:3px;
  }

  img[src*=icn_h2_text]{
    width: 31px;
    left: 5px;
    top: -5px;
  }

  .m-unit__h3--anchor {
    text-align:center;
    color:#0070cb;
    font-size:18px;
    line-height:1.2;
    margin-bottom:10px;
  }

  .m-unit__h2--blueback,.m-unit__h2 {
    font-size:18px;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:20px;
  }

  .m-unit__h2--blueback:before,.m-unit__h2:before {
    content:"";
    width:4px;
    height:25px;
    background:#0070cb;
    border-radius: 2px;
    margin-right:9px;
  }

  .m-unit__h3--anchor > span {
    font-size:12px;
  }

  .m-anchor-right {
    margin-top:36px;
    margin-bottom:-10px;
  }

  .m-anchor--kyozai + .m-anchor--kyozai  {
    margin-top:15px;
  }

  .m-anchor--kyozai {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-justify-content: space-between;  /* Safari etc. */
    -ms-justify-content    : space-between;  /* IE10        */
    justify-content        : space-between;
  }

  .m-anchor--kyozai > a {
    box-sizing: border-box;
    border:solid 1px #0070cb;
    border-radius: 3px;
    background:url("/common/bg_note.png");
    overflow: hidden;
    width:48%;
    text-align:center;
    display:block;
    box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2);
  }

  .m-anchor--kyozai--h4 {
    background:#0070cb;
    color:#fff;
    padding:10px;
    font-size:16px;
    font-weight:bold;
  }

  .m-anchor--kyozai--label {
    color:#0070cb;
    font-size:14px;
    margin:10px 0 0;
  }

  .m-anchor--kyozai--icon {
    text-align: center;
  }

  .m-anchor--kyozai--icon > img {
    max-width:35px;
    height:auto;
  }

  .m-anchor--kyozai--col:after {
    background:url("/common/icon_anchor_arrow.png");
    background-size:100%;
    content:"";
    display:block;
    width:12px;
    height:6px;
    margin:8px auto 10px;
  }

  .m-unit__h3--blueradius {
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size:18px;
    font-weight: bold;
    color:#0070cb;
    padding:0 10px 10px;
    border-bottom:solid 2px #0070cb;
    background:#fff;
    margin-top:40px;
  }

  .m-unit__h3--blueradius--icn {
    padding:4px 19px 3px;
    background:#0070cb;
    color:#fff;
    border-radius: 9990px;
    margin-right:10px;
    white-space: nowrap;
  }

  .m-unit--h3--col + .m-unit__box .col__narrow:first-child {
    margin-top:-10px;
  }

  .col__top--image {
    margin:auto -10px;
  }

  .col__2colPC + .col--top--list--col {
    margin-top:-20px;
  }

  .m-col--top--list {
    padding:0 15px 0 5px;
  }

  .m-col--top--list > li {
    color:#005bac;
    font-size:14px;
    font-weight: bold;
    display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .m-col--top--list > li:before {
   border-radius: 9999px;
   padding:6px 6px;
   width:10px;
   height:7px;
   content:"";
   background:url("/common/icn_check.png") #005bac no-repeat center center;
   background-size:12px;
   margin-right:5px;
   margin-left:5px;
  }

  .m-col--top--list > li:not(:last-child) {
    margin-bottom:10px;
  }

  .g-underline--yellow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,ffea00+51,ffea00+100&0+0,0+51,1+52,1+100 */
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(41,137,216,0) 50%, rgba(255,234,0,0) 51%, rgba(255,234,0,1) 52%, rgba(255,234,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(41,137,216,0) 50%,rgba(255,234,0,0) 51%,rgba(255,234,0,1) 52%,rgba(255,234,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(41,137,216,0) 50%,rgba(255,234,0,0) 51%,rgba(255,234,0,1) 52%,rgba(255,234,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#ffea00',GradientType=0 ); /* IE6-9 */
  }

  /* 学年TOP */

  .border-blue {
    border: 2px solid #0070cb;
    border-radius: 5px;
  }

  .m-kyozai__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .m-kyozai__col--img {
    margin-right: 30px;
    margin-left: 5px;
  }

  .m-plus--blue {
    position: relative;
    margin-top: 50px;
  }

  .m-plus--blue:before {
    position: absolute;
    content: url(/common/icon_kyozai_plus.png);
    top: -43px;
    left: 50%;
    margin-left: -10px;
  }

  .m-style__box02 {
    width: 95%;
  }

  .m-style__box02 {
    border-radius: 9px;
    margin: auto;
    box-shadow: 0px 0px 7px -3px #000000;
    -moz-box-shadow: 0px 0px 7px -3px #000000;
    -webkit-box-shadow: 0px 0px 7px -3px #000000;
    border: solid 4px #cccccc;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  .m-style__box02 .m-unit__box__inner {
    padding: 0px;
  }

  .m-style__inner {
    padding: 15px;
    background: #fff;
  }

  .m-style__inner__image {
    margin-bottom: 20px;
    text-align: center;
  }

  .m-style__inner__text-box {
    text-align: center;
    font-size: 14px;
  }

  .m-style--ct02 {
    border-color: #1d9fb7;
    background: #1d9fb7;
  }

  .m-style--or02 {
    border-color: #005bac;
    background: #005bac;
  }

  .m-bdr--gray--2px {
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
  }

  /* 質問 */

  .m-tab__head {
    padding:0;
    line-height:1.5;
    font-size:11px;
  }

  .m-tab__list.js-tab__nav {
    display: -webkit-box;
  }

  .m-tab__list-item {
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 100%;
    display:block;
  }

  .m-tab__list-item:not(:last-child) {
    margin-right:5px;
  }

  .m-tab__list-item a {
    padding:5px;
  }

  /* 学習の流れ */


  .m-studyflow__title {
    font-size:18px;
    color: #fff;
    margin-left: 10px;
  }

  .m-studyflow__icon {
    margin:0;
    display:block;
    max-width:45px;
  }

  .m-studyflow__item {
    box-sizing: border-box;
    border:solid 1px #e5e5e5;
    border-radius: 3px;
  }
  
  .m-studyflow__item--ct {
    border: solid 3px #0a9fba;
  }
  
  .m-studyflow__item--or {
    border: solid 3px #005bac;
  }
  
  .m-studyflow__ttl--ct {
    padding: 8px 0;
    background: #0a9fba;
    font-weight: bold;
  }
  
  .m-studyflow__ttl--or {
    padding: 8px 0;
    background: #005bac;
    font-weight: bold;
  }

  .m-studyflow__ttl__inner {
    display : -webkit-inline-box;
    display : -ms-inline-flexbox;
    display : -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
  }

  .m-studyflow__inner {
    padding: 0 26px 26px;
  }

  .m-studyflow--touch02 > .m-studyflow__item:not(:last-child),
  .m-studyflow--original02 > .m-studyflow__item:not(:last-child) {
    margin-bottom:35px;
    position:relative;
  }

  .m-studyflow--touch02 > .m-studyflow__item:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 25px 0 25px;
    border-color: #84cfdc transparent transparent transparent;
    position: absolute;
    bottom: -28px;
    right: 0;
    left: 0;
    margin: auto;
  }
  
  .m-studyflow--original02 > .m-studyflow__item:not(:last-child):after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 25px 0 25px;
    border-color: #7fadd5 transparent transparent transparent;
    position: absolute;
    bottom: -28px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .m-btn.js-acc:after {
    position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(/common/_share16_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -49px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -5px;
    right: 10px;
    top: 50%;
    overflow: hidden;
  }

  .m-btn.js-acc.m-btn--acc--open:after {
    background-position: 0px -38px;
  }

  .m-radius_box--40 {
    height:40px;
    padding:0 10px;
    width:initial !important;
  }

  .cost_gray-box__title--serif {
    padding: 5px 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
  }

  .cost_gray-box__title--serif--blue {
    background: #0070cb;
    color: #fff;
  }

  .m-radius_box {
    border-radius: 9999px;
  }

  .cost_gray-box__title:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-top: 16px solid #0070cb;
    position: absolute;
    left: 50%;
    margin-left: -16px;
  }

  .m-cost--460 {
    max-width:460px;
  }

  .col.m-grid--justify:after {
    content:none;
    display: inline;
  }

  .modal--kyozai--area {
    padding:20px;
  }

  .m-modal > .m-modal__close.m-modal__close--btn {
      position: static;
      background: #016db3;
      width: 100%;
      height: initial;
      position: static;
      text-align: center;
      color:#fff;
      padding:14px 15px 10px;
      box-sizing: border-box
    }

    .m-modal > .m-modal__close.m-modal__close--btn >span {
      margin-right:5px;
    }


    .m-modal:not(.m-modal--no-frame) {
      border-width: 4px;
    }

    .m-block--notice-large .m-btn--entry {
      padding:15px;
    }
    .m-modal-link {
      cursor: pointer
    }

  .m-bg--sky--sp {
    background:#edf7ff;
  }

  .m-slider--touch--supoprt {
    background:#f5f2e9;
  }

  .m-sline--sky {
    display: none;
  }


  .m-unit__h2--support {
    text-align:center;
    color:#0070cb;
    font-size:16px;
    padding-top:20px;
  }

  .m-unit__h2--support:before {
    content: "";
    background: url(/common/icn_support_left.png) no-repeat;
    background-size: contain;
    width: 14px;
    height: 22px;
    margin-right: 8px;
    position: relative;
    top: 3px;
    display: inline-block;
  }
  .m-unit__h2--support:after {
    content: "";
    background: url(/common/icn_support_right.png) no-repeat;
    background-size: contain;
    width: 14px;
    height: 22px;
    margin-left: 8px;
    position: relative;
    top: 3px;
    display: inline-block;
  }


  .yt_player_api{
    padding-top: 27px; height: 0; overflow: hidden;
  }


  /* コスト */

  .g-mt-20SP {
    margin-top: 20px !important;
  }

  .m-btn--icon {
    padding-left:60px;
  }

  .m-btn--acc-below {
      display: block;
      border: 1px solid #e6e6e6;
      color: #08c;
      font-size: 14px;
  }
  .m-btn--acc-below__icn {
      position:absolute;
      margin:auto;
      top:0;
      bottom:0;
      left:10px;
      width: 40px;
      height: 40px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
  }

  .m-btn--acc-below:after {
      position: absolute;
      display: block;
      width: 10px;
      height: 10px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-position: 0px -50px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      right: 15px;
      top:0;
      bottom:0;
      margin:auto;
  }

  .m-btn--acc-below.m-btn--acc--open:after {
    position: absolute;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(/common/_share16_icon_sprite.png);
    background-repeat: no-repeat;
    background-position: 0px -38px;
    -webkit-background-size: 80px 2783px;
    -moz-background-size: 80px 2783px;
    background-size: 80px 2783px;
    margin-top: -5px;
    right: 15px;
    top: 50%;
    overflow: hidden;
  }
  .i-zero {
      background-position: 0px -1295px;
  }
  .i-refund {
      background-position: 0px -1421px;
  }

  .i-future-pay {
       background-position: 0px -1673px;
  }

  .m-link-tell {
      position: relative;
      display: inline-block;
      color: #08c;
      padding-right: 30px;
      font-size: 128%;
      font-weight: bold;
  }

  .m-link-tell:after {
      position: absolute;
      content: '';
      display: inline-block;
      width: 8px;
      height: 13px;
      background-image: url(/common/_share16_icon_sprite.png);
      background-repeat: no-repeat;
      background-position: 0px -266px;
      -webkit-background-size: 80px 2783px;
      -moz-background-size: 80px 2783px;
      background-size: 80px 2783px;
      margin-top: -6px;
      right: 15px;
      top: 50%;
      overflow: hidden;
      margin-top: -7px;
  }

  .m-acc__body {
      padding: 15px;
      background-color: #edf7ff;
      border: 1px solid #e6e6e6;
      border-radius: 0 0 5px 5px;
      box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.25), inset 0 15px 10px -8px rgba(0, 0, 0, 0.1);
  }

  .m-slider--remarkarea .js-accortion_title {
    display:none;
  }

  .m-modal .mihon-modal-link {
    display:none;
  }
  .nogradient {
    position:relative;
    z-index:2;
  }

  .m-slider--kyozaicol .m-slider--remarkarea {
    display:none;
  }

/* newglobalnavi */

.m-header__head {
  background:#fff;
}
#m-globalnaviList--1st {
  display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  width:100%;
  box-shadow:0px 0px 7px 0px #000000;
}

#m-globalnavi--blue {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-style: preserve-3d;
   position: fixed;
    width: 100%;
    top: -100px;
  z-index:-1;
}

.m-globalnaviList--2nd {
  position:absolute;
  background: #daebfb;
  width:100%;
}

.m-globalnaviList--2nd a {
  display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  color:#0071ca;
  padding:15px;
  position:relative;
}

.m-globalnaviList--2nd a:not(:last-child) {
  border-bottom:2px solid #0071ca;
}
.m-globalnaviList--2nd a:after {
  content: ">";
  font-weight: bold;
  position: absolute;
  right: 3%;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 25px;
  font-size: 18px;
  transform: scale(0.4, 1);
}

#m-globalnaviList--1st > a {
  width:25%;
  display: block;
  text-align: center;
  background:#0070cb;
}

.m-2ndmenu--text {
  font-size:11px;
}

#m-globalnaviList--1st > a {
  color:#fff;
  font-size:9px;
  padding:10px 0 10px;
  line-height:1.2;
  display: flex;
  justify-content: center;
  align-items: center;
}
#m-globalnaviList--1st > a.global_nyukai {
    background:#ec6e81;
}

#m-globalnaviList--1st > a:active {
  background: #66a9e0;
}      
#m-globalnaviList--1st svg {
  display:block;
  margin:0px auto 7px;
  width:35%;
  max-width:30px;
}
#m-globalnaviList--1st #globalnavinyukai > svg {
  width:24%;
  max-width:21px;
}

div#globalnavilineup svg {
    max-width:27%;
}

#globalnavitop > svg {
  width:38%;
}

.m-2ndmenu--img {
  width:14%;
  text-align: center;
  margin-right:10px;
}


.m-2ndmenu--img > img[src*=icn_h2_text]{
  width: 50%;
  position: relative;
  left: -3px;
  top:0;
}

.m-globalnaviList--2nd {
  display: none;
}

.m-globalnavi--back {
  background: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 5;
  top: 0;
  left: 0;
  display:none;
}

#m-globalnavi--blue.blue--hide {
  position: fixed;
  width: 100%;
  top:-100px;
}

#m-globalnavi--blue.blue--fixed {
  position: fixed;
  width: 100%;
  top:0;
}

.m-2ndmenu--title {
  width:40%;
  line-height:0;
  margin-bottom:5px;
}
.m-2ndmenu--title--ct {
  max-width:100px;
  padding:3px 7px;
  background: #1d9eb9;
}
.m-2ndmenu--title--or {
  max-width:150px;
  width: 46%;
  padding: 9px 0px;
  background:#005aac;
  overflow: hidden;
  position: relative;
}

.m-2ndmenu--title.m-2ndmenu--title--or img {
    position: absolute;
    left: -20px;
    top: 3px;
    width: 150px;
    max-width: 136px;
}
    .m-cvarea--toparea {
      padding: 10px 1.5%;
    }

    .m-cvarea--toparea--col {
      margin-bottom: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      -ms-text-justify: space-between;
      -webkit-justify-content: space-between;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: left
    }

    .m-cvarea--toparea--col--costtext {
      padding: 20px 4% 20px 6%;
      text-align: left;
      width: 40%;
      box-sizing: border-box;
    }

    .m-cvarea--toparea--col--cost {
      width: 60%;
      box-sizing: border-box;
      padding: 20px 6% 20px 0%;
    }

    .m-cvarea--toparea--col--datetext {
      padding: 20px 4% 20px 6%;
      text-align: left;
      width: 50%;
      box-sizing: border-box;
    }

    .m-cvarea--toparea--col--date {
      width: 50%;
      box-sizing: border-box;
      padding: 20px 6% 20px 0%;
    }

    .m-hover-text {
      position: absolute;
      visibility: hidden;
      background: #fff;
    }

    .m-cvarea--toparea--text {
      font-size: 11px;
    }

    .m-cvarea--red--text {
      font-size: 28px;
    }

    .m-cvarea--red--text > small {
      font-size: 11px;
    }

    .m-cvarea--bottomarea {
      padding: 10px 2%;
    }

    .m-cvarea--entrybtn {
      margin-bottom: 10px;
    }

    .m-cvarea--bluebtn {
      width: 48%;
    }

    .m-cvarea--bluebtn.m-btn--blueborder {
      padding: 10px 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background: #fff;
    }

    .m-btn--blueborder {
      padding: 10px 15px;
      text-align: center;
    }

    .m-cvarea--bnrarea.m-cvarea--toparea--col .slick-list {
      padding: 0;
    }

    .m-cover--b--btnarea {
      text-align: center;
      font-size: 12px;
      width: 90%;
      box-sizing: border-box;
    }

    .cvarea-dots {
      bottom: 0px;
    }

    a .m-cover {
      text-align: center;
    }

    .m-cvarea--toparea--col--bnrtext {
      padding: 20px 4% 20px 6%;
      text-align: left;
      width: 40%;
      box-sizing: border-box;
    }

    .m-cvarea--toparea--col--bnr {
      width: 60%;
      box-sizing: border-box;
      padding: 20px 6% 20px 0%;
    }
/* /newglobalnavi */

    .icon-area {
      width:6%;
      min-width:20px;
      margin-right:5%;
    }
    .m-slider--new > a {
      border-top:solid 1px #e5f0f8;
      display: block;
    }
    .m-slider--new > a > div{
      padding:10px 8% 7px;
      display:-webkit-box;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
      align-items: flex-end;
      position: relative;
    }
    .m-slider--new > a > div:after{
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      content: "";
      vertical-align: middle;
      right: 15px;
      width: 6px;
      height: 6px;
      border-top: 1px solid #777;
      border-right: 1px solid #777;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .m-slider--new > a:nth-child(n+5) {
      display:none;
    }
    .m-slider--new--subtitle {
      font-size:0.7rem;
      white-space: nowrap;
      display: inline-block;
      margin-right:-4px;
    }
    .m-slider--new--title {
      font-size:1rem;
      white-space: nowrap;
      display: inline-block;
    }
    .m-top--slider--accordion {
            padding: 9px;
      background: #395298;
      background-image: -webkit-linear-gradient(left, #395298, #2191bf);
      background-image: -moz-linear-gradient(left, #395298, #2191bf);
      background-image: -ms-linear-gradient(left, #395298, #2191bf);
      background-image: -o-linear-gradient(left, #395298, #2191bf);
      background-image: linear-gradient(to right, #395298, #2191bf);
      color:#ffffff;
      text-align: center;
    }
    /*new1がある場合のモーダル*/
    .m-years--with-new1 a:nth-child(1) {
    width: 100%;
    background: #1bb9cf;
    }
    .m-years--with-new1 a:nth-child(2) {
    background: #ec6e81;
    margin-left: 0;
    }
    .m-years--with-new1 a:nth-child(3) {
    background: #009e3b;
    }
    .m-years--with-new1 a:nth-child(4) {
    background: #006eb3;
    margin-left: 5%;
    }
    .m-years--with-new1 a:nth-child(5) {
    background: #fa7500;
    margin-left: 0;
    }
    .m-years--with-new1 a:nth-child(6) {
    background: #8ec31f;
    }
    .m-years--with-new1 a:nth-child(7) {
    background: #6b5cad;
    }
    .m-circle--years .m-grid--justify {
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    .m-circle--years .m-grid {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .m-circle--years__title {
      width: 100%;
      margin-bottom: 6.25vw;
      color: #444444;
      font-size: 5vw;
      font-weight: normal;
    }
    .m-circle--years__title--main {
      font-size: 6.88vw;
      font-weight: bold;
      line-height: 1;
      padding-bottom: 3.12vw;
      display: inline-block;
    }
    /*新一年生が上部100%*/
    .m-circle--years__cont {
      margin-bottom: 15px
    }
    .m-circle--years__cont > a {
      width: 30%;
    }
    .m-circle--years__cont > a:nth-child(n+5) {
    margin-top:15px;
    }
    /*新一年生が上部100%*/
      .grade_summer {
        font-size:10px;
      }

      .m-cvarea--inner {
        padding:20px 12px;
      }

      .m-cvarea--text--lead {
        font-size:16px;
      }

      .m-top--btn--green {
        letter-spacing: 0;
      }

      .m-top--cv__data__option {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin: auto;
        text-align: center;
      }

      .m-top--cv__data__option > div{
        width: 33.3%;
      }

      .m-top--cv__data__option__detail {
        width: 40px;
        margin-bottom: 5px;
        text-align: center;
      }

      .m-cvarea--text {
        text-align:center;
      }

      .m-cvarea--btn {
        width: 90%;
        margin: 20px auto 10px;
      }

      .m-cvarea--text > .m-remarklist {
        text-align:center;
      }


      .m-blueback--area--summer {
        background:url(/common/_share18_bg_backup_sp.png);
        background-size:cover;
        position:relative;
      }


      .m-blueback--area--summer:after {
        content:"";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #2a79b0 transparent transparent transparent;
        position:absolute;
        bottom:-9px;
        margin:auto;
        left:0;
        right:0;
      }

      .m-blueback--area--summer--inner {
        margin:auto;
        padding:40px 15px;
        box-sizing: border-box
      }


      .m-blueback--area--summer--h2 {
        font-size:28px;
        line-height:1.2;
      }

      .m-blueback--area--summer--h2 > span {
        font-size:16px;
      }

      .m-blueback--area--col {
        margin-top:40px;

      }

      .m-blueback--area--col2--h3 {
        margin-bottom:5px;
        font-size:24px;
        text-align:center;
      }

      .m-blueback--area--col2:nth-child(n+1) {
        margin-top:40px;  
      }

      .m-blueback--area--col2--text {
        margin-top:20px;
        line-height:1.5;
        font-size:14px;
        color:#fff;
      }

      .m-yellowback--area--summer {
        padding:40px 15px 30px;
        text-align:center;
        font-size:15px;
      }

      .m-kyozaiarea--summer {
        background:url(/common/_share18_bg_kyozai_sp.jpg);
        background-size:cover;
      }

      .m-kyozaiarea--inner--summer {
        text-align:center;
        padding:30px 15px 20px;
        margin:auto;
      }

      .m-blueback--area--summer-2:after {
        border-color: #3061a3 transparent transparent transparent;
      }

      .m-anchor--summer > li {
        font-size:17px;
      }

      .m-ctor--slider--text + .m-slider--h2 {
          margin:40px 0 0;
      }

      .m-slider--h2 {
        margin:20px 0;
      }

      .m-slider--h2--title {
        font-size:28px;
        font-weight: 300;
      }
      .nojs_m-slider--h2--title{
        font-size:28px;
        font-weight: 300;
      }
      .m-slider--h2--subtitle {
        font-size:16px;
      }

      .m-slider--text--h3 {
        font-size:18px;
        padding:20px;
        text-align:center;
      }

      .m-ctor--slider--text >p {
        font-size:14px;
      }

      .m-ctor--slider--taiken {
        margin-top:10px;

      }

      .m-ctor--slider--taiken > img {
        max-width:74px;
        margin:0;
      }

      .m-ctor--slider--taiken--serif {
        margin-left:20px;
        padding:10px;
      }

      .m-touch--slider--col__inner {
        box-sizing: border-box;
        padding:15px;
      }
      .m-touch--slider .slick-prev, .m-touch--slider .slick-next,.m-ctor--slider .slick-prev, .m-ctor--slider .slick-next  {
        top:20%;
        background:#000;
        opacity:.7;
        width:55px;
        height:55px;
        display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        border-radius: 9999px;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
      }

      .m-touch--slider {
        overflow: hidden;
      }

      .m-ctor--slider > div:nth-child(2n) >div >div {
        padding: 0 10px 0 0;
      }
      .m-ctor--slider > div:nth-child(2n-1) >div >div {
        padding: 0 0 0 10px;
      }

      .m-ctor--slider .slick-next,.m-touch--slider .slick-next {
        right:5px;
        top:30%
      }

      .m-ctor--slider .slick-prev,.m-touch--slider .slick-prev {
        left:5px;
        top:30%
      }

      .m-ctor--slider {
        margin:0 -10px;
      }

      .m-slider--kyozaicol--imagearea--title + .m-ctor--slider--text { 
        padding: 10px 10px 15px 5px;
      }

      .m-ctor--slider + .m-ctor--slider--text {
         margin-top:10px;
         padding:0 15px 10px 10px;
      }

      .m-touch--slider .slick-prev:before,.m-ctor--slider .slick-prev:before {
        content:"＜";
        color:#fff;
        margin-right:5px;
        font-size:30px;
        transform: scale( 0.6 , 1 );
      }
      .m-touch--slider .slick-next:before,.m-ctor--slider .slick-next:before {
        content:"＞";
        margin-left:5px;
        color:#fff;
        font-size:30px;
        transform: scale( 0.6 , 1 );
      }
      .m-touch--slider .slick-prev.slick-disabled,
      .m-touch--slider .slick-prev.slick-disabled:before,
      .m-ctor--slider .slick-prev.slick-disabled,
      .m-ctor--slider .slick-prev.slick-disabled:before {
        opacity: 0;
        cursor: default;
      }
      .m-touch--slider .slick-next.slick-disabled:before,.m-ctor--slider .slick-next.slick-disabled:before {
        content:"<<";
        margin-left:0;
        color:#fff;
        font-size:30px;
        transform: scale( 0.6 , 1 );
        opacity: 1;
        margin-top: -5px;
      }

      .m-touch--slider--col {
        margin:0 4px;
      }
      .m-touch--slider--col--title,
      .m-touch--slider--col--title_noScript {
        font-size:16px;
        margin-bottom:10px;
        text-align: center;
      }
      .m-touch--slider--col--text {
        font-size:14px;
        line-height:25.2px;
        margin-top:10px;
      }
      .m-touch--btn--slide {
        background: #999999;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0px 2px 5px #b8b8b8;
        -moz-box-shadow: 0px 2px 5px #b8b8b8;
        box-shadow: 0px 2px 5px #b8b8b8;
        color: #ffffff;
        font-size: 14px;
        text-decoration: none;
        margin: 14px 0 0;
      }
      .m-touch--btn--slide a {
        padding: 12px 20px;
        color: #fff;
        display: block;
      }

      .m-bnrarea--link .m-link-icon:before {
        position: absolute;
        content: '';
        display: block;
        width: 7px;
        height: 11px;
        background-image: url(/common/_share16_icon_sprite.png);
        background-repeat: no-repeat;
        background-position: 0px -166px;
        -webkit-background-size: 80px 2783px;
        -moz-background-size: 80px 2783px;
        background-size: 80px 2783px;
        left: 2px;
        top: 50%;
        overflow: hidden;
        margin: -4px 0 0;
      }
      .th-kyokasyo {
        width: 15%;
      }
      .js-head-gmenu-fixed {
        z-index: -100;
      }
      .is-fixed .js-head-gmenu-fixed {
        z-index: 1500;
      }
      .m-touch--slider .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
      }
      .m-touch--slider .slick-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;
        height: auto;
      }
      .m-touch--slider .slick-slide img {
        margin: 0;
      }
      .slide-dots {
        padding: 0;
        text-align: center;
        position: relative;
        bottom: 18px;
        margin-bottom: -21px;
      }
      .slide-dots > li {
        display: inline-block;
        margin: 0 5px;
      }
      button {
        padding: 0;
        border: none;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: silver;
        color: transparent;
        -webkit-appearance: none;
        cursor: pointer;
        outline: none;
      }
      .slide-dots .slick-active button {
         background-color: #375297;
      }
      .slick-slider .slick-list {
        padding: 0;
      }

      .m-slider--h2--pink--serif {
        font-size:32px;
        width:200px;
        box-sizing: border-box;
        padding:10px 50px;
        margin:0 auto 15px;
        border-radius: 4px;
        position:relative;
      }

      .m-slider--h2--pink--serif:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 13px 0 0;
        border-color: #ed86b3 transparent transparent transparent;
        content:"";
        position:absolute;
        bottom:-13px;
        left:30px;
      }

      .m-bg--white--arrow:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 10px 0 10px;
          border-color: #ffffff transparent transparent transparent;
          position: absolute;
          bottom: -9px;
          margin: auto;
          left: 0;
          right: 0;
      }

      .m-stylediff {
        margin:40px -10px 0;
        z-index:10000;
        filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
        background:#f3f3f3;
      }

.m-stylediff--col {
    padding-top: 30px;
    width:50%;
}

      .m-stylediff:after,.m-bg--rightgray--arrow:after {
        content:"";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 11px 0 11px;
        border-color: #f3f3f3 transparent transparent transparent;
        position:absolute;
        bottom:-11px;
        margin:auto;
        left:0;
        right:0;
      }

      .m-stylediff--difficon {
        position:absolute;
        width:100px;
      }
      .m-stylediff--style {
        background:#f3f3f3;
        text-align:center;
        padding:15px 10px 10px;
        font-size:14px;
      }

.m-stylediff--col--img {
     position:relative; overflow:hidden;
}

      .m-stylediff--logo {
        margin:5px auto 10px;
      }
      .m-stylediff--logo--ct >img {
        height:33px;margin-top:-6px;
      }

      .m-stylediff--logo--or {
        height:22px;  
      }

      .m-stylediff--logo--or >img {
        max-width: 92px;
        margin: 0 -8px 0 -8px;  
      }

      .m-stylediff--logo--or > span {
        font-size:5px;
        color:#0088cc;
      }
      .m-stylediff:before {
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 23%, rgba(255,255,255,0)33%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 23%,rgba(255,255,255,0) 33%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 23%,rgba(255,255,255,0) 33%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
      }
      .m-stylediff--h3 {
          margin-top: 40px;
          text-align: center;
          font-size: 24px;
      }

      .m-stylediff--lead {
          color: #333333;
          text-align: center;
          font-size: 14px;
          margin-top:20px;
      }

      .m-circle--style--yellow {
          width:80px;
          height: 80px;
          font-size: 13px;
          line-height:1.2;
          z-index:-1;
      }

      .m-stylediff--cost {
          font-size: 15px;
      }

      .m-stylediff--kyozai + .m-stylediff--kyozai,.m-stylediff--kyozai--txt + .m-stylediff--kyozai {
          margin-bottom: 50px;

      }

      .m-stylediff--kyozai--title {
        margin-top:10px;
      }
      .m-stylediff--kyozai--title:after {
          width: 87%;
          margin-bottom: 20px;
          border-width: 1px;
      }

      .m-stylediff--kyozai--circle {
          top: -13px;
      }

      .m-stylediff--kyozai--img {
        background:#fff;
        margin:auto;
      }
      .m-stylediff--kyozai--txt {
          width:80%;
          margin: auto;
          margin-top: 12px;
      }

      .m-stylediff--kyozai--title {
          margin-top: 10px;
          margin-bottom: 10px;
      }

      .m-stylediff--lineup {
          margin: 20px -10px 50px;
      }

      .m-stylediff--col__inner {
          padding: 14px 10px 30px;
      }

      .m-stylediff--lineup--kyozai {
        text-align:center;
        font-size:12px;
        margin-top:10px;
      }

      .m-stylediff--lineup--logo {
        text-align:center;
        max-width:200px;
        margin:auto;
        margin-bottom:26px;
      }

      .m-stylediff--lineup--col--or .m-stylediff--lineup--logo >img {
        vertical-align: middle;
        margin-top:6px;
        margin-bottom:7px;
        max-width:124px;
      }

      .m-stylediff--lineup--btn {
        text-align:center;
      }

      .m-stylediff--lineup--btn > a {
        padding: 15px 30px;
        box-sizing:border-box;
      }

      .m-stylediff--blue >a {
        padding: 15px 15px;
          margin: auto;
          display: block;
          max-width: 140px;
      }

      .m-slider--h2--title > span {
          background: rgb(29,159,184);
          background: -moz-linear-gradient(-45deg, rgba(29,159,184,1) 1%, rgba(17,114,200,1) 100%);
          background: -webkit-linear-gradient(-45deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
          background: linear-gradient(135deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9fb8', endColorstr='#1172c8',GradientType=1 );
          -webkit-text-fill-color: transparent;
          -webkit-background-clip: text;
      }

      .m-cvarea--btn--serif {
        left:-34px; 
      }
      .m-top--btn--green {
        text-align:center;
        padding:0;
      }

      .m-top--btn--blue a, .m-top--btn--green a {
        display: block;
        padding:14px;
      }

      .m-no1--badge:after {
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 50px 50vw 0 50vw;
          border-color: #f3f3f3 transparent transparent transparent;
          content: "";
          position: absolute;
          bottom: -50px;
          margin: auto;
          left: 0;
          right: 0;
      }

      .m-no1--badge > img {
          margin-bottom: -20px;
          position: relative;
          z-index: 2;
          max-width: 120px;
      }

      .m-no1--area {
        margin-top:80px;
        margin-bottom:40px;
        position: relative;
      }

      .m-no1--inner {
        padding:0 10px;
      }

      .m-no1--area--modallink {
        position:absolute;
        z-index:2;
        right:15px;
        top:-55px;
        font-size:12px;
      }

      .m-logodiff {
        margin:20px auto;
      }

      .m-logodiff--col:nth-child(2n-1) {
          margin-right: 20px;
      }

      .m-logodiff--col > div {
        box-sizing:border-box;
        max-width:145px;
      }

      .m-logodiff--col--or >div {
        height:22px;
        padding:0 5px;
      }

      .m-logodiff--col--ct > div {
        height:22px;
      } 

      .m-tokudai--txt {
        text-align: center;
        font-size: 18px;
      }

      .m-tokudai--btn > a {
          padding: 15px 50px;
          max-width: 230px;
          margin: 9px auto 20px;
      }

      .m-btn--subtxt {
        font-size:11px;
        display: block;
      }

      .m-btn--maintxt {
        font-size:15px;
      }

      .m-btn--bluegrd > a.m-btn--xl {
        padding:10px 30px;
      }

      .m-summer--btnarea {
        padding:20px 15px;
      }
      .m-autumn--btnarea {
        padding:20px 15px;
      }
      .m-ctor--slider--taiken + .m-ctor--slider {
        margin-top:40px;
      }

      img + .m-ctor--slider--text {
        margin-top:10px;
      }

      .m-yellowback--area--summer + .m-blueback--area--summer {
        margin-top:60px
      }

p.lineup__icn--blue.lineup__icn--yellow {
    left: -20px;
    top: 55%;
}
     .summer_last_margin{
        margin-top: 60px;
      }
  .summer_covertext {
    padding: 50px 10px 20px;
    font-size: 20px;
    text-align:center;
}

.m-stylediff--col--img >img {
  position: relative;
      top: 35px;
      z-index: -1;
}

.m-stylediff--lineup--logo > p {
  margin-top:-10px;
}

.m-stylediff--lineup--col {
  position:relative;
}

.m-stylediff--lineup--col .m-stylediff--lineup--btn {
  position:absolute;
  bottom:33px;
  margin:auto;
  left:0;
  right:0;
}

.m-stylediff--lineup--col--ct .m-stylediff--lineup--logo {
    margin-top: 15px;
    margin-bottom: 80px;
}

.m-cvarea--text--lead small {
    font-size: 16px;
}

.m-stylediff--fixed {
  position: fixed;
  top: -160px;
  left: 0;
  margin: auto;
  z-index:2499;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform-style: preserve-3d;
}

.m-stylediff--fixed.m-stylediff--fixed--show {
 width:100%;
  top:0;
}


.m-stylediff.m-stylediff--fixed .m-stylediff--col {
  flex-grow:1;
  width:100%;
  padding-top:0px;
}

.m-stylediff.m-stylediff--fixed .m-stylediff--col--img,
.m-stylediff.m-stylediff--fixed .m-stylediff--difficon {
  display:none;
}

.m-stylediff.m-stylediff--fixed:before {
  display:none;
}

.m-cvarea--text .m-remarklist {
  text-align:center;
}
.m-ctor--slider--taiken + .m-slider--h2 {
    margin-top: 50px;
}

.m-bg--white--arrow .m-modal-link.m-btn--xl {
    padding: 15px 70px;
}

.m-ctor--slider + .m-ctor--slider--taiken {
margin-top:10px;}

.m-stylediff--kyozai + .m-stylediff--kyozai--txt {
    width: 100%;
    margin-top: -40px;
    margin-bottom: 40px;
}

    .m-ctor--slider--evidence > img {
      max-width:100px;
    }

    .m-ctor--slider--swipemark {
        position: absolute;
        background: rgba(0,91,172,0.7);
        z-index: 3;
        width: 100%;
        height: 100%;
        padding: 40px 10px 10px 10px;
        box-sizing:border-box;
        text-align: center;
    }

    .m-ctor--slider--awipemarkarea {
        position: relative;
        margin: 0 -10px;
    }
    .m-ctor--slider--awipemarkarea .m-ctor--slider {
      margin:0;
    }
    .m-ctor--slider--swipemark > span {
       display: block;
    color: #fff;
    margin-top: 20px;
    font-size: 22px;
    letter-spacing: 0.12em;
    }
    .m-ctor--slider--awipemarkarea .m-ctor--slider--swipemark ~ * {
      -webkit-filter: blur(10px);
      filter: blur(10px);
    }

    .m-ctor--slider--evidence { margin-top:20px; }

    .m-ctor--slider + .m-ctor--slider,
    .m-ctor--slider + .m-slider--text--h3,
    .m-ctor--slider--text + .m-slider--text--h3,
    .m-ctor--slider--awipemarkarea + .m-slider--text--h3 {
       margin:30px -10px 0;
    }
    .m-ctor--slider--text + .m-ctor--slider {
       margin:80px -10px 0;
    }

    .m-ctor--slider--text + .m-ctor--slider--evidence {
        margin: 40px auto 90px;
    }

    .m-ctor--slider--evidence + .m-ctor--slider {
        margin-top: 100px;
    }
.m-ctor--slider--text + .m-ctor--slider--taiken {
    padding-bottom:40px;
    margin-top:20px;
}

.m-sline--sky_summer {    margin: 20px 0 40px 0;
}

  .m-top--kvarea__slide .tokinaoshi_offer{
    position: absolute;
    top: 63%;
    right: 9%;
    font-size: 10px;
    
  }
  .study_offer , .tokinaoshi_offer a{
  position: relative;
  display: inline-block;
    color: #08c;
  }
  .tokinaoshi_offer .summer_offer:after{
      width: 14px;
    height: 14px;
    content: "";
    background: url(/icn_modal2.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    position: absolute;
    right: -19px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
  }
  .m-top--kvarea__slide .study_offer{
    position: absolute;
    top: 60%;
    left: 14%;
    font-size: 10px;
  }
    .study_offer .summer_offer:after{
      width: 14px;
    height: 14px;
    content: "";
    background: url(/icn_modal2.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    position: absolute;
    top: 14px;
    bottom: 0;
    margin: auto;
    left: auto;
  }
  .m-no1--title {
    margin: 20px 0;
    text-align: center;
    position: relative;
  }
  .m-no1--title > span {
    font-size: 28px;
    font-weight: 300;
    color: #238DBC;
  }

.m-stylediff--tokuten.m-stylediff--kyozai {
   display:block;
}

.m-stylediff--tokuten.m-stylediff--kyozai .m-stylediff--kyozai--col {
   width:100%;
}
.m-stylediff--tokuten.m-stylediff--kyozai .m-stylediff--kyozai--txt  {
   width:100%;text-align:center;
}

.m-ancorlink--icon--list {
    margin-top: 25px;
    justify-content: space-around;
        -ms-text-justify: space-around;
        -webkit-justify-content: space-around;
}

.m-ancorlink--icon--list > li { margin:0 3px; }

.m-ancorlink--icon--list > li {
    max-width: 72px;
    width:100%;
}

.m-ancorlink--icon--list > li img,.m-ancorlink--icon--list > li amp-img {
    max-width: 72px;
    width:100%;
}

.m-ancorlink--icon--list > li > a > p {
    font-size: 12px;
    margin-top: 5px;
}

.m-ancorlink--icon--list > li > a:after {
    transform: rotate(90deg) scale(0.5,1);
}

.m-ctor--slider--taiken {
  position:relative;
}

.pic_taiken_kaiin {
  position: absolute;
  width: 74px;
  height: 74px;
  display: block;
  left: 0;
  top: 0;
  z-index:2;
}

.pic_taiken_kaiin > img {
  width:100%;
  height:100%;
  pointer-events: none;
}

.m-title.m-cover__title.m-style--cover__title.m-bluetext,.m-bluetext.summer_covertext {
  font-size:27px;
}

.m-stylediff--kyozai--kyozaisection .m-stylediff--kyozai--img {
   margin-top:50px;
}

.m-stylediff--kyozai--title--ct,.m-stylediff--kyozai--title--or {
   font-size:20px;
}

.m-stylediff--kyozai { margin:auto -10px; }

.m-stylediff--kyozai--arrow {
  margin-bottom:60px !important;
}

.m-circle--years__cont > a[href*="/new1/"] {
    width: 100%;
    margin: 0 0 15px;
}
.m-cvarea--text--lead.m-cvarea--text--lead--flex {
margin-bottom: 20px;
}

.m-circle--years {
  padding:20px;
}

.m-btn_lineup{
  margin: 0 auto;
  max-width: 300px;
}
/*学年配下top winter特典モーダル*/
.m-btn_winter_tokuten_modal{
    margin: 20px 3% 10px 3%;
    padding: 15px 7px;
    background-color: #edf7ff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 5px #b8b8b8;
    -moz-box-shadow: 0px 2px 5px #b8b8b8;
    box-shadow: 0px 2px 5px #b8b8b8;
}
.m-btn_winter_tokuten_modal .m-btn_winter_tokuten_modal_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: center;
    -ms-text-justify: center;
    -webkit-justify-content: center;
    justify-content: space-around;
    -ms-text-justify: space-around;
    -webkit-justify-content: space-around;
}
.m-btn_winter_tokuten_modal .m-btn_winter_tokuten_modal_area >div{
    width: 63%;
}
.m-btn_winter_tokuten_modal .winter_tokuten_modal_img{
    width: 35%;
}
.m-btn_winter_tokuten_modal .winter_tokuten_modal_txt1{
    font-size: 3.4375vw;
    letter-spacing: 0.09em;
}
.m-btn_winter_tokuten_modal .winter_tokuten_modal_txt2{
    font-size: 5.3vw;
    margin-bottom: 5px;
    background: rgb(29,159,184);
    background: -moz-linear-gradient(-45deg, rgba(29,159,184,1) 1%, rgba(17,114,200,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
    background: linear-gradient(135deg, rgba(29,159,184,1) 1%,rgba(17,114,200,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d9fb8', endColorstr='#1172c8',GradientType=1 );
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
 .m-btn_winter_tokuten_modal .m-btn--bluegrd a{
    margin: 0 10%;
    padding: 10px 7px;
    font-size: 3.3vw;
}
/*学年配下top winter特典モーダル*/
    /*プレ中が下部部100%*/
    .m-circle--years_chu1{
      padding: 12.5vw 0 12.5vw;
    }
    .m-circle--years__chu1 > a {
      width: 30%;
    }
    .m-circle--years__chu1 > a:nth-child(n+4) {
      margin-top: 7.8125vw;
    }
    .m-circle--years__chu1.sho_btnwidth100 > a:first-child{
      width: 100%;
    }
    .m-circle--years__chu1.sho_btnwidth100 > a:nth-child(n+2) {
      margin-top: 7.8125vw;
    }
    .m-circle--years__chu1 > a:last-child {
    /*width: 100%;*/
    }
    /*プレ中が下部部100%*/
    .m-slidemenu-btn_img img{
    width: 38px;
    height: 38px;
    }
    .m-membermodal_img{
    margin-right: 8px;
    }
    .m-membermodal_img img{
    width: 38px;
    height: 38px;
    }
}

@media print {
    .m-cover {
        max-width: 100%;
    }
    .m-fixed-btn,
    .m-back2top {
        display: none;
    }
}

/* IEにのみ適応 */
@media all and (-ms-high-contrast: none){
  .m-slider--h2 > .m-slider--h2--title--tokuten,.nojs_m-slider--h2--title,.m-slider--h2--title,.m-stylediff--style,.m-slider--h2 > .m-bluetext,.m-slider--h2--title ,.m-bluetext, .m-bluetest > span,.m-slider--h2--title > span{
    color: #0b5caa;
    background: none !important;
  }
}


@media screen and (min-width: 769px){
.m-unit.m-bg--sky.m-taiken--class {
    margin-bottom: 0 !important;
}
/* 学年配下出しわけレイアウト */
.m--chu1link {
    text-align: center;
    font-size: 16px !important;
    margin-top: 36px;
}
}
@media screen and (max-width: 768px){
.m-unit.m-taiken--class.m-bg--sky {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* 学年配下出しわけレイアウト */
.m--chu1link {
    text-align: center;
    font-size: 14px !important;
    margin-top: 30px;
}
}
.mastery-environ__sample {
  text-align: center;
}

@media screen and (min-width: 769px){
  .mastery-environ__lead {
    margin-top: 30px;
  }
  .mastery-environ__item + .mastery-environ__item {
    margin-top: 40px;
  }
  .mastery-environ__offer {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px){
  .mastery-environ__lead {
    margin-top: 20px;
  }
   .mastery-environ__item + .mastery-environ__item {
    margin-top: 20px;
  }
  .mastery-environ__offer {
    margin-top: 5px;
  }
}

@media screen and (min-width: 769px){
  .m-cvarea--textflexarea{
    display:block !important;
    overflow:hidden; 
  }
  .m-index-b .m-cvarea--text--lead.m-cvarea--text--lead--flex{
    margin-right: 26px;
  }
  .m-index-b .m-cvarea--text--lead {
    float: left;
}
  .m-remarklist-cv--btnarea {
    margin-top: 20px;
  }
  .m-index-b.m-index-b--top .m-cvarea--remarkarea,
  .m-index-b .m-cvarea--remarkarea{
    clear:both;
    padding-top:20px !important;
    margin-top:0 !important;
  }
  .m-index-b .m-cvarea .m-remarklist.m-remarklist-cv--btnarea {
    color: #ffffff !important;
  }
  .m-index-b.m-index-b--top .m-cvarea .m-remarklist.m-remarklist-cv--btnarea {
    color: #808080 !important;
  }
}
@media screen and (max-width: 768px){
  .m-remarklist-cv--btnarea {
    margin-top:4.69vw;
  }
  .m-index-b .m-cvarea .m-remarklist.m-remarklist-cv--btnarea {
    color: #ffffff !important;
  }
  .m-index-b.m-index-b--top .m-cvarea .m-remarklist.m-remarklist-cv--btnarea {
    color: #808080 !important;
  }
  .m-cvarea .m-remarklist.m-remarklist-cv--btnarea>li {
    padding-left: 1.1em !important;
}
  .m-flink--personal,.m-flink--personal--op {
    font-size: 3.75vw;
    margin-bottom: 13px;
    text-align: center;
  }
  .m-flink--personal > a,.m-flink--personal > a {
    color: #808080;
  }
  .m-banner__link {
   bottom: 6.25vw;
   width: 90%;
  }
    .m-banner-btnlink {
    font-size: 16px;
    padding: 15px 0;
    border-radius: 8px;
    box-shadow: 0 3px 0 0 rgba(0,0,0,0.3);
  }
    .m-banner-btnlink:after {
    right: 1.5vw;
  }

  #sho_cp_bnr .c-carousel__dot {
    width: 100%;
  }
}

.m-modal {
    transition:all.4s;
}

.modal_visible_window {
    display:block;
    opacity:1;
    visibility:visible;
}

.m-modal-overlay {
    transition:all.4s;
}

.m-modal-overlay-visible {
    display:block;
    background: rgba(0, 0, 0, 0.5);
}