@charset "UTF-8";

/* *==============================================================================================================================
 * css foundation and base setting
 * 
 * [foundation]
 * [layout]
 * [object]
 *  _vendor
 *  _component
 * 
 */

/* ==============================================================================================================================
 * [foundation]
 * ------------------------------------------------------------------------------------------------------------------------------
 * _base 基本設定
 * ============================================================================================================================== */

body {
  min-width: 118rem;
  background-color: #e60012;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 50%, transparent 50%);
  background-position: left top;
  background-repeat: repeat;
  background-size: 12px 12px;
  will-change: all;
  color: #222;
  font-family: "Yu Gothic Medium", YuGothicMedium, "Yu Gothic", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}

a {
  box-sizing: border-box;
  word-break: break-all;
}

a:link {
  color: inherit;
}

a:visited {
  color: inherit;
  text-decoration: underline;
}

a:hover,
a:active {
  color: inherit;
  outline-width: 0;
  text-decoration: none;
}

a:focus {
  outline-width: 0;
  text-decoration: none;
}

li img,
li a,
li a img {
  vertical-align: bottom;
}

/* ==============================================================================================================================
 * [layout]
 * ============================================================================================================================== */

/* 
 * Bootstrap module
 */

.l-container {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 25px;
  padding-left: 25px;
  width: 1100px;
  max-width: 100%;
}

.l-container-nopad {
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
  max-width: 100%;
}

.l-container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.333333%;
}

.pull-2 {
  right: 16.666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.333333%;
}

.pull-5 {
  right: 41.666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.333333%;
}

.pull-8 {
  right: 66.666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.333333%;
}

.pull-11 {
  right: 91.666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.333333%;
}

.push-2 {
  left: 16.666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.333333%;
}

.push-5 {
  left: 41.666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.333333%;
}

.push-8 {
  left: 66.666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.333333%;
}

.push-11 {
  left: 91.666667%;
}

.push-12 {
  left: 100%;
}

.offset-0 {
  margin-left: 0%;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

/* ==============================================================================================================================
 * [setting]
 * ============================================================================================================================== */

/* 
 * SNS brand color
 */

.fc-facebook {
  color: #3b5998 !important;
}

.fc-twitter {
  color: #55acee !important;
}

.fc-instagram {
  color: #231f20 !important;
}

.fc-youtube {
  color: #cd201f !important;
}

.fc-youtube--blk {
  color: black !important;
}

/* 
 * for Voice Browser
 */

.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

/* 
 * float_clearFix 
 */

.clearfix {
  *zoom: 1;
  /* display: flow-root; */
}

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

/* ==============================================================================================================================
 * [object]
 * ------------------------------------------------------------------------------------------------------------------------------
 * _component 共通コンポーネント
 *
 *  --interactive panels
 *  --block and cards
 *  --chart and graphs
 *  --form controls
 *  --headers and footers
 *  --icons
 *  --list amd collections
 *  --media
 *  --messaging
 *  --navigation
 *  --tables
 *  --title and text
 *  --button
 *
 * ============================================================================================================================== */

/* 
 *  --interactive panels
 */

@-webkit-keyframes load {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(720deg);
    transform: translate(-50%, -50%) rotate(720deg);
  }
}

@keyframes load {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) rotate(720deg);
    transform: translate(-50%, -50%) rotate(720deg);
  }
}

@-webkit-keyframes logoCrowdX {
  0% {
    -webkit-transform: translateX(-0.5px);
    transform: translateX(-0.5px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes logoCrowdX {
  0% {
    -webkit-transform: translateX(-0.5px);
    transform: translateX(-0.5px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes logoCrowdY {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@keyframes logoCrowdY {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@-webkit-keyframes logoCrowdXY {
  0% {
    -webkit-transform: translate3d(-0.5px, 0, 0);
    transform: translate3d(-0.5px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes logoCrowdXY {
  0% {
    -webkit-transform: translate3d(-0.5px, 0, 0);
    transform: translate3d(-0.5px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@-webkit-keyframes boundY1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  75% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  85% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes boundY1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  75% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  85% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes boundY2 {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }

  75% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }

  80% {
    -webkit-transform: translateY(-175px);
    transform: translateY(-175px);
    opacity: 1;
  }

  85% {
    -webkit-transform: translateY(-160px);
    transform: translateY(-160px);
    opacity: 1;
  }

  90% {
    -webkit-transform: translateY(-170px);
    transform: translateY(-170px);
    opacity: 1;
  }

  95% {
    -webkit-transform: translateY(-165px);
    transform: translateY(-165px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-168px);
    transform: translateY(-168px);
    opacity: 1;
  }
}

@keyframes boundY2 {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }

  75% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }

  80% {
    -webkit-transform: translateY(-175px);
    transform: translateY(-175px);
    opacity: 1;
  }

  85% {
    -webkit-transform: translateY(-160px);
    transform: translateY(-160px);
    opacity: 1;
  }

  90% {
    -webkit-transform: translateY(-170px);
    transform: translateY(-170px);
    opacity: 1;
  }

  95% {
    -webkit-transform: translateY(-165px);
    transform: translateY(-165px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-168px);
    transform: translateY(-168px);
    opacity: 1;
  }
}

@-webkit-keyframes cradleRote {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes cradleRote {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes cradleRoteS {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes cradleRoteS {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes bgStep {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  1% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  75% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  76% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
  }
}

@keyframes bgStep {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }

  1% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  75% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  76% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes showPannel {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes showPannel {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes circleFlare {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes circleFlare {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@-webkit-keyframes moveBus {
  0% {
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
  }

  100% {
    -webkit-transform: translateY(-1px) scaleY(1.02);
    transform: translateY(-1px) scaleY(1.02);
  }
}

@keyframes moveBus {
  0% {
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
  }

  100% {
    -webkit-transform: translateY(-1px) scaleY(1.02);
    transform: translateY(-1px) scaleY(1.02);
  }
}

@-webkit-keyframes swinging {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  50% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }

  100% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
}

@keyframes swinging {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  50% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }

  100% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }
}

/*
 * Yu Gothic hack
 */

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

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

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

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

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

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

/* 
 *  --loader
 */

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
  opacity: 1.0;
  visibility: visible;
  transition: all .5s;
}

#loading::before {
  content: "";
  display: inline-block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 8.8rem;
  height: 2.4rem;
  margin: auto;
  background-image: url(../common_img/logo.png);
  background-repeat: no-repeat;
  background-size: 8.8rem auto;
  background-position: center center;
}

#loading.is-completion {
  transition-delay: .5s;
  opacity: 0;
  visibility: hidden;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 7.5rem;
  width: 15rem;
  height: 15rem;
  border-left: 0.5rem solid #3092cd;
  border-top: 0.5rem solid rgba(48, 146, 205, 0.3);
  border-right: 0.5rem solid rgba(48, 146, 205, 0.3);
  border-bottom: 0.5rem solid rgba(48, 146, 205, 0.3);
  -webkit-animation: load 1.5s forwards infinite;
  animation: load 1.5s forwards infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

/* 
 *  --block and cards
 */

.main {
  min-height: calc(100vh - 53.5rem);
  background-color: #fff;
}

.c-commonMain {
  border-bottom: 0.1rem solid rgba(241, 159, 0, 0.2);
  background-image: url(../common_img/main--bg.jpg);
  background-repeat: repeat;
  background-position: center top;
}

.c-mapMain {
  border-bottom: 0.1rem solid rgba(241, 159, 0, 0.2);
  padding-bottom: 8rem;
  background-image: url(../course/images/course--bgMap.png), url(../common_img/main--bg.jpg);
  background-repeat: no-repeat, repeat;
  background-position: center 15.5rem, center top;
		padding-top: 160px;
}

.c-containerRadius,
.c-containerRadiusObj {
  position: relative;
  box-sizing: border-box;
  width: 113rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 4rem;
  padding-left: 4rem;
  border-radius: .8rem;
  background-color: #fff;
  box-shadow: 0 0 0.6rem 0.1rem rgba(0, 0, 0, 0.2);
}

.c-containerRadiusObj::before,
.c-containerRadiusObj::after {
  position: absolute;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.c-objItem01::before {
  content: url(../flow/images/flowSb--item02.png);
  top: -9rem;
  right: 1.5rem;
}

.c-objItem01::after {
  content: url(../flow/images/flowSb--item01.png);
  top: -6.4rem;
  right: 12rem;
  -webkit-animation-name: moveBus;
  animation-name: moveBus;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.c-objItem02::before {
  content: url(../flow/images/flowSd--item02.png);
  top: -7.5rem;
  right: 2rem;
}

.c-objItem02::after {
  content: url(../flow/images/flowSd--item01.png);
  top: -6.4rem;
  right: 15rem;
  -webkit-animation-name: cradleRote;
  animation-name: cradleRote;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.c-objItem03::before {
  content: url(../flow/images/flowSh--item02.png);
  top: -7rem;
  right: 1.5rem;
}

.c-objItem03::after {
  content: url(../flow/images/flowSh--item01.png);
  top: -5.5rem;
  right: 3.3rem;
  -webkit-animation-name: moveBus;
  animation-name: moveBus;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.c-card--ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-card--ttlNum {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
  color: #fff;
  font-family: "Yu Mincho", YuMincho, "游明朝", "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "ＭＳ Ｐ明朝", MS PMincho, "serif";
  font-size: 2.5rem;
  font-style: italic;
  font-weight: bold;
  text-indent: -.2em;
  white-space: nowrap;
}

.c-card--ttlTxt {
  width: calc(100% - 6.5rem);
  margin-left: 1.5rem;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2;
}

.c-card--body--img {
  margin-top: 1rem;
  padding: .6rem;
  background-color: #fff;
  box-shadow: 0 0 0.6rem 0.1rem rgba(0, 0, 0, 0.2);
}

.c-card--body--txt {
  margin-top: 1rem;
  background-image: linear-gradient(180deg, white 0%, white 95%, rgba(255, 255, 255, 0) 96%, rgba(255, 255, 255, 0) 100%), linear-gradient(-90deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 49%, #cccccc 50%, #cccccc 100%);
  background-repeat: repeat, repeat;
  background-size: 2em 2em, .6em .6em;
  line-height: 2;
}

.translated-ltr .c-card--body--txt br {
  display: none;
}

/* 
 *  --headers and footers
 */

/* header */

.header {
  height: 2.8rem;
  z-index: 900;
		background-color: #e60012;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 50%, transparent 50%);
  background-position: left top;
  background-repeat: repeat;
  background-size: 12px 12px;
		position:fixed;
		width:100%;
		top: 0;
}

.header--logo {
  position: absolute;
  top: 1.2rem;
  left: 0;
  z-index: 910;
}

.header--logo a {
  box-sizing: border-box;
  display: block;
  width: 23.3rem;
  height: 16.1rem;
  padding: 4.6rem 2.4rem 6.2rem 3rem;
  background-image: url(../common_img/logo--bg.png);
  background-repeat: no-repeat;
  -webkit-animation-name: logoCrowdXY;
  animation-name: logoCrowdXY;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  will-change: transform;
}

.headerAddress {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 901;
  width: 84rem;
}

.headerAddress--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.headerAddress--items > * {
  margin-left: .5rem;
}

.headerAddress--gadget {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
  padding: 0 1.5rem .5rem 0;
  background-image: url(../common_img/headerAddress--gadget.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.headerAddress--gadget::before {
  display: block;
  position: absolute;
  top: 0;
  left: -1.5rem;
  content: "";
  width: 1.5rem;
  height: 5rem;
  background-image: url(../common_img/headerAddress--gadget.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.headerAddress--gadget * {
  border: 0 none !important;
}

.headerAddress--gadget .goog-te-gadget-simple {
  background-color: transparent !important;
}

.headerAddress--tel {
  width: 37.6rem;
}

.headerAddress--btn {
  width: 17.3rem;
}

.headerAddress--btn a {
  box-sizing: border-box;
  display: block;
  height: 5rem;
  padding-top: 1.2rem;
  background-image: url(../common_img/Address--btn--bgHead.png);
  background-repeat: no-repeat;
  text-align: center;
  transition: all .3s;
}

.headerAddress--btn a:hover {
  background-image: url(../common_img/Address--btn--bgHeadOn.png);
}

/* footer */

.footer {
  background-color: #fff6e7;
}

.footerAddress {
  width: 16.8rem;
  padding-top: 1rem;
}

.footerAddress--tel {
  margin-top: 2rem;
  text-align: center;
}

.footerAddress--btn {
  margin-top: 2rem;
}

.footerAddress--btn a {
  box-sizing: border-box;
  display: block;
  height: 5.8rem;
  padding-top: 1.8rem;
  background-image: url(../common_img/Address--btn--bg.png);
  background-repeat: no-repeat;
  text-align: center;
  transition: all .3s;
}

.footerAddress--btn a:hover {
  background-image: url(../common_img/Address--btn--bgOn.png);
}

.footerSNS {
  width: 16.8rem;
  padding-top: 1rem;
}

.footerSNS--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.footerSNS--items a {
  font-size: 3.6rem;
  font-weight: normal;
  line-height: 1;
  text-decoration: none !important;
}

.footerSNS--items a img {
	vertical-align: top;
}

.footerTbl {
  display: table;
  width: 100%;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.footerTbl--th {
  width: 22rem;
}

.footerTbl > * {
  display: table-cell;
  border-right: .1rem solid #fec5c9;
  vertical-align: top;
}

.fNav--items {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.fNav--item a {
  font-size: 1.2rem;
  text-decoration: none;
  transition: all .3s;
}

.fNav--item a:hover,
.fNav--item a:hover i {
  color: #e60012;
}

.fNav--item > a {
  font-size: 1.2rem;
}

.fNav--item > a i {
  margin-right: .5rem;
  color: #e60012;
}

.fNav--list {
  margin-bottom: 1.5rem;
}

.fNav--ttl {
  display: inline-block;
  margin-bottom: .5rem;
}

.fNav--ttl a {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
}

.fNav--ttl a span {
  display: block;
  margin-left: 2rem;
}

.fNav--ttl a:hover {
  opacity: .8;
}

.fNav--desc {
  margin-left: 1.5rem;
}

.fNav--desc i {
  margin-right: .5rem;
}

.fNav--items:nth-of-type(1) .fNav--ttl a,
.fNav--items:nth-of-type(1) .fNav--ttl i,
.fNav--items:nth-of-type(1) .fNav--desc i,
.fNav--items:nth-of-type(1) .fNav--desc a:hover,
.fNav--items:nth-of-type(1) .fNav--desc a:hover i {
  color: #d96f75;
}

.fNav--items:nth-of-type(2) .fNav--ttl a,
.fNav--items:nth-of-type(2) .fNav--ttl i,
.fNav--items:nth-of-type(2) .fNav--desc i,
.fNav--items:nth-of-type(2) .fNav--desc a:hover,
.fNav--items:nth-of-type(2) .fNav--desc a:hover i {
  color: #3aa5c0;
}

.fNav--items:nth-of-type(3) .fNav--ttl a,
.fNav--items:nth-of-type(3) .fNav--ttl i,
.fNav--items:nth-of-type(3) .fNav--desc i,
.fNav--items:nth-of-type(3) .fNav--desc a:hover,
.fNav--items:nth-of-type(3) .fNav--desc a:hover i {
  color: #daa524;
}

/* copyright */

.c-copy {
  background-color: #e60012;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 50%, transparent 50%);
  background-position: left top;
  background-repeat: repeat;
  background-size: 12px 12px;
  padding: .6rem 0 .4rem;
  color: #fff;
  text-align: center;
  vertical-align: top;
}

.c-copy small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
}

.c-copy small span {
  font-size: 80%;
  line-height: 1;
}

/* 
 *  --icons
 */

.c-icon--now {
  display: block;
  box-sizing: border-box;
  position: relative;
  height: 1.8rem;
  margin-top: .6rem;
  margin-bottom: 1.6rem;
  padding-left: .5rem;
  text-align: center;
  transition: all .3s;
}

.c-icon--now span {
  display: inline-block;
  line-height: 1;
  vertical-align: bottom;
  -webkit-animation-name: boundY1;
  animation-name: boundY1;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.c-icon--now span:nth-of-type(1) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.c-icon--now span:nth-of-type(2) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.c-icon--now span:nth-of-type(3) {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
}

.c-icon--now span:nth-of-type(4) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}

.c-icon--now img {
  line-height: 1;
  vertical-align: bottom;
}

.c-icon--now::before {
  position: absolute;
  top: -.2rem;
  right: 0;
  left: 0;
  margin: auto;
  content: url(../common_img/ico--now0.png);
  -webkit-animation-name: logoCrowdY;
  animation-name: logoCrowdY;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}

/* 
 *  --list amd collections
 */

.c-breadcrumb {
  overflow: hidden;
  height: 3rem;
  background-color: #fff;
  font-size: 1.2rem;
  line-height: 1.67;
}

.c-breadcrumb > * {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
}

.c-breadcrumb a {
  display: block;
  padding: .5rem;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}

.c-breadcrumb em a::after {
  display: inline-block;
  content: "";
  width: .6rem;
  height: .6rem;
  margin: .2rem;
  border-top: 1px solid #3092cd;
  border-right: 1px solid #3092cd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-breadcrumb--home,
.c-breadcrumb--2nd {
  display: block;
  color: #3092cd;
}

.c-breadcrumb--now {
  display: block;
  width: 100%;
  color: #444;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.c-breadcrumb--now a {
  overflow: hidden;
  width: calc( 100% - 10rem);
  text-overflow: ellipsis;
  cursor: default;
}

.c-pager {
  padding-top: 6rem;
}

.c-pager > * {
  width: 50%;
  text-align: center;
}

.c-pager--submit {
  margin-right: auto;
  margin-left: auto;
}

.c-pager--btn,
.c-pager .btnIn {
  position: relative;
}

.c-pager--btn::after,
.c-pager--next .btnIn::after,
.c-pager--prev .btnIn::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: .6rem;
  height: .6rem;
  margin: auto;
  border-top: .2rem solid #fff;
  border-right: .2rem solid #fff;
  transition: all .3s;
}

.c-pager--next a::after,
.c-pager--next .btnIn::after {
  right: 1.5rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-pager--prev a::after,
.c-pager--prev .btnIn::after {
  left: 1.5rem;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.c-pager--next a:hover::after,
.c-pager--next .btnIn:hover::after {
  right: 1.2rem;
}

.c-pager--prev a:hover::after,
.c-pager--prev .btnIn:hover::after {
  left: 1.2rem;
}

.c-cvArea {
  clear: both;
  padding-top: .5rem;
  padding-bottom: 4.5rem;
  background-image: url(../common_img/line--dashed.png);
  background-repeat: repeat-x;
  background-position: center bottom;
}

.c-cvArea--item {
  margin-top: 3rem;
  text-align: center;
}

.c-cvArea--btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33rem;
  height: 5.8rem;
  background-image: url(../common_img/cv--btn--bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .3s;
}

.c-cvArea--btn:hover {
  background-image: url(../common_img/cv--btn--bgOn.png);
}

.c-cvArea--txt {
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none !important;
  transition: all .3s;
}

.c-cvArea--txt:hover {
  color: #e60012;
}

.c-bannerArea {
  background-color: #f6949b;
}

.c-bannerArea--items {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem;
}

.c-bannerArea--item {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.c-bannerArea--item + .c-bannerArea--item {
  padding-left: 2rem;
}

.c-bannerArea--a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 19.4rem;
  height: 8rem;
  border-radius: .5rem;
  background-color: #fff;
  left: 0;
  color: #ccc !important;
  line-height: 8rem;
  text-align: center;
  text-decoration: none !important;
  transition: all .3s;
}

.c-bannerArea--a:hover * {
  opacity: .8;
}

.c-bannerArea--a > * {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.c-generalLinkBtn--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 2rem;
  padding-top: 3rem;
  padding-bottom: 8rem;
}

.c-generalLinkBtn--item {
  width: 24.4rem;
  margin: 1rem .75rem;
}

.c-generalLinkBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 22rem;
  height: 5.1rem;
  background-image: url(../common_img/courseBtn--frame.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  transition: all .3s;
}

.c-generalLinkBtn::after {
  position: absolute;
  top: -1.8rem;
  left: -1.4rem;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  transition: all .3s;
}

.c-generalLinkBtn:hover::after {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.c-generalLinkBtn.btn1::after {
  content: url(../common_img/course--ico1.png);
}

.c-generalLinkBtn.btn2::after {
  content: url(../common_img/course--ico2.png);
}

.c-generalLinkBtn.btn3::after {
  content: url(../common_img/course--ico3.png);
}

.c-generalLinkBtn.btn4::after {
  content: url(../common_img/course--ico4.png);
}

.c-generalLinkBtn--txt {
  display: inline-block;
  position: relative;
  line-height: 1;
  transition: all .3s;
}

.c-generalLinkBtn--txt::before {
  position: absolute;
  opacity: 0;
  transition: all .3s;
}

.c-generalLinkBtn--txt.txt1::before {
  content: url(../common_img/courseBtn--txt1__on.png);
}

.c-generalLinkBtn--txt.txt2::before {
  content: url(../common_img/courseBtn--txt2__on.png);
}

.c-generalLinkBtn--txt.txt3::before {
  content: url(../common_img/courseBtn--txt3__on.png);
}

.c-generalLinkBtn--txt.txt4::before {
  content: url(../common_img/courseBtn--txt4__on.png);
}

.c-generalLinkBtn:hover {
  background-image: url(../common_img/courseBtn--frame__on.png);
}

.c-generalLinkBtn:hover .c-generalLinkBtn--txt img {
  opacity: 0;
}

.c-generalLinkBtn:hover .c-generalLinkBtn--txt::before {
  opacity: 1;
}

/* 
 *  --navigation
 */

.gNav {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.3);
  z-index: 899;
		position: fixed;
		width:100%;
		top:28px;
}

.gNav--items {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110rem;
  height: 13.2rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1.8rem;
  padding-left: 26rem;
}

.gNav--item {
  background-image: url(../common_img/gNav--line.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.gNav--item:nth-of-type(1) {
  background-image: url(../common_img/gNav--line.png), url(../common_img/gNav--line.png);
  background-position: left center, right center;
}

.gNav--item--a {
  display: block;
  border-top: .7rem solid transparent;
  border-bottom: .7rem solid transparent;
  transition: all .3s;
}

.gNav--item:nth-of-type(1):hover a {
  border-bottom-color: #d96f75;
}

.gNav--item:nth-of-type(2):hover a {
  border-bottom-color: #3aa5c0;
}

.gNav--item:nth-of-type(3):hover a {
  border-bottom-color: #daa524;
}

.gNav--item:nth-of-type(4):hover a {
  border-bottom-color: #66a67d;
}

.gNav--item:nth-of-type(5):hover a {
  border-bottom-color: #936eae;
}

.gNav--item:nth-of-type(6):hover a {
  border-bottom-color: #6b81b4;
}

.sNav--wrap {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 13.2rem;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 801;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  transition: all .3s;
}

.sNav--wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  opacity: .95;
  z-index: 800;
}

.sNav--items {
  display: table;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  opacity: 0;
  z-index: 802;
  transition: all .3s;
  transition-delay: .1s;
}

.sNav--item {
  display: table-cell;
  padding: 1rem;
}

.sNav--item--a {
  transition: all .3s;
}

.sNav--item--a:hover {
  opacity: .8;
}

.sNav--trigger:hover > .sNav--wrap {
  height: auto;
  opacity: 1;
  visibility: visible;
  z-index: 811;
}

.sNav--trigger:hover > .sNav--wrap::before {
  z-index: 810;
}

.sNav--trigger:hover .sNav--items {
  opacity: 1;
  z-index: 812;
}

.gNav--item:nth-of-type(1) .sNav--wrap::before {
  background-color: #d96f75;
}

.gNav--item:nth-of-type(2) .sNav--wrap::before {
  background-color: #3aa5c0;
}

.gNav--item:nth-of-type(3) .sNav--wrap::before {
  background-color: #daa524;
}

/* 
 *  --tables
 */

.c-tblist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 96rem;
  margin-top: 4.5rem;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #ddd;
}

.c-tblist--head {
  width: calc(12em + 2.4em);
  text-align: right;
  padding-bottom: 1.2em;
  padding-top: 1.2em;
  padding-right: 1.2em;
  padding-left: 1.2em;
  border-top: 1px solid #ddd;
}

.c-tblist--desc {
  width: calc(100% - 16.8em);
  border-top: 1px solid #ddd;
  padding: 1.2em;
}

/* 
 *  --title and text
 */

.c-fc-tC1 {
  color: #d96f75 !important;
}

.c-fc-tC2 {
  color: #3aa5c0 !important;
}

.c-fc-tC3 {
  color: #daa524 !important;
}

.c-fc-tC4 {
  color: #66a67d !important;
}

.c-fc-tC5 {
  color: #936eae !important;
}

.c-fc-tC6 {
  color: #6b81b4 !important;
}

.c-ttlPage {
  background-color: #f2646f;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-position: center top;
  background-repeat: repeat;
  background-size: 1.6rem 1.6rem;
}

.c-ttlPage--hx {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 105rem;
  height: 12.5rem;
  margin-right: auto;
  margin-left: auto;
}

.c-ttlPage--hx::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 12.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
}

.c-ttlPage--txt {
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
}

.c-ttlArw {
  width: 105rem;
  margin-left: auto;
  margin-right: auto;
  padding: 7rem 2.5rem 3rem 4rem;
  text-indent: -1.5rem;
  font-size: 3rem;
  font-weight: bold;
  word-break: break-all;
}

.c-ttlArw i {
  margin-right: .5rem;
}

.c-ttlArw.tC1 i {
  color: #d96f75;
}

.c-ttlArw.tC2 i {
  color: #3aa5c0;
}

.c-ttlArw.tC3 i {
  color: #daa524;
}

.c-standby {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(100vh - 69rem);
  min-height: 30rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}

/* 
 *  --button
 */

[class*="btnBg"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 27.6rem;
  height: 4.1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
  transition: all .3s;
}

.btnImg--more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1rem;
  background-color: #b8c1c7;
  transition: all .3s;
}

.btnImg--more:hover {
  background-color: #f36e78;
}

.btnBg,
.btnBg--tC1,
.btnBg--tC2,
.btnBg--tC3,
.btnBg--tC4,
.btnBg--tC5,
.btnBg--tC6,
.btnBg--blk,
.btnBg--red {
  background-image: url(../common_img/btn--bg--blk.png);
  background-size: cover, 0;
}

.btnBg,
.btnBg--tC1 {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--tC1.png);
}

.btnBg--tC2 {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--tC2.png);
}

.btnBg--tC3 {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--tC3.png);
}

.btnBg--tC4 {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--tC4.png);
}

.btnBg--tC5 {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--tC5.png);
}

.btnBg--tC6 {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--tC6.png);
}

.btnBg--blk {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--blk.png);
}

.btnBg--red {
  background-image: url(../common_img/btn--bg--blk.png), url(../common_img/btn--bg--red.png);
}

.btnBg:hover,
.btnBg--tC1:hover,
.btnBg--tC2:hover,
.btnBg--tC3:hover,
.btnBg--tC4:hover,
.btnBg--tC5:hover,
.btnBg--tC6:hover {
  background-size: 0, cover;
}

.btnBg--blk:hover {
  background-size: 0, cover;
  opacity: .9;
}

.btnBg--red:hover {
  background-size: 0, 276px 41px;
}

.btnBg--tC1ov,
.btnBg--tC2ov,
.btnBg--tC3ov,
.btnBg--tC4ov,
.btnBg--tC5ov,
.btnBg--tC6ov {
  background-size: cover, 0;
}

.btnBg--tC1ov {
  background-image: url(../common_img/btn--bg--tC1.png), url(../common_img/btn--bg--tC1x2.png);
}

.btnBg--tC2ov {
  background-image: url(../common_img/btn--bg--tC2.png), url(../common_img/btn--bg--tC2x2.png);
}

.btnBg--tC3ov {
  background-image: url(../common_img/btn--bg--tC3.png), url(../common_img/btn--bg--tC3x2.png);
}

.btnBg--tC4ov {
  background-image: url(../common_img/btn--bg--tC4.png), url(../common_img/btn--bg--tC4x2.png);
}

.btnBg--tC5ov {
  background-image: url(../common_img/btn--bg--tC5.png), url(../common_img/btn--bg--tC5x2.png);
}

.btnBg--tC6ov {
  background-image: url(../common_img/btn--bg--tC6.png), url(../common_img/btn--bg--tC6x2.png);
}

.btnBg--tC1ov:hover,
.btnBg--tC2ov:hover,
.btnBg--tC3ov:hover,
.btnBg--tC4ov:hover,
.btnBg--tC5ov:hover,
.btnBg--tC6ov:hover {
  background-size: 0, cover;
}

.btnTag {
  margin: 0;
  padding: 0;
  border: 0 none;
  background-color: transparent;
  outline: 0 none !important;
}

.btnTag:disabled > .btnIn,
.btnTag:disabled > .btnIn:hover {
  background-image: url(../contact/images/formBtn--bgDis.png) !important;
  cursor: default;
}

.btnIn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33rem;
  height: 5.8rem;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .3s;
  cursor: pointer;
}

.btnIn.typeSubmit {
  background-image: url(../contact/images/formBtn--bg.png), url(../contact/images/formBtn--bgOn.png);
}

.btnIn.typeSubmit:hover {
  background-image: url(../contact/images/formBtn--bgOn.png);
}

.btnIn.typeSend {
  background-image: url(../contact/images/formBtn--bgSend.png), url(../contact/images/formBtn--bgSendOn.png);
  background-size: auto, 0;
}

.btnIn.typeSend:hover {
  background-size: 0, auto;
}

.btnIn.typeBackFix {
  background-image: url(../contact/images/formBtn--bgFix.png), url(../contact/images/formBtn--bg.png);
}

.btnIn.typeBackFix:hover {
  background-size: 0, auto;
}

.btnIn.typeCate {
  background-image: url(../common_img/btnLarge--bg--blk.png), url(../common_img/btnLarge--bg--red.png);
}

.btnIn.typeCate:hover {
  background-size: 0, auto;
}

.btnLarge--tC1ov {
  background-image: url(../common_img/btnLarge--bg--tC1.png), url(../common_img/btnLarge--bg--tC1x2.png);
}

.btnLarge--tC2ov {
  background-image: url(../common_img/btnLarge--bg--tC2.png), url(../common_img/btnLarge--bg--tC2x2.png);
}

.btnLarge--tC3ov {
  background-image: url(../common_img/btnLarge--bg--tC3.png), url(../common_img/btnLarge--bg--tC3x2.png);
}

.btnLarge--tC4ov {
  background-image: url(../common_img/btnLarge--bg--tC4.png), url(../common_img/btnLarge--bg--tC4x2.png);
}

.btnLarge--tC5ov {
  background-image: url(../common_img/btnLarge--bg--tC5.png), url(../common_img/btnLarge--bg--tC5x2.png);
}

.btnLarge--tC6ov {
  background-image: url(../common_img/btnLarge--bg--tC6.png), url(../common_img/btnLarge--bg--tC6x2.png);
}

[class*="btnLarge"] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33rem;
  height: 5.8rem;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff !important;
  font-size: 2.2rem;
  font-weight: bold;
  text-decoration: none !important;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
  transition: all .3s;
  cursor: pointer;
}

[class*="btnLarge"]:hover {
  background-size: 0, auto;
}

.pageTop {
  position: fixed;
  right: 3rem;
  bottom: -9rem;
  transition: all .5s;
}

.pageTop--btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #e60012;
  transition: all .3s;
}

.pageTop--btn:hover {
  background-color: #f36e78;
}

.pageTop.is-show {
  bottom: 4.5rem;
}