@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
  margin: 0; }

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

article, aside, details, figcaption,
figure, footer, header, hgroup, menu,
nav, section {
  display: block; }

@font-face {
  font-family: "Yu Gothic Medium";
  font-weight: 100;
  src: local("Yu Gothic Medium"); }

@font-face {
  font-family: "Yu Gothic Medium";
  font-weight: 200;
  src: local("Yu Gothic Medium"); }

@font-face {
  font-family: "Yu Gothic Medium";
  font-weight: 300;
  src: local("Yu Gothic Medium"); }

@font-face {
  font-family: "Yu Gothic Bold";
  font-style: bold;
  font-weight: 400;
  src: local("Yu Gothic Bold"); }

html {
  font-size: 16px;
  line-height: 1.231;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }

body {
  font-family: YuGothic, YuGothicM, "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #333; }

h2.name-title {
  color: #009be4; }

h2.name-title,
h2.section-title,
h3.section-title,
h4.section-title {
  font-size: 24px;
  font-weight: 700; }

span.day-time {
  font-size: 21px;
  font-weight: 700; }

span.room-trainer {
  font-size: 18px; }

strong {
  font-weight: 700; }

#PossibleTrainerArea p {
  font-size: 18px; }

#TrainingReservationListArea strong {
  display: block;
  text-align: center;
  font-size: 21px; }

#TrainingReservationCalendarArea p {
  font-size: 14px; }

@media only screen and (max-width: 599px) {
  span.day-time {
    font-size: 18px; }
  span.room-trainer {
    font-size: 16px; }
  #PriceAmountArea .pricemonth {
    font-size: 18px; }
    #PriceAmountArea .pricemonth strong {
      font-size: 21px;
      display: block; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  span.day-time {
    font-size: 18px; }
  span.room-trainer {
    font-size: 16px; }
  #PriceAmountArea .pricemonth {
    font-size: 21px; } }

@media only screen and (min-width: 995px) {
  span.day-time {
    font-size: 21px; }
  span.room-trainer {
    font-size: 18px; }
  #PriceAmountArea .pricemonth {
    font-size: 21px;
    text-align: center; } }

h2.name-kanji {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 700; }

h3.name-alphabet {
  font-size: 14px;
  line-height: 1.2; }

ol.qualification {
  font-size: 14px;
  line-height: 1.2; }

.modal_box strong {
  font-size: 21px;
  line-height: 1.6; }

.modal_box p {
  font-size: 14px;
  line-height: 1.6; }

/*====================================================
 GridSystem
=====================================================*/
.col1-wrap, .col2-wrap, .col3-wrap, .col4-wrap, .col5-wrap, .col6-wrap,
.col7-wrap, .col8-wrap, .col9-wrap, .col10-wrap, .col11-wrap, .col12-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }
  .col1-wrap .col, .col2-wrap .col, .col3-wrap .col, .col4-wrap .col, .col5-wrap .col, .col6-wrap .col,
  .col7-wrap .col, .col8-wrap .col, .col9-wrap .col, .col10-wrap .col, .col11-wrap .col, .col12-wrap .col {
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    display: block; }

/* Basic column */
.col1-wrap .col {
  width: calc(100% / 1); }

.col2-wrap .col {
  width: calc(100% / 2); }

.col3-wrap .col {
  width: calc(100% / 3); }

.col4-wrap .col {
  width: calc(100% / 4); }

.col5-wrap .col {
  width: calc(100% / 5); }

.col6-wrap .col {
  width: calc(100% / 6); }

.col7-wrap .col {
  width: calc(100% / 7); }

.col8-wrap .col {
  width: calc(100% / 8); }

.col9-wrap .col {
  width: calc(100% / 9); }

.col10-wrap .col {
  width: calc(100% / 10); }

.col11-wrap .col {
  width: calc(100% / 11); }

.col12-wrap .col {
  width: calc(100% / 12); }

/* Three columns per breakpoint */
@media only screen and (max-width: 479px) {
  .col3-break-xs .col {
    width: calc(100% / 3) !important; }
  .col3-break-sm .col {
    width: calc(100% / 3) !important; }
  .col3-break-md .col {
    width: calc(100% / 3) !important; }
  .col3-break-lg .col {
    width: calc(100% / 3) !important; }
  .col3-break-xl .col {
    width: calc(100% / 3) !important; } }

@media only screen and (min-width: 480px) and (max-width: 599px) {
  .col3-break-sm .col {
    width: calc(100% / 3) !important; }
  .col3-break-md .col {
    width: calc(100% / 3) !important; }
  .col3-break-lg .col {
    width: calc(100% / 3) !important; }
  .col3-break-xl .col {
    width: calc(100% / 3) !important; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .col3-break-md .col {
    width: calc(100% / 3) !important; }
  .col3-break-lg .col {
    width: calc(100% / 3) !important; }
  .col3-break-xl .col {
    width: calc(100% / 3) !important; } }

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  .col3-break-lg .col {
    width: calc(100% / 3) !important; }
  .col3-break-xl .col {
    width: calc(100% / 3) !important; } }

@media only screen and (min-width: 1201px) {
  .col3-break-xl .col {
    width: calc(100% / 3) !important; } }

/* Two columns per breakpoint */
@media only screen and (max-width: 479px) {
  .col2-break-xs .col {
    width: calc(100% / 2) !important; }
  .col2-break-sm .col {
    width: calc(100% / 2) !important; }
  .col2-break-md .col {
    width: calc(100% / 2) !important; }
  .col2-break-lg .col {
    width: calc(100% / 2) !important; }
  .col2-break-xl .col {
    width: calc(100% / 2) !important; } }

@media only screen and (min-width: 480px) and (max-width: 599px) {
  .col2-break-sm .col {
    width: calc(100% / 2) !important; }
  .col2-break-md .col {
    width: calc(100% / 2) !important; }
  .col2-break-lg .col {
    width: calc(100% / 2) !important; }
  .col2-break-xl .col {
    width: calc(100% / 2) !important; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .col2-break-md .col {
    width: calc(100% / 2) !important; }
  .col2-break-lg .col {
    width: calc(100% / 2) !important; }
  .col2-break-xl .col {
    width: calc(100% / 2) !important; } }

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  .col2-break-lg .col {
    width: calc(100% / 2) !important; }
  .col2-break-xl .col {
    width: calc(100% / 2) !important; } }

@media only screen and (min-width: 1201px) {
  .col2-break-xl .col {
    width: calc(100% / 2) !important; } }

/* One columns per breakpoint */
@media only screen and (max-width: 479px) {
  .col-break-xs .col {
    width: 100% !important; }
  .col-break-sm .col {
    width: 100% !important; }
  .col-break-md .col {
    width: 100% !important; }
  .col-break-lg .col {
    width: 100% !important; }
  .col-break-xl .col {
    width: 100% !important; } }

@media only screen and (min-width: 480px) and (max-width: 599px) {
  .col-break-sm .col {
    width: 100% !important; }
  .col-break-md .col {
    width: 100% !important; }
  .col-break-lg .col {
    width: 100% !important; }
  .col-break-xl .col {
    width: 100% !important; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .col-break-md .col {
    width: 100% !important; }
  .col-break-lg .col {
    width: 100% !important; }
  .col-break-xl .col {
    width: 100% !important; } }

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  .col-break-lg .col {
    width: 100% !important; }
  .col-break-xl .col {
    width: 100% !important; } }

@media only screen and (min-width: 1201px) {
  .col-break-xl .col {
    width: 100% !important; } }

ul.arrow4-arrow2-arrow2,
ul.card4-card4-card4,
ul.card4-card4-card3,
ul.card4-card4-card2,
ul.card4-card4-card1,
ul.card4-card3-card4,
ul.card4-card3-card3,
ul.card4-card3-card2,
ul.card4-card3-card1,
ul.card4-card2-card4,
ul.card4-card2-card3,
ul.card4-card2-card2,
ul.card4-card2-card1,
ul.card4-card1-card4,
ul.card4-card1-card3,
ul.card4-card1-card2,
ul.card4-card1-card1,
ul.card3-card3-card3,
ul.card3-card3-card2,
ul.card3-card3-card1,
ul.card3-card2-card3,
ul.card3-card2-card2,
ul.card3-card2-card1,
ul.card3-card1-card3,
ul.card3-card1-card2,
ul.card3-card1-card1,
ul.card2-card2-card2,
ul.card2-card2-card1,
ul.card2-card1-card2,
ul.card2-card1-card1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0px !important;
  padding: 0px !important;
  list-style-type: none; }
  ul.arrow4-arrow2-arrow2 li,
  ul.card4-card4-card4 li,
  ul.card4-card4-card3 li,
  ul.card4-card4-card2 li,
  ul.card4-card4-card1 li,
  ul.card4-card3-card4 li,
  ul.card4-card3-card3 li,
  ul.card4-card3-card2 li,
  ul.card4-card3-card1 li,
  ul.card4-card2-card4 li,
  ul.card4-card2-card3 li,
  ul.card4-card2-card2 li,
  ul.card4-card2-card1 li,
  ul.card4-card1-card4 li,
  ul.card4-card1-card3 li,
  ul.card4-card1-card2 li,
  ul.card4-card1-card1 li,
  ul.card3-card3-card3 li,
  ul.card3-card3-card2 li,
  ul.card3-card3-card1 li,
  ul.card3-card2-card3 li,
  ul.card3-card2-card2 li,
  ul.card3-card2-card1 li,
  ul.card3-card1-card3 li,
  ul.card3-card1-card2 li,
  ul.card3-card1-card1 li,
  ul.card2-card2-card2 li,
  ul.card2-card2-card1 li,
  ul.card2-card1-card2 li,
  ul.card2-card1-card1 li {
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    list-style-type: none !important; }

@media only screen and (max-width: 479px) {
  ul.card4-card4-card4 li,
  ul.card4-card3-card4 li,
  ul.card4-card2-card4 li,
  ul.card4-card1-card4 li {
    width: 21.93%;
    margin-bottom: 15px !important; }
  ul.card3-card3-card3 li,
  ul.card3-card2-card3 li,
  ul.card3-card1-card3 li,
  ul.card4-card4-card3 li,
  ul.card4-card3-card3 li,
  ul.card4-card2-card3 li,
  ul.card4-card1-card3 li {
    width: 31%;
    margin-bottom: 15px !important; }
  ul.card2-card2-card2 li,
  ul.card2-card1-card2 li,
  ul.card3-card3-card2 li,
  ul.card3-card2-card2 li,
  ul.card3-card1-card2 li,
  ul.card4-card4-card2 li,
  ul.card4-card3-card2 li,
  ul.card4-card2-card2 li,
  ul.card4-card1-card2 li {
    width: 48.5%;
    margin-bottom: 15px !important; }
  ul.card2-card2-card1 li,
  ul.card2-card1-card1 li,
  ul.card3-card3-card1 li,
  ul.card3-card2-card1 li,
  ul.card3-card1-card1 li,
  ul.card4-card4-card1 li,
  ul.card4-card3-card1 li,
  ul.card4-card2-card1 li,
  ul.card4-card1-card1 li {
    width: 100%;
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 480px) and (max-width: 994px) {
  ul.card4-card4-card4 li,
  ul.card4-card4-card3 li,
  ul.card4-card4-card2 li,
  ul.card4-card4-card1 li {
    width: 21.93%;
    margin-bottom: 15px !important; }
  ul.card3-card3-card3 li,
  ul.card3-card3-card2 li,
  ul.card3-card3-card1 li,
  ul.card4-card3-card4 li,
  ul.card4-card3-card3 li,
  ul.card4-card3-card2 li,
  ul.card4-card3-card1 li {
    width: 31%;
    margin-bottom: 15px !important; }
  ul.card2-card2-card2 li,
  ul.card2-card2-card1 li,
  ul.card3-card2-card3 li,
  ul.card3-card2-card2 li,
  ul.card3-card2-card1 li,
  ul.card4-card2-card4 li,
  ul.card4-card2-card3 li,
  ul.card4-card2-card2 li,
  ul.card4-card2-card1 li {
    width: 48.5%;
    margin-bottom: 15px !important; }
  ul.card2-card1-card2 li,
  ul.card2-card1-card1
ul.card3-card1-card3 li,
  ul.card3-card1-card2 li,
  ul.card3-card1-card1
ul.card4-card1-card4 li,
  ul.card4-card1-card3 li,
  ul.card4-card1-card2 li,
  ul.card4-card1-card1 li {
    width: 100%;
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 995px) {
  ul.card4-card4-card4 li,
  ul.card4-card4-card3 li,
  ul.card4-card4-card2 li,
  ul.card4-card4-card1 li,
  ul.card4-card3-card4 li,
  ul.card4-card3-card3 li,
  ul.card4-card3-card2 li,
  ul.card4-card3-card1 li,
  ul.card4-card2-card4 li,
  ul.card4-card2-card3 li,
  ul.card4-card2-card2 li,
  ul.card4-card2-card1 li,
  ul.card4-card1-card4 li,
  ul.card4-card1-card3 li,
  ul.card4-card1-card2 li,
  ul.card4-card1-card1 li {
    width: 21.93%;
    margin-bottom: 15px !important; }
  ul.card3-card3-card3 li,
  ul.card3-card3-card2 li,
  ul.card3-card3-card1 li,
  ul.card3-card2-card3 li,
  ul.card3-card2-card2 li,
  ul.card3-card2-card1 li,
  ul.card3-card1-card3 li,
  ul.card3-card1-card2 li,
  ul.card3-card1-card1 li {
    width: 31%;
    margin-bottom: 15px !important; }
  ul.card2-card2-card2 li,
  ul.card2-card2-card1 li,
  ul.card2-card1-card2 li,
  ul.card2-card1-card1 li {
    width: 48.5%;
    margin-bottom: 15px !important; } }

.jquery-li {
  height: 0.1px !important;
  padding: 0 !important;
  margin: 0 !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important; }

.card li {
  border: 1px #eee solid; }

@media only screen and (max-width: 479px) {
  ul.arrow4-arrow2-arrow2 li {
    width: 100%;
    display: block; }
  ul.arrow4-arrow2-arrow2 li:after {
    background-image: url("../img/arrow-bottom.png");
    background-repeat: no-repeat;
    background-size: 24px 34px;
    background-position: center center;
    background-size: 31px 22px;
    width: 100%;
    height: 42px;
    content: ' ';
    display: block; }
  ul.arrow4-arrow2-arrow2 li:last-child:after {
    background-image: none; } }

@media only screen and (min-width: 480px) and (max-width: 994px) {
  ul.arrow4-arrow2-arrow2 li {
    width: 48.86%;
    display: block;
    position: relative;
    padding-right: 30px;
    padding-bottom: 50px; }
  ul.arrow4-arrow2-arrow2 li:before {
    background-image: url("../img/arrow-right.png");
    background-repeat: no-repeat;
    background-size: 24px 34px;
    background-position: center 100px;
    background-size: 22px 31px;
    position: absolute;
    right: -8px;
    width: 30px;
    height: 100%;
    content: ' ';
    display: block; }
  ul.arrow4-arrow2-arrow2 li:last-child:before {
    display: none; } }

@media only screen and (min-width: 995px) {
  ul.arrow4-arrow2-arrow2 li {
    width: 21.93%;
    display: block;
    position: relative;
    padding-bottom: 30px; }
  ul.arrow4-arrow2-arrow2 li:before {
    background-image: url("../img/arrow-right.png");
    background-repeat: no-repeat;
    background-size: 24px 34px;
    background-position: center 60px;
    background-size: 22px 31px;
    position: absolute;
    right: -15.27%;
    width: 12.27%;
    height: 100%;
    content: ' ';
    display: block; }
  ul.arrow4-arrow2-arrow2 li:last-child:before {
    display: none; } }

.jquery-li {
  height: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  overflow: hidden !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  border: none !important; }

/*
$min-width: 250px;
$max-width: 500px;
$min-height: 100px;
$max-height: 250px;

@mixin textarea($WindowWidth){
  @if $oo == oo{
    resize: horizontal; //横のみリサイズ可
  }
  @else if  $oo == oo{
    resize: vertical; // 縦のみリサイズ可
  }
  @else if  $oo == oo{
    resize: none; //縦横ともにリサイズ不可
  }
  @else if  $oo == oo{

  }
}
*/
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset; }

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="email"],
textarea {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #cccccc;
  font-size: 16px;
  padding: 10px; }

#LoginRlated input[type="text"],
#LoginRlated input[type="search"],
#LoginRlated input[type="tel"],
#LoginRlated input[type="url"],
#LoginRlated input[type="password"],
#LoginRlated input[type="email"] {
  font-size: 18px;
  padding: 18px; }

#LoginRlated input::-webkit-input-placeholder {
  color: #ddd; }

#LoginRlated input:-ms-input-placeholder {
  color: #ddd; }

#LoginRlated input::-moz-placeholder {
  color: #ddd; }

input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #3498db; }

/* リサイズの最小値と最大値を指定 */
/* 
textarea {
  min-width: 250px;
  max-width: 500px;
  min-height: 100px;
  max-height: 250px;
}
*/
input[type="radio"] {
  display: none; }

input[type="radio"] + label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer; }

input[type="radio"] + label::before,
input[type="radio"] + label::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

input[type="radio"] + label::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #ccc; }

input[type="radio"] + label:hover::before {
  background: #fff; }

input[type="radio"] + label::after {
  opacity: 0;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #3498db;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2); }

input[type="radio"]:checked + label::before {
  background: #fff;
  border: 1px solid #3498db; }

input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

/*
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]+label {
  position   : relative;
  display    : inline-block;
  padding    : 3px 3px 3px 22px;
  cursor     : pointer;
  transition : all .2s;
}
input[type="checkbox"]+label::before,
input[type="checkbox"]+label::after {
  position   : absolute;
  content    : '';
  transition : all .2s;
}
input[type="checkbox"]+label::before {
  top           : 50%;
  left          : 0;
  width         : 14px;
  height        : 14px;
  margin-top    : -8px;
  background    : #f4f4f4;
  border        : 1px solid #ccc;
  border-radius : 3px;
}
input[type="checkbox"]+label::after {
  opacity       : 0;
  top           : 50%;
  left          : 3px;
  width         : 8px;
  height        : 4px;
  margin-top    : -4px;
  border-left   : 2px solid #3498db;
  border-bottom : 2px solid #3498db;
  transform     : rotate(-45deg) scale(.5);
}
input[type="checkbox"]+label:hover::before {
  background    : #fff;
}
input[type="checkbox"]:checked + label::before {
  background    : #fff;
  border        : 1px solid #3498db;
}
input[type="checkbox"]:checked + label::after {
  opacity       : 1;
  transform     : rotate(-45deg) scale(1);
}
*/
select {
  /*　矢印を消す　*/
  text-indent: .01px;
  /* Firefox用 */
  -o-text-overflow: "";
  text-overflow: "";
  /* Firefox用 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*　背景画像の指定　*/
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding-right: 30px;
  background-color: #fff;
  background-image: url("../img/select-form-btn.png");
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: right center;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 25px 10px 10px; }

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  text-decoration: none; }

input[type="submit"] {
  color: #fff;
  background-color: #fc8700; }

input[type="reset"] {
  color: #fff;
  background-color: #fc8700; }

input[type="button"] {
  color: #fff;
  background-color: #fc8700; }

.add-error {
  border: #c82600 solid 1px !important;
  background-color: #ffe2db !important; }

p.error {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  margin-bottom: 0px;
  margin-top: 10px;
  font-size: 14px;
  color: #da0000; }

.ui-datepicker {
  position: absolute;
  top: 0;
  z-index: -1; }

.ui-datepicker-calendar thead tr th:first-child {
  color: #f20000; }

.ui-datepicker-calendar thead tr th:last-child {
  color: #006ef2; }

.ui-datepicker-calendar tbody tr td:first-child a {
  color: #f20000; }

.ui-datepicker-calendar tbody tr td:last-child a {
  color: #006ef2; }

.ui-datepicker-unselectable span,
.ui-state-disabled span {
  color: #dbdbdb; }

@media only screen and (max-width: 479px) {
  .ui-state-active {
    background: #0064C8;
    color: #fff !important;
    border-radius: 4px; }
  .ui-datepicker {
    text-align: center;
    background: #fff;
    margin: 12px 0 8px 0;
    border: 1px solid #C8C8C8;
    padding: 8px; }
  .ui-datepicker a {
    color: #333;
    text-decoration: none;
    cursor: pointer; }
  .ui-datepicker-calendar {
    width: 100%; }
  .ui-datepicker-group {
    margin: 0 0 8px 0;
    background: #48C2C2; }
  .ui-datepicker-header {
    width: 100%;
    display: block;
    background: #fff;
    color: #333;
    padding: 12px;
    text-align: center; }
  .ui-datepicker-title {
    display: block;
    width: 100%;
    font-size: 14.4px;
    text-align: center; }
  .ui-datepicker-calendar thead th {
    color: #333;
    padding: 16px; }
  .ui-datepicker-calendar th,
  .ui-datepicker-calendar td {
    font-size: 11.2px;
    color: #378F8F;
    text-align: center; }
  .ui-datepicker-calendar td span {
    display: block;
    padding: 8px; }
  .ui-datepicker-calendar td a {
    color: #333;
    display: block;
    text-align: center;
    padding: 16px;
    cursor: pointer; }
  .ui-datepicker-title {
    clear: both; }
  .ui-datepicker-prev {
    float: left; }
  .ui-datepicker-next {
    float: right; } }

@media only screen and (min-width: 480px) and (max-width: 599px) {
  .ui-state-active {
    background: #0064C8;
    color: #fff !important;
    border-radius: 5px; }
  .ui-datepicker {
    text-align: center;
    background: #fff;
    margin: 15px 0 10px 0;
    border: 1px solid #C8C8C8;
    padding: 10px; }
  .ui-datepicker a {
    color: #333;
    text-decoration: none;
    cursor: pointer; }
  .ui-datepicker-calendar {
    width: 100%; }
  .ui-datepicker-group {
    margin: 0 0 10px 0;
    background: #48C2C2; }
  .ui-datepicker-header {
    width: 100%;
    display: block;
    background: #fff;
    color: #333;
    padding: 15px;
    text-align: center; }
  .ui-datepicker-title {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: center; }
  .ui-datepicker-calendar thead th {
    color: #333;
    padding: 20px; }
  .ui-datepicker-calendar th,
  .ui-datepicker-calendar td {
    font-size: 14px;
    color: #378F8F;
    text-align: center; }
  .ui-datepicker-calendar td span {
    display: block;
    padding: 10px; }
  .ui-datepicker-calendar td a {
    color: #333;
    display: block;
    text-align: center;
    padding: 20px;
    cursor: pointer; }
  .ui-datepicker-title {
    clear: both; }
  .ui-datepicker-prev {
    float: left; }
  .ui-datepicker-next {
    float: right; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .ui-state-active {
    background: #0064C8;
    color: #fff !important;
    border-radius: 4.27807px; }
  .ui-datepicker {
    text-align: center;
    background: #fff;
    margin: 12.83422px 0 8.55615px 0;
    border: 1px solid #C8C8C8;
    padding: 8.55615px; }
  .ui-datepicker a {
    color: #333;
    text-decoration: none;
    cursor: pointer; }
  .ui-datepicker-calendar {
    width: 100%; }
  .ui-datepicker-group {
    margin: 0 0 8.55615px 0;
    background: #48C2C2; }
  .ui-datepicker-header {
    width: 100%;
    display: block;
    background: #fff;
    color: #333;
    padding: 12.83422px;
    text-align: center; }
  .ui-datepicker-title {
    display: block;
    width: 100%;
    font-size: 15.40107px;
    text-align: center; }
  .ui-datepicker-calendar thead th {
    color: #333;
    padding: 17.1123px; }
  .ui-datepicker-calendar th,
  .ui-datepicker-calendar td {
    font-size: 11.97861px;
    color: #378F8F;
    text-align: center; }
  .ui-datepicker-calendar td span {
    display: block;
    padding: 8.55615px; }
  .ui-datepicker-calendar td a {
    color: #333;
    display: block;
    text-align: center;
    padding: 17.1123px;
    cursor: pointer; }
  .ui-datepicker-title {
    clear: both; }
  .ui-datepicker-prev {
    float: left; }
  .ui-datepicker-next {
    float: right; } }

@media only screen and (min-width: 995px) {
  .ui-state-active {
    background: #0064C8;
    color: #fff !important;
    border-radius: 5px; }
  .ui-datepicker {
    text-align: center;
    background: #fff;
    margin: 15px 0 10px 0;
    border: 1px solid #C8C8C8;
    padding: 10px; }
  .ui-datepicker a {
    color: #333;
    text-decoration: none;
    cursor: pointer; }
  .ui-datepicker-calendar {
    width: 100%; }
  .ui-datepicker-group {
    margin: 0 0 10px 0;
    background: #48C2C2; }
  .ui-datepicker-header {
    width: 100%;
    display: block;
    background: #fff;
    color: #333;
    padding: 15px;
    text-align: center; }
  .ui-datepicker-title {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: center; }
  .ui-datepicker-calendar thead th {
    color: #333;
    padding: 20px; }
  .ui-datepicker-calendar th,
  .ui-datepicker-calendar td {
    font-size: 14px;
    color: #378F8F;
    text-align: center; }
  .ui-datepicker-calendar td span {
    display: block;
    padding: 10px; }
  .ui-datepicker-calendar td a {
    color: #333;
    display: block;
    text-align: center;
    padding: 20px;
    cursor: pointer; }
  .ui-datepicker-title {
    clear: both; }
  .ui-datepicker-prev {
    float: left; }
  .ui-datepicker-next {
    float: right; } }

/* Facebook Like Box width: 100%  ---------------*/
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
  width: 100% !important; }

@media only screen and (max-width: 767px) {
  .fbcomments,
  .fb_iframe_widget,
  .fb_iframe_widget[style],
  .fb_iframe_widget iframe[style],
  .fbcomments iframe[style],
  .fb_iframe_widget span {
    height: 306px !important; } }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .fbcomments,
  .fb_iframe_widget,
  .fb_iframe_widget[style],
  .fb_iframe_widget iframe[style],
  .fbcomments iframe[style],
  .fb_iframe_widget span {
    height: 150px !important; } }

@media only screen and (min-width: 960px) {
  .fbcomments,
  .fb_iframe_widget,
  .fb_iframe_widget[style],
  .fb_iframe_widget iframe[style],
  .fbcomments iframe[style],
  .fb_iframe_widget span {
    height: 306px !important; } }

@media only screen and (max-width: 599px) {
  .main {
    width: 96%;
    margin: 0px auto; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .main {
    width: 96%;
    margin: 0px auto; } }

@media only screen and (min-width: 995px) {
  .main {
    width: 100%; } }

.main section {
  margin-bottom: 80px; }

.main h2.name-title,
.main h2.section-title,
.main h3.section-title {
  text-align: center;
  margin-bottom: 46px; }

#LoginRlated form .form-input input {
  width: 100%; }

@media only screen and (max-width: 599px) {
  #LoginRlated form {
    width: 96%;
    margin: 0px auto; }
    #LoginRlated form .form-input {
      margin-bottom: 30px; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  #LoginRlated form {
    width: 400px;
    margin: 0px auto; }
    #LoginRlated form .form-input {
      margin-bottom: 30px; } }

@media only screen and (min-width: 995px) {
  #LoginRlated form {
    width: 400px;
    margin: 0px auto; }
    #LoginRlated form .form-input {
      margin-bottom: 30px; } }

#LoginRlated div.forgot {
  width: 100%;
  text-align: center; }
  #LoginRlated div.forgot a {
    font-size: 16px;
    color: #333;
    opacity: 1;
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out; }
  #LoginRlated div.forgot a:hover {
    opacity: 0.7; }

#TrainingTimeMonthArea div {
  color: #009be4;
  text-align: center;
  font-size: 24px;
  font-weight: 700; }
  #TrainingTimeMonthArea div em {
    font-size: 42px; }

#TrainingTimeFormArea h4.section-title {
  text-align: center;
  margin-bottom: 30px; }

#PossibleTrainerArea h3.section-title {
  text-align: center;
  margin-bottom: 30px; }

#PossibleTrainerArea p {
  text-align: center;
  margin-bottom: 30px; }

#PossibleTrainerArea figure {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

#PossibleTrainerArea .jqueryli figure {
  width: 150px;
  height: 1px;
  display: block; }

#PossibleTrainerArea figure img,
#PossibleTrainerArea .jqueryli figure img {
  width: 100%;
  height: auto; }

#PossibleTrainerArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 11px; }
  @media only screen and (max-width: 599px) {
    #PossibleTrainerArea ul {
      margin-right: auto;
      margin-left: auto; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    #PossibleTrainerArea ul {
      margin-right: auto;
      margin-left: auto; } }
  @media only screen and (min-width: 995px) {
    #PossibleTrainerArea ul {
      width: 980px;
      margin-right: auto;
      margin-left: auto; } }
  #PossibleTrainerArea ul li {
    padding: 5px 5px 35px 5px; }
    #PossibleTrainerArea ul li strong, #PossibleTrainerArea ul li a {
      text-align: center;
      display: block; }
    #PossibleTrainerArea ul li strong {
      margin-top: 15px;
      margin-bottom: 15px; }
  #PossibleTrainerArea ul li.jqueryli {
    padding: 0px 5px 0px 5px; }

#PossibleTrainerArea label {
  -webkit-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  width: 100%;
  color: #fff;
  display: inline-block;
  text-align: center;
  background-color: #009be4;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  margin-bottom: 15px; }

#PossibleTrainerArea input[type="checkbox"] {
  display: none; }

#PossibleTrainerArea .check_box:checked + label {
  color: #333;
  background-color: #f0f0f0 !important; }

#PossibleTrainerArea label span:before {
  content: "選択する"; }

#PossibleTrainerArea .check_box:checked + label span:before {
  content: "キャンセル" !important; }

#PossibleTrainerArea label + a {
  color: #fff;
  background-color: #009be4; }

#PossibleTrainerArea label:hover {
  opacity: 0.7; }

#PossibleTrainerArea .no-check + label {
  opacity: 0.2; }

#PossibleTrainerArea .no-check + label:hover {
  opacity: 0.2; }

#DecisionArea h3.section-title {
  font-size: 18px;
  margin-bottom: 30px !important;
  line-height: 1.8; }

#DecisionArea p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 46px;
  line-height: 1.8; }

#ConfirmReservationArea ul.list {
  margin-bottom: 46px; }
  @media only screen and (max-width: 599px) {
    #ConfirmReservationArea ul.list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (min-width: 600px) {
    #ConfirmReservationArea ul.list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  #ConfirmReservationArea ul.list li strong {
    font-size: 21px;
    width: 180px; }
  #ConfirmReservationArea ul.list li span {
    font-size: 21px; }

#ConfirmReservationArea .reservation-result {
  border: 1px solid #009be4; }
  #ConfirmReservationArea .reservation-result li span {
    font-size: 16px;
    display: block; }

@media only screen and (max-width: 599px) {
  #ConfirmReservationArea .reservation-result {
    text-align: left;
    width: 100%;
    margin-bottom: 46px;
    padding: 5%; }
    #ConfirmReservationArea .reservation-result li {
      font-size: 21px;
      margin-bottom: 20px; }
      #ConfirmReservationArea .reservation-result li span {
        font-size: 16px; }
    #ConfirmReservationArea .reservation-result li:last-child {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 0px; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  #ConfirmReservationArea .reservation-result {
    text-align: right;
    width: 560px;
    margin: 0 auto;
    margin-bottom: 46px;
    padding: 30px; }
    #ConfirmReservationArea .reservation-result li {
      font-size: 21px;
      margin-bottom: 20px; }
      #ConfirmReservationArea .reservation-result li span {
        font-size: 16px; }
    #ConfirmReservationArea .reservation-result li:last-child {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 0px; } }

@media only screen and (min-width: 995px) {
  #ConfirmReservationArea .reservation-result {
    text-align: right;
    width: 630px;
    margin: 0 auto;
    margin-bottom: 46px;
    padding: 30px; }
    #ConfirmReservationArea .reservation-result li {
      font-size: 21px;
      margin-bottom: 20px; }
      #ConfirmReservationArea .reservation-result li span {
        font-size: 16px; }
    #ConfirmReservationArea .reservation-result li:last-child {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 0px; } }

.main .btn,
.main .btnsize26,
.main .btnsize30,
.main .btnsize40,
.main .btnsize50,
.main .btnsize56,
.main .btnsize80, .index .btn,
.index .btnsize26,
.index .btnsize30,
.index .btnsize40,
.index .btnsize50,
.index .btnsize56,
.index .btnsize80 {
  color: #333;
  display: inline-block;
  text-align: center;
  background-color: #f0f0f0;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out; }

.main .btn:hover,
.main .btnsize26:hover,
.main .btnsize30:hover,
.main .btnsize40:hover,
.main .btnsize50:hover,
.main .btnsize56:hover,
.main .btnsize80:hover, .index .btn:hover,
.index .btnsize26:hover,
.index .btnsize30:hover,
.index .btnsize40:hover,
.index .btnsize50:hover,
.index .btnsize56:hover,
.index .btnsize80:hover {
  cursor: pointer;
  opacity: 0.7; }

.main .btnsize26, .index .btnsize26 {
  font-size: 16px;
  height: 26px;
  line-height: 26px;
  border-radius: 5px; }

.main .btnsize30, .index .btnsize30 {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px; }

.main .btnsize40, .index .btnsize40 {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px; }

.main .btnsize50, .index .btnsize50 {
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  border-radius: 5px; }

.main .btnsize56, .index .btnsize56 {
  font-size: 18px;
  font-weight: 700;
  height: 56px;
  line-height: 56px;
  border-radius: 5px; }

.main .btnsize80, .index .btnsize80 {
  font-size: 21px;
  font-weight: 700;
  height: 80px;
  line-height: 80px;
  border-radius: 5px; }

.main .btnactive, .index .btnactive {
  color: #fff;
  background-color: #009be4; }

.main #LoginRlated .btnArea, .index #LoginRlated .btnArea {
  text-align: center;
  margin-bottom: 30px; }
  .main #LoginRlated .btnArea button[type="submit"], .index #LoginRlated .btnArea button[type="submit"] {
    color: #fff;
    background-color: #009be4; }
    @media only screen and (max-width: 599px) {
      .main #LoginRlated .btnArea button[type="submit"], .index #LoginRlated .btnArea button[type="submit"] {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      .main #LoginRlated .btnArea button[type="submit"], .index #LoginRlated .btnArea button[type="submit"] {
        margin-right: 10px;
        -webkit-transition: 0s ease-in-out;
        -o-transition: 0s ease-in-out;
        transition: 0s ease-in-out; } }
    @media only screen and (min-width: 995px) {
      .main #LoginRlated .btnArea button[type="submit"], .index #LoginRlated .btnArea button[type="submit"] {
        margin-right: 10px; } }
  .main #LoginRlated .btnArea a, .index #LoginRlated .btnArea a {
    color: #333;
    background-color: #f0f0f0;
    margin-right: 0px; }
    @media only screen and (max-width: 599px) {
      .main #LoginRlated .btnArea a, .index #LoginRlated .btnArea a {
        margin-bottom: 0px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      .main #LoginRlated .btnArea a, .index #LoginRlated .btnArea a {
        margin-left: 10px; } }
    @media only screen and (min-width: 995px) {
      .main #LoginRlated .btnArea a, .index #LoginRlated .btnArea a {
        margin-left: 10px; } }
  @media only screen and (max-width: 599px) {
    .main #LoginRlated .btnArea button[type="submit"],
    .main #LoginRlated .btnArea a, .index #LoginRlated .btnArea button[type="submit"],
    .index #LoginRlated .btnArea a {
      width: 100%; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .main #LoginRlated .btnArea button[type="submit"],
    .main #LoginRlated .btnArea a, .index #LoginRlated .btnArea button[type="submit"],
    .index #LoginRlated .btnArea a {
      width: 140px; } }
  @media only screen and (min-width: 995px) {
    .main #LoginRlated .btnArea button[type="submit"],
    .main #LoginRlated .btnArea a, .index #LoginRlated .btnArea button[type="submit"],
    .index #LoginRlated .btnArea a {
      width: 140px; } }

.main #ConfirmReservationArea .btnArea, .index #ConfirmReservationArea .btnArea {
  text-align: center;
  margin-bottom: 30px; }
  .main #ConfirmReservationArea .btnArea button[type="submit"], .index #ConfirmReservationArea .btnArea button[type="submit"] {
    color: #fff;
    background-color: #009be4; }
    @media only screen and (max-width: 599px) {
      .main #ConfirmReservationArea .btnArea button[type="submit"], .index #ConfirmReservationArea .btnArea button[type="submit"] {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      .main #ConfirmReservationArea .btnArea button[type="submit"], .index #ConfirmReservationArea .btnArea button[type="submit"] {
        margin-right: 10px;
        -webkit-transition: 0s ease-in-out;
        -o-transition: 0s ease-in-out;
        transition: 0s ease-in-out; } }
    @media only screen and (min-width: 995px) {
      .main #ConfirmReservationArea .btnArea button[type="submit"], .index #ConfirmReservationArea .btnArea button[type="submit"] {
        margin-right: 10px; } }
  .main #ConfirmReservationArea .btnArea a, .index #ConfirmReservationArea .btnArea a {
    color: #333;
    background-color: #f0f0f0;
    margin-right: 0px; }
    @media only screen and (max-width: 599px) {
      .main #ConfirmReservationArea .btnArea a, .index #ConfirmReservationArea .btnArea a {
        margin-bottom: 0px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      .main #ConfirmReservationArea .btnArea a, .index #ConfirmReservationArea .btnArea a {
        margin-left: 10px; } }
    @media only screen and (min-width: 995px) {
      .main #ConfirmReservationArea .btnArea a, .index #ConfirmReservationArea .btnArea a {
        margin-left: 10px; } }
  @media only screen and (max-width: 599px) {
    .main #ConfirmReservationArea .btnArea button[type="submit"],
    .main #ConfirmReservationArea .btnArea a, .index #ConfirmReservationArea .btnArea button[type="submit"],
    .index #ConfirmReservationArea .btnArea a {
      width: 100%; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .main #ConfirmReservationArea .btnArea button[type="submit"],
    .main #ConfirmReservationArea .btnArea a, .index #ConfirmReservationArea .btnArea button[type="submit"],
    .index #ConfirmReservationArea .btnArea a {
      width: 250px; } }
  @media only screen and (min-width: 995px) {
    .main #ConfirmReservationArea .btnArea button[type="submit"],
    .main #ConfirmReservationArea .btnArea a, .index #ConfirmReservationArea .btnArea button[type="submit"],
    .index #ConfirmReservationArea .btnArea a {
      width: 300px; } }

.main #DecisionArea .btnArea, .index #DecisionArea .btnArea {
  text-align: center;
  margin-bottom: 30px; }
  .main #DecisionArea .btnArea a, .index #DecisionArea .btnArea a {
    color: #fff;
    background-color: #009be4; }
  @media only screen and (max-width: 599px) {
    .main #DecisionArea .btnArea a, .index #DecisionArea .btnArea a {
      width: 100%; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .main #DecisionArea .btnArea a, .index #DecisionArea .btnArea a {
      width: 300px; } }
  @media only screen and (min-width: 995px) {
    .main #DecisionArea .btnArea a, .index #DecisionArea .btnArea a {
      width: 300px; } }

.main #PriceAmountArea .pricemonth, .index #PriceAmountArea .pricemonth {
  display: none; }

.main #PriceAmountArea .selecttab, .index #PriceAmountArea .selecttab {
  display: block !important; }

.main #PriceAmountArea .btnArea, .index #PriceAmountArea .btnArea {
  text-align: center;
  margin-bottom: 46px; }
  .main #PriceAmountArea .btnArea a, .index #PriceAmountArea .btnArea a {
    color: #333;
    background-color: #f0f0f0;
    margin-right: 0px; }
    @media only screen and (max-width: 599px) {
      .main #PriceAmountArea .btnArea a, .index #PriceAmountArea .btnArea a {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      .main #PriceAmountArea .btnArea a, .index #PriceAmountArea .btnArea a {
        margin-right: 1%;
        -webkit-transition: 0s ease-in-out;
        -o-transition: 0s ease-in-out;
        transition: 0s ease-in-out; } }
    @media only screen and (min-width: 995px) {
      .main #PriceAmountArea .btnArea a, .index #PriceAmountArea .btnArea a {
        margin-right: 18px; } }
  @media only screen and (max-width: 599px) {
    .main #PriceAmountArea .btnArea a + a, .index #PriceAmountArea .btnArea a + a {
      margin-bottom: 0px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .main #PriceAmountArea .btnArea a + a, .index #PriceAmountArea .btnArea a + a {
      margin-left: 1%; } }
  @media only screen and (min-width: 995px) {
    .main #PriceAmountArea .btnArea a + a, .index #PriceAmountArea .btnArea a + a {
      margin-left: 18px; } }
  @media only screen and (max-width: 599px) {
    .main #PriceAmountArea .btnArea a, .index #PriceAmountArea .btnArea a {
      width: 100%; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .main #PriceAmountArea .btnArea a, .index #PriceAmountArea .btnArea a {
      width: 48%; } }
  @media only screen and (min-width: 995px) {
    .main #PriceAmountArea .btnArea a, .index #PriceAmountArea .btnArea a {
      width: 470px; } }
  .main #PriceAmountArea .btnArea .select, .index #PriceAmountArea .btnArea .select {
    color: #fff;
    background-color: #009be4; }

.main #PossibleTrainerArea .btnArea, .index #PossibleTrainerArea .btnArea {
  text-align: center;
  margin-bottom: 46px; }
  .main #PossibleTrainerArea .btnArea button[type="submit"], .index #PossibleTrainerArea .btnArea button[type="submit"] {
    color: #fff;
    background-color: #009be4; }
    @media only screen and (max-width: 599px) {
      .main #PossibleTrainerArea .btnArea button[type="submit"], .index #PossibleTrainerArea .btnArea button[type="submit"] {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      .main #PossibleTrainerArea .btnArea button[type="submit"], .index #PossibleTrainerArea .btnArea button[type="submit"] {
        margin-right: 1%;
        -webkit-transition: 0s ease-in-out;
        -o-transition: 0s ease-in-out;
        transition: 0s ease-in-out; } }
    @media only screen and (min-width: 995px) {
      .main #PossibleTrainerArea .btnArea button[type="submit"], .index #PossibleTrainerArea .btnArea button[type="submit"] {
        margin-right: 10px; } }
  .main #PossibleTrainerArea .btnArea a, .index #PossibleTrainerArea .btnArea a {
    color: #333;
    background-color: #f0f0f0;
    margin-right: 0px; }
    @media only screen and (max-width: 599px) {
      .main #PossibleTrainerArea .btnArea a, .index #PossibleTrainerArea .btnArea a {
        margin-bottom: 0px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      .main #PossibleTrainerArea .btnArea a, .index #PossibleTrainerArea .btnArea a {
        margin-left: 1%; } }
    @media only screen and (min-width: 995px) {
      .main #PossibleTrainerArea .btnArea a, .index #PossibleTrainerArea .btnArea a {
        margin-left: 10px; } }
  @media only screen and (max-width: 599px) {
    .main #PossibleTrainerArea .btnArea button[type="submit"],
    .main #PossibleTrainerArea .btnArea a, .index #PossibleTrainerArea .btnArea button[type="submit"],
    .index #PossibleTrainerArea .btnArea a {
      width: 100%; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .main #PossibleTrainerArea .btnArea button[type="submit"],
    .main #PossibleTrainerArea .btnArea a, .index #PossibleTrainerArea .btnArea button[type="submit"],
    .index #PossibleTrainerArea .btnArea a {
      width: 48%; } }
  @media only screen and (min-width: 995px) {
    .main #PossibleTrainerArea .btnArea button[type="submit"],
    .main #PossibleTrainerArea .btnArea a, .index #PossibleTrainerArea .btnArea button[type="submit"],
    .index #PossibleTrainerArea .btnArea a {
      width: 300px; } }

.main .schedule-calendar a {
  font-size: 16px;
  border-radius: 5px;
  background-color: #009be4;
  color: #fff;
  cursor: pointer;
  text-align: center;
  text-decoration: none; }

.main .schedule-calendar a:hover {
  cursor: pointer;
  opacity: 0.7; }

@media only screen and (max-width: 599px) {
  .main .schedule-calendar a {
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 5px 0px !important; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .main .schedule-calendar a {
    width: 94%;
    position: absolute;
    display: block;
    left: 3%;
    bottom: 3%;
    border-radius: 5px;
    padding: 5px 0px !important; } }

@media only screen and (min-width: 995px) {
  .main .schedule-calendar a {
    width: 100px;
    position: absolute;
    left: 20px;
    bottom: 10px;
    display: block;
    border-radius: 5px;
    padding: 5px 0px !important; } }

.main .list dl dd form button[type=submit] {
  font-size: 14px;
  cursor: pointer;
  color: #424242;
  text-align: center;
  height: 40px;
  display: inline-block;
  padding: 0px;
  line-height: 0px;
  background: #f0f0f0;
  -webkit-transition: .35s ease-in-out;
  -o-transition: .35s ease-in-out;
  transition: .35s ease-in-out; }
  @media only screen and (max-width: 599px) {
    .main .list dl dd form button[type=submit] {
      width: 100%;
      margin-top: 10px; } }
  @media only screen and (min-width: 600px) {
    .main .list dl dd form button[type=submit] {
      width: 100px;
      margin: 0px; } }

.main .list dl dd form button[type=submit]:hover {
  cursor: pointer;
  opacity: 0.7; }

.main .page-feed-caption-area {
  position: relative;
  text-align: center;
  margin-bottom: 46px; }
  @media only screen and (min-width: 995px) {
    .main .page-feed-caption-area {
      width: 980px;
      margin-right: auto;
      margin-left: auto; } }
  .main .page-feed-caption-area .buttonchange li {
    display: inline-block;
    vertical-align: middle; }
    .main .page-feed-caption-area .buttonchange li .caption {
      font-size: 21px;
      font-weight: 700; }
    .main .page-feed-caption-area .buttonchange li .backmonth {
      margin-right: 30px; }
      .main .page-feed-caption-area .buttonchange li .backmonth a {
        background-image: url("../img/back.png");
        background-repeat: no-repeat;
        display: inline-block;
        width: 12px;
        height: 21px;
        background-size: 12px 18px;
        background-position: center center;
        overflow: hidden;
        text-indent: -9999px; }
    .main .page-feed-caption-area .buttonchange li .nextmonth {
      margin-left: 30px; }
      .main .page-feed-caption-area .buttonchange li .nextmonth a {
        background-image: url("../img/next.png");
        background-repeat: no-repeat;
        display: inline-block;
        width: 12px;
        height: 21px;
        background-size: 12px 18px;
        background-position: center center;
        overflow: hidden;
        text-indent: -9999px; }
  @media only screen and (max-width: 690px) {
    .main .page-feed-caption-area .buttonchange + .buttonchange {
      margin-top: 46px;
      position: relative; }
      .main .page-feed-caption-area .buttonchange + .buttonchange li a {
        padding: 0px 30px; } }
  @media only screen and (min-width: 691px) {
    .main .page-feed-caption-area .buttonchange + .buttonchange {
      position: absolute;
      top: 0px;
      right: 0px; }
      .main .page-feed-caption-area .buttonchange + .buttonchange li a {
        padding: 0px 15px; } }

.main .schedule-calendar th.holiday,
.main .schedule-calendar th.sun {
  color: #eb2142; }

.main .schedule-calendar th.sat {
  color: #009be4; }

.main .schedule-calendar ul.end {
  color: #c6c6c6; }

.main .schedule-calendar td.today {
  background-color: #f0f0f0; }

@media only screen and (max-width: 599px) {
  .main .schedule-calendar {
    /* モバイル用曜日を追加 */ }
    .main .schedule-calendar .blankspace {
      display: none; }
    .main .schedule-calendar table {
      margin: 0 auto;
      width: 100%; }
    .main .schedule-calendar thead {
      display: none; }
    .main .schedule-calendar tbody {
      border-bottom: 1px solid #C8C8C8; }
    .main .schedule-calendar th {
      display: block;
      padding: 0; }
    .main .schedule-calendar td {
      width: 100%;
      display: table;
      height: auto;
      font-size: 14px;
      line-height: 1.4;
      border-top: 1px solid #C8C8C8; }
      .main .schedule-calendar td ul {
        width: 100%;
        display: block; }
        .main .schedule-calendar td ul li {
          font-size: 14px;
          width: 100%;
          padding: 0 0 10px 0;
          display: block; }
    .main .schedule-calendar td i {
      display: table-cell;
      padding-top: 10px;
      padding-bottom: 10px;
      width: 50px;
      padding-left: 5px; }
    .main .schedule-calendar td div {
      display: table-cell;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 5px; }
    .main .schedule-calendar td i:after {
      font-size: 12px; }
    .main .schedule-calendar td:nth-child(1) i:after {
      content: "（月）"; }
    .main .schedule-calendar td:nth-child(2) i:after {
      content: "（火）"; }
    .main .schedule-calendar td:nth-child(3) i:after {
      content: "（水）"; }
    .main .schedule-calendar td:nth-child(4) i:after {
      content: "（木）"; }
    .main .schedule-calendar td:nth-child(5) i:after {
      content: "（金）"; }
    .main .schedule-calendar td:nth-child(6) i {
      color: #009be4; }
    .main .schedule-calendar td:nth-child(6) i:after {
      content: "（土）";
      color: #009be4; }
    .main .schedule-calendar td:nth-child(7) i {
      color: #eb2142; }
    .main .schedule-calendar td:nth-child(7) i:after {
      content: "（日）";
      color: #eb2142; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .main .schedule-calendar table {
    width: 100%;
    margin: 0 auto; }
  .main .schedule-calendar thead th {
    font-size: 16px;
    width: 14%;
    color: #333;
    padding-bottom: 30px; }
  .main .schedule-calendar td {
    font-size: 13px;
    line-height: 1.4;
    width: 14%;
    height: 140px;
    border: 1px solid #C8C8C8; }
    .main .schedule-calendar td i {
      display: block;
      font-size: 14px;
      text-align: left;
      padding: 3% 0 0 3%; }
  .main .schedule-calendar td {
    position: relative;
    padding-bottom: 50px; }
    .main .schedule-calendar td li {
      padding: 3% 3% 0 3%; }
      .main .schedule-calendar td li .time {
        font-size: 13px; }
      .main .schedule-calendar td li .trainer, .main .schedule-calendar td li .room {
        font-size: 10px; }
      .main .schedule-calendar td li span {
        display: block; } }

@media only screen and (min-width: 995px) {
  .main .schedule-calendar table {
    margin: 0 auto; }
  .main .schedule-calendar thead th {
    font-size: 16px;
    width: 140px;
    color: #333;
    padding-bottom: 30px; }
  .main .schedule-calendar td {
    font-size: 14px;
    line-height: 1.4;
    width: 140px;
    height: 140px;
    border: 1px solid #C8C8C8; }
    .main .schedule-calendar td i {
      display: block;
      font-size: 14px;
      text-align: left;
      padding: 15px 0 0 15px; }
  .main .schedule-calendar td {
    position: relative;
    padding-bottom: 50px; }
    .main .schedule-calendar td li {
      padding: 5px 20px 0 20px; }
      .main .schedule-calendar td li span {
        display: block; } }

.main .selecttime {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .main .selecttime span select {
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out; }
  .main .selecttime span:nth-child(1) {
    padding-right: 5px; }
  .main .selecttime span:nth-child(3) {
    padding-left: 10px;
    padding-right: 10px; }
  .main .selecttime span:nth-child(4) {
    padding-right: 5px; }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .main .selecttime span select {
      width: 180px; } }
  @media only screen and (min-width: 995px) {
    .main .selecttime span select {
      width: 380px; } }

.main #TrainingReservationCalendarArea h3.section-title {
  margin-bottom: 30px !important; }

.main #TrainingReservationCalendarArea p {
  text-align: center;
  margin-bottom: 46px; }

.main .time-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border: 1px solid #C8C8C8; }
  .main .time-table .cannot {
    color: #fff;
    background-color: #333333; }
  .main .time-table .reserved {
    color: #fff;
    background-color: #009be4; }
  .main .time-table .time-col {
    text-align: center; }
  .main .time-table .room-col {
    text-align: center;
    border-left: 1px solid #C8C8C8; }
  .main .time-table .th-title {
    border-bottom: 1px solid #C8C8C8;
    padding: 15px; }
  .main .time-table .time-col .th-title + div {
    margin-top: 15px; }
  .main .time-table .room-col .th-title + div {
    margin-top: 20px; }
  .main .time-table .room-col .th-title + div,
  .main .time-table .room-col .th-title + div ~ div {
    width: 100%;
    display: table; }
    .main .time-table .room-col .th-title + div span,
    .main .time-table .room-col .th-title + div ~ div span {
      display: table-cell;
      vertical-align: middle; }
  .main .time-table form {
    padding: 0px;
    margin: 0px;
    line-height: 0px; }
  .main .time-table button[type=submit] {
    cursor: pointer;
    width: 100%;
    padding: 0px;
    margin: 0px;
    line-height: 0px; }

@media only screen and (max-width: 599px) {
  .main .time-table {
    width: 100%; }
    .main .time-table .time-col {
      width: 70px; }
    .main .time-table .room-col {
      width: calc(50% - 35px); } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .main .time-table {
    width: 100%; }
    .main .time-table .time-col {
      width: 70px; }
    .main .time-table .room-col {
      width: calc(50% - 35px); } }

@media only screen and (min-width: 995px) {
  .main .time-table {
    width: 980px; }
    .main .time-table .time-col {
      width: 70px; }
    .main .time-table .room-col {
      width: 455px; } }

.main .timezone1 {
  height: 12px; }

.main .timezone2 {
  height: 24px; }

.main .timezone3 {
  height: 36px; }

.main .timezone4 {
  height: 48px; }

.main .timezone5 {
  height: 60px; }

.main .timezone6 {
  height: 72px; }

.main .timezone7 {
  height: 84px; }

.main .timezone8 {
  height: 96px; }

.main .timezone9 {
  height: 108px; }

.main .timezone10 {
  height: 120px; }

.main .timezone11 {
  height: 132px; }

.main .timezone12 {
  height: 144px; }

.main .timezone13 {
  height: 156px; }

.main .timezone14 {
  height: 168px; }

.main .timezone15 {
  height: 180px; }

.main .timezone16 {
  height: 192px; }

.main .timezone17 {
  height: 204px; }

.main .timezone18 {
  height: 216px; }

.main .timezone19 {
  height: 228px; }

.main .timezone20 {
  height: 240px; }

.main .timezone21 {
  height: 252px; }

.main .timezone22 {
  height: 264px; }

.main .timezone23 {
  height: 276px; }

.main .timezone24 {
  height: 288px; }

.main .timezone25 {
  height: 300px; }

.main .timezone26 {
  height: 312px; }

.main .timezone27 {
  height: 324px; }

.main .timezone28 {
  height: 336px; }

.main .timezone29 {
  height: 348px; }

.main .timezone30 {
  height: 360px; }

.main .timezone31 {
  height: 372px; }

.main .timezone32 {
  height: 384px; }

.main .timezone33 {
  height: 396px; }

.main .timezone34 {
  height: 408px; }

.main .timezone35 {
  height: 420px; }

.main .timezone36 {
  height: 432px; }

.main .timezone37 {
  height: 444px; }

.main .timezone38 {
  height: 456px; }

.main .timezone39 {
  height: 468px; }

.main .timezone40 {
  height: 480px; }

.main .timezone41 {
  height: 492px; }

.main .timezone42 {
  height: 504px; }

.main .timezone43 {
  height: 516px; }

.main .timezone44 {
  height: 528px; }

.main .timezone45 {
  height: 540px; }

.main .timezone46 {
  height: 552px; }

.main .timezone47 {
  height: 564px; }

.main .timezone48 {
  height: 576px; }

.main .timezone49 {
  height: 588px; }

.main .timezone50 {
  height: 600px; }

.main .timezone51 {
  height: 612px; }

.main .timezone52 {
  height: 624px; }

.main .timezone53 {
  height: 636px; }

.main .timezone54 {
  height: 648px; }

.main .timezone55 {
  height: 660px; }

.main .timezone56 {
  height: 672px; }

.main .timezone57 {
  height: 684px; }

.main .timezone58 {
  height: 696px; }

.main .timezone59 {
  height: 708px; }

.main .timezone60 {
  height: 720px; }

.main .timezone61 {
  height: 732px; }

.main .timezone62 {
  height: 744px; }

.main .timezone63 {
  height: 756px; }

.main .timezone64 {
  height: 768px; }

.main .timezone65 {
  height: 780px; }

.main .timezone66 {
  height: 792px; }

.main .timezone67 {
  height: 804px; }

.main .timezone68 {
  height: 816px; }

.main .timezone69 {
  height: 828px; }

.main .timezone70 {
  height: 840px; }

.main .timezone71 {
  height: 852px; }

.main .timezone72 {
  height: 864px; }

.main .timezone73 {
  height: 876px; }

.main .timezone74 {
  height: 888px; }

.main .timezone75 {
  height: 900px; }

.main .timezone76 {
  height: 912px; }

.main .timezone77 {
  height: 924px; }

.main .timezone78 {
  height: 936px; }

.main .list li {
  border-bottom: 1px solid #009be4; }

@media only screen and (max-width: 599px) {
  .main .list dl {
    display: block; }
    .main .list dl dt, .main .list dl dd {
      display: block; } }

@media only screen and (min-width: 600px) {
  .main .list dl {
    display: table; }
    .main .list dl dt, .main .list dl dd {
      display: table-cell;
      vertical-align: middle; } }

@media only screen and (max-width: 599px) {
  .main .list {
    width: 100%; }
    .main .list span.day-time {
      display: block;
      padding-bottom: 8px; }
    .main .list span.room-trainer {
      display: block;
      padding-bottom: 0px; }
    .main .list li {
      padding-bottom: 20px; }
    .main .list li ~ li {
      padding-top: 20px; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .main .list {
    width: 560px;
    margin: 0 auto; }
    .main .list li {
      padding-bottom: 20px; }
    .main .list li ~ li {
      padding-top: 20px; }
    .main .list dl dt {
      width: 460px; }
    .main .list dl dd {
      width: 100px; }
    .main .list dl span {
      padding-bottom: 5px;
      display: block; }
    .main .list dl span + span {
      padding-bottom: 0px;
      display: block; } }

@media only screen and (min-width: 995px) {
  .main .list {
    width: 630px;
    margin: 0 auto; }
    .main .list li {
      padding-bottom: 20px; }
    .main .list li ~ li {
      padding-top: 20px; }
    .main .list dl dt {
      width: 530px; }
    .main .list dl dd {
      width: 100px; }
    .main .list dl span {
      padding-bottom: 5px;
      display: block; }
    .main .list dl span + span {
      padding-bottom: 0px;
      display: block; } }

.modal_box {
  position: fixed;
  z-index: 7777;
  display: none;
  margin: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden; }
  @media only screen and (max-width: 799px) {
    .modal_box {
      width: 66%; } }
  @media only screen and (min-width: 800px) {
    .modal_box {
      width: 660px; } }

.modal_bg {
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  z-index: 6666;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.85); }

.modal_box figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .modal_box figure img {
    width: 100%;
    height: auto; }

@media only screen and (max-width: 799px) {
  .modal_box figure {
    max-width: 300px;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto; } }

@media only screen and (min-width: 800px) {
  .modal_box figure {
    width: 300px;
    height: 200px; } }

.modal_box .inner {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  max-height: 450px; }
  @media only screen and (max-width: 799px) {
    .modal_box .inner {
      padding: 5%; } }
  @media only screen and (min-width: 800px) {
    .modal_box .inner {
      width: calc(100% + 17px);
      padding: 30px;
      padding-right: 47px; } }
  @media only screen and (max-width: 799px) {
    .modal_box .inner dl {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 800px) {
    .modal_box .inner dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-bottom: 30px; }
      .modal_box .inner dl dt {
        width: 300px; }
      .modal_box .inner dl dd {
        width: 250px;
        padding-left: 30px; } }
  .modal_box .inner h2.name-kanji {
    margin-bottom: 15px; }
  .modal_box .inner h3.name-alphabet {
    margin-bottom: 26px; }
  .modal_box .inner ol.qualification li {
    margin-bottom: 15px; }
  .modal_box .inner ol.qualification li:last-child {
    margin-bottom: 0px; }
  .modal_box .inner strong {
    display: block;
    margin-bottom: 26px; }

.backw,
.nextw {
  position: fixed;
  top: calc(50% - 18px);
  z-index: 9999; }

@media only screen and (max-width: 799px) {
  .backw {
    right: calc(50% + 33% + 18px); }
  .nextw {
    left: calc(50% + 33% + 18px); } }

@media only screen and (min-width: 800px) {
  .backw {
    right: calc(50% + 360px); }
  .nextw {
    left: calc(50% + 360px); } }

.backw a {
  background-image: url("../img/back-w.png");
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 36px;
  background-size: 20px 36px;
  background-position: center center;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer; }

.nextw a {
  background-image: url("../img/next-w.png");
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 36px;
  background-size: 20px 36px;
  background-position: center center;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer; }

#ModalList li:first-child .backw {
  display: none; }

#ModalList li:last-child .nextw {
  display: none; }

.link-area ul li.modal_link:first-child a {
  float: left; }

.link-area ul li.modal_link:last-child a {
  float: right; }

/*====================================================
 Adjustment
=====================================================*/
/* MARGI TOP */
.mt0 {
  margin-top: 0 !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

/* MARGI RIGHT */
.mr0 {
  margin-right: 0 !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr60 {
  margin-right: 60px !important; }

.mr70 {
  margin-right: 70px !important; }

.mr80 {
  margin-right: 80px !important; }

.mr90 {
  margin-right: 90px !important; }

.mr100 {
  margin-right: 100px !important; }

/* MARGIN BOTTOM */
.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

/* MARGIN LEFT */
.ml0 {
  margin-left: 0 !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml60 {
  margin-left: 60px !important; }

.ml70 {
  margin-left: 70px !important; }

.ml80 {
  margin-left: 80px !important; }

.ml90 {
  margin-left: 90px !important; }

.ml100 {
  margin-left: 100px !important; }

/* PADDING TOP */
.pt0 {
  padding-top: 0 !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt70 {
  padding-top: 70px !important; }

.pt80 {
  padding-top: 80px !important; }

.pt90 {
  padding-top: 90px !important; }

.pt100 {
  padding-top: 100px !important; }

/* PADDING RIGHT */
.pr0 {
  padding-right: 0 !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.pr60 {
  padding-right: 60px !important; }

.pr70 {
  padding-right: 70px !important; }

.pr80 {
  padding-right: 80px !important; }

.pr90 {
  padding-right: 90px !important; }

.pr100 {
  padding-right: 100px !important; }

/* PADDING BOTTOM */
.pb0 {
  padding-bottom: 0 !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pb100 {
  padding-bottom: 100px !important; }

/* PADDING LEFT */
.pl0 {
  padding-left: 0 !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.pl60 {
  padding-left: 60px !important; }

.pl70 {
  padding-left: 70px !important; }

.pl80 {
  padding-left: 80px !important; }

.pl90 {
  padding-left: 90px !important; }

.pl100 {
  padding-left: 100px !important; }

.w30 {
  width: 30px; }

.w100 {
  width: 100px; }

.w130 {
  width: 130px; }

.w150 {
  width: 150px; }

.w155 {
  width: 155px; }

.w160 {
  width: 160px; }

.w165 {
  width: 165px; }

.w170 {
  width: 170px; }

.w175 {
  width: 175px; }

.w180 {
  width: 180px; }

.w185 {
  width: 185px; }

.w190 {
  width: 190px; }

.w195 {
  width: 195px; }

.w200 {
  width: 200px; }

.w205 {
  width: 205px; }

.w210 {
  width: 210px; }

.w215 {
  width: 215px; }

.w220 {
  width: 220px; }

.w225 {
  width: 225px; }

.w230 {
  width: 230px; }

.w235 {
  width: 235px; }

.w240 {
  width: 240px; }

.w245 {
  width: 245px; }

.w250 {
  width: 250px; }

.w255 {
  width: 255px; }

.w260 {
  width: 260px; }

.w265 {
  width: 265px; }

.w270 {
  width: 270px; }

.w275 {
  width: 275px; }

.w280 {
  width: 280px; }

.w285 {
  width: 285px; }

.w290 {
  width: 290px; }

.w295 {
  width: 295px; }

.w300 {
  width: 300px; }

.w305 {
  width: 305px; }

.w310 {
  width: 310px; }

.w315 {
  width: 315px; }

.w320 {
  width: 320px; }

.w325 {
  width: 325px; }

.w330 {
  width: 330px; }

.w335 {
  width: 335px; }

.w340 {
  width: 340px; }

.w345 {
  width: 345px; }

.w350 {
  width: 350px; }

.w355 {
  width: 355px; }

.w360 {
  width: 360px; }

.w365 {
  width: 365px; }

.w370 {
  width: 370px; }

.w375 {
  width: 375px; }

.w380 {
  width: 380px; }

.w385 {
  width: 385px; }

.w390 {
  width: 390px; }

.w395 {
  width: 395px; }

.w400 {
  width: 400px; }

.w405 {
  width: 405px; }

.w410 {
  width: 410px; }

.w415 {
  width: 415px; }

.w420 {
  width: 420px; }

.w425 {
  width: 425px; }

.w430 {
  width: 430px; }

.w435 {
  width: 435px; }

.w440 {
  width: 440px; }

.w445 {
  width: 445px; }

.w450 {
  width: 450px; }

.w455 {
  width: 455px; }

.w460 {
  width: 460px; }

.w465 {
  width: 465px; }

.w470 {
  width: 470px; }

.w475 {
  width: 475px; }

.w480 {
  width: 480px; }

.w485 {
  width: 485px; }

.w490 {
  width: 490px; }

.w495 {
  width: 495px; }

.w500 {
  width: 500px; }

.w505 {
  width: 505px; }

.w510 {
  width: 510px; }

.w515 {
  width: 515px; }

.w520 {
  width: 520px; }

.w525 {
  width: 525px; }

.w530 {
  width: 530px; }

.w535 {
  width: 535px; }

.w540 {
  width: 540px; }

.w545 {
  width: 545px; }

.w550 {
  width: 550px; }

.w555 {
  width: 555px; }

.w560 {
  width: 560px; }

.w565 {
  width: 565px; }

.w570 {
  width: 570px; }

.w575 {
  width: 575px; }

.w580 {
  width: 580px; }

.w585 {
  width: 585px; }

.w590 {
  width: 590px; }

.w595 {
  width: 595px; }

.w600 {
  width: 600px; }

.w630 {
  width: 630px; }

.w640 {
  width: 640px; }

.w650 {
  width: 650px; }

.w685 {
  width: 685px; }

.w700 {
  width: 700px; }

.w730 {
  width: 730px; }

.w796 {
  width: 796px; }

.w815 {
  width: 815px; }

.w980 {
  width: 980px; }

.cw800 {
  width: 800px;
  margin: 0 auto; }

.cw820 {
  width: 820px;
  margin: 0 auto; }

.cw840 {
  width: 840px;
  margin: 0 auto; }

.cw860 {
  width: 860px;
  margin: 0 auto; }

.cw880 {
  width: 880px;
  margin: 0 auto; }

.cw900 {
  width: 900px;
  margin: 0 auto; }

.cw920 {
  width: 920px;
  margin: 0 auto; }

.cw940 {
  width: 940px;
  margin: 0 auto; }

#Drawer {
  display: none; }

#Drawer.action {
  display: block;
  position: fixed;
  z-index: 4444;
  color: #fff;
  text-align: center; }
  @media only screen and (max-width: 889px) {
    #Drawer.action {
      top: 55px; } }
  @media only screen and (min-width: 890px) {
    #Drawer.action {
      top: 85px; } }
  #Drawer.action div.scroll-wrapper {
    display: block;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    @media only screen and (max-width: 889px) {
      #Drawer.action div.scroll-wrapper {
        height: calc(100vh - 55px); } }
    @media only screen and (min-width: 890px) {
      #Drawer.action div.scroll-wrapper {
        height: calc(100vh - 85px); } }
    @media only screen and (max-width: 889px) {
      #Drawer.action div.scroll-wrapper {
        padding-top: 35px;
        padding-bottom: 80px; } }
    @media only screen and (min-width: 890px) {
      #Drawer.action div.scroll-wrapper {
        padding-top: 80px;
        padding-bottom: 80px; } }
  #Drawer.action ul.drawernavi {
    display: block; }
  #Drawer.action ul.drawernavi li a {
    display: block;
    width: 100vw;
    font-weight: 700;
    text-decoration: none;
    color: #fff; }
    @media only screen and (max-width: 889px) {
      #Drawer.action ul.drawernavi li a {
        font-size: 18px; } }
    @media only screen and (min-width: 890px) {
      #Drawer.action ul.drawernavi li a {
        font-size: 21px; } }
  #Drawer.action ul.drawernavi li {
    padding-bottom: 30px; }
    #Drawer.action ul.drawernavi li ul li {
      padding-top: 15px;
      padding-bottom: 0px; }
      #Drawer.action ul.drawernavi li ul li a {
        font-weight: 300; }
        @media only screen and (max-width: 889px) {
          #Drawer.action ul.drawernavi li ul li a {
            font-size: 14px; } }
        @media only screen and (min-width: 890px) {
          #Drawer.action ul.drawernavi li ul li a {
            font-size: 16px; } }

@media only screen and (min-width: 890px) {
  ul.menu-sp {
    display: table;
    width: 610px;
    margin: 0 auto;
    margin-bottom: 30px; }
    ul.menu-sp li {
      padding-right: 5px;
      display: table-cell; }
    ul.menu-sp li {
      padding-left: 5px; } }

ul.menu-sp a {
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 15px;
  cursor: pointer; }
  @media only screen and (max-width: 889px) {
    ul.menu-sp a {
      display: block;
      width: 95%;
      margin: 0 auto;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 890px) {
    ul.menu-sp a {
      display: block;
      width: 300px;
      min-height: 84px;
      max-height: 84px; } }
  ul.menu-sp a span.title-span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    padding-bottom: 8px; }
  ul.menu-sp a span.title-tel {
    font-size: 19px;
    font-weight: 700; }
  ul.menu-sp a span.title-num {
    font-size: 27px;
    font-weight: 700; }
  ul.menu-sp a span.title-line {
    background-image: url("../img/line-icon.png");
    background-repeat: no-repeat;
    background-size: 27px 26px;
    background-position: center left;
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    padding: 3px 0;
    padding-left: 30px; }

ul.menu-sns {
  text-align: center;
  margin-bottom: 30px; }
  ul.menu-sns li {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px; }
    ul.menu-sns li a {
      width: 60px;
      height: 60px;
      border-radius: 5px;
      display: block;
      overflow: hidden;
      text-indent: -9999px;
      background-color: #f0f0f0; }
  ul.menu-sns li a {
    background-image: url("../img/line-pc.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px; }
  ul.menu-sns li + li a {
    background-image: url("../img/facebook-pc.png");
    background-repeat: no-repeat; }
  ul.menu-sns li + li + li a {
    background-image: url("../img/insta-pc.png");
    background-repeat: no-repeat; }

ul.menu-link {
  text-align: center;
  margin-bottom: 30px; }
  @media only screen and (max-width: 479px) {
    ul.menu-link li {
      font-size: 14px;
      margin-bottom: 15px; }
      ul.menu-link li a {
        text-decoration: none; }
    ul.menu-link li:last-child {
      margin-bottom: 0px; } }
  @media only screen and (min-width: 480px) {
    ul.menu-link li {
      font-size: 14px;
      margin-bottom: 15px; }
      ul.menu-link li a {
        text-decoration: none; }
    ul.menu-link li:last-child {
      margin-bottom: 0px; } }
  ul.menu-link a {
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    color: #fff;
    opacity: 1; }
  ul.menu-link a:hover {
    opacity: 0.7; }

#ContentsWrapperArea.sc {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

#ContentsWrapperArea.sc #ContentsInerArea {
  width: 100vw;
  position: absolute; }

.menu_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3333;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.85); }

body {
  background-color: #08233e; }

header {
  -webkit-transition: 0s ease-in-out;
  -o-transition: 0s ease-in-out;
  transition: 0s ease-in-out;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 5555; }
  header div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
    background: #fff;
    width: 100%; }

@media only screen and (max-width: 889px) {
  header#NomaHeader h1 {
    width: calc(100% - 160px); }
    header#NomaHeader h1 a {
      background-image: url("../img/h1-sm.png");
      background-repeat: no-repeat;
      background-size: 120px 40px;
      background-position: center left 5px;
      height: 50px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (min-width: 890px) {
  header#NomaHeader h1 {
    width: calc(100% - 311px); }
    header#NomaHeader h1 a {
      background-image: url("../img/h1-pc.png");
      background-repeat: no-repeat;
      background-size: 260px 60px;
      background-position: center left 5px;
      height: 74px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (max-width: 889px) {
  header#NomaHeader ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (min-width: 890px) {
  header#NomaHeader ul {
    display: table; }
    header#NomaHeader ul li {
      display: table-cell; } }

@media only screen and (max-width: 889px) {
  header#NomaHeader ul li {
    padding-left: 5px;
    vertical-align: top; }
    header#NomaHeader ul li a {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      border-radius: 5px;
      display: block;
      text-indent: -999px;
      overflow: hidden; }
    header#NomaHeader ul li:nth-child(1) {
      height: 50px;
      width: 55px; }
      header#NomaHeader ul li:nth-child(1) a {
        background-image: url("../img/nyukai-sm.png");
        background-repeat: no-repeat;
        background-size: 74px 74px;
        background-position: center center;
        height: 50px;
        width: 50px;
        background-color: #f9be00; }
    header#NomaHeader ul li:nth-child(2) {
      height: 50px;
      width: 55px; }
      header#NomaHeader ul li:nth-child(2) a {
        background-image: url("../img/my-sm.png");
        background-repeat: no-repeat;
        background-size: 74px 74px;
        background-position: center center;
        height: 50px;
        width: 50px;
        background-color: #009be4; }
    header#NomaHeader ul li:nth-child(3), header#NomaHeader ul li:nth-child(4), header#NomaHeader ul li:nth-child(5) {
      display: none; }
    header#NomaHeader ul li:last-child {
      height: 50px;
      width: 55px; }
      header#NomaHeader ul li:last-child span {
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        background-image: url("../img/open.png");
        background-repeat: no-repeat;
        opacity: 1;
        cursor: pointer;
        background-size: 50px 50px;
        background-position: center center;
        background-color: #f0f0f0;
        border-radius: 5px;
        display: block;
        height: 50px;
        width: 50px;
        overflow: hidden; }
      header#NomaHeader ul li:last-child span:visited {
        opacity: 1; }
      header#NomaHeader ul li:last-child span:hover {
        opacity: 0.7; }
      header#NomaHeader ul li:last-child span:active {
        opacity: 1; }
      header#NomaHeader ul li:last-child span.on {
        background-image: url("../img/close.png");
        background-repeat: no-repeat; } }

@media only screen and (min-width: 890px) {
  header#NomaHeader ul li {
    padding-left: 5px;
    vertical-align: top; }
    header#NomaHeader ul li a {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      font-size: 18px;
      font-weight: 700;
      color: #333;
      text-decoration: none;
      text-align: center;
      line-height: 74px;
      height: 74px;
      width: 74px;
      display: block;
      text-indent: -9999px;
      overflow: hidden;
      background-color: #f0f0f0;
      border-radius: 5px;
      opacity: 1; }
    header#NomaHeader ul li a:hover {
      opacity: 0.7; }
    header#NomaHeader ul li:nth-child(1) {
      padding-left: 0px; }
      header#NomaHeader ul li:nth-child(1) a {
        background-image: url("../img/nyukai-text.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px 82px;
        position: fixed;
        top: 290px;
        right: 0px;
        height: 120px !important;
        width: 40px !important;
        background-color: #f9be00;
        border-radius: 5px 0px 0px 5px; }
    header#NomaHeader ul li:nth-child(2) {
      padding-left: 0px; }
      header#NomaHeader ul li:nth-child(2) a {
        background-image: url("../img/mypage-text.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px 82px;
        position: fixed;
        top: 415px;
        right: 0px;
        height: 120px !important;
        width: 40px !important;
        background-color: #009be4;
        border-radius: 5px 0px 0px 5px; }
    header#NomaHeader ul li:nth-child(3) a {
      background-image: url("../img/line-pc.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 30px 30px; }
    header#NomaHeader ul li:nth-child(4) a {
      background-image: url("../img/facebook-pc.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 30px 30px; }
    header#NomaHeader ul li:nth-child(5) a {
      background-image: url("../img/insta-pc.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 30px 30px; }
    header#NomaHeader ul li:last-child {
      height: 74px;
      width: 74px; }
      header#NomaHeader ul li:last-child span {
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        background-image: url("../img/open.png");
        background-repeat: no-repeat;
        opacity: 1;
        cursor: pointer;
        background-size: 74px 74px;
        background-position: center center;
        background-color: #f0f0f0;
        border-radius: 5px;
        display: block;
        height: 74px;
        width: 74px;
        overflow: hidden; }
      header#NomaHeader ul li:last-child span:visited {
        opacity: 1; }
      header#NomaHeader ul li:last-child span:hover {
        opacity: 0.7; }
      header#NomaHeader ul li:last-child span:active {
        opacity: 1; }
      header#NomaHeader ul li:last-child span.on {
        background-image: url("../img/close.png");
        background-repeat: no-repeat; } }

@media only screen and (max-width: 889px) {
  header#NoneHeader h1 {
    width: 100%; }
    header#NoneHeader h1 a {
      background-image: url("../img/h1-sm.png");
      background-repeat: no-repeat;
      background-size: 120px 40px;
      background-position: center left 5px;
      height: 50px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (min-width: 890px) and (max-width: 994px) {
  header#NoneHeader h1 {
    width: 100%; }
    header#NoneHeader h1 a {
      background-image: url("../img/h1-pc.png");
      background-repeat: no-repeat;
      background-size: 260px 60px;
      background-position: center left 5px;
      height: 74px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  header#NoneHeader h1 {
    width: 100%; }
    header#NoneHeader h1 a {
      background-image: url("../img/h1-pc.png");
      background-repeat: no-repeat;
      background-size: 260px 60px;
      background-position: center left 5px;
      height: 74px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (min-width: 1201px) {
  header#NoneHeader h1 {
    width: 100%; }
    header#NoneHeader h1 a {
      background-image: url("../img/h1-pc.png");
      background-repeat: no-repeat;
      background-size: 260px 60px;
      background-position: center left 5px;
      height: 74px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (max-width: 889px) {
  header#LoginHeader h1 {
    width: calc(100% - 160px); }
    header#LoginHeader h1 a {
      background-image: url("../img/h1-sm.png");
      background-repeat: no-repeat;
      background-size: 120px 40px;
      background-position: center left 5px;
      height: 50px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (min-width: 890px) and (max-width: 994px) {
  header#LoginHeader h1 {
    width: 280px; }
    header#LoginHeader h1 a {
      background-image: url("../img/h1-pc.png");
      background-repeat: no-repeat;
      background-size: 260px 60px;
      background-position: center left 5px;
      height: 74px;
      width: 280px;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  header#LoginHeader h1 {
    width: 280px; }
    header#LoginHeader h1 a {
      background-image: url("../img/h1-pc.png");
      background-repeat: no-repeat;
      background-size: 260px 60px;
      background-position: center left 5px;
      height: 74px;
      width: 280px;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (min-width: 1201px) {
  header#LoginHeader h1 {
    width: calc(100% - 904px); }
    header#LoginHeader h1 a {
      background-image: url("../img/h1-pc.png");
      background-repeat: no-repeat;
      background-size: 260px 60px;
      background-position: center left 5px;
      height: 74px;
      width: 100%;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -9999px; } }

@media only screen and (max-width: 889px) {
  header#LoginHeader ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (min-width: 890px) and (max-width: 994px) {
  header#LoginHeader ul {
    width: calc( 100% - 280px);
    display: table; }
    header#LoginHeader ul li {
      display: table-cell; } }

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  header#LoginHeader ul {
    width: calc( 100% - 280px);
    display: table; }
    header#LoginHeader ul li {
      display: table-cell; } }

@media only screen and (min-width: 1201px) {
  header#LoginHeader ul {
    display: table; }
    header#LoginHeader ul li {
      display: table-cell; } }

@media only screen and (max-width: 889px) {
  header#LoginHeader ul li {
    padding-left: 5px;
    vertical-align: top; }
    header#LoginHeader ul li a {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      border-radius: 5px;
      display: block;
      text-indent: -999px;
      overflow: hidden; }
    header#LoginHeader ul li:nth-child(1) {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      height: 50px;
      width: 55px; }
      header#LoginHeader ul li:nth-child(1) a {
        background-image: url("../img/yoyaku-sm.png");
        background-repeat: no-repeat;
        background-size: 74px 74px;
        background-position: center center;
        height: 50px;
        width: 50px;
        background-color: #009be4; }
    header#LoginHeader ul li:nth-child(2) {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      height: 50px;
      width: 55px; }
      header#LoginHeader ul li:nth-child(2) a {
        background-image: url("../img/tell-sm.png");
        background-repeat: no-repeat;
        background-size: 74px 74px;
        background-position: center center;
        height: 50px;
        width: 50px;
        background-color: #f9be00; }
    header#LoginHeader ul li:nth-child(3) {
      display: none; }
    header#LoginHeader ul li:last-child {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      height: 50px;
      width: 55px; }
      header#LoginHeader ul li:last-child span {
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        background-image: url("../img/open.png");
        background-repeat: no-repeat;
        opacity: 1;
        cursor: pointer;
        background-size: 50px 50px;
        background-position: center center;
        background-color: #f0f0f0;
        border-radius: 5px;
        display: block;
        height: 50px;
        width: 50px;
        overflow: hidden; }
      header#LoginHeader ul li:last-child span:visited {
        opacity: 1; }
      header#LoginHeader ul li:last-child span:hover {
        opacity: 0.7; }
      header#LoginHeader ul li:last-child span:active {
        opacity: 1; }
      header#LoginHeader ul li:last-child span.on {
        background-image: url("../img/close.png");
        background-repeat: no-repeat; } }

@media only screen and (min-width: 890px) and (max-width: 994px) {
  header#LoginHeader ul li {
    padding-left: 5px;
    vertical-align: top; }
    header#LoginHeader ul li a {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      font-size: 14px;
      font-weight: 700;
      color: #333;
      text-decoration: none;
      text-align: center;
      line-height: 74px;
      height: 74px;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      opacity: 1; }
    header#LoginHeader ul li:last-child {
      height: 74px;
      width: 74px; }
      header#LoginHeader ul li:last-child span {
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        background-image: url("../img/open.png");
        background-repeat: no-repeat;
        opacity: 1;
        cursor: pointer;
        background-size: 74px 74px;
        background-position: center center;
        background-color: #f0f0f0;
        border-radius: 5px;
        display: block;
        height: 74px;
        width: 74px;
        overflow: hidden; }
      header#LoginHeader ul li:last-child span:visited {
        opacity: 1; }
      header#LoginHeader ul li:last-child span:hover {
        opacity: 0.7; }
      header#LoginHeader ul li:last-child span:active {
        opacity: 1; }
      header#LoginHeader ul li:last-child span.on {
        background-image: url("../img/close.png");
        background-repeat: no-repeat; } }

@media only screen and (min-width: 995px) and (max-width: 1200px) {
  header#LoginHeader ul li {
    padding-left: 5px;
    vertical-align: top; }
    header#LoginHeader ul li a {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      font-size: 18px;
      font-weight: 700;
      color: #333;
      text-decoration: none;
      text-align: center;
      line-height: 74px;
      height: 74px;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      opacity: 1; }
    header#LoginHeader ul li:last-child {
      height: 74px;
      width: 74px; }
      header#LoginHeader ul li:last-child span {
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        background-image: url("../img/open.png");
        background-repeat: no-repeat;
        opacity: 1;
        cursor: pointer;
        background-size: 74px 74px;
        background-position: center center;
        background-color: #f0f0f0;
        border-radius: 5px;
        display: block;
        height: 74px;
        width: 74px;
        overflow: hidden; }
      header#LoginHeader ul li:last-child span:visited {
        opacity: 1; }
      header#LoginHeader ul li:last-child span:hover {
        opacity: 0.7; }
      header#LoginHeader ul li:last-child span:active {
        opacity: 1; }
      header#LoginHeader ul li:last-child span.on {
        background-image: url("../img/close.png");
        background-repeat: no-repeat; } }

@media only screen and (min-width: 1201px) {
  header#LoginHeader ul li {
    padding-left: 5px;
    vertical-align: top; }
    header#LoginHeader ul li a {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      font-size: 18px;
      font-weight: 700;
      color: #333;
      text-decoration: none;
      text-align: center;
      line-height: 74px;
      height: 74px;
      width: 270px;
      display: block;
      background-color: #f0f0f0;
      border-radius: 5px;
      opacity: 1; }
    header#LoginHeader ul li a:hover {
      opacity: 0.7; }
    header#LoginHeader ul li:last-child {
      height: 74px;
      width: 74px; }
      header#LoginHeader ul li:last-child span {
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        background-image: url("../img/open.png");
        background-repeat: no-repeat;
        opacity: 1;
        cursor: pointer;
        background-size: 74px 74px;
        background-position: center center;
        background-color: #f0f0f0;
        border-radius: 5px;
        display: block;
        height: 74px;
        width: 74px;
        overflow: hidden; }
      header#LoginHeader ul li:last-child span:visited {
        opacity: 1; }
      header#LoginHeader ul li:last-child span:hover {
        opacity: 0.7; }
      header#LoginHeader ul li:last-child span:active {
        opacity: 1; }
      header#LoginHeader ul li:last-child span.on {
        background-image: url("../img/close.png");
        background-repeat: no-repeat; } }

/*====================================================
2.0 - Maincontents
=====================================================*/
#MainContainerArea {
  background-color: #fff;
  margin: 0px; }
  @media only screen and (max-width: 889px) {
    #MainContainerArea {
      padding: 130px 0px 1px 0px; } }
  @media only screen and (min-width: 890px) {
    #MainContainerArea {
      padding: 160px 0px 1px 0px; } }

#IndexContainerArea {
  background-color: #fff;
  margin: 0px; }
  @media only screen and (max-width: 889px) {
    #IndexContainerArea {
      padding: 58px 0px 1px 0px; } }
  @media only screen and (min-width: 890px) {
    #IndexContainerArea {
      padding: 100px 0px 1px 0px; } }

#GeneralContainerArea {
  background-color: #fff;
  margin: 0px; }
  @media only screen and (max-width: 889px) {
    #GeneralContainerArea {
      padding: 58px 0px 1px 0px; } }
  @media only screen and (min-width: 890px) {
    #GeneralContainerArea {
      padding: 85px 0px 1px 0px; } }
  @media only screen and (max-width: 599px) {
    #GeneralContainerArea div.general {
      width: 96%;
      margin: 24px auto 20px auto; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    #GeneralContainerArea div.general {
      width: 96%;
      margin: 68px auto 20px auto; } }
  @media only screen and (min-width: 995px) {
    #GeneralContainerArea div.general {
      width: 980px;
      margin: 80px auto 20px auto; } }
  #GeneralContainerArea .nav-list {
    display: block;
    width: calc(100% - 10px);
    margin: 0px auto;
    background: #333;
    border-radius: 5px;
    padding: 20px 15px; }
    #GeneralContainerArea .nav-list h2,
    #GeneralContainerArea .nav-list ul,
    #GeneralContainerArea .nav-list li {
      display: inline-block;
      color: #fff; }
    #GeneralContainerArea .nav-list li:before {
      content: '';
      display: inline-block;
      width: 9px;
      height: 17px;
      background-image: url("../img/cat-arrow.png");
      background-repeat: no-repeat;
      background-size: 24px 34px;
      background-size: 9px 17px;
      background-position: center center;
      margin-right: 10px; }
    #GeneralContainerArea .nav-list h2 {
      font-size: 24px;
      font-weight: 700;
      padding-right: 60px; }
    #GeneralContainerArea .nav-list li {
      margin-right: 30px; }
    #GeneralContainerArea .nav-list li a {
      display: inline;
      font-size: 17px;
      text-decoration: none;
      color: #fff;
      line-height: 1;
      vertical-align: top; }
    #GeneralContainerArea .nav-list li span {
      display: inline;
      font-size: 17px;
      text-decoration: none;
      color: #fff;
      line-height: 1;
      vertical-align: top; }

/*====================================================
3.0 - Footer
=====================================================*/
footer {
  padding: 46px 0; }
  footer ul.footer-sns {
    text-align: center;
    margin-bottom: 30px; }
    footer ul.footer-sns li {
      width: 60px;
      height: 60px;
      display: inline-block;
      margin-right: 10px;
      margin-left: 10px; }
      footer ul.footer-sns li a {
        width: 60px;
        height: 60px;
        border-radius: 5px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background-color: #f0f0f0; }
    footer ul.footer-sns li a {
      background-image: url("../img/line-pc.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 30px 30px; }
    footer ul.footer-sns li + li a {
      background-image: url("../img/facebook-pc.png");
      background-repeat: no-repeat; }
    footer ul.footer-sns li + li + li a {
      background-image: url("../img/insta-pc.png");
      background-repeat: no-repeat; }
  footer ul.footer-link {
    text-align: center;
    margin-bottom: 30px; }
    @media only screen and (max-width: 479px) {
      footer ul.footer-link li {
        font-size: 14px;
        margin-bottom: 15px; }
        footer ul.footer-link li a {
          text-decoration: none; }
      footer ul.footer-link li:last-child {
        margin-bottom: 0px; } }
    @media only screen and (min-width: 480px) {
      footer ul.footer-link li {
        display: inline-block;
        font-size: 14px; }
      footer ul.footer-link li:after {
        content: "|";
        color: #fff; }
      footer ul.footer-link li:last-child:after {
        content: ""; } }
    footer ul.footer-link a {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      color: #fff;
      opacity: 1; }
    footer ul.footer-link a:hover {
      opacity: 0.7; }
  footer span.copylight {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block; }

.eyechach-img {
  margin-bottom: 30px; }
  .eyechach-img img {
    width: 100%;
    height: auto; }

.paging {
  padding: 0px;
  margin: 0px; }
  .paging .prev,
  .paging .next {
    padding: 0px;
    margin: 0px; }
    .paging .prev a,
    .paging .next a {
      padding: 0px;
      margin: 0px; }

.paging {
  margin-top: 80px; }
  .paging .prev, .paging .next {
    display: table;
    width: 100%; }
  .paging .next {
    margin-top: 20px; }
  .paging .prev a, .paging .next a {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    background-size: 30px 30px;
    color: #009be4; }
  .paging .prev a {
    background-image: url("../img/pg-left.gif");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 35px;
    text-align: left; }
  .paging .next a {
    background-image: url("../img/pg-right.gif");
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 35px;
    text-align: right; }

/*ニュースカテゴリー出力*/
@media only screen and (max-width: 599px) {
  .news-category .post-page-info {
    margin-bottom: 24px; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .news-category .post-page-info {
    margin-bottom: 46px; } }

@media only screen and (min-width: 995px) {
  .news-category .post-page-info {
    margin-bottom: 46px; } }

.news-category ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.news-category ul li {
  border-bottom: 1px dotted #ccc; }

.news-category a {
  width: 100%;
  text-decoration: none;
  display: block;
  opacity: 1;
  padding: 26px 0;
  color: #333; }

.news-category a:hover {
  opacity: 0.7; }

@media only screen and (max-width: 479px) {
  .news-category dl {
    width: 100%; } }

@media only screen and (min-width: 480px) and (max-width: 1200px) {
  .news-category dl {
    width: 100%;
    display: table; }
    .news-category dl dt, .news-category dl dd {
      display: table-cell;
      vertical-align: top; } }

@media only screen and (min-width: 1201px) {
  .news-category dl {
    width: 100%;
    display: table; }
    .news-category dl dt, .news-category dl dd {
      display: table-cell;
      vertical-align: top; } }

.news-category dl .times {
  display: inline-block; }

.news-category dl .cattitle {
  display: inline-block; }

.news-category dl dd h2 {
  width: 100%;
  display: block; }

.news-category dl dd div {
  display: block;
  padding-top: 15px; }

.news-category dl dd p {
  width: 100%;
  display: block;
  padding-top: 15px; }

@media only screen and (max-width: 599px) {
  .pagefix {
    padding-bottom: 24px; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  .pagefix {
    padding-bottom: 68px; } }

@media only screen and (min-width: 995px) {
  .pagefix {
    padding-bottom: 80px; } }

.news-category .post-page-title {
  font-size: 31px;
  line-height: 1.4;
  font-weight: 700; }
  @media only screen and (max-width: 599px) {
    .news-category .post-page-title {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    .news-category .post-page-title {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 995px) {
    .news-category .post-page-title {
      margin-bottom: 30px; } }

.news-category .news-category-title {
  font-size: 24px;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-bottom: 46px; }

.news-category .times {
  font-size: 14px;
  color: #274644;
  padding-right: 30px; }

.news-category .cattitle {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  color: #009be4;
  border: 1px solid #009be4;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 5px; }

.news-category dl dd h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: #274644; }

.news-category dl dd p {
  font-size: 14px;
  line-height: 1.8;
  color: #274644; }

.news-category dt div {
  background-position: center center;
  background-size: cover; }

@media only screen and (max-width: 479px) {
  .news-category dt {
    max-width: 400px;
    display: block;
    margin: 0 auto 20px auto; }
    .news-category dt div img {
      width: 100%;
      height: auto; } }

@media only screen and (min-width: 480px) and (max-width: 1200px) {
  .news-category dt {
    max-width: 365px; }
    .news-category dt div img {
      width: 100%;
      height: auto; }
  .news-category dd {
    width: 64.71%;
    padding-left: 3.9%; } }

@media only screen and (min-width: 1201px) {
  .news-category dt {
    width: 365px; }
    .news-category dt div img {
      width: 100%;
      height: auto; }
  .news-category dd {
    padding-left: 40px; } }

@media only screen and (max-width: 479px) {
  p.excerpt-text {
    display: none !important; } }

#pgnation {
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px 0 0 0;
  margin: 0px auto 40px auto;
  clear: both; }
  #pgnation span {
    border: 1px solid #5498e4 !important;
    margin: 0.2em;
    background: #5498e4;
    color: #fff; }
    @media only screen and (max-width: 599px) {
      #pgnation span {
        width: 50px;
        height: 50px;
        font-size: 14px;
        line-height: 50px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      #pgnation span {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px; } }
    @media only screen and (min-width: 995px) {
      #pgnation span {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px; } }
  #pgnation a, #pgnation a:link {
    color: #5498e4;
    background: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid #5498e4 !important; }
  #pgnation a:hover {
    opacity: 0.7;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  #pgnation span, #pgnation a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    margin: 0.2em; }
    @media only screen and (max-width: 599px) {
      #pgnation span, #pgnation a {
        width: 50px;
        height: 50px;
        font-size: 14px;
        line-height: 50px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      #pgnation span, #pgnation a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px; } }
    @media only screen and (min-width: 995px) {
      #pgnation span, #pgnation a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px; } }
  #pgnation .dots {
    background: #fff;
    border: none !important;
    padding: 0px 0px !important; }

#MainImagesArea {
  background: #fff;
  padding: 0px;
  margin: 0px;
  text-align: center; }
  @media only screen and (max-width: 599px) {
    #MainImagesArea {
      width: calc(100% - 10px);
      margin: 0px auto;
      margin-bottom: 40px; }
      #MainImagesArea img {
        width: 100%;
        height: auto;
        vertical-align: bottom; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    #MainImagesArea {
      width: calc(100% - 10px);
      margin: 0px auto;
      margin-bottom: 68px; }
      #MainImagesArea img {
        width: 100%;
        height: auto;
        vertical-align: bottom; } }
  @media only screen and (min-width: 995px) {
    #MainImagesArea {
      width: calc(100% - 10px);
      margin: 0px auto;
      margin-bottom: 80px; }
      #MainImagesArea img {
        width: 100%;
        height: auto; } }

@media only screen and (max-width: 599px) {
  div.index {
    width: 96%;
    margin: 0px auto; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  div.index {
    width: 96%;
    margin: 0px auto; } }

@media only screen and (min-width: 995px) {
  div.index {
    width: 980px;
    margin: 0px auto; } }

@media only screen and (max-width: 599px) {
  div.index section {
    margin-bottom: 24px; } }

@media only screen and (min-width: 600px) and (max-width: 994px) {
  div.index section {
    margin-bottom: 68px; } }

@media only screen and (min-width: 995px) {
  div.index section {
    margin-bottom: 80px; } }

div.index {
  color: #333; }
  div.index img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
  div.index .figure-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  div.index .read-title-level1 {
    font-weight: 700;
    color: #009be4; }
    div.index .read-title-level1 span {
      font-size: 14px; }
    @media only screen and (max-width: 599px) {
      div.index .read-title-level1 {
        font-size: 16px;
        line-height: 1.8; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .read-title-level1 {
        font-size: 26px;
        line-height: 1.6;
        text-align: center; } }
    @media only screen and (min-width: 995px) {
      div.index .read-title-level1 {
        font-size: 34px;
        line-height: 1.6;
        text-align: center; } }
  div.index .read-level1 {
    font-weight: 700;
    color: #009be4; }
    @media only screen and (max-width: 599px) {
      div.index .read-level1 {
        font-size: 16px;
        line-height: 1.87; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .read-level1 {
        font-size: 18px;
        line-height: 1.9; }
        div.index .read-level1 span {
          display: block;
          text-align: center; } }
    @media only screen and (min-width: 995px) {
      div.index .read-level1 {
        font-size: 20px;
        line-height: 1.9; }
        div.index .read-level1 span {
          display: block;
          text-align: center; } }
  div.index .title-level2 {
    font-weight: 700;
    color: #009be4;
    text-align: center; }
    @media only screen and (max-width: 599px) {
      div.index .title-level2 {
        font-size: 18px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .title-level2 {
        font-size: 24px; } }
    @media only screen and (min-width: 995px) {
      div.index .title-level2 {
        font-size: 24px; } }
  div.index .title-level3 {
    font-weight: 700;
    color: #009be4; }
    @media only screen and (max-width: 599px) {
      div.index .title-level3 span {
        font-size: 18px;
        line-height: 1.66;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .title-level3 span {
        font-size: 21px;
        line-height: 1.52;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 995px) {
      div.index .title-level3 span {
        font-size: 21px;
        line-height: 1.52;
        display: block;
        text-align: center; } }
  div.index .title-level3 + p {
    font-size: 14px;
    line-height: 2; }
  div.index .subtitle-level3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5; }
    @media only screen and (max-width: 599px) {
      div.index .subtitle-level3 span {
        font-size: 18px;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .subtitle-level3 span {
        font-size: 21px;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 995px) {
      div.index .subtitle-level3 span {
        font-size: 24px;
        display: block;
        text-align: center; } }
  div.index .text-p {
    font-size: 14px; }
    @media only screen and (max-width: 599px) {
      div.index .text-p span {
        line-height: 1.6; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .text-p span {
        line-height: 2;
        display: block;
        text-align: center; } }
    @media only screen and (min-width: 995px) {
      div.index .text-p span {
        line-height: 2;
        display: block;
        text-align: center; } }
  @media only screen and (max-width: 599px) {
    div.index h2.title-level2 {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index h2.title-level2 {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 995px) {
    div.index h2.title-level2 {
      margin-bottom: 24px; } }
  @media only screen and (max-width: 599px) {
    div.index h3.subtitle-level3 {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index h3.subtitle-level3 {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 995px) {
    div.index h3.subtitle-level3 {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 599px) {
    div.index h3.title-level3 {
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index h3.title-level3 {
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 995px) {
    div.index h3.title-level3 {
      margin-top: 30px;
      margin-bottom: 25px; } }
  @media only screen and (max-width: 599px) {
    div.index .text-p {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index .text-p {
      margin-bottom: 46px; } }
  @media only screen and (min-width: 995px) {
    div.index .text-p {
      margin-bottom: 46px; } }
  @media only screen and (max-width: 599px) {
    div.index #ReedArea h2 {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index #ReedArea h2 {
      margin-bottom: 46px; } }
  @media only screen and (min-width: 995px) {
    div.index #ReedArea h2 {
      margin-bottom: 46px; } }
  @media only screen and (max-width: 599px) {
    div.index #PointArea h3.subtitle-level3 {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index #PointArea h3.subtitle-level3 {
      margin-bottom: 46px; } }
  @media only screen and (min-width: 995px) {
    div.index #PointArea h3.subtitle-level3 {
      margin-bottom: 46px; } }
  @media only screen and (max-width: 599px) {
    div.index #NewsArea h3.subtitle-level3 {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index #NewsArea h3.subtitle-level3 {
      margin-bottom: 46px; } }
  @media only screen and (min-width: 995px) {
    div.index #NewsArea h3.subtitle-level3 {
      margin-bottom: 46px; } }
  div.index #NewsArea .newslinks {
    display: block;
    color: #000;
    margin-bottom: 15px; }
  div.index #NewsArea .newslinks:hover {
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    opacity: 0.7; }
  @media only screen and (max-width: 599px) {
    div.index #NewsArea .col {
      margin-bottom: 20px; } }
  @media only screen and (min-width: 600px) {
    div.index #NewsArea .col {
      padding-right: 20px; } }
  @media only screen and (max-width: 599px) {
    div.index #NewsArea .col + .col {
      margin-bottom: 0px; } }
  @media only screen and (min-width: 600px) {
    div.index #NewsArea .col + .col {
      padding-right: 0px;
      padding-left: 20px; } }
  div.index #NewsArea .btnsize50 {
    width: 100%;
    display: block;
    color: #fff;
    background-color: #009be4; }
  @media only screen and (max-width: 599px) {
    div.index #ColumnArea h3.subtitle-level3 {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index #ColumnArea h3.subtitle-level3 {
      margin-bottom: 46px; } }
  @media only screen and (min-width: 995px) {
    div.index #ColumnArea h3.subtitle-level3 {
      margin-bottom: 46px; } }
  div.index #ColumnArea .btnsize30 {
    width: 100%;
    display: block;
    color: #009be4;
    background-color: #fff;
    border: 1px solid #009be4;
    margin-bottom: 15px;
    margin-top: 15px; }
  div.index #ColumnArea .btnsize30 + a {
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    font-size: 16px;
    font-weight: 700;
    color: #009be4;
    line-height: 1.5;
    text-decoration: none; }
  div.index #ColumnArea .btnsize30 + a:hover {
    cursor: pointer;
    opacity: 0.7; }
  div.index #FacilitiesArea .title-level3 {
    color: #333; }
  div.index #FacilitiesArea .room-img {
    margin-bottom: 46px; }
  div.index #FacilitiesArea .h2-waku {
    font-size: 21px;
    font-weight: 700;
    border: 1px solid #333;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
    padding: 15px; }
  div.index #FacilitiesArea .h2-waku-02 {
    margin-top: 46px; }
  @media only screen and (max-width: 599px) {
    div.index #PersonalTrainerArea {
      margin-bottom: 24px; } }
  @media only screen and (min-width: 600px) and (max-width: 994px) {
    div.index #PersonalTrainerArea {
      margin-bottom: 25px; } }
  @media only screen and (min-width: 995px) {
    div.index #PersonalTrainerArea {
      margin-bottom: 25px; } }
  div.index #PersonalTrainerArea .jqueryli {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    height: 1px !important;
    overflow: hidden; }
  div.index #PersonalTrainerArea #PersonalTrainer li {
    position: relative;
    padding-bottom: 60px; }
  div.index #PersonalTrainerArea #PersonalTrainer strong {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 21px;
    text-align: center; }
  div.index #PersonalTrainerArea #PersonalTrainer p {
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 15px;
    display: block; }
  div.index #PersonalTrainerArea #PersonalTrainer .btnsize30 {
    width: 100%;
    color: #fff;
    background-color: #009be4;
    position: absolute;
    bottom: 30px; }
  div.index #FlowArea ul.arrow4-arrow2-arrow2 li strong {
    padding-top: 15px;
    font-size: 21px;
    font-weight: 700;
    color: #009be4;
    text-align: center;
    display: block; }
  div.index #FlowArea ul.arrow4-arrow2-arrow2 li strong + strong {
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-align: center; }
    div.index #FlowArea ul.arrow4-arrow2-arrow2 li strong + strong span {
      display: block; }
  div.index #FlowArea ul.arrow4-arrow2-arrow2 li p {
    font-size: 14px;
    line-height: 1.6;
    display: block; }
  div.index #FlowArea .btnsize50 {
    color: #fff;
    width: 100%;
    background-color: #009be4; }
  div.index #PlanArea ul.card4-card2-card2 li {
    border: 1px solid #009be4; }
    div.index #PlanArea ul.card4-card2-card2 li h3 {
      font-size: 21px;
      color: #fff;
      font-weight: 700;
      line-height: 40px;
      height: 40px;
      text-align: center;
      background-color: #009be4; }
    div.index #PlanArea ul.card4-card2-card2 li strong {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 21px; }
      div.index #PlanArea ul.card4-card2-card2 li strong span {
        font-size: 14px; }
    div.index #PlanArea ul.card4-card2-card2 li strong + p {
      font-size: 14px;
      line-height: 2;
      margin-top: 20px; }
      div.index #PlanArea ul.card4-card2-card2 li strong + p span {
        font-weight: 700; }
    div.index #PlanArea ul.card4-card2-card2 li div {
      padding: 20px 15px; }
  div.index .ep-container {
    margin-top: 40px; }
    div.index .ep-container .col2-wrap .col dt {
      font-size: 21px;
      font-weight: 700;
      color: #019be5;
      border-bottom: 1px solid #019be5; }
    div.index .ep-container .col2-wrap .col dd {
      font-size: 14px;
      line-height: 2; }
    @media only screen and (max-width: 599px) {
      div.index .ep-container .col2-wrap .col {
        padding-bottom: 40px; }
        div.index .ep-container .col2-wrap .col dt {
          margin-bottom: 18px;
          padding-bottom: 15px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .ep-container .col2-wrap .col {
        padding-right: 2%; }
        div.index .ep-container .col2-wrap .col dt {
          margin-bottom: 18px;
          padding-bottom: 15px; } }
    @media only screen and (min-width: 995px) {
      div.index .ep-container .col2-wrap .col {
        padding-right: 20px; }
        div.index .ep-container .col2-wrap .col dt {
          margin-bottom: 18px;
          padding-bottom: 15px; } }
    @media only screen and (min-width: 600px) and (max-width: 994px) {
      div.index .ep-container .col2-wrap .col + .col {
        padding-right: 0px;
        padding-left: 2%; } }
    @media only screen and (min-width: 995px) {
      div.index .ep-container .col2-wrap .col + .col {
        padding-right: 0px;
        padding-left: 20px; } }
  div.index #FAQArea dl.faq-acc {
    width: 100%;
    margin-bottom: 20px; }
    div.index #FAQArea dl.faq-acc dt {
      width: 100%;
      border: 1px solid #009be4;
      display: table; }
      div.index #FAQArea dl.faq-acc dt span {
        display: table-cell;
        vertical-align: top; }
      div.index #FAQArea dl.faq-acc dt span.q-title {
        font-size: 24px;
        width: 60px;
        font-weight: 700;
        text-align: center;
        padding: 15px;
        color: #fff;
        background-color: #009be4; }
      div.index #FAQArea dl.faq-acc dt span.q-text {
        font-size: 18px;
        line-height: 1.5;
        width: calc(100% - 200px);
        vertical-align: middle;
        padding: 15px;
        font-weight: 300;
        text-align: left;
        color: #333;
        background-color: #fff; }
      div.index #FAQArea dl.faq-acc dt span.q-btn {
        width: 140px;
        padding: 15px;
        font-weight: 300;
        text-align: center;
        color: #333;
        background-color: #fff; }
    div.index #FAQArea dl.faq-acc dd {
      width: 100%;
      border: 1px solid #009be4;
      border-top: none;
      display: table; }
      div.index #FAQArea dl.faq-acc dd div.a-title {
        display: table-cell;
        width: 60px;
        font-size: 24px;
        width: 60px;
        font-weight: 700;
        text-align: center;
        padding: 15px;
        color: #fff;
        background-color: #333333; }
      div.index #FAQArea dl.faq-acc dd div.a-text {
        display: table-cell;
        width: calc(100% - 60px);
        padding: 15px; }
        div.index #FAQArea dl.faq-acc dd div.a-text em {
          font-size: 18px; }
        div.index #FAQArea dl.faq-acc dd div.a-text em + p {
          padding-top: 15px;
          font-size: 14px;
          line-height: 2; }
  div.index #FAQArea .btnsize40 {
    width: 110px;
    font-weight: 300;
    color: #fff;
    background-color: #009be4; }
  div.index #FAQArea .btnsize40:after {
    content: '回答を見る'; }
  div.index #FAQArea .active .btnsize40:after {
    content: '閉じる'; }
  div.index #ShopArea .ajast-area + .ajast-area {
    position: relative; }
    @media only screen and (max-width: 479px) {
      div.index #ShopArea .ajast-area + .ajast-area {
        padding-top: 20px; } }
    @media only screen and (min-width: 480px) and (max-width: 994px) {
      div.index #ShopArea .ajast-area + .ajast-area {
        padding-top: 40px; } }
    @media only screen and (min-width: 995px) {
      div.index #ShopArea .ajast-area + .ajast-area {
        padding-top: 60px; } }
    div.index #ShopArea .ajast-area + .ajast-area #RelatedShopArea {
      position: absolute;
      top: -80px; }
  @media only screen and (max-width: 994px) {
    div.index #ShopArea .col {
      padding-bottom: 20px; }
    div.index #ShopArea .col + .col {
      padding-bottom: 0px; }
    div.index #ShopArea #GoogleMap {
      margin-top: 24px; } }
  @media only screen and (min-width: 995px) {
    div.index #ShopArea .col {
      padding-right: 20px; }
    div.index #ShopArea .col + .col {
      padding-right: 0px;
      padding-left: 20px; }
    div.index #ShopArea #GoogleMap {
      margin-top: 30px; } }
  @media only screen and (max-width: 994px) {
    div.index #ShopArea .col {
      padding-right: 20px; }
    div.index #ShopArea .col + .col {
      padding-right: 0px;
      padding-left: 20px; }
    div.index #ShopArea #GoogleMap {
      margin-top: 46px; } }
  @media only screen and (min-width: 995px) {
    div.index #ShopArea .col2-wrap + .subtitle-level3 {
      padding-top: 46px; }
    div.index #ShopArea #GoogleMap {
      margin-top: 46px; } }
  div.index #ShopArea .col dl:first-child {
    border-top: 1px solid #009be4; }
  div.index #ShopArea .col dl {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #009be4;
    display: table; }
    div.index #ShopArea .col dl dt {
      width: 100px; }
    div.index #ShopArea .col dl dd {
      width: calc(100% - 100px); }
    div.index #ShopArea .col dl dt, div.index #ShopArea .col dl dd {
      text-align: left;
      font-size: 14px;
      display: table-cell; }
  div.index #ShopArea #GoogleMap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px; }
    div.index #ShopArea #GoogleMap iframe {
      position: absolute;
      top: -55px;
      width: 100%;
      height: 455px; }
  @media only screen and (min-width: 480px) and (max-width: 994px) {
    div.index #ContactArea ul.card2-card1-card1 li {
      width: 100%;
      margin-bottom: 15px; }
    div.index #ContactArea ul.card2-card1-card1 li + li {
      margin-bottom: 0px; } }
  div.index #ContactArea ul.card2-card1-card1 li a {
    padding: 15px;
    color: #fff;
    text-decoration: none;
    width: 100% !important;
    display: block;
    border-radius: 5px;
    text-align: center;
    background-color: #009be4; }
  div.index #ContactArea ul.card2-card1-card1 li + li a {
    background: #00b900; }
  div.index #ContactArea span.title-span {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    display: inline-block;
    padding-bottom: 10px; }
  div.index #ContactArea span.title-tel {
    font-size: 19px;
    font-weight: 700; }
  div.index #ContactArea span.title-num {
    font-size: 27px;
    font-weight: 700; }
  div.index #ContactArea span.title-text {
    font-size: 14px;
    display: inline-block;
    padding-top: 6px; }
  div.index #ContactArea span.title-line {
    background-image: url("../img/line-icon.png");
    background-repeat: no-repeat;
    background-size: 27px 26px;
    background-position: center left;
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    padding: 3px 0;
    padding-left: 30px; }
  div.index #Inquiry-Form {
    position: relative; }
    div.index #Inquiry-Form #InquiryArea {
      position: absolute;
      top: -80px; }
    @media only screen and (max-width: 479px) {
      div.index #Inquiry-Form {
        padding-top: 20px; } }
    @media only screen and (min-width: 480px) and (max-width: 994px) {
      div.index #Inquiry-Form {
        padding-top: 40px; } }
    @media only screen and (min-width: 995px) {
      div.index #Inquiry-Form {
        padding-top: 60px; } }
    div.index #Inquiry-Form input[type="text"],
    div.index #Inquiry-Form input[type="search"],
    div.index #Inquiry-Form input[type="tel"],
    div.index #Inquiry-Form input[type="url"],
    div.index #Inquiry-Form input[type="password"],
    div.index #Inquiry-Form input[type="email"],
    div.index #Inquiry-Form textarea,
    div.index #Inquiry-Form select {
      width: 100%; }
    div.index #Inquiry-Form textarea.width100 {
      width: 100% !important;
      height: 250px; }
    @media only screen and (max-width: 479px) {
      div.index #Inquiry-Form form {
        padding-top: 20px; } }
    @media only screen and (min-width: 480px) and (max-width: 994px) {
      div.index #Inquiry-Form form {
        padding-top: 40px; } }
    @media only screen and (min-width: 995px) {
      div.index #Inquiry-Form form {
        padding-top: 60px; } }
    div.index #Inquiry-Form form input[type="submit"] {
      background-color: #39bee1;
      color: #fff;
      text-align: center;
      display: block; }
      @media only screen and (max-width: 479px) {
        div.index #Inquiry-Form form input[type="submit"] {
          width: 100%;
          margin: 26px auto 0px auto; } }
      @media only screen and (min-width: 480px) and (max-width: 994px) {
        div.index #Inquiry-Form form input[type="submit"] {
          width: 300px;
          margin: 36px auto 0px auto; } }
      @media only screen and (min-width: 995px) {
        div.index #Inquiry-Form form input[type="submit"] {
          width: 300px;
          margin: 46px auto 0px auto; } }
    div.index #Inquiry-Form dt {
      font-weight: 700;
      font-size: 16px;
      padding-bottom: 5px; }
    div.index #Inquiry-Form dd {
      margin-bottom: 30px; }
    div.index #Inquiry-Form h2 {
      -webkit-transition: .35s ease-in-out;
      -o-transition: .35s ease-in-out;
      transition: .35s ease-in-out;
      font-weight: 700;
      text-align: center; }
      @media only screen and (max-width: 479px) {
        div.index #Inquiry-Form h2 {
          font-size: 26px;
          padding-bottom: 5%; } }
      @media only screen and (min-width: 480px) and (max-width: 994px) {
        div.index #Inquiry-Form h2 {
          font-size: 40px;
          padding-bottom: 30px; } }
      @media only screen and (min-width: 995px) {
        div.index #Inquiry-Form h2 {
          font-size: 56px;
          padding-bottom: 50px; } }
    div.index #Inquiry-Form p {
      margin-bottom: 15px; }
      div.index #Inquiry-Form p span {
        font-size: 14px;
        line-height: 2; }
        @media only screen and (max-width: 479px) {
          div.index #Inquiry-Form p span {
            display: inline;
            text-align: left; } }
        @media only screen and (min-width: 480px) and (max-width: 994px) {
          div.index #Inquiry-Form p span {
            display: block;
            text-align: center; } }
        @media only screen and (min-width: 995px) {
          div.index #Inquiry-Form p span {
            display: block;
            text-align: center; } }
  div.index .inqutype-visible dd {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    vertical-align: middle; }
    div.index .inqutype-visible dd div {
      display: inline-block;
      vertical-align: middle; }
      @media only screen and (max-width: 479px) {
        div.index .inqutype-visible dd div {
          width: 100%;
          padding-bottom: 10px; } }
      @media only screen and (min-width: 480px) and (max-width: 994px) {
        div.index .inqutype-visible dd div {
          width: 49%; } }
      @media only screen and (min-width: 995px) {
        div.index .inqutype-visible dd div {
          width: 49%; } }
  div.index p.error {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 14px;
    color: #da0000; }
  div.index .inqutype-visible {
    -webkit-animation-name: fade-in;
    animation-name: fade-in; }

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
  div.index .add-error {
    border: #c82600 solid 1px !important;
    background-color: #ffe2db !important; }