@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap");
/* リセット
---------------------------------------------------- */
*:focus {
  outline: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
figure,
button {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset,
img {
  border: 0;
  vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: inherit;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
  font-weight: inherit;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

br {
  letter-spacing: normal;
}

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

main {
  display: block;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}

/* ページ共通
---------------------------------------------------- */
html {
  color: #000;
  font-size: 10px;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.1875vw;
  }
}

body {
  margin: 0;
  padding: 0;
  font: 10px/1.4 "Montserrat", "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1.6rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

*:first-child + html body {
  font-size: 87%;
}

hr {
  border: none;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {
  clear: both;
}

.none {
  margin: 0;
  padding: 0;
  border: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: -10px\9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '';
}

[dir='rtl'] .slick-prev:before {
  content: '';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '';
}

[dir='rtl'] .slick-next:before {
  content: '';
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  display: block;
  position: absolute;
  bottom: -45px;
  width: 100%;
  padding: 0;
  list-style: none;
  font-size: 0;
  text-align: center;
}

.slick-dots li {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: none;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
@keyframes kakudai {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes coverIn {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

@keyframes news-show {
  0% {
    opacity: 0;
    top: 10px;
  }
  100% {
    opacity: 1;
    top: -10px;
  }
}

@keyframes modal-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    top: 20px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    margin-top: 20px;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

@keyframes hayabusachan {
  0% {
    opacity: 0;
    bottom: -200px;
  }
  100% {
    opacity: 1;
    bottom: -100px;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes historyBox {
  0% {
    height: 0;
  }
  100% {
    height: 99%;
  }
}

@keyframes bgZoom {
  0% {
    background-size: 100% auto;
  }
  100% {
    background-size: 200% auto;
  }
}

@keyframes fadeInBlur {
  0% {
    opacity: 0;
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated2 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated3 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated4 {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated2.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated3.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated4.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -goog-ms-animation-timing-function: linear;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

sup {
  font-size: 60%;
}

/*--------------------------------------
 レイアウト
---------------------------------------*/
.pageStores .l-header, .pageTop .l-header, .pageStore .l-header {
  position: static;
  width: 95%;
  background-color: #FFF;
  margin: 20px auto;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pageStores .l-header, .pageTop .l-header, .pageStore .l-header {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    margin: 0vw;
  }
  .pageStores .l-header .logo, .pageTop .l-header .logo, .pageStore .l-header .logo {
    padding: 3vw;
  }
  .pageStores .l-header .spBtn, .pageTop .l-header .spBtn, .pageStore .l-header .spBtn {
    width: 10vw;
    height: 8vw;
    position: absolute;
    right: 5vw;
    top: 5vw;
    border-top: 1px solid #00b8ba;
    border-bottom: 1px solid #00b8ba;
    z-index: 999;
  }
  .pageStores .l-header .spBtn:after, .pageTop .l-header .spBtn:after, .pageStore .l-header .spBtn:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0px;
    background: #00b8ba;
  }
  .pageStores .l-header nav, .pageTop .l-header nav, .pageStore .l-header nav {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    z-index: 99;
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    margin-top: 17.5vw;
    align-items: center;
    overflow-y: scroll;
  }
  .pageStores .l-header nav.show, .pageTop .l-header nav.show, .pageStore .l-header nav.show {
    display: flex;
  }
  .pageStores .l-header nav .menu, .pageTop .l-header nav .menu, .pageStore .l-header nav .menu {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 2em;
  }
  .pageStores .l-header nav .menu li, .pageTop .l-header nav .menu li, .pageStore .l-header nav .menu li {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .pageStores .l-header nav .menu li, .pageTop .l-header nav .menu li, .pageStore .l-header nav .menu li {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .pageStores .l-header nav .menu li.hasChild, .pageTop .l-header nav .menu li.hasChild, .pageStore .l-header nav .menu li.hasChild {
    order: 1;
  }
}

@media screen and (max-width: 767px) {
  .pageStores .l-header nav .menu a, .pageTop .l-header nav .menu a, .pageStore .l-header nav .menu a {
    display: block;
    padding: .5em 0;
  }
}

.pageTop .l-header nav ul.menu .child {
  top: 30px;
}

.l-header {
  width: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.l-header nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.l-header nav ul {
  display: flex;
}

@media screen and (max-width: 767px) {
  .l-header nav ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.l-header nav ul a:hover {
  opacity: .7;
}

.l-header nav ul.menu li {
  margin-right: 24px;
  order: 2;
}

@media screen and (max-width: 767px) {
  .l-header nav ul.menu li {
    margin: 0px;
  }
  .l-header nav ul.menu li.row {
    border-bottom: 1px solid #00A4B4;
    padding: 1vw;
  }
}

.l-header nav ul.menu .child {
  display: none;
  position: absolute;
  top: 55px;
  left: 0vw;
  width: 100%;
  padding-top: 15px;
  box-sizing: border-box;
  z-index: 10;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .l-header nav ul.menu .child {
    display: block;
    position: static;
    padding: 0px;
    order: 1;
  }
}

.l-header nav ul.menu .child ul {
  display: flex;
  background-image: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  width: 100%;
  flex-wrap: wrap;
  padding: 10px 10%;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .l-header nav ul.menu .child ul {
    display: flex;
    padding: 3vw;
    width: auto;
  }
}

.l-header nav ul.menu .child ul li {
  width: 200px;
  margin: 5px 10px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .l-header nav ul.menu .child ul li {
    margin: 1vw;
  }
}

.l-header nav ul.menu .child ul li a {
  display: block;
  background-color: #FFF;
  color: #006fa4;
  border-radius: 50px;
  padding: 5px 0;
}

@media screen and (max-width: 767px) {
  .l-header nav ul.menu .child ul li a {
    padding: 1.5vw 0;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav ul.menu .child ul li {
    width: 46%;
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav ul.menu .hasChild {
    width: 100%;
  }
  .l-header nav ul.menu .hasChild span {
    display: none;
  }
}

.l-header nav ul.menu .hasChild:hover .child {
  display: block;
}

.l-header nav ul.sns li {
  width: 28px;
  margin-right: 20px;
}

.l-header nav ul.sns li img {
  width: 100%;
}

.fixBtn {
  position: fixed;
  right: 0px;
  bottom: 20px;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .fixBtn {
    bottom: 0px;
    left: 0px;
    right: auto;
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@media screen and (max-width: 767px) {
  .l-footer {
    width: 100vw;
    overflow: hidden;
  }
}

.l-footer .in {
  max-width: 95%;
  margin: 0 auto;
  padding: 2em 0;
  color: #00A4B4;
  font-size: 1.4rem;
  line-height: 1.8;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .l-footer .in {
    display: block;
    text-align: center;
    font-size: 1.1rem;
  }
}

.l-footer .in .company {
  display: flex;
  width: 440px;
  flex-wrap: wrap;
}

.l-footer .in .company dt {
  width: 20%;
}

.l-footer .in .company dd {
  width: 80%;
}

@media screen and (max-width: 767px) {
  .l-footer .in .company dd {
    text-align: left;
  }
}

.l-footer .in .footLogo {
  width: 194px;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .l-footer .in .footLogo {
    width: 40vw;
    margin: 0 auto 5vw auto;
  }
}

.copyright {
  text-align: center;
  padding: 1em;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .copyright {
    padding-bottom: 20vw;
  }
}

/*--------------------------------------
 要素
---------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}

.cTxt {
  font-weight: bold;
  color: #ff3636;
  font-size: 120%;
  margin: .5em 0;
}

svg {
  vertical-align: top;
}

input[type="date"] {
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  padding: .35em;
}

.date {
  display: flex;
  align-items: center;
}

.date input {
  margin-right: 10px;
}

input[type="text"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ccc;
  opacity: 1;
}

input[type="text"]::-moz-input-placeholder,
input[type="password"]::-moz-input-placeholder {
  /* Fox */
  color: #ccc;
  opacity: 1;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
  opacity: 1;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
  /* Others */
  color: #ccc;
  opacity: 1;
}

input[type="text"]::-ms-clear {
  visibility: hidden;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

select {
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  padding: .5em;
}

select::-ms-expand {
  display: none;
}

button {
  font-family: inherit;
  cursor: pointer;
}

article {
  padding: 120px 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  article {
    padding: 10.9375vw 0;
  }
}

.thanksBox {
  font-size: 2rem;
  text-align: center;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.thanksBox a {
  display: inline-block;
  padding: .5em 2em;
  background: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  color: #FFF;
  font-size: 2rem;
  margin-top: 4em;
  border-radius: 50px;
}

.rowRcap {
  display: flex;
  justify-content: center;
}

/*--------------------------------------
 パーツ
---------------------------------------*/
.u- {
  /* パディング */
  /* インナー */
  /* タイトル */
  /* テキスト */
  /* テキスト色 */
  /* 背景色 */
  /* ボタン */
  /* ラベル */
  /* アイコン */
  /* 注釈 */
  /* リスト */
  /* テーブル */
  /* リンク集 */
  /* 箱 */
  /* ページャー */
  /* 状態 */
}

@media screen and (max-width: 767px) {
  .u-spPd1 {
    padding-left: 2.34375vw;
    padding-right: 2.34375vw;
  }
}

.u-inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .u-inner {
    max-width: 1110px;
  }
}

@media screen and (min-width: 768px) {
  .u-inner.sz2 {
    max-width: 1200px;
  }
}

@media screen and (max-width: 767px) {
  .u-inner:not(.spPd0) {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

.u-ttl1 {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .u-ttl1 {
    font-size: 3rem;
    margin-bottom: .5em;
  }
}

.u-ttl2 {
  font-size: 2.4rem;
  font-style: italic;
}

.u-ttl2 .sub {
  display: block;
  font-size: 80%;
}

.u-mainColor {
  background-color: #f00;
}

.u-subColor {
  background-color: #0f0;
}

.u-accentColor {
  background-color: #00f;
}

.u-red1 {
  background-color: #c80000;
}

.u-red1_a50 {
  background-color: rgba(200, 0, 0, 0.5);
}

.u-stopBox {
  background-color: #fff568;
  text-align: center;
  padding: 1em 0;
  margin-bottom: 1.5em;
  border: 3px solid red;
}

.u-stopBox p {
  color: red;
  font-weight: bold;
  font-size: 1.8rem;
}

.u-btn1 {
  display: block;
  border-radius: 50px;
  background-image: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  margin: 1em auto 0 auto;
  text-align: center;
  color: #FFF;
  font-size: 2rem;
  padding: .8em 0;
  max-width: 500px;
}

.u-btn1:hover {
  filter: brightness(1.2);
}

.u-btn1.sz1 {
  padding: 0.5em 1em;
  font-size: 1.8rem;
}

.u-btn1.clr1 {
  background-color: #00f;
  color: #fff;
  transition: opacity 0.3s;
}

.u-btn1.clr1:hover {
  opacity: 0.7;
}

.u-btn1.clr2 {
  background-color: #c80000;
  transition: background-color 0.3s;
  color: #fff;
}

.u-btn1.clr2:hover {
  background-color: #ff1616;
}

.u-pager1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.u-dis_flex_block {
  display: flex;
}

@media screen and (max-width: 767px) {
  .u-dis_flex_block {
    display: block;
  }
}

.u-enTxt {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #00b5b9;
  opacity: 0.4;
  font-size: 20rem;
  font-weight: bold;
  line-height: .7;
}

@media screen and (max-width: 767px) {
  .u-enTxt {
    font-size: 8rem;
  }
}

/* その他 */
/*--------------------------------------
 プラグイン
---------------------------------------*/
/* Slick */
.slick-slider {
  margin-bottom: 0;
}

.slick-arrow {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100% !important;
  width: 20px;
  height: 20px;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 1;
  transform: translate(0);
  border-top: 3px solid #00bad0;
  border-right: 3px solid #00bad0;
  transition: opacity 0.3s;
}

.slick-arrow:hover {
  opacity: 0.7;
}

.slick-arrow:before {
  content: normal;
}

.slick-arrow.slick-prev {
  transform: rotate(-135deg);
  left: 40px;
}

@media screen and (max-width: 767px) {
  .slick-arrow.slick-prev {
    left: 0.78125vw;
  }
}

.slick-arrow.slick-next {
  transform: rotate(45deg);
  right: 40px;
}

@media screen and (max-width: 767px) {
  .slick-arrow.slick-next {
    right: 0.78125vw;
  }
}

.slick-dots li {
  background-color: #666;
  width: 15px;
  height: 15px;
  margin: 0 11px;
  border-radius: 50%;
  box-sizing: border-box;
}

.slick-dots li.slick-active {
  background-color: #FFF;
  border: 2px solid #fff;
}

@media screen and (max-width: 767px) {
  .slick-dots li {
    width: 2vw;
    height: 2vw;
    margin: 0 2vw;
  }
  .slick-dots li.slick-active {
    border-width: 0.3125vw;
  }
}

.modalBox {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
}

.modalBox .modalInner {
  width: 600px;
  position: absolute;
  left: 50%;
  margin-left: -300px;
  top: 20%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .modalBox .modalInner {
    width: 90%;
  }
}

.modalBox .modalInner p {
  text-align: left;
  padding: 20px 0;
  font-size: 1.5rem;
}

.modalBox .btnClose {
  display: inline-block;
  font-size: 1.5rem;
  background: #333;
  padding: 5px;
  color: #fff;
}

.txt-pp {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 0;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .txt-pp {
    max-width: none;
    width: auto;
    padding: 10vw 3.90625vw;
  }
}

.txt-pp h2 {
  color: #00b5b9;
  font-size: 2rem;
  margin: 2.5em 0 .8em 0;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .txt-pp h2 {
    margin: 3.90625vw 0;
  }
}

.txt-pp ul {
  padding-left: 2em;
  margin-top: 10px;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .txt-pp ul {
    margin-top: 1.5625vw;
  }
}

.txt-pp ul li {
  list-style-type: disc;
}

.txt-pp .mail {
  color: #006fa4;
  text-decoration: underline;
}

.txt-pp .mail:hover {
  opacity: .8;
  text-decoration: none;
}

.prv {
  text-align: center;
  font-size: 1.4rem;
  color: #00A4B4;
  text-decoration: underline;
}

.prv:hover {
  opacity: .7;
}

/*--------------------------------------
 メインコンテンツ
---------------------------------------*/
.mainZone {
  background: linear-gradient(90deg, #0071a5 35%, #00b6b9 65%);
  padding: 0;
  max-height: 800px;
}

@media screen and (max-width: 767px) {
  .mainZone {
    max-height: none;
  }
}

.mainZone .fl_three {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three {
    flex-direction: column;
    padding: 1vw 0;
  }
}

.mainZone .fl_three .img {
  width: 32%;
  height: 800px;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .img {
    height: auto;
    width: 100%;
  }
}

.mainZone .fl_three .img img {
  width: 100%;
  height: 800px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .img img {
    height: auto;
  }
}

.mainZone .fl_three .txt {
  width: 27%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .txt {
    width: 97%;
    margin: 3vw;
    flex-direction: row;
    justify-content: space-between;
  }
}

.mainZone .fl_three .txt h2 {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 3px;
  color: #fff;
  line-height: 1;
  padding: 8px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .txt h2 {
    width: auto;
    font-size: 2rem;
    display: block;
    text-align: center;
    border-radius: 50%;
    line-height: 1.5;
    padding: 3vw;
    width: 20%;
  }
}

.mainZone .fl_three .txt h2 span {
  font-size: 5rem;
  color: #ffea3c;
  line-height: 1;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .txt h2 span {
    font-size: 2.4rem;
  }
}

.mainZone .fl_three .txt .bot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .txt .bot {
    flex-direction: column-reverse;
    width: 75%;
  }
}

.mainZone .fl_three .txt .bot p {
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  margin: 45px 0 20px 0;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .txt .bot p {
    margin: 3vw 0 0 0;
    font-size: 1.9rem;
  }
}

.mainZone .fl_three .txt .bot .img {
  width: 100%;
  height: 100%;
}

.mainZone .fl_three .txt .bot .img img {
  height: auto;
}

.mainZone .fl_three .txt .bot ul {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .txt .bot ul {
    margin-top: 0;
  }
}

.mainZone .fl_three .txt .bot ul li {
  font-size: 1.8rem;
  color: #006fa4;
  font-weight: bold;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 5px;
  margin: 0 8px;
}

@media screen and (max-width: 767px) {
  .mainZone .fl_three .txt .bot ul li {
    width: auto;
    height: auto;
    font-size: 1rem;
    margin: 0;
    border-radius: 0;
    display: block;
    clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
    padding: 1vw 3vw;
  }
}

/*--------------------------------------
 cont1
---------------------------------------*/
.informationZone {
  padding: 0px 0 80px 0;
}

@media screen and (max-width: 767px) {
  .informationZone {
    padding: 7vw 0 10vw 0;
  }
}

.informationZone dl {
  position: relative;
  background-color: #FFF;
  margin: -50px 0 40px 0;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  padding: 2em 2.5em;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .informationZone dl {
    margin: 0vw 0 5vw 0;
    display: block;
    padding: 5vw;
  }
}

.informationZone dl dt {
  font-weight: bold;
  color: #1389c1;
  font-size: 3.2rem;
  text-align: center;
  border-bottom: 1px solid #1389c1;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .informationZone dl dt {
    font-size: 3rem;
    text-align: center;
  }
}

.informationZone dl dd {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.8;
}

.informationZone dl dd .box {
  position: relative;
  padding-top: 1em;
  margin-top: 1em;
}

.informationZone dl dd .box.top {
  display: flex;
  border: 0px;
  justify-content: flex-start;
  margin-top: 0px;
  padding-top: 0px;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd .box.top {
    display: block;
  }
}

.informationZone dl dd .box.top + .box.top {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dotted #CCC;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd .box.top + .box.top {
    border: 0px;
  }
}

.informationZone dl dd .box.top .ttl {
  flex-shrink: 0;
  width: 18%;
  background-color: #1389c1;
  color: #FFF;
  font-weight: bold;
  box-sizing: border-box;
  padding: 1em;
  margin-right: 2%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd .box.top .ttl {
    width: 100%;
    padding: .3em;
    font-size: 2rem;
    padding: .5em;
  }
}

.informationZone dl dd .box p {
  padding-top: .5em;
}

.informationZone dl dd .box p b {
  font-weight: bold;
}

.informationZone dl dd .box p b em {
  font-weight: normal;
  color: #000;
  font-size: 1.6rem;
}

.informationZone dl dd .box p b em.d_red-t {
  color: red;
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd .box p b em.d_red-t {
    font-size: 1.5rem;
  }
}

.informationZone dl dd .box p.notes {
  font-size: 1.6rem;
  color: red;
}

.informationZone dl dd .box .in_b {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd .box .in_b {
    display: block;
  }
}

.informationZone dl dd .box .in_b .left {
  width: 60%;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd .box .in_b .left {
    width: 100%;
  }
}

.informationZone dl dd .box .in_b .right {
  width: 40%;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd .box .in_b .right {
    margin-top: 3vw;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .informationZone dl dd {
    padding: .5em 0 0 0;
    border-left: 0px;
    font-size: 1.5rem;
  }
}

.informationZone dl dd strong {
  background: linear-gradient(transparent 75%, #fff799 75%);
  font-weight: bold;
  font-size: 2.2rem;
  color: #1389c1;
}

@media screen and (max-width: 767px) {
  .informationZone dl dd strong {
    font-size: 1.8rem;
  }
}

.informationZone dl dd em {
  color: #ff2d55;
  font-weight: bold;
}

.informationZone .movieBox {
  text-align: center;
}

.informationZone .movieBox h2 {
  font-size: 3rem;
  font-weight: bold;
  color: #1389c1;
  padding: 1em;
}

@media screen and (max-width: 767px) {
  .informationZone .movieBox h2 {
    font-size: 2.4rem;
  }
}

.informationZone .movieBox iframe {
  width: 100%;
  margin: 0 auto 30px auto;
  height: 670px;
}

@media screen and (max-width: 767px) {
  .informationZone .movieBox iframe {
    width: 100%;
    height: 70vw;
  }
}

/*--------------------------------------
 cont1
---------------------------------------*/
.aboutZone {
  background-image: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  padding-bottom: 0px;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .aboutZone {
    padding-bottom: 10vw;
  }
}

.aboutZone .movieBox iframe {
  width: 100%;
  height: 565px;
}

@media screen and (max-width: 767px) {
  .aboutZone .movieBox iframe {
    height: 60vw;
  }
}

.aboutZone .movieBox .video_train {
  width: 100%;
  height: 565px;
}

@media screen and (max-width: 767px) {
  .aboutZone .movieBox .video_train {
    height: 60vw;
  }
}

.aboutZone .movieBox .video_train video {
  width: 100%;
}

.aboutZone h2 {
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
  margin: 0px 0 1.5em;
}

@media screen and (max-width: 767px) {
  .aboutZone h2 {
    margin-bottom: 1em;
    font-size: 3rem;
    text-align: center;
  }
}

.aboutZone h3 {
  font-size: 3.4rem;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .aboutZone h3 {
    margin-bottom: 1em;
    font-size: 2.8rem;
    text-align: center;
  }
}

.aboutZone .mainBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox {
    display: block;
  }
}

.aboutZone .mainBox .img {
  width: 47%;
}

.aboutZone .mainBox .img .ph {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox .img .ph {
    margin-top: 20px;
  }
}

.aboutZone .mainBox .img a {
  display: block;
  background-color: #FFF;
  font-size: 2.4rem;
  color: #006fa4;
  text-align: center;
  padding: .5em;
  font-weight: bold;
  margin-top: 40px;
  border-radius: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox .img a {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox .img {
    width: 100%;
    margin-bottom: 3vw;
  }
}

.aboutZone .mainBox .txt {
  width: 48%;
  color: #FFF;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox .txt {
    width: 100%;
    text-align: left;
  }
}

.aboutZone .mainBox .txt h3 {
  font-size: 2rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox .txt h3 {
    text-align: left;
  }
}

.aboutZone .mainBox .keizokuBox {
  position: relative;
  background-color: #0070a4;
  border-radius: 30px;
  padding: 1.5em;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox .keizokuBox {
    margin-top: 8vw;
  }
}

.aboutZone .mainBox .keizokuBox h3 {
  text-align: center;
  color: #f0ff00;
}

.aboutZone .mainBox .keizokuBox p {
  font-size: 1.5rem;
  padding: 0 1em;
}

.aboutZone .mainBox .keizokuBox .keizoku {
  position: absolute;
  left: -120px;
  top: -50px;
}

@media screen and (max-width: 767px) {
  .aboutZone .mainBox .keizokuBox .keizoku {
    left: -2vw;
    top: -5vw;
    width: 23vw;
    height: 22vw;
  }
}

.aboutZone .aboutBox {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox {
    padding-top: 10vw;
  }
}

.aboutZone .aboutBox ul .slides {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides {
    display: block;
    margin-bottom: 5vw;
  }
}

.aboutZone .aboutBox ul .slides.reverse .txt {
  margin-left: auto;
}

.aboutZone .aboutBox ul .slides .movieBox2 {
  background-color: #000;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.aboutZone .aboutBox ul .slides .movieBox2 iframe {
  width: 100%;
  height: 320px;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .movieBox2 iframe {
    height: auto;
    height: 51vw;
  }
}

.aboutZone .aboutBox ul .slides .movieBox2 p {
  color: #FFF;
  margin-top: .5em;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .movieBox2 p {
    font-size: 1.2rem;
    color: #FFF;
  }
}

.aboutZone .aboutBox ul .slides .img {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 47.5%;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .img {
    width: 100%;
    position: static;
    margin-bottom: 5vw;
  }
}

.aboutZone .aboutBox ul .slides .img.ph1 {
  height: 500px;
  right: 0px;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .img.ph1 {
    height: 90vw;
  }
}

.aboutZone .aboutBox ul .slides .img.ph1 img {
  height: 100%;
  width: 100%;
}

.aboutZone .aboutBox ul .slides .img.ph2 {
  top: 0px;
}

.aboutZone .aboutBox ul .slides .img.ph3 {
  top: -80px;
  right: 0px;
}

.aboutZone .aboutBox ul .slides .img.ph4 {
  top: -30px;
  left: 0px;
}

.aboutZone .aboutBox ul .slides .img.ph4 img {
  height: 400px;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .img.ph4 img {
    height: 60vw;
  }
}

.aboutZone .aboutBox ul .slides .img img {
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .img img {
    height: 60vw;
  }
}

.aboutZone .aboutBox ul .slides .txt {
  width: 48%;
  padding-bottom: 120px;
}

.aboutZone .aboutBox ul .slides .txt.s2 {
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .txt.s2 {
    padding-bottom: 0px;
  }
}

.aboutZone .aboutBox ul .slides .txt.last {
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .txt.last {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .txt {
    width: 100%;
    padding-bottom: 0px;
  }
}

.aboutZone .aboutBox ul .slides .txt h3 {
  margin: 1em 0;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .txt h3 {
    margin: 0 0  1em 0;
  }
}

.aboutZone .aboutBox ul .slides .txt h3 span {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  color: #00bad0;
  background-color: #fff;
  line-height: 1;
  padding: 0.3em 0.5em;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .aboutZone .aboutBox ul .slides .txt h3 span {
    font-size: 2.2rem;
  }
}

.aboutZone .aboutBox ul .slides .txt p {
  color: #fff;
  line-height: 1.8;
}

.aboutZone .slick-dots {
  position: static;
}

/*--------------------------------------
 cont1
---------------------------------------*/
.voiceZone {
  background-image: url("../img/bg.png");
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .voiceZone {
    padding-top: 15vw;
  }
}

.voiceZone .u-enTxt {
  left: auto;
  right: 0px;
  top: -33px;
  opacity: 1;
  background-image: linear-gradient(to right, #0092af 0%, #00b8ba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-align: right;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .voiceZone .u-enTxt {
    top: -10px;
  }
}

.voiceZone .u-ttl1 {
  color: #00bad0;
}

.voiceZone p {
  font-size: 1.8rem;
  font-weight: 600;
  color: #00bad0;
}

.voiceZone p em {
  background-color: #ebff0f;
}

.voiceZone .voiceBox {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .voiceZone .voiceBox {
    padding-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .voiceZone .voiceBox {
    width: 90%;
    margin: 0 auto;
  }
}

.voiceZone .voiceBox .slick-dots {
  margin-top: 20px;
  position: static;
}

.voiceZone .voiceBox .slick-slide {
  max-width: 490px;
  margin: 0 20px;
}

@media screen and (max-width: 767px) {
  .voiceZone .voiceBox .slick-slide {
    max-width: 90vw;
  }
  .voiceZone .voiceBox .slick-slide .img {
    width: 90vw;
  }
  .voiceZone .voiceBox .slick-slide img {
    width: 100%;
  }
}

.voiceZone .voiceBox .slick-slide p {
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
  text-align: center;
  padding-top: 1em;
  line-height: 1.8;
}

.voiceZone .voiceBox .slick-dots li.slick-active {
  background-color: #00bad0;
  border-color: #00bad0;
}

/*--------------------------------------
 cont1
---------------------------------------*/
.trainerZone {
  background: #232323;
  padding-bottom: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .trainerZone {
    padding-bottom: 5vw;
  }
}

.trainerZone.isType2 {
  padding: 150px 0;
  background-attachment: fixed;
  background: url("/common/img/trainer/renew2023/but_bg_im.jpg") 0 0 no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 767px) {
  .trainerZone.isType2 {
    background-size: cover;
    background-attachment: scroll;
    padding: 2vw 0 12vw 0;
  }
}

.trainerZone .btnTrainer {
  display: flex;
  background-color: #ff3636;
  color: #ffff;
  text-align: center;
  padding: 1.2em 0;
  font-size: 2.4rem;
  margin-top: 1em;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 3px solid #ff3636;
}

@media screen and (max-width: 767px) {
  .trainerZone .btnTrainer {
    font-size: 2.2rem;
  }
}

.trainerZone .btnTrainer:hover {
  filter: brightness(1.2);
  transition: 0.3s;
  border: 3px solid #ffff;
}

.trainerZone .btnTrainer:after {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  border-top: 2px solid #ffff;
  border-right: 2px solid #ffff;
  transform: rotate(45deg);
  margin-left: 10px;
  position: relative;
}

.trainerZone .specialZone {
  padding-top: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 40px;
}

.trainerZone .u-enTxt {
  color: #fff;
  top: -3px;
  position: static;
}

.trainerZone .u-ttl1 {
  color: #fff;
  text-align: center;
  width: auto;
}

@media screen and (max-width: 767px) {
  .trainerZone .u-ttl1 {
    padding-top: 9vw;
  }
}

.trainerZone .trainerBox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.trainerZone .trainerBox.box2 {
  width: 90%;
  margin: 0 auto;
  display: block;
  min-width: 1000px;
  text-align: center;
}

.trainerZone .trainerBox.box2 .col {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  max-width: 470px;
}

@media screen and (max-width: 767px) {
  .trainerZone .trainerBox.box2 .col {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .trainerZone .trainerBox.box2 {
    min-width: 0px;
    width: auto;
    margin: 0px 5vw;
  }
}

@media screen and (max-width: 767px) {
  .trainerZone .trainerBox {
    display: inline-block;
  }
}

.trainerZone .trainerBox .col {
  width: 48%;
  margin-bottom: 40px;
  margin: 0 1% 40px 1%;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .trainerZone .trainerBox .col {
    width: 100%;
    margin-bottom: 8vw;
  }
  .trainerZone .trainerBox .col.img {
    margin-bottom: 3vw;
  }
}

.trainerZone .trainerBox .col .ph {
  position: relative;
}

.trainerZone .trainerBox .col .ph .cov {
  position: absolute;
  left: 0px;
  top: 0px;
  animation: fadeIn 10s infinite both;
}

.trainerZone .trainerBox .col .btn {
  display: flex;
  background-image: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  color: #FFF;
  text-align: center;
  padding: 1.2em;
  font-size: 1.8rem;
  margin-top: 1em;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  transition: .3s;
}

.trainerZone .trainerBox .col .btn:hover {
  filter: brightness(1.2);
}

.trainerZone .trainerBox .col .btn:after {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
  margin-left: 10px;
}

.trainerZone .trainerBox .col img {
  margin-bottom: 5px;
  width: 470px;
  height: 320px;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .trainerZone .trainerBox .col img {
    width: 100%;
    height: auto;
  }
}

.trainerZone .trainerBox .col h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1em;
}

.trainerZone .trainerBox .col h3 span {
  font-size: 2.6rem;
}

.trainerZone .trainerBox .col p {
  line-height: 1.8;
}

.trainerZone .trainerImg {
  display: flex;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .trainerZone .trainerImg {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .trainerZone .trainerImg .col {
    margin: 5vw 5vw 0vw 5vw;
  }
}

.renew_2023 {
  padding: 0 0 45px 0;
}

.renew_2023 .top {
  color: #FFF;
  text-align: center;
  background: #232323;
}

.renew_2023 .top .fist_im {
  max-width: 1235px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .renew_2023 .top .fist_im {
    max-width: none;
  }
}

.renew_2023 .top .fist_im img {
  width: 100%;
  height: auto;
}

.renew_2023 .top .big {
  font-size: 33px;
  font-weight: bold;
  line-height: 1.66667;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .top .big {
    font-size: 30px;
    line-height: 1.56667;
    margin-top: 7vw;
  }
}

.renew_2023 .top p {
  font-size: 18px;
  line-height: 2;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .top p {
    font-size: 16px;
    margin-top: 5vw;
    padding: 0 4vw;
    text-align: left;
    line-height: 1.7;
  }
}

.renew_2023 .education {
  background: #232323;
  padding: 85px 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education {
    padding: 5vw 0;
  }
}

.renew_2023 .education::before {
  content: "";
  width: 100%;
  height: 850px;
  clip-path: polygon(100% 0, 100% 70%, 0 100%, 0 30%);
  background-color: #0075A5;
  display: block;
  position: absolute;
  top: 0;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education::before {
    height: 75vh;
  }
}

.renew_2023 .education .in_st {
  position: relative;
  z-index: 1;
  max-width: 1235px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st {
    max-width: none;
    width: auto;
    padding: 0 4vw;
  }
}

.renew_2023 .education .in_st .fl_it {
  display: flex;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st .fl_it {
    display: block;
  }
}

.renew_2023 .education .in_st .fl_it .img {
  width: 699px;
  height: auto;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st .fl_it .img {
    width: auto;
    height: auto;
  }
}

.renew_2023 .education .in_st .fl_it .txt {
  margin-top: 111px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st .fl_it .txt {
    margin-top: 5vw;
  }
}

.renew_2023 .education .in_st .fl_it .txt .t_txt {
  margin-left: -45px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st .fl_it .txt .t_txt {
    margin-left: 0;
    text-align: center;
  }
}

.renew_2023 .education .in_st .fl_it .txt .t_txt .bor {
  display: inline-block;
  color: #0075A5;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  padding: 7px 15px;
  background-color: #FFF;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st .fl_it .txt .t_txt .bor {
    font-size: 20px;
    padding: 1.5vw 3vw;
  }
}

.renew_2023 .education .in_st .fl_it .txt .t_txt .like_bor {
  display: inline-block;
  margin-top: 7px;
  display: block;
  color: #0075A5;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  padding: 7px 15px;
  background-color: #FFF;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st .fl_it .txt .t_txt .like_bor {
    font-size: 20px;
    display: inline-block;
    padding: 1.5vw 3vw;
  }
}

.renew_2023 .education .in_st .fl_it .txt p {
  font-size: 18px;
  line-height: 2;
  color: #FFF;
  margin: 35px 0 0 45px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st .fl_it .txt p {
    font-size: 16px;
    text-align: left;
    margin: 5vw 0 0 0;
    line-height: 1.7;
  }
}

.renew_2023 .education .in_st ul {
  display: flex;
  justify-content: space-between;
  margin-top: 62px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st ul {
    margin-top: 5vw;
    flex-wrap: wrap;
  }
}

.renew_2023 .education .in_st ul li {
  width: 24%;
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st ul li {
    width: 48%;
  }
}

@media screen and (max-width: 767px) {
  .renew_2023 .education .in_st ul li:nth-child(n+3) {
    margin-top: 3vw;
  }
}

.renew_2023 .introduction {
  background: #232323;
  padding: 0 0 72px 0;
}

@media screen and (max-width: 767px) {
  .renew_2023 .introduction {
    padding-bottom: 36px;
  }
}

.renew_2023 .introduction .ct {
  max-width: 1000px;
  margin: 0 auto;
}

.renew_2023 .introduction .ct h2 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #34A5D4;
}

@media screen and (max-width: 767px) {
  .renew_2023 .introduction .ct h2 {
    font-size: 30px;
    padding: 1em 0;
  }
}

.renew_2023 .introduction .ct .box {
  margin-top: 30px;
  background: #fff;
  border-radius: 15px;
  padding: 55px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .introduction .ct .box {
    width: 94%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 4vw;
  }
}

.renew_2023 .introduction .ct .box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.renew_2023 .introduction .ct .box ul li {
  width: 420px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .introduction .ct .box ul li {
    width: 100%;
  }
  .renew_2023 .introduction .ct .box ul li + li {
    margin-top: 8vw;
  }
}

.renew_2023 .introduction .ct .box ul li:nth-child(n+3) {
  margin-top: 40px;
}

.renew_2023 .introduction .ct .box ul li h3 {
  font-size: 19px;
  font-weight: bold;
  color: #0075A5;
  margin-top: 15px;
}

.renew_2023 .introduction .ct .box ul li .next_ttl {
  font-size: 16px;
  color: #0075A5;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .introduction .ct .box ul li .next_ttl {
    font-size: 3.6vw;
  }
}

.renew_2023 .introduction .ct .box ul li p {
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
}

.renew_2023 .introduction .ct .box ul li span {
  color: #222222;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}

.renew_2023 .history {
  background: #fff;
  padding: 105px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .renew_2023 .history {
    padding: 10vw;
  }
  .renew_2023 .history h2 {
    width: 50vw;
  }
}

.renew_2023 .history table {
  margin-top: 65px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .history table {
    margin-top: 5vw;
  }
}

.renew_2023 .history table tr {
  display: flex;
  align-items: flex-start;
  font-size: 22px;
  line-height: 1.59091;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .history table tr {
    font-size: 4.5vw;
    display: block;
  }
}

.renew_2023 .history table tr th {
  width: 125px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .history table tr th {
    display: block;
    width: auto;
    text-align: center;
  }
}

.renew_2023 .history table tr td {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .history table tr td {
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
    font-weight: bold;
  }
}

.renew_2023 .concept {
  padding: 100px 0;
  background: linear-gradient(90deg, #0074a6 25%, #00b4b9 68%);
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept {
    padding: 10vw;
  }
}

.renew_2023 .concept .concept_ct {
  max-width: 1120px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct {
    max-width: none;
    width: auto;
  }
}

.renew_2023 .concept .concept_ct h2 {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct h2 img {
    width: 50vw;
  }
}

.renew_2023 .concept .concept_ct .next_t {
  font-size: 52px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct .next_t {
    font-size: 8vw;
  }
}

.renew_2023 .concept .concept_ct .fl-new-im {
  display: flex;
  justify-content: space-between;
  margin-top: 54px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct .fl-new-im {
    margin-top: 8vw;
    display: block;
  }
}

.renew_2023 .concept .concept_ct .fl-new-im .im-this {
  width: 407px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct .fl-new-im .im-this {
    width: auto;
    margin-top: 7vw;
  }
}

.renew_2023 .concept .concept_ct ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #FFF;
  width: 676px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct ul {
    width: auto;
  }
}

.renew_2023 .concept .concept_ct ul li {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #fff;
  width: 325px;
  justify-content: center;
  align-items: center;
  padding: 27px;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct ul li {
    width: 100%;
    padding: 7vw;
    margin-bottom: 6vw;
  }
}

.renew_2023 .concept .concept_ct ul li p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct ul li p {
    font-size: 5vw;
  }
}

.renew_2023 .concept .concept_ct ul li:nth-child(3) {
  flex-direction: row;
  width: 100%;
  margin-top: 25px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct ul li:nth-child(3) {
    margin: 0;
    flex-direction: column;
  }
}

.renew_2023 .concept .concept_ct ul li:nth-child(3) dl {
  margin-left: 45px;
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .renew_2023 .concept .concept_ct ul li:nth-child(3) dl {
    margin: 4vw 0 0 0;
    font-size: 4vw;
  }
  .renew_2023 .concept .concept_ct ul li:nth-child(3) dl dt {
    margin-bottom: 5vw;
    text-align: center;
  }
  .renew_2023 .concept .concept_ct ul li:nth-child(3) dl dt:last-of-type {
    margin-bottom: 0;
  }
}

.renew_2023 .bot {
  padding: 75px 0;
}

@media screen and (max-width: 767px) {
  .renew_2023 .bot {
    padding: 10vw;
  }
}

.renew_2023 .bot p {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.59091;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .renew_2023 .bot p {
    font-size: 4vw;
  }
}

.renew_2023 .bot .img {
  width: 702px;
  height: auto;
  margin: 50px auto 0 auto;
}

@media screen and (max-width: 767px) {
  .renew_2023 .bot .img {
    width: 100%;
    margin: 5vw  auto;
  }
}

/*--------------------------------------
 cont1
---------------------------------------*/
.priceZone {
  position: relative;
  background: #cafeff;
}

.priceZone .u-inner {
  max-width: 1200px;
}

@media screen and (max-width: 767px) {
  .priceZone {
    padding-top: 15vw;
  }
}

.priceZone .u-enTxt {
  position: absolute;
  right: 0px;
  left: auto;
  top: -3px;
}

@media screen and (max-width: 767px) {
  .priceZone .u-enTxt {
    top: -0.23438vw;
  }
}

.priceZone .u-ttl1 {
  color: #00b0b8;
}

@media screen and (max-width: 767px) {
  .priceZone .u-ttl1 {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .priceZone .u-ttl1 {
    margin-bottom: 0.5em;
  }
}

.priceZone .u-ttl1 + p {
  color: #00b0b8;
  font-size: 1.8rem;
  font-weight: 600;
}

.priceZone .planArea {
  margin-top: 45px;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea {
    margin-top: 7.03125vw;
  }
}

.priceZone .planArea .tabName {
  display: flex;
  justify-content: space-between;
}

.priceZone .planArea .tabName li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48%;
  font-size: 2.8rem;
  font-weight: bold;
  padding: 0.57143em 0;
  color: #00b2b8;
  border-radius: 36px;
  border: 2px solid #00b2b8;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .tabName li {
    font-size: 2.2rem;
    padding: 0.54545em 0;
  }
}

.priceZone .planArea .tabName li.is-selected {
  position: relative;
  color: #fff;
  border: none;
  background: #00b2b8;
}

.priceZone .planArea .tabName li.is-selected:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
  border-top: 10px solid #00b2b8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .tabName li.is-selected:after {
    bottom: -1.5625vw;
    border-top: 1.5625vw solid #00b2b8;
    border-left: 1.5625vw solid transparent;
    border-right: 1.5625vw solid transparent;
  }
}

.priceZone .planArea .planBox {
  margin-top: 45px;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox {
    margin-top: 3.90625vw;
  }
}

.priceZone .planArea .planBox .tableBox {
  margin: 50px auto 0 auto;
  width: 98%;
  box-sizing: border-box;
  padding: 35px 25px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 10px 10px 15px rgba(0, 161, 179, 0.3);
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox {
    margin-top: 7.03125vw;
    padding: 4.6875vw 3.125vw;
    box-shadow: 5px 5px 8px rgba(0, 161, 179, 0.3);
  }
}

.priceZone .planArea .planBox .tableBox table {
  width: 100%;
  box-sizing: border-box;
}

.priceZone .planArea .planBox .tableBox table tr {
  font-size: 1.8rem;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox table tr {
    display: flex;
    font-size: 1.7rem;
    flex-direction: column;
  }
}

.priceZone .planArea .planBox .tableBox table tr th {
  width: 270px;
  box-sizing: border-box;
  color: #00b0b8;
  text-align: right;
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox table tr th {
    text-align: left;
    width: 100%;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox table tr td {
    width: 100%;
  }
}

.priceZone .planArea .planBox .tableBox table tr td small {
  font-weight: normal;
  font-size: 80%;
}

.priceZone .planArea .planBox .tableBox table tr td em {
  color: #ff3636;
}

.priceZone .planArea .planBox .tableBox table tr:first-of-type th,
.priceZone .planArea .planBox .tableBox table tr:first-of-type td {
  padding-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox table tr:first-of-type th,
  .priceZone .planArea .planBox .tableBox table tr:first-of-type td {
    padding-bottom: 0.75em;
  }
}

.priceZone .planArea .planBox .tableBox table tr:first-of-type th {
  padding-bottom: 0.5em;
}

.priceZone .planArea .planBox .tableBox table tr + tr {
  border-top: 1px dotted #00b0b8;
}

.priceZone .planArea .planBox .tableBox table tr + tr th,
.priceZone .planArea .planBox .tableBox table tr + tr td {
  padding-top: 1em;
  padding-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox table tr + tr th {
    padding-bottom: 0.5em;
  }
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox table tr + tr td {
    padding-top: 0;
    padding-bottom: 0.5em;
  }
}

.priceZone .planArea .planBox .tableBox table tr + tr td .notes {
  font-size: 1.4rem;
  padding-top: 0.2em;
}

.priceZone .planArea .planBox .tableBox table tr:last-of-type th,
.priceZone .planArea .planBox .tableBox table tr:last-of-type td {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .tableBox table tr:last-of-type th {
    padding-bottom: 0.5em;
  }
}

.priceZone .planArea .planBox .contWrap {
  display: none;
}

.priceZone .planArea .planBox .contWrap ul.planList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList {
    flex-direction: column;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li {
  width: 30%;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 30px 20px;
  margin: 0 1%;
  background: #fff;
  box-shadow: 10px 10px 15px rgba(0, 161, 179, 0.3);
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li {
    width: 100%;
    padding: 4.6875vw 3.125vw;
    box-shadow: 5px 5px 8px rgba(0, 161, 179, 0.3);
    margin-top: 0;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li.special {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.priceZone .planArea .planBox .contWrap ul.planList li.special a:after {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  border-top: 2px solid #00b2b8;
  border-right: 2px solid #00b2b8;
  transform: rotate(45deg);
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li.special {
    display: block;
    text-align: center;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li.special .spIcon {
  display: inline-block;
  background-color: #ff3636;
  font-weight: bold;
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  padding: 0.2em 0.8em;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li.special .spIcon {
    width: 48%;
    box-sizing: border-box;
    padding: 0.3em 0.1 0.5em;
  }
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li + li {
    margin-top: 4.6875vw;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li h3 {
  font-size: 2.2rem;
  text-align: center;
  color: #0099b0;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li h3.al_right {
    text-align: right;
    margin-right: 2vw;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li .monthly {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  padding: 0.5em 0;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li .monthly {
    padding: 1.5625vw 0;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li .monthly em {
  font-size: 3rem;
  color: #ff3636;
  padding-left: 0.1em;
}

.priceZone .planArea .planBox .contWrap ul.planList li .lm_ic {
  text-align: center;
  background-color: #0099b0;
  color: #FFF;
  padding: 3px;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li .lm_ic {
    display: inline-block;
    position: absolute;
    font-size: 1.4rem;
    padding: 1vw 2vw;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li .note_store {
  font-size: 1.2rem;
  text-align: center;
}

.priceZone .planArea .planBox .contWrap ul.planList li .recommend {
  margin-top: 0.5em;
  font-size: 1.6rem;
  text-align: center;
  color: #00b2b8;
  font-weight: bold;
  padding: 0.625em;
  border: 1px solid #00b2b8;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li .recommend {
    font-size: 1.8rem;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li .recommend + .recommend {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li .recommend + .recommend {
    margin-top: 1.5625vw;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li .note {
  display: block;
  margin-top: 20px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li .note {
    margin-top: 3.125vw;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li .note em {
  color: #ff3636;
}

.priceZone .planArea .planBox .contWrap ul.planList li .tenpo {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList li .tenpo {
    height: auto;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList li .tenpo li {
  width: auto;
  height: auto;
  padding: 0.2em 0.3em;
  margin: 0px;
  box-shadow: none;
  border-radius: 0px;
  background-color: #ff3636;
  color: #fff;
  text-align: center;
  margin: 1% 1% 1% 1%;
  width: 48%;
  color: #FFF;
  font-size: 2rem;
  font-weight: bold;
}

.priceZone .planArea .planBox .contWrap ul.planList.top_li li {
  width: 30%;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList.top_li li {
    width: 100%;
  }
}

.priceZone .planArea .planBox .contWrap ul.planList.prm_li li {
  width: 48%;
}

@media screen and (max-width: 767px) {
  .priceZone .planArea .planBox .contWrap ul.planList.prm_li li {
    width: 100%;
  }
}

.priceZone .planArea .planBox .contWrap .planNote {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}

.priceZone .planArea .planBox .contWrap.is-active {
  display: block;
}

/*--------------------------------------
 cont1
---------------------------------------*/
.storesZone {
  color: #fff;
  padding: 90px 0;
  background-image: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
}

@media screen and (max-width: 767px) {
  .storesZone {
    padding: 14.0625vw 0;
    width: 100vw;
    overflow: hidden;
  }
}

.storesZone .shoplist {
  display: flex;
  max-width: 1120px;
  margin: 0 auto;
  width: 90%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.storesZone .shoplist li {
  width: 23%;
}

@media screen and (max-width: 767px) {
  .storesZone .shoplist li {
    width: 48%;
  }
}

.storesZone .shoplist li a {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 5px 15px rgba(0, 161, 179, 0.2);
  margin-bottom: 1em;
  padding: 1.5em;
  font-weight: bold;
  color: #00bad0;
  display: flex;
  justify-content: space-between;
  font-size: 2rem;
  align-items: center;
}

.storesZone .shoplist li a::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: inline-block;
  border-right: 2px solid #00bad0;
  border-bottom: 2px solid #00bad0;
  transform: rotate(-45deg);
}

.storesZone .u-enTxt {
  line-height: .61;
}

.storesZone h2 {
  text-align: right;
  margin: 0 auto 1.5em;
}

.storesZone .storeArea {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.storesZone .storeArea ul {
  text-align: left;
  max-width: 1500px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .storesZone .storeArea {
    text-align: left;
    padding: 0 5vw;
  }
}

.storesZone .storeArea li {
  vertical-align: top;
  display: inline-block;
  margin: 0 5px 10px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .storesZone .storeArea li {
    margin: 1vw;
  }
}

.storesZone .storeArea li a {
  position: relative;
  display: flex;
}

.storesZone .storeArea li a img {
  transition: .32s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.storesZone .storeArea li a:hover img {
  transform: scale(1.1);
}

.storesZone .storeArea li a:hover .s-pic:after {
  opacity: 0;
}

.storesZone .storeArea li a.coming .s-name {
  color: #00b8ba;
}

.storesZone .storeArea li .s-pic {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 15px;
  overflow: hidden;
}

.storesZone .storeArea li .s-pic.coming:after {
  background-color: transparent;
}

.storesZone .storeArea li .s-pic:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0px;
  top: 0px;
  transition: .3s;
}

@media screen and (max-width: 767px) {
  .storesZone .storeArea li .s-pic {
    width: 27vw;
    height: 27vw;
  }
}

.storesZone .storeArea li .s-name {
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  box-sizing: border-box;
}

.storesZone .storeArea li.spcBblock {
  width: 150px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .storesZone .storeArea li.spcBblock {
    display: none;
  }
}

/*--------------------------------------
 cont1
---------------------------------------*/
.faqZone {
  background-color: #eee;
}

@media screen and (max-width: 767px) {
  .faqZone {
    padding-top: 15vw;
  }
}

.faqZone .u-enTxt {
  left: auto;
  right: 0px;
  top: -33px;
  opacity: 1;
  background-image: linear-gradient(to right, #0092af 0%, #00b8ba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-align: right;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .faqZone .u-enTxt {
    top: -10px;
  }
}

.faqZone .u-ttl1 {
  color: #00bad0;
}

.faqZone dl {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 5px 15px rgba(0, 161, 179, 0.2);
  margin-bottom: 1em;
  padding: 1.5em;
}

.faqZone dl dt {
  font-weight: bold;
  color: #00bad0;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .faqZone dl dt {
    font-size: 1.6rem;
  }
}

.faqZone dl dt:hover {
  opacity: .7;
}

.faqZone dl dt:after {
  content: "";
  width: .5em;
  height: .5em;
  display: inline-block;
  border-right: 2px solid #00bad0;
  border-bottom: 2px solid #00bad0;
  transform: rotate(45deg);
}

.faqZone dl dt.on:after {
  transform: rotate(-135deg);
}

.faqZone dl dd {
  margin-top: 1em;
  padding-top: 1em;
  line-height: 1.8;
  border-top: 1px solid #00bad0;
  display: none;
}

/*--------------------------------------
 cont1
---------------------------------------*/
.noteZone {
  background-color: #eee;
}

@media screen and (max-width: 767px) {
  .noteZone {
    padding-top: 15vw;
  }
}

.noteZone .u-enTxt {
  left: auto;
  left: 0px;
  top: -33px;
  opacity: 1;
  background-image: linear-gradient(to right, #0092af 0%, #00b8ba 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .noteZone .u-enTxt {
    top: -10px;
  }
}

.noteZone .u-ttl1 {
  color: #00bad0;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .noteZone .u-ttl1 {
    text-align: center;
  }
}

.noteZone .noteBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.noteZone .noteBox a {
  width: 32%;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 5px 15px rgba(0, 161, 179, 0.2);
  margin-bottom: 1em;
  padding: 1.2em;
  margin: 0 10px 10px 10px;
}

@media screen and (max-width: 767px) {
  .noteZone .noteBox a {
    margin: 0 0 10px 0;
    width: 100%;
  }
}

.noteZone .noteBox a .day {
  font-size: 80%;
  display: block;
  padding: .5em 0;
  color: #00b5b9;
  font-weight: bold;
}

/*--------------------------------------
 contact
---------------------------------------*/
.contactZone {
  position: relative;
  background-color: #EEE;
  padding: 100px 50px 90px;
  background-size: cover;
}

.contactZone.index:before {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .contactZone {
    padding: 8vw 0vw;
  }
}

.contactZone .contactList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contactZone .contactList li {
  width: 32%;
  margin-bottom: 2%;
}

@media screen and (max-width: 767px) {
  .contactZone .contactList li {
    width: 48%;
  }
}

.contactZone .contactList li a {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 75px;
  background-color: #FFF;
  border-radius: 15px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  color: #00b8ba;
  font-size: 2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .contactZone .contactList li a {
    min-height: 50px;
    font-size: 14px;
    border-radius: 5px;
  }
}

.contactZone .contactList li a:hover {
  opacity: .8;
}

.contactZone .contactList li a::after {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  border-top: 2px solid #00b8ba;
  border-right: 2px solid #00b8ba;
  transform: rotate(45deg);
  margin-left: 10px;
}

.contactZone .dateBox {
  display: none;
}

.contactZone .dateBox.show {
  display: block;
}

.contactZone:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 470px;
  background: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .contactZone:before {
    height: 250px;
  }
}

.contactZone .u-inner {
  max-width: 1000px;
}

.contactZone .u-ttlBox1 {
  text-align: center;
  font-size: 3.5rem;
  font-weight: bold;
  color: #FFF;
}

.contactZone .u-ttlBox1 small {
  display: inline-block;
  border-bottom: 5px solid #ffd820;
  padding-bottom: 10px;
}

.contactZone .u-ttl1 {
  position: relative;
  color: #fff;
}

.contactZone .u-lead1 {
  position: relative;
  padding: 2em;
  text-align: center;
  color: #fff;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .contactZone .u-lead1 {
    font-size: 13px;
    padding: 2em;
    text-align: left;
  }
  .contactZone .u-lead1 br {
    display: none;
  }
}

.contactZone .areaBox {
  position: relative;
  background: #f4f4f4;
  padding: 1em 1.5em;
  line-height: 1.6;
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .contactZone .areaBox {
    border-radius: 0px;
    padding: 2.5vw 5vw;
    margin-bottom: 0px;
  }
}

.contactZone .areaBox dl {
  display: flex;
}

.contactZone .areaBox dl dt {
  padding-right: 16px;
}

@media screen and (max-width: 767px) {
  .contactZone .areaBox dl dt {
    padding-right: 8px;
  }
}

.contactZone .areaBox dl dd {
  padding-left: 28px;
  border-left: 3px solid #969696;
}

@media screen and (max-width: 767px) {
  .contactZone .areaBox dl dd {
    padding-left: 14px;
  }
}

.contactZone .formBox {
  position: relative;
  background: #FFF;
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 15px 20px 20px 0px rgba(0, 0, 0, 0.1);
  border: 2px solid #FFF;
}

.contactZone .formBox .row + h3 {
  margin-top: 20px;
}

.contactZone .formBox h3 {
  background: #0073a5;
  padding: .5em;
  border-radius: 5px;
  color: #FFF;
  font-weight: bold;
}

.contactZone .formBox button {
  margin: 15px auto;
  max-width: 400px;
  display: block;
}

@media screen and (max-width: 767px) {
  .contactZone .formBox {
    border-radius: 0px;
    padding: 5vw;
  }
}

.contactZone .formBox .formrun-system-show {
  color: tomato;
}

.contactZone .row {
  padding: 15px 10px;
}

@media screen and (max-width: 767px) {
  .contactZone .row {
    padding: 15px 0;
  }
}

.contactZone .row ul {
  display: flex;
  flex-wrap: wrap;
}

.contactZone .row ul.column {
  display: block;
}

@media screen and (max-width: 767px) {
  .contactZone .row ul {
    display: block;
  }
}

.contactZone .row ul li {
  margin-right: 15px;
}

.contactZone .row ul li label {
  font-weight: normal;
}

.contactZone .row ul li label input {
  width: 1.2em;
  height: 1.2em;
  margin-right: .5em;
}

.contactZone .row label {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .contactZone .row label {
    font-size: 14px;
  }
}

.contactZone .row label.kojin {
  justify-content: center;
  align-items: center;
  padding: 15px 0;
}

.contactZone .row label.kojin input {
  margin-right: 10px;
  width: 1.2em;
  height: 1.2em;
}

.contactZone .row label .must {
  margin-left: 10px;
  background: #d9534f;
  color: #FFF;
  border-radius: 5px;
  display: inline-block;
  padding: .3em .5em;
  line-height: 1.4;
  font-size: 12px;
  font-weight: bold;
}

.contactZone .row input[type="text"],
.contactZone .row input[type="datetime-local"],
.contactZone .row textarea {
  display: block;
  border: 1px solid #d9d9d9;
  width: 100%;
  box-sizing: border-box;
  padding: .3em 1em;
  border-radius: 5px;
  background: #fff;
  font-weight: 100;
}

@media screen and (max-width: 767px) {
  .contactZone .row input[type="text"],
  .contactZone .row input[type="datetime-local"],
  .contactZone .row textarea {
    padding: .5em;
    font-size: 14px;
  }
}

.contactZone .row textarea {
  height: 8em;
}

.contactZone .last_cb {
  margin: 10px 0 20px 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .contactZone .last_cb {
    margin: 1vw 0 5vw 0;
  }
}

.contactZone .last_cb label {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .contactZone .last_cb label {
    font-size: 1.5rem;
  }
}

.contactZone .last_cb label a {
  text-decoration: underline;
}

.contactZone .last_cb label a:hover {
  color: red;
  transition: 0.3s;
}

.contactZone .last_cb input {
  margin-right: 0.5em;
  width: 1.2em;
  height: 1.2em;
  position: relative;
}

@media screen and (min-width: 768px) {
  .contactZone .last_cb input {
    bottom: 1px;
  }
}

@media screen and (max-width: 767px) {
  .contactZone .last_cb input {
    bottom: 0.3vw;
  }
}

.contactZone .privacy {
  padding: 15px;
  border: 1px solid #CCC;
  border-radius: 5px;
  background: #FFF;
  overflow-y: scroll;
  margin-bottom: 25px;
  height: 100px;
}

.contactZone .privacy h3 {
  font-size: 14px;
  font-weight: bold;
}

.contactZone .privacy p,
.contactZone .privacy ul {
  padding: 5px 0 0 0;
  font-size: 12px;
}

.contactZone .privacy h4 {
  font-size: 12px;
  font-weight: bold;
  padding: 1.3em 0 .2em 0;
}

.contactZone .rowRcap {
  margin-bottom: 15px;
}

.contactZone button {
  color: #FFF;
  width: 100%;
  background: #000;
  text-align: center;
  font-size: 2rem;
  border-radius: 8px;
  padding: .5em 0;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .contactZone button {
    font-size: 18px;
  }
}

.contactZone button:disabled {
  pointer-events: none;
  background: #d6dde2;
}

.contactZone .center {
  text-align: center;
}

.contactZone .companyBox {
  margin-top: 3em;
  color: #FFF;
}

.contactZone .companyBox h3 {
  font-size: 1.8rem;
  font-weight: bold;
}

.contactZone .companyBox dl {
  display: flex;
  flex-wrap: wrap;
}

.contactZone .companyBox dl dt {
  width: 30%;
  margin-top: 10px;
}

.contactZone .companyBox dl dd {
  margin-top: 10px;
  width: 69%;
}

/*--------------------------------------
 cont1
---------------------------------------*/
.mediaZone {
  background-color: #0092af;
}

@media screen and (max-width: 767px) {
  .mediaZone {
    padding-top: 15vw;
  }
}

.mediaZone .u-enTxt {
  left: auto;
  left: 0px;
  top: -33px;
  opacity: 1;
  color: #eee;
  line-height: 1;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .mediaZone .u-enTxt {
    top: -10px;
  }
}

.mediaZone .u-ttl1 {
  color: #eee;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .mediaZone .u-ttl1 {
    text-align: center;
  }
}

.mediaZone .list {
  font-size: 1.8rem;
  color: #FFF;
}

.mediaZone .list li {
  padding: 1em 0;
  display: flex;
}

.mediaZone .list li .day {
  margin-right: 1em;
}

.mediaZone .list li a {
  text-decoration: underline;
}

.mediaZone .list li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .mediaZone .list li a {
    display: block;
  }
}

.mediaZone .list li a .day {
  margin-right: 1em;
  display: block;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .mediaZone .list li a .day {
    font-size: 1.4rem;
  }
}

.mediaZone .list li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.mediaZone .btn a {
  display: flex;
  background-color: #FFF;
  color: #006fa4;
  text-align: center;
  padding: 1.2em;
  font-size: 2.4rem;
  margin-top: 1em;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .mediaZone .btn a {
    margin-top: 0px;
    font-size: 2rem;
  }
}

.mediaZone .btn a:hover {
  filter: brightness(1.2);
}

.mediaZone .btn a:after {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  border-top: 2px solid #006fa4;
  border-right: 2px solid #006fa4;
  transform: rotate(45deg);
  margin-left: 10px;
}

.recruitMain {
  background-image: url("/recruit/img/bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  text-align: center;
  color: #fff;
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .recruitMain {
    background-size: auto 125%;
    background-attachment: scroll;
    background-position: bottom;
  }
}

.recruitMain.b0 {
  margin-bottom: 0px;
}

.recruitMain .btn {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .recruitMain .btn {
    margin-top: 0px;
  }
}

.recruitMain .img {
  margin-bottom: 30px;
  display: block;
}

.recruitMain .img img {
  box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.7);
  width: 90%;
  max-width: 800px;
}

.recruitMain .btn a {
  display: flex;
  background-color: #fff;
  color: #006fa4;
  text-align: center;
  padding: 1.2em;
  font-size: 2.4rem;
  margin-top: 1em;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .recruitMain .btn a {
    margin-top: 0px;
    font-size: 2rem;
  }
}

.recruitMain .btn a:hover {
  filter: brightness(1.2);
}

.recruitMain .btn a:after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #006fa4;
  border-right: 2px solid #006fa4;
  transform: rotate(45deg);
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .recruitMain {
    margin-bottom: 10vw;
  }
}

.recruitMain h2 {
  text-align: center;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .recruitMain h2 {
    text-align: center;
  }
}

.recruitMain h2 span {
  display: inline-block;
  background-color: #ffea2a;
  color: #00afb7;
  font-size: 2.8rem;
  margin-bottom: 0.5em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .recruitMain h2 span {
    font-size: 2rem;
  }
}

.recruitMain p {
  line-height: 1.8em;
}

@media screen and (max-width: 767px) {
  .recruitMain p {
    padding: 0 5vw;
    font-size: 1.6rem;
    text-align: left;
  }
  .recruitMain p br {
    display: none;
  }
}

.recruitMain p + p {
  margin-top: 0.5em;
}

.recruitMain .more_w {
  max-width: none;
}

.recruitMain .joblist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  left: -30px;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist {
    flex-direction: column;
    left: 0;
  }
}

.recruitMain .joblist li {
  width: 415px;
  margin-top: 30px;
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
}

.recruitMain .joblist li a {
  background-color: #fff;
  padding: 30px;
  border-radius: 20px;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li a {
    padding: 5vw;
  }
}

.recruitMain .joblist li a .img {
  margin-bottom: 0 !important;
}

.recruitMain .joblist li a .img img {
  box-shadow: none;
  width: 100%;
  max-width: none;
}

.recruitMain .joblist li a .txt {
  margin-top: 25px;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li a .txt {
    margin-top: 3vw;
  }
}

.recruitMain .joblist li a .txt h3 {
  font-size: 2rem;
  color: #00bad0;
  text-align: left;
  font-weight: bold;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li a .txt h3 {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}

.recruitMain .joblist li a .txt dl {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li a .txt dl {
    margin-top: 3vw;
  }
}

.recruitMain .joblist li a .txt dl dt {
  color: #fff;
  background-color: #0070a4;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 8px 20px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li a .txt dl dt {
    padding: 2vw 5vw;
  }
}

.recruitMain .joblist li a .txt dl dd {
  color: #00a8b5;
  background-color: #f0ff00;
  border: 1px solid #00a8b5;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 8px 20px;
  border-radius: 5px;
  margin-left: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li a .txt dl dd {
    padding: 2vw 5vw;
    margin-left: 2vw;
  }
}

.recruitMain .joblist li a:hover {
  filter: brightness(120%);
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .recruitMain .joblist li + li {
    margin-top: 5vw;
  }
}

.pageStores .voiceBtn {
  text-align: center;
  margin-top: 30px;
}

.pageStores .voiceBtn a {
  display: inline-block;
  border: 1px solid #0094af;
  border-radius: 50px;
  padding: 1em;
  width: 90%;
  margin: 0 auto;
  max-width: 300px;
  color: #0094af;
}

.pageStores .voice {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pageStores .voice li {
  margin: 1%;
}

@media screen and (max-width: 767px) {
  .pageStores .voice li {
    width: 46%;
  }
}

.pageStores .pano {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .pageStores .pano iframe {
    height: 100vw;
  }
}

.pageStores .info {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 3em 0;
  width: 90%;
}

@media screen and (max-width: 767px) {
  .pageStores .info {
    padding: 2em 0;
  }
}

.pageStores .info .ttl2 {
  color: #006fa4;
}

.pageStores .info .d_more {
  margin-bottom: 2em;
}

.pageStores .info dl {
  border-radius: 15px;
  padding: 1.5em;
  background-color: #ffe7b4;
}

@media screen and (max-width: 767px) {
  .pageStores .info dl {
    padding: 1em;
    border-radius: 5px;
  }
}

.pageStores .info dt {
  font-size: 2.4rem;
  font-weight: bold;
  color: red;
  border-bottom: 2px solid red;
  padding-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .pageStores .info dt {
    font-size: 2rem;
    text-align: center;
  }
}

.pageStores .info dt .di_camp {
  font-size: 2rem;
  display: block;
}

@media screen and (max-width: 767px) {
  .pageStores .info dt .di_camp {
    font-size: 1.6rem;
  }
}

.pageStores .info dt .camp_info {
  display: block;
}

.pageStores .info .col2box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.pageStores .info .col2box .cols {
  align-items: center;
  width: 48%;
  margin: 1%;
  box-sizing: border-box;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .pageStores .info .col2box .cols {
    width: 100%;
    padding: 0.6em;
    border-radius: 5px;
  }
}

.pageStores .info .col2box .cols b {
  display: block;
  background-color: #eee;
  border-radius: 5px;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0.8em;
}

.pageStores .info .col2box .cols .h2 {
  padding-top: 2em;
  display: block;
}

@media screen and (max-width: 767px) {
  .pageStores .info .col2box .cols .h2 {
    padding-top: 0px;
  }
}

.pageStores .info dd {
  font-size: 1.8rem;
}

.pageStores .info dd .note {
  font-size: 1.2rem;
}

.pageStores .info dd li {
  margin-left: 1em;
  padding: 1em 0 0 0;
  font-size: 2rem;
}

.pageStores .info dd li strong {
  font-size: 2.4rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.3em;
}

@media screen and (max-width: 767px) {
  .pageStores .info dd li strong {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .pageStores .info dd li {
    margin-left: 0px;
    font-size: 1.7rem;
  }
}

.pageStores .info dd li em {
  color: red;
  font-weight: bold;
}

.pageStores .info dd li p {
  padding-top: 1em;
}

@media screen and (max-width: 767px) {
  .pageStores .info {
    text-align: left;
  }
}

.pageStores .photoZone {
  padding-top: 20px;
}

.pageStores .photoZone .slick-slide {
  margin: 0 10px;
}

.pageStores .photoZone .slick-slide img {
  width: 721px;
  height: 539px;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .pageStores .photoZone .slick-slide img {
    width: 90vw;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .pageStores .photoZone .slick-slide {
    width: 90vw;
    margin: 0 1vw;
  }
}

.pageStores .photoZone .slick-dots {
  position: static;
  margin-top: 15px;
}

.pageStores .photoZone .slick-dots li.slick-active {
  background-color: #00bad0;
  border: #00bad0;
}

.pageStores .ttl {
  text-align: center;
  background: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  text-align: center;
  font-size: 4.5rem;
  font-weight: bold;
  color: #fff;
  padding: 1em;
}

.pageStores .ttl .sub {
  font-size: 80%;
}

@media screen and (max-width: 767px) {
  .pageStores .ttl {
    font-size: 3rem;
  }
}

.pageStores .ttl2 {
  font-size: 3.4rem;
  font-weight: bold;
  margin-bottom: 1.5em;
  text-align: center;
}

.pageStores .ttl2 .sub {
  display: block;
  font-size: 80%;
}

@media screen and (max-width: 767px) {
  .pageStores .ttl2 {
    font-size: 3rem;
    margin-bottom: 1em;
  }
}

.pageStores .lead {
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}

.pageStores .lead + .lead {
  margin-top: 1em;
}

.pageStores .lead + .lead strong {
  font-weight: bold;
  color: #fcff48;
}

.pageStores .featureZone {
  background: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  color: #fff;
  padding-top: 80px;
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .pageStores .featureZone {
    margin-bottom: 0px;
    padding-top: 10vw;
  }
}

.pageStores .featureZone ul {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between;
}

.pageStores .featureZone ul li {
  width: 48%;
  margin-bottom: 3em;
}

@media screen and (max-width: 767px) {
  .pageStores .featureZone ul li {
    width: 90%;
    margin: 0 auto 10vw auto;
  }
}

.pageStores .featureZone ul li p {
  margin-top: 1em;
}

.pageStores .serviceBox {
  background-color: #fff;
  padding: 1.5em;
  text-align: left;
  border-radius: 15px;
}

@media screen and (max-width: 767px) {
  .pageStores .serviceBox {
    padding: 1em;
  }
}

.pageStores .serviceBox li {
  display: flex;
  align-items: flex-start;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .pageStores .serviceBox li {
    display: block;
  }
}

.pageStores .serviceBox li + li {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px dotted #0094af;
}

@media screen and (max-width: 767px) {
  .pageStores .serviceBox li + li {
    border: 0px;
    padding-bottom: 0px;
  }
}

.pageStores .serviceBox li:last-of-type {
  padding-bottom: 0px;
}

.pageStores .serviceBox li span {
  background-color: #ffd820;
  color: #0095b0;
  display: inline-block;
  width: 120px;
  padding: 0.2em 0.5em;
  font-weight: bold;
  text-align: center;
  flex-shrink: 0;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .pageStores .serviceBox li span {
    width: auto;
    margin-bottom: 10px;
    display: block;
    margin-right: 0px;
  }
}

.pageStores .serviceBox li p {
  font-weight: bold;
  color: #0094af;
}

.pageStores .serviceBox li p a {
  text-decoration: underline;
}

.pageStores .recomBox {
  justify-content: space-between;
  display: flex;
}

@media screen and (max-width: 767px) {
  .pageStores .recomBox {
    display: block;
  }
}

.pageStores .recomBox li {
  width: 31.5%;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .pageStores .recomBox li {
    width: 100%;
    margin-top: 15px;
  }
  .pageStores .recomBox li img {
    width: 100%;
  }
}

.pageStores .recomBox li p {
  color: #0094af;
  padding: 20px 10px;
}

.pageStores .recomBox li p span {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  margin-top: 5px;
}

.pageStores .specialPrice {
  font-size: 1.8rem;
  justify-content: space-between;
  color: #222;
  width: 90%;
  margin: 2em auto 0 auto;
  max-width: 1000px;
  background-color: #fff;
  padding: 35px;
  border-radius: 15px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pageStores .specialPrice {
    display: block;
    padding: 1em;
  }
}

.pageStores .specialPrice dl {
  display: flex;
  border-bottom: 1px dotted #0094af;
  padding: 0 0 1em 0;
  margin-bottom: 1em;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .pageStores .specialPrice dl {
    display: block;
  }
}

.pageStores .specialPrice dl:last-of-type {
  padding-bottom: 0px;
  border: 0px;
  margin-bottom: 0px;
}

.pageStores .specialPrice dl dt {
  font-weight: bold;
  width: 26%;
  text-align: left;
  color: #0094af;
}

@media screen and (max-width: 767px) {
  .pageStores .specialPrice dl dt {
    width: 100%;
  }
}

.pageStores .specialPrice dl dd {
  text-align: left;
}

.pageStores .specialPrice dl dd span {
  font-weight: bold;
  font-size: 120%;
}

.pageStores .specialPrice dl dd em {
  color: rgba(250, 27, 27, 0.911);
  font-weight: bold;
  font-size: 120%;
}

@media screen and (max-width: 767px) {
  .pageStores .specialPrice dl dd em {
    font-size: 100%;
  }
}

.pageStores .daihyouBox {
  display: flex;
  width: 90%;
  margin: 0 auto;
  padding: 40px;
  border-radius: 15px;
  max-width: 1000px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: cover;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .pageStores .daihyouBox {
    display: block;
    padding: 5vw;
  }
}

.pageStores .daihyouBox .box {
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.pageStores .daihyouBox .box h4 {
  text-align: left;
  font-weight: bold;
  font-size: 1.8rem;
  padding-bottom: 0.5em;
}

.pageStores .daihyouBox .img {
  width: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pageStores .daihyouBox .img {
    width: 100%;
  }
}

.pageStores .daihyouBox .txt2 {
  text-align: left;
}

.pageStores .daihyouBox .txt2 h4 {
  font-weight: bold;
  font-size: 2.4rem;
  padding-bottom: 10px;
}

.pageStores .daihyouBox .txt2 h4 span {
  display: block;
  line-height: 1.4;
  font-size: 80%;
}

@media screen and (max-width: 767px) {
  .pageStores .daihyouBox .txt2 {
    padding-top: 3vw;
    width: auto;
  }
}

.pageStores .daihyouBox .txt2 p + p {
  margin-top: 1em;
}

.pageStores .daihyouBox .txt {
  width: 46%;
  box-sizing: border-box;
  text-align: left;
}

.pageStores .daihyouBox .txt .btn {
  padding-top: 15px;
}

.pageStores .daihyouBox .txt .btn a {
  display: block;
  background: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 0.8em 0;
  margin-bottom: 15px;
  color: #0094af;
}

.pageStores .daihyouBox .txt .btn a:hover {
  filter: brightness(1.1);
}

.pageStores .daihyouBox .txt h4 {
  font-weight: bold;
  font-size: 2.4rem;
  padding-bottom: 10px;
}

.pageStores .daihyouBox .txt h4 span {
  display: block;
  line-height: 1.4;
  font-size: 80%;
}

@media screen and (max-width: 767px) {
  .pageStores .daihyouBox .txt {
    padding-top: 3vw;
    width: auto;
  }
}

.pageStores .daihyouBox p.con {
  text-align: left;
  margin-top: 1em;
}

.pageStores .daihyouBox p.con + .img2 {
  margin-top: 2em;
}

.pageStores .specialZone {
  background: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  color: #fff;
  padding-top: 80px;
  margin-bottom: 80px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pageStores .specialZone {
    margin-bottom: 0px;
    padding-top: 10vw;
  }
}

.pageStores .specialZone h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  display: inline-block;
  border-bottom: 1px solid #fff;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0.2em 0.5em;
}

@media screen and (max-width: 767px) {
  .pageStores .specialZone h3 {
    font-size: 2rem;
  }
}

.pageStores .specialZone ul {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  box-sizing: border-box;
}

.pageStores .outlineZone {
  padding-top: 0px;
}

.pageStores .outlineZone .in {
  max-width: 720px;
  width: 90%;
  margin: 0 auto;
}

.pageStores .outlineZone .in dl {
  display: flex;
  padding: 1em 0;
  border-top: 1px solid #0094af;
}

.pageStores .outlineZone .in dl:last-of-type {
  border-bottom: 1px solid #0094af;
}

@media screen and (max-width: 767px) {
  .pageStores .outlineZone .in dl {
    display: block;
  }
}

.pageStores .outlineZone .in dl dt {
  width: 30%;
  color: #0094af;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .pageStores .outlineZone .in dl dt {
    width: 100%;
  }
}

.pageStores .outlineZone .in dl dd {
  width: 70%;
}

@media screen and (max-width: 767px) {
  .pageStores .outlineZone .in dl dd {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pageStores .outlineZone {
    padding-top: 10vw;
  }
}

.pageStores .prm_moretxt {
  background: linear-gradient(to right, #006fa4 0%, #00b8ba 100%);
  color: #fff;
}

.pageStores .prm_moretxt h2 {
  font-size: 4rem;
  margin-bottom: 0.8em;
}

.pageStores .prm_moretxt p {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.7;
}

.pageStores .prm_moretxt a {
  display: block;
  text-align: center;
  margin-top: 1em;
  text-decoration: underline;
}

.pageStores .prm_moretxt a:hover {
  opacity: .7;
  transition: 0.3s;
}

.pageStores .prm_moretxt .movieBox .ttl_mv {
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  padding: 1em;
  text-align: center;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .pageStores .prm_moretxt .movieBox .ttl_mv {
    font-size: 2.4rem;
    margin-top: 2vw;
  }
}

.pageStores .prm_moretxt .movieBox iframe {
  width: 100%;
  margin: 0 auto;
  height: 670px;
}

@media screen and (max-width: 767px) {
  .pageStores .prm_moretxt .movieBox iframe {
    width: 100%;
    height: 70vw;
  }
}

.pageStores .mapZone iframe {
  width: 100%;
  height: 550px;
}

@media screen and (max-width: 767px) {
  .pageStores .mapZone iframe {
    height: 80vw;
  }
}

.mediaList {
  max-width: 800px;
  margin-bottom: 0 auto;
  padding-top: 40px;
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .mediaList {
    padding-top: 6.25vw;
    padding-bottom: 12.5vw;
  }
}

.mediaList .lead {
  font-weight: bold;
  font-size: 2rem;
  text-align: left;
}

.mediaList .list {
  font-size: 1.8rem;
  padding-top: 40px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .mediaList .list {
    padding-top: 6.25vw;
  }
}

.mediaList .list li {
  padding: 1em 0;
  border-top: 1px dotted #006fa4;
  display: flex;
}

.mediaList .list li .day {
  margin-right: 1em;
}

.mediaList .list li:last-of-type {
  border-bottom: 1px dotted #006fa4;
}

.mediaList .list li a {
  color: #006fa4;
  text-decoration: underline;
}

.mediaList .list li a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .mediaList .list li a {
    display: block;
  }
}

.mediaList .list li a .day {
  margin-right: 1em;
  display: block;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .mediaList .list li a .day {
    font-size: 1.4rem;
  }
}

.pageStores.ex .l-cont {
  background-color: #333;
  color: #FFF;
}

.pageStores.ex .l-cont .photoZone .slick-dots li.slick-active {
  background-color: #c2af71;
  border: #c2af71;
}

.pageStores.ex .ttl {
  background: #000;
  color: #c2af71;
}

@media screen and (max-width: 767px) {
  .pageStores.ex .lead {
    text-align: left;
  }
}

.pageStores.ex .trainerZone {
  padding: 80px 0;
}

@media screen and (max-width: 767px) {
  .pageStores.ex .trainerZone {
    padding: 5vw 0;
  }
}

@media screen and (max-width: 767px) {
  .pageStores.ex .daihyouBox {
    width: 100%;
  }
}

.pageStores.ex .daihyouBox + .daihyouBox {
  margin-top: 25px;
}

.pageStores.ex .ttl2 {
  color: #c2af71;
}

@media screen and (max-width: 767px) {
  .pageStores.ex .ttl2 {
    font-size: 2.6rem;
  }
}

.pageStores.ex .outlineZone {
  padding-top: 80px;
}

@media screen and (max-width: 767px) {
  .pageStores.ex .outlineZone {
    padding-top: 10vw;
  }
}

.pageStores.ex .outlineZone .in dl, .pageStores.ex .outlineZone .in dl:last-of-type {
  border-color: #c2af71;
}

.pageStores.ex .outlineZone .in dl dt {
  color: #c2af71;
}

.pageStores.ex .specialZone {
  background: #333;
  padding-top: 0px;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  .pageStores.ex .specialZone {
    padding: 5vw 5vw 10vw 5vw;
  }
}

.pageStores.ex .specialZone .img {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .pageStores.ex .specialZone .specialPrice {
    width: 100%;
  }
}

.pageStores.ex .specialZone .specialPrice dl {
  border-color: #8f6f0f;
}

.pageStores.ex .specialZone .specialPrice dl dt {
  color: #8f6f0f;
}

.pageStores.ex .u-enTxt {
  color: rgba(255, 255, 255, 0.1);
}

.pageStores.ex .contactZone:before {
  background: #000;
}

.pageStore {
  background: linear-gradient(to right, #0072A5 0, #00B5B9 100%);
}

@media screen and (min-width: 768px) {
  .pageStore {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pageStore .inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 204px;
  }
}

@media screen and (max-width: 767px) {
  .pageStore .inner {
    padding: 9.375vw 3.90625vw 6.25vw;
  }
}

.pageStore .ttlEn {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .pageStore .ttlEn {
    top: 98px;
    left: 2.5px;
  }
}

@media screen and (max-width: 767px) {
  .pageStore .ttlEn {
    width: 53.125vw;
    top: 20vw;
    left: 0.39063vw;
  }
}

.pageStore .ttl {
  color: #fff;
  margin-bottom: 0.73077em;
  font-weight: bold;
  text-align: right;
  background: none;
}

@media screen and (min-width: 768px) {
  .pageStore .ttl {
    font-size: 5.2rem;
  }
}

@media screen and (max-width: 767px) {
  .pageStore .ttl {
    font-size: 4.0rem;
  }
}

.pageStore .pageNav ul {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .pageStore .pageNav ul {
    margin-bottom: 42px;
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 767px) {
  .pageStore .pageNav ul {
    margin-bottom: 4.6875vw;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .pageStore .pageNav li {
    margin-right: 1.60952em;
  }
}

@media screen and (max-width: 767px) {
  .pageStore .pageNav li {
    width: 25%;
    margin-top: 2vw;
  }
}

.pageStore .pageNav a {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: bold;
  transition: opacity 0.3s;
}

.pageStore .pageNav a:hover {
  opacity: 0.5;
}

.pageStore .pageNav a:before {
  content: "";
  background: url("../../store/img/arw_b_wht.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  width: 0.7519em;
  height: 0.47714em;
  margin-right: 0.49524em;
}

.pageStore .scrlPos {
  position: relative;
}

@media screen and (max-width: 767px) {
  .pageStore .scrlPos {
    top: -3.125vw;
  }
}

.pageStore section {
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .pageStore section {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    padding: 41px 48px 32.5px 43.5px;
    border-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section {
    margin-bottom: 4.6875vw;
    padding: 3.125vw 4.6875vw 1.875vw;
    border-radius: 3.125vw;
  }
}

.pageStore section h2 {
  color: #0075A6;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .pageStore section h2 {
    flex-shrink: 0;
    width: 136px;
    margin-bottom: 0.32692em;
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section h2 {
    margin-bottom: 3.125vw;
    font-size: 2.6rem;
  }
}

.pageStore section h3 {
  color: #333;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .pageStore section h3 {
    flex-shrink: 0;
    width: 121px;
    margin-bottom: 0.47222em;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section h3 {
    margin-bottom: 1.5625vw;
    font-size: 1.6rem;
  }
}

.pageStore section a {
  color: #0079A8;
  transition: opacity 0.3s;
}

.pageStore section a:hover {
  opacity: 0.5;
}

@media screen and (min-width: 768px) {
  .pageStore section > ul {
    align-self: center;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .pageStore section > ul > li {
    display: flex;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section > ul > li {
    display: flex;
  }
}

.pageStore section > ul > li + li {
  border-top: 1px dashed #ccc;
}

@media screen and (min-width: 768px) {
  .pageStore section > ul > li + li {
    padding-top: 18.5px;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section > ul > li + li {
    padding-top: 3.125vw;
  }
}

@media screen and (min-width: 768px) {
  .pageStore section > ul > li:not(:last-child) {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section > ul > li:not(:last-child) {
    padding-bottom: 3.125vw;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section > ul > li h3 {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .pageStore section > ul ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-self: center;
    width: 100%;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .pageStore section > ul ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}

.pageStore section > ul ul > li {
  margin-right: 2.0em;
  margin-bottom: 0.53125em;
}

@media screen and (max-width: 767px) {
  .pageStore section > ul ul > li {
    margin-right: 1em;
  }
  .pageStore section > ul ul > li:last-of-type {
    margin-right: 0;
  }
}

.areaHead {
  text-align: center;
  padding: 10px;
}

.pageAreaofodawara .catch {
  text-align: center;
  padding-bottom: 10px;
  width: 90%;
  margin: 0 auto;
}

.pageAreaofodawara .introBox {
  text-align: center;
}

.pageAreaofodawara .mainZone .areaTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 400px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mainZone .areaTitle {
    flex-direction: column-reverse;
    min-height: 0;
  }
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mainZone .areaTitle .mainLogo {
    display: none;
    width: 70%;
    margin: 0 auto;
  }
}

.pageAreaofodawara .mainZone .areaTitle .txt {
  text-align: center;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mainZone .areaTitle .txt {
    width: 90%;
    margin: 0 auto;
    padding: 4vw 0;
  }
}

.pageAreaofodawara .mainZone .areaTitle .txt h2 {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 3px;
  color: #fff;
  line-height: 1;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  margin-bottom: .5em;
  padding: .2em .8em;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mainZone .areaTitle .txt h2 {
    font-size: 2rem;
  }
}

.pageAreaofodawara .mainZone .areaTitle .txt h2 span {
  font-size: 5rem;
  color: #ffea3c;
  line-height: 1;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mainZone .areaTitle .txt h2 span {
    font-size: 3rem;
  }
}

.pageAreaofodawara .mainZone .areaTitle .txt p {
  font-size: 2rem;
  color: #FFF;
  padding-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mainZone .areaTitle .txt p {
    padding-bottom: 0;
  }
}

.pageAreaofodawara .mainZone .areaTitle .img {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mainZone .areaTitle .img {
    width: 100%;
  }
}

.pageAreaofodawara .mainZone .areaTitle .img img {
  width: 100%;
}

.pageAreaofodawara .content_in {
  background: #ECECEC;
  padding: 75px 0;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in {
    padding: 5vw 0;
  }
}

.pageAreaofodawara .content_in .shopList {
  display: flex;
  padding-top: 40px;
  width: 94%;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList {
    padding-top: 4vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab {
  width: 24%;
}

@media screen and (max-width: 1024px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab {
    width: 48%;
  }
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab {
    width: 100%;
    margin-bottom: 4vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab dt {
  font-size: 2.2rem;
  font-weight: bold;
  color: #007EA9;
  margin-bottom: 10px;
}

.pageAreaofodawara .content_in .shopList .list_store-tab .img img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .img img {
    height: 50vw;
    width: 100%;
    object-fit: cover;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .txt {
  margin-top: 1em;
  font-size: 1.5rem;
  min-height: 4.3em;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .txt {
    min-height: 0;
    font-size: 1.8rem;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .txt em {
  color: red;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab:nth-child(n+2) {
    margin-left: 20px;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab {
  position: relative;
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab {
    margin-top: 0;
    padding: 4vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab.d_new-icons .name_str {
  position: relative;
  display: flex;
  align-items: center;
}

.pageAreaofodawara .content_in .shopList .list_store-tab.d_new-icons .name_str::after {
  content: "NEW";
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  font-size: 1rem;
  color: #fff;
  background: red;
  width: 40px;
  height: 30px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 34% 100%, 50% 75%, 0% 75%);
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab.d_new-icons .name_str::after {
    width: 10vw;
    height: 7vw;
    margin-left: 3vw;
    padding-bottom: 2vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w {
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w {
    padding: 0;
    background: none;
  }
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w.show_ct {
    display: block;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but {
    margin-top: 4vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but a {
  display: flex;
  width: 48%;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but a {
    padding: 2vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but a::before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but a::before {
    width: 1.5vw;
    height: 1.5vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but a:nth-child(1) {
  background-color: #404040;
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but a:nth-child(2) {
  background-color: #0097B0;
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .b_and_im .but a:hover {
  opacity: .8;
  transition: 0.3s;
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in {
  width: 62%;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in {
    width: 100%;
    margin-top: 5vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl {
  display: flex;
  border-top: 1px dotted #CCCCCC;
  padding: 12px 0;
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl {
    display: block;
    padding: 2vw 0;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl dt {
  width: 25%;
  color: #007EA9;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl dt {
    width: 100%;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl dd {
  display: block;
  width: 75%;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl dd {
    width: 100%;
    margin-top: 1vw;
  }
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl dd em {
  color: red;
  font-weight: bold;
}

.pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl:nth-child(1) {
  border-top: 2px solid #007EA9;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .shopList .list_store-tab .box_in_w .in dl:nth-child(1) {
    border-top: none;
  }
}

.pageAreaofodawara .content_in .inner {
  margin: 0 auto;
}

.pageAreaofodawara .content_in .inner h2.tit {
  font-size: 4.5rem;
  font-weight: bold;
  text-align: center;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .inner h2.tit {
    font-size: 3rem;
    line-height: 1.7;
  }
}

.pageAreaofodawara .content_in .inner h2.tit span {
  display: block;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .inner h2.tit span {
    font-size: 1.8rem;
  }
}

.pageAreaofodawara .content_in .inner .next_ttl {
  font-size: 2.4rem;
  line-height: 1.7;
  text-align: center;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .inner .next_ttl {
    font-size: 1.4rem;
    margin-top: 3vw;
  }
}

.pageAreaofodawara .content_in .inner .ttl2 {
  margin-top: 30px;
  color: #006fa4;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .inner .ttl2 {
    margin-top: 3vw;
    margin-bottom: 0;
  }
}

.pageAreaofodawara .content_in .inner .ttl2.vid_tit {
  font-size: 3.4rem;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .content_in .inner .ttl2.vid_tit {
    font-size: 3rem;
    margin-bottom: 3vw;
  }
}

.pageAreaofodawara .mapZone div {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: 600px;
  margin-bottom: -6px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mapZone div {
    height: 90vw;
  }
}

.pageAreaofodawara .mapZone div iframe.custom-google-map {
  width: 100%;
  height: 660px;
  position: relative;
  top: -60px;
  border: none;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .mapZone div iframe.custom-google-map {
    top: -15vw;
    height: 105vw;
  }
}

.pageAreaofodawara .d_three dl + dl {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .d_three dl + dl {
    margin-top: 5vw;
  }
}

.pageAreaofodawara .informationZone h2 {
  padding: 80px 0 1em 0;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .informationZone h2 {
    padding: 1em;
  }
}

.pageAreaofodawara .d_ses {
  background: #232323;
}

.pageAreaofodawara .d_ses .u-enTxt {
  color: rgba(255, 255, 255, 0.1);
  top: 20px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .d_ses .u-enTxt {
    top: 2vw;
  }
}

.pageAreaofodawara .d_ses .u-inner {
  max-width: 1000px;
}

.pageAreaofodawara .d_ses .u-inner h2 {
  font-size: 5.4rem;
  color: #fff;
  text-align: right;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .d_ses .u-inner h2 {
    font-size: 3rem;
    margin-top: 6vw;
  }
}

.pageAreaofodawara .d_ses .u-inner .fl_ss {
  display: flex;
  color: #fff;
  justify-content: space-between;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .d_ses .u-inner .fl_ss {
    display: block;
    margin-top: 8vw;
  }
}

.pageAreaofodawara .d_ses .u-inner .fl_ss li {
  width: 45.5%;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .d_ses .u-inner .fl_ss li {
    width: 100%;
  }
}

.pageAreaofodawara .d_ses .u-inner .fl_ss li .cap {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin: 25px 0 20px 0;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .d_ses .u-inner .fl_ss li .cap {
    margin: 4vw 0 2vw 0;
  }
}

.pageAreaofodawara .d_ses .u-inner .fl_ss li p {
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .pageAreaofodawara .d_ses .u-inner .fl_ss li + li {
    margin-top: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

/*-- Width --*/
.WAuto {
  width: auto !important;
}

/*-- Margin --*/
.M0 {
  margin: 0 !important;
}

.MA {
  margin: auto !important;
}

.MTA {
  margin-top: auto !important;
}

.MRA {
  margin-right: auto !important;
}

.MBA {
  margin-bottom: auto !important;
}

.MLA {
  margin-left: auto !important;
}

/*-- Padding --*/
.P0 {
  padding: 0 !important;
}

.PA {
  padding: auto !important;
}

.PTA {
  padding-top: auto !important;
}

.PRA {
  padding-right: auto !important;
}

.PBA {
  padding-bottom: auto !important;
}

.PLA {
  padding-left: auto !important;
}

/*-- Font --*/
.ffNS {
  font-family: "Noto Sans Japanese";
}

.fz6 {
  font-size: 6px;
}

.fz6R {
  font-size: 0.6rem;
}

.fz7 {
  font-size: 7px;
}

.fz7R {
  font-size: 0.7rem;
}

.fz8 {
  font-size: 8px;
}

.fz8R {
  font-size: 0.8rem;
}

.fz9 {
  font-size: 9px;
}

.fz9R {
  font-size: 0.9rem;
}

.fz10 {
  font-size: 10px;
}

.fz10R {
  font-size: 1rem;
}

.fz11 {
  font-size: 11px;
}

.fz11R {
  font-size: 1.1rem;
}

.fz12 {
  font-size: 12px;
}

.fz12R {
  font-size: 1.2rem;
}

.fz13 {
  font-size: 13px;
}

.fz13R {
  font-size: 1.3rem;
}

.fz14 {
  font-size: 14px;
}

.fz14R {
  font-size: 1.4rem;
}

.fz15 {
  font-size: 15px;
}

.fz15R {
  font-size: 1.5rem;
}

.fz16 {
  font-size: 16px;
}

.fz16R {
  font-size: 1.6rem;
}

.fz17 {
  font-size: 17px;
}

.fz17R {
  font-size: 1.7rem;
}

.fz18 {
  font-size: 18px;
}

.fz18R {
  font-size: 1.8rem;
}

.fz19 {
  font-size: 19px;
}

.fz19R {
  font-size: 1.9rem;
}

.fz20 {
  font-size: 20px;
}

.fz20R {
  font-size: 2rem;
}

.fz21 {
  font-size: 21px;
}

.fz21R {
  font-size: 2.1rem;
}

.fz22 {
  font-size: 22px;
}

.fz22R {
  font-size: 2.2rem;
}

.fz23 {
  font-size: 23px;
}

.fz23R {
  font-size: 2.3rem;
}

.fz24 {
  font-size: 24px;
}

.fz24R {
  font-size: 2.4rem;
}

.fz25 {
  font-size: 25px;
}

.fz25R {
  font-size: 2.5rem;
}

.fz26 {
  font-size: 26px;
}

.fz26R {
  font-size: 2.6rem;
}

.fz27 {
  font-size: 27px;
}

.fz27R {
  font-size: 2.7rem;
}

.fz28 {
  font-size: 28px;
}

.fz28R {
  font-size: 2.8rem;
}

.fz29 {
  font-size: 29px;
}

.fz29R {
  font-size: 2.9rem;
}

.fz30 {
  font-size: 30px;
}

.fz30R {
  font-size: 3rem;
}

.fz31 {
  font-size: 31px;
}

.fz31R {
  font-size: 3.1rem;
}

.fz32 {
  font-size: 32px;
}

.fz32R {
  font-size: 3.2rem;
}

.fz33 {
  font-size: 33px;
}

.fz33R {
  font-size: 3.3rem;
}

.fz34 {
  font-size: 34px;
}

.fz34R {
  font-size: 3.4rem;
}

.fz35 {
  font-size: 35px;
}

.fz35R {
  font-size: 3.5rem;
}

.fz36 {
  font-size: 36px;
}

.fz36R {
  font-size: 3.6rem;
}

.fz37 {
  font-size: 37px;
}

.fz37R {
  font-size: 3.7rem;
}

.fz38 {
  font-size: 38px;
}

.fz38R {
  font-size: 3.8rem;
}

.fz39 {
  font-size: 39px;
}

.fz39R {
  font-size: 3.9rem;
}

.fz40 {
  font-size: 40px;
}

.fz40R {
  font-size: 4rem;
}

.fz41 {
  font-size: 41px;
}

.fz41R {
  font-size: 4.1rem;
}

.fz42 {
  font-size: 42px;
}

.fz42R {
  font-size: 4.2rem;
}

.fz43 {
  font-size: 43px;
}

.fz43R {
  font-size: 4.3rem;
}

.fz44 {
  font-size: 44px;
}

.fz44R {
  font-size: 4.4rem;
}

.fz45 {
  font-size: 45px;
}

.fz45R {
  font-size: 4.5rem;
}

.fz46 {
  font-size: 46px;
}

.fz46R {
  font-size: 4.6rem;
}

.fz47 {
  font-size: 47px;
}

.fz47R {
  font-size: 4.7rem;
}

.fz48 {
  font-size: 48px;
}

.fz48R {
  font-size: 4.8rem;
}

.fz49 {
  font-size: 49px;
}

.fz49R {
  font-size: 4.9rem;
}

.fz50 {
  font-size: 50px;
}

.fz50R {
  font-size: 5rem;
}

.fwB {
  font-weight: bold !important;
}

.fwN {
  font-weight: normal !important;
}

.lh8 {
  line-height: 0.8 !important;
}

.lh9 {
  line-height: 0.9 !important;
}

.lh10 {
  line-height: 1 !important;
}

.lh11 {
  line-height: 1.1 !important;
}

.lh12 {
  line-height: 1.2 !important;
}

.lh13 {
  line-height: 1.3 !important;
}

.lh14 {
  line-height: 1.4 !important;
}

.lh15 {
  line-height: 1.5 !important;
}

.lh16 {
  line-height: 1.6 !important;
}

.lh17 {
  line-height: 1.7 !important;
}

.lh18 {
  line-height: 1.8 !important;
}

.lh19 {
  line-height: 1.9 !important;
}

.lh20 {
  line-height: 2 !important;
}

.lh21 {
  line-height: 2.1 !important;
}

.lh22 {
  line-height: 2.2 !important;
}

.lh23 {
  line-height: 2.3 !important;
}

.lh24 {
  line-height: 2.4 !important;
}

.lh25 {
  line-height: 2.5 !important;
}

.lh26 {
  line-height: 2.6 !important;
}

.lh27 {
  line-height: 2.7 !important;
}

.lh28 {
  line-height: 2.8 !important;
}

.lh29 {
  line-height: 2.9 !important;
}

.lh30 {
  line-height: 3 !important;
}

/*-- Etc --*/
.disI {
  display: inline !important;
}

.disB {
  display: block !important;
}

.disIB {
  display: inline-block !important;
}

.disT {
  display: table !important;
}

.disTC {
  display: table-cell !important;
}

.disN {
  display: none !important;
}

.disF {
  display: flex !important;
}

.jcFS {
  justify-content: flex-start !important;
}

.jcFE {
  justify-content: flex-end !important;
}

.jcC {
  justify-content: center !important;
}

.jcSB {
  justify-content: space-between !important;
}

.jcSA {
  justify-content: space-around !important;
}

.aiFS {
  align-items: flex-start !important;
}

.aiFE {
  align-items: flex-end !important;
}

.aiC {
  align-items: center !important;
}

.aiS {
  align-items: stretch !important;
}

.aiB {
  align-items: baseline !important;
}

.taL {
  text-align: left !important;
}

.taR {
  text-align: right !important;
}

.taC {
  text-align: center !important;
}

.vaT {
  vertical-align: top !important;
}

.vaM {
  vertical-align: middle !important;
}

.vaB {
  vertical-align: bottom !important;
}

.vaTB {
  vertical-align: text-bottom !important;
}

.fltL {
  float: left !important;
}

.fltR {
  float: right !important;
}

.fltN {
  float: none !important;
}

.posS {
  position: static !important;
}

.posR {
  position: relative !important;
}

.posA {
  position: absolute !important;
}

.posF {
  position: fixed !important;
}

.brWord {
  word-wrap: break-word;
}

.waNw {
  white-space: nowrap;
}

.printDown {
  display: none;
}

.printBreak {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  /*-- Width --*/
  .spWAuto {
    width: auto !important;
  }
  /*-- Margin --*/
  .spM0 {
    margin: 0 !important;
  }
  .spMA {
    margin: auto !important;
  }
  .spMTA {
    margin-top: auto !important;
  }
  .spMRA {
    margin-right: auto !important;
  }
  .spMBA {
    margin-bottom: auto !important;
  }
  .spMLA {
    margin-left: auto !important;
  }
  /*-- Padding --*/
  .spP0 {
    padding: 0 !important;
  }
  .spPA {
    padding: auto !important;
  }
  .spPTA {
    padding-top: auto !important;
  }
  .spPRA {
    padding-right: auto !important;
  }
  .spPBA {
    padding-bottom: auto !important;
  }
  .spPLA {
    padding-left: auto !important;
  }
  /*-- Font --*/
  .spFz6 {
    font-size: 6px;
  }
  .spFz6R {
    font-size: 0.6rem;
  }
  .spFz7 {
    font-size: 7px;
  }
  .spFz7R {
    font-size: 0.7rem;
  }
  .spFz8 {
    font-size: 8px;
  }
  .spFz8R {
    font-size: 0.8rem;
  }
  .spFz9 {
    font-size: 9px;
  }
  .spFz9R {
    font-size: 0.9rem;
  }
  .spFz10 {
    font-size: 10px;
  }
  .spFz10R {
    font-size: 1rem;
  }
  .spFz11 {
    font-size: 11px;
  }
  .spFz11R {
    font-size: 1.1rem;
  }
  .spFz12 {
    font-size: 12px;
  }
  .spFz12R {
    font-size: 1.2rem;
  }
  .spFz13 {
    font-size: 13px;
  }
  .spFz13R {
    font-size: 1.3rem;
  }
  .spFz14 {
    font-size: 14px;
  }
  .spFz14R {
    font-size: 1.4rem;
  }
  .spFz15 {
    font-size: 15px;
  }
  .spFz15R {
    font-size: 1.5rem;
  }
  .spFz16 {
    font-size: 16px;
  }
  .spFz16R {
    font-size: 1.6rem;
  }
  .spFz17 {
    font-size: 17px;
  }
  .spFz17R {
    font-size: 1.7rem;
  }
  .spFz18 {
    font-size: 18px;
  }
  .spFz18R {
    font-size: 1.8rem;
  }
  .spFz19 {
    font-size: 19px;
  }
  .spFz19R {
    font-size: 1.9rem;
  }
  .spFz20 {
    font-size: 20px;
  }
  .spFz20R {
    font-size: 2rem;
  }
  .spFz21 {
    font-size: 21px;
  }
  .spFz21R {
    font-size: 2.1rem;
  }
  .spFz22 {
    font-size: 22px;
  }
  .spFz22R {
    font-size: 2.2rem;
  }
  .spFz23 {
    font-size: 23px;
  }
  .spFz23R {
    font-size: 2.3rem;
  }
  .spFz24 {
    font-size: 24px;
  }
  .spFz24R {
    font-size: 2.4rem;
  }
  .spFz25 {
    font-size: 25px;
  }
  .spFz25R {
    font-size: 2.5rem;
  }
  .spFz26 {
    font-size: 26px;
  }
  .spFz26R {
    font-size: 2.6rem;
  }
  .spFz27 {
    font-size: 27px;
  }
  .spFz27R {
    font-size: 2.7rem;
  }
  .spFz28 {
    font-size: 28px;
  }
  .spFz28R {
    font-size: 2.8rem;
  }
  .spFz29 {
    font-size: 29px;
  }
  .spFz29R {
    font-size: 2.9rem;
  }
  .spFz30 {
    font-size: 30px;
  }
  .spFz30R {
    font-size: 3rem;
  }
  .spFz31 {
    font-size: 31px;
  }
  .spFz31R {
    font-size: 3.1rem;
  }
  .spFz32 {
    font-size: 32px;
  }
  .spFz32R {
    font-size: 3.2rem;
  }
  .spFz33 {
    font-size: 33px;
  }
  .spFz33R {
    font-size: 3.3rem;
  }
  .spFz34 {
    font-size: 34px;
  }
  .spFz34R {
    font-size: 3.4rem;
  }
  .spFz35 {
    font-size: 35px;
  }
  .spFz35R {
    font-size: 3.5rem;
  }
  .spFz36 {
    font-size: 36px;
  }
  .spFz36R {
    font-size: 3.6rem;
  }
  .spFz37 {
    font-size: 37px;
  }
  .spFz37R {
    font-size: 3.7rem;
  }
  .spFz38 {
    font-size: 38px;
  }
  .spFz38R {
    font-size: 3.8rem;
  }
  .spFz39 {
    font-size: 39px;
  }
  .spFz39R {
    font-size: 3.9rem;
  }
  .spFz40 {
    font-size: 40px;
  }
  .spFz40R {
    font-size: 4rem;
  }
  .spFz41 {
    font-size: 41px;
  }
  .spFz41R {
    font-size: 4.1rem;
  }
  .spFz42 {
    font-size: 42px;
  }
  .spFz42R {
    font-size: 4.2rem;
  }
  .spFz43 {
    font-size: 43px;
  }
  .spFz43R {
    font-size: 4.3rem;
  }
  .spFz44 {
    font-size: 44px;
  }
  .spFz44R {
    font-size: 4.4rem;
  }
  .spFz45 {
    font-size: 45px;
  }
  .spFz45R {
    font-size: 4.5rem;
  }
  .spFz46 {
    font-size: 46px;
  }
  .spFz46R {
    font-size: 4.6rem;
  }
  .spFz47 {
    font-size: 47px;
  }
  .spFz47R {
    font-size: 4.7rem;
  }
  .spFz48 {
    font-size: 48px;
  }
  .spFz48R {
    font-size: 4.8rem;
  }
  .spFz49 {
    font-size: 49px;
  }
  .spFz49R {
    font-size: 4.9rem;
  }
  .spFz50 {
    font-size: 50px;
  }
  .spFz50R {
    font-size: 5rem;
  }
  .spFwB {
    font-weight: bold !important;
  }
  .spFwN {
    font-weight: normal !important;
  }
  .spLh8 {
    line-height: 0.8 !important;
  }
  .spLh9 {
    line-height: 0.9 !important;
  }
  .spLh10 {
    line-height: 1 !important;
  }
  .spLh11 {
    line-height: 1.1 !important;
  }
  .spLh12 {
    line-height: 1.2 !important;
  }
  .spLh13 {
    line-height: 1.3 !important;
  }
  .spLh14 {
    line-height: 1.4 !important;
  }
  .spLh15 {
    line-height: 1.5 !important;
  }
  .spLh16 {
    line-height: 1.6 !important;
  }
  .spLh17 {
    line-height: 1.7 !important;
  }
  .spLh18 {
    line-height: 1.8 !important;
  }
  .spLh19 {
    line-height: 1.9 !important;
  }
  .spLh20 {
    line-height: 2 !important;
  }
  .spLh21 {
    line-height: 2.1 !important;
  }
  .spLh22 {
    line-height: 2.2 !important;
  }
  .spLh23 {
    line-height: 2.3 !important;
  }
  .spLh24 {
    line-height: 2.4 !important;
  }
  .spLh25 {
    line-height: 2.5 !important;
  }
  .spLh26 {
    line-height: 2.6 !important;
  }
  .spLh27 {
    line-height: 2.7 !important;
  }
  .spLh28 {
    line-height: 2.8 !important;
  }
  .spLh29 {
    line-height: 2.9 !important;
  }
  .spLh30 {
    line-height: 3 !important;
  }
  /*-- Etc --*/
  .spDisI {
    display: inline !important;
  }
  .spDisB {
    display: block !important;
  }
  .spDisIB {
    display: inline-block !important;
  }
  .spDisT {
    display: table !important;
  }
  .spDisTC {
    display: table-cell !important;
  }
  .spDisN {
    display: none !important;
  }
  .spDisF {
    display: flex !important;
  }
  .spJcFS {
    justify-content: flex-start !important;
  }
  .spJcFE {
    justify-content: flex-end !important;
  }
  .spJcC {
    justify-content: center !important;
  }
  .spJcSB {
    justify-content: space-between !important;
  }
  .spJcSA {
    justify-content: space-around !important;
  }
  .spAiFS {
    align-items: flex-start;
  }
  .spAiFE {
    align-items: flex-end !important;
  }
  .spAiC {
    align-items: center !important;
  }
  .spAiS {
    align-items: stretch !important;
  }
  .spAiB {
    align-items: baseline !important;
  }
  .spTaL {
    text-align: left !important;
  }
  .spTaR {
    text-align: right !important;
  }
  .spTaC {
    text-align: center !important;
  }
  .spVaT {
    vertical-align: top !important;
  }
  .spVaM {
    vertical-align: middle !important;
  }
  .spVaB {
    vertical-align: bottom !important;
  }
  .spVaTB {
    vertical-align: text-bottom !important;
  }
  .spFltL {
    float: left !important;
  }
  .spFltR {
    float: right !important;
  }
  .spFltN {
    float: none !important;
  }
  .spPosS {
    position: static !important;
  }
  .spPosR {
    position: relative !important;
  }
  .spPosA {
    position: absolute !important;
  }
  .spPosF {
    position: fixed !important;
  }
}

.box3d {
  text-align: center;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .box3d iframe {
    width: 100%;
  }
}

.linkTxt {
  text-decoration: underline;
  color: #0094af;
}

.pageTop .mediaZone .list li:nth-child(n + 4) {
  display: none;
}

.shopMov {
  max-width: 1000px;
  margin: 0 auto;
  width: 90%;
}

.shopMov iframe {
  width: 100%;
  height: 562px;
}

@media screen and (max-width: 767px) {
  .shopMov iframe {
    height: 60vw;
  }
}

.toHome {
  background-color: #007ca8;
  font-size: 2rem;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toHome a {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 2em 1em;
}

.toHome a::before {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  margin-right: .5em;
  transform: rotate(45deg);
  border-left: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}

.mt10 {
  margin-top: 10px;
}

.fwB {
  font-weight: bold;
}

.di_blue {
  color: #0094af;
}

.one_more {
  text-align: center;
}

.one_more p {
  margin: 50px 0;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .one_more p {
    margin: 5vw 0;
  }
}

.d_more {
  display: block;
  font-size: 1.6rem;
  margin-top: 10px;
  color: red;
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .d_more {
    font-size: 1.4rem;
    margin-top: 3vw;
  }
}

/*# sourceMappingURL=srcmap/style.css.map */