/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
/* other */
/* btn */
/* link */
body.winter_classlp {
  background-image: url(../img/contents/winter/bg_up.jpg);
  background-repeat: repeat-y;
  background-size: 100%;
  background-attachment: fixed;
  background-position: top center; }

#mainimg {
  padding-top: 12.5em; }
  #mainimg .mainimg-inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    background-image: url(../img/contents/winter/tree.png);
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: top 0 center; }
    @media screen and (min-width: 1921px) {
      #mainimg .mainimg-inner {
        width: 1700px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left; } }
    @media screen and (min-width: 1501px) and (max-width: 1921px) {
      #mainimg .mainimg-inner {
        width: 1500px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left; } }
    @media screen and (min-width: 991px) and (max-width: 1280px) {
      #mainimg .mainimg-inner {
        background-size: 50%; } }
    @media screen and (min-width: 768px) and (max-width: 990px) {
      #mainimg .mainimg-inner {
        background-size: 50%; } }
    #mainimg .mainimg-inner .center-area {
      width: 40%;
      order: 1; }
      #mainimg .mainimg-inner .center-area .top-area {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        flex-direction: column;
        justify-content: space-between; }
        #mainimg .mainimg-inner .center-area .top-area .top-headline {
          padding: 2em 3em 3.5em 3em;
          margin-top: 4em;
          background-image: url(../img/contents/winter/headline_label.png);
          background-repeat: no-repeat;
          background-size: 75% 100%;
          background-position: top center; }
          #mainimg .mainimg-inner .center-area .top-area .top-headline h1 {
            font-family: fot-chiaro-std, sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 2.1em;
            letter-spacing: 0;
            line-height: 1.3;
            text-align: center;
            width: 100%;
            margin: 0.5em auto 0 auto; }
          #mainimg .mainimg-inner .center-area .top-area .top-headline dl {
            padding-top: 0.25em;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            display: flex;
            -webkit-box-lines: multiple;
            -moz-box-lines: multiple;
            justify-content: center;
            align-items: center; }
            #mainimg .mainimg-inner .center-area .top-area .top-headline dl dt {
              font-family: ryo-gothic-plusn, sans-serif;
              font-style: normal;
              font-weight: 900;
              line-height: 1;
              padding-right: 0.5em; }
            #mainimg .mainimg-inner .center-area .top-area .top-headline dl dd {
              font-weight: bold; }
              #mainimg .mainimg-inner .center-area .top-area .top-headline dl dd span {
                font-family: fot-chiaro-std, sans-serif;
                font-style: normal;
                font-weight: 700;
                color: #B93A21;
                font-size: 1.6em;
                letter-spacing: 0; }
        #mainimg .mainimg-inner .center-area .top-area .bottom-area {
          width: 100%;
          position: relative;
          background-image: url(../img/contents/winter/bg_koma.png);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          background-position: left top;
          padding: 4em 3em 4em 3em; }
          #mainimg .mainimg-inner .center-area .top-area .bottom-area dl {
            width: 100%; }
            #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dt {
              font-family: ryo-gothic-plusn, sans-serif;
              font-style: normal;
              font-weight: 900;
              font-size: 1.3em;
              letter-spacing: 0;
              text-align: center; }
            #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol {
              padding-top: 0.5em;
              list-style: none;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: -moz-flex;
              display: flex;
              -webkit-box-lines: multiple;
              -moz-box-lines: multiple;
              justify-content: center; }
              #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li {
                font-size: 1.2em;
                letter-spacing: 0;
                padding: 0.75em 1em 0.75em 2em;
                position: relative; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(1)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "1";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(2)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "2";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(3)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "3";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(4)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "4";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(5)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "5";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(6)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "6";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(7)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "7";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(8)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "8";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(9)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "9";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
                #mainimg .mainimg-inner .center-area .top-area .bottom-area dl dd ol li:nth-of-type(10)::before {
                  font-family: fot-chiaro-std, sans-serif;
                  font-style: normal;
                  font-weight: 700;
                  content: "10";
                  line-height: 1.5em;
                  color: #fff;
                  font-weight: normal;
                  text-align: center;
                  width: 1.5em;
                  min-width: 1.5em;
                  height: 1.5em;
                  display: inline-block;
                  position: absolute;
                  top: 0.6em;
                  left: 0;
                  background-image: url(../img/common/bg_ol_li_red.png);
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  background-position: top left; }
          #mainimg .mainimg-inner .center-area .top-area .bottom-area img {
            width: 5.5em;
            position: absolute; }
            #mainimg .mainimg-inner .center-area .top-area .bottom-area img.koma-img1 {
              left: -5em;
              bottom: 0; }
            #mainimg .mainimg-inner .center-area .top-area .bottom-area img.koma-img2 {
              right: -5em;
              bottom: 0; }
    #mainimg .mainimg-inner .left-area {
      width: 30%;
      padding-left: 3em;
      order: 0; }
      @media screen and (min-width: 1921px) {
        #mainimg .mainimg-inner .left-area {
          padding-left: 0; } }
      @media screen and (min-width: 1501px) and (max-width: 1921px) {
        #mainimg .mainimg-inner .left-area {
          padding-left: 1.5em; } }
      #mainimg .mainimg-inner .left-area p.catch img {
        width: 80%; }
      #mainimg .mainimg-inner .left-area img.cara {
        float: left; }
      #mainimg .mainimg-inner .left-area .button-area a {
        background-image: url(../img/contents/winter/btn_exam.png); }
    #mainimg .mainimg-inner .right-area {
      width: 30%;
      padding-right: 3em;
      order: 2; }
      @media screen and (min-width: 1921px) {
        #mainimg .mainimg-inner .right-area {
          padding-right: 0; } }
      @media screen and (min-width: 1501px) and (max-width: 1921px) {
        #mainimg .mainimg-inner .right-area {
          padding-right: 1.5em; } }
      #mainimg .mainimg-inner .right-area p.catch img {
        width: 50%; }
      #mainimg .mainimg-inner .right-area img.cara {
        float: right; }
      #mainimg .mainimg-inner .right-area .button-area a {
        width: 50%;
        margin: 0; }
        #mainimg .mainimg-inner .right-area .button-area a:first-child {
          background-image: url(../img/contents/winter/btn_nextgrad1.png); }
        #mainimg .mainimg-inner .right-area .button-area a:last-child {
          background-image: url(../img/contents/winter/btn_nextgrad2.png); }
    #mainimg .mainimg-inner .left-area,
    #mainimg .mainimg-inner .right-area {
      padding-top: 2em; }
      #mainimg .mainimg-inner .left-area h2,
      #mainimg .mainimg-inner .right-area h2 {
        text-align: center;
        width: 100%;
        padding-bottom: 1em; }
        #mainimg .mainimg-inner .left-area h2 img,
        #mainimg .mainimg-inner .right-area h2 img {
          width: 90%; }
      #mainimg .mainimg-inner .left-area p,
      #mainimg .mainimg-inner .right-area p {
        font-size: 1.1em;
        padding: 2em 0; }
        #mainimg .mainimg-inner .left-area p.catch,
        #mainimg .mainimg-inner .right-area p.catch {
          text-align: center;
          width: 100%;
          padding: 2em 0; }
      #mainimg .mainimg-inner .left-area img.cara,
      #mainimg .mainimg-inner .right-area img.cara {
        width: auto;
        height: 20em; }
      #mainimg .mainimg-inner .left-area .button-area,
      #mainimg .mainimg-inner .right-area .button-area {
        width: 100%;
        padding-top: 1em;
        padding-bottom: 3em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        justify-content: center; }
        #mainimg .mainimg-inner .left-area .button-area a,
        #mainimg .mainimg-inner .right-area .button-area a {
          font-family: ryo-gothic-plusn, sans-serif;
          font-style: normal;
          font-weight: 900;
          color: #fff;
          font-size: 1.1em;
          letter-spacing: 0;
          line-height: 1.3;
          padding: 3em 1.5em 1em 3em;
          display: inline-block;
          background-repeat: no-repeat;
          background-size: 100% 100%;
          white-space: nowrap;
          width: auto; }
          #mainimg .mainimg-inner .left-area .button-area a img,
          #mainimg .mainimg-inner .right-area .button-area a img {
            width: 2em;
            margin: 0 0 0.25em 0.25em; }

p.sub-catch {
  text-align: center;
  font-size: 1.4em; }
  p.sub-catch span {
    position: relative;
    display: inline-block;
    padding: 0 5em; }
    p.sub-catch span {
      position: relative;
      display: inline-block;
      padding: 0 55px; }
    p.sub-catch span:before, p.sub-catch span:after {
      content: '';
      position: absolute;
      top: 50%;
      display: inline-block;
      width: 50px;
      height: 1px;
      background-color: #000; }
    p.sub-catch span:before {
      left: 0; }
    p.sub-catch span:after {
      right: 0; }

.button-area a {
  font-size: 2.3em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  padding: 2.3em 6em 2.3em 2em;
  margin: 0 2.5%;
  background-image: url(../img/contents/winter/btn_orderlink.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

p.price {
  font-size: 1.15em; }

p.bold {
  font-size: 1.4em;
  font-weight: bold; }
  p.bold span.large {
    font-size: 1.2em; }
    p.bold span.large span {
      font-family: fot-chiaro-std, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 1.5em;
      color: #B90000; }

section.exam-section {
  width: 100%;
  margin: 10em 0 15em 0; }
  section.exam-section h2 {
    margin: 0 0 5em 0;
    text-align: center; }
    section.exam-section h2 img {
      width: 45%;
      padding: 0 3em;
      background: linear-gradient(transparent 87%, #FFA700 0%); }
  section.exam-section p.catch {
    text-align: center; }
    section.exam-section p.catch img {
      width: 50%; }
  section.exam-section .exam-section-inner {
    padding-top: 15em;
    position: relative;
    background-image: url(../img/contents/winter/exam-section-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom 5.5em; }
    @media screen and (min-width: 1281px) and (max-width: 1500px) {
      section.exam-section .exam-section-inner {
        background-size: 120%;
        background-position: left bottom 5.5em; } }
    @media screen and (min-width: 991px) and (max-width: 1280px) {
      section.exam-section .exam-section-inner {
        background-size: 120%;
        background-position: left bottom 5.5em; } }
    @media screen and (min-width: 576px) and (max-width: 1024px) {
      section.exam-section .exam-section-inner {
        background-size: 120%;
        background-position: left bottom 5.5em; } }
    section.exam-section .exam-section-inner img.exam {
      width: 12.5%;
      position: absolute;
      top: 15em;
      left: 12.5%; }
    section.exam-section .exam-section-inner .exam-contents {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (min-width: 1921px) {
        section.exam-section .exam-section-inner .exam-contents {
          width: 1700px;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          text-align: left;
          text-align: center; } }
      @media screen and (min-width: 1501px) and (max-width: 1921px) {
        section.exam-section .exam-section-inner .exam-contents {
          width: 1500px;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          text-align: left;
          text-align: center; } }
      @media screen and (min-width: 1281px) and (max-width: 1500px) {
        section.exam-section .exam-section-inner .exam-contents {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          text-align: left;
          text-align: center; } }
      @media screen and (min-width: 991px) and (max-width: 1280px) {
        section.exam-section .exam-section-inner .exam-contents {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          text-align: left;
          text-align: center; } }
      @media screen and (min-width: 768px) and (max-width: 990px) {
        section.exam-section .exam-section-inner .exam-contents {
          width: 90%;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          text-align: left;
          text-align: center; } }
      @media screen and (min-width: 576px) and (max-width: 1024px) {
        section.exam-section .exam-section-inner .exam-contents {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          text-align: left;
          text-align: center; } }
      section.exam-section .exam-section-inner .exam-contents .txt-area {
        text-align: left;
        white-space: nowrap;
        width: 25%;
        padding: 2em 0 0 2em;
        order: -1;
        align-self: flex-end;
        margin-bottom: 0em; }
        section.exam-section .exam-section-inner .exam-contents .txt-area p {
          color: #fff; }
          section.exam-section .exam-section-inner .exam-contents .txt-area p strong {
            font-size: 1.1em;
            color: #fff; }
      section.exam-section .exam-section-inner .exam-contents .price-area {
        width: 50%;
        padding-top: 10em;
        padding-bottom: 20vw; }
        section.exam-section .exam-section-inner .exam-contents .price-area .sep-box {
          justify-content: space-between;
          align-items: center; }
          section.exam-section .exam-section-inner .exam-contents .price-area .sep-box p {
            font-size: 1.15em;
            padding: 0 0 0.75em; }
          section.exam-section .exam-section-inner .exam-contents .price-area .sep-box .bold {
            padding-top: 1em; }
          section.exam-section .exam-section-inner .exam-contents .price-area .sep-box .left-column {
            width: 50%;
            padding: 3em 0;
            background-image: url(../img/contents/winter/price-area-bg01.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center top 50%; }
            section.exam-section .exam-section-inner .exam-contents .price-area .sep-box .left-column .h3-s {
              font-size: 1.15em !important; }
          section.exam-section .exam-section-inner .exam-contents .price-area .sep-box .right-column {
            width: 45%;
            padding: 3em 0;
            background-image: url(../img/contents/winter/price-area-bg02.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center top 50%; }
            section.exam-section .exam-section-inner .exam-contents .price-area .sep-box .right-column .center {
              font-weight: bold;
              font-size: 2.75em; }
            section.exam-section .exam-section-inner .exam-contents .price-area .sep-box .right-column .right p {
              font-weight: bold;
              line-height: 1.5; }
              section.exam-section .exam-section-inner .exam-contents .price-area .sep-box .right-column .right p span {
                font-size: 2em; }
        section.exam-section .exam-section-inner .exam-contents .price-area .txt {
          padding-top: 3em; }
          section.exam-section .exam-section-inner .exam-contents .price-area .txt p {
            font-size: 1.15em; }
            section.exam-section .exam-section-inner .exam-contents .price-area .txt p.bold {
              font-size: 1.4em;
              white-space: nowrap; }
      section.exam-section .exam-section-inner .exam-contents .img-area {
        width: 25%;
        text-align: right; }
        section.exam-section .exam-section-inner .exam-contents .img-area img {
          width: 100%; }
    section.exam-section .exam-section-inner .button-area {
      display: inlnie-block;
      background-image: url(../img/contents/winter/bg_exam_btm.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      text-align: center;
      width: 100%;
      padding: 2em 0;
      bottom: 3em; }
      section.exam-section .exam-section-inner .button-area a {
        width: auto;
        display: inline-block;
        padding: 2.3em 7em 2.3em 2em; }

.price-area h3 {
  font-size: 1.1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: center;
  justify-content: center; }
  .price-area h3 span.main {
    font-size: 1.2em; }
    .price-area h3 span.main span.subject {
      font-family: fot-chiaro-std, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 2.3em;
      white-space: nowrap;
      letter-spacing: 0.4em;
      padding-left: 0.3em;
      padding-bottom: 0.2em; }
  .price-area h3 span.or {
    font-weight: normal;
    padding: 0 0.25em;
    display: inlnie-block; }

section.merit-section {
  margin-bottom: 10em; }
  section.merit-section .section-inner {
    width: 60%;
    padding: 15em 0;
    margin: 0 auto;
    background-image: url(../img/contents/winter/bg_merit.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    position: relative; }
    @media screen and (min-width: 991px) and (max-width: 1280px) {
      section.merit-section .section-inner {
        width: 70%; } }
    @media screen and (min-width: 768px) and (max-width: 990px) {
      section.merit-section .section-inner {
        width: 80%; } }
    @media screen and (min-width: 576px) and (max-width: 1024px) {
      section.merit-section .section-inner {
        width: 80%; } }
    section.merit-section .section-inner h2 {
      font-family: fot-chiaro-std, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 1.8em;
      text-align: left;
      margin-top: 2em;
      position: relative;
      display: inline-block; }
      section.merit-section .section-inner h2 span.naname {
        font-size: 1.7rem;
        display: inline-block;
        transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg); }
        section.merit-section .section-inner h2 span.naname:before, section.merit-section .section-inner h2 span.naname:after {
          display: inline-block;
          content: "";
          background: #000;
          width: 1px;
          height: 1em;
          margin: 0 0.2em;
          margin-top: -.2em;
          vertical-align: middle; }
        section.merit-section .section-inner h2 span.naname:before {
          transform: rotate(-30deg); }
        section.merit-section .section-inner h2 span.naname:after {
          transform: rotate(30deg); }
      section.merit-section .section-inner h2 span.large {
        font-size: 1.2em; }
        section.merit-section .section-inner h2 span.large span {
          font-size: 1.2em;
          position: relative;
          z-index: 10;
          display: inline-block; }
          section.merit-section .section-inner h2 span.large span:before {
            width: 100%;
            height: 0.2em;
            margin: 0 auto;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            z-index: -1;
            bottom: 0.3em;
            background: #D1E8FF;
            content: ''; }
    section.merit-section .section-inner dl {
      padding-top: 5em; }
      section.merit-section .section-inner dl dt {
        font-weight: bold; }
      section.merit-section .section-inner dl dd ol {
        list-style: none;
        width: 50%;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        section.merit-section .section-inner dl dd ol li {
          font-family: ryo-gothic-plusn, sans-serif;
          font-style: normal;
          font-weight: 900;
          font-size: 1.3em;
          letter-spacing: 0;
          text-align: left;
          width: 50%;
          padding: 1.5em 0 1em 2.5em;
          position: relative; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(1)::before {
            content: "1";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(2)::before {
            content: "2";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(3)::before {
            content: "3";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(4)::before {
            content: "4";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(5)::before {
            content: "5";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(6)::before {
            content: "6";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(7)::before {
            content: "7";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(8)::before {
            content: "8";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(9)::before {
            content: "9";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
          section.merit-section .section-inner dl dd ol li:nth-of-type(10)::before {
            content: "10";
            line-height: 2.8em;
            font-weight: bold;
            font-size: 0.8em;
            text-align: center;
            width: 2.5em;
            min-width: 2.5em;
            height: 2.5em;
            display: inline-block;
            position: absolute;
            top: 1.2em;
            left: 0;
            background-image: url(../img/contents/winter/bg_ol_y.png);
            background-repeat: no-repeat;
            background-size: 125%;
            background-position: top left; }
    section.merit-section .section-inner p strong {
      font-family: vdl-penletter, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-weight: 500;
      color: #A80000;
      font-size: 2.5em;
      position: relative;
      z-index: 10;
      display: inline-block; }
      section.merit-section .section-inner p strong:before {
        width: 85%;
        height: 0.2em;
        margin: 0 auto;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: -1;
        bottom: 0.3em;
        background: #FFD1D1;
        content: ''; }
    section.merit-section .section-inner img {
      position: absolute;
      bottom: 2em;
      left: 0;
      width: 35%; }

section.promotion-pre-section {
  background-image: url(../img/contents/winter/bg_pre.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top; }
  @media screen and (min-width: 1921px) {
    section.promotion-pre-section .promotion-pre-section-inner {
      width: 1700px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: left;
      text-align: center; } }
  @media screen and (min-width: 1501px) and (max-width: 1921px) {
    section.promotion-pre-section .promotion-pre-section-inner {
      width: 1500px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: left;
      text-align: center; } }
  @media screen and (min-width: 1281px) and (max-width: 1500px) {
    section.promotion-pre-section .promotion-pre-section-inner {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: left;
      text-align: center; } }
  @media screen and (min-width: 991px) and (max-width: 1280px) {
    section.promotion-pre-section .promotion-pre-section-inner {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: left;
      text-align: center; } }
  @media screen and (min-width: 768px) and (max-width: 990px) {
    section.promotion-pre-section .promotion-pre-section-inner {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: left;
      text-align: center; } }
  @media screen and (min-width: 576px) and (max-width: 1024px) {
    section.promotion-pre-section .promotion-pre-section-inner {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: left;
      text-align: center; } }
  section.promotion-pre-section .promotion-pre-section-inner .txt-area {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-direction: column; }
    section.promotion-pre-section .promotion-pre-section-inner .txt-area h2 {
      width: 10%;
      margin-right: 10em;
      text-align: left;
      align-self: flex-end;
      position: relative;
      bottom: -15em; }
      section.promotion-pre-section .promotion-pre-section-inner .txt-area h2 img {
        width: 70%; }
    section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents {
      width: 50%;
      padding: 3em 1em;
      align-self: center;
      position: relative;
      top: -5em;
      background: #fff; }
      section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents p.catch img {
        display: inline-block;
        width: 80%;
        margin: 0 auto; }
      section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents .price-area {
        padding: 3em 0;
        background-image: url(../img/contents/winter/price-area-bg03.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top 50%; }
        section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents .price-area p {
          font-size: 1.15em;
          padding: 0 0 0.75em; }
        section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents .price-area .bold {
          padding-top: 1em; }
        section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents .price-area .course-flex {
          display: flex;
          justify-content: center;
          align-items: center; }
          section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents .price-area .course-flex .center {
            padding-right: 1em; }
      section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents img.pre-img {
        width: 20%;
        position: absolute;
        bottom: 0;
        left: -6em; }
  section.promotion-pre-section .promotion-pre-section-inner .message-area {
    color: #fff; }
  section.promotion-pre-section .promotion-pre-section-inner .button-area {
    margin-top: 5em;
    background-image: url(../img/contents/winter/bg_pre_btn.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 1281px) and (max-width: 1500px) {
      section.promotion-pre-section .promotion-pre-section-inner .button-area {
        padding-bottom: 5em; } }
    @media screen and (min-width: 991px) and (max-width: 1280px) {
      section.promotion-pre-section .promotion-pre-section-inner .button-area {
        padding-bottom: 10em;
        background-size: contain; } }
    @media screen and (min-width: 576px) and (max-width: 1024px) {
      section.promotion-pre-section .promotion-pre-section-inner .button-area {
        padding-bottom: 10em;
        background-size: contain; } }
    section.promotion-pre-section .promotion-pre-section-inner .button-area a {
      white-space: nowrap;
      width: auto;
      display: inline-block;
      margin: 0; }

section.promotion-section {
  background-image: url(../img/contents/winter/bg_promotion.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top; }
  section.promotion-section .promotion-section-inner {
    padding: 15em 0; }
    @media screen and (min-width: 1921px) {
      section.promotion-section .promotion-section-inner {
        width: 1700px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left;
        text-align: center; } }
    @media screen and (min-width: 1501px) and (max-width: 1921px) {
      section.promotion-section .promotion-section-inner {
        width: 1500px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left;
        text-align: center; } }
    @media screen and (min-width: 1281px) and (max-width: 1500px) {
      section.promotion-section .promotion-section-inner {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left;
        text-align: center; } }
    @media screen and (min-width: 991px) and (max-width: 1280px) {
      section.promotion-section .promotion-section-inner {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left;
        text-align: center; } }
    @media screen and (min-width: 768px) and (max-width: 990px) {
      section.promotion-section .promotion-section-inner {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left;
        text-align: center; } }
    @media screen and (min-width: 576px) and (max-width: 1024px) {
      section.promotion-section .promotion-section-inner {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: left;
        text-align: center; } }
    section.promotion-section .promotion-section-inner .txt-area {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      justify-content: center; }
      section.promotion-section .promotion-section-inner .txt-area h2 {
        width: 20%;
        position: relative;
        align-self: flex-start;
        margin-left: 5%; }
        section.promotion-section .promotion-section-inner .txt-area h2 img {
          width: 35%; }
      section.promotion-section .promotion-section-inner .txt-area .contents {
        align-self: center;
        width: 50%;
        position: relative; }
        section.promotion-section .promotion-section-inner .txt-area .contents p.catch img {
          display: inline-block;
          width: 50%;
          margin: 0 auto; }
        section.promotion-section .promotion-section-inner .txt-area .contents .price-area {
          padding: 3em 0;
          background-image: url(../img/contents/winter/price-area-bg04.png);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center top 50%; }
          section.promotion-section .promotion-section-inner .txt-area .contents .price-area p {
            font-size: 1.15em;
            padding: 0 0 0.75em; }
          section.promotion-section .promotion-section-inner .txt-area .contents .price-area .bold {
            padding-top: 1em; }
          section.promotion-section .promotion-section-inner .txt-area .contents .price-area .course-flex {
            display: flex;
            justify-content: center;
            align-items: center; }
            section.promotion-section .promotion-section-inner .txt-area .contents .price-area .course-flex .center {
              padding-right: 1em; }
      section.promotion-section .promotion-section-inner .txt-area .txt-area-r {
        width: 30%;
        align-self: flex-end;
        padding: 5em 3em;
        background-image: url(../img/contents/winter/bg_txt-area-r.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top 50%;
        position: relative; }
        section.promotion-section .promotion-section-inner .txt-area .txt-area-r p {
          font-family: vdl-penletter, sans-serif;
          font-style: normal;
          font-weight: 700;
          font-weight: 500;
          font-size: 1.1em; }
          section.promotion-section .promotion-section-inner .txt-area .txt-area-r p.second {
            font-size: 1.5em; }
        section.promotion-section .promotion-section-inner .txt-area .txt-area-r img {
          position: absolute;
          width: 60%;
          bottom: -5vw;
          left: 25%; }

section.other-section {
  margin-top: 3em;
  margin-bottom: 10em; }
  section.other-section .section-inner {
    width: 70%;
    padding: 15em 0;
    margin: 0 auto;
    background-image: url(../img/contents/winter/bg_other.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    position: relative; }
    @media screen and (min-width: 991px) and (max-width: 1280px) {
      section.other-section .section-inner {
        width: 80%; } }
    @media screen and (min-width: 768px) and (max-width: 990px) {
      section.other-section .section-inner {
        width: 80%; } }
    @media screen and (min-width: 576px) and (max-width: 1024px) {
      section.other-section .section-inner {
        width: 80%; } }
    section.other-section .section-inner h2 {
      font-family: fot-chiaro-std, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 2em;
      text-align: left;
      margin-top: 2em;
      position: relative;
      display: inline-block; }
      section.other-section .section-inner h2 span.naname {
        font-size: 1.7rem;
        display: inline-block;
        transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -webkit-transform: rotate(-4deg); }
        section.other-section .section-inner h2 span.naname:before, section.other-section .section-inner h2 span.naname:after {
          display: inline-block;
          content: "";
          background: #000;
          width: 1px;
          height: 1em;
          margin: 0 0.2em;
          margin-top: -.2em;
          vertical-align: middle; }
        section.other-section .section-inner h2 span.naname:before {
          transform: rotate(-30deg); }
        section.other-section .section-inner h2 span.naname:after {
          transform: rotate(30deg); }
      section.other-section .section-inner h2 span.large {
        font-size: 1.4em;
        position: relative;
        z-index: 10;
        display: inline-block; }
        section.other-section .section-inner h2 span.large:before {
          width: 85%;
          height: 0.2em;
          margin: 0 auto;
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          z-index: -1;
          bottom: 0.3em;
          background: #FFE5A0;
          content: ''; }
    section.other-section .section-inner ol {
      font-size: 1.2em;
      list-style: none;
      width: 70%;
      padding-top: 2em;
      padding-bottom: 1em;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      section.other-section .section-inner ol li {
        font-family: ryo-gothic-plusn, sans-serif;
        font-style: normal;
        font-weight: 900;
        font-size: 1.3em;
        letter-spacing: 0;
        text-align: left;
        width: 50%;
        padding: 1.5em 0 1em 2.5em;
        position: relative; }
        section.other-section .section-inner ol li:nth-of-type(1)::before {
          content: "1";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(2)::before {
          content: "2";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(3)::before {
          content: "3";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(4)::before {
          content: "4";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(5)::before {
          content: "5";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(6)::before {
          content: "6";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(7)::before {
          content: "7";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(8)::before {
          content: "8";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(9)::before {
          content: "9";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
        section.other-section .section-inner ol li:nth-of-type(10)::before {
          content: "10";
          color: #fff;
          line-height: 2.8em;
          font-weight: bold;
          font-size: 0.8em;
          text-align: center;
          width: 2.5em;
          min-width: 2.5em;
          height: 2.5em;
          display: inline-block;
          position: absolute;
          top: 1.2em;
          left: 0;
          background-image: url(../img/contents/winter/bg_ol_r.png);
          background-repeat: no-repeat;
          background-size: 125%;
          background-position: top left; }
    section.other-section .section-inner p strong {
      font-family: vdl-penletter, sans-serif;
      font-style: normal;
      font-weight: 700;
      font-weight: 500;
      color: #A80000;
      font-size: 2.5em;
      position: relative;
      z-index: 10;
      display: inline-block; }
      section.other-section .section-inner p strong:before {
        width: 100%;
        height: 0.2em;
        margin: 0 auto;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: -1;
        bottom: 0.3em;
        background: #FFD1D1;
        content: ''; }
    section.other-section .section-inner img {
      width: 22.5em;
      position: absolute;
      bottom: 2em;
      right: 0;
      z-index: 10; }
  section.other-section .button-area {
    margin-top: 10em; }

@media screen and (max-width: 575px) {
  header#site-header #nav-open span {
    background-color: #77cc46; }
    header#site-header #nav-open span:before, header#site-header #nav-open span:after {
      background-color: #77cc46; }

  p.bold {
    white-space: normal !important;
    font-size: 1.2em !important; }

  .button-area a {
    white-space: normal !important;
    font-size: 1.2em !important; }

  p.catch img {
    width: 90% !important; }

  p.sub-catch {
    font-size: 1.1em; }
    p.sub-catch span {
      padding: 0 2em; }
      p.sub-catch span:before, p.sub-catch span:after {
        width: 1.5em; }

  #mainimg {
    padding-top: 6em; }
    #mainimg .mainimg-inner {
      background-size: 100%;
      flex-direction: column; }
      #mainimg .mainimg-inner .center-area {
        width: 100%;
        order: -1; }
        #mainimg .mainimg-inner .center-area .top-area .top-headline {
          margin-top: 0; }
        #mainimg .mainimg-inner .center-area .bottom-area {
          width: 90% !important;
          padding: 3em 3em 2em 3em !important;
          margin: 25vh auto 0 auto;
          background-position: center top !important; }
          #mainimg .mainimg-inner .center-area .bottom-area dl.koma dd {
            text-align: center; }
            #mainimg .mainimg-inner .center-area .bottom-area dl.koma dd ol {
              display: inline-block; }
              #mainimg .mainimg-inner .center-area .bottom-area dl.koma dd ol li {
                display: inline-block; }
          #mainimg .mainimg-inner .center-area .bottom-area img {
            width: 4em !important; }
            #mainimg .mainimg-inner .center-area .bottom-area img.koma-img1 {
              left: 0 !important; }
            #mainimg .mainimg-inner .center-area .bottom-area img.koma-img2 {
              right: 0 !important; }
      #mainimg .mainimg-inner .left-area,
      #mainimg .mainimg-inner .right-area {
        width: 90% !important;
        padding: 2em 0 0 0;
        margin: 0 auto;
        position: relative; }
        #mainimg .mainimg-inner .left-area h2 img,
        #mainimg .mainimg-inner .right-area h2 img {
          width: 60% !important; }
        #mainimg .mainimg-inner .left-area img.cara,
        #mainimg .mainimg-inner .right-area img.cara {
          height: 7.5em !important;
          position: absolute;
          top: 10em; }
        #mainimg .mainimg-inner .left-area .button-area,
        #mainimg .mainimg-inner .right-area .button-area {
          padding: 0; }
          #mainimg .mainimg-inner .left-area .button-area a,
          #mainimg .mainimg-inner .right-area .button-area a {
            font-size: 1em !important; }
      #mainimg .mainimg-inner .left-area img.cara {
        left: -5%; }
      #mainimg .mainimg-inner .right-area img.cara {
        right: -5%; }

  section.exam-section {
    margin: 5em auto 0 auto; }
    section.exam-section .exam-section-inner {
      padding-top: 2em; }
      section.exam-section .exam-section-inner h2 {
        margin-bottom: 1em; }
        section.exam-section .exam-section-inner h2 img {
          width: 90%; }
      section.exam-section .exam-section-inner img.exam {
        width: 7em;
        top: 13em;
        left: 0.5em; }
      section.exam-section .exam-section-inner .exam-contents {
        flex-direction: column;
        position: relative; }
        section.exam-section .exam-section-inner .exam-contents .price-area {
          width: 100%;
          padding: 0;
          order: -1; }
          section.exam-section .exam-section-inner .exam-contents .price-area .left-column {
            width: 80% !important;
            margin-bottom: 1em; }
          section.exam-section .exam-section-inner .exam-contents .price-area .right-column {
            width: 80% !important; }
            section.exam-section .exam-section-inner .exam-contents .price-area .right-column .sep-box {
              flex-direction: row;
              flex-wrap: nowrap; }
          section.exam-section .exam-section-inner .exam-contents .price-area .txt {
            padding: 0 1em; }
        section.exam-section .exam-section-inner .exam-contents .txt-area {
          white-space: normal;
          width: 90%;
          padding: 2em 0;
          margin: 0 auto; }
          section.exam-section .exam-section-inner .exam-contents .txt-area p {
            color: #000; }
            section.exam-section .exam-section-inner .exam-contents .txt-area p strong {
              color: #000; }
        section.exam-section .exam-section-inner .exam-contents .img-area {
          position: absolute;
          top: 10%;
          right: 0; }
          section.exam-section .exam-section-inner .exam-contents .img-area img {
            width: 100%; }
      section.exam-section .exam-section-inner .button-area {
        background-size: 100%;
        background-position: center;
        padding: 3em 0; }

  section.merit-section {
    margin-bottom: 0; }
    section.merit-section .section-inner {
      width: 100%;
      padding: 5em 0; }
      section.merit-section .section-inner h2 {
        font-size: 1.3em; }
      section.merit-section .section-inner dl {
        padding-top: 1em; }
        section.merit-section .section-inner dl dd ol {
          width: 80%; }
      section.merit-section .section-inner img {
        bottom: 0;
        width: 25%; }

  section.promotion-pre-section {
    background-size: cover;
    background-position: right top; }
    section.promotion-pre-section .promotion-pre-section-inner .txt-area h2 {
      margin: 0;
      width: 20%;
      right: 1em;
      bottom: -10em;
      text-align: right; }
    section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents {
      width: 75%;
      margin-left: 5%;
      align-self: flex-start;
      top: -2.5em; }
      section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents p.catch img {
        width: 100% !important; }
      section.promotion-pre-section .promotion-pre-section-inner .txt-area .contents img.pre-img {
        left: auto;
        right: -5em; }
    section.promotion-pre-section .promotion-pre-section-inner .button-area {
      padding-bottom: 2em;
      background-size: 100%; }

  section.promotion-section {
    background-size: cover; }
    section.promotion-section .promotion-section-inner {
      padding: 0; }
      section.promotion-section .promotion-section-inner .txt-area {
        padding-top: 5em;
        flex-wrap: wrap;
        justify-content: space-between; }
        section.promotion-section .promotion-section-inner .txt-area h2 {
          margin-left: 1em;
          text-align: left; }
          section.promotion-section .promotion-section-inner .txt-area h2 img {
            width: 70%; }
        section.promotion-section .promotion-section-inner .txt-area .contents {
          width: 70%;
          margin-right: 5%;
          padding: 3em 1em; }
      section.promotion-section .promotion-section-inner .txt-area-r {
        width: 90% !important;
        margin: 0 auto;
        bottom: 5em; }

  section.other-section .section-inner {
    width: 100%;
    padding: 5em 0;
    background-size: 100% 120%;
    background-position: center; }
    section.other-section .section-inner h2 {
      font-size: 1.3em; }
    section.other-section .section-inner ol {
      margin-left: 10%;
      margin-right: 20%; }
      section.other-section .section-inner ol li {
        font-size: 1em;
        margin: 0 auto; }
    section.other-section .section-inner img {
      bottom: -2em;
      width: 25%; }
    section.other-section .section-inner p strong {
      font-size: 1.8em; } }

/*# sourceMappingURL=winter_classlp.css.map */