@charset "UTF-8";
svg {
  fill: currentColor; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　reset
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
html, body {
  height: 100%;
  margin: 0px !important;
  padding: 0px !important; }

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

ul {
  list-style: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.pc-only3 {
  display: block !important; }

.sp-only3 {
  display: none !important; }

.pc-only2 {
  display: block !important; }

.sp-only2 {
  display: none !important; }

.pc-only {
  display: block !important; }

.sp-only {
  display: none !important; }

@media screen and (max-width: 1023.9px) {
  .pc-only3 {
    display: none !important; }

  .sp-only3 {
    display: block !important; } }
@media screen and (max-width: 767.9px) {
  .pc-only {
    display: none !important; }

  .sp-only {
    display: block !important; } }
@media screen and (max-width: 567.9px) {
  .pc-only2 {
    display: none !important; }

  .sp-only2 {
    display: block !important; } }
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　clearFix
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.clearFix:after,
#header:after,
#gMenu:after {
  display: block;
  clear: both;
  content: ""; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　link
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
a:link {
  color: #4D4D4D;
  text-decoration: none; }

a:visited {
  color: #4D4D4D;
  text-decoration: none; }

a:hover {
  color: #4D4D4D;
  text-decoration: none; }

a:hover img {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9; }

a.linkBorder:link {
  color: #FC8A14;
  text-decoration: underline; }

a.linkBorder:visited {
  color: #FC8A14;
  text-decoration: underline; }

a.linkBorder:hover {
  color: #FC8A14;
  text-decoration: none; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　COLOR
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.colorOrange1 {
  color: #FC8A14 !important; }

.colorWhite {
  color: #FFF !important; }

.colorImp {
  color: #FC8A14 !important; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　Typography
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
html {
  font-size: 0.625em; }

i.fa {
  margin-right: 5px; }

html, .pure-g [class*="pure-u"],
p {
  font-family: heisei-maru-gothic-std, sans-serif, "Roboto", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal; }

.fontEn {
  font-family: 'Overpass', sans-serif; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
  color: #4D4D4D; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　Color
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　BTN
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.btnSym1 {
  text-align: center;
  display: table; }
  .btnSym1 a {
    background: #fc8a14;
    color: #FFF;
    width: 220px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-top: 3px; }
    .btnSym1 a:link {
      color: #FFF; }
    .btnSym1 a:hover {
      background: rgba(252, 138, 20, 0.8); }
    .btnSym1 a:after {
      font-family: 'FontAwesome';
      content: "\f0da";
      position: absolute;
      position: absolute;
      top: 50%;
      left: 10px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }

.btnSym2 {
  text-align: center;
  display: table; }
  .btnSym2 a {
    background: black;
    color: #FC8A14;
    width: 220px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative; }
    .btnSym2 a:link {
      color: #FC8A14; }
    .btnSym2 a:hover {
      background: rgba(0, 0, 0, 0.8); }
    .btnSym2 a::after {
      font-family: 'FontAwesome';
      content: "\f105";
      position: absolute;
      position: absolute;
      top: 50%;
      left: 10px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　TITLE
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
#titBox {
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.4;
  margin-top: 110px;
  position: relative;
  background-color: #FFD767; }
  #titBox .titBoxInner {
    position: relative;
    width: 100%;
    max-width: 1120px;
    padding: 24px 15px 20px 15px;
    margin: 0px auto;
    z-index: 999;
    background: #FFD767 url(https://kids-ms.com/img/com/bk-titbox2.png) center center/cover no-repeat; }
    #titBox .titBoxInner h1 {
      /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
      font-weight: 400; }
  @media screen and (max-width: 1023.9px) {
    #titBox {
      margin-top: 70px; } }
  @media screen and (max-width: 767.9px) {
    #titBox {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.4; }
      #titBox .titBoxInner {
        padding: 15px 15px 15px 15px;
        background: #FFD767 url(https://kids-ms.com/img/com/bk-titbox3.png) center center/cover no-repeat; } }

.titSym1Cover {
  text-align: center; }
  .titSym1Cover .titSym1 {
    margin: 0px auto;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
    letter-spacing: 0.03em;
    display: inline-block;
    font-weight: 400; }
  .titSym1Cover .leadSym1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px; }
  @media screen and (max-width: 767.9px) {
    .titSym1Cover .titSym1 {
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 1.4; }
    .titSym1Cover .leadSym1 {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.7; } }
  @media screen and (max-width: 567.9px) {
    .titSym1Cover .titSym1 {
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 1.2; }
    .titSym1Cover .leadSym1 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.7; } }

.titSym2 {
  width: 100%;
  padding: 0.4em 0.3em 0.3em 0.3em;
  display: inline-block;
  background: rgba(255, 215, 103, 0.2);
  vertical-align: middle;
  border-radius: 20px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.7;
  padding-left: 1.8em;
  font-weight: 400;
  margin-top: 30px;
  position: relative; }
  .titSym2:before {
    content: '●';
    color: #FC8A14;
    position: absolute;
    left: 0.5em; }
  @media screen and (max-width: 767.9px) {
    .titSym2 {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.7; } }

.titSym3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7;
  border-bottom: 1px dotted #FFD767;
  font-weight: 400;
  color: #FC8A14; }

span.dotLineOrange {
  display: block;
  width: 100%;
  height: 20px;
  background-size: 20px 20px;
  background-image: radial-gradient(#FC8A14 15%, transparent 20%);
  margin-left: -5px; }

span.dotLineOrange2 {
  display: block;
  width: 100%;
  height: 20px;
  background-size: 20px 20px;
  background-image: radial-gradient(#FFD767 15%, transparent 20%);
  margin-left: -5px; }

 /*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　.pageNaviBox
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.pageNaviBox {
  color: #FC8A14;
  margin: 1em auto;
  line-height: 2em;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  clear: both; }
  .pageNaviBox a.page-numbers, .pageNaviBox .current {
    color: #FC8A14;
    padding: 2px .5em;
    border: solid 1px #FC8A14;
    border-radius: 2px;
    text-decoration: none;
    line-height: 2em; }
  .pageNaviBox a.page-numbers:hover {
    color: #FFFFFF;
    background-color: #FC8A14; }
  .pageNaviBox .current {
    color: #FFFFFF;
    background: #FC8A14;
    border-color: #FC8A14; }
  .pageNaviBox a.next {
    margin-left: 5px;
    border: 0 none !important;
    border: solid 1px #FFF; }
  .pageNaviBox a.prev {
    margin-right: 5px;
    border: 0 none !important;
    border: solid 1px #FFF; }
  .pageNaviBox a.next:hover, .pageNaviBox a.prev:hover {
    color: #FFFFFF;
    border: solid 1px #FC8A14; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body {
  position: relative;
  overflow-x: hidden;
  min-width: 320px; }

.fixNavi {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1100;
  /*.iconTel{
      display:block;
      background: url(https://kids-ms.com/img/com/icon-tel-white.svg) no-repeat scroll top center;
      height:40px;
      width:40px;
      margin:0px auto 5px auto;
  }*/ }
  .fixNavi .btnFaq {
    float: right;
    margin-right: 10px; }
    .fixNavi .btnFaq a {
      padding: 2px 10px 1px 10px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.7;
      background: rgba(255, 215, 103, 0.2);
      border-radius: 0px 0px 3px 3px;
      text-align: center;
      display: block; }
      .fixNavi .btnFaq a::before {
        font-family: 'FontAwesome';
        content: "\f128";
        margin-right: 5px;
        color: #FC8A14; }
      .fixNavi .btnFaq a:hover {
        background: rgba(255, 215, 103, 0.1); }
  .fixNavi .btnContact {
    float: right; }
    .fixNavi .btnContact a {
      padding: 2px 10px 1px 10px;
      border-radius: 0px 0px 3px 3px;
      text-align: center;
      background-color: #fc8a14;
      display: block;
      color: #FFF !important;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.7; }
      .fixNavi .btnContact a::before {
        font-family: 'FontAwesome';
        content: "\f129";
        margin-right: 5px; }
      .fixNavi .btnContact a:hover {
        background-color: rgba(252, 138, 20, 0.8); }
  @media screen and (max-width: 1023.9px) {
    .fixNavi {
      right: 70px;
      top: 10px; }
      .fixNavi .btnContact {
        float: none; }
        .fixNavi .btnContact a {
          background: url(https://kids-ms.com/img/com/icon-contact.svg) no-repeat scroll center 5px;
          background-size: 22px 22px;
          background-color: #FF992F;
          border-radius: 3px;
          font-size: 11px;
          font-size: 1.1rem;
          line-height: 1.7;
          padding: 0px;
          width: 50px;
          height: 50px;
          padding-top: 30px; }
          .fixNavi .btnContact a::before {
            content: none;
            margin-right: 0px; }
        .fixNavi .btnContact .iconTel {
          display: none; } }

.fixNavi img {
  width: 60px;
  height: auto; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　#header
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
#overlay {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1150;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: .3s linear; }

@media screen and (max-width: 1023.9px) {
  body.overlay #overlay {
    opacity: 1;
    visibility: visible; } }
#header {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  height: 110px; }
  @media screen and (max-width: 1023.9px) {
    #header {
      height: 70px; } }
  @media screen and (max-width: 567.9px) {
    #header {
      height: 70px; } }
  #header .headerInner {
    width: 100%;
    max-width: 1120px;
    margin: 0px auto;
    position: relative; }
  #header .logo {
    width: 360px;
    height: auto;
    float: left;
    position: relative;
    margin: 20px 0px 20px 10px;
    z-index: 1100; }
    #header .logo img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
    @media screen and (max-width: 1023.9px) {
      #header .logo {
        width: 220px;
        margin: 15px 0px 20px 10px; } }
    @media screen and (max-width: 379.9px) {
      #header .logo {
        margin: 18px 0px 20px 5px;
        width: 175px; } }
  #header #gMenu {
    float: right;
    width: 100%;
    position: relative;
    z-index: 1050;
    margin-left: -640px;
    padding-left: 640px;
    display: block; }
    #header #gMenu ul {
      margin: 33px 0px 20px 0px;
      padding: 0px;
      text-align: center; }
      #header #gMenu ul li a {
        padding: 40px 10px 5px 10px;
        /*padding:25px 20px 0px 20px;*/
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.7;
        background-size: 30px 30px;
        display: block; }
        #header #gMenu ul li a:hover {
          opacity: 0.8; }
        #header #gMenu ul li a.btnAbout {
          background: url(https://kids-ms.com/img/com/icon-about.svg) no-repeat scroll top center;
          background-size: 45px auto !important;
          line-height: 1; }
          #header #gMenu ul li a.btnAbout:hover {
            background: url(https://kids-ms.com/img/com/icon-about.svg) no-repeat scroll top center; }
        #header #gMenu ul li a.btnProgram {
          background: url(https://kids-ms.com/img/com/icon-program.svg) no-repeat scroll top center;
          background-size: 50px auto !important; }
          #header #gMenu ul li a.btnProgram:hover {
            background: url(https://kids-ms.com/img/com/icon-program.svg) no-repeat scroll top center; }
        #header #gMenu ul li a.btnSeminar {
          background: url(https://kids-ms.com/img/com/icon-seminar.svg) no-repeat scroll top center;
          background-size: 50px auto !important; }
          #header #gMenu ul li a.btnSeminar:hover {
            background: url(https://kids-ms.com/img/com/icon-seminar.svg) no-repeat scroll top center; }
        #header #gMenu ul li a.btnInstructor {
          background: url(https://kids-ms.com/img/com/icon-instructor.svg) no-repeat scroll top center;
          background-size: 50px auto !important; }
          #header #gMenu ul li a.btnInstructor:hover {
            background: url(https://kids-ms.com/img/com/icon-instructor.svg) no-repeat scroll top center; }
        #header #gMenu ul li a.btnNews {
          background: url(https://kids-ms.com/img/com/icon-news.svg) no-repeat scroll top center;
          background-size: 50px auto !important; }
          #header #gMenu ul li a.btnNews:hover {
            background: url(https://kids-ms.com/img/com/icon-news.svg) no-repeat scroll top center; }
    @media screen and (max-width: 1279.9px) {
      #header #gMenu {
        margin-left: -540px;
        padding-left: 540px; } }
    @media screen and (max-width: 1023.9px) {
      #header #gMenu {
        z-index: 1200;
        position: fixed;
        right: -220px;
        width: 220px;
        top: 70px;
        text-align: left;
        padding: 10px 0px;
        opacity: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        overflow-y: scroll;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        /*&::-webkit-scrollbar {
            width: 5px;
        }
        &::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.3);
        }
        &::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.1);
        }*/ }
        #header #gMenu ul {
          background-color: #FFF;
          border-radius: 10px;
          list-style: none;
          right: 0;
          bottom: 0;
          width: 220px;
          margin: 5px 0px;
          text-align: left;
          display: block; }
          #header #gMenu ul li a {
            float: none;
            text-align: left;
            position: static;
            padding: 10px 10px 10px 40px;
            background-position: 5px center !important;
            margin: 0px auto;
            border-bottom: 1px dashed #CCCCCC; }
            #header #gMenu ul li a.btnAbout {
              background-size: 30px auto !important;
              line-height: 1.3; }
            #header #gMenu ul li a.btnProgram {
              background-size: 30px auto !important; }
            #header #gMenu ul li a.btnSeminar {
              background-size: 30px auto !important; }
            #header #gMenu ul li a.btnInstructor {
              background-size: 30px auto !important; }
            #header #gMenu ul li a.btnNews {
              background-size: 30px auto !important; }
          #header #gMenu ul li.sMenu a {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.7;
            color: rgba(0, 0, 0, 0.6);
            padding: 10px 10px 10px 40px;
            position: relative; }
            #header #gMenu ul li.sMenu a:after {
              font-family: 'FontAwesome';
              content: "\f0da";
              position: absolute;
              position: absolute;
              top: 50%;
              left: 20px;
              -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
              color: #FC8A14; }
          #header #gMenu ul li.sMenu:last-child a {
            border-bottom: none; } }
  @media screen and (max-width: 1023.9px) {
    #header.openMenu #nav-toggle {
      z-index: 1200; }
      #header.openMenu #nav-toggle span {
        background: #FFF; }
    #header.openMenu #nav-toggle span:nth-child(1) {
      top: 17px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg); }
    #header.openMenu #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%; }
    #header.openMenu #nav-toggle span:nth-child(3) {
      top: 17px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg); }
    #header.openMenu #gMenu {
      -moz-transform: translateX(-200px);
      -webkit-transform: translateX(-200px);
      transform: translateX(-200px);
      opacity: 1; } }

body.home #header {
  background: rgba(255, 255, 255, 0.9);
  /*border-bottom:none;*/ }

#nav-toggle {
  z-index: 555;
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-color: #FC8A14;
  border-radius: 3px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s; }
  #nav-toggle div {
    position: relative; }
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 26px;
    background: #FFF;
    left: 12px;
    border-radius: 1px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out; }
    #nav-toggle span:nth-child(1) {
      top: 9px; }
    #nav-toggle span:nth-child(2) {
      top: 17px; }
    #nav-toggle span:nth-child(3) {
      top: 24px; }
  #nav-toggle div.menuTit {
    color: #FFF;
    margin-top: 30px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.7;
    text-align: center; }
  @media screen and (max-width: 1023.9px) {
    #nav-toggle {
      display: block; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　#content(共通)
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body #content .ellipsisWord {
  display: block;
  height: 50px;
  overflow: hidden; }
body #content span.anchorLink {
  position: relative;
  top: -108px;
  display: block; }
  @media screen and (max-width: 1023.9px) {
    body #content span.anchorLink {
      top: -68px; } }
  @media screen and (max-width: 567.9px) {
    body #content span.anchorLink {
      top: -68px; } }
body #content .textUnderLine1 {
  background: linear-gradient(transparent 93%, #FC8A14 93%); }
body #content .textIndext1 {
  padding-left: 1em;
  text-indent: -1em; }

body #content .contentInner {
  width: 100%;
  max-width: 1120px;
  margin: 0px auto;
  background-color: #FFF;
  overflow: hidden; }
  body #content .contentInner #alpha .subMenu .titMall {
    display: block;
    color: #FFF;
    font-weight: 400;
    background: url(https://kids-ms.com/img/com/icon-mall-white.svg) no-repeat scroll 5px center;
    background-size: 30px auto !important;
    background-color: #FC8A14;
    padding: 8px 10px 5px 45px;
    border-radius: 10px 10px 0px 0px; }
  body #content .contentInner #alpha .subMenu ul.catList {
    border: 1px solid #CCCCCC;
    margin: 0px;
    border-radius: 0px 0px 10px 10px; }
    body #content .contentInner #alpha .subMenu ul.catList li {
      padding-left: 0.5em;
      text-indent: -0.5em;
      border-bottom: 1px solid #CCCCCC;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.7; }
      body #content .contentInner #alpha .subMenu ul.catList li:last-child {
        border-bottom: none; }
    body #content .contentInner #alpha .subMenu ul.catList li a {
      padding: 10px 10px;
      display: block; }
    body #content .contentInner #alpha .subMenu ul.catList li a:before {
      content: "\f0da";
      font-family: FontAwesome;
      margin-right: .15em;
      color: #FC8A14; }
    body #content .contentInner #alpha .subMenu ul.catList li.titArea {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.7;
      background: rgba(255, 215, 103, 0.1);
      padding: 8px 15px 5px 15px; }
  body #content .contentInner #alpha .bannerReport a {
    text-align: center;
    display: block;
    margin-top: 20px; }
    body #content .contentInner #alpha .bannerReport a img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
  @media screen and (max-width: 1023.9px) {
    body #content .contentInner #alpha .subMenu .titMall {
      cursor: pointer;
      display: block;
      position: relative; }
      body #content .contentInner #alpha .subMenu .titMall:after {
        content: "";
        position: absolute;
        right: 25px;
        top: 38%;
        transition: all 0.2s ease-in-out;
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
      body #content .contentInner #alpha .subMenu .titMall.open:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 45%; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　#footer
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
#footer {
  padding: 20px;
  border-top: 4px solid #FFD767;
  background-color: #FFD767; }
  #footer .copyRight {
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
    color: #666666; }
  #footer ul {
    text-align: center;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    #footer ul li {
      margin-top: 10px;
      padding: 0px 15px;
      border-right: 1px solid #FCEAB7;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.7; }
      #footer ul li:last-child {
        border-right: none; }
  @media screen and (max-width: 767.9px) {
    #footer {
      padding: 0px 0px 20px 0px; }
      #footer ul {
        display: block;
        text-align: left;
        margin: 0px;
        padding: 0px; }
        #footer ul li {
          margin: 0px;
          padding: 0px;
          width: 100%;
          border-bottom: 1px solid #fceab7;
          border-right: none; }
          #footer ul li a {
            width: 100%;
            display: block;
            padding: 10px;
            position: relative; }
            #footer ul li a:before {
              font-family: 'FontAwesome';
              content: "\f0da";
              position: absolute;
              position: absolute;
              top: 50%;
              right: 10px;
              -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
              color: #FC8A14; } }

body.home #footer {
  border-top: none; }
  @media screen and (max-width: 767.9px) {
    body.home #footer ul {
      border-top: 1px solid #fceab7; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.home
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.home .slideMainCover {
  position: relative;
  margin: 110px auto 0px auto;
  overflow: hidden; }
  @media screen and (max-width: 1023.9px) {
    body.home .slideMainCover {
      margin-top: 70px; } }
  @media screen and (max-width: 567.9px) {
    body.home .slideMainCover {
      margin-top: 70px; } }
  body.home .slideMainCover h2 {
    position: absolute;
    bottom: 140px;
    left: 50%;
    margin-left: -580px;
    display: block;
    width: 584px; }
    body.home .slideMainCover h2 img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
    @media screen and (max-width: 1279.9px) {
      body.home .slideMainCover h2 {
        bottom: 100px;
        left: 30px;
        margin-left: 0px; } }
    @media screen and (max-width: 1023.9px) {
      body.home .slideMainCover h2 {
        bottom: 60px;
        height: auto; } }
    @media screen and (max-width: 767.9px) {
      body.home .slideMainCover h2 {
        width: 400px;
        bottom: 20px;
        left: 10px; } }
    @media screen and (max-width: 567.9px) {
      body.home .slideMainCover h2 {
        width: 300px;
        bottom: 20px;
        left: 10px; } }
body.home .slideMain {
  background-color: #FFF;
  opacity: 0;
  transition: opacity .3s linear; }
  body.home .slideMain img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
body.home .slideMain.slick-initialized {
  opacity: 1; }

/*イントロ*/
body.home #content #introBoxCover {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #FFD767 url(https://kids-ms.com/img/home/intro-bk.png) center center/auto no-repeat; }
  @media screen and (max-width: 1023.9px) {
    body.home #content #introBoxCover {
      background: #FFD767 url(https://kids-ms.com/img/home/intro-bk.png) center 80px/contain no-repeat; } }
  @media screen and (max-width: 767.9px) {
    body.home #content #introBoxCover {
      background: #FFD767 url(https://kids-ms.com/img/home/intro-bk2.png) center 70%/contain no-repeat; } }
  @media screen and (max-width: 767.9px) {
    body.home #content #introBoxCover {
      padding-top: 60px;
      padding-bottom: 60px; } }
body.home #content .introBox {
  max-width: 1150px;
  margin: 0px auto; }
  body.home #content .introBox .introItem {
    position: relative; }
    body.home #content .introBox .introItem .wordCover {
      padding: 30px 30px 30px 15px; }
      body.home #content .introBox .introItem .wordCover h3 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.7;
        font-weight: 400; }
      body.home #content .introBox .introItem .wordCover p {
        line-height: 1.8; }
    body.home #content .introBox .introItem .photoCover {
      position: relative;
      padding: 30px 15px;
      text-align: center; }
      body.home #content .introBox .introItem .photoCover img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        z-index: 1;
        position: relative;
        box-shadow: 8px 8px #fbf9d8;
        max-width: 480px; }
  @media screen and (max-width: 767.9px) {
    body.home #content .introBox .introItem .wordCover {
      padding: 10px 15px; }
      body.home #content .introBox .introItem .wordCover h3 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7; }
      body.home #content .introBox .introItem .wordCover p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7; }
      body.home #content .introBox .introItem .wordCover .btnSym1 {
        margin: 0px auto;
        text-align: center; } }
  @media screen and (max-width: 567.9px) {
    body.home #content .introBox .titSym1 {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.2; } }

/*講座紹介*/
body.home #content #programBoxCover {
  padding-bottom: 40px;
  position: relative; }
  body.home #content #programBoxCover .circleItem {
    position: absolute;
    width: 520px;
    height: 380px;
    background-color: #FFF;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: -60px;
    margin: auto;
    border-radius: 100% 100% 0 0;
    z-index: 100; }
  body.home #content #programBoxCover .programBox {
    max-width: 1150px;
    margin: -20px auto 0px auto;
    position: relative;
    z-index: 200; }
    body.home #content #programBoxCover .programBox .wordCover {
      padding: 0px 15px; }
    body.home #content #programBoxCover .programBox ul.programList {
      margin-top: 20px; }
      body.home #content #programBoxCover .programBox ul.programList li {
        padding: 0px 3px; }
        body.home #content #programBoxCover .programBox ul.programList li img {
          width: 100%;
          height: auto; }
  @media screen and (max-width: 767.9px) {
    body.home #content #programBoxCover .circleItem {
      top: -30px;
      width: 100%;
      height: 280px; }
    body.home #content #programBoxCover .programBox ul.programList li {
      padding: 0px 0px; } }
  body.home #content #programBoxCover .btnSym1 {
    margin: 20px auto 10px auto; }

/*セミナー情報&お知らせ*/
body.home #content #seminarBoxCover {
  padding-top: 100px;
  padding-bottom: 80px;
  position: relative;
  background: #FFAD58 url(https://kids-ms.com/img/home/bk-mall2.png) center top/100px repeat-x; }
  body.home #content #seminarBoxCover .mallBox {
    max-width: 1150px;
    margin: 0px auto 0px auto; }
    body.home #content #seminarBoxCover .mallBox .leadSym1 {
      color: #4D4D4D !important; }
    body.home #content #seminarBoxCover .mallBox ul.mallList {
      margin-top: 20px; }
      body.home #content #seminarBoxCover .mallBox ul.mallList li {
        position: relative;
        padding: 15px; }
        body.home #content #seminarBoxCover .mallBox ul.mallList li img {
          width: 100%;
          height: auto;
          vertical-align: bottom;
          z-index: 1;
          position: relative;
          /*@include boxShadow2;*/
          opacity: 0.9; }
        body.home #content #seminarBoxCover .mallBox ul.mallList li p {
          position: absolute;
          left: 50%;
          top: 100%;
          -ms-transform: translate(-50%, -100%);
          -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
          /*top: 50%;
          left: 50%;
          -ms-transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);*/
          margin: 0;
          background: #fc8a14;
          color: #FFF;
          text-align: center;
          border-radius: 20px;
          padding: 8px 5px 5px 15px;
          width: 240px;
          z-index: 200;
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.7; }
          body.home #content #seminarBoxCover .mallBox ul.mallList li p::after {
            font-family: 'FontAwesome';
            content: "\f0da";
            position: absolute;
            position: absolute;
            top: 50%;
            left: 10px;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
        body.home #content #seminarBoxCover .mallBox ul.mallList li a:hover img {
          opacity: 0.7; }
        body.home #content #seminarBoxCover .mallBox ul.mallList li a:hover p {
          background: rgba(252, 138, 20, 0.8); }
  @media screen and (max-width: 767.9px) {
    body.home #content #seminarBoxCover {
      padding-top: 60px;
      padding-bottom: 60px; }
      body.home #content #seminarBoxCover .mallBox ul.mallList li p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7;
        width: 260px;
        /*top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);*/ } }
  @media screen and (max-width: 567.9px) {
    body.home #content #seminarBoxCover .mallBox ul.mallList li {
      padding: 10px 15px;
      text-align: center; }
      body.home #content #seminarBoxCover .mallBox ul.mallList li img {
        width: 80%; }
      body.home #content #seminarBoxCover .mallBox ul.mallList li p {
        top: 80%;
        left: 50%;
        -ms-transform: translate(-50%, -80%);
        -webkit-transform: translate(-50%, -80%);
        transform: translate(-50%, -80%); } }
  body.home #content #seminarBoxCover .placeBox {
    padding-top: 80px; }
    body.home #content #seminarBoxCover .placeBox .placeBoxInner {
      max-width: 1120px;
      margin: 0px auto;
      background-color: white;
      padding: 20px 30px 30px 30px;
      border-radius: 20px;
      margin-top: 20px; }
    body.home #content #seminarBoxCover .placeBox .placeList {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px; }
      body.home #content #seminarBoxCover .placeBox .placeList li a {
        display: block;
        border-bottom: 1px solid #FFD767;
        margin: 0;
        text-align: left;
        padding: 8px 5px 5px 20px;
        z-index: 200;
        position: relative;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7; }
        body.home #content #seminarBoxCover .placeBox .placeList li a::after {
          font-family: 'FontAwesome';
          content: "\f0da";
          position: absolute;
          top: 50%;
          left: 10px;
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          color: #FC8A14; }
        body.home #content #seminarBoxCover .placeBox .placeList li a:hover {
          opacity: 0.8; }
    @media screen and (max-width: 1023.9px) {
      body.home #content #seminarBoxCover .placeBox {
        margin: 0px 15px; }
        body.home #content #seminarBoxCover .placeBox .placeList {
          grid-template-columns: repeat(3, 1fr); } }
    @media screen and (max-width: 767.9px) {
      body.home #content #seminarBoxCover .placeBox .placeBoxInner {
        padding: 20px 15px 30px 15px; }
      body.home #content #seminarBoxCover .placeBox .placeList {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 567.9px) {
      body.home #content #seminarBoxCover .placeBox .placeList {
        grid-template-columns: repeat(1, 1fr); } }
  body.home #content #seminarBoxCover .titNews {
    margin-top: 80px;
    margin-bottom: 20px; }
  body.home #content #seminarBoxCover .newsBox {
    max-width: 1120px;
    margin: 0px auto;
    background-color: white;
    padding: 15px 30px;
    border-radius: 20px;
    marign-top: 20px; }
    body.home #content #seminarBoxCover .newsBox dl.newsList {
      width: 100%;
      box-sizing: border-box;
      position: relative; }
      body.home #content #seminarBoxCover .newsBox dl.newsList a {
        display: block;
        border-bottom: 1px solid #FFD767; }
        body.home #content #seminarBoxCover .newsBox dl.newsList a:hover dd {
          opacity: 0.8; }
      body.home #content #seminarBoxCover .newsBox dl.newsList dt {
        float: left;
        padding: 15px 0;
        width: 10em;
        text-align: left; }
      body.home #content #seminarBoxCover .newsBox dl.newsList dt span.day {
        display: inline-block;
        padding-right: 10px;
        color: #7D7D7D; }
      body.home #content #seminarBoxCover .newsBox dl.newsList dd {
        padding: 15px 0 15px 10em;
        text-align: left; }
    body.home #content #seminarBoxCover .newsBox .btnSym1 {
      margin: 20px auto 10px auto; }
    @media screen and (max-width: 1023.9px) {
      body.home #content #seminarBoxCover .newsBox {
        margin: 0px 15px; } }
    @media screen and (max-width: 767.9px) {
      body.home #content #seminarBoxCover .newsBox {
        padding: 15px 10px;
        margin: 0px 15px; }
        body.home #content #seminarBoxCover .newsBox dl.newsList {
          width: 100%;
          float: none;
          margin-left: 0px;
          padding: 0px; }
          body.home #content #seminarBoxCover .newsBox dl.newsList dt {
            float: none;
            padding: 0px;
            margni: 0px;
            text-align: left;
            width: 100%; }
          body.home #content #seminarBoxCover .newsBox dl.newsList dt span.day {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.7; }
          body.home #content #seminarBoxCover .newsBox dl.newsList dd {
            padding: 0px 0px;
            margin: 0px;
            width: 100%;
            text-align: left; }
          body.home #content #seminarBoxCover .newsBox dl.newsList a {
            position: relative;
            display: block;
            padding: 7px 30px 7px 5px;
            text-align: center;
            text-decoration: none; }
          body.home #content #seminarBoxCover .newsBox dl.newsList a:after {
            font-family: 'FontAwesome';
            content: "\f0da";
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -14px;
            color: #FC8A14; } }

/*講師紹介*/
body.home #content #instructorBoxCover {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F4F4F4; }
  body.home #content #instructorBoxCover .instructorBox {
    max-width: 1150px;
    margin: 0px auto 0px auto; }
    body.home #content #instructorBoxCover .instructorBox .instructorList {
      margin-top: 20px; }
      body.home #content #instructorBoxCover .instructorBox .instructorList li {
        padding: 15px;
        text-align: center; }
        body.home #content #instructorBoxCover .instructorBox .instructorList li .profilePhoto {
          position: relative;
          overflow: hidden;
          width: 100%;
          height: auto;
          border-radius: 50%; }
          body.home #content #instructorBoxCover .instructorBox .instructorList li .profilePhoto img {
            width: 100%;
            height: auto;
            vertical-align: bottom; }
          body.home #content #instructorBoxCover .instructorBox .instructorList li .profilePhoto span.profileCircle {
            border: 3px solid #FFD767;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 100%;
            position: absolute;
            top: 0;
            left: 0; }
        body.home #content #instructorBoxCover .instructorBox .instructorList li p {
          font-size: 22px;
          font-size: 2.2rem;
          line-height: 1.7; }
          body.home #content #instructorBoxCover .instructorBox .instructorList li p ruby {
            ruby-align: center; }
          body.home #content #instructorBoxCover .instructorBox .instructorList li p rt {
            margin-bottom: .5em;
            transform: translateY(-0.5em); }
          @supports (-ms-ime-align: auto) {
            body.home #content #instructorBoxCover .instructorBox .instructorList li p rt {
              position: relative;
              top: -.5em; } }
    body.home #content #instructorBoxCover .instructorBox .btnSym1 {
      margin: 20px auto 10px auto; }
  @media screen and (max-width: 767.9px) {
    body.home #content #instructorBoxCover {
      padding-top: 60px;
      padding-bottom: 50px; } }

/*バナースペース*/
body.home #content #bannerBoxCover {
  background-color: #FFD767;
  border-top: 4px solid #FFD767;
  padding: 20px 0px; }
  body.home #content #bannerBoxCover .bannerBox {
    max-width: 980px;
    margin: 0px auto 0px auto; }
    body.home #content #bannerBoxCover .bannerBox .bannerList li {
      padding: 10px; }
    body.home #content #bannerBoxCover .bannerBox .bannerList img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.about
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.about #content .aboutBox {
  padding: 0px 15px;
  margin-top: 50px;
  margin-bottom: 50px; }
  body.about #content .aboutBox .aboutTit {
    color: #FC8A14;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.7;
    margin: 40px 0px 0px 0px; }
  body.about #content .aboutBox .wordItem {
    padding-right: 30px;
    line-height: 1.8; }
  body.about #content .aboutBox .photoItem {
    position: relative;
    padding: 30px 0px 30px 30px;
    text-align: center; }
    body.about #content .aboutBox .photoItem img {
      width: 100%;
      height: auto;
      vertical-align: bottom;
      z-index: 1;
      position: relative;
      box-shadow: 8px 8px #fbf9d8;
      max-width: 640px; }
  @media screen and (max-width: 767.9px) {
    body.about #content .aboutBox {
      margin-top: 30px; }
      body.about #content .aboutBox .photoItem {
        padding: 10px 0px; }
      body.about #content .aboutBox .wordItem {
        padding-right: 0px; } }

body.about #content .programBox {
  border-top: 1px solid #CCCCCC;
  padding: 50px 15px; }
  body.about #content .programBox .programItem {
    border: 3px solid;
    border-radius: 20px;
    margin-top: 30px; }
    body.about #content .programBox .programItem .titItem {
      border-radius: 15px 0px 0px 15px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px 0px; }
      body.about #content .programBox .programItem .titItem img {
        width: 100%;
        height: auto;
        margin: auto;
        vertical-align: middle; }
    body.about #content .programBox .programItem .wordItem {
      text-align: left;
      padding: 0px 20px; }
  body.about #content .programBox .bkProgram1 {
    border-color: #21BDD7; }
    body.about #content .programBox .bkProgram1 .titItem {
      background-color: #21BDD7; }
      body.about #content .programBox .bkProgram1 .titItem:after {
        background: no-repeat url(https://kids-ms.com/img/about/number1.png);
        content: "";
        background-position: center;
        background-size: cover;
        opacity: 0.2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-repeat: no-repeat; }
    body.about #content .programBox .bkProgram1 .wordItem {
      background-color: rgba(33, 189, 215, 0.05); }
      body.about #content .programBox .bkProgram1 .wordItem .point {
        color: #21BDD7; }
  body.about #content .programBox .bkProgram2 {
    border-color: #ED6E82; }
    body.about #content .programBox .bkProgram2 .titItem {
      background-color: #ED6E82; }
      body.about #content .programBox .bkProgram2 .titItem:after {
        background: no-repeat url(https://kids-ms.com/img/about/number2.png);
        content: "";
        background-position: center;
        background-size: cover;
        opacity: 0.2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-repeat: no-repeat; }
    body.about #content .programBox .bkProgram2 .wordItem {
      background-color: rgba(237, 110, 130, 0.05); }
      body.about #content .programBox .bkProgram2 .wordItem .point {
        color: #ED6E82; }
  body.about #content .programBox .bkProgram3 {
    border-color: #009F38; }
    body.about #content .programBox .bkProgram3 .titItem {
      background-color: #009F38; }
      body.about #content .programBox .bkProgram3 .titItem:after {
        background: no-repeat url(https://kids-ms.com/img/about/number3.png);
        content: "";
        background-position: center;
        background-size: cover;
        opacity: 0.2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-repeat: no-repeat; }
    body.about #content .programBox .bkProgram3 .wordItem {
      background-color: rgba(0, 159, 56, 0.05); }
      body.about #content .programBox .bkProgram3 .wordItem .point {
        color: #009F38; }
  body.about #content .programBox .bkProgram4 {
    border-color: #006EB4; }
    body.about #content .programBox .bkProgram4 .titItem {
      background-color: #006EB4; }
      body.about #content .programBox .bkProgram4 .titItem:after {
        background: no-repeat url(https://kids-ms.com/img/about/number4.png);
        content: "";
        background-position: center;
        background-size: cover;
        opacity: 0.2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-repeat: no-repeat; }
    body.about #content .programBox .bkProgram4 .wordItem {
      background-color: rgba(0, 110, 180, 0.05); }
      body.about #content .programBox .bkProgram4 .wordItem .point {
        color: #006EB4; }
  body.about #content .programBox .bkProgram5 {
    border-color: #8FC419; }
    body.about #content .programBox .bkProgram5 .titItem {
      background-color: #8FC419; }
      body.about #content .programBox .bkProgram5 .titItem:after {
        background: no-repeat url(https://kids-ms.com/img/about/number5.png);
        content: "";
        background-position: center;
        background-size: cover;
        opacity: 0.2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-repeat: no-repeat; }
    body.about #content .programBox .bkProgram5 .wordItem {
      background-color: rgba(143, 196, 25, 0.05); }
      body.about #content .programBox .bkProgram5 .wordItem .point {
        color: #8FC419; }
  body.about #content .programBox .bkProgram6 {
    border-color: #6B5CAF; }
    body.about #content .programBox .bkProgram6 .titItem {
      background-color: #6B5CAF; }
      body.about #content .programBox .bkProgram6 .titItem:after {
        background: no-repeat url(https://kids-ms.com/img/about/number6.png);
        content: "";
        background-position: center;
        background-size: cover;
        opacity: 0.2;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-repeat: no-repeat; }
    body.about #content .programBox .bkProgram6 .wordItem {
      background-color: rgba(107, 92, 175, 0.05); }
      body.about #content .programBox .bkProgram6 .wordItem .point {
        color: #6B5CAF; }
  @media screen and (max-width: 767.9px) {
    body.about #content .programBox .programItem .titItem {
      border-radius: 15px 15px 0px 0px; }
      body.about #content .programBox .programItem .titItem:after {
        background-size: 180px; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.seminar
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.seminar #content {
  /*TOPページのみ反転*/ }
  @media screen and (max-width: 1023.9px) {
    body.seminar #content .seminarIndex #alpha {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1;
      order: 1; } }
  @media screen and (max-width: 1023.9px) {
    body.seminar #content .seminarIndex #beta {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2;
      order: 2; } }
  body.seminar #content #alpha {
    padding: 40px 15px; }
    @media screen and (max-width: 1023.9px) {
      body.seminar #content #alpha {
        padding: 20px 15px; } }
  body.seminar #content #beta {
    padding: 40px 20px 40px 15px; }
    body.seminar #content #beta .titMallCat {
      display: block;
      color: #FC8A14;
      font-weight: 400;
      background: url(https://kids-ms.com/img/com/icon-mall-orange.svg) no-repeat scroll 5px center;
      background-size: 40px auto !important;
      padding: 20px 10px 10px 55px;
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 1.7;
      margin-bottom: 10px; }
    body.seminar #content #beta .nextGuidanceBox {
      background: rgba(252, 138, 20, 0.1);
      text-align: left;
      padding: 20px 20px;
      width: 100%;
      margin-bottom: 30px;
      border-radius: 10px; }
      body.seminar #content #beta .nextGuidanceBox h4 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7;
        margin: 0px;
        padding: 0px;
        font-weight: 400; }
        body.seminar #content #beta .nextGuidanceBox h4:before {
          font-family: 'FontAwesome';
          content: "\f05d";
          margin-right: 5px;
          color: #FC8A14; }
      body.seminar #content #beta .nextGuidanceBox p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7;
        margin: 0px;
        padding: 5px 0px 0px 0px; }
      @media screen and (max-width: 567.9px) {
        body.seminar #content #beta .nextGuidanceBox {
          padding: 15px; }
          body.seminar #content #beta .nextGuidanceBox h4 {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.7; } }
    body.seminar #content #beta .seminarListItem {
      background-color: #FFF;
      display: block;
      margin: 0px 0px 40px 0px;
      border-radius: 10px;
      border: 1px solid #F4F4F4;
      filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.1)); }
      body.seminar #content #beta .seminarListItem:hover {
        background-color: rgba(251, 249, 216, 0.8); }
      body.seminar #content #beta .seminarListItem .wordItem {
        padding: 25px 20px 20px 20px; }
        body.seminar #content #beta .seminarListItem .wordItem span.iconItem {
          border-radius: 20px;
          padding: 7px 10px 5px 10px;
          color: #FFF;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.7; }
        body.seminar #content #beta .seminarListItem .wordItem span.icon-accepting {
          background-color: #ED6E82; }
        body.seminar #content #beta .seminarListItem .wordItem span.icon-closed {
          background-color: #9E9E9E; }
        body.seminar #content #beta .seminarListItem .wordItem span.icon-report {
          background-color: #21BDD7; }
        body.seminar #content #beta .seminarListItem .wordItem span.icon-prep {
          background-color: #8FC419; }
        body.seminar #content #beta .seminarListItem .wordItem .eventTit {
          font-size: 22px;
          font-size: 2.2rem;
          line-height: 1.7;
          font-weight: 400;
          margin-top: 10px; }
        body.seminar #content #beta .seminarListItem .wordItem .eventDate {
          color: #FC8A14;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.7;
          margin-top: 10px; }
        body.seminar #content #beta .seminarListItem .wordItem .btnMore {
          display: block;
          position: relative;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.7;
          text-align: left; }
          body.seminar #content #beta .seminarListItem .wordItem .btnMore:before {
            font-family: 'FontAwesome';
            content: "\f138";
            margin-right: 5px;
            color: #FC8A14; }
      body.seminar #content #beta .seminarListItem .photoItem {
        padding: 20px 0px 20px 20px;
        text-align: center; }
        body.seminar #content #beta .seminarListItem .photoItem img {
          max-width: 280px;
          margin: 0px auto;
          width: 100%;
          height: auto;
          border: 1px solid rgba(204, 204, 204, 0.5); }
    @media screen and (max-width: 1023.9px) {
      body.seminar #content #beta {
        padding: 10px 15px 20px 15px; } }
    @media screen and (max-width: 767.9px) {
      body.seminar #content #beta .titMallCat {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.7;
        background-size: 30px auto !important;
        padding: 12px 10px 10px 40px; }
      body.seminar #content #beta .seminarListItem {
        margin: 0px 0px 20px 0px; }
        body.seminar #content #beta .seminarListItem .wordItem {
          padding: 20px 15px 20px 15px; }
          body.seminar #content #beta .seminarListItem .wordItem .eventTit {
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 1.7; } }
    @media screen and (max-width: 567.9px) {
      body.seminar #content #beta .seminarListItem .wordItem span.iconItem {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.7; }
      body.seminar #content #beta .seminarListItem .photoItem {
        padding: 15px 15px 0px 15px; } }

/*シングルページ*/
body.seminar #content #beta {
  padding-bottom: 50px; }
  body.seminar #content #beta .titEvent {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 0px;
    /*color:$orange1;*/ }
    @media screen and (max-width: 1023.9px) {
      body.seminar #content #beta .titEvent {
        margin-top: 30px;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.6; } }
  body.seminar #content #beta .seminarTable {
    width: 100%;
    margin-top: 10px;
    margin: 30px 0px 30px 0px;
    border-left: 1px solid #CCCCCC; }
    body.seminar #content #beta .seminarTable th, body.seminar #content #beta .seminarTable td {
      padding: 20px;
      border-top: 1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC; }
    body.seminar #content #beta .seminarTable th {
      background-color: rgba(253, 233, 168, 0.8);
      width: 30%;
      text-align: left;
      font-weight: 400; }
    body.seminar #content #beta .seminarTable td {
      vertical-align: middle; }
      body.seminar #content #beta .seminarTable td .eventDate {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.7; }
      body.seminar #content #beta .seminarTable td .eventRelatedSite li {
        position: relative; }
        body.seminar #content #beta .seminarTable td .eventRelatedSite li:before {
          font-family: 'FontAwesome';
          content: "\f0da";
          position: absolute;
          text-decoration: none !important;
          color: #FC8A14; }
      body.seminar #content #beta .seminarTable td .eventRelatedSite a {
        padding-left: 15px;
        display: block; }
        body.seminar #content #beta .seminarTable td .eventRelatedSite a:link {
          text-decoration: underline; }
        body.seminar #content #beta .seminarTable td .eventRelatedSite a:hover {
          text-decoration: none; }
        body.seminar #content #beta .seminarTable td .eventRelatedSite a:visited {
          text-decoration: underline; }
      body.seminar #content #beta .seminarTable td .eventSoonList li {
        padding-bottom: 10px;
        position: relative; }
        body.seminar #content #beta .seminarTable td .eventSoonList li:before {
          font-family: 'FontAwesome';
          content: "\f0da";
          position: absolute;
          text-decoration: none !important;
          color: #FC8A14; }
      body.seminar #content #beta .seminarTable td .eventSoonList a {
        padding-left: 15px;
        display: block; }
        body.seminar #content #beta .seminarTable td .eventSoonList a:link {
          text-decoration: underline; }
        body.seminar #content #beta .seminarTable td .eventSoonList a:hover {
          text-decoration: none; }
        body.seminar #content #beta .seminarTable td .eventSoonList a:visited {
          text-decoration: underline; }
      body.seminar #content #beta .seminarTable td .eventDocFile {
        max-width: 160px;
        position: relative; }
        body.seminar #content #beta .seminarTable td .eventDocFile img {
          margin: 0px auto;
          width: 100%;
          height: auto;
          vertical-align: bottom;
          border: 1px solid rgba(204, 204, 204, 0.5); }
        body.seminar #content #beta .seminarTable td .eventDocFile p {
          position: absolute;
          bottom: 10px;
          right: 10px;
          background-color: #FC8A14;
          text-align: center;
          margin: 0px auto;
          border-radius: 20px;
          padding: 2px 10px;
          display: inline-block;
          color: #FFF;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.7; }
          body.seminar #content #beta .seminarTable td .eventDocFile p:before {
            font-family: 'FontAwesome';
            content: "\f15b";
            margin-right: 5px;
            color: #FFF; }
      body.seminar #content #beta .seminarTable td .eventPlace {
        position: relative;
        vertical-align: middle; }
        body.seminar #content #beta .seminarTable td .eventPlace .btnMap a {
          background-color: #FFF;
          text-align: center;
          margin: 0px 10px;
          border-radius: 20px;
          padding: 2px 10px;
          display: inline-block;
          color: #FC8A14;
          border: 1px solid #FC8A14;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.7; }
          body.seminar #content #beta .seminarTable td .eventPlace .btnMap a:before {
            font-family: 'FontAwesome';
            content: "\f041";
            margin-right: 5px;
            color: #FC8A14; }
      body.seminar #content #beta .seminarTable td .eventNotes h3 {
        border-bottom: 1px dotted #FFD767;
        font-weight: 400;
        color: #FC8A14; }
      body.seminar #content #beta .seminarTable td .eventNotes p {
        margin: 10px 0px 20px 0px;
        padding-top: 0px; }
    @media screen and (max-width: 1023.9px) {
      body.seminar #content #beta .seminarTable th, body.seminar #content #beta .seminarTable td {
        padding: 15px; } }
  body.seminar #content #beta .qaBox {
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px; }
    body.seminar #content #beta .qaBox .qItem {
      position: relative;
      color: #FC8A14;
      cursor: pointer;
      padding: 15px 0px 15px 30px; }
      body.seminar #content #beta .qaBox .qItem h2 {
        font-weight: 400;
        border-bottom: 1px dotted #FFD767; }
      body.seminar #content #beta .qaBox .qItem:before {
        position: absolute;
        content: "Q";
        background: #FC8A14;
        color: white;
        font-weight: normal;
        border-radius: 50%;
        left: 0;
        width: 24px;
        height: 24px;
        text-align: center;
        top: 26px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    body.seminar #content #beta .qaBox .aItem {
      position: relative;
      padding-left: 40px;
      border-top: 1px dotted #FFF;
      margin-top: -15px; }
      body.seminar #content #beta .qaBox .aItem:before {
        position: absolute;
        content: "A";
        background: #FFD767;
        color: #FC8A14;
        font-weight: normal;
        border-radius: 50%;
        left: 0;
        width: 24px;
        height: 24px;
        text-align: center;
        top: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      body.seminar #content #beta .qaBox .aItem:after {
        content: '';
        display: block;
        position: absolute;
        left: 20px;
        height: 0;
        width: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #FFD767;
        top: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      body.seminar #content #beta .qaBox .aItem p {
        background: rgba(255, 215, 103, 0.2);
        padding: 10px 10px;
        border-radius: 0 10px 10px 10px; }
  body.seminar #content #beta .btnForm a {
    background-color: #ED6E82;
    color: #FFF;
    border-radius: 20px;
    padding: 12px 40px 10px 50px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
    position: relative; }
    body.seminar #content #beta .btnForm a::after {
      font-family: 'FontAwesome';
      content: "\f0da";
      position: absolute;
      position: absolute;
      top: 50%;
      left: 10px;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  body.seminar #content #beta .formTable {
    border-left: 1px solid #CCCCCC;
    width: 100%;
    margin-bottom: 10px; }
    body.seminar #content #beta .formTable th {
      width: 40%;
      padding: 10px;
      vertical-align: middle;
      background: rgba(237, 110, 130, 0.1); }
      body.seminar #content #beta .formTable th h3 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7;
        font-weight: 400; }
    body.seminar #content #beta .formTable td {
      text-align: center;
      padding: 20px 5px; }
  body.seminar #content #beta .instructorList li {
    padding: 10px;
    text-align: center; }
    body.seminar #content #beta .instructorList li .profilePhoto {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: auto;
      border-radius: 50%; }
      body.seminar #content #beta .instructorList li .profilePhoto img {
        width: 100%;
        height: auto;
        vertical-align: bottom; }
      body.seminar #content #beta .instructorList li .profilePhoto span.profileCircle {
        border: 3px solid #FFD767;
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 100%;
        position: absolute;
        top: 0;
        left: 0; }
    body.seminar #content #beta .instructorList li img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
  body.seminar #content #beta .seminarReportBox .reportTit {
    display: block;
    color: #FC8A14;
    font-weight: 400;
    background: url(https://kids-ms.com/img/com/icon-report.svg) no-repeat scroll 5px center;
    background-size: 30px auto !important;
    padding: 14px 10px 10px 40px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.7; }
  body.seminar #content #beta .seminarReportBox .reportIntro {
    margin-top: 0px;
    padding-top: 0px; }
  body.seminar #content #beta .seminarReportBox .seminarReportList li {
    padding: 5px; }
    body.seminar #content #beta .seminarReportBox .seminarReportList li img {
      width: 100%;
      height: auto; }
  body.seminar #content #beta .reportTit2 {
    display: block;
    color: #FC8A14;
    font-weight: 400;
    background: url(https://kids-ms.com/img/com/icon-mall-orange.svg) no-repeat scroll 5px center;
    background-size: 30px auto !important;
    padding: 14px 10px 10px 40px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.7;
    margin-top: 30px; }
  body.seminar #content #beta .closedItem {
    color: #D90000;
    background: rgba(217, 0, 0, 0.1);
    text-align: center;
    padding: 20px 10px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7; }
    @media screen and (max-width: 1023.9px) {
      body.seminar #content #beta .closedItem {
        margin-top: 30px; } }
    @media screen and (max-width: 767.9px) {
      body.seminar #content #beta .closedItem {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7; } }
  body.seminar #content #beta .prepItem {
    color: #8FC419;
    background: rgba(143, 196, 25, 0.1);
    text-align: center;
    padding: 20px 10px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7; }
    @media screen and (max-width: 1023.9px) {
      body.seminar #content #beta .prepItem {
        margin-top: 30px; } }
    @media screen and (max-width: 767.9px) {
      body.seminar #content #beta .prepItem {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7; } }
  body.seminar #content #beta .eventRecentBox .titRecent {
    display: block;
    color: #FC8A14;
    font-weight: 400;
    background: url(https://kids-ms.com/img/com/icon-mall-orange.svg) no-repeat scroll 5px center;
    background-size: 30px auto !important;
    padding: 14px 10px 10px 40px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.7; }
  body.seminar #content #beta .eventRecentBox .notFoundWord {
    text-align: center;
    padding: 20px; }
  body.seminar #content #beta .eventRecentBox .btnSym1 {
    margin: 0px auto; }
  @media screen and (max-width: 767.9px) {
    body.seminar #content #beta .seminarTable th, body.seminar #content #beta .seminarTable td {
      width: 100%;
      display: block;
      border-top: none; }
    body.seminar #content #beta .seminarTable tr:first-child th {
      border-top: 1px solid #CCCCCC; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.instructor
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*一覧*/
body.instructor #content #instructorBoxCover {
  padding-top: 40px; }
  body.instructor #content #instructorBoxCover .instructorBox {
    max-width: 1150px;
    margin: 0px auto 0px auto; }
    body.instructor #content #instructorBoxCover .instructorBox .instructorList {
      margin-top: 20px; }
      body.instructor #content #instructorBoxCover .instructorBox .instructorList li {
        padding: 15px;
        text-align: center; }
        body.instructor #content #instructorBoxCover .instructorBox .instructorList li .profilePhoto {
          position: relative;
          overflow: hidden;
          width: 100%;
          height: auto;
          border-radius: 50%; }
          body.instructor #content #instructorBoxCover .instructorBox .instructorList li .profilePhoto img {
            width: 100%;
            height: auto;
            vertical-align: bottom; }
          body.instructor #content #instructorBoxCover .instructorBox .instructorList li .profilePhoto span.profileCircle {
            border: 3px solid #FFD767;
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 100%;
            position: absolute;
            top: 0;
            left: 0; }
        body.instructor #content #instructorBoxCover .instructorBox .instructorList li p {
          font-size: 22px;
          font-size: 2.2rem;
          line-height: 1.7; }
          body.instructor #content #instructorBoxCover .instructorBox .instructorList li p ruby {
            ruby-align: center; }
          body.instructor #content #instructorBoxCover .instructorBox .instructorList li p rt {
            margin-bottom: .5em;
            transform: translateY(-0.5em); }
          @supports (-ms-ime-align: auto) {
            body.instructor #content #instructorBoxCover .instructorBox .instructorList li p rt {
              position: relative;
              top: -.5em; } }
    body.instructor #content #instructorBoxCover .instructorBox .btnSym1 {
      margin: 20px auto 10px auto; }

/*シングル*/
body.instructor #content .insSingleBoxCover {
  padding-bottom: 50px; }
  body.instructor #content .insSingleBoxCover .insSingleBox {
    max-width: 1150px;
    margin: 40px auto 0px auto; }
    body.instructor #content .insSingleBoxCover .insSingleBox .photoItem {
      padding: 15px;
      max-width: 640px;
      margin: 0px auto; }
      body.instructor #content .insSingleBoxCover .insSingleBox .photoItem .profilePhoto {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
        border-radius: 50%; }
        body.instructor #content .insSingleBoxCover .insSingleBox .photoItem .profilePhoto img {
          width: 100%;
          height: auto;
          vertical-align: bottom; }
        body.instructor #content .insSingleBoxCover .insSingleBox .photoItem .profilePhoto span.profileCircle {
          border: 3px solid #FFD767;
          width: 100%;
          height: 100%;
          display: block;
          border-radius: 100%;
          position: absolute;
          top: 0;
          left: 0; }
    body.instructor #content .insSingleBoxCover .insSingleBox .wordItem {
      padding: 15px;
      margin-top: 50px;
      position: relative; }
      body.instructor #content .insSingleBoxCover .insSingleBox .wordItem h1 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.7;
        font-weight: 400; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem h1 ruby {
          ruby-align: center; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem h1 rt {
          margin-bottom: .5em;
          transform: translateY(-0.5em); }
        @supports (-ms-ime-align: auto) {
          body.instructor #content .insSingleBoxCover .insSingleBox .wordItem h1 rt {
            position: relative;
            top: -.5em; } }
      body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .profilePosition {
        color: #FC8A14;
        padding-bottom: 10px; }
      body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList {
        position: absolute;
        right: 20px;
        top: 20px;
        display: block; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList li {
          float: left;
          padding: 5px; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList a {
          display: block;
          width: 30px;
          height: 30px; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList .iconLine a {
          background: url(https://kids-ms.com/img/com/icon-line.png) center center/cover no-repeat; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList .iconTwitter a {
          background: url(https://kids-ms.com/img/com/icon-twitter.png) center center/cover no-repeat; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList .iconFacebook a {
          background: url(https://kids-ms.com/img/com/icon-fb.png) center center/cover no-repeat; }
        body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList .iconInstagram a {
          background: url(https://kids-ms.com/img/com/icon-insta.png) center center/cover no-repeat; }
        @media screen and (max-width: 767.9px) {
          body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList {
            top: -55px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            display: flex;
            justify-content: center; }
            body.instructor #content .insSingleBoxCover .insSingleBox .wordItem .snsList li {
              float: none;
              widows: 30px;
              padding: 5px; } }
    @media screen and (max-width: 767.9px) {
      body.instructor #content .insSingleBoxCover .insSingleBox {
        margin: 10px auto 0px auto; } }
  body.instructor #content .insSingleBoxCover .insSingleBox2 {
    padding: 0px 15px 20px 15px; }
    body.instructor #content .insSingleBoxCover .insSingleBox2 h2.profileTit {
      width: 100%;
      padding: 0.5em;
      display: inline-block;
      background: rgba(255, 215, 103, 0.2);
      vertical-align: middle;
      border-radius: 25px;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.7;
      font-weight: 400;
      margin-top: 30px; }
      body.instructor #content .insSingleBoxCover .insSingleBox2 h2.profileTit:before {
        content: '●';
        color: #FC8A14;
        margin-right: 8px; }
    body.instructor #content .insSingleBoxCover .insSingleBox2 p {
      padding: 0px 15px; }
    @media screen and (max-width: 767.9px) {
      body.instructor #content .insSingleBoxCover .insSingleBox2 h2.profileTit {
        margin-top: 10px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7; }
      body.instructor #content .insSingleBoxCover .insSingleBox2 p {
        padding: 0px 0px; } }
  body.instructor #content .insSingleBoxCover .btnSym1 {
    margin: 20px auto 20px auto; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.operation
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.operation #content .operationBox {
  max-width: 990px;
  margin: 0px auto 0px auto;
  padding: 50px 15px; }
  body.operation #content .operationBox .operationTable {
    width: 100%;
    margin-top: 10px;
    margin: 10px 0px 30px 0px;
    border-left: 1px solid #CCCCCC; }
    body.operation #content .operationBox .operationTable th, body.operation #content .operationBox .operationTable td {
      padding: 20px;
      border-top: 1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC; }
    body.operation #content .operationBox .operationTable th {
      background-color: rgba(253, 233, 168, 0.8);
      width: 30%;
      text-align: left;
      font-weight: 400; }
    body.operation #content .operationBox .operationTable td {
      vertical-align: middle; }
    @media screen and (max-width: 767.9px) {
      body.operation #content .operationBox .operationTable th, body.operation #content .operationBox .operationTable td {
        width: 100%;
        display: block;
        border-top: none; }
      body.operation #content .operationBox .operationTable tr:first-child th {
        border-top: 1px solid #CCCCCC; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.privacy
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.privacy #content .privacyBox {
  max-width: 990px;
  margin: 0px auto 0px auto;
  padding: 50px 15px; }
  body.privacy #content .privacyBox h2 {
    margin-top: 20px; }
  body.privacy #content .privacyBox ul {
    margin: 1em 0;
    padding-left: 30px;
    list-style-type: disc; }
    body.privacy #content .privacyBox ul li {
      padding: 3px 0px;
      margin: 0px; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.terms
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.terms #content .termsBox {
  max-width: 990px;
  margin: 0px auto 0px auto;
  padding: 50px 15px; }
  body.terms #content .termsBox h2 {
    margin-top: 20px; }
  body.terms #content .termsBox ul {
    margin: 1em 0;
    padding-left: 30px;
    list-style-type: disc; }
    body.terms #content .termsBox ul li {
      padding: 3px 0px;
      margin: 0px; }
  body.terms #content .termsBox ol {
    margin: 1em 0;
    padding-left: 30px; }
  body.terms #content .termsBox p {
    padding-left: 10px;
    padding-right: 10px; }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.news
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.news #content .newsBox {
  max-width: 990px;
  margin: 0px auto 0px auto;
  padding: 50px 15px; }
  body.news #content .newsBox dl.newsList {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border-top: 1px solid #FFD767; }
    body.news #content .newsBox dl.newsList a {
      display: block;
      border-bottom: 1px solid #FFD767; }
      body.news #content .newsBox dl.newsList a:hover dd {
        opacity: 0.8; }
    body.news #content .newsBox dl.newsList dt {
      float: left;
      padding: 15px 0;
      width: 10em;
      text-align: left; }
    body.news #content .newsBox dl.newsList dt span.day {
      display: inline-block;
      padding-right: 10px;
      color: #7D7D7D; }
    body.news #content .newsBox dl.newsList dd {
      padding: 15px 0 15px 10em;
      text-align: left; }
  body.news #content .newsBox .btnSym1 {
    margin: 30px auto 20px auto; }
  body.news #content .newsBox .postDay {
    text-align: right;
    padding-top: 10px;
    color: #7D7D7D; }
  body.news #content .newsBox .titNews {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 0px;
    /*color:$orange1;*/ }
  body.news #content .newsBox .newsItem .newsPhoto {
    width: 100%;
    padding: 15px 0px; }
    body.news #content .newsBox .newsItem .newsPhoto img {
      width: 100%;
      height: auto;
      border: 1px solid rgba(204, 204, 204, 0.5); }
  body.news #content .newsBox .newsItem .freeSpace ul {
    margin: 1em 0;
    padding-left: 30px;
    list-style-type: disc; }
  body.news #content .newsBox .newsItem .freeSpace ol {
    margin: 1em 0;
    padding-left: 30px; }
  body.news #content .newsBox .newsItem .freeSpace blockquote {
    background-color: #f3f3f3;
    padding: 5px 10px;
    margin: 10px; }
  body.news #content .newsBox .newsItem .freeSpace a:link {
    color: #FC8A14;
    text-decoration: underline; }
  body.news #content .newsBox .newsItem .freeSpace a:visited {
    color: #FC8A14;
    text-decoration: underline; }
  body.news #content .newsBox .newsItem .freeSpace a:hover {
    color: #FC8A14;
    text-decoration: none; }
  body.news #content .newsBox .newsItem .freeSpace hr {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    margin: 30px 0px;
    border-top: 1px dotted #CCC;
    background-color: #fff; }
  body.news #content .newsBox .newsItem .freeSpace h1 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.7; }
  body.news #content .newsBox .newsItem .freeSpace h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.7; }
  body.news #content .newsBox .newsItem .freeSpace h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7; }
  body.news #content .newsBox .newsItem .freeSpace h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7; }
  body.news #content .newsBox .newsItem .freeSpace h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7; }
  body.news #content .newsBox .newsItem .freeSpace h6 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7; }
  @media screen and (max-width: 767.9px) {
    body.news #content .newsBox {
      padding: 15px 10px;
      margin: 0px 15px; }
      body.news #content .newsBox dl.newsList {
        width: 100%;
        float: none;
        margin-left: 0px;
        padding: 0px; }
        body.news #content .newsBox dl.newsList dt {
          float: none;
          padding: 0px;
          margni: 0px;
          text-align: left;
          width: 100%; }
        body.news #content .newsBox dl.newsList dt span.day {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.7; }
        body.news #content .newsBox dl.newsList dd {
          padding: 0px 0px;
          margin: 0px;
          width: 100%;
          text-align: left; }
        body.news #content .newsBox dl.newsList a {
          position: relative;
          display: block;
          padding: 7px 30px 7px 5px;
          text-align: center;
          text-decoration: none; }
        body.news #content .newsBox dl.newsList a:after {
          font-family: 'FontAwesome';
          content: "\f105";
          position: absolute;
          top: 50%;
          right: 10px;
          margin-top: -14px;
          color: #FC8A14; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.faq
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.faq #content .contentInner {
  width: 100%;
  max-width: 990px;
  padding: 40px 15px; }
body.faq #content .qaBox {
  width: 100%;
  margin: 0px auto; }
  body.faq #content .qaBox .qItem {
    position: relative;
    color: #FC8A14;
    padding: 25px 0px 15px 30px; }
    body.faq #content .qaBox .qItem h2 {
      font-weight: 400;
      border-bottom: 1px dotted #FFD767;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.7; }
    body.faq #content .qaBox .qItem:before {
      position: absolute;
      content: "Q";
      background: #FC8A14;
      color: white;
      font-weight: normal;
      border-radius: 50%;
      left: 0;
      width: 24px;
      height: 24px;
      text-align: center;
      top: 40px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    @media screen and (max-width: 767.9px) {
      body.faq #content .qaBox .qItem h2 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7; } }
  body.faq #content .qaBox .aItem {
    position: relative;
    padding-left: 40px;
    border-top: 1px dotted #FFF;
    margin-top: -15px; }
    body.faq #content .qaBox .aItem:before {
      position: absolute;
      content: "A";
      background: #FFD767;
      color: #FC8A14;
      font-weight: normal;
      border-radius: 50%;
      left: 0;
      width: 24px;
      height: 24px;
      text-align: center;
      top: 30px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    body.faq #content .qaBox .aItem:after {
      content: '';
      display: block;
      position: absolute;
      left: 20px;
      height: 0;
      width: 0;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 10px solid #FFD767;
      top: 30px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    body.faq #content .qaBox .aItem p {
      background: rgba(255, 215, 103, 0.1);
      padding: 10px 10px;
      border-radius: 0 10px 10px 10px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.7; }
    @media screen and (max-width: 767.9px) {
      body.faq #content .qaBox .aItem p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7; } }
@media screen and (max-width: 767.9px) {
  body.faq #content .contentInner {
    padding: 30px 10px; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　body.contact
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
body.contact #content .contactBox {
  max-width: 990px;
  margin: 0px auto 0px auto;
  padding: 0px 15px 50px 15px; }
  body.contact #content .contactBox .contactItem {
    margin-top: 40px; }
    body.contact #content .contactBox .contactItem h2 {
      margin-top: 20px; }
    body.contact #content .contactBox .contactItem .titSym3 {
      margin: 20px; }
    body.contact #content .contactBox .contactItem p {
      margin: 20px; }
    body.contact #content .contactBox .contactItem .btnSym1 {
      margin: 0px auto; }
    body.contact #content .contactBox .contactItem .tel {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.7; }
    body.contact #content .contactBox .contactItem ul {
      margin: 1em 0;
      padding-left: 30px;
      list-style-type: disc; }
      body.contact #content .contactBox .contactItem ul li {
        padding: 3px 0px;
        margin: 0px; }
  @media screen and (max-width: 767.9px) {
    body.contact #content .contactBox .contactItem {
      margin-top: 30px; } }

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■
■■　現在準備中
■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.uncoItem {
  padding: 200px 50px;
  text-align: center;
  background-color: #F4F4F4;
  margin: 40px 0px; }