@charset "UTF-8";
/**
* メディアクエリ設定用
* ブレイクポイントはは別scssで定義する
*/
/**
* 透明度の設定
*/
/**
* remに対応していないブラウザ用
*/
/**
* 絶対位置で配置する
*/
/**
* 絶対位置で中央に配置する
*/
/**
* ボックスの中央に文字を配置する
*/
/**
* clearfix
*/
.textIndent {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .textIndent {
    text-indent: -9999px; } }

.brightnessHover {
  transition: .3s; }
  .brightnessHover:hover {
    text-decoration: none;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.9);
            filter: brightness(0.9); }

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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/** 追加 **/

.mg1x {
  margin: 4px; }

.mgTop1x {
  margin-top: 4px; }

.mgBottom1x {
  margin-bottom: 4px; }

.mgLeft1x {
  margin-left: 4px; }

.mgRight1x {
  margin-right: 4px; }

.pd1x {
  padding: 4px; }

.pdTop1x {
  padding-top: 4px; }

.pdBottom1x {
  padding-bottom: 4px; }

.pdLeft1x {
  padding-left: 4px; }

.pdRight1x {
  padding-right: 4px; }

.mg2x {
  margin: 8px; }

.mgTop2x {
  margin-top: 8px; }

.mgBottom2x {
  margin-bottom: 8px; }

.mgLeft2x {
  margin-left: 8px; }

.mgRight2x {
  margin-right: 8px; }

.pd2x {
  padding: 8px; }

.pdTop2x {
  padding-top: 8px; }

.pdBottom2x {
  padding-bottom: 8px; }

.pdLeft2x {
  padding-left: 8px; }

.pdRight2x {
  padding-right: 8px; }

.mg3x {
  margin: 12px; }

.mgTop3x {
  margin-top: 12px; }

.mgBottom3x {
  margin-bottom: 12px; }

.mgLeft3x {
  margin-left: 12px; }

.mgRight3x {
  margin-right: 12px; }

.pd3x {
  padding: 12px; }

.pdTop3x {
  padding-top: 12px; }

.pdBottom3x {
  padding-bottom: 12px; }

.pdLeft3x {
  padding-left: 12px; }

.pdRight3x {
  padding-right: 12px; }

.mg4x {
  margin: 16px; }

.mgTop4x {
  margin-top: 16px; }

.mgBottom4x {
  margin-bottom: 16px; }

.mgLeft4x {
  margin-left: 16px; }

.mgRight4x {
  margin-right: 16px; }

.pd4x {
  padding: 16px; }

.pdTop4x {
  padding-top: 16px; }

.pdBottom4x {
  padding-bottom: 16px; }

.pdLeft4x {
  padding-left: 16px; }

.pdRight4x {
  padding-right: 16px; }

.mg5x {
  margin: 20px; }

.mgTop5x {
  margin-top: 20px; }

.mgBottom5x {
  margin-bottom: 20px; }

.mgLeft5x {
  margin-left: 20px; }

.mgRight5x {
  margin-right: 20px; }

.pd5x {
  padding: 20px; }

.pdTop5x {
  padding-top: 20px; }

.pdBottom5x {
  padding-bottom: 20px; }

.pdLeft5x {
  padding-left: 20px; }

.pdRight5x {
  padding-right: 20px; }

.mg6x {
  margin: 24px; }

.mgTop6x {
  margin-top: 24px; }

.mgBottom6x {
  margin-bottom: 24px; }

.mgLeft6x {
  margin-left: 24px; }

.mgRight6x {
  margin-right: 24px; }

.pd6x {
  padding: 24px; }

.pdTop6x {
  padding-top: 24px; }

.pdBottom6x {
  padding-bottom: 24px; }

.pdLeft6x {
  padding-left: 24px; }

.pdRight6x {
  padding-right: 24px; }

.mg7x {
  margin: 28px; }

.mgTop7x {
  margin-top: 28px; }

.mgBottom7x {
  margin-bottom: 28px; }

.mgLeft7x {
  margin-left: 28px; }

.mgRight7x {
  margin-right: 28px; }

.pd7x {
  padding: 28px; }

.pdTop7x {
  padding-top: 28px; }

.pdBottom7x {
  padding-bottom: 28px; }

.pdLeft7x {
  padding-left: 28px; }

.pdRight7x {
  padding-right: 28px; }

.mg8x {
  margin: 32px; }

.mgTop8x {
  margin-top: 32px; }

.mgBottom8x {
  margin-bottom: 32px; }

.mgLeft8x {
  margin-left: 32px; }

.mgRight8x {
  margin-right: 32px; }

.pd8x {
  padding: 32px; }

.pdTop8x {
  padding-top: 32px; }

.pdBottom8x {
  padding-bottom: 32px; }

.pdLeft8x {
  padding-left: 32px; }

.pdRight8x {
  padding-right: 32px; }

.mg9x {
  margin: 36px; }

.mgTop9x {
  margin-top: 36px; }

.mgBottom9x {
  margin-bottom: 36px; }

.mgLeft9x {
  margin-left: 36px; }

.mgRight9x {
  margin-right: 36px; }

.pd9x {
  padding: 36px; }

.pdTop9x {
  padding-top: 36px; }

.pdBottom9x {
  padding-bottom: 36px; }

.pdLeft9x {
  padding-left: 36px; }

.pdRight9x {
  padding-right: 36px; }

.mg10x {
  margin: 40px; }

.mgTop10x {
  margin-top: 40px; }

.mgBottom10x {
  margin-bottom: 40px; }

.mgLeft10x {
  margin-left: 40px; }

.mgRight10x {
  margin-right: 40px; }

.pd10x {
  padding: 40px; }

.pdTop10x {
  padding-top: 40px; }

.pdBottom10x {
  padding-bottom: 40px; }

.pdLeft10x {
  padding-left: 40px; }

.pdRight10x {
  padding-right: 40px; }

.mg11x {
  margin: 44px; }

.mgTop11x {
  margin-top: 44px; }

.mgBottom11x {
  margin-bottom: 44px; }

.mgLeft11x {
  margin-left: 44px; }

.mgRight11x {
  margin-right: 44px; }

.pd11x {
  padding: 44px; }

.pdTop11x {
  padding-top: 44px; }

.pdBottom11x {
  padding-bottom: 44px; }

.pdLeft11x {
  padding-left: 44px; }

.pdRight11x {
  padding-right: 44px; }

.mg12x {
  margin: 48px; }

.mgTop12x {
  margin-top: 48px; }

.mgBottom12x {
  margin-bottom: 48px; }

.mgLeft12x {
  margin-left: 48px; }

.mgRight12x {
  margin-right: 48px; }

.pd12x {
  padding: 48px; }

.pdTop12x {
  padding-top: 48px; }

.pdBottom12x {
  padding-bottom: 48px; }

.pdLeft12x {
  padding-left: 48px; }

.pdRight12x {
  padding-right: 48px; }

.mg13x {
  margin: 52px; }

.mgTop13x {
  margin-top: 52px; }

.mgBottom13x {
  margin-bottom: 52px; }

.mgLeft13x {
  margin-left: 52px; }

.mgRight13x {
  margin-right: 52px; }

.pd13x {
  padding: 52px; }

.pdTop13x {
  padding-top: 52px; }

.pdBottom13x {
  padding-bottom: 52px; }

.pdLeft13x {
  padding-left: 52px; }

.pdRight13x {
  padding-right: 52px; }

.mg14x {
  margin: 56px; }

.mgTop14x {
  margin-top: 56px; }

.mgBottom14x {
  margin-bottom: 56px; }

.mgLeft14x {
  margin-left: 56px; }

.mgRight14x {
  margin-right: 56px; }

.pd14x {
  padding: 56px; }

.pdTop14x {
  padding-top: 56px; }

.pdBottom14x {
  padding-bottom: 56px; }

.pdLeft14x {
  padding-left: 56px; }

.pdRight14x {
  padding-right: 56px; }

.mg15x {
  margin: 60px; }

.mgTop15x {
  margin-top: 60px; }

.mgBottom15x {
  margin-bottom: 60px; }

.mgLeft15x {
  margin-left: 60px; }

.mgRight15x {
  margin-right: 60px; }

.pd15x {
  padding: 60px; }

.pdTop15x {
  padding-top: 60px; }

.pdBottom15x {
  padding-bottom: 60px; }

.pdLeft15x {
  padding-left: 60px; }

.pdRight15x {
  padding-right: 60px; }

.mg16x {
  margin: 64px; }

.mgTop16x {
  margin-top: 64px; }

.mgBottom16x {
  margin-bottom: 64px; }

.mgLeft16x {
  margin-left: 64px; }

.mgRight16x {
  margin-right: 64px; }

.pd16x {
  padding: 64px; }

.pdTop16x {
  padding-top: 64px; }

.pdBottom16x {
  padding-bottom: 64px; }

.pdLeft16x {
  padding-left: 64px; }

.pdRight16x {
  padding-right: 64px; }

.mg17x {
  margin: 68px; }

.mgTop17x {
  margin-top: 68px; }

.mgBottom17x {
  margin-bottom: 68px; }

.mgLeft17x {
  margin-left: 68px; }

.mgRight17x {
  margin-right: 68px; }

.pd17x {
  padding: 68px; }

.pdTop17x {
  padding-top: 68px; }

.pdBottom17x {
  padding-bottom: 68px; }

.pdLeft17x {
  padding-left: 68px; }

.pdRight17x {
  padding-right: 68px; }

.mg18x {
  margin: 72px; }

.mgTop18x {
  margin-top: 72px; }

.mgBottom18x {
  margin-bottom: 72px; }

.mgLeft18x {
  margin-left: 72px; }

.mgRight18x {
  margin-right: 72px; }

.pd18x {
  padding: 72px; }

.pdTop18x {
  padding-top: 72px; }

.pdBottom18x {
  padding-bottom: 72px; }

.pdLeft18x {
  padding-left: 72px; }

.pdRight18x {
  padding-right: 72px; }

.mg19x {
  margin: 76px; }

.mgTop19x {
  margin-top: 76px; }

.mgBottom19x {
  margin-bottom: 76px; }

.mgLeft19x {
  margin-left: 76px; }

.mgRight19x {
  margin-right: 76px; }

.pd19x {
  padding: 76px; }

.pdTop19x {
  padding-top: 76px; }

.pdBottom19x {
  padding-bottom: 76px; }

.pdLeft19x {
  padding-left: 76px; }

.pdRight19x {
  padding-right: 76px; }

.mg20x {
  margin: 80px; }

.mgTop20x {
  margin-top: 80px; }

.mgBottom20x {
  margin-bottom: 80px; }

.mgLeft20x {
  margin-left: 80px; }

.mgRight20x {
  margin-right: 80px; }

.pd20x {
  padding: 80px; }

.pdTop20x {
  padding-top: 80px; }

.pdBottom20x {
  padding-bottom: 80px; }

.pdLeft20x {
  padding-left: 80px; }

.pdRight20x {
  padding-right: 80px; }

.mg21x {
  margin: 84px; }

.mgTop21x {
  margin-top: 84px; }

.mgBottom21x {
  margin-bottom: 84px; }

.mgLeft21x {
  margin-left: 84px; }

.mgRight21x {
  margin-right: 84px; }

.pd21x {
  padding: 84px; }

.pdTop21x {
  padding-top: 84px; }

.pdBottom21x {
  padding-bottom: 84px; }

.pdLeft21x {
  padding-left: 84px; }

.pdRight21x {
  padding-right: 84px; }

.mg22x {
  margin: 88px; }

.mgTop22x {
  margin-top: 88px; }

.mgBottom22x {
  margin-bottom: 88px; }

.mgLeft22x {
  margin-left: 88px; }

.mgRight22x {
  margin-right: 88px; }

.pd22x {
  padding: 88px; }

.pdTop22x {
  padding-top: 88px; }

.pdBottom22x {
  padding-bottom: 88px; }

.pdLeft22x {
  padding-left: 88px; }

.pdRight22x {
  padding-right: 88px; }

.mg23x {
  margin: 92px; }

.mgTop23x {
  margin-top: 92px; }

.mgBottom23x {
  margin-bottom: 92px; }

.mgLeft23x {
  margin-left: 92px; }

.mgRight23x {
  margin-right: 92px; }

.pd23x {
  padding: 92px; }

.pdTop23x {
  padding-top: 92px; }

.pdBottom23x {
  padding-bottom: 92px; }

.pdLeft23x {
  padding-left: 92px; }

.pdRight23x {
  padding-right: 92px; }

.mg24x {
  margin: 96px; }

.mgTop24x {
  margin-top: 96px; }

.mgBottom24x {
  margin-bottom: 96px; }

.mgLeft24x {
  margin-left: 96px; }

.mgRight24x {
  margin-right: 96px; }

.pd24x {
  padding: 96px; }

.pdTop24x {
  padding-top: 96px; }

.pdBottom24x {
  padding-bottom: 96px; }

.pdLeft24x {
  padding-left: 96px; }

.pdRight24x {
  padding-right: 96px; }

.mg25x {
  margin: 100px; }

.mgTop25x {
  margin-top: 100px; }

.mgBottom25x {
  margin-bottom: 100px; }

.mgLeft25x {
  margin-left: 100px; }

.mgRight25x {
  margin-right: 100px; }

.pd25x {
  padding: 100px; }

.pdTop25x {
  padding-top: 100px; }

.pdBottom25x {
  padding-bottom: 100px; }

.pdLeft25x {
  padding-left: 100px; }

.pdRight25x {
  padding-right: 100px; }

.mg26x {
  margin: 104px; }

.mgTop26x {
  margin-top: 104px; }

.mgBottom26x {
  margin-bottom: 104px; }

.mgLeft26x {
  margin-left: 104px; }

.mgRight26x {
  margin-right: 104px; }

.pd26x {
  padding: 104px; }

.pdTop26x {
  padding-top: 104px; }

.pdBottom26x {
  padding-bottom: 104px; }

.pdLeft26x {
  padding-left: 104px; }

.pdRight26x {
  padding-right: 104px; }

.mg27x {
  margin: 108px; }

.mgTop27x {
  margin-top: 108px; }

.mgBottom27x {
  margin-bottom: 108px; }

.mgLeft27x {
  margin-left: 108px; }

.mgRight27x {
  margin-right: 108px; }

.pd27x {
  padding: 108px; }

.pdTop27x {
  padding-top: 108px; }

.pdBottom27x {
  padding-bottom: 108px; }

.pdLeft27x {
  padding-left: 108px; }

.pdRight27x {
  padding-right: 108px; }

.mg28x {
  margin: 112px; }

.mgTop28x {
  margin-top: 112px; }

.mgBottom28x {
  margin-bottom: 112px; }

.mgLeft28x {
  margin-left: 112px; }

.mgRight28x {
  margin-right: 112px; }

.pd28x {
  padding: 112px; }

.pdTop28x {
  padding-top: 112px; }

.pdBottom28x {
  padding-bottom: 112px; }

.pdLeft28x {
  padding-left: 112px; }

.pdRight28x {
  padding-right: 112px; }

.mg29x {
  margin: 116px; }

.mgTop29x {
  margin-top: 116px; }

.mgBottom29x {
  margin-bottom: 116px; }

.mgLeft29x {
  margin-left: 116px; }

.mgRight29x {
  margin-right: 116px; }

.pd29x {
  padding: 116px; }

.pdTop29x {
  padding-top: 116px; }

.pdBottom29x {
  padding-bottom: 116px; }

.pdLeft29x {
  padding-left: 116px; }

.pdRight29x {
  padding-right: 116px; }

/** フォントを読み込む場合 **/
html {
  font-size: 62.5%; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  color: #333333;
  background: #fff;
  -webkit-font-feature-settings: "palt" 1;
     -moz-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-family: "Noto Sans JP","Lato", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  line-height: 1;
  width: 100%;
  height: 100%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }

html:lang(vi) body {
  font-family: "Times New Roman", Arial, "Noto Sans JP", "Lato", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }

/** フォントを読み込む場合 **/
.l_inner {
  width: 980px;
  margin: 0 auto; }
  @media (max-width: 899px) {
    .l_inner {
      width: auto;
      padding: 0 20px; } }

.Main {
  background: url(../../img/lp/bg_key.png) no-repeat 50% 0;
  background-size: cover;
  width: 100%;
  min-height: 500px; }
  .Main_inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    min-height: 500px; }
    @media (max-width: 899px) {
      .Main_inner {
        padding-top: 100px;
        padding-bottom: 60px; } }
  .Main_title {
    font-size: 52px;
    font-size: 52px;
    font-size: 5.2rem;
    margin-bottom: 28px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold; }
    @media (max-width: 899px) {
      .Main_title {
        font-size: 32px;
        font-size: 3.2rem; } }
  .Main_text {
    font-size: 19px;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.5;
    color: #fff;
    font-weight: bold; }
    @media (max-width: 899px) {
      .Main_text {
        font-size: 14px;
        font-size: 1.4rem; } }
  .Main_choice {
    margin-top: 60px; }
    @media (max-width: 899px) {
      .Main_choice {
        text-align: center; } }
    .Main_choiceTitle {
      font-size: 20px;
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold;
      color: #fff;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .Main_choiceTitle:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url(../../img/lp/icon_choice_lang.svg) no-repeat 50% 50%;
        background-size: 24px auto;
        margin-right: 4px; }
      @media (max-width: 899px) {
        .Main_choiceTitle {
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
    .Main_choice select {
      border-radius: 0;
      display: inline-block;
      line-height: 1.5em;
      margin: 0;
      border: none;
      background: #fff;
      color: #373B46;
      font-size: 20px;
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold;
      margin-top: 20px;
      padding: 12px 24px 12px 40px;
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
      min-width: 240px; }
      .Main_choice select:fucus {
        box-shadow: none;
        outline: none;
        border: none; }
      .Main_choice select.is-en {
        background: url(../../img/lp/icon_lang_en.png), url(../../img/lp/icon_arrow_bottom.svg), #fff;
        background-repeat: no-repeat;
        background-size: 20px auto, 10px auto, 100% 100%;
        background-position: 12px 50%, right 12px top 50%, 0 0; }
      .Main_choice select.is-jp {
        background: url(../../img/lp/icon_lang_jp.png), url(../../img/lp/icon_arrow_bottom.svg), #fff;
        background-repeat: no-repeat;
        background-size: 20px auto, 10px auto, 100% 100%;
        background-position: 12px 50%, right 12px top 50%, 0 0; }
      .Main_choice select.is-ch {
        background: url(../../img/lp/icon_lang_ch.png), url(../../img/lp/icon_arrow_bottom.svg), #fff;
        background-repeat: no-repeat;
        background-size: 20px auto, 10px auto, 100% 100%;
        background-position: 12px 50%, right 12px top 50%, 0 0; }
      .Main_choice select.is-vn {
        background: url(../../img/lp/icon_lang_vn.png), url(../../img/lp/icon_arrow_bottom.svg), #fff;
        background-repeat: no-repeat;
        background-size: 20px auto, 10px auto, 100% 100%;
        background-position: 12px 50%, right 12px top 50%, 0 0; }

.CvArea {
  background: #ff6453;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 10;
  transition: .3s ease-in-out; }
@media screen and (max-width:640.9px) { 
.CvArea {
  display:none;}
  }
  
  .CvArea_inner {
    padding: 20px; }
    @media (max-width: 899px) {
      .CvArea_inner {
        padding: 12px; } }
  .CvArea_buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 12px 0; }
    @media (max-width: 899px) {
      .CvArea_buttons {
        padding: 10px 0; } }
  .CvArea_text {
    color: #fff;
    font-size: 18px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-right: 12px;
    line-height: 36px; }
  .CvArea_button {
    display: block;
    margin: 0 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 32px;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 3px;
    transition: .3s; }
    @media (max-width: 899px) {
      .CvArea_button {
        padding: 12px; } }
    .CvArea_button:hover {
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
      -webkit-filter: brightness(0.6);
              filter: brightness(0.6);
      text-decoration: none; }
    .CvArea_button-tel {
      color: #fff;
      font-size: 26px;
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: 900;
      margin: 0; }
      @media (max-width: 899px) {
        .CvArea_button-tel {
          text-indent: -9999px;
          width: 36px;
          height: 36px;
          border: 1px solid #fff;
          border-radius: 3px;
          background: url(../../img/lp/icon_tel.svg) no-repeat 50% 50%;
          background-size: 18px auto;
          border-radius: 3px;
          margin: 0 6px; } }
      .CvArea_button-tel:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url(../../img/lp/icon_tel.svg) no-repeat 50% 50%;
        background-size: 24px auto;
        margin-right: 6px; }
        @media (max-width: 899px) {
          .CvArea_button-tel:before {
            content: none; } }
    .CvArea_button-mail {
      background: #fff;
      color: #ff6453 !important;
      font-weight: bold; }
      @media (max-width: 899px) {
        .CvArea_button-mail {
          text-indent: -9999px;
          width: 36px;
          height: 36px;
          border: 1px solid #fff;
          border-radius: 3px;
          background: url(../../img/lp/icon_mail.svg) no-repeat 50% 50% #fff;
          background-size: 18px auto; } }
      .CvArea_button-mail:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url(../../img/lp/icon_mail.svg) no-repeat 50% 50%;
        background-size: 24px auto;
        margin-right: 6px; }
        @media (max-width: 899px) {
          .CvArea_button-mail:before {
            content: none; } }
    .CvArea_button-line {
      background: #00B900;
      color: #fff !important;
      font-weight: bold; }
      @media (max-width: 899px) {
        .CvArea_button-line {
          text-indent: -9999px;
          width: 36px;
          height: 36px;
          background: url(../../img/lp/icon_line.svg) no-repeat 50% 50% #00B900;
          background-size: 18px auto; } }
      .CvArea_button-line:before {
        content: "";
        width: 24px;
        height: 24px;
        background-size: 24px auto;
        margin-right: 6px;
        background: url(../../img/lp/icon_line.svg) no-repeat 50% 50%; }
        @media (max-width: 899px) {
          .CvArea_button-line:before {
            content: none; } }

.Border {
  background: url(../../img/lp/img_border.png) repeat-x 0 0;
  background-size: 10px auto;
  width: 100%;
  height: 3px; }

.About_flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 899px) {
    .About_flex {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .About_flex-01 {
    margin-top: 60px;
    margin-bottom: 60px; }
    .About_flex-01 .About_flexL {
      width: 30%; }
      @media (max-width: 899px) {
        .About_flex-01 .About_flexL {
          width: 100%;
          text-align: center; } }
      .About_flex-01 .About_flexL img {
        width: auto; }
    .About_flex-01 .About_flexR {
      width: 70%;
      margin-left: 40px; }
      @media (max-width: 899px) {
        .About_flex-01 .About_flexR {
          width: 100%;
          margin-left: 0;
          margin-top: 24px; } }
  .About_flex-02 {
    margin-top: 48px; }
    .About_flex-02 .About_flexR {
      width: 30%;
      margin-left: 40px; }
      @media (max-width: 899px) {
        .About_flex-02 .About_flexR {
          width: 100%; } }
    .About_flex-02 .About_flexL {
      width: 70%; }
      @media (max-width: 899px) {
        .About_flex-02 .About_flexL {
          width: 100%;
          margin-bottom: 40px; } }
    .About_flex-02 .About_text {
      color: #373B46;
      font-weight: bold; }

.About_title {
  font-size: 40px;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  color: #373B46;
  line-height: 1.3;
  margin-bottom: 20px; }
  @media (max-width: 899px) {
    .About_title {
      font-size: 24px;
      font-size: 2.4rem; } }

.About_text {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #E77515;
  line-height: 1.5; }
  @media (max-width: 899px) {
    .About_text {
      font-size: 16px;
      font-size: 1.6rem; } }

.Package {
  margin-top: 60px; }
  .Package_inner {
    background: #F6F7F7;
    border: 2px solid #E1DBD3;
    padding: 40px 28px; }
  .Package_head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 899px) {
      .Package_head {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .Package_headL {
      width: 30%;
      text-align: center; }
      @media (max-width: 899px) {
        .Package_headL {
          display: none; } }
    .Package_headR {
      width: 70%; }
      @media (max-width: 899px) {
        .Package_headR {
          width: 100%; } }
    .Package_headTitle {
      font-size: 36px;
      font-size: 36px;
      font-size: 3.6rem;
      font-weight: bold;
      color: #E77515; }
      @media (max-width: 899px) {
        .Package_headTitle {
          font-size: 24px;
          font-size: 2.4rem; } }
    .Package_headText {
      font-size: 16px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      color: #747984;
      font-weight: bold;
      margin-top: 24px; }
  .Package_body {
    margin-top: 32px; }
  .Package_items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 899px) {
      .Package_items {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .Package_item {
    width: calc(33% - 14px);
    border: 4px solid #C0C7D8;
    box-sizing: border-box;
    background: #fff;
    margin-right: 28px;
    height: 190px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 4px; }
    .Package_item:last-child {
      margin-right: 0; }
      @media (max-width: 899px) {
        .Package_item:last-child {
          margin-bottom: 12px; } }
    @media (max-width: 899px) {
      .Package_item {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        height: auto;
        padding: 20px; } }
    .Package_itemText {
      font-size: 26px;
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: bold;
      color: #747984;
      margin-top: 12px; }
      @media (max-width: 899px) {
        .Package_itemText {
          font-size: 16px;
          font-size: 1.6rem; } }
  .Package_options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 28px; }
    @media (max-width: 899px) {
      .Package_options {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 12px; } }
    .Package_optionsTitle {
      color: #747984;
      font-size: 32px;
      font-size: 32px;
      font-size: 3.2rem;
      font-weight: bold;
      width: 15%;
      text-align: center; }
      @media (max-width: 899px) {
        .Package_optionsTitle {
          width: 100%;
          margin-bottom: 24px; } }
    .Package_optionsLists {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      border-radius: 4px;
      border: 4px solid #C0C7D8;
      padding: 24px 24px 12px;
      background: #fff; }
    .Package_optionsList {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 20px;
      font-size: 20px;
      font-size: 2rem;
      color: #747984;
      font-weight: bold;
      margin-bottom: 12px;
      margin-right: 20px;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .Package_optionsList:before {
        content: "";
        margin-right: 4px;
        width: 31px;
        height: 30px;
        display: block;
        background: url(../../img/lp/icon_check.png) no-repeat 50% 50%;
        background-size: 31px auto; }
        @media (max-width: 899px) {
          .Package_optionsList:before {
            width: 20px;
            height: 19px;
            min-width: 20px;
            background-size: 20px auto; } }

.Season {
  padding-top: 60px;
  padding-bottom: 60px; }
  .Season_title {
    font-size: 40px;
    font-size: 40px;
    font-size: 4rem;
    color: #373B46;
    line-height: 1.2;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 899px) {
      .Season_title {
        font-size: 24px;
        font-size: 2.4rem; } }
  .Season_text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #373B46;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 48px; }

.Flow {
  margin-top: 60px;
  padding-bottom: 60px; }
  .Flow_title {
    font-size: 40px;
    font-size: 40px;
    font-size: 4rem;
    color: #373B46;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin-bottom: 48px; }
    @media (max-width: 899px) {
      .Flow_title {
        font-size: 24px;
        font-size: 2.4rem; } }
  .Flow_items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    z-index: 1; }
  .Flow_item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    .Flow_item:before {
      content: "";
      height: 100%;
      width: 2px;
      background: #E77515;
      position: absolute;
      left: 16px;
      top: 0;
      z-index: -1; }
    .Flow_item:last-child:before {
      content: none; }
    .Flow_itemHead {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .Flow_itemNumber {
      background: #E77515;
      color: #fff;
      width: 32px;
      height: 32px;
      min-width: 32px;
      font-size: 20px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 32px;
      text-align: center;
      font-weight: bold;
      border-radius: 32px; }
    .Flow_itemTitle {
      font-size: 28px;
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: bold;
      color: #E77515;
      margin-left: 20px; }
      @media (max-width: 899px) {
        .Flow_itemTitle {
          font-size: 20px;
          font-size: 2rem; } }
    .Flow_itemBody {
      margin-top: 32px;
      padding-left: 60px;
      margin-bottom: 48px; }
      @media (max-width: 899px) {
        .Flow_itemBody {
          margin-top: 20px;
          margin-bottom: 32px;
          padding-left: 40px; } }
      .Flow_itemBody-01 {
        padding-right: 220px; }
        .Flow_itemBody-01:after {
          content: "";
          width: 222px;
          height: 170px;
          position: absolute;
          right: 0;
          top: 0;
          background: url(img/lp/img_flow01.png) no-repeat 50% 50%;
          background-size: 222px auto; }
        @media (max-width: 899px) {
          .Flow_itemBody-01 {
            padding-right: 0; }
            .Flow_itemBody-01:after {
              content: none; } }
      .Flow_itemBody-04 {
        padding-right: 220px; }
        .Flow_itemBody-04:after {
          content: "";
          width: 222px;
          height: 170px;
          position: absolute;
          right: 0;
          top: 0;
          background: url(../../img/lp/img_flow02.png) no-repeat 50% 50%;
          background-size: 222px auto; }
        @media (max-width: 899px) {
          .Flow_itemBody-04 {
            padding-right: 0; }
            .Flow_itemBody-04:after {
              content: none; } }
      .Flow_itemBody-06 {
        padding-right: 220px; }
        .Flow_itemBody-06:after {
          content: "";
          width: 222px;
          height: 170px;
          position: absolute;
          right: 0;
          top: 0;
          background: url(../../img/lp/img_flow03.png) no-repeat 50% 50%;
          background-size: 222px auto; }
        @media (max-width: 899px) {
          .Flow_itemBody-06 {
            padding-right: 0; }
            .Flow_itemBody-06:after {
              content: none; } }
    .Flow_itemLists {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .Flow_itemList {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      font-size: 18px;
      font-size: 18px;
      font-size: 1.8rem;
      color: #747984;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 12px;
      margin-right: 20px;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      @media (max-width: 899px) {
        .Flow_itemList {
          font-size: 14px;
          font-size: 1.4rem; } }
      .Flow_itemList:before {
        content: "";
        margin-right: 8px;
        width: 31px;
        height: 30px;
        min-width: 31px;
        display: block;
        background: url(../../img/lp/icon_check.png) no-repeat 50% 50%;
        background-size: 31px auto; }
        @media (max-width: 899px) {
          .Flow_itemList:before {
            width: 20px;
            height: 19px;
            min-width: 20px;
            background-size: 20px auto; } }

.Course {
  margin-top: 60px; }
  .Course_title {
    font-size: 40px;
    font-size: 40px;
    font-size: 4rem;
    color: #373B46;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin-bottom: 48px; }
    @media (max-width: 899px) {
      .Course_title {
        font-size: 24px;
        font-size: 2.4rem; } }
  .Course_inner {
    background: #FEFAF3;
    padding-top: 60px;
    padding-bottom: 60px; }
  .Course_head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media (max-width: 899px) {
      .Course_head {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .Course_headL {
      width: calc(182px + 20px);
      text-align: center; }
      @media (max-width: 899px) {
        .Course_headL {
          display: none; } }
    .Course_headR {
      width: calc(100% - 202px);
      padding-left: 40px; }
      @media (max-width: 899px) {
        .Course_headR {
          width: 100%;
          padding-left: 0; } }
    .Course_headTitle {
      font-size: 36px;
      font-size: 36px;
      font-size: 3.6rem;
      font-weight: bold;
      color: #E77515;
      line-height: 1.4; }
      @media (max-width: 899px) {
        .Course_headTitle {
          font-size: 24px;
          font-size: 2.4rem; } }
    .Course_headText {
      font-size: 16px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      color: #747984;
      font-weight: bold;
      margin-top: 24px; }
  .Course_body {
    margin-top: 48px; }

.Schedule {
  padding-top: 60px;
  padding-bottom: 60px; }
  .Schedule_title {
    font-size: 40px;
    font-size: 40px;
    font-size: 4rem;
    color: #373B46;
    line-height: 1.2;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 899px) {
      .Schedule_title {
        font-size: 24px;
        font-size: 2.4rem; } }
  .Schedule_text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #747984;
    text-align: center;
    font-weight: bold;
    margin-top: 32px;
    margin-bottom: 48px; }
  .Schedule_guide {
    margin-top: 28px;
    margin-bottom: 28px; }
    .Schedule_guideItems {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      @media (max-width: 899px) {
        .Schedule_guideItems {
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
    .Schedule_guideItem {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 28px; }
      @media (max-width: 899px) {
        .Schedule_guideItem {
          width: 100%;
          margin-left: 0;
          margin-bottom: 20px; } }
    .Schedule_guideTitle {
      font-size: 22px;
      font-size: 22px;
      font-size: 2.2rem;
      margin-left: 12px;
      font-weight: bold;
      line-height: 1.5;
      color: #747984; }
      .Schedule_guideTitle span {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 18px;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: inherit; }
  .Schedule_flags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    background: #F6F7F7;
    padding: 24px 24px 12px;
    border-radius: 6px; }
    @media (max-width: 899px) {
      .Schedule_flags {
        padding: 16px 16px 8px; } }
  .Schedule_flag {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    color: #747984;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 12px;
    margin-right: 28px;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-radius: 6px;
    color: #555; }
    @media (max-width: 899px) {
      .Schedule_flag {
        font-size: 16px;
        font-size: 1.6rem; } }
    .Schedule_flag:before {
      content: "";
      margin-right: 2px;
      width: 24px;
      height: 32px;
      min-width: 24px;
      display: block;
      background: url(../../img/lp/img_schedule04.png) no-repeat 50% 50%;
      background-size: 24px auto; }
      @media (max-width: 899px) {
        .Schedule_flag:before {
          width: 16px;
          height: 24px;
          background-size: 16px auto; } }
    .Schedule_flagNum {
      font-size: 24px;
      font-size: 24px;
      font-size: 2.4rem;
      color: #555;
      margin-right: 12px;
      margin-left: 4px; }
      @media (max-width: 899px) {
        .Schedule_flagNum {
          font-size: 18px;
          font-size: 1.8rem; } }
  .Schedule_cones {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    background: #8DA8F3;
    padding: 24px 24px 12px;
    margin-top: 28px;
    border-radius: 6px; }
    @media (max-width: 899px) {
      .Schedule_cones {
        padding: 16px 16px 8px; } }
  .Schedule_cone {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 12px;
    margin-right: 28px;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-radius: 6px;
    color: #fff; }
    @media (max-width: 899px) {
      .Schedule_cone {
        font-size: 16px;
        font-size: 1.6rem; } }
    .Schedule_cone:before {
      content: "";
      margin-right: 2px;
      width: 24px;
      height: 32px;
      min-width: 24px;
      display: block;
      background: url(../../img/lp/img_schedule05.png) no-repeat 50% 50%;
      background-size: 24px auto; }
      @media (max-width: 899px) {
        .Schedule_cone:before {
          width: 16px;
          height: 24px;
          background-size: 16px auto; } }
    .Schedule_coneNum {
      font-size: 24px;
      font-size: 24px;
      font-size: 2.4rem;
      color: #fff;
      margin-right: 12px;
      margin-left: 4px; }
      @media (max-width: 899px) {
        .Schedule_coneNum {
          font-size: 18px;
          font-size: 1.8rem; } }
  .Schedule_sheets {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    background: #FFA772;
    padding: 24px 24px 12px;
    margin-top: 28px;
    border-radius: 6px; }
    @media (max-width: 899px) {
      .Schedule_sheets {
        padding: 16px 16px 8px; } }
  .Schedule_sheet {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 20px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 12px;
    margin-right: 28px;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-radius: 6px;
    color: #fff; }
    @media (max-width: 899px) {
      .Schedule_sheet {
        font-size: 16px;
        font-size: 1.6rem; } }
    .Schedule_sheet:before {
      content: "";
      margin-right: 2px;
      width: 24px;
      height: 32px;
      min-width: 24px;
      display: block;
      background: url(../../img/lp/img_schedule06.png) no-repeat 50% 50%;
      background-size: 24px auto; }
      @media (max-width: 899px) {
        .Schedule_sheet:before {
          width: 16px;
          height: 24px;
          background-size: 16px auto; } }
    .Schedule_sheetNum {
      font-size: 24px;
      font-size: 24px;
      font-size: 2.4rem;
      color: #fff;
      margin-right: 12px;
      margin-left: 4px; }
      @media (max-width: 899px) {
        .Schedule_sheetNum {
          font-size: 18px;
          font-size: 1.8rem; } }

.Payment {
  margin-top: 60px;
  padding-bottom: 60px; }
  .Payment_title {
    font-size: 40px;
    font-size: 40px;
    font-size: 4rem;
    color: #373B46;
    line-height: 1.2;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 899px) {
      .Payment_title {
        font-size: 24px;
        font-size: 2.4rem; } }
  .Payment_text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #747984;
    text-align: center;
    font-weight: bold;
    margin-top: 32px;
    margin-bottom: 48px; }
  .Payment_inner {
    background: #F6F7F7;
    border: 2px solid #E1DBD3;
    padding: 40px 40px; }
    @media (max-width: 899px) {
      .Payment_inner {
        padding: 20px; } }
  .Payment_items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 899px) {
      .Payment_items {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .Payment_item {
    width: calc(50% - 20px);
    border: 4px solid #C0C7D8;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 320px;
    box-sizing: border-box;
    padding: 0 20px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 15px; }
    @media (max-width: 899px) {
      .Payment_item {
        height: auto;
        width: 100%;
        padding: 24px 16px 24px; } }
    .Payment_item:nth-child(2) {
      width: auto;
      word-break: keep-all;
      padding: 0 24px;
      border: none;
      background: none;
      font-size: 70px;
      font-size: 70px;
      font-size: 7rem;
      font-weight: bold;
      text-align: center;
      color: #FF7058; }
      @media (max-width: 899px) {
        .Payment_item:nth-child(2) {
          margin-bottom: 20px; } }
    .Payment_itemText {
      font-size: 24px;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: bold;
      color: #373B46;
      margin-top: 12px;
      text-align: center;
      line-height: 1.5; }
      @media (max-width: 899px) {
        .Payment_itemText {
          font-size: 18px;
          font-size: 1.8rem; } }
      .Payment_itemText span {
        display: block;
        font-size: 20px;
        font-size: 20px;
        font-size: 2rem;
        color: #747984; }
        @media (max-width: 899px) {
          .Payment_itemText span {
            font-size: 14px;
            font-size: 1.4rem; } }

.School {
  margin-top: 60px;
  padding-bottom: 60px; }
  .School_title {
    font-size: 36px;
    font-size: 36px;
    font-size: 3.6rem;
    color: #373B46;
    line-height: 1.4;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 899px) {
      .School_title {
        font-size: 24px;
        font-size: 2.4rem; } }
  .School_table {
    margin-top: 40px; }
    .School_table table {
      width: 100%; }
      .School_table table thead th {
        background: #F4A038;
        color: #fff;
        padding: 24px 0;
        font-size: 16px;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        border-right: 1px solid #fff; }
        .School_table table thead th:last-child {
          border-right: none; }
      .School_table table tbody th {
        background: #FFEEC2; }
      .School_table table tbody th, .School_table table tbody td {
        border-right: 1px solid #F1A547;
        border-bottom: 1px solid #F1A547;
        font-size: 14px;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 8px 0;
        text-align: center;
        font-weight: bold;
        width: calc(100% / 7); }
        .School_table table tbody th:first-child, .School_table table tbody td:first-child {
          border-left: 1px solid #F1A547; }
  .School_tabHead {
    margin-top: 40px; }
  .School_tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .School_tab {
    width: auto;
    min-width: 240px;
    padding: 16px 24px;
    border-radius: 30px;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    background: #eee;
    text-align: center;
    margin: 0 12px;
    color: #000;
    display: block;
    transition: .3s; }
    @media (max-width: 899px) {
      .School_tab {
        font-size: 14px;
        font-size: 1.4rem;
        min-width: inherit;
        margin: 0 6px;
        padding: 8px 16px; } }
    .School_tab:hover {
      background: #E77515;
      color: #fff; }
    .School_tab.is-active {
      background: #E77515;
      color: #fff; }

.Infomation {
  margin-top: 48px;
  padding-bottom: 60px; }
  .Infomation_title {
    font-size: 40px;
    font-size: 40px;
    font-size: 4rem;
    color: #373B46;
    line-height: 1.2;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 899px) {
      .Infomation_title {
        font-size: 24px;
        font-size: 2.4rem; } }
  .Infomation_text {
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #747984;
    text-align: center;
    font-weight: bold;
    margin-top: 32px;
    margin-bottom: 48px; }
  .Infomation_list dl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #747984;
    line-height: 1.5; }
    .Infomation_list dl dt {
      min-width: 32px; }

.onlySp {
  display: none !important; }
  @media (max-width: 899px) {
    .onlySp {
      display: block !important; } }

.onlyPc {
  display: block !important; }
  @media (max-width: 899px) {
    .onlyPc {
      display: none !important; } }

@media only screen and (max-width :768px) {
#footer_pagetop { bottom: 28vw;}
}