@charset "UTF-8";
/* responsive */
/*@include mq() { }*/
/* Scss Document */
/*color*/
/*color*/
/* cubic-bezier */
.vh_max {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.f_sans {
  font-family: "Noto Sans JP", sans-serif;
}

.f_en {
  font-family: "roboto", sans-serif;
}

.text {
  line-height: 2;
  letter-spacing: 0.075em;
}

.u_ba {
  position: relative;
}
.u_ba::before, .u_ba::after {
  content: "";
  position: absolute;
  display: block;
}

/*
.vertical {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
 */
/* responsive */
/*@include mq() { }*/
/* Scss Document */
/*color*/
/*color*/
/* cubic-bezier */
.vh_max {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.f_sans {
  font-family: "Noto Sans JP", sans-serif;
}

.f_en {
  font-family: "roboto", sans-serif;
}

.text {
  line-height: 2;
  letter-spacing: 0.075em;
}

.u_ba {
  position: relative;
}
.u_ba::before, .u_ba::after {
  content: "";
  position: absolute;
  display: block;
}

/*
.vertical {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-size: 1.1428571429vw;
  line-height: 1;
  height: -webkit-fill-available;
}

@media (max-width: 414px) {
  html {
    font-size: 3.738317757vw;
  }
}
*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  min-width: 100%;
  margin: 0;
  padding: 0;
  color: #209baa;
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Gothic Medium BBB", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  position: relative;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-size: 1rem;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #effcf9;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
}

.iphone body, .ipad body, .android body {
  font-family: YakuHanJP, "Gothic Medium BBB", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .page_header, .copy-area, .btn-style1, .bannerset, .bold {
  font-family: YakuHanJP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Midashi Go MB31", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
  letter-spacing: 0.15em;
}
@media (min-width: 415px) {
  h1, h2, h3, h4, h5, h6, .page_header, .copy-area, .btn-style1, .bannerset, .bold {
    letter-spacing: 0.2em;
  }
}

.iphone h1, .iphone h2, .iphone h3, .iphone h4, .iphone h5, .iphone h6, .iphone .page_header, .iphone .copy-area, .iphone .btn-style1, .iphone .bannerset, .iphone .bold, .ipad h1, .ipad h2, .ipad h3, .ipad h4, .ipad h5, .ipad h6, .ipad .page_header, .ipad .copy-area, .ipad .btn-style1, .ipad .bannerset, .ipad .bold, .android h1, .android h2, .android h3, .android h4, .android h5, .android h6, .android .page_header, .android .copy-area, .android .btn-style1, .android .bannerset, .android .bold {
  font-family: YakuHanJP, "Midashi Go MB31", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

h2 {
  margin: 0 0 1.25rem;
  font-size: 1.3125rem;
  line-height: 1.5;
}
@media (min-width: 415px) {
  h2 {
    font-size: 2.5rem;
  }
}
@media screen and (orientation: landscape) {
  h2 {
    font-size: 2.5rem;
  }
}

.sample {
  display: none;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  z-index: 100;
  text-align: center;
  opacity: 0.5;
}
.sample img {
  width: 100%;
}

.sample-sp {
  display: none;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: -3.125rem;
  z-index: 100;
  text-align: center;
  opacity: 1;
}
.sample-sp img {
  width: 100%;
}

.wrapper {
  position: relative;
  z-index: 1;
}

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flexbox.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flexbox.col-re {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.flexbox.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flexbox.row-re {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flexbox.row, .flexbox.row-re {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flexbox.row > *.img-block, .flexbox.row-re > *.img-block {
  width: 50%;
}
.flexbox.row > *.txt-block, .flexbox.row-re > *.txt-block {
  width: 45%;
}

picture > * {
  width: 100%;
}

@media screen and (orientation: portrait) {
  p, li {
    font-size: 0.875rem;
    letter-spacing: 0.08em;
  }
}
@media (min-width: 415px) {
  p, li {
    font-size: 1.125rem;
    letter-spacing: 0.12em;
    line-height: 1.8;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  p, li {
    font-size: 1.3125rem;
    letter-spacing: 0.15em;
    line-height: 2;
  }
}
@media screen and (orientation: landscape) {
  p, li {
    font-size: 0.9375rem;
  }
}

.btn-style1 {
  vertical-align: top;
  text-align: center;
  width: 10rem;
  line-height: 2.8125rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
  background-color: #3F3F86;
}
@media (min-width: 415px) {
  .btn-style1 {
    width: 17.5rem;
    height: 4.6875rem;
    line-height: 4.6875rem;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .btn-style1 {
    height: 5.9375rem;
    line-height: 5.9375rem;
  }
}
@media screen and (orientation: landscape) {
  .btn-style1 {
    width: 15rem;
    height: 4.6875rem;
  }
}
.btn-style1 a, .btn-style1 input[type=submit] {
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  line-height: 2.8125rem;
  display: block;
}
@media (min-width: 415px) {
  .btn-style1 a, .btn-style1 input[type=submit] {
    font-size: 1.125rem;
    letter-spacing: 0.24em;
    line-height: 4.6875rem;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .btn-style1 a, .btn-style1 input[type=submit] {
    font-size: 1.4375rem;
    letter-spacing: 0.26em;
    line-height: 5.9375rem;
  }
}
@media screen and (orientation: landscape) {
  .btn-style1 a, .btn-style1 input[type=submit] {
    line-height: 4.6875rem;
  }
}
.btn-style1:before {
  content: "";
  width: 0%;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  top: 0;
  left: 0;
  opacity: 0.2;
}
.btn-style1:hover > a {
  opacity: 1;
}
.btn-style1:hover:before {
  width: 100%;
}

@media (min-width: 769px) {
  .u-link {
    display: inline-block;
    position: relative;
    text-decoration: none;
    padding-bottom: 0.2rem;
  }
  .u-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #209baa;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .u-link:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.ani-title span {
  display: inline-block;
}
@media screen and (orientation: portrait) {
  .ani-title br {
    display: none;
  }
}
@media screen and (orientation: portrait) {
  .ani-title br + span {
    margin-left: -0.6em;
  }
}
@media (max-width: 768px) {
  .ani-title br + span {
    margin-left: -0.6em;
  }
}
@media (max-width: 414px) {
  .ani-title br + span {
    margin-left: -0.61em;
  }
}

.backcircle-obj > span {
  position: fixed;
}
.backcircle-obj > span picture {
  -webkit-transition: -webkit-transform 4s cubic-bezier(0.68, 0, 0.32, 1.6);
  transition: -webkit-transform 4s cubic-bezier(0.68, 0, 0.32, 1.6);
  transition: transform 4s cubic-bezier(0.68, 0, 0.32, 1.6);
  transition: transform 4s cubic-bezier(0.68, 0, 0.32, 1.6), -webkit-transform 4s cubic-bezier(0.68, 0, 0.32, 1.6);
  display: inline-block;
}
@media (max-width: 414px) {
  .backcircle-obj > span picture {
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.68, 1.6);
    transition: -webkit-transform 2s cubic-bezier(0.68, 1.6);
    transition: transform 2s cubic-bezier(0.68, 1.6);
    transition: transform 2s cubic-bezier(0.68, 1.6), -webkit-transform 2s cubic-bezier(0.68, 1.6);
  }
}
.backcircle-obj > span picture > * {
  width: 100%;
}
.backcircle-obj > span picture img {
  display: inline-block;
}
.backcircle-obj > span.obj_lt {
  left: -6.25rem;
  top: 3.125rem;
  width: 15.625rem;
}
@media (min-width: 415px) {
  .backcircle-obj > span.obj_lt {
    left: 15.625rem;
    top: -6.25rem;
    width: 25rem;
  }
}
.backcircle-obj > span.obj_lt img {
  -webkit-animation: 50s linear infinite circle-rotation;
          animation: 50s linear infinite circle-rotation;
}
.backcircle-obj > span.obj_lb {
  left: -11.25rem;
  bottom: -5rem;
  width: 25rem;
}
@media (min-width: 415px) {
  .backcircle-obj > span.obj_lb {
    left: -9.375rem;
    bottom: -1.875rem;
    width: 37.5rem;
  }
}
.backcircle-obj > span.obj_lb img {
  -webkit-animation: 60s linear infinite circle-rotation;
          animation: 60s linear infinite circle-rotation;
}
.backcircle-obj > span.obj_rt {
  right: -6.25rem;
  top: -3.125rem;
  width: 18.75rem;
}
@media (min-width: 415px) {
  .backcircle-obj > span.obj_rt {
    right: -6.25rem;
    top: -6.25rem;
    width: 31.25rem;
  }
}
.backcircle-obj > span.obj_rt img {
  -webkit-animation: 60s linear infinite circle-rotation;
          animation: 60s linear infinite circle-rotation;
}
.backcircle-obj > span.obj_rb {
  right: -4.375rem;
  bottom: -1.875rem;
  width: 15rem;
}
@media (min-width: 415px) {
  .backcircle-obj > span.obj_rb {
    right: -6.25rem;
    bottom: -6.25rem;
    width: 25rem;
  }
}
.backcircle-obj > span.obj_rb img {
  -webkit-animation: 50s linear infinite circle-rotation;
          animation: 50s linear infinite circle-rotation;
}
.backcircle-obj.frame_in span .lefttop, .backcircle-obj.frame_scr_in span .lefttop {
  -webkit-transform: translate3d(1.875rem, 1.25rem, 0);
          transform: translate3d(1.875rem, 1.25rem, 0);
}
.backcircle-obj.frame_in span .leftbottom, .backcircle-obj.frame_scr_in span .leftbottom {
  -webkit-transform: translate3d(1.25rem, 1.875rem, 0);
          transform: translate3d(1.25rem, 1.875rem, 0);
}
.backcircle-obj.frame_in span .righttop, .backcircle-obj.frame_scr_in span .righttop {
  -webkit-transform: translate3d(0.625rem, 5rem, 0);
          transform: translate3d(0.625rem, 5rem, 0);
}
.backcircle-obj.frame_in span .rightbottom, .backcircle-obj.frame_scr_in span .rightbottom {
  -webkit-transform: translate3d(1.25rem, -3.125rem, 0);
          transform: translate3d(1.25rem, -3.125rem, 0);
}
@media screen and (orientation: portrait) {
  .backcircle-obj.frame_in span .lefttop, .backcircle-obj.frame_scr_in span .lefttop {
    -webkit-transform: translate3d(1.875rem, -5rem, 0);
            transform: translate3d(1.875rem, -5rem, 0);
  }
  .backcircle-obj.frame_in span .leftbottom, .backcircle-obj.frame_scr_in span .leftbottom {
    -webkit-transform: translate3d(-1.25rem, -3.75rem, 0);
            transform: translate3d(-1.25rem, -3.75rem, 0);
  }
  .backcircle-obj.frame_in span .righttop, .backcircle-obj.frame_scr_in span .righttop {
    -webkit-transform: translate3d(0.625rem, 6.25rem, 0);
            transform: translate3d(0.625rem, 6.25rem, 0);
  }
  .backcircle-obj.frame_in span .rightbottom, .backcircle-obj.frame_scr_in span .rightbottom {
    -webkit-transform: translate3d(1.25rem, -0.625rem, 0);
            transform: translate3d(1.25rem, -0.625rem, 0);
  }
}
@media screen and (orientation: landscape) {
  .backcircle-obj.frame_in span .lefttop, .backcircle-obj.frame_scr_in span .lefttop {
    -webkit-transform: translate3d(7.5rem, -3.125rem, 0);
            transform: translate3d(7.5rem, -3.125rem, 0);
  }
  .backcircle-obj.frame_in span .leftbottom, .backcircle-obj.frame_scr_in span .leftbottom {
    -webkit-transform: translate3d(6.25rem, 7.5rem, 0);
            transform: translate3d(6.25rem, 7.5rem, 0);
  }
  .backcircle-obj.frame_in span .righttop, .backcircle-obj.frame_scr_in span .righttop {
    -webkit-transform: translate3d(-6.25rem, 6.25rem, 0);
            transform: translate3d(-6.25rem, 6.25rem, 0);
  }
  .backcircle-obj.frame_in span .rightbottom, .backcircle-obj.frame_scr_in span .rightbottom {
    -webkit-transform: translate3d(-14.375rem, 3.125rem, 0);
            transform: translate3d(-14.375rem, 3.125rem, 0);
  }
}
.backcircle-obj.frame_scr_footer .obj_lt {
  top: inherit;
  bottom: 31.25rem;
}
@media (min-width: 415px) {
  .backcircle-obj.frame_scr_footer .obj_lt {
    bottom: 31.25rem;
  }
}
@media (max-width: 768px) {
  .backcircle-obj.frame_scr_footer .obj_lt {
    top: inherit;
    bottom: 31.25rem;
  }
}
.backcircle-obj.frame_scr_footer .obj_rt {
  top: inherit;
  bottom: 31.25rem;
}
@media (min-width: 415px) {
  .backcircle-obj.frame_scr_footer .obj_rt {
    bottom: 31.25rem;
  }
}
@media (max-width: 768px) {
  .backcircle-obj.frame_scr_footer .obj_rt {
    top: inherit;
    bottom: 31.25rem;
  }
}
.backcircle-obj.frame_scr_footer span .lefttop {
  -webkit-transform: translate3d(-12.5rem, 3.125rem, 0);
          transform: translate3d(-12.5rem, 3.125rem, 0);
}
.backcircle-obj.frame_scr_footer span .leftbottom {
  -webkit-transform: translate3d(-0.625rem, 10.625rem, 0);
          transform: translate3d(-0.625rem, 10.625rem, 0);
}
.backcircle-obj.frame_scr_footer span .righttop {
  -webkit-transform: translate3d(-4.375rem, 1.875rem, 0);
          transform: translate3d(-4.375rem, 1.875rem, 0);
}
.backcircle-obj.frame_scr_footer span .rightbottom {
  -webkit-transform: translate3d(-1.875rem, 0rem, 0);
          transform: translate3d(-1.875rem, 0rem, 0);
}
@media (max-width: 1024px) {
  .backcircle-obj.frame_scr_footer span .lefttop {
    -webkit-transform: translate3d(-12.5rem, -9.375rem, 0);
            transform: translate3d(-12.5rem, -9.375rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .leftbottom {
    -webkit-transform: translate3d(-1.25rem, -5.625rem, 0);
            transform: translate3d(-1.25rem, -5.625rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .righttop {
    -webkit-transform: translate3d(-4.375rem, -11.25rem, 0);
            transform: translate3d(-4.375rem, -11.25rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .rightbottom {
    -webkit-transform: translate3d(-1.25rem, -17.5rem, 0);
            transform: translate3d(-1.25rem, -17.5rem, 0);
  }
}
@media (max-width: 768px) {
  .backcircle-obj.frame_scr_footer span .lefttop {
    -webkit-transform: translate3d(-9.5625rem, -25.8125rem, 0);
            transform: translate3d(-9.5625rem, -25.8125rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .leftbottom {
    -webkit-transform: translate3d(-1.25rem, -9.375rem, 0);
            transform: translate3d(-1.25rem, -9.375rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .righttop {
    -webkit-transform: translate3d(-6.25rem, -27.0625rem, 0);
            transform: translate3d(-6.25rem, -27.0625rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .rightbottom {
    -webkit-transform: translate3d(-1.25rem, -21.25rem, 0);
            transform: translate3d(-1.25rem, -21.25rem, 0);
  }
}
@media (max-width: 414px) {
  .backcircle-obj.frame_scr_footer span .lefttop {
    -webkit-transform: translate3d(-3.3125rem, 0, 0);
            transform: translate3d(-3.3125rem, 0, 0);
  }
  .backcircle-obj.frame_scr_footer span .leftbottom {
    -webkit-transform: translate3d(-1.25rem, -6.25rem, 0);
            transform: translate3d(-1.25rem, -6.25rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .righttop {
    -webkit-transform: translate3d(4.375rem, -0.625rem, 0);
            transform: translate3d(4.375rem, -0.625rem, 0);
  }
  .backcircle-obj.frame_scr_footer span .rightbottom {
    -webkit-transform: translate3d(3.125rem, -8.125rem, 0);
            transform: translate3d(3.125rem, -8.125rem, 0);
  }
}

@media screen and (orientation: portrait) {
  .feature-sec > .flexbox {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.feature-sec > .flexbox:not(:first-child) {
  margin-top: 15.625rem;
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox:not(:first-child) {
    margin-top: 15.625rem;
  }
}
@media (max-width: 1024px) {
  .feature-sec > .flexbox:not(:first-child) {
    margin-top: 12.5rem;
  }
}
@media (max-width: 414px) {
  .feature-sec > .flexbox:not(:first-child) {
    margin-top: 6.25rem;
  }
}
.feature-sec > .flexbox .img-block {
  width: calc(100% - 8vw);
  z-index: 1;
  position: relative;
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox .img-block {
    width: 45%;
  }
}
.feature-sec > .flexbox .txt-block {
  width: calc(100% - 8vw);
}
@media screen and (orientation: portrait) {
  .feature-sec > .flexbox .txt-block {
    margin-left: 8vw;
  }
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox .txt-block {
    width: 50%;
  }
}
.feature-sec > .flexbox .txt-block > div {
  background: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  position: relative;
  padding: 2.8125rem 2.1875rem 2.1875rem 2.1875rem;
  margin: -1.25rem 0 0 0;
  text-align: justify;
}
@media (min-width: 415px) {
  .feature-sec > .flexbox .txt-block > div {
    padding: 4.6875rem 4.0625rem 3.75rem 5.3125rem;
  }
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox .txt-block > div {
    font-size: 0.9375rem;
    padding: 2.8125rem 4.0625rem 3.75rem 5.3125rem;
    margin: 3.125rem 0 0 -1.875rem;
  }
}
.feature-sec > .flexbox .txt-block > div:after {
  clear: both;
}
.feature-sec > .flexbox .txt-block > div h2 {
  margin: 0 0 1.25rem;
  font-size: 1.3125rem;
  line-height: 1.5;
}
@media (min-width: 415px) {
  .feature-sec > .flexbox .txt-block > div h2 {
    font-size: 2.5rem;
  }
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox .txt-block > div h2 {
    font-size: 2.5rem;
  }
}
.feature-sec > .flexbox .txt-block > div p {
  margin-top: 0.9375rem;
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox .txt-block > div p {
    margin-top: 1.5625rem;
  }
}
.feature-sec > .flexbox .txt-block > div .btn-style1 {
  float: right;
  margin-top: 1.875rem;
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox .txt-block > div .btn-style1 {
    margin-top: 2.1875rem;
    height: 4.0625rem;
    line-height: 4.0625rem;
  }
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox .txt-block > div .btn-style1 a {
    height: 4.0625rem;
    line-height: 4.0625rem;
  }
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}
@media screen and (orientation: portrait) {
  .feature-sec > .flexbox:nth-child(even) .img-block {
    margin-left: 8vw;
  }
}
@media screen and (orientation: portrait) {
  .feature-sec > .flexbox:nth-child(even) .txt-block {
    margin-left: 0;
  }
}
@media screen and (orientation: landscape) {
  .feature-sec > .flexbox:nth-child(even) .txt-block > div {
    padding: 2.8125rem 5.3125rem 3.75rem 4.0625rem;
    margin: 3.125rem -1.875rem 0 0;
  }
}
.feature-sec > .flexbox.art .txt-block .btn-style1 {
  background: #209baa;
}
.feature-sec > .flexbox.peace .txt-block {
  color: #3F3F86;
}
.feature-sec > .flexbox.peace .txt-block .btn-style1 {
  background: #3F3F86;
}
.feature-sec > .flexbox.food .txt-block {
  color: #3FAF47;
}
.feature-sec > .flexbox.food .txt-block .btn-style1 {
  background: #3FAF47;
}

.white-sec {
  background: rgba(255, 255, 255, 0.85);
  margin-top: 25rem;
  padding: 2.5rem 0;
}
@media (min-width: 415px) {
  .white-sec {
    padding: 6.25rem 0;
  }
}
@media (max-width: 1024px) {
  .white-sec {
    margin-top: 9.375rem;
    padding: 3.75rem 0;
  }
}
@media (max-width: 414px) {
  .white-sec {
    margin-top: 7.5rem;
  }
}
@media screen and (orientation: landscape) {
  .white-sec {
    margin-top: 6.25rem;
    padding: 6.25rem 0;
  }
}
.white-sec h2 {
  text-align: center;
  font-size: 1.5rem;
}
@media (min-width: 415px) {
  .white-sec h2 {
    font-size: 3.125rem;
  }
}
@media screen and (orientation: landscape) {
  .white-sec h2 {
    font-size: 2.5rem;
  }
}
.white-sec h2 + small {
  display: block;
  text-align: center;
  font-size: 0.8125rem;
  margin-top: 0.3125rem;
}
.white-sec h2 + small span {
  display: inline-block;
}
@media (min-width: 415px) {
  .white-sec h2 + small {
    font-size: 1rem;
    margin-top: 0.625rem;
  }
}
.white-sec > * {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.mainvisuial-sec {
  position: relative;
}
@media screen and (orientation: portrait) {
  .mainvisuial-sec {
    height: calc(var(--vh, 1vh) * 100);
    position: relative;
  }
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec {
    margin-top: 11vw;
  }
}
.mainvisuial-sec .copy-area {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 15%;
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec .copy-area {
    top: 50%;
  }
}
.mainvisuial-sec .copy-area .textline.line02 {
  margin-top: 0.9375rem;
  margin-left: 2.5rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .mainvisuial-sec .copy-area .textline.line02 {
    margin-left: 7.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .mainvisuial-sec .copy-area .textline.line02 {
    margin-left: 7.5rem;
  }
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec .copy-area .textline.line02 {
    margin-top: 0.625rem;
    margin-left: 6.25rem;
  }
}
.mainvisuial-sec .copy-area .textline > p {
  padding: 1.5625rem 1.25rem;
  letter-spacing: 0.2em;
  display: inline;
  position: relative;
}
@media (max-width: 414px) {
  .mainvisuial-sec .copy-area .textline > p {
    letter-spacing: 0.3em;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .mainvisuial-sec .copy-area .textline > p {
    padding: 5.625rem 2.8125rem 3.125rem 3.4375rem;
    letter-spacing: 0.8em;
  }
}
@media screen and (min-width: 1025px) {
  .mainvisuial-sec .copy-area .textline > p {
    padding: 5rem 2.5rem 2.8125rem 3.125rem;
    letter-spacing: 0.6em;
  }
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec .copy-area .textline > p {
    padding: 3.75rem 3.125rem 2.8125rem 3.75rem;
    letter-spacing: 0.6em;
  }
}
.mainvisuial-sec .copy-area .textline > p span {
  color: #209baa;
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 1.3125rem;
}
@media (max-width: 414px) {
  .mainvisuial-sec .copy-area .textline > p span {
    font-size: 1.625rem;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .mainvisuial-sec .copy-area .textline > p span {
    font-size: 4.375rem;
  }
}
@media screen and (min-width: 1025px) {
  .mainvisuial-sec .copy-area .textline > p span {
    font-size: 3.75rem;
  }
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec .copy-area .textline > p span {
    font-size: 2.6875rem;
  }
}
.mainvisuial-sec .copy-area .textline > p:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.mainvisuial-sec .slider {
  padding: 0;
}
@media screen and (orientation: portrait) {
  .mainvisuial-sec .slider {
    width: calc(100% - 16vw);
    height: calc(var(--vh, 1vh) * 87);
    margin-left: 16vw;
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 415px) {
  .mainvisuial-sec .slider {
    height: calc(var(--vh, 1vh) * 91);
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .mainvisuial-sec .slider {
    height: calc(var(--vh, 1vh) * 88);
  }
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec .slider {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 20vw);
    height: calc(100vh - 11vw);
  }
}
@media (min-width: 1600px) {
  .mainvisuial-sec .slider {
    width: calc(100% - 300px);
  }
}
.mainvisuial-sec .slider .slick-list, .mainvisuial-sec .slider .slick-track {
  height: 100%;
}
.mainvisuial-sec .slider li {
  width: 100%;
  height: 100%;
  list-style: none;
  overflow: hidden;
  /*
  	  &:after {
  		  content: "";
  		  position: relative;
  		  width: 110%;
  		  height: 110%;
  		  display: block;
  	  }
  	  &.slide01 {
  		  &:after {
  			  background: url(../images/mainvisual-slide01.jpg) no-repeat 50% 50%;
  			  background-size: cover;
  		  }
  	  }
  	 */
}
.mainvisuial-sec .slider img {
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.mainvisuial-sec + .feature-sec {
  margin-top: 25rem;
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec + .feature-sec {
    margin-top: 25rem;
  }
}
@media (max-width: 1024px) {
  .mainvisuial-sec + .feature-sec {
    margin-top: 12.5rem;
  }
}
.mainvisuial-sec + .feature-sec > .flexbox:not(:first-child) {
  margin-top: 18.75rem;
}
@media screen and (orientation: landscape) {
  .mainvisuial-sec + .feature-sec > .flexbox:not(:first-child) {
    margin-top: 18.75rem;
  }
}
@media (max-width: 1024px) {
  .mainvisuial-sec + .feature-sec > .flexbox:not(:first-child) {
    margin-top: 12.5rem;
  }
}

@media screen and (orientation: landscape) {
  .about-sec {
    margin-top: 15.625rem;
  }
}
.about-sec .philosophybox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 1.5625rem;
}
@media (min-width: 415px) {
  .about-sec .philosophybox {
    margin-top: 4.6875rem;
  }
}
@media screen and (orientation: landscape) {
  .about-sec .philosophybox {
    margin-top: 4.6875rem;
  }
}
.about-sec .philosophybox .txt-block {
  background: #ffffff;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  margin-top: -1.875rem;
  padding: 1.875rem 0.9375rem 1.25rem;
}
@media (max-width: 414px) {
  .about-sec .philosophybox .txt-block {
    font-size: 0.875rem;
    text-align: justify;
    letter-spacing: 0.08em;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .about-sec .philosophybox .txt-block {
    font-size: 1.3125rem;
    letter-spacing: 0.15em;
    line-height: 2;
    padding-top: 4.375rem;
  }
}
@media screen and (orientation: landscape) {
  .about-sec .philosophybox .txt-block {
    width: 80%;
    margin-top: -6.25rem;
    padding: 3.75rem;
  }
}
.about-sec .philosophybox .txt-block h3 {
  text-align: center;
  font-size: 1.3125rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 415px) {
  .about-sec .philosophybox .txt-block h3 {
    font-size: 2.5rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (orientation: landscape) {
  .about-sec .philosophybox .txt-block h3 {
    font-size: 2.1875rem;
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 415px) {
  .about-sec .philosophybox .txt-block p {
    text-align: center;
  }
}
@media screen and (orientation: landscape) {
  .about-sec .philosophybox .txt-block p {
    text-align: center;
  }
}
@media (min-width: 415px) {
  .about-sec .philosophybox .txt-block p span {
    display: inline-block;
  }
}
@media screen and (orientation: landscape) {
  .about-sec .philosophybox .txt-block p span {
    display: inline-block;
  }
}
.about-sec .philosophybox .txt-block .btn-style1 {
  margin: 1.875rem auto 0;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .about-sec .philosophybox .txt-block .btn-style1 {
    margin: 4.375rem auto 0;
  }
}
@media screen and (orientation: landscape) {
  .about-sec .philosophybox .txt-block .btn-style1 {
    margin: 3.125rem auto 0;
  }
}
@media (max-width: 414px) {
  .about-sec .bannerset {
    display: block;
  }
}
@media (min-width: 415px) {
  .about-sec .bannerset {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.about-sec .bannerset > * {
  width: 100%;
  height: 4.375rem;
}
@media (max-width: 414px) {
  .about-sec .bannerset > *:not(:first-child) {
    margin-top: 0.9375rem;
  }
}
@media (min-width: 415px) {
  .about-sec .bannerset > * {
    width: calc(50% - 10px);
    height: 6.25rem;
  }
}
.about-sec .bannerset > * a {
  font-size: 105%;
  line-height: 4.375rem;
}
@media (min-width: 415px) {
  .about-sec .bannerset > * a {
    font-size: 150%;
    line-height: 6.25rem;
  }
}
.about-sec .bannerset.bannerset1 {
  text-align: center;
  font-weight: bold;
  margin-top: 2.1875rem;
  margin-bottom: 0.9375rem;
}
@media (min-width: 415px) {
  .about-sec .bannerset.bannerset1 {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (orientation: landscape) {
  .about-sec .bannerset.bannerset1 {
    margin-bottom: 2.8125rem;
  }
}
.about-sec .bannerset.bannerset1 > * {
  position: relative;
  display: block;
  height: 5.625rem;
}
@media (min-width: 415px) {
  .about-sec .bannerset.bannerset1 > * {
    height: 9.375rem;
  }
}
.about-sec .bannerset.bannerset1 > *:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.about-sec .bannerset.bannerset1 > *.banner-schedule:after {
  background: url(../images/top/top-img05.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.about-sec .bannerset.bannerset1 > *.banner-event:after {
  background: url(../images/top/top-img06.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.about-sec .bannerset.bannerset1 > * a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  line-height: 5.625rem;
}
@media (min-width: 415px) {
  .about-sec .bannerset.bannerset1 > * a {
    line-height: 9.375rem;
  }
}
.about-sec .bannerset.bannerset1 > * a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/common/banner-mask.png) no-repeat 50% 50%;
  background-size: 200%;
  opacity: 0.5;
  background-blend-mode: multiply;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about-sec .bannerset.bannerset1 > * a:hover:after {
  background: url(../images/common/banner-mask.png) no-repeat 50% 50%;
  background-size: 100%;
  opacity: 1;
  background-blend-mode: multiply;
}
.about-sec .bannerset.bannerset1 > * a span {
  position: relative;
  z-index: 1;
  color: #ffffff;
}

.about-sec, .feature-sec {
  overflow: hidden;
  width: 100%;
}

.common_style {
  padding-top: 6.875rem;
}
@media screen and (orientation: landscape) {
  .common_style {
    padding-top: 9.6875rem;
  }
}
@media (min-width: 415px) {
  .common_style {
    padding-top: 9.6875rem;
  }
}
.common_style > div > h1 {
  text-align: center;
  line-height: 1.8;
  font-size: 1.875rem;
}
@media (min-width: 415px) {
  .common_style > div > h1 {
    font-size: 3.75rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style > div > h1 {
    font-size: 3.125rem;
  }
}
.common_style > div > h1 + h2 {
  margin-top: 1.875rem;
}
@media screen and (orientation: landscape) {
  .common_style > div > h1 + h2 {
    margin-top: 3.75rem;
  }
}
@media (min-width: 415px) {
  .common_style > div > h1 + h2 {
    margin-top: 3.75rem;
  }
}
.common_style > div > h1 + section {
  margin-top: 3.125rem;
}
@media screen and (orientation: landscape) {
  .common_style > div > h1 + section {
    margin-top: 6.25rem;
  }
}
@media (min-width: 415px) {
  .common_style > div > h1 + section {
    margin-top: 6.25rem;
  }
}
.common_style > div > h2 {
  text-align: center;
  line-height: 1.8;
  font-size: 1.5rem;
}
@media (min-width: 415px) {
  .common_style > div > h2 {
    font-size: 2.8125rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style > div > h2 {
    font-size: 2.8125rem;
  }
}
.common_style > div > h2 + section {
  margin-top: 3.125rem;
}
@media screen and (orientation: landscape) {
  .common_style > div > h2 + section {
    margin-top: 6.25rem;
  }
}
@media (min-width: 415px) {
  .common_style > div > h2 + section {
    margin-top: 6.25rem;
  }
}
.common_style > div > section.report-sec {
  margin-top: 12.5rem;
}
@media (max-width: 1024px) {
  .common_style > div > section.report-sec {
    margin-top: 4.6875rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style > div > section.report-sec {
    margin-top: 0;
  }
}
.common_style > div > section.report-sec .w-child {
  margin-top: 2.5rem;
}
@media (min-width: 415px) {
  .common_style > div > section.report-sec .w-child {
    margin-top: 3.75rem;
  }
}
.common_style > div > section.report-sec .list-style01 > li {
  border-bottom: 1px solid #EAF8F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding: 1.875rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style > div > section.report-sec .list-style01 > li {
    padding: 4.375rem;
  }
}
@media (min-width: 769px) {
  .common_style > div > section.report-sec .list-style01 > li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 3.125rem;
  }
}
.common_style > div > section.report-sec .list-style01 > li .img-block {
  width: 100%;
}
@media (min-width: 769px) {
  .common_style > div > section.report-sec .list-style01 > li .img-block {
    width: 35%;
  }
}
.common_style > div > section.report-sec .list-style01 > li .txt-block {
  width: 100%;
}
@media (max-width: 768px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block {
    margin-top: 2.5rem;
  }
}
@media (max-width: 414px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block {
    margin-top: 1.25rem;
  }
}
@media (min-width: 769px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block {
    width: 65%;
    padding-left: 5%;
  }
}
.common_style > div > section.report-sec .list-style01 > li .txt-block h3 {
  font-size: 1.5625rem;
  letter-spacing: 0.15em;
  margin-bottom: 0.9375rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block h3 {
    font-size: 2.8125rem;
    margin-bottom: 1.875rem;
    letter-spacing: 0.1em;
    margin-top: 0.3125rem;
  }
}
@media (max-width: 414px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-bottom: 0.625rem;
  }
}
@media (min-width: 769px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block h3 {
    margin-top: -0.3125rem;
  }
}
.common_style > div > section.report-sec .list-style01 > li .txt-block p {
  font-size: 0.8125rem;
}
.common_style > div > section.report-sec .list-style01 > li .txt-block .btn-style1 {
  float: right;
  width: 10rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block .btn-style1 {
    width: 22.5rem;
    height: 5.3125rem;
    line-height: 5.3125rem;
    margin-top: 1.875rem;
  }
}
@media (max-width: 414px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block .btn-style1 {
    width: 10rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin-top: 1.25rem;
  }
}
.common_style > div > section.report-sec .list-style01 > li .txt-block .btn-style1 a {
  height: 2.8125rem;
  line-height: 2.8125rem;
  font-size: 0.8125rem;
}
@media (max-width: 768px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block .btn-style1 a {
    height: 5.3125rem;
    line-height: 5.3125rem;
    font-size: 1.4375rem;
  }
}
@media (max-width: 414px) {
  .common_style > div > section.report-sec .list-style01 > li .txt-block .btn-style1 a {
    height: 2.8125rem;
    line-height: 2.8125rem;
    font-size: 0.8125rem;
  }
}
.common_style > div > section.report-sec .list-style02 {
  overflow: hidden;
  padding: 1.875rem 1.875rem 1.5625rem;
}
@media (min-width: 415px) {
  .common_style > div > section.report-sec .list-style02 {
    padding: 3.125rem 3.125rem 2.5rem;
  }
}
.common_style > div > section.report-sec .list-style02 > li {
  float: left;
  margin-bottom: 0.3125rem;
  font-size: 0.75rem;
  font-weight: bold;
}
@media (min-width: 415px) {
  .common_style > div > section.report-sec .list-style02 > li {
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
  }
}
.common_style > div > section.report-sec .list-style02 > li:not(:last-child) {
  margin-right: 0.3125rem;
}
@media (min-width: 415px) {
  .common_style > div > section.report-sec .list-style02 > li:not(:last-child) {
    margin-right: 1.25rem;
  }
}
.common_style > div > section.report-sec.peace-sec .w-child .txt-block {
  color: #3F3F86;
}
.common_style > div > section.report-sec.peace-sec .list-style02 a {
  color: #3F3F86;
}
.common_style > div > section.report-sec.peace-sec .list-style02 a:after {
  background-color: #3F3F86;
}
.common_style > div > section.report-sec.art-sec .w-child .txt-block .btn-style1 {
  background-color: #209baa;
}
.common_style > div > section.report-sec.food-sec .w-child .txt-block {
  color: #3FAF47;
}
.common_style > div > section.report-sec.food-sec .w-child .txt-block .btn-style1 {
  background-color: #3FAF47;
}
.common_style > div > section.report-sec.food-sec .list-style02 a {
  color: #3FAF47;
}
.common_style > div > section.report-sec.food-sec .list-style02 a:after {
  background-color: #3FAF47;
}
.common_style > div > section.philosophy-sec .w-child {
  overflow: hidden;
  padding: 1.875rem 1.875rem 1.5625rem;
}
@media (min-width: 415px) {
  .common_style > div > section.philosophy-sec .w-child {
    padding: 3.125rem 3.125rem 2.5rem;
  }
}
.common_style > div > section.philosophy-sec .w-child h3 {
  text-align: center;
  line-height: 1.8;
  font-size: 1.5rem;
}
@media (min-width: 415px) {
  .common_style > div > section.philosophy-sec .w-child h3 {
    font-size: 2.5rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style > div > section.philosophy-sec .w-child h3 {
    font-size: 2.5rem;
  }
}
.common_style > div > section.philosophy-sec .w-child + * {
  margin-top: 2.5rem;
}
@media (min-width: 415px) {
  .common_style > div > section.philosophy-sec .w-child + * {
    margin-top: 3.75rem;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox {
    display: block;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    margin-bottom: 9.6875rem;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox .txt-block {
    margin-left: auto;
    margin-right: auto;
  }
}
.common_style .feature-sec.alone-sec > .flexbox.art {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: inherit;
            flex-flow: inherit;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 80%;
    max-width: 960px;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art > * {
    width: 100%;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox.art .img-block {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art .img-block {
    height: 31.25rem;
    overflow: hidden;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art .img-block > * {
    margin-top: -3.125rem;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox.art .txt-block {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art .txt-block {
    margin: -4.375rem auto 0;
    z-index: 1;
    width: 90%;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art .txt-block > div {
    margin: 0;
    background: #ffffff;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art .txt-block > div h2 {
    text-align: center;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art .txt-block > div p {
    text-align: center;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox.art .txt-block > div p br {
    display: none;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.art .txt-block > div p span {
    display: inline-block;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.food {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox.food .img-block {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox.food .txt-block {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox.food .txt-block > div {
    padding: 2.8125rem 5.3125rem 3.75rem 4.0625rem;
    margin: 3.125rem -1.875rem 0 0;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox:nth-child(even) .img-block {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 960px;
  }
}
@media screen and (orientation: portrait) {
  .common_style .feature-sec.alone-sec > .flexbox:nth-child(even) .txt-block {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 960px;
  }
}
@media (min-width: 415px) {
  .common_style .feature-sec.alone-sec > .flexbox:nth-child(even) .txt-block > div h2 {
    font-size: 2.1875rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style .feature-sec.alone-sec > .flexbox:nth-child(even) .txt-block > div h2 {
    font-size: 2.1875rem;
  }
}
.common_style .template-philosophy .feature-sec > .flexbox .txt-block > div h2 {
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
}
@media (min-width: 415px) {
  .common_style .template-philosophy .feature-sec > .flexbox .txt-block > div h2 {
    font-size: 1.75rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-philosophy .feature-sec > .flexbox .txt-block > div h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 415px) {
  .common_style .template-philosophy .feature-sec > .flexbox .txt-block > div h2 {
    letter-spacing: 0.15em;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.common_style .template-event .white-sec .flexbox .txt-block {
  width: calc(100% - 8vw);
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox .txt-block {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox .txt-block {
    width: 50%;
  }
}
.common_style .template-event .white-sec .flexbox .txt-block span {
  font-size: 80%;
}
.common_style .template-event .white-sec .flexbox .txt-block h2 {
  text-align: left;
  letter-spacing: 0.075em;
  margin-bottom: 1.875rem;
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox .txt-block h2 {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .common_style .template-event .white-sec .flexbox .txt-block h2 {
    letter-spacing: 0.05em;
  }
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .flexbox .txt-block h2 {
    margin-bottom: 0.625rem;
  }
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set:not(:first-child) {
  margin-top: 2px;
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set h3 {
  font-size: 170%;
  letter-spacing: 0.075em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 768px) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set h3 {
    letter-spacing: 0.05em;
  }
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set h3 {
    width: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set h3 {
    font-size: 140%;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set h3 {
    width: 13%;
    padding-right: 3%;
  }
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set h3 span {
  margin-top: 0.1875rem;
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list, .common_style .template-event .white-sec .flexbox .txt-block .month-set .activity-list {
  background: #EAF8F8;
  list-style: none;
  margin: 0;
  padding: 1.25rem;
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list, .common_style .template-event .white-sec .flexbox .txt-block .month-set .activity-list {
    padding: 0.9375rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list li, .common_style .template-event .white-sec .flexbox .txt-block .month-set .activity-list li {
    font-size: 85%;
  }
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list li, .common_style .template-event .white-sec .flexbox .txt-block .month-set .activity-list li {
    font-size: 0.8125rem;
  }
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list {
    width: calc(65% - 52px);
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list {
    width: calc(52% - 2px);
  }
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list li {
  position: relative;
  padding-left: 0.8125rem;
  text-align: left;
  width: 100%;
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list li:not(:first-child) {
  margin-top: 0.1875rem;
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set .content-list li:before {
  content: "・";
  position: absolute;
  left: 0;
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set .activity-list {
  width: calc(35% - 2px);
}
.common_style .template-event .white-sec .flexbox .txt-block .month-set.title-tr .content-list, .common_style .template-event .white-sec .flexbox .txt-block .month-set.title-tr .activity-list {
  background: transparent;
  padding: 0 0 0.625rem;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set.title-tr .content-list, .common_style .template-event .white-sec .flexbox .txt-block .month-set.title-tr .activity-list {
    font-size: 130%;
  }
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .flexbox .txt-block .month-set.title-tr .content-list, .common_style .template-event .white-sec .flexbox .txt-block .month-set.title-tr .activity-list {
    font-size: 0.8125rem;
  }
}
.common_style .template-event .white-sec .flexbox .img-block {
  z-index: 1;
  position: relative;
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox .img-block {
    height: 37.5rem;
    width: 50%;
    margin-bottom: 4.375rem;
  }
}
@media (max-width: 768px) {
  .common_style .template-event .white-sec .flexbox .img-block {
    height: 80vw;
    width: 80vw;
  }
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .flexbox .img-block {
    margin-bottom: 1.875rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox .img-block {
    width: 45%;
    padding-right: 5%;
    height: 31.25rem;
  }
}
.common_style .template-event .white-sec .flexbox .img-block > * {
  position: absolute;
}
.common_style .template-event .white-sec .flexbox .img-block .big_img {
  bottom: 25%;
  left: 0;
  width: 90%;
}
.common_style .template-event .white-sec .flexbox .img-block .small_img {
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 50%;
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox.row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox.row .txt-block {
    padding-right: 5%;
  }
}
@media screen and (orientation: portrait) {
  .common_style .template-event .white-sec .flexbox.row-re {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox.row-re .txt-block {
    padding-left: 5%;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox.row-re .txt-block h2 {
    text-align: right;
    margin-right: -0.8125rem;
  }
}
.common_style .template-event .white-sec .flexbox:not(:first-child) {
  margin-top: 12.5rem;
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .flexbox:not(:first-child) {
    margin-top: 6.25rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .flexbox:nth-child(even) .img-block {
    padding-left: 0;
  }
}
.common_style .template-event .white-sec .flexbox:nth-child(even) .img-block .big_img {
  left: inherit;
  right: 0;
}
.common_style .template-event .white-sec .flexbox:nth-child(even) .img-block .small_img {
  right: inherit;
  left: 0;
}
.common_style .template-event .white-sec .caution {
  background: #EAF8F8;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.25rem;
  padding: 1.25rem;
  width: calc(100% - 8vw);
  max-width: 1040px;
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .caution {
    padding: 0.9375rem;
    margin-top: 3.125rem;
  }
}
.common_style .template-event .white-sec .caution li {
  position: relative;
  padding-left: 0.8125rem;
  text-align: left;
  width: 100%;
}
@media screen and (orientation: landscape) {
  .common_style .template-event .white-sec .caution li {
    font-size: 75%;
  }
}
@media (max-width: 414px) {
  .common_style .template-event .white-sec .caution li {
    font-size: 0.75rem;
  }
}
.common_style .template-event .white-sec .caution li:not(:first-child) {
  margin-top: 0.1875rem;
}
.common_style .template-event .white-sec .caution li:before {
  content: "・";
  position: absolute;
  left: 0;
}
.common_style .template-admission .white-sec h2 + small {
  font-weight: bold;
}
.common_style .template-admission .white-sec h2 + small br {
  display: none;
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec h2 + small br {
    display: block;
  }
}
.common_style .template-admission .white-sec h3 {
  text-align: center;
  font-size: 1.125rem;
  margin-top: 2.1875rem;
}
@media (min-width: 415px) {
  .common_style .template-admission .white-sec h3 {
    font-size: 2.1875rem;
    margin-top: 3.4375rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-admission .white-sec h3 {
    font-size: 1.875rem;
  }
}
.common_style .template-admission .white-sec > .child-sec:not(:first-child) {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-admission .white-sec > .child-sec:not(:first-child) {
    margin-top: 7.5rem;
    margin-bottom: 6.25rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec > .child-sec:not(:first-child) {
    margin-top: 6.25rem;
    margin-bottom: 5rem;
  }
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec > .child-sec:last-child {
    margin-bottom: 0 !important;
  }
}
.common_style .template-admission .white-sec .shadow-box {
  padding: 1.5625rem 1.875rem 1.875rem;
  margin-top: 1.5625rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-admission .white-sec .shadow-box {
    padding: 2.8125rem 3.125rem 3.125rem;
    margin-top: 2.8125rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .shadow-box {
    margin-top: 1.875rem;
    padding: 2.8125rem 3.125rem 3.125rem;
  }
}
.common_style .template-admission .white-sec .shadow-box.chart-box {
  width: 100%;
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.common_style .template-admission .white-sec .shadow-box.chart-box > * dt {
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 768px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > * dt {
    font-size: 150%;
    margin-bottom: 3.125rem;
    padding: 1.25rem 0;
  }
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > * dt {
    font-size: 90%;
    margin-bottom: 1.5625rem;
    padding: 0.5rem 0;
  }
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > * dt {
    font-size: 110%;
    margin-bottom: 1.875rem;
    padding: 0.625rem 0;
  }
}
.common_style .template-admission .white-sec .shadow-box.chart-box > *.chart img {
  width: 100%;
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > *.chart01 {
    width: 56%;
  }
}
.common_style .template-admission .white-sec .shadow-box.chart-box > *.chart01 dt {
  background: #3F3F86;
}
@media (max-width: 768px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > *.chart02 {
    margin-top: 6.25rem;
  }
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > *.chart02 {
    margin-top: 3.125rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > *.chart02 {
    width: 41.58%;
  }
}
@media (max-width: 768px) {
  .common_style .template-admission .white-sec .shadow-box.chart-box > *.chart02 img {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.common_style .template-admission .white-sec .shadow-box.chart-box > *.chart02 dt {
  background: #3FAF47;
}
.common_style .template-admission .white-sec .shadow-box ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 0.8125rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-admission .white-sec .shadow-box ol {
    padding-left: 1.125rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .shadow-box ol {
    padding-left: 1.5625rem;
  }
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec .shadow-box ol > li {
    font-size: 80%;
  }
}
.common_style .template-admission .white-sec .shadow-box ol > li:not(:first-child) {
  margin-top: 0.625rem;
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec .shadow-box ol > li:not(:first-child) {
    margin-top: 0.3125rem;
  }
}
.common_style .template-admission .white-sec .shadow-box + p {
  display: block;
  text-align: center;
}
@media (max-width: 768px) {
  .common_style .template-admission .white-sec .shadow-box + p {
    margin-top: 2.8125rem;
    font-size: 80%;
  }
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec .shadow-box + p {
    margin-top: 1.25rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .shadow-box + p {
    margin-top: 1.25rem;
  }
}
.common_style .template-admission .white-sec .shadow-box + p a {
  font-weight: bold;
}
@media (max-width: 768px) {
  .common_style .template-admission .white-sec .shadow-box + p a {
    text-decoration: underline;
  }
}
.common_style .template-admission .white-sec .shadow-box + p span {
  display: inline-block;
}
.common_style .template-admission .white-sec .shadow-box + p br {
  display: none;
}
@media (max-width: 414px) {
  .common_style .template-admission .white-sec .shadow-box + p br {
    display: block;
  }
}
.common_style .template-schedule .white-sec .w-child {
  padding: 1.5625rem 1.875rem 1.875rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-schedule .white-sec .w-child {
    padding: 2.8125rem 3.125rem 3.125rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schedule .white-sec .w-child {
    padding: 2.8125rem 3.125rem 3.125rem;
  }
}
.common_style .template-schedule .white-sec .w-child > * {
  padding: 1.25rem 1.5625rem 1.5625rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-schedule .white-sec .w-child > * {
    padding: 1.875rem 2.1875rem 2.1875rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schedule .white-sec .w-child > * {
    padding: 1.875rem 2.1875rem 2.1875rem;
  }
}
.common_style .template-schedule .white-sec .w-child > * .txt-block h2 {
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-bottom: 0;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 {
    font-size: 1.0625rem;
    line-height: 1;
  }
}
@media (min-width: 415px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 {
    font-size: 1.4375rem;
    letter-spacing: 0.15em;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 {
    font-size: 1.4375rem;
  }
}
.common_style .template-schedule .white-sec .w-child > * .txt-block h2 small {
  letter-spacing: 0.05em;
  padding-right: 0.625rem;
  font-size: 80%;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 small {
    font-size: 0.8125rem;
    letter-spacing: 0.1em;
  }
}
.common_style .template-schedule .white-sec .w-child > * .txt-block h2 p {
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  display: inline;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 p {
    font-size: 1.0625rem;
    line-height: 1.5;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 p {
    font-size: 2rem;
    letter-spacing: 0.15em;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 p {
    font-size: 1.4375rem;
  }
}
.common_style .template-schedule .white-sec .w-child > * .txt-block h2 p + small {
  padding-right: 0;
  padding-left: 0.625rem;
}
.common_style .template-schedule .white-sec .w-child > * .txt-block h2 br {
  display: none;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 br {
    display: block;
  }
}
@media (min-width: 415px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 br + small {
    padding-left: 0.625rem;
  }
}
.common_style .template-schedule .white-sec .w-child > * .txt-block h2 + .common_style .template-schedule .white-sec .w-child > * .txt-block h2 {
  margin-top: 1.25rem;
}
.common_style .template-schedule .white-sec .w-child > * .txt-block h2 + p {
  margin-top: 0.3125rem;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 + p {
    font-size: 80%;
  }
}
@media (min-width: 415px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 + p {
    margin-top: 0.625rem;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 + p {
    line-height: 1.6;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-schedule .white-sec .w-child > * .txt-block h2 + p {
    margin-top: 0.625rem;
  }
}
.common_style .template-schedule .white-sec .w-child > *.arrow {
  height: 3.125rem;
  position: relative;
  padding: 0;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > *.arrow {
    height: 1.875rem;
  }
}
.common_style .template-schedule .white-sec .w-child > *.arrow:before, .common_style .template-schedule .white-sec .w-child > *.arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
}
.common_style .template-schedule .white-sec .w-child > *.arrow:before {
  background: #EAF8F8;
  height: 3.125rem;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > *.arrow:before {
    height: 1.875rem;
  }
}
.common_style .template-schedule .white-sec .w-child > *.arrow:after {
  background: #209baa;
  height: 0;
  -webkit-animation: schedule-arrow 2s infinite;
          animation: schedule-arrow 2s infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes schedule-arrow {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    opacity: 0.5;
  }
  60% {
    height: 3.125rem;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes schedule-arrow {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    opacity: 0.5;
  }
  60% {
    height: 3.125rem;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 414px) {
  @-webkit-keyframes schedule-arrow {
    0% {
      height: 0;
      opacity: 0;
    }
    20% {
      opacity: 0.5;
    }
    60% {
      height: 1.875rem;
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes schedule-arrow {
    0% {
      height: 0;
      opacity: 0;
    }
    20% {
      opacity: 0.5;
    }
    60% {
      height: 1.875rem;
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
}
.common_style .template-schedule .white-sec .w-child > *.box-style01 {
  background: #EAF8F8;
  padding: 0.625rem 0.9375rem;
}
@media (min-width: 415px) and (max-width: 1023px) {
  .common_style .template-schedule .white-sec .w-child > *.box-style01 {
    padding: 1.875rem 2.1875rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schedule .white-sec .w-child > *.box-style01 {
    padding: 1.875rem 2.1875rem;
  }
}
.common_style .template-schedule .white-sec .w-child > *.box-style01 .txt-block p {
  text-align: center;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > *.box-style01 .txt-block p {
    text-align: left;
  }
}
.common_style .template-schedule .white-sec .w-child > *.box-style02 {
  background: #F2F3FC;
  color: #3F3F86;
}
.common_style .template-schedule .white-sec .w-child > *.box-style03 {
  background: #EAFDEA;
  color: #3FAF47;
}
.common_style .template-schedule .white-sec .w-child > *.big-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > *.big-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (min-width: 415px) {
  .common_style .template-schedule .white-sec .w-child > *.big-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 415px) {
  .common_style .template-schedule .white-sec .w-child > *.big-box .img-block {
    width: 25%;
  }
}
@media (max-width: 414px) {
  .common_style .template-schedule .white-sec .w-child > *.big-box .txt-block {
    margin-top: 0.9375rem;
  }
}
@media (min-width: 415px) {
  .common_style .template-schedule .white-sec .w-child > *.big-box .txt-block {
    width: 72%;
  }
}
.common_style .template-schedule .white-sec .w-child > *.big-box .txt-block h2 {
  font-size: 1.125rem;
}
@media (min-width: 415px) {
  .common_style .template-schedule .white-sec .w-child > *.big-box .txt-block h2 {
    font-size: 2.375rem;
  }
}
@media screen and (orientation: landscape) {
  .common_style .template-schedule .white-sec .w-child > *.big-box .txt-block h2 {
    font-size: 1.75rem;
  }
}
.common_style .template-schoolbus .bus-box .head-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .head-area {
    width: 70%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .common_style .template-schoolbus .bus-box .head-area dt {
    margin-top: 3.4375rem;
  }
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .head-area dt {
    margin-top: 1.875rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .head-area dt {
    text-align: left;
    padding-left: 5%;
  }
}
.common_style .template-schoolbus .bus-box .head-area dt h2 {
  line-height: 1;
}
.common_style .template-schoolbus .bus-box .head-area dt h2 span {
  font-size: 80%;
}
.common_style .template-schoolbus .bus-box .head-area dd {
  width: 70%;
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .head-area dd {
    width: 30%;
  }
}
.common_style .template-schoolbus .bus-box .head-area dd img {
  width: 100%;
}
.common_style .template-schoolbus .bus-box .tab-wrap {
  position: relative;
  margin-top: 4.375rem;
  padding-top: 5.625rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap {
    margin-top: 1.25rem;
    padding-top: 3.125rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap {
    padding-top: 4.375rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-label {
  color: #ffffff;
  background: #85CBD4;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  position: absolute;
  top: 0;
  line-height: 5.625rem;
  height: 5.625rem;
  width: 44%;
  font-size: 2.1875rem;
}
@media (max-width: 768px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-label {
    right: 5%;
  }
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-label {
    line-height: 3.125rem;
    height: 3.125rem;
    width: 49%;
    font-size: 1.125rem;
    right: 0;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-label {
    margin-right: -19.0625rem;
    line-height: 4.375rem;
    height: 4.375rem;
    width: 18.75rem;
    font-size: 1.5625rem;
    right: 50%;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-label span {
  font-size: 80%;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-label:before {
  content: "";
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -0.375rem;
  border-width: 0 0.75rem 0.75rem 0.75rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-label:before {
    margin-left: -0.25rem;
    border-width: 0 0.5rem 0.5rem 0.5rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-label:before {
    margin-left: -0.3125rem;
    border-width: 0 0.625rem 0.625rem 0.625rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-label:not(:last-of-type) {
  right: inherit;
  margin-right: inherit;
  left: 5%;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-label:not(:last-of-type) {
    left: 0;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-label:not(:last-of-type) {
    margin-left: -19.0625rem;
    left: 50%;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-switch:checked + .tab-label {
  background: #209baa;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-switch:checked + .tab-label:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-switch:checked + .tab-label + .tab-content {
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  height: auto;
  overflow: auto;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-switch {
  display: none;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap {
  margin: 0;
  padding: 9.375rem 3.75rem 3.75rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap {
    padding: 4.375rem 1.25rem 1.25rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap {
    padding: 2.5rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label {
  padding: 0;
  margin-right: inherit;
  font-size: 1.875rem;
  line-height: 5.625rem;
  height: 5.625rem;
  width: 44%;
  top: 3.75rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label {
    line-height: 3.125rem;
    height: 3.125rem;
    width: 44%;
    font-size: 0.9375rem;
    right: 5%;
    margin-top: -2.5rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label {
    position: absolute;
    top: 2.5rem;
    right: inherit;
    left: 22.95%;
    font-size: 0.9375rem;
    line-height: 3.125rem;
    height: 3.125rem;
    width: 18.75%;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label span {
  font-size: 80%;
  letter-spacing: 0.1em;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label:before {
  border-color: transparent transparent #effcf9 transparent;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -0.375rem;
  border-width: 0 0.75rem 0.75rem 0.75rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label:before {
    margin-left: -0.25rem;
    border-width: 0 0.5rem 0.5rem 0.5rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label:before {
    margin-left: -0.1875rem;
    border-width: 0 0.375rem 0.375rem 0.375rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-label:not(:last-of-type) {
  right: inherit;
  margin-right: inherit;
  left: inherit;
  margin-left: inherit;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content {
  width: 100%;
  position: relative;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table {
  background: #effcf9;
  font-weight: bold;
  padding: 1.875rem;
  font-size: 90%;
  width: 100%;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table {
    padding: 1.25rem;
    font-size: 80%;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table {
    width: 41%;
    float: left;
    margin-top: 3.125rem;
    padding: 1.25rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table thead {
  font-size: 80%;
  font-weight: normal;
  color: #85CBD4;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table thead {
    font-size: 100%;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table tr > *:first-child {
  white-space: nowrap;
  padding-right: 0.625rem;
}
@media (max-width: 768px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table tr > *:first-child {
    width: 5rem;
  }
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table tr > *:first-child {
    width: 4.0625rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table tbody tr > * {
  padding-top: 0.3125rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table tbody tr > * {
    padding-top: 0.1875rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table dl dt {
  position: relative;
  float: left;
  width: 2.1875rem;
  padding-right: 2.5rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table dl dt {
    width: 1.5625rem;
    padding-right: 1.6875rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table dl dt {
    width: 1.25rem;
    padding-right: 1.5625rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table dl dt:before {
  content: "：";
  position: absolute;
  top: 0;
  right: 0;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table dl dd {
  padding-left: 2.8125rem;
  line-height: 1.7;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table dl dd {
    padding-left: 2.1875rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content table dl dd {
    padding-left: 1.875rem;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  background: #effcf9;
  width: 100%;
}
@media (max-width: 768px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map {
    margin-top: 3.125rem;
  }
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map {
    margin-top: 1.875rem;
    padding-bottom: 100%;
  }
}
@media (min-width: 769px) {
  .common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map {
    float: right;
    width: 55%;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map .ball-scale-multiple {
  position: absolute;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  top: 50%;
  left: 50%;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map .ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map .ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.common_style .template-schoolbus .bus-box .tab-wrap .tab-wrap > .tab-content .map .ball-scale-multiple > div {
  position: absolute;
  left: -30px;
  top: 0;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  background-color: #85CBD4;
  border-radius: 100%;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
          animation: ball-scale-multiple 1s 0s linear infinite;
}
.common_style .template-schoolbus .bus-box + .bus-box {
  margin-top: 6.25rem;
}
@media (max-width: 414px) {
  .common_style .template-schoolbus .bus-box + .bus-box {
    margin-top: 4.375rem;
  }
}
.common_style .template-contact dl {
  padding: 1.25rem;
  margin-top: -0.9375rem;
}
@media (min-width: 769px) {
  .common_style .template-contact dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -1.875rem;
    padding: 2.5rem;
  }
}
.common_style .template-contact dl > * {
  margin-top: 0.9375rem;
}
@media (max-width: 768px) {
  .common_style .template-contact dl > * {
    width: 100%;
    font-size: 95%;
  }
}
@media (min-width: 769px) {
  .common_style .template-contact dl > * {
    margin-top: 1.875rem;
  }
}
.common_style .template-contact dl > dt {
  position: relative;
}
@media (max-width: 768px) {
  .common_style .template-contact dl > dt {
    margin-top: 1.5625rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-contact dl > dt {
    width: 17.5rem;
  }
}
.common_style .template-contact dl > dt label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.common_style .template-contact dl > dt label small {
  font-size: 80%;
  padding: 0 0.5rem;
}
.common_style .template-contact dl > dt label span {
  background: #209baa;
  color: #ffffff;
  line-height: 1;
  font-size: 70%;
  padding: 0.375rem 0.375rem 0.375rem 0.5rem;
}
@media (min-width: 769px) {
  .common_style .template-contact dl > dt label span {
    padding: 0.5rem 0.5rem 0.5rem 0.625rem;
    font-size: 60%;
  }
}
@media (max-width: 768px) {
  .common_style .template-contact dl > dd {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 769px) {
  .common_style .template-contact dl > dd {
    width: calc(100% - 19.5rem);
  }
}
.common_style .template-contact dl > dd input, .common_style .template-contact dl > dd textarea {
  width: 100%;
  background: #EAF8F8;
  letter-spacing: 0.15em;
  outline: 0;
  border: 1px solid #EAF8F8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.625rem;
}
@media (min-width: 769px) {
  .common_style .template-contact dl > dd input, .common_style .template-contact dl > dd textarea {
    padding: 0.9375rem;
  }
}
.common_style .template-contact dl > dd input:focus, .common_style .template-contact dl > dd textarea:focus {
  border: 1px solid #85CBD4;
}
.common_style .template-contact dl > dd input::-ms-input-placeholder, .common_style .template-contact dl > dd textarea::-ms-input-placeholder {
  color: #85CBD4;
}
.common_style .template-contact dl > dd input::-ms-input-placeholder, .common_style .template-contact dl > dd textarea::-ms-input-placeholder {
  color: #85CBD4;
}
.common_style .template-contact dl > dd input::-webkit-input-placeholder, .common_style .template-contact dl > dd textarea::-webkit-input-placeholder {
  color: #85CBD4;
}
.common_style .template-contact dl > dd input::-moz-placeholder, .common_style .template-contact dl > dd textarea::-moz-placeholder {
  color: #85CBD4;
}
.common_style .template-contact dl > dd input:-ms-input-placeholder, .common_style .template-contact dl > dd textarea:-ms-input-placeholder {
  color: #85CBD4;
}
.common_style .template-contact dl > dd input::placeholder, .common_style .template-contact dl > dd textarea::placeholder {
  color: #85CBD4;
}
.common_style .template-contact dl > dd input + span, .common_style .template-contact dl > dd textarea + span {
  margin-top: 0.9375rem;
  font-size: 90%;
  font-weight: bold;
  color: #3F3F86;
}
.common_style .template-contact .wpcf7-response-output {
  padding: 1.25rem;
  margin: 0 1.25rem 1.25rem;
  background: #3F3F86;
  color: #ffffff;
  font-weight: bold;
  border: none;
}
@media (min-width: 769px) {
  .common_style .template-contact .wpcf7-response-output {
    margin: 0 2.5rem 2.5rem;
    padding: 1.25rem;
  }
}
.common_style .template-contact .submit-area {
  background: #3F3F86;
  color: #ffffff;
  -webkit-filter: drop-shadow(0 3px 40px rgba(94, 196, 179, 0.4));
          filter: drop-shadow(0 3px 40px rgba(94, 196, 179, 0.4));
  text-align: center !important;
  width: 12.5rem !important;
  height: 3.75rem !important;
  line-height: 3.75rem !important;
  margin-top: 3.75rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 769px) {
  .common_style .template-contact .submit-area {
    width: 18.75rem !important;
    height: 5rem !important;
    line-height: 5rem !important;
    margin-top: 5rem;
  }
}
.common_style .template-contact .submit-area input[type=submit] {
  width: 100% !important;
  font-size: 1.125rem !important;
  height: 3.75rem !important;
  line-height: 3.75rem !important;
}
@media (min-width: 769px) {
  .common_style .template-contact .submit-area input[type=submit] {
    font-size: 1.4375rem !important;
    height: 5rem !important;
    line-height: 5rem !important;
  }
}
.common_style .template-contact .flexbox {
  display: none;
}

.common_style .template-schoolbus > h1 small {
  display: block;
  font-size: 60%;
  margin-top: -0.625rem;
}

.common_style .template-admission .white-sec .js-ani,
.common_style .template-schoolbus .white-sec .js-ani,
.common_style .template-schedule .white-sec .js-ani,
.common_style .template-contact .white-sec .js-ani {
  opacity: 0;
  -webkit-transform: translate3d(0, 0.9375rem, 0);
          transform: translate3d(0, 0.9375rem, 0);
}
@media (min-width: 769px) {
  .common_style .template-admission .white-sec .js-ani,
.common_style .template-schoolbus .white-sec .js-ani,
.common_style .template-schedule .white-sec .js-ani,
.common_style .template-contact .white-sec .js-ani {
    -webkit-transform: translate3d(0, 1.875rem, 0);
            transform: translate3d(0, 1.875rem, 0);
  }
}

.load_complete .common_style .white-sec .js-ani.ani {
  -webkit-animation: child-slideup 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: child-slideup 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}
@media (min-width: 769px) {
  .load_complete .common_style .white-sec .js-ani.ani {
    -webkit-animation-delay: 0.5s !important;
            animation-delay: 0.5s !important;
  }
}

@-webkit-keyframes child-slideup {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.25rem, 0);
            transform: translate3d(0, 1.25rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes child-slideup {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.25rem, 0);
            transform: translate3d(0, 1.25rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.shadow-box {
  -webkit-filter: drop-shadow(0 1.25rem 6.25rem rgba(94, 195, 179, 0.16));
          filter: drop-shadow(0 1.25rem 6.25rem rgba(94, 195, 179, 0.16));
}
.shadow-box h3 {
  margin-top: -0.3125rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 769px) {
  .shadow-box h3 {
    margin-top: -0.625rem;
    margin-bottom: 2.5rem;
  }
}
.philosophy-sec .shadow-box .flexbox.row, .philosophy-sec .shadow-box .flexbox.row-re {
  width: 100%;
}
@media (max-width: 768px) {
  .philosophy-sec .shadow-box .flexbox.row, .philosophy-sec .shadow-box .flexbox.row-re {
    display: block;
  }
}
@media (max-width: 768px) {
  .philosophy-sec .shadow-box .flexbox.row > *.img-block, .philosophy-sec .shadow-box .flexbox.row > *.txt-block, .philosophy-sec .shadow-box .flexbox.row-re > *.img-block, .philosophy-sec .shadow-box .flexbox.row-re > *.txt-block {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .philosophy-sec .shadow-box .flexbox > *.img-block {
    width: 30%;
  }
}
@media (max-width: 900px) {
  .philosophy-sec .shadow-box .flexbox > *.txt-block {
    width: 65%;
  }
}
@media (max-width: 768px) {
  .philosophy-sec .shadow-box .flexbox > *.txt-block {
    text-align: center;
    margin-top: 1.25rem;
  }
}
@media (max-width: 768px) {
  .philosophy-sec .shadow-box .flexbox > *.txt-block span {
    display: inline-block;
  }
}
.philosophy-sec .shadow-box .flexbox > *.txt-block .right {
  text-align: right;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .philosophy-sec .shadow-box .flexbox > *.txt-block .right {
    margin-top: 0.625rem;
    text-align: center;
  }
}
.philosophy-sec .shadow-box .flexbox > *.txt-block .right span {
  font-size: 90%;
  padding-right: 0.3125rem;
}

.w-child {
  background: #ffffff;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 90%;
}
@media (min-width: 769px) {
  .w-child {
    width: 80%;
    max-width: 960px;
  }
}

.page_header {
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 4000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 1000;
  background-color: transparent;
  -webkit-transition: background-color ease 0.4s;
  transition: background-color ease 0.4s;
}
.page_header:after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 110%;
  display: block;
  top: 0;
  background: rgba(255, 255, 255, 0.3);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.6)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 20%, rgba(255, 255, 255, 0.6) 100%);
  -webkit-transition: opacity ease 0.4s;
  transition: opacity ease 0.4s;
}
.page_header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.page_header .container .logo {
  position: relative;
  z-index: 9000;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.page_header .container .logo a {
  display: block;
  position: relative;
}
.page_header .container .logo a img {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity ease 0.4s;
  transition: opacity ease 0.4s;
}
.page_header .container .logo a img.color {
  z-index: 1;
}
.page_header .container .logo a img.white {
  opacity: 0;
}
@media (max-width: 768px) {
  .page_header .container .logo {
    width: 28.125rem;
    margin-top: 3.4375rem;
    margin-left: 3.75rem;
  }
  .page_header .container .nav_list {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding: 0 1.5625rem 0;
    overflow: hidden;
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    background: rgba(32, 155, 170, 0.9);
    font-weight: bold;
    opacity: 0;
    max-height: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .page_header .container .nav_list > * {
    opacity: 0;
    -webkit-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .page_header .container .nav_list > * dd ul {
    width: 100%;
  }
  .page_header .container .nav_list > * dd ul:after {
    clear: both;
    content: "";
    display: block;
  }
  .page_header .container .nav_list > * dd ul > li {
    opacity: 0;
    -webkit-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    float: left;
  }
  .page_header .container .nav_list > * dd ul > li:not(:last-child) a {
    padding-right: 2.5rem;
    position: relative;
  }
  .page_header .container .nav_list > * dd ul > li:not(:last-child) a:after {
    content: "/";
    position: absolute;
    right: 0.3125rem;
  }
  .page_header .container .nav_list .inquiry_nav {
    vertical-align: top;
    text-align: center;
    width: 22.5rem;
    height: 7.5rem;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0;
    -webkit-transform: translate(0, 3rem);
            transform: translate(0, 3rem);
  }
  .page_header .container .nav_list .inquiry_nav a {
    letter-spacing: 0.3em;
    line-height: 7.5rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    font-size: 2rem;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    z-index: 1;
    display: block;
    background-color: #3F3F86;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a:before {
    content: "";
    width: 0%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 0;
    left: 0;
    opacity: 0.2;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a:hover {
    opacity: 1;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a:hover:before {
    width: 100%;
  }
  .menu_open .page_header .container .nav_list {
    opacity: 1;
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    padding: 12.5rem 2.8125rem 5rem 4.0625rem;
    overflow: auto;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav) {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav):nth-child(1) {
    -webkit-transition-delay: 0.58s;
            transition-delay: 0.58s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav):nth-child(2) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav):nth-child(3) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav):nth-child(4) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav):nth-child(5) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav):nth-child(6) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav):nth-child(7) {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav).cat_list ul {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav) dd li {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav) dd li:nth-child(1) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav) dd li:nth-child(2) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav) dd li:nth-child(3) {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav) dd li:nth-child(4) {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .menu_open .page_header .container .nav_list > *:not(.inquiry_nav).search {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .menu_open .page_header .container .nav_list .inquiry_nav {
    opacity: 1;
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    margin-top: 2.5rem;
  }
  .page_header .container .nav_list a {
    color: #ffffff;
  }
  .page_header .container .nav_list > p,
.page_header .container .nav_list .cat_list .cat {
    font-size: 2rem;
    line-height: 3.125;
    letter-spacing: 0.3em;
  }
  .page_header .container .nav_list .cat_list .cat {
    color: #ffffff;
  }
  .page_header .container .nav_list .cat_list .cat .icon {
    display: none;
  }
  .page_header .container .nav_list .cat_list dd {
    margin-top: -0.625rem;
    margin-bottom: 0.625rem;
  }
  .page_header .container .nav_list .cat_list dd a {
    font-size: 1.875rem;
    line-height: 2.25;
    list-style: none;
    letter-spacing: 0.4em;
    white-space: nowrap;
  }
}
@media (max-width: 414px) {
  .page_header .container .logo {
    width: 13.125rem;
    margin-top: 1.875rem;
    margin-left: 0.9375rem;
  }
  .page_header .container .nav_list .inquiry_nav {
    width: 11.25rem;
    height: 3.75rem;
  }
  .page_header .container .nav_list .inquiry_nav a {
    font-size: 0.9375rem;
    line-height: 3.75rem;
  }
  .page_header .container .nav_list > * dd ul > li:not(:last-child) a {
    padding-right: 1.25rem;
  }
  .page_header .container .nav_list > * dd ul > li:not(:last-child) a:after {
    right: 0.3125rem;
  }
  .menu_open .page_header .container .nav_list {
    padding: 6.25rem 1.5625rem 5rem;
  }
  .menu_open .page_header .container .nav_list .inquiry_nav {
    margin-top: 1.25rem;
  }
  .page_header .container .nav_list > p,
.page_header .container .nav_list .cat_list .cat {
    font-size: 1.0625rem;
  }
  .page_header .container .nav_list .cat_list dd a {
    font-size: 0.9375rem;
    letter-spacing: 0.2em;
  }
}
@media (min-width: 769px) {
  .page_header .container .logo {
    width: 19.375rem;
    margin-left: 3.125rem;
    margin-top: 1.875rem;
  }
  .page_header .container .nav_list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-weight: bold;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page_header .container .nav_list a {
    color: #209baa;
    letter-spacing: 0.15em;
  }
  .page_header .container .nav_list > p {
    margin: 0.9375rem 0 0;
    font-size: 0.875rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    position: relative;
    display: block;
  }
  .page_header .container .nav_list > p:not(:first-child) {
    margin-left: 2.1875rem;
  }
  .page_header .container .nav_list > p a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    padding-bottom: 0.2rem;
  }
  .page_header .container .nav_list > p a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #209baa;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .page_header .container .nav_list > p a:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .page_header .container .nav_list .inquiry_nav {
    vertical-align: top;
    margin-top: 0;
    text-align: center;
    width: 11.25rem;
    height: 5.3125rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .page_header .container .nav_list .inquiry_nav a {
    letter-spacing: 0.2em;
    line-height: 5.3125rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
}
@media (min-width: 769px) and (min-width: 415px) {
  .page_header .container .nav_list .inquiry_nav a {
    font-size: 1rem;
  }
}
@media (min-width: 769px) {
  .page_header .container .nav_list .inquiry_nav.btn-style1 {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a {
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    z-index: 1;
    background-color: #3F3F86;
    display: block;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a:before {
    content: "";
    width: 0%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    top: 0;
    left: 0;
    opacity: 0.2;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a:hover {
    opacity: 1;
  }
  .page_header .container .nav_list .inquiry_nav.btn-style1 a:hover:before {
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  .page_header .container .nav_list .inquiry_nav {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .page_header .container .nav_list .cat_list {
    position: relative;
    margin-top: 0.9375rem;
    margin-left: 2.1875rem;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .page_header .container .nav_list .cat_list .cat {
    font-size: 0.875rem;
    padding-right: 1.25rem;
    position: relative;
    cursor: pointer;
  }
  .page_header .container .nav_list .cat_list .cat .icon {
    width: 0.625rem;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    display: block;
  }
  .page_header .container .nav_list .cat_list .cat .icon img {
    width: 100%;
    margin: auto;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .page_header .container .nav_list .cat_list .cat .icon img path {
    fill: #209baa;
  }
  .page_header .container .nav_list .cat_list .cat.active .icon {
    top: calc(50%);
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .page_header .container .nav_list .cat_list .cat.active .icon img {
    -webkit-transform: scale(1, -1);
            transform: scale(1, -1);
  }
  .page_header .container .nav_list .cat_list .cat .tx {
    position: relative;
    text-decoration: none;
    padding-bottom: 0.2rem;
    display: inline-block;
  }
  .page_header .container .nav_list .cat_list .cat .tx:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #209baa;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .page_header .container .nav_list .cat_list .cat .tx:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .page_header .container .nav_list .cat_list dd {
    width: 8.875rem;
    padding: 0.875rem 1.0625rem 1rem;
    position: absolute;
    left: -0.1875rem;
    top: 2.5rem;
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0);
            transform: translate3d(0, 2rem, 0);
    background: #209baa;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
  }
  .page_header .container .nav_list .cat_list dd.open {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    pointer-events: auto;
  }
  .page_header .container .nav_list .cat_list dd a {
    color: #ffffff;
    font-size: 0.8125rem;
    line-height: 1.6428571429;
    letter-spacing: 0.18em;
    -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .page_header .container .nav_list .cat_list dd a:hover {
    opacity: 0.7;
  }
  .page_header .container .nav_list .cat_list dd ul > li {
    line-height: 1.0714285714;
  }
  .page_header .container .nav_list .cat_list dd ul > li:not(:first-child) {
    margin-top: 0.3125rem;
  }
}

.ipad .page_header .container .logo {
  margin-top: 0.3125rem;
}
@media (max-width: 768px) {
  .ipad .page_header .container .logo {
    margin-top: 2.1875rem;
  }
}

@media (max-width: 768px) {
  .menu_open .page_header .container .logo a img.color {
    opacity: 0;
  }
  .menu_open .page_header .container .logo a img.white {
    opacity: 1;
  }

  .menu_bt {
    width: 5rem;
    height: 5rem;
    margin-top: 3.125rem;
    margin-left: auto;
    margin-right: 3.125rem;
    z-index: 5000;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .menu_bt span {
    width: 4.375rem;
    height: 1px;
    background: #209baa;
    display: block;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .menu_bt span::before, .menu_bt span::after {
    content: "";
    width: 4.375rem;
    height: 1px;
    background: #209baa;
    position: absolute;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .menu_bt span::before {
    top: -1.25rem;
  }
  .menu_bt span::after {
    bottom: -1.25rem;
  }
  .menu_bt.close span {
    background: transparent;
  }
  .menu_bt.close span::before, .menu_bt.close span::after {
    left: 0;
    background: #ffffff;
  }
  .menu_bt.close span::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
  }
  .menu_bt.close span::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 0;
  }
}
@media (max-width: 414px) {
  .menu_bt {
    width: 3.125rem;
    height: 3.125rem;
    margin-top: 1.25rem;
    margin-right: 0.625rem;
  }
  .menu_bt span {
    width: 1.625rem;
  }
  .menu_bt span::before, .menu_bt span::after {
    width: 1.625rem;
  }
  .menu_bt span::before {
    top: -0.5rem;
  }
  .menu_bt span::after {
    bottom: -0.5rem;
  }
}
.js-fix .page_header {
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .js-fix .page_header {
    padding: 2.1875rem 0;
  }
}
@media (max-width: 414px) {
  .js-fix .page_header {
    padding: 0.3125rem 0;
  }
}
.js-fix .page_header:after {
  opacity: 0;
}
.js-fix .page_header .container .logo {
  margin-top: 0.4375rem;
}
@media (min-width: 415px) {
  .js-fix .page_header .container .logo {
    width: 18.75rem;
    margin-left: 1.875rem;
    margin-top: 0.6875rem;
  }
}
@media (max-width: 768px) {
  .js-fix .page_header .container .logo {
    width: 28.125rem;
    margin-top: 0;
    margin-left: 3.75rem;
  }
}
@media (max-width: 414px) {
  .js-fix .page_header .container .logo {
    width: 13.125rem;
    margin-top: 0.4375rem;
    margin-left: 0.9375rem;
  }
}
.js-fix .page_header .container .nav_list > p {
  margin: 0;
}
@media (min-width: 415px) {
  .js-fix .page_header .container .nav_list > p:not(:first-child) {
    margin-left: 2.1875rem;
  }
}
@media (max-width: 768px) {
  .js-fix .page_header .container .nav_list > p:not(:first-child) {
    margin-left: 0rem;
  }
}
@media (min-width: 415px) {
  .js-fix .page_header .container .nav_list .inquiry_nav {
    height: 4.0625rem;
  }
}
@media (max-width: 768px) {
  .js-fix .page_header .container .nav_list .inquiry_nav {
    height: 7.5rem;
  }
}
@media (max-width: 414px) {
  .js-fix .page_header .container .nav_list .inquiry_nav {
    height: 3.75rem;
  }
}
@media (min-width: 415px) {
  .js-fix .page_header .container .nav_list .inquiry_nav a {
    line-height: 4.0625rem;
    margin-top: 0.0625rem;
    display: block;
  }
}
@media (max-width: 768px) {
  .js-fix .page_header .container .nav_list .inquiry_nav a {
    line-height: 7.5rem;
  }
}
@media (max-width: 414px) {
  .js-fix .page_header .container .nav_list .inquiry_nav a {
    line-height: 3.75rem;
  }
}
.js-fix .page_header .container .nav_list .cat_list {
  margin-top: 0;
}
.js-fix .page_header .container .menu_bt {
  margin-top: 0;
}

@media (max-width: 768px) {
  .menu_open.js-fix .page_header .container .logo {
    margin-top: 1.875rem;
  }
  .menu_open.js-fix .page_header .container .menu_bt {
    margin-top: 1.25rem;
  }
}
.page_footer > .information-box {
  padding: 5rem 0;
}
@media (max-width: 414px) {
  .page_footer > .information-box {
    padding: 2.5rem 0;
  }
}
.page_footer > .information-box h1 {
  text-align: center;
}
.page_footer > .information-box h1 span {
  padding-left: 0.625rem;
  font-size: 0.75rem;
}
.page_footer > .information-box h1 img {
  width: 16.25rem;
}
@media (max-width: 414px) {
  .page_footer > .information-box h1 img {
    width: 12.5rem;
  }
}
@media (min-width: 1025px) {
  .page_footer > .information-box h1 img {
    width: 18.75rem;
  }
}
@media (max-width: 768px) {
  .page_footer > .information-box .flexbox {
    margin-top: 0.625rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.875rem;
    width: 30.625rem;
  }
}
@media (max-width: 414px) {
  .page_footer > .information-box .flexbox {
    width: 18.125rem;
  }
}
@media (min-width: 769px) {
  .page_footer > .information-box .flexbox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 3.75rem;
  }
}
.page_footer > .information-box .flexbox > * {
  font-weight: bold;
}
@media (max-width: 768px) {
  .page_footer > .information-box .flexbox > * {
    letter-spacing: 0.09em;
    font-size: 0.8125rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 414px) {
  .page_footer > .information-box .flexbox > * {
    font-size: 0.6875rem;
  }
}
@media (min-width: 769px) {
  .page_footer > .information-box .flexbox > * {
    font-size: 0.9375rem;
    min-width: 23.125rem;
    margin-top: 1.25rem;
  }
}
.page_footer > .information-box .flexbox > * dt {
  position: relative;
}
@media (max-width: 768px) {
  .page_footer > .information-box .flexbox > * dt {
    width: 8rem;
    margin-top: 0.9375rem;
  }
}
@media (max-width: 414px) {
  .page_footer > .information-box .flexbox > * dt {
    width: 4rem;
    margin-top: 0.625rem;
  }
}
@media (min-width: 769px) {
  .page_footer > .information-box .flexbox > * dt {
    width: 5.625rem;
    float: left;
    margin-top: 0.625rem;
  }
}
.page_footer > .information-box .flexbox > * dt::after {
  content: ":";
  position: absolute;
  right: 0;
}
.page_footer > .information-box .flexbox > * dd {
  position: relative;
}
@media (max-width: 768px) {
  .page_footer > .information-box .flexbox > * dd {
    width: calc(100% - 8rem);
    padding-left: 0.5rem;
    margin-top: 0.9375rem;
  }
}
@media (max-width: 414px) {
  .page_footer > .information-box .flexbox > * dd {
    width: calc(100% - 4rem);
    margin-top: 0.625rem;
  }
}
@media (min-width: 769px) {
  .page_footer > .information-box .flexbox > * dd {
    margin-left: 6.25rem;
    margin-top: 0.625rem;
  }
}
.page_footer > .information-box .flexbox > * dd small {
  display: block;
  margin-top: -0.0625rem;
}
.page_footer > .information-box .flexbox > * dd .btn-style1 {
  padding-left: 0.1875rem;
  background: #209baa;
}
@media (max-width: 768px) {
  .page_footer > .information-box .flexbox > * dd .btn-style1 {
    margin: 0.625rem 0 0 12.375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    width: 6.875rem;
  }
}
@media (max-width: 414px) {
  .page_footer > .information-box .flexbox > * dd .btn-style1 {
    margin: 0.375rem 0 0 6.75rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    width: 3.75rem;
  }
}
@media (min-width: 769px) {
  .page_footer > .information-box .flexbox > * dd .btn-style1 {
    margin-left: 8rem;
    width: 3.75rem;
    position: absolute;
    top: 0;
    right: -2.8125rem;
    height: 1.9375rem;
    line-height: 1.9375rem;
  }
}
.page_footer > .information-box .flexbox > * dd .btn-style1 a {
  font-size: 0.5625rem;
}
@media (max-width: 768px) {
  .page_footer > .information-box .flexbox > * dd .btn-style1 a {
    line-height: 2.5rem;
    font-size: 0.4375rem;
  }
}
@media (max-width: 414px) {
  .page_footer > .information-box .flexbox > * dd .btn-style1 a {
    height: 1.5625rem;
    line-height: 1.5625rem;
    font-size: 0.5625rem;
  }
}
@media (min-width: 769px) {
  .page_footer > .information-box .flexbox > * dd .btn-style1 a {
    line-height: 1.9375rem;
    font-size: 0.5625rem;
  }
}
.page_footer > .information-box > .btn-style1 {
  width: 11.25rem;
  margin: 1.875rem auto 0;
  height: 3rem;
  line-height: 2.8125rem;
}
@media (min-width: 415px) {
  .page_footer > .information-box > .btn-style1 {
    width: 14.375rem;
    height: 4.375rem;
    line-height: 4.375rem;
  }
}
@media (max-width: 1024px) {
  .page_footer > .information-box > .btn-style1 {
    height: 3.125rem;
    line-height: 3.125rem;
  }
}
@media (min-width: 1025px) {
  .page_footer > .information-box > .btn-style1 {
    width: 11.25rem;
    margin-top: 2.5rem;
    height: 3.4375rem;
    line-height: 3.4375rem;
  }
}
.page_footer > .information-box > .btn-style1 a {
  line-height: 3.125rem;
  font-size: 0.875rem;
}
@media (max-width: 1024px) {
  .page_footer > .information-box > .btn-style1 a {
    font-size: 0.8125rem;
  }
}
@media (min-width: 1025px) {
  .page_footer > .information-box > .btn-style1 a {
    line-height: 3.4375rem;
  }
}
@media (max-width: 1024px) {
  .page_footer .footer_btm > ul {
    display: block;
  }
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.page_footer .footer_btm > ul > * {
  background: #ffffff;
  width: 100%;
  padding: 0.9375rem 0;
}
.page_footer .footer_btm > ul > *:not(:first-child) {
  margin-top: 2px;
}
@media (max-width: 414px) {
  .page_footer .footer_btm > ul > * {
    padding: 0.625rem 0;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .page_footer .footer_btm > ul > * {
    padding: 1.875rem 0;
  }
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > ul > * {
    padding: 1.875rem 0;
  }
  .page_footer .footer_btm > ul > *:not(:first-child) {
    margin-top: 0;
  }
}
.page_footer .footer_btm > ul > * a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding-bottom: 0.2rem;
  font-weight: bold;
}
.page_footer .footer_btm > ul > * a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #209baa;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.page_footer .footer_btm > ul > * a:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.page_footer .footer_btm > ul > *.left-links {
  text-align: center;
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > ul > *.left-links {
    padding-top: 3.5625rem;
    width: calc(25.5% - 2px);
  }
}
.page_footer .footer_btm > ul > *.center-links {
  padding-left: 3%;
  padding-right: 3%;
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > ul > *.center-links {
    width: 52.5%;
  }
}
@media (max-width: 1024px) {
  .page_footer .footer_btm > ul > *.center-links dd {
    margin-top: -0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .page_footer .footer_btm > ul > *.center-links dd > a {
    margin-top: 0.5rem;
    line-height: 1;
  }
}
@media (max-width: 414px) {
  .page_footer .footer_btm > ul > *.center-links dd > a {
    margin-top: 0.3125rem;
  }
}
.page_footer .footer_btm > ul > *.center-links dd > a:not(:first-child) {
  margin-left: 5%;
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > ul > *.center-links dd > a:not(:first-child) {
    margin-left: 1.75rem;
  }
}
.page_footer .footer_btm > ul > *.right-links {
  padding-left: 3%;
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > ul > *.right-links {
    width: calc(22% - 2px);
  }
}
.page_footer .footer_btm > ul > *.right-links dd > a:not(:first-child) {
  margin-left: 1.25rem;
}
.page_footer .footer_btm > ul > * a {
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
}
@media (max-width: 414px) {
  .page_footer .footer_btm > ul > * a {
    font-size: 0.6875rem;
  }
}
@media (min-width: 415px) and (max-width: 1023px) {
  .page_footer .footer_btm > ul > * a {
    font-size: 1.125rem;
  }
}
.page_footer .footer_btm > ul > * dt {
  margin-bottom: 0.625rem;
  font-weight: normal;
}
@media (max-width: 1024px) {
  .page_footer .footer_btm > ul > * dt {
    font-size: 1.0625rem;
    text-align: center;
  }
}
@media (max-width: 414px) {
  .page_footer .footer_btm > ul > * dt {
    font-size: 0.75rem;
    margin-bottom: 0.4375rem;
  }
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > ul > * dt {
    font-size: 0.875rem;
    margin-bottom: 0.3125rem;
  }
}
.page_footer .footer_btm > ul > * dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1024px) {
  .page_footer .footer_btm > ul > * dd {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 414px) {
  .page_footer .footer_btm > ul > * dd a {
    line-height: 1;
  }
}
.page_footer .footer_btm > p {
  display: block;
  text-align: center;
  background: #ffffff;
  margin-top: 2px;
  padding: 1.25rem 0;
  font-size: 0.8125rem;
  letter-spacing: 0.12em;
}
@media (max-width: 414px) {
  .page_footer .footer_btm > p {
    padding: 0.625rem 0;
    font-size: 0.6875rem;
  }
}
@media (min-width: 1025px) {
  .page_footer .footer_btm > p {
    font-size: 0.625rem;
    padding: 1.5625rem 0;
  }
}

@media (min-width: 769px) {
  .js_isWin .page_footer .footer_btm > ul > *.center-links dd > a:not(:first-child) {
    margin-left: 1.25rem;
  }
}
.iphone .page_footer > ul > * dt, .ipad .page_footer > ul > * dt, .android .page_footer > ul > * dt {
  font-family: YakuHanJP, "Midashi Go MB31", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}