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

.btn-color2 {
  background-color: #00afdd;
  color: #FFF; }

.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: .4s;
  transition: .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 */
  background: -moz-linear-gradient(left, #f3973b 0%, #f16c67 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f3973b 0%, #f16c67 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
  background: -moz-linear-gradient(left, #fdce2a 0%, #ec684e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fdce2a 0%, #ec684e 100%);
  /* Chrome10-25,Safari5.1-6 */
  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: flex;
  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: .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: .3em; }

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

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

@keyframes showIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes slideOut {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    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 .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: .4s;
  transition: .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 .8em; }
  .mainVisual__data .txt-ldk {
    width: 100%;
    margin-bottom: .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: .4s;
  transition: .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: .8em;
    position: relative;
    width: 100%; }
    .mainVisual__title h1 img {
      max-width: 700px; }
  .mainVisual__title .btn-entry {
    width: 100%;
    padding: 1em 1em;
    margin-bottom: 1.4em;
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    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;
  padding: 1.5em 2em;
  background: #fff;
  width: 80%;
  margin: 0 auto;
  position: relative;
  top: 0;
  /* margin-top: 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: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: left; }
  .mainVisual__note li small {
    display: block;
    padding-left: .7em;
    text-indent: -.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%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: .6s;
  transition: .6s; }
  .btmNav.is-show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .btmNav > .inner {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px; }

.btmNav__link {
  width: 49%;
  -webkit-box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.4);
  box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.4);

  display: block;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
  /*font-size: 1.2rem;*/
  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: 12px;
  /*font-size: 1.0rem;*/
  margin: 0; }
.btmNav a:nth-of-type(2) .entry__link--note {
  color: #FFF; }
.btmNav .icn-outline {
  border-color: #fff; }

/* tablet-pc */
@media (min-width: 768px) {
  .btmNav {
    width: 30%;
    max-width: 330px;
    bottom: 20px;
    left: auto;
    right: 20px;
    border-radius: 8px;
    -webkit-transform: translate3d(0, 160%, 0);
    transform: translate3d(0, 160%, 0); }
    .btmNav > .inner {
	display: flex;
	flex-direction: column;
      padding: 0; }
.btmNav__link {
  width: 100%; }
.btmNav__link:nth-of-type(2) {
  margin-top: 10px;}
}
/* ================================================================

    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: .4em;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: bold;
      color: #000; }
  .navList .entry__link--note {
    margin-top: .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: -.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: white;
  position: relative; }
  .summary__txt .sectiontitle {
    margin-bottom: 1em; }
  .summary__txt .typo-headline {
    font-size: 20px;
    font-size: 2.0rem; }

.summary__pointList {
  margin-top: 1em; }
  .summary__pointList > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em .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: calc(100%/3); } }
/* ================================================================

    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;
  transition: .4s; }
  .btn-close > span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 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 .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: -.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 .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: .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: .3em .5em;
  margin-bottom: .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: -.8em;
    left: 20%;
    z-index: -1; }

/* tablet-pc */
@media (min-width: 768px) {
  .tltip {
    padding: .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: .2em 1em;
  border-radius: 30px;
  font-size: 18px;
  font-size: 1.8rem; }
.shindan__txt .typo-headline_shindan {
  display: block;
  font-size: 30px;
  font-size: 3.0rem; }
.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: .5em; }
  .shindan__txt .typo-headline_shindan {
    font-size: 30px;
    font-size: 3.0rem; } }
/* 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: .4s;
  transition: .4s;
  z-index: 100; }
  .shindanList__item.slideIn {
    -webkit-animation: .4s slideIn forwards;
    animation: .4s slideIn forwards; }
  .shindanList__item.slideOut {
    -webkit-animation: .4s slideOut forwards;
    animation: .4s slideOut forwards; }
  .shindanList__item.slideInTop {
    -webkit-animation: .4s slideInTop forwards;
    animation: .4s slideInTop forwards; }
  .shindanList__item.slideOutTop {
    -webkit-animation: .4s slideOutTop forwards;
    animation: .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: .8; }

.btn-yes, .btn-no, .btn-other, .btn-result, .btn-back {
  display: block;
  padding: .4em 0;
  width: 49%;
  background-color: #00adc2;
  font-size: 20px;
  font-size: 2.0rem;
  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: .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: .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: 2.0rem;
  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: .3s;
    transition: .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.0rem;
  font-weight: bold;
  margin-top: 3em; }
  .txt-kari span {
    font-size: 1.2em; }

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

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

/* tablet-pc */
@media (min-width: 768px) {
  .entry__link--note {
    font-size: 20px;
    font-size: 2.0rem; }
	.txt-kari {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 3em; }
  .txt-kari span {
    font-size: 1.2em; }
}
.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: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    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%; }
      .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: .5em;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
    text-align: center; }

.present__txt--point {
  margin-bottom: .5em; }
  .present__txt--point > .bg-wine {
    display: inline-block;
    padding: 1em 0 1.2em;
    width: 8.4em;
    margin-right: .5em;
    font-size: 10px;
    font-size: 1.0rem;
    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 .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: -.5em;
    right: -.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 .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: .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); } }