@charset "UTF-8";
/* ================================================================

    共通

================================================================ */
.base-bg {
  background-color: #d8f0f6;
  color: #333333;
}

.base-bg-2 {
  background-color: #e4efe2;
  color: #333333;
}

.txt-color {
  color: #333333;
}

.btn-color {
  background-color: #f7ee4d;
  color: #333;
}

.main-color {
  background-color: #00afdd;
  color: #fff;
}

.tile-color {
  background-color: #00afdd;
  color: #ffffff;
}

.map-btn-color {
  background-color: #f5f5f5;
}

.circle-color {
  background-color: #00afdd;
  color: #ffffff;
}

.circle-color2 {
  background-color: #fff;
  color: #333;
}

.flow-main-color {
  background-color: #70b173;
  color: #fff;
}
.flow-main-color::after {
  border-color: transparent transparent transparent #70b173 !important;
}

.flow-sub-color {
  background-color: #f4f2e8;
  color: #333333;
}
.flow-sub-color::after {
  border-color: transparent transparent transparent #f4f2e8 !important;
}

body {
  background-color: #fff;
}

img[src$=".svg"] {
  width: 100%;
}

/* type
---------------------- */
.fnt-garamond {
  font-family: "EB Garamond", serif;
}

/* tategaki
---------------------- */
.u-vertical {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
}

/* icn-circle
---------------------- */
.icn-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* tablet-pc */
@media (min-width: 768px) {
  .icn-circle {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* icn-next
---------------------- */
.icn-next {
  display: inline-block;
  /*    padding: 10px;*/
  margin-left: 10px;
  width: 25px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2098.36%2016.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220%2016.37%2097.04%2016.37%2079%200.37%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 25px 13px;
  background-repeat: no-repeat;
}

/* icn-play
---------------------- */
.icn-play:before, .icn-play:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 100;
}
.icn-play:before {
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  /*border:2px solid #f2372d;*/
}
.icn-play:after {
  width: 0;
  height: 0;
  border: solid transparent;
  border-left-color: #333;
  border-width: 8px 12px;
  margin-left: 8px;
}
.icn-play:hover {
  cursor: pointer;
}
.icn-play:hover:before {
  background: #333;
}
.icn-play:hover:after {
  border-left-color: #fff;
}

@media (min-width: 481px) {
  .icn-play:before {
    width: 6em;
    height: 6em;
  }
  .icn-play:after {
    border-width: 16px 24px;
    margin-left: 16px;
  }
}
/* font-color
---------------------- */
em, strong {
  color: #ba0028;
}

/* bg-color
---------------------- */
.bg-beige {
  background-color: #f4f1e7;
}

.bg-white {
  background-color: #fff;
}

.bg-yellow {
  background-color: #f9e943;
}

.bg-darkbrown {
  background-color: #008fb7;
  color: #fff;
}

.bg-darkGray {
  background-color: #707070;
  color: #fff;
}

.bg-wine {
  background-color: #f2372d;
  color: #fff;
}

.bg-summer-blue {
  background-color: #008fb7;
  color: #fff;
}

.bg-orange {
  background-color: #ff5012;
  color: #fff;
}

.bg-shuiro {
  background-color: #f2372d;
}

.bg-black {
  background-color: #1c1c1c;
  color: #fff;
}

.bg-pink {
  background-color: #e5f6fb;
  color: #fff;
}

.bg-lightBlue {
  background-color: #ffffff;
  color: #333333;
}

.bg-ojgGrade {
  background: #f3973b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#f3973b), to(#f16c67));
  background: linear-gradient(to right, #f3973b 0%, #f16c67 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f3973b", endColorstr="#f16c67",GradientType=1 );
  /* IE6-9 */
  color: #fff;
}

.bg-navy {
  background-color: #373c47;
  color: #fff;
}

.bg-yeGrade {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdce2a+0,ec684e+100 */
  background: #fdce2a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#fdce2a), to(#ec684e));
  background: linear-gradient(to right, #fdce2a 0%, #ec684e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdce2a", endColorstr="#ec684e",GradientType=1 );
  /* IE6-9 */
  color: #333;
}

.bg-afOrange:after {
  border-color: transparent transparent transparent #00afdd !important;
}

.bg-nightBlue {
  background-color: #00afdd;
}

.bg-co-white {
  color: #fff !important;
}
.bg-co-white:after {
  background: #fff !important;
}

.bg-ptn {
  background-image: url(https://www.heim-k.com/reuse_common/191102reheimcmp/assets/images/sec-performance/bg-ptn.gif);
  background-repeat: repeat;
}

.geometry {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9000;
  max-height: 750px;
}

.geometry-2 {
  position: absolute;
  top: 0;
  left: 0;
}

.geometry-3 {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {
  .geometry {
    width: 100%;
  }
}
/* bg-img
---------------------- */
.bg-img_onpu {
  background-image: url(../images/back-onpu.png);
  background-repeat: no-repeat;
  background-position: right top;
}

.pd-200 {
  padding: 2em 0;
}

.mg-0 {
  margin-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.po-re {
  position: relative;
}

/* stripe
---------------------- */
.bgPattern-stripe {
  background-size: 40px 40px;
  background-image: linear-gradient(135deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent);
  background-repeat: repeat;
}

/* note
---------------------- */
.note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 80%;
}
.note > li {
  padding-left: 1em;
  text-indent: -1em;
  margin-right: 1em;
}

/* dummy
---------------------- */
.dummy {
  opacity: 0;
}

/* ================================
animation
================================ */
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
}
@keyframes slideLeft {
  0% {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
  100% {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
}
@-webkit-keyframes slideZoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes slideZoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes slideZoomOut {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes slideZoomOut {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@keyframes slideIn {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@-webkit-keyframes slideOut {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(-200%, 0);
    transform: translate(-200%, 0);
  }
}
@keyframes slideOut {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(-200%, 0);
    transform: translate(-200%, 0);
  }
}
@-webkit-keyframes slideInTop {
  0% {
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@keyframes slideInTop {
  0% {
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@-webkit-keyframes slideOutTop {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
}
@keyframes slideOutTop {
  0% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  100% {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
}
/* ================================
	セクションタイトル
    sectiontitle
================================ */
.sectiontitle {
  margin-bottom: 2em;
  line-height: 1.4;
  position: relative;
}

.typo-eyebrow {
  display: block;
  margin-bottom: 0.8em;
  font-size: 70%;
  font-style: italic;
  position: relative;
}
.typo-eyebrow:after {
  display: inline-block;
  content: "";
  margin-left: 5px;
  width: 4em;
  height: 1px;
  background: #3e220f;
  vertical-align: 0.3em;
}

.typo-headline {
  font-size: 24px;
  font-size: 2.4rem;
}
.typo-headline.is-large {
  font-size: 30px;
  font-size: 3rem;
}

/* tablet-pc */
@media (min-width: 768px) {
  .typo-headline {
    font-size: 30px;
    font-size: 3rem;
  }
  .typo-headline.is-large {
    font-size: 40px;
    font-size: 4rem;
  }
}
/* ================================
	lazyload
================================ */
.animation {
  opacity: 0;
}
.animation.is-in {
  opacity: 1;
  position: relative;
  overflow: hidden;
  -webkit-animation: showIn 100ms;
          animation: showIn 100ms;
}
.animation.is-in::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #d8f0f6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: slideOut 800ms linear forwards;
          animation: slideOut 800ms linear forwards;
}

@-webkit-keyframes showIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
/* ================================================================

    globalHeader

================================================================ */
.globalHeader > .inner {
  position: relative;
  padding: 0;
}

/* logo-sekisui
---------------------- */
.logo-sekisui {
  max-width: 320px;
  display: block;
  padding: 1em 1em;
  width: 50%;
}

/* tablet-pc */
@media (min-width: 768px) {
  .logo-sekisui {
    padding: 1em 1em 0.8em 0;
    margin-left: 5%;
  }
}
/* ================================
mainVisual
================================ */
.mainVisual {
  position: relative;
}

/* mainVisual__visual
---------------------- */
.mainVisual__cat {
  position: absolute;
  top: -1em;
  right: 0;
  z-index: 100;
}
.mainVisual__cat img {
  max-width: 384px;
}

@media (max-width: 767px) {
  .mainVisual__cat {
    position: absolute;
    left: 0;
    top: -1%;
    z-index: 100;
    text-align: left;
  }
  .mainVisual__cat img {
    width: 36%;
  }
}
.mainVisual__figure {
  height: 60vh;
  padding: 0 1em;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  overflow: hidden;
}
.mainVisual__figure figure {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.mainVisual__figure figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.mainVisual__figure figure img:not(:first-child) {
  display: none;
}

.mainVisual__data {
  width: 70%;
  margin: 0 auto 0.8em;
}
.mainVisual__data .txt-ldk {
  width: 100%;
  margin-bottom: 0.8em;
}

/*
.mainVisual__data .txt-ldk{ max-width: 367px}
.mainVisual__data .txt-price{ max-width: 463px}
*/
/* tablet-pc */
@media (min-width: 768px) {
  .mainVisual__figure {
    margin: 0;
    padding: 0;
    min-height: 700px;
    /*        padding-left: 12%;*/
  }
  .mainVisual__figure figure {
    margin-left: 370px;
  }
  .mainVisual__data {
    margin-left: 0;
  }
}
/* tablet-pc */
@media (min-width: 922px) {
  .mainVisual__figure {
    height: 90vh;
    min-height: 790px;
    max-height: 820px;
    margin-bottom: 0;
    padding: 0;
  }
  .mainVisual__figure figure {
    margin-left: 33em;
    margin-right: 0;
    /*        margin: 0 20px;*/
  }
}
.mainImg .photo01.is-active {
  -webkit-animation: slideLeft 20s;
  animation: slideLeft 20s;
}
.mainImg .photo02.is-active {
  -webkit-animation: slideRight 10s;
  animation: slideRight 16s;
}
.mainImg .photo03.is-active {
  -webkit-animation: slideLeft 10s;
  animation: slideLeft 16s;
}
.mainImg .photo04.is-active {
  -webkit-animation: slideDown 10s;
  animation: slideDown 16s;
}
.mainImg .photo05.is-active {
  -webkit-animation: slideUp 10s;
  animation: slideUp 16s;
}

/* mainVisual__wrapTxt
---------------------- */
.mainVisual__wrapTxt {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /*    margin-top:-14%;*/
}

/* tablet-pc */
@media (min-width: 922px) {
  .mainVisual__wrapTxt {
    margin-top: 0;
    width: 33em;
    text-align: left;
    position: absolute;
    top: 2%;
    left: 5%;
    z-index: 100;
  }
}
/* mainVisual__title
---------------------- */
.mainVisual__title {
  padding: 1.8em;
  position: relative;
  z-index: 100;
  margin-top: -5em;
}
.mainVisual__title h1 {
  padding: 10px 0 20px 0;
  margin-bottom: 0.8em;
  position: relative;
  width: 100%;
}
.mainVisual__title h1 img {
  max-width: 700px;
}
.mainVisual__title .btn-entry {
  width: 100%;
  padding: 1em 1em;
  margin-bottom: 0.4em;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  -webkit-box-shadow: 0.4em 0.4em 1em rgba(0, 0, 0, 0.4);
  box-shadow: 0.4em 0.4em 1em rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

/* tablet-pc */
@media (min-width: 768px) {
  .mainVisual__title {
    padding: 0;
    margin-top: 0;
    width: 28em;
    text-align: left;
    position: absolute;
    top: 2%;
    left: 5%;
  }
  .mainVisual__title h1 {
    padding: 40px 0 40px 0;
    width: 105%;
  }
}
/* tablet-pc */
@media (min-width: 768px) {
  .mainVisual__title .btn-entry {
    width: 70%;
  }
}
/* tablet-pc */
@media (min-width: 922px) {
  .mainVisual__title {
    width: 36em;
    text-align: left;
    position: static;
  }
}
/* mainVisual__about
---------------------- */
.mainVisual__about {
  padding: 1em;
  background: rgb(255, 255, 255);
  padding: 1.5em 2em;
  background: #fff;
  width: 80%;
  margin: 0 auto;
  position: relative;
  top: 0;
  /* margin-top: 2%; */
  -webkit-box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.mainVisual__about .sectiontitle {
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
}
.mainVisual__about .typo-headline {
  font-size: 18px;
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .mainVisual__about {
    padding: 3em 4em;
    top: -2em;
  }
}
.mainVisual__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  text-align: left;
}
.mainVisual__note li small {
  display: block;
  padding-left: 0.7em;
  text-indent: -0.7em;
  line-height: 1.5;
  font-size: 60%;
}

/* tablet-pc */
@media (min-width: 768px) {
  .mainVisual__note {
    width: 70%;
  }
}
/* ================================================================

    globalFooter

================================================================ */
.globalFooter > .inner {
  padding: 0 1.4em 2em;
}

/* ================================
btn-toTop
================================ */
.btn-toTop {
  display: block;
  width: 100px;
  margin: 0 auto 3%;
  padding-top: 3%;
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
  text-align: center;
  position: relative;
}
.btn-toTop::before {
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  border: 2px solid #333;
  border-width: 2px 0 0 2px;
  position: absolute;
  top: 0;
  left: 44%;
  -webkit-transform: rotate(45deg) translate(-50%, 0);
  transform: rotate(45deg) translate(-50%, 0);
}

/* ================================
copyright
================================ */
.copyright {
  position: relative;
  overflow: hidden;
}

.ft_link {
  display: none;
}
.ft_link li a {
  display: block;
  text-align: center;
  padding: 0.5em 0;
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
}
.ft_link li a:hover {
  text-decoration: underline;
}

.ft_logo {
  display: block;
  padding-top: 5px;
  text-align: center;
}

.ft_logo2 {
  display: none;
  position: absolute;
  top: 10px;
  right: 0;
}

@media (min-width: 768px) {
  .ft_logo {
    display: inline-block;
    padding-top: 15px;
    text-align: left;
  }
  .ft_logo2 {
    display: block;
  }
}
/* pc */
@media (min-width: 922px) {
  .ft_link {
    display: block;
    float: right;
    margin-right: 180px;
  }
  .ft_link li {
    float: left;
    display: inline-block;
    margin-left: 1.5em;
    line-height: 40px;
    margin-bottom: 0;
  }
}
/* ================================

btmNav

================================ */
.btmNav {
  width: 100%;
  -webkit-box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.4);
  box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.4);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.btmNav.is-show {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.btmNav > .inner {
  padding: 10px 20px;
}

.btmNav__link {
  display: block;
  padding: 10px;
  border-radius: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  background-repeat: repeat;
}

.btmNav .icn-arrw {
  border-color: #333;
  border-width: 1px 1px 0 0;
  vertical-align: 1px;
}
.btmNav .entry__link--note {
  color: #333;
  font-size: 10px;
  font-size: 1rem;
  margin: 0;
}
.btmNav .icn-outline {
  border-color: #fff;
}

/* tablet-pc */
@media (min-width: 768px) {
  .btmNav {
    width: 30%;
    max-width: 300px;
    bottom: 20px;
    left: auto;
    right: 20px;
    border-radius: 8px;
    -webkit-transform: translate3d(0, 160%, 0);
    transform: translate3d(0, 160%, 0);
  }
  .btmNav > .inner {
    padding: 0;
  }
}
/* ================================================================

    globalNav

================================================================ */
.globalNav {
  display: none;
  width: 100%;
  height: 100%;
  /*background: rgba(255, 255, 255, 0.95);*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: scroll;
}
/* tablet-pc */
@media (min-width: 768px) {
  .globalNav {
    display: block;
    position: static;
  }
  .globalNav > .inner {
    padding: 1em 0 3em;
  }
}
/* navList
---------------------- */
.navList {
  margin-top: 4em;
}
.navList > li {
  width: 100%;
}
.navList a {
  display: block;
  width: 100%;
  padding: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  color: #3e220f;
  text-align: center;
}
.navList a.btn-entry {
  display: block;
  width: 80%;
  margin: 1em auto 2em;
  padding: 0.4em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
}
.navList .entry__link--note {
  margin-top: 0.4em;
  color: #fff;
}

/* tablet-pc */
@media (min-width: 768px) {
  .navList {
    margin-top: 0;
    text-align: center;
  }
  .navList > li {
    display: inline-block;
    width: auto;
    position: relative;
  }
  .navList > li:not(:first-child)::before {
    display: block;
    content: "";
    width: 1px;
    height: 30px;
    background: #3e220f;
    position: absolute;
    top: 50%;
    left: -0.5em;
    -webkit-transform: rotate(20deg) translate(0, -50%);
    transform: rotate(20deg) translate(0, -50%);
  }
  .navList a {
    width: 100%;
    padding: 1em 1em;
    font-size: 12px;
    font-size: 1.2rem;
    color: #3e220f;
  }
}
/* pc */
@media (min-width: 922px) {
  .navList a {
    padding: 1em 1em;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (min-width: 1200px) {
  .navList a {
    padding: 1em 2em;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* ================================================================

    sec-summary

================================================================ */
.sec-summary > .inner {
  position: relative;
  padding: 1.4em 0;
}

/* tablet-pc */
@media (min-width: 768px) {
  .sec-summary > .inner {
    padding-top: 0;
  }
}
/* summary__figure
---------------------- */
/* tablet-pc */
@media (min-width: 922px) {
  .summary__figure {
    padding-right: 30%;
  }
}
/* summary__txt
---------------------- */
@media (min-width: 768px) {
  .txt-kokochi {
    max-width: 400px;
    margin-bottom: 0.5em;
  }
  .ttl-parfait {
    max-width: 166px;
  }
}
@media (max-width: 767px) {
  .txt-kokochi {
    max-width: 400px;
    margin-bottom: 0.5em;
  }
  .ttl-parfait {
    max-width: 166px;
  }
}
.summary__txt {
  width: 93%;
  padding: 1em 1.4em;
  margin: -5% auto 0;
  background: rgb(255, 255, 255);
  position: relative;
}
.summary__txt .sectiontitle {
  margin-bottom: 1em;
}
.summary__txt .typo-headline {
  font-size: 20px;
  font-size: 2rem;
}
.summary__pointList {
  margin-top: 1em;
}
.summary__pointList > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0.5em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  width: 49%;
}
.summary__pointList li:first-child {
  margin-right: 1px;
}

/* tablet-pc */
@media (min-width: 768px) {
  .summary__txt {
    padding: 2em;
  }
  .summary__txt .sectiontitle {
    margin-bottom: 1em;
  }
  .summary__txt .typo-headline {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .summary__pointList > li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* tablet-pc */
@media (min-width: 922px) {
  .summary__txt {
    width: 30em;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -30%);
    transform: translate(0, -30%);
  }
}
/* pc */
@media (min-width: 1200px) {
  .summary__txt {
    width: 40em;
  }
}
/* ================================
    overlay shindanResult
================================ */
.shindanResult .inner {
  height: 100vh;
  padding: 30px 0 60px;
  max-width: 800px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shindanResult .modalContent {
  max-height: 100%;
  padding: 1.4em;
  overflow: scroll;
}
.shindanResult .modalContent > * {
  display: none;
}
.shindanResult .typeA .typeA, .shindanResult .typeB .typeB, .shindanResult .typeC .typeC, .shindanResult .typeD .typeD, .shindanResult .typeE .typeE, .shindanResult .typeF .typeF, .shindanResult .typeOther .typeOther {
  display: block;
}

/* ================================
    otherList
================================ */
.otherList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.otherList > li {
  width: 50%;
}

/* tablet-pc */
@media (min-width: 768px) {
  .otherList > li {
    width: 33.3333333333%;
  }
}
/* ================================================================

    sec-gallery

================================================================ */
.sec-gallery .inner.full, .sec-gallery .pd-reset {
  padding-left: 0;
  padding-right: 0;
}

/* tablet-pc */
@media (min-width: 768px) {
  .sec-gallery .inner.full {
    padding-left: 0;
    padding-right: 0;
  }
}
/* galleryList
---------------------- */
.galleryList {
  max-width: 1200px;
  padding: 0;
  margin-top: 3%;
  margin-left: auto;
  margin-right: auto;
}
.galleryList li {
  border: 1px solid #d8f0f6;
  position: relative;
}
.galleryList a {
  display: block;
  position: relative;
  overflow: hidden;
}
.galleryList a::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  /*border: 1px solid #e5f6fb;*/
  position: absolute;
  top: 0;
  left: 0;
}
.galleryList video {
  width: 100%;
  vertical-align: bottom;
}

/* ================================
youtube
================================ */
.youtube {
  display: block;
  position: relative;
}

/*	overlay
---------------------- */
.overlay {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none;
}

.modal-contents {
  width: 90%;
  max-width: 820px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.wrap-iframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.wrap-iframe iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

/*
a.btn-close{
    display: inline-block;
    margin: 0 auto 0;
    padding: .4em 1.3em .4em;
    border: solid #333;
    border-width: 0 0 1px;
    color: #333;
    font-size: 12px;
    font: 1.2rem;
    line-height: 1;
    text-align: center;
    position: absolute;
    bottom: 3%;
    left: 50%;
    -webkit-transform: translate(-50%,10%);
    transform: translate(-50%,10%);
}
*/
.btn-close {
  display: block;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background: #3e220f;
  color: #fff;
  position: fixed;
  top: 1em;
  right: 1em;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.btn-close > span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*
      top: 9em;
      right: 9em;
  */
}
.btn-close i {
  display: block;
  width: 2em;
  height: 1em;
  margin: 0 auto;
  background: url("https://icongr.am/material/close.svg?size=24&color=ffffff") no-repeat center center;
  background-size: 50%;
}

/* tablet-pc */
@media (min-width: 768px) {
  .btn-close {
    display: block;
    /*
            width: 15em;
            height: 15em;
    */
    border-radius: 50%;
    background: #3e220f;
    color: #fff;
    position: fixed;
    /*
            top: -8em;
            right: -8em;
    */
  }
  .btn-close > span {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    position: absolute;
    /*
            top: 9em;
            right: 9em;
    */
  }
  .btn-close i {
    display: block;
    width: 2em;
    /*        height: 2em;*/
    margin: 0 auto;
    background: url("https://icongr.am/material/close.svg?size=24&color=ffffff") no-repeat center center;
    background-size: 50%;
  }
}
/* ================================
overlay photogallery
================================ */
.overlay.photogallery > .inner {
  max-width: 800px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.photogalleryList {
  width: 100%;
  -webkit-backface-visibility: red;
  backface-visibility: red;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.photogalleryList li {
  position: relative;
}
.photogalleryList figcaption {
  display: block;
  width: 100%;
  padding: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.photogalleryList video {
  width: 100%;
  height: auto;
}
.photogalleryList .slick-prev, .photogalleryList .slick-next {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #333;
  border-radius: 50%;
  background: none;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: -60px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10000;
  outline: none;
}
.photogalleryList .slick-prev:hover {
  background: #fff;
}
.photogalleryList .slick-next {
  left: auto;
  right: -60px;
}
.photogalleryList .slick-next:hover {
  background: #fff;
}
.photogalleryList .slick-prev::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #333;
  border-width: 0 0 1px 1px;
  position: absolute;
  top: 50%;
  left: 36%;
  -webkit-transform: rotate(45deg) translate(-27%, -44%);
  transform: rotate(45deg) translate(-27%, -44%);
}
.photogalleryList .slick-next::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #333;
  border-width: 0 0 1px 1px;
  position: absolute;
  top: 50%;
  left: 36%;
  -webkit-transform: rotate(45deg) translate(-27%, -44%);
  transform: rotate(45deg) translate(-27%, -44%);
  border-width: 1px 1px 0 0;
  left: auto;
  right: 44%;
}
.photogalleryList .slick-prev:hover::after, .photogalleryList .slick-next:hover::after {
  border-color: #333;
}
.photogalleryList .slick-dots {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.photogalleryList .slick-dots button {
  display: none;
}
.photogalleryList .slick-dots li {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 1em 0.4em 0;
  border: none;
  /*    border-radius: 50%;*/
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  background: #ccc;
  cursor: pointer;
}
.photogalleryList .slick-dots li.slick-active {
  background: #f2372d;
}

/* video
---------------------- */
/* slick control
---------------------- */
/* slick-dots
---------------------- */
/* ================================================================

    sec-special

================================================================ */
.sec-special > .inner {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1em;
}
.sec-special .youtube {
  display: block;
  position: relative;
}
.sec-special .youtube img {
  width: 200%;
  position: relative;
  left: -50%;
}

/*.sec-special .typo-eyebrow:after { background-color: #fff;}*/
.sec-gallery .youtube img {
  width: 200%;
  position: relative;
  left: -50%;
}

/* tablet-pc */
@media (min-width: 768px) {
  .sec-special > .inner {
    padding-left: 0;
    padding-right: 0;
  }
  .sec-special .youtube img {
    width: 100%;
    left: 0;
  }
  .sec-gallery .youtube img {
    width: 100%;
    left: 0;
  }
}
/* ================================================================

    sec-basicPlan

================================================================ */
.sec-basicPlan .grid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  width: 100%;
  height: 100%;
  text-align: center;
}

.swiper-button-prev, .swiper-button-next {
  display: block;
  padding: 10px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background-size: 20px 8px;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-next {
  left: auto;
  right: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2098.36%2016.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220%2016.37%2097.04%2016.37%2079%200.37%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2098.36%2016.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220%2016.37%2097.04%2016.37%2079%200.37%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2098.36%2016.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2298.36%2016.37%201.32%2016.37%2019.36%200.37%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* tablet-pc */
@media (min-width: 768px) {
  .swiper-button-prev, .swiper-button-next {
    display: block;
    padding: 10px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-size: 29px 24px;
  }
}
/* basicPlan__txt
---------------------- */
.basicPlan__txt {
  position: relative;
  margin-top: 27%;
  padding: 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.basicPlan__txt .icn-circle {
  position: absolute;
  top: -4.5em;
  left: 6em;
}

.basicPlan__menseki {
  margin-bottom: 1em;
}
.basicPlan__menseki > span {
  font-size: 12px;
  font-size: 1.2rem;
}

/* sp */
@media (min-width: 481px) {
  .basicPlan__txt {
    margin-top: 16%;
  }
}
/* tablet-pc */
@media (min-width: 768px) {
  .basicPlan__txt {
    padding: 0 2em 0 0;
    margin-top: 0;
  }
}
.sec-extraPlan .basicPlan__txt > .inner {
  padding-top: 0;
}

/* tablet-pc */
@media (min-width: 768px) {
  .sec-extraPlan .basicPlan__txt > .inner {
    padding-top: 10%;
  }
}
/* basicPlan__data
---------------------- */
.basicPlan__data .txt-ldk {
  width: 70%;
  max-width: 360px;
  margin-bottom: 1.4em;
  margin-top: 1em;
}
.basicPlan__data .txt-ldk.w-50 {
  width: 50%;
}
.basicPlan__data .txt-price {
  width: 80%;
  max-width: 460px;
}

/* ================================================================

    sec-extraPlan

================================================================ */
.sec-extraPlan + .sec-extraPlan {
  margin-top: 20px;
}

/* .extraPlan__txt
---------------------- */
.extraPlan__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.extraPlan__txt .sectiontitle {
  position: relative;
}
.extraPlan__txt .icn-circle {
  position: absolute;
  top: 10%;
  left: -0.5em;
}

/* tablet-pc */
@media (min-width: 768px) {
  .extraPlan__txt {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
  .extraPlan__txt .sectiontitle {
    position: relative;
  }
}
/* extraPlan__figure
---------------------- */
.extraPlan__figure {
  margin-bottom: 2em;
}
.extraPlan__figure figure {
  padding: 0 0.5em;
}
.extraPlan__figure figcaption {
  margin-top: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
}
.extraPlan__figure figcaption i {
  font-size: 140%;
  padding-right: 0.4em;
}

/* tablet-pc */
@media (min-width: 768px) {
  .extraPlan__figure figure {
    padding: 0 1em;
  }
  .extraPlan__figure figcaption {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/* .tltip
---------------------- */
.wrap-tltip {
  display: block;
}

.tltip {
  display: inline-block;
  padding: 0.3em 0.5em;
  margin-bottom: 0.8em;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}
.tltip::before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border: 1em solid transparent;
  border-left-width: 1em;
  border-left-color: #ffffff;
  position: absolute;
  bottom: -0.8em;
  left: 20%;
  z-index: -1;
}

/* tablet-pc */
@media (min-width: 768px) {
  .tltip {
    padding: 0.3em 1em;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* typo-headline
---------------------- */
.extraPlan__txt .typo-headline {
  font-size: 22px;
  font-size: 2.2rem;
}

/* ================================================================

    sec-shindan

================================================================ */
.sec-shindan .grid {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* shindan__txt
---------------------- */
.shindan__txt .sectiontitle {
  margin-bottom: 1em;
}
.shindan__txt .typo-eyebrow_shindan {
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 30px;
  font-size: 18px;
  font-size: 1.8rem;
}
.shindan__txt .typo-headline_shindan {
  display: block;
  font-size: 30px;
  font-size: 3rem;
}
.shindan__txt p {
  padding: 0 0 2em;
  text-align: justify;
}

/* tablet-pc */
@media (min-width: 768px) {
  .shindan__txt p {
    padding: 0 2em 2em;
    text-align: justify;
  }
  .shindan__txt .typo-eyebrow_shindan {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0.5em;
  }
  .shindan__txt .typo-headline_shindan {
    font-size: 30px;
    font-size: 3rem;
  }
}
/* sp */
@media (min-width: 1200px) {
  .shindan__txt .typo-headline_shindan {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
/* ================================
    shindan__game
================================ */
/* shindan__game
---------------------- */
.shindan__game {
  border: 4px solid #3e220f;
  background: #fff;
}

/* slide
---------------------- */
.slide {
  overflow: hidden;
}

.shndanList {
  position: relative;
}

.shindanList__item {
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 100;
}
.shindanList__item.slideIn {
  -webkit-animation: 0.4s slideIn forwards;
  animation: 0.4s slideIn forwards;
}
.shindanList__item.slideOut {
  -webkit-animation: 0.4s slideOut forwards;
  animation: 0.4s slideOut forwards;
}
.shindanList__item.slideInTop {
  -webkit-animation: 0.4s slideInTop forwards;
  animation: 0.4s slideInTop forwards;
}
.shindanList__item.slideOutTop {
  -webkit-animation: 0.4s slideOutTop forwards;
  animation: 0.4s slideOutTop forwards;
}

/*
.shindanList__item:not(:first-child){
    left:100%;
}
*/
/* btn
---------------------- */
.shindan__control {
  margin: 0 0 0;
  padding: 0 2em 2em;
}
.shindan__control > a:hover {
  opacity: 0.8;
}

.btn-yes, .btn-no, .btn-other, .btn-result, .btn-back {
  display: block;
  padding: 0.4em 0;
  width: 49%;
  background-color: #00adc2;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  float: left;
  -webkit-box-shadow: 0 3px 0 #277d88;
  box-shadow: 0 3px 0 #277d88;
}

.btn-no {
  float: right;
  background-color: #e56567;
  -webkit-box-shadow: 0 3px 0 #9a2224;
  box-shadow: 0 3px 0 #9a2224;
}

.btn-result {
  display: none;
  width: 100%;
  margin-bottom: 0.5em;
  background-color: #008fb7;
  -webkit-box-shadow: 0 3px 0 #88052e;
  box-shadow: 0 3px 0 #88052e;
}

.btn-other, .btn-back {
  display: none;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 20px;
  background-color: #999;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

/* tablet-pc */
@media (min-width: 768px) {
  .btn-yes, .btn-no {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
/* btn
---------------------- */
.btn-shindan {
  display: block;
  width: 100%;
  padding: 1em 2em;
  border: 2px solid #fff;
  text-align: center;
  background: #3e220f;
  color: #fff;
}

/* ================================================================

    sec-performance

================================================================ */
.performanceIitem {
  margin-bottom: 1em;
}

.performanceIitem__figure {
  margin: 0 auto;
  /*    max-width: 190px;*/
  min-height: 190px;
  /*    border-radius: 50%;*/
  overflow: hidden;
}
.performanceIitem__figure > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.performanceIitem__txt {
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.performanceIitem__txt h3 {
  margin-bottom: 0.8em;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}

/* sp */
@media (min-width: 481px) {
  .performanceIitem__figure {
    /*        border-radius: 6px;*/
  }
}
/* tablet-pc */
@media (min-width: 768px) {
  .performanceIitem {
    margin-bottom: 10px;
  }
  .performanceIitem__figure {
    max-width: 100%;
    min-height: 210px;
    border-radius: 0;
  }
  .performanceIitem__txt {
    padding: 2em;
  }
  .performanceIitem__txt h3 {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: left;
  }
}
/* ================================================================

    sec-entry

================================================================ */
.entry__txt h3 {
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}
.entry__txt > p {
  margin: 1em 0 0;
}

/* tablet-pc */
@media (min-width: 768px) {
  .entry__txt h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .entry__txt > p {
    margin: 1em 0 0;
  }
}
/* btn-entry
---------------------- */
.btn-entry {
  display: block;
  padding: 9% 6%;
  background: #f7ee4d;
  border-radius: 6px;
  color: #000;
  -webkit-box-shadow: 1.2em 1.2em 1.2em rgba(0, 0, 0, 0.2);
  box-shadow: 1.2em 1.2em 1.2em rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
}
.btn-entry::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff983;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  border-radius: 50%;
}
.btn-entry span {
  display: block;
  position: relative;
  z-index: 10;
}
.btn-entry:hover::before {
  border-radius: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* tablet-pc */
@media (min-width: 768px) {
  .btn-entry {
    display: inline-block;
    padding: 3em 6em 2em 14em;
    background: #f7ee4d;
    /* IE6-9 */
    border-radius: 6px;
    color: #000;
  }
}
/* entry__link
---------------------- */
.entry__link {
  /*    padding: 0 1em;*/
  padding: 0;
}

/* .entry__link--note
---------------------- */
.entry__link--note {
  margin-top: 1.6em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #00afdd;
}

.txt-kari {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 3em;
}
.txt-kari span {
  font-size: 1.2em;
}

.icn-outline {
  display: inline-block;
  padding: 1em 1em 1em;
  margin-right: 0.4em;
  border: 1px solid #00afdd;
  line-height: 0;
}

.entry__link--note b {
  display: inline-block;
  padding: 0 0.2em;
  font-size: 140%;
}

/* tablet-pc */
@media (min-width: 768px) {
  .entry__link--note {
    font-size: 20px;
    font-size: 2rem;
  }
}
.txt-holiday {
  display: block;
  max-width: 760px;
  margin: 2em auto;
  padding: 2em;
  font-size: 1.4rem;
  background-color: #f4f2e8;
}

/* ================================================================

    sec-present

================================================================ */
.sec-present {
  padding: 2.6em 0;
  margin-top: 6em;
}
.sec-present .ttl {
  max-width: 418px;
  z-index: 1;
  position: relative;
}
.sec-present .present {
  position: absolute;
  left: -10%;
  top: 5%;
  z-index: 0;
}
.sec-present ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-present ul li {
  width: 59%;
}
.sec-present ul li:first-child {
  width: 39%;
}
.sec-present > .inner {
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) {
  .sec-present .pj-img {
    width: 100%;
    max-width: 695px;
  }
}
@media (max-width: 767px) {
  .pd-200 {
    padding: 1em 0;
  }
  .spFs09 {
    font-size: 0.9em;
  }
  .spFs08 {
    font-size: 0.8em;
  }
  .spFs07 {
    font-size: 0.7em;
  }
  .sec-present {
    padding: 1.6em 1em;
    margin-top: 2em;
  }
  .sec-present .present {
    position: absolute;
    left: -10%;
    top: 0;
    z-index: 0;
  }
  .sec-present ul li {
    width: 100%;
    width: 100%;
  }
  .sec-present ul li img {
    width: 100%;
    padding-top: 1em;
  }
  .sec-present ul li:first-child {
    width: 100%;
  }
}
.present__txt {
  padding: 2em 1em;
}
.present__txt .sectiontitle {
  margin-bottom: 0.5em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
}

.present__txt--point {
  margin-bottom: 0.5em;
}
.present__txt--point > .bg-wine {
  display: inline-block;
  padding: 1em 0 1.2em;
  width: 8.4em;
  margin-right: 0.5em;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 0;
}
.present__txt--point > .serif {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.present__txt .note {
  margin-top: 2em;
}

/* tablet-pc */
@media (min-width: 768px) {
  .present__txt {
    padding: 2em 2em;
  }
  .present__txt .sectiontitle {
    font-size: 32px;
    font-size: 3.2rem;
    text-align: left;
  }
  .present__txt--point > .bg-wine {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* ================================================================

    sec-schedule

================================================================ */
/* ================================
    .scheduleList
================================ */
.scheduleList {
  margin-bottom: 1em;
}

.scheduleList__item {
  padding: 1em 0.5em;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: bold;
  position: relative;
}
.scheduleList__item:not(:last-child)::after {
  /*display: inline-block;
  content: "";
  width: 2em;
  height: 2em;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: -3px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  z-index: 0;*/
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 15px;
  /* border-width: 50px 0 50px 86.6px; */
  /* background: #ffffff; */
  position: absolute;
  top: 44%;
  right: -15px;
  /* -webkit-transform: translate(0, -50%) rotate(45deg); */
  /* transform: translate(0, -50%) rotate(45deg); */
  z-index: 0;
}

@media (max-width: 767px) {
  .scheduleList__item:not(:last-child)::after {
    right: -6px;
  }
}
.u-vertical {
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
.u-vertical > sup {
  display: block;
  font-weight: normal;
  font-size: 50%;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.scheduleList___date {
  display: block;
  margin-top: 0.3em;
  line-height: 1.2;
}
.scheduleList___date.is-large {
  font-size: 120%;
}

/* tablet-pc */
@media (min-width: 768px) {
  .scheduleList__item {
    padding: 2em 0.5em;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .scheduleList___date.is-large {
    font-size: 130%;
  }
}
/* ================================================================

    sec-faq

================================================================ */
.sec-faq > .inner {
  max-width: 800px;
}

/* ================================
    faqList
================================ */
.faqList dt, .faqList dd {
  background: #fff;
  padding: 1em;
}
.faqList dt {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-left: 1em;
  margin-bottom: 6px;
  border-left: #3e220f solid 3px;
  border-left-color: #00afdd;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: bold;
  cursor: pointer;
}
.faqList dt > span {
  display: table-cell;
  vertical-align: middle;
}
.faqList dt > span.faqList__head {
  width: 1em;
  font-size: 2em;
  font-style: italic;
  font-weight: normal;
  line-height: 1;
}
.faqList dt > span.faqList__qTxt {
  padding-left: 0.5em;
}
.faqList dd {
  display: none;
  margin-top: 2px;
  padding: 1em;
}
.faqList dd + dt {
  margin-top: 6px;
}

/* tablet-pc */
@media (min-width: 768px) {
  .faqList dd {
    display: none;
    margin-top: 2px;
    padding: 2em;
  }
}
/* ================================
animation
================================ */
@-webkit-keyframes "slideDown" {
  from {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
}
@keyframes "slideDown" {
  from {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
}
@-webkit-keyframes "slideUp" {
  from {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
}
@keyframes "slideUp" {
  from {
    -webkit-transform: scale(1.2) translate3d(0, 30px, 0);
    transform: scale(1.2) translate3d(0, 30px, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(0, -30px, 0);
    transform: scale(1.2) translate3d(0, -30px, 0);
  }
}
@-webkit-keyframes "slideRight" {
  from {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
}
@keyframes "slideRight" {
  from {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
}
@-webkit-keyframes "slideLeft" {
  from {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
}
@keyframes "slideLeft" {
  from {
    -webkit-transform: scale(1.2) translate3d(30px, 0, 0);
    transform: scale(1.2) translate3d(30px, 0, 0);
  }
  to {
    -webkit-transform: scale(1.2) translate3d(-30px, 0, 0);
    transform: scale(1.2) translate3d(-30px, 0, 0);
  }
}
@-webkit-keyframes "slideZoomIn" {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes "slideZoomIn" {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes "slideZoomOut" {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "slideZoomOut" {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}/*# sourceMappingURL=module.css.map */