@charset "UTF-8";
/*----------------------------------------------------
	font
----------------------------------------------------*/
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: HelveticaLTWXX-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 *
 *
 *
 * © 2020 MyFonts Incn*/
@import url("https://fonts.googleapis.com/earlyaccess/hannari.css");
@font-face {
  font-family: "SignstyleRegular";
  src: url("../font/SignstyleRegular/font.woff2") format("woff2"), url("../font/SignstyleRegular/font.woff") format("woff");
}
@font-face {
  font-family: "TheBillionRegular";
  src: url("../font/TheBillionRegular/font.woff2") format("woff2"), url("../font/TheBillionRegular/font.woff") format("woff");
}
/* はんなり明朝 */
@font-face {
  font-family: "IPAex明朝";
  src: url("https://cdn.leafscape.be/IPAexfont/ipaexm_web.woff2") format("woff2");
}
@font-face {
  font-family: "HannariMincho";
  src: url("https://lore-design.jp/wp/common/font/HannariMincho/font.eot?") format("eot"), url("../font/HannariMincho/font.woff2") format("woff2"), url("../font/HannariMincho/font.woff") format("woff");
}
@font-face {
  font-family: "HannariMinchoOld";
  src: url("https://lore-design.jp/wp/common/font/HannariMinchoOldTate/font.eot?") format("eot"), url("../font/HannariMinchoOldTate/font.woff2") format("woff2"), url("../font/HannariMinchoOldTate/font.woff") format("woff");
}
@font-face {
  font-family: "DFKaiSho";
  src: url("../font/DFKaiSho/P_font.eot") format("eot"), url("../font/DFKaiSho/font.woff2") format("woff2"), url("../font/DFKaiSho/font.woff") format("woff");
}
/*----------------------------------------------------------
 Reset
------------------------------------------------------------*/
body, div, section, article, aside, nav,
h1, h2, h3, h4, h5, h6,
span, time, figure, figcaption,
p, blockquote, pre, address, code,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, button,
table, tbody, thead, tfoot, tr, th, td {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  word-break: break-all;
}

header, main, aside, footer, section {
  display: block;
}

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

ul, ol {
  list-style: none;
}

img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

input,
select {
  vertical-align: middle;
}

em {
  font-style: normal;
}

button {
  background: none;
  border: none;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*----------------------------------------------------
	setting
----------------------------------------------------*/
/*
  mixin
*/
/*----------------------------------------------------
	animation
----------------------------------------------------*/
@keyframes hoverBorder {
  0% {
    transform: scale(1, 1);
    transform-origin: right top;
  }
  50% {
    transform: scale(0, 1);
    transform-origin: right top;
  }
  70% {
    transform: scale(0, 1);
    transform-origin: left top;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}
@keyframes twincle {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.-isFadeIn, .-isFadeInDelay, .-isFadeInDelayGroup > * {
  opacity: 0;
}
.-isFadeIn.-isAnimated, .-isAnimated.-isFadeInDelay, .-isFadeInDelayGroup > .-isAnimated {
  animation: fadein .8s ease forwards;
}

.-isFadeInDelay:nth-of-type(1) {
  transition-delay: 0.4s;
}
.-isFadeInDelay:nth-of-type(2) {
  transition-delay: 0.8s;
}
.-isFadeInDelay:nth-of-type(3) {
  transition-delay: 1.2s;
}
.-isFadeInDelay:nth-of-type(4) {
  transition-delay: 1.6s;
}
.-isFadeInDelay:nth-of-type(5) {
  transition-delay: 2.0s;
}
.-isFadeInDelay:nth-of-type(6) {
  transition-delay: 2.4s;
}
.-isFadeInDelay.-isAnimated {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.-isFadeInDelayGroup > *:nth-of-type(1) {
  transition-delay: 0.4s;
}
.-isFadeInDelayGroup > *:nth-of-type(2) {
  transition-delay: 0.8s;
}
.-isFadeInDelayGroup > *:nth-of-type(3) {
  transition-delay: 1.2s;
}
.-isFadeInDelayGroup > *:nth-of-type(4) {
  transition-delay: 1.6s;
}
.-isFadeInDelayGroup > *:nth-of-type(5) {
  transition-delay: 2.0s;
}
.-isFadeInDelayGroup > *:nth-of-type(6) {
  transition-delay: 2.4s;
}
.-isFadeInDelayGroup.-isAnimated > * {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.-isFadeUp.-isAnimated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.-isTypingText > span {
  opacity: 0;
}
.-isTypingText.-isAnimated > span {
  animation: typingText 1s ease-out forwards;
}

@keyframes typingText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.-isRotateImg {
  transform-origin: center top;
  transform: translate3d(0, 100px, -300px) rotateZ(-3deg) rotateY(15deg) rotateX(-15deg);
  transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 1s ease 0.2s;
  opacity: 0;
}
.-isRotateImg.-isAnimated {
  transform: translate3d(0, 0, 0) rotateZ(0) rotateY(0) rotateX(0);
  opacity: 1;
}

.-isAnimateBox {
  opacity: 0;
}
.-isAnimateBox.-isAnimated {
  animation: animateBox 1s ease-out forwards;
}

@keyframes animateBox {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.-isSectionTitle .en:before {
  transform: scale(0, 0);
}
.-isSectionTitle.-isAnimated .en:before {
  animation: flowBorderLR .7s ease-in-out forwards;
}

@media screen and (max-width: 768px) {
  .page-header.-isAnimated .page-header__title:after {
    animation: flowBorderLR .7s ease-in-out forwards;
  }
}

@keyframes flowBorderLR {
  0% {
    transform: scale(0, 0);
    transform-origin: left top;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: left top;
  }
}
@keyframes flowBorderRL {
  0% {
    transform: scale(0, 1);
    transform-origin: right top;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: right top;
  }
}
@keyframes flowBorderTB {
  0% {
    transform: scale(0, 0);
    transform-origin: right bottom;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: right bottom;
  }
}
.top-about .top-about--parts {
  opacity: 0;
}
.top-about.-isAnimated .top-about--parts {
  animation: fadein .8s ease forwards;
}
.top-about.-isAnimated .top-about--parts span:after {
  animation: flowBorderTB .7s ease-in-out forwards;
}

.top-plan__title .en {
  opacity: 0;
}
.top-plan__title:before {
  transform: scale(0, 0);
}
.top-plan__title.-isAnimated .en {
  opacity: 1;
}
.top-plan__title.-isAnimated:before {
  animation: flowBorderLR .7s ease-in-out forwards;
}

/* contact 斜めborder */
@keyframes slashBorder {
  0% {
    transform: scale(0, 0) rotate(46deg);
    transform-origin: left top;
  }
  100% {
    transform: scale(1, 1) rotate(46deg);
    transform-origin: left top;
  }
}
.l-contact .l-contact__title span:nth-of-type(1):after {
  transform: scale(0, 0);
}
.l-contact .l-contact__title.-isAnimated span:nth-of-type(1):after {
  animation: slashBorder 1s ease-out forwards;
}

/*----------------------------------------------------
	basic
----------------------------------------------------*/
body {
  min-width: 1080px;
  color: #313131;
  font-size: 16px;
  font-size: 1rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 2;
  padding-top: 114px;
}
@media screen and (max-width: 768px) {
  body {
    min-width: 0;
    padding-top: 60px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 768px) {
  html, body {
    height: 100%;
  }
}

* {
  box-sizing: border-box;
}

a:link {
  color: #313131;
  text-decoration: none;
}
a:visited {
  color: #313131;
}
a:hover {
  color: #313131;
}
a:active {
  color: #313131;
}

*[data-show="sp"] {
  display: none;
}
@media screen and (max-width: 768px) {
  *[data-show="sp"] {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  *[data-show="pc"] {
    display: none;
  }
}

/*----------------------------------------------------
	layout
----------------------------------------------------*/
/*----------------------------------------------------
	header
----------------------------------------------------*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 14px 2.52%;
  z-index: 100;
  background: #fff;
}
.header__logo {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  color: #686868;
  font-weight: normal;
}
.header__logo img {
  display: block;
  width: 350px;
  margin-top: 16px;
}
.header__logo a {
  color: #686868;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 0 2.52% 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  .header__logo {
    font-size: 0;
  }
  .header__logo img {
    width: auto;
    height: 40px;
    margin-top: 10px;
  }
}

/*----------------------------------------------------
	nav
----------------------------------------------------*/
.nav {
  display: flex;
  align-items: center;
  font-family: adobe-song-std, sans-serif;
}
.nav-title {
  display: none;
}
.nav > div {
  display: flex;
  align-items: center;
}
.nav-list {
  display: flex;
}
.nav-list > li {
  display: flex;
  align-items: center;
}
.nav-list > li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 38px;
  border-left: 1px solid #6a6a6a;
  transform: rotate(14deg);
}
.nav-list > li > span {
  display: block;
  padding: 0 45px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.11em;
  color: #646464;
  transition: .5s;
}
.nav-list > li > span:hover {
  opacity: .7;
  cursor: pointer;
}
.nav-list > li:last-child > span {
  padding: 0 30px;
}
.nav-sub {
  position: absolute;
  top: 114px;
  left: 0;
  width: 100%;
  padding: 80px 0;
  background: rgba(222, 229, 237, 0.88);
  display: none;
}
.nav-sub-inner {
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
}
.nav-sub__title {
  font-size: 37px;
  font-size: 2.3125rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  color: #3b3b3b;
}
.nav-sub-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 70%;
}
.nav-sub-list > li {
  margin: 0 0 15px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  text-align: center;
  background: #fff;
}
.nav-sub-list > li > a {
  display: block;
  padding: 60px 20px;
  color: #414141;
}
.nav-sub-list > li span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.22em;
  font-family: adobe-song-std, sans-serif;
}
.nav-sub-list.-about li {
  width: calc(100% / 3 - 15px);
}
.nav-sub-list.-plan > li {
  display: flex;
  align-items: center;
  width: calc(100% / 2 - 26px);
  padding: 30px 0;
}
.nav-sub-list.-plan > li span {
  width: 32.61%;
  text-align: center;
}
.nav-sub-list.-plan > li ul {
  width: calc(100% - 32.61%);
  border-left: 1px solid #a0a0a0;
}
.nav-sub-list.-plan > li ul li {
  margin-bottom: calc(15px - (((1rem * 1.5) - 1rem) / 2));
  padding-left: 44px;
  text-align: left;
}
.nav-sub-list.-plan > li ul li:last-child {
  margin-bottom: 0;
}
.nav-sub-list.-plan > li ul li a {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
}
.nav-sub-list.-plan > li ul li a:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 7px;
  border-top: 1px solid #535353;
  opacity: 0;
  transition: .3s;
}
.nav-sub-list.-plan > li ul li a:hover:before {
  opacity: 1;
}
.nav-sub-list.-costume li {
  width: calc(100% / 2 - 26px);
}
.nav-sub-list.-costume li a {
  display: flex;
  align-items: center;
  padding: 0;
}
.nav-sub-list.-costume li a div {
  width: 50%;
}
.nav-sub-list.-costume li a div span {
  margin-bottom: 20px;
}
.nav-sub-list.-costume li a img {
  flex-shrink: 0;
  width: 50%;
}
.nav-utility {
  display: flex;
  align-items: center;
}
.nav-utility li {
  margin-left: 7px;
}
.nav-utility li a {
  display: block;
}
.nav-utility li a img {
  width: 26px;
}
.nav-utility li.-reserve {
  margin-left: 0;
  margin-right: 10px;
}
.nav-utility li.-reserve a {
  padding: 14px;
  background: #353535;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .nav > div {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .nav-title {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 60px;
    background: #d6dee7;
    font-size: 0;
  }
  .nav-title:after {
    position: absolute;
    bottom: 8px;
    content: "Menu";
    display: block;
    width: 100%;
    font-size: 10px;
    text-align: center;
  }
  .nav-title span {
    position: absolute;
    left: 14px;
    display: block;
    height: 3px;
    background: #646464;
    border-radius: 2px;
    transition: .3s;
  }
  .nav-title span:nth-of-type(1) {
    top: 15px;
    width: 50%;
  }
  .nav-title span:nth-of-type(2) {
    top: 23px;
    width: 40%;
  }
  .nav-title span:nth-of-type(3) {
    top: 31px;
    width: 25%;
  }
  .nav-title.-active:after {
    content: "Close";
  }
  .nav-title.-active span:nth-of-type(1) {
    top: 18px;
    left: 22px;
    transform: translateY(6px) rotate(-135deg);
    width: 30%;
  }
  .nav-title.-active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-title.-active span:nth-of-type(3) {
    top: 30px;
    left: 22px;
    transform: translateY(-6px) rotate(135deg);
    width: 30%;
  }
  .nav > div {
    position: absolute;
    top: 60px;
    left: 0;
    display: block;
    width: 100%;
    background: #d6dee7;
    z-index: 100;
  }
  .nav-list {
    display: block;
  }
  .nav-list > li {
    display: block;
    border-bottom: 1px solid #646464;
  }
  .nav-list > li:before {
    display: none;
  }
  .nav-list > li > span {
    position: relative;
    display: block;
    padding: 20px;
  }
  .nav-list > li > span:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(90deg);
    content: "";
    display: inline-block;
    width: 6px;
    height: 9px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23646464%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .nav-list > li:last-child > span {
    padding: 20px;
  }
  .nav-list > li.-active > span:after {
    transform: translateY(-50%) rotate(-90deg);
  }
  .nav-sub {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    display: none;
  }
  .nav-sub-inner {
    display: block;
  }
  .nav-sub__title {
    display: none;
  }
  .nav-sub-list {
    display: block;
    width: auto;
  }
  .nav-sub-list > li {
    margin: 0 0 10px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .nav-sub-list > li > a {
    padding: 10px;
  }
  .nav-sub-list > li span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
  }
  .nav-sub-list.-about li {
    width: auto;
  }
  .nav-sub-list.-plan > li {
    width: auto;
    padding: 10px;
  }
  .nav-sub-list.-plan > li span {
    width: 30%;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .nav-sub-list.-plan > li ul {
    width: 70%;
    border-left: 1px solid #a0a0a0;
  }
  .nav-sub-list.-plan > li ul li {
    margin-bottom: calc(12px - (((1rem * 1.5) - 1rem) / 2));
    padding-left: 30px;
  }
  .nav-sub-list.-plan > li ul li a:before {
    opacity: 1;
  }
  .nav-sub-list.-costume li {
    width: auto;
  }
  .nav-sub-list.-costume li a {
    display: block;
    padding: 10px;
    text-align: center;
  }
  .nav-sub-list.-costume li a div {
    width: auto;
  }
  .nav-sub-list.-costume li a div span {
    margin-bottom: 0;
  }
  .nav-sub-list.-costume li a img {
    display: none;
    flex-shrink: 0;
    width: 50%;
  }
  .nav-utility {
    display: flex;
    align-items: center;
  }
  .nav-utility li {
    margin-left: 7px;
  }
  .nav-utility li a {
    display: block;
  }
  .nav-utility li a img {
    width: 26px;
  }
  .nav-utility li.-reserve {
    width: calc(100% - 93px);
    margin-left: 0;
    margin-right: 10px;
  }
  .nav-utility li.-reserve a {
    padding: 20px;
    text-align: center;
  }
}

/*----------------------------------------------------
	main
----------------------------------------------------*/
.main {
  position: relative;
  z-index: 1;
}

/*----------------------------------------------------
	common parts
----------------------------------------------------*/
.l-costume {
  display: none;
  padding: 90px 0;
  background: url(../../../information/room/img/sports2.jpg) center no-repeat;
  background-size: cover;
}
.l-costume .contents, .l-costume .plan-section-info {
  position: relative;
  width: 20.78%;
  padding-bottom: 44px;
  background: #fff;
  text-align: center;
}
.l-costume .contents:before, .l-costume .plan-section-info:before {
  position: absolute;
  top: 12px;
  left: 12px;
  content: "";
  display: block;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  border: 1px solid #000;
}
.l-costume__title {
  padding-top: .5em;
  font-size: 107px;
  font-size: 6.6875rem;
  letter-spacing: -0.01em;
  font-family: "SignstyleRegular", sans-serif;
  color: #4e4e4e;
  line-height: 1;
  font-weight: normal;
}
.l-costume__title:after {
  content: "";
  display: block;
  margin-bottom: -.1em;
}
.l-costume__headline {
  margin-bottom: calc(18px - (((16px * 1.5) - 16px) / 2));
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.09em;
  font-weight: bold;
}
.l-costume__text {
  margin-bottom: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  font-weight: bold;
}
.l-costume-links {
  display: flex;
}
.l-costume-links li {
  width: 50%;
}
.l-costume-links li a {
  position: relative;
  display: block;
  padding: 15px 0 0;
  background: #000;
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: -0.01em;
  font-family: "SignstyleRegular", sans-serif;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.l-costume-links li a:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.l-costume-links li:nth-of-type(1) {
  transform: translateX(-20.86%);
}
.l-costume-links li:nth-of-type(1) a:before {
  left: 15px;
  transform: translateY(-50%) rotate(-180deg);
}
.l-costume-links li:nth-of-type(2) {
  transform: translateX(20.86%);
}
.l-costume-links li:nth-of-type(2) a:before {
  right: 15px;
}
.l-costume__img {
  display: none;
}
@media screen and (max-width: 768px) {
  .l-costume {
    padding: 0;
    background: none;
  }
  .l-costume .contents, .l-costume .plan-section-info {
    width: auto;
    margin: 0 auto;
    padding-bottom: 44px;
  }
  .l-costume .contents:before, .l-costume .plan-section-info:before {
    top: 10px;
    left: 10px;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
  }
  .l-costume__title {
    font-size: 80px;
    font-size: 5rem;
  }
  .l-costume-links {
    display: block;
  }
  .l-costume-links li {
    width: 80%;
    margin: 20px auto 0;
  }
  .l-costume-links li a {
    padding: 15px 0 0;
    font-size: 40px;
    font-size: 2.5rem;
  }
  .l-costume-links li:nth-of-type(1) {
    transform: translateX(0);
  }
  .l-costume-links li:nth-of-type(1) a:before {
    left: auto;
    right: 15px;
    transform: translateY(-50%);
  }
  .l-costume-links li:nth-of-type(2) {
    transform: translateX(0);
  }
  .l-costume__img {
    display: block;
  }
}

.l-retouch {
  margin-bottom: 23px;
  padding: 90px 0;
  background: url(../../../information/room/img/sports3.jpg) center no-repeat;
  background-size: cover;
}
.l-retouch .contents, .l-retouch .plan-section-info {
  max-width: 1300px;
}
.l-retouch a {
  position: relative;
  display: block;
  width: 38.46%;
  padding: 67px 30px;
  margin-left: auto;
  background: #d6dee7;
  text-align: center;
}
.l-retouch a:before {
  position: absolute;
  top: 14px;
  left: 14px;
  content: "";
  display: block;
  width: calc(100% - 28px);
  height: calc(100% - 28px);
  border: 2px solid #fff;
}
.l-retouch a:after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.9%22%20height%3D%2232.9%22%20viewBox%3D%220%200%2032.9%2032.9%22%3E%3Cg%3E%3Cpath%20d%3D%22M24.34%2C12.63l-6.94%2C9.47-7.39-9.44%2C7.27%2C5.17%2C7.07-5.19Z%22%20%20fill%3D%22%235a5a5a%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.9%2C1c8.28%2C0%2C15%2C7.62%2C15%2C15%2C0%2C9.18-6.72%2C15.9-15%2C15.9S1%2C25.18%2C1%2C16C1%2C8.62%2C8.62%2C1%2C16.9%2C1Z%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%235a5a5a%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.l-retouch__title {
  font-size: 105px;
  font-size: 6.5625rem;
  letter-spacing: -0.01em;
  font-family: "SignstyleRegular", sans-serif;
  font-weight: normal;
  color: #4e4e4e;
  transform: rotate(-14deg);
  line-height: 1;
}
.l-retouch__text {
  margin-bottom: calc(30px - (((23px * 1.5) - 23px) / 2));
  font-size: 23px;
  font-size: 1.4375rem;
  letter-spacing: -0.03em;
  font-family: "Hannari", "HannariMincho", JPAMincho, IPAPMincho, serif;
  color: #4f4f4f;
}
.l-retouch__text img {
  width: calc(113px / 2);
}
.l-retouch__img {
  width: 323px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .l-retouch {
    margin-bottom: 0;
    padding: 30px 5.05%;
  }
  .l-retouch a {
    width: auto;
    padding: 50px 20px 30px;
  }
  .l-retouch a:before {
    top: 10px;
    left: 10px;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
  }
  .l-retouch__title {
    font-size: 80px;
    font-size: 5rem;
  }
  .l-retouch__text {
    margin-bottom: calc(30px - (((23px * 1.5) - 23px) / 2));
    font-size: 16px;
    font-size: 1rem;
  }
  .l-retouch__img {
    width: auto;
    margin: 0 auto 30px;
  }
}

.l-bnrs {
  display: flex;
  margin-bottom: 23px;
}
.l-bnrs-item {
  width: calc(100% / 3);
  padding: 80px 5.05%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.l-bnrs-item a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px 0 60px;
  background: rgba(255, 255, 255, 0.79);
  color: #000;
}
.l-bnrs-item a:after {
  position: absolute;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.9%22%20height%3D%2232.9%22%20viewBox%3D%220%200%2032.9%2032.9%22%3E%3Cg%3E%3Cpath%20d%3D%22M24.34%2C12.63l-6.94%2C9.47-7.39-9.44%2C7.27%2C5.17%2C7.07-5.19Z%22%20%20fill%3D%22%235a5a5a%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.9%2C1c8.28%2C0%2C15%2C7.62%2C15%2C15%2C0%2C9.18-6.72%2C15.9-15%2C15.9S1%2C25.18%2C1%2C16C1%2C8.62%2C8.62%2C1%2C16.9%2C1Z%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%235a5a5a%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.l-bnrs-item__title {
  font-size: 70px;
  font-size: 4.375rem;
  letter-spacing: -0.01em;
  font-family: "SignstyleRegular", sans-serif;
  text-align: center;
  line-height: 1;
  color: #4e4e4e;
}
.l-bnrs-item__title:first-letter {
  text-transform: capitalize;
}
.l-bnrs-item p {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  line-height: 2;
  text-align: center;
}
.l-bnrs-item:nth-of-type(2) a {
  background: rgba(0, 0, 0, 0.67);
  color: #fff;
}
.l-bnrs-item:nth-of-type(2) a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.9%22%20height%3D%2232.9%22%20viewBox%3D%220%200%2032.9%2032.9%22%3E%3Cg%3E%3Cpath%20d%3D%22M24.34%2C12.63l-6.94%2C9.47-7.39-9.44%2C7.27%2C5.17%2C7.07-5.19Z%22%20%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.9%2C1c8.28%2C0%2C15%2C7.62%2C15%2C15%2C0%2C9.18-6.72%2C15.9-15%2C15.9S1%2C25.18%2C1%2C16C1%2C8.62%2C8.62%2C1%2C16.9%2C1Z%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.l-bnrs-item:nth-of-type(2) .l-bnrs-item__title {
  color: inherit;
}
.l-bnrs-item.-staff {
  background-image: url(../../../information/room/img/regular.jpg);
}
.l-bnrs-item.-studio {
  background-image: url(../../../information/room/img/wide.jpg);
}
.l-bnrs-item.-flow {
  display: none;
  background-image: url(../../../information/room/img/twin.jpg);
}
.l-bnrs-item.-whyChooseUs {
  background-image: url(../../../information/room/img/breakfast.jpg);
}
.l-bnrs-item.-whyChooseUs2 {
  background-image: url(../../../information/room/img/regular.jpg);
}
.l-bnrs-item.-whyChooseUs .l-bnrs-item__title {
  margin-top: -.2em;
}
.l-bnrs-item.-whyChooseUs .l-bnrs-item__title span {
  display: block;
  margin-top: -.3em;
  margin-bottom: -.3em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .l-bnrs {
    display: block;
    margin-bottom: 0;
  }
  .l-bnrs-item {
    width: auto;
    padding: 30px 5.05%;
  }
  .l-bnrs-item a {
    padding: 30px 0 50px;
  }
  .l-bnrs-item a:after {
    bottom: 20px;
  }
  .l-bnrs-item__title {
    margin-bottom: -.1em;
  }
}

body.-wedding .l-costume {
  display: block;
}
body.-wedding .l-bnrs-item.-staff {
  display: none;
}
body.-wedding .l-bnrs-item.-flow {
  display: block;
}

.l-contact {
  margin-bottom: 23px;
  padding: 23px 0;
  background: #d6dee7;
  color: #646464;
}
.l-contact .contents, .l-contact .plan-section-info {
  display: flex;
  justify-content: center;
  max-width: 1500px;
}
.l-contact__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 29%;
  font-size: 44px;
  font-size: 2.75rem;
  letter-spacing: 0.09em;
  font-family: adobe-song-std, sans-serif;
  text-align: center;
  font-weight: normal;
}
.l-contact__title span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.l-contact__title span:nth-of-type(1):after {
  content: "";
  display: block;
  width: 1px;
  height: 162px;
  border-left: 1px solid #616161;
  transform: rotate(46deg);
  transform-origin: center top;
  margin-left: 50%;
  margin-top: 20px;
  margin-bottom: -20px;
}
.l-contact-section {
  width: 34.47%;
  margin-left: 20px;
  padding: 100px 6.67% 70px;
  background: #fff;
  text-align: center;
}
.l-contact-section__title {
  margin-bottom: 50px;
  padding-bottom: 14px;
  border-bottom: 1px solid #505050;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.11em;
}
.l-contact-section p {
  margin-bottom: 2em;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  line-height: 2;
}
.l-contact-section .btn {
  margin-top: 3em;
}
@media screen and (max-width: 768px) {
  .l-contact {
    margin-bottom: 0;
  }
  .l-contact .contents, .l-contact .plan-section-info {
    display: block;
  }
  .l-contact__title {
    width: auto;
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .l-contact__title span:nth-of-type(1):after {
    height: 40px;
    margin-left: 40%;
    margin-top: 5px;
    margin-bottom: -5px;
  }
  .l-contact-section {
    width: auto;
    margin: 0 0 20px;
    padding: 40px 15px;
  }
  .l-contact-section:last-child {
    margin-bottom: 0;
  }
  .l-contact-section__title {
    margin-bottom: 20px;
  }
  .l-contact-section .btn {
    margin-top: 2em;
  }
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
.footer {
  padding: 80px 4.27% 30px;
  background: #d6dee7;
  color: #646464;
}
.footer .contents, .footer .plan-section-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 1500px;
}
.footer__logo {
  width: 300px;
  margin-right: 54px;
  margin-left: 15px;
}
.footer-address {
  margin-right: 45px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
}
.footer-address__title {
  margin-bottom: calc(30px - (((14px * 1.5) - 14px) / 2));
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.11em;
  font-weight: bold;
}
.footer-address p {
  line-height: 2;
}
.footer-nav {
  align-self: end;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
}
.footer-nav li {
  align-self: center;
}
.footer-nav li a {
  display: flex;
  align-items: center;
  color: #646464;
  font-size: 12px;
  font-size: 0.75rem;
}
.footer-nav li a img {
  width: 26px;
  margin-right: 13px;
}
.footer-nav li.-staff {
  grid-column: 1;
  grid-row: 1 / 3;
  margin-right: 33px;
}
.footer-nav li.-staff a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 27px 23px;
  padding-top: calc(27px - (((14px * 1.5) - 14px) / 2));
  padding-bottom: calc(27px - (((14px * 1.5) - 14px) / 2));
  background: #fff;
  font-family: adobe-song-std, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}
.footer-nav li.-staff a span {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
}
.footer-nav li.-instagram {
  grid-column: 2;
  grid-row: 1;
}
.footer-nav li.-line {
  grid-column: 2;
  grid-row: 2;
}
.footer .copyright {
  width: 100%;
  margin-top: 30px;
  font-size: 11px;
  font-size: 0.6875rem;
  letter-spacing: 0.09em;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 40px 2.52% 20px;
  }
  .footer .contents, .footer .plan-section-info {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer__logo {
    width: 190px;
    margin: 0 auto 20px;
  }
  .footer-address {
    margin: 0 0 20px;
  }
  .footer-address__title {
    margin-bottom: calc(15px - (((14px * 1.5) - 14px) / 2));
  }
  .footer-nav {
    align-self: center;
  }
  .footer .copyright {
    text-align: center;
  }
}

/*----------------------------------------------------
	0.basic
----------------------------------------------------*/
.is-left {
  text-align: left;
}

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

.is-right {
  text-align: right;
}

.contents, .plan-section-info, .search, .costume-section-option-list {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contents, .plan-section-info, .search, .costume-section-option-list {
    width: auto;
    margin: 0 15px;
  }
}

/* タイトル */
.page-header {
  margin-bottom: 100px;
}
.page-header__title {
  max-width: 1300px;
  width: calc(100% - 40px);
  margin: 50px auto 10px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  font-weight: normal;
  line-height: 1;
}
.page-header__title > span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: .4em;
  margin-bottom: 0;
  font-family: "SignstyleRegular", sans-serif;
  font-size: 107px;
  font-size: 6.6875rem;
  letter-spacing: -0.01em;
  line-height: .6;
}
.page-header__title > span:first-letter {
  text-transform: capitalize;
}
.page-header__title > span:after {
  content: "";
  display: block;
  width: 240px;
  margin-top: -.5em;
  margin-left: .2em;
  border-top: 1px solid #616161;
  transform: scale(0, 0);
}
.page-header__title > span.-isAnimated > span {
  animation: typingText 1s ease-out forwards;
}
.page-header__title > span.-isAnimated:after {
  animation: flowBorderLR .7s ease-in-out forwards;
}
.page-header__text {
  max-width: 1300px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding-right: 50%;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  line-height: 2;
}
.page-header__text p {
  padding-right: 50%;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  line-height: 2;
}
.page-header__img {
  margin-bottom: 70px;
}
@media screen and (min-width: 1300px) {
  .page-header__text {
    padding-right: 650px;
  }
}
@media screen and (max-width: 768px) {
  .page-header {
    margin-bottom: 50px;
    padding-left: 15px;
    width: 100%;
    overflow: hidden;
  }
  .page-header__title {
    position: relative;
    width: 100%;
    margin: 20px auto 10px;
  }
  .page-header__title:after {
    position: absolute;
    bottom: 3em;
    content: "";
    width: calc(100vw - 10px);
    border-top: 1px solid #616161;
    z-index: -1;
  }
  .page-header__title > span {
    display: inline-block;
    padding-right: .1em;
    font-size: 80px;
    font-size: 5rem;
    background: #fff;
  }
  .page-header__title > span:after {
    display: none;
  }
  .page-header__text {
    width: 100%;
    padding-right: 15px;
  }
  .page-header__img {
    width: calc(100% + 10px);
    margin-left: -10px;
    margin-bottom: 20px;
  }
}

/* リスト */
.list {
  margin-bottom: 2em;
}
.list li {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  line-height: 1.8;
}
.list li:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  display: inline-block;
  width: 11px;
  height: 13px;
  background: url(../img/icon/star.svg) center no-repeat;
  background-size: contain;
}

.list-ul {
  margin-bottom: 2em;
}
.list-ul li {
  padding-left: 1em;
}
.list-ul li:before {
  content: "・";
  margin-left: -1em;
}

.list-ol {
  margin-bottom: 2em;
}
.list-ol li {
  counter-increment: entry-ol;
  margin-bottom: 10px;
  padding-left: 1em;
}
.list-ol li:before {
  content: counter(entry-ol);
  margin-right: .2em;
  margin-left: -.8em;
}

.list-att {
  margin-bottom: 2em;
}
.list-att li {
  padding-left: 1em;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  line-height: 2.3;
}
.list-att li:before {
  content: "※";
  margin-left: -1em;
}

/* section */
.section {
  margin: 110px 0;
}
.section.-bg {
  position: relative;
  padding: 110px 0;
}
.section.-bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #d6dee7;
  transform: skewY(-6deg);
  z-index: -1;
}
.section__title {
  margin-bottom: calc(90px - (((60px * 1.5) - 60px) / 2));
  font-size: 60px;
  font-size: 3.75rem;
  letter-spacing: 0.09em;
  font-family: adobe-song-std, sans-serif;
  color: #353535;
  text-align: center;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .section {
    margin: 60px 0;
  }
  .section.-bg {
    padding: 60px 0;
  }
  .section__title {
    margin-bottom: calc(40px - (((30px * 1.5) - 30px) / 2));
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/* btn */
.btn {
  text-align: center;
}
.btn__link {
  position: relative;
  display: block;
  max-width: 225px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
}
.btn.-simple a,
.btn.-simple span {
  background: #d6dee7;
  color: #646464;
  transition: .3s;
}
.btn.-simple a:hover,
.btn.-simple span:hover {
  opacity: .7;
}
.btn.-simple + .btn {
  margin-top: 30px;
}
.btn.-link a {
  padding: 15px;
  border: 1px solid #4b4b4b;
  color: #505050;
  font-family: adobe-song-std, sans-serif;
}
.btn.-link a:after {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 6.5px;
  height: 9px;
  background: url(../img/icon/arrow.svg) no-repeat;
  background-size: contain;
  transition: .3s;
}
.btn.-link a:hover:after {
  right: 15px;
}
.btn.-detail a {
  position: relative;
  padding: 10px;
  padding-top: calc(10px - (((12px * 1.5) - 12px) / 2));
  padding-bottom: calc(10px - (((12px * 1.5) - 12px) / 2));
  color: #3f3f3f;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  background: #fff;
}
.btn.-detail a:after {
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  background: url(../img/top/arrow.png) no-repeat;
  background-size: contain;
  transition: .3s;
}
.btn.-detail a:hover:after {
  right: 0;
}

body.show-modal {
  position: fixed;
}

.js-modal-contents {
  display: none;
}

.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  overscroll-behavior: contain;
}
.modal-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.modal-contents {
  position: relative;
  width: 50%;
  padding: 5%;
  background: #fff;
  text-align: center;
  overscroll-behavior: contain;
}
.modal__text {
  margin-top: 2em;
}
.modal-btn--close {
  position: absolute;
  top: -20px;
  right: 30px;
  font-size: 0;
}
.modal-btn--close:before, .modal-btn--close:after {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  border-top: 5px solid #ccc;
  border-radius: 5px;
}
.modal-btn--close:before {
  transform: rotate(45deg);
}
.modal-btn--close:after {
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .modal-contents {
    width: 80%;
    padding: 3%;
  }
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
.mainvisual {
  display: flex;
  flex-direction: column;
}
.mainvisual .slider {
  padding-top: 42.62%;
}
.mainvisual .slick-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.mainvisual .slick-list,
.mainvisual .slick-track {
  height: 100%;
}
.mainvisual .slick-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mainvisual .slick-slide img {
  max-width: unset;
  width: 100%;
}
.mainvisual .slick-slide img[data-show="sp"] {
  display: none;
}
@media screen and (max-width: 768px) {
  .mainvisual {
    height: auto;
  }
  .mainvisual .slider {
    padding-top: 0;
  }
  .mainvisual .slick-list {
    position: relative;
  }
  .mainvisual .slick-slide img {
    max-width: 100%;
    width: 100%;
  }
  .mainvisual .slick-slide img[data-show="pc"] {
    display: none;
  }
  .mainvisual .slick-slide img[data-show="sp"] {
    display: block;
  }
}

.top-message {
  text-align: center;
}
.top-message-inner {
  top: 114px;
  left: 0;
  width: 100%;
  z-index: -1;
  padding-top: calc(115px - (((58px * 1.5) - 58px) / 2));
}
.top-message__title {
  margin-bottom: calc(70px - (((58px * 1.5) - 58px) / 2));
  font-size: 58px;
  font-size: 3.625rem;
  letter-spacing: -0.03em;
  font-family: "Hannari", "HannariMincho", JPAMincho, IPAPMincho, serif;
  color: #474747;
  font-weight: normal;
  text-align: center;
}
.top-message__text {
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.11em;
  line-height: 2.3;
}
@media screen and (max-width: 768px) {
  .top-message-inner {
    top: 60px;
    padding: 0 15px;
    padding-top: calc(40px - (((28px * 1.5) - 28px) / 2));
  }
  .top-message__title {
    margin-top: calc(30px - (((28px * 1.5) - 28px) / 2));
    margin-bottom: calc(30px - (((28px * 1.5) - 28px) / 2));
    font-size: 28px;
    font-size: 1.75rem;
  }
  .top-message__text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.3;
    text-align: left;
  }
}

.top-about .contents, .top-about .plan-section-info {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 100%;
}
.top-about--parts {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 1550px;
  width: 100%;
  height: 100%;
  padding: 0 5.48%;
}
.top-about--parts span {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  margin-left: auto;
  padding-top: 24px;
  height: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
}
.top-about--parts span:after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 8em);
  margin-right: .3em;
  margin-bottom: 1em;
  border-right: 1px solid #000;
}
.top-about__img {
  flex-shrink: 0;
  order: 1;
  width: 50%;
}
.top-about-detail {
  order: 2;
  width: 50%;
  padding-left: 25px;
}
.top-about__title {
  margin-bottom: 70px;
  padding-left: 220px;
  font-weight: normal;
}
.top-about__title span {
  line-height: 1;
}
.top-about__title .jp {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  color: #4e4e4e;
}
.top-about__title .en {
  margin-left: -220px;
  display: flex;
  align-items: center;
  margin-top: .2em;
  margin-bottom: -.2em;
  font-family: "SignstyleRegular", sans-serif;
  font-size: 107px;
  font-size: 6.6875rem;
  letter-spacing: 0em;
  color: #353535;
}
.top-about__title .en:before {
  content: "";
  display: block;
  width: 200px;
  margin-top: -.5em;
  margin-right: .2em;
  border-top: 1px solid #616161;
}
.top-about__text {
  margin-bottom: 70px;
  padding-left: 95px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  line-height: 2.3;
}
.top-about-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 455px;
  padding-left: 85px;
}
.top-about-links li {
  width: calc(100% / 2 - 20px);
  margin-bottom: 20px;
}
.top-about-links li:nth-of-type(3), .top-about-links li:nth-of-type(4) {
  transform: translateX(30px);
}
.top-about-links li:nth-of-type(5), .top-about-links li:nth-of-type(6) {
  transform: translateX(60px);
}
.top-about-links li a {
  position: relative;
  display: block;
  padding: 10px 0;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  color: #4e4e4e;
  text-align: center;
}
.top-about-links li a:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #616161;
  transition: 1s;
}
.top-about-links li a:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23404040%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: .3s;
}
.top-about-links li a:hover:before {
  animation: hoverBorder .7s ease-in-out;
}
.top-about-links li a:hover:after {
  right: 5px;
}
@media screen and (max-width: 768px) {
  .top-about .contents, .top-about .plan-section-info {
    display: block;
  }
  .top-about--parts {
    display: none;
  }
  .top-about__img {
    width: calc(100% + 30px);
    margin: 20px -15px 0;
  }
  .top-about-detail {
    width: auto;
    padding: 0;
  }
  .top-about__title {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 30px;
    padding-left: 0;
  }
  .top-about__title .en {
    margin-left: 0px;
    padding-left: 15px;
    background: #d6dee7;
    font-size: 80px;
    font-size: 5rem;
  }
  .top-about__text {
    margin-bottom: 30px;
    padding-left: 0;
    text-align: center;
  }
  .top-about-links {
    width: auto;
    padding: 0;
  }
  .top-about-links li {
    width: calc(100% / 2 - 10px);
    margin-bottom: 10px;
  }
  .top-about-links li:nth-of-type(3), .top-about-links li:nth-of-type(4), .top-about-links li:nth-of-type(5), .top-about-links li:nth-of-type(6) {
    transform: translateX(0);
  }
}

.top-plan .contents, .top-plan .plan-section-info {
  max-width: 1476px;
}
.top-plan__title {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 70.56%;
  margin-bottom: 60px;
  margin-left: auto;
  font-weight: normal;
  line-height: 1;
  color: #4e4e4e;
}
.top-plan__title:before {
  position: absolute;
  top: 3em;
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid #616161;
}
.top-plan__title .jp {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  transform: translateY(5em);
}
.top-plan__title .en {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 25px;
  background: #fff;
}
.top-plan__title .en span {
  margin-top: .2em;
  margin-bottom: -.2em;
  font-family: "SignstyleRegular", sans-serif;
  font-size: 107px;
  font-size: 6.6875rem;
  letter-spacing: 0em;
  line-height: 1;
  color: #353535;
}
.top-plan__title .en span:nth-of-type(2) {
  margin-top: 0;
  padding-left: .3em;
}
.top-plan-section {
  display: flex;
  align-items: flex-end;
  margin-bottom: 100px;
}
.top-plan-section__img {
  width: 62.87%;
}
.top-plan-section-detail {
  position: relative;
  width: 34.15%;
  margin-bottom: -25px;
  padding: 60px 60px 46px;
  background: #d6dee7;
  transform: translateX(-4.74%);
}
.top-plan-section-detail .number {
  position: absolute;
  top: -.9em;
  right: -.9em;
  font-size: 74px;
  font-size: 4.625rem;
  letter-spacing: 0.11em;
  font-family: "TheBillionRegular", sans-serif;
  transform: rotate(3deg);
}
.top-plan-section__title {
  font-size: 30px;
  font-size: 1.875rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-weight: normal;
}
.top-plan-section__title span {
  display: block;
}
.top-plan-section__title span:nth-of-type(1) {
  font-size: 28px;
  font-size: 1.75rem;
}
.top-plan-section__title span.jp {
  margin: 20px 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.top-plan-section__text {
  margin-bottom: 50px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  color: #3c3c3c;
  text-align: center;
}
.top-plan-section-price {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  font-family: adobe-song-std, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  color: #4c4c4c;
}
.top-plan-section-price dt {
  margin-right: 15px;
  padding: 10px;
  padding-top: calc(10px - (((12px * 1.5) - 12px) / 2));
  padding-bottom: calc(10px - (((12px * 1.5) - 12px) / 2));
  border-top: 1px solid #616161;
  border-bottom: 1px solid #616161;
  text-align: center;
}
.top-plan-section-price dd span {
  margin-right: 15px;
  font-size: 52px;
  font-size: 3.25rem;
  letter-spacing: 0.01em;
  font-style: italic;
  color: #353535;
}
.top-plan-section:nth-child(odd) {
  flex-direction: row-reverse;
}
.top-plan-section:nth-child(odd) .top-plan-section-detail {
  transform: translateX(4.74%);
  background: #bbcadd;
}
.top-plan-section:nth-child(odd) .top-plan-section-detail .number {
  top: -.8em;
  left: -.9em;
  right: auto;
  transform: rotate(-0.3deg);
}
@media screen and (max-width: 768px) {
  .top-plan {
    width: 100%;
    overflow: hidden;
  }
  .top-plan__title {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    width: auto;
    margin-bottom: 30px;
    margin-left: 0;
  }
  .top-plan__title:before {
    top: 50%;
    right: -100%;
  }
  .top-plan__title .jp {
    transform: translateY(0);
  }
  .top-plan__title .en {
    padding-left: 0;
  }
  .top-plan__title .en span {
    font-size: 80px;
    font-size: 5rem;
  }
  .top-plan-section {
    display: block;
    margin-bottom: 50px;
  }
  .top-plan-section__img {
    width: auto;
    margin: 0 -15px;
  }
  .top-plan-section-detail {
    width: auto;
    margin: -20px 0 0;
    padding: 30px 30px 20px;
    transform: translateX(0);
  }
  .top-plan-section-detail .number {
    right: 0;
    font-size: 60px;
    font-size: 3.75rem;
  }
  .top-plan-section__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .top-plan-section__title span {
    display: block;
  }
  .top-plan-section__title span:nth-of-type(1) {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .top-plan-section__title span.jp {
    margin: 20px 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .top-plan-section__text {
    margin-bottom: 20px;
  }
  .top-plan-section-price {
    margin-bottom: 30px;
  }
  .top-plan-section-price dd span {
    font-size: 40px;
    font-size: 2.5rem;
  }
  .top-plan-section:nth-child(odd) .top-plan-section-detail {
    transform: translateX(0);
  }
  .top-plan-section:nth-child(odd) .top-plan-section-detail .number {
    left: 0;
  }
}

.top-special {
  position: relative;
  padding-bottom: 57.24%;
  background: url(../img/top/img_special.jpg) center no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
}
.top-special__img {
  display: none;
}
.top-special a {
  display: block;
  transition: .3s;
}
.top-special a:hover {
  opacity: .8;
}
.top-special-detail {
  position: absolute;
  top: 50%;
  left: 8.2%;
  transform: translateY(-50%);
  display: inline-block;
  padding: 80px 110px;
  background: rgba(255, 255, 255, 0.9);
}
.top-special__badge {
  position: absolute;
  top: -35px;
  right: 17px;
  padding: 25px 10px;
  background: #000;
  color: #fff;
  font-size: 17px;
  font-size: 1.0625rem;
  letter-spacing: 0.22em;
  font-weight: bold;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.top-special__text {
  writing-mode: vertical-rl;
  text-orientation: upright;
  width: 11em;
  height: 25em;
}
.top-special__text > span {
  display: block;
  letter-spacing: 0.09em;
  color: #4e4e4e;
}
.top-special__text > span:nth-of-type(1) {
  display: flex;
  align-items: center;
  margin-top: -30px;
  margin-left: 25px;
  font-size: 16px;
  font-size: 1rem;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
}
.top-special__text > span:nth-of-type(1):before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  margin-bottom: 7px;
  border-right: 1px solid #474747;
}
.top-special__text > span:nth-of-type(2) {
  font-size: 40px;
  font-size: 2.5rem;
  font-family: "HannariMinchoOld";
}
.top-special__text > span:nth-of-type(2) > span:nth-of-type(1), .top-special__text > span:nth-of-type(2) > span:nth-of-type(3), .top-special__text > span:nth-of-type(2) > span:nth-of-type(5) {
  display: inline-block;
  margin-right: .2em;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .top-special {
    padding: 0;
    background: none;
  }
  .top-special__img {
    display: block;
    margin: 0 -15px;
  }
  .top-special-detail {
    position: static;
    transform: translateY(0);
    display: block;
    margin-top: -20px;
    padding: 30px;
  }
  .top-special__badge {
    margin-bottom: calc(20px - (((1rem * 1.5) - 1rem) / 2));
    padding: 5px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .top-special__text {
    writing-mode: unset;
    width: auto;
    height: auto;
  }
  .top-special__text > span:nth-of-type(1) {
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .top-special__text > span:nth-of-type(1):before {
    width: 30px;
    height: 1px;
    margin: 0 7px 0 0;
    border: 0;
    border-top: 1px solid #474747;
  }
  .top-special__text > span:nth-of-type(2) {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Hannari", "HannariMincho", JPAMincho, IPAPMincho, serif;
    text-align: center;
  }
  .top-special__text > span:nth-of-type(2) span {
    margin: 0;
    display: inline;
    vertical-align: bottom;
  }
}

.top-otherPlan {
  margin-top: -200px;
  z-index: 1;
}
.top-otherPlan .contents, .top-otherPlan .plan-section-info {
  max-width: 1235px;
}
.top-otherPlan__title {
  width: 100%;
  margin-bottom: 70px;
  text-align: center;
  font-weight: normal;
}
.top-otherPlan__title .jp {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  line-height: 1;
  color: #4e4e4e;
}
.top-otherPlan__title .en {
  display: block;
  margin-top: .2em;
  margin-bottom: -.2em;
  font-family: "SignstyleRegular", sans-serif;
  font-size: 107px;
  font-size: 6.6875rem;
  letter-spacing: 0em;
  line-height: 1;
  color: #353535;
}
.top-otherPlan-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-otherPlan-section {
  display: flex;
  flex-direction: column;
  width: calc(100% / 4 - 50px);
}
.top-otherPlan-section__title {
  margin-bottom: 10px;
  padding: 13px;
  padding-top: calc(13px - (((1rem * 1.5) - 1rem) / 2));
  padding-bottom: calc(13px - (((1rem * 1.5) - 1rem) / 2));
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.5em;
  background: #bbcadd;
  color: #fff;
  text-align: center;
}
.top-otherPlan-section-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.top-otherPlan-section-list li:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #616161;
}
.top-otherPlan-section-list li:hover:after {
  animation: hoverBorder .7s ease-in-out;
}
.top-otherPlan-section-list li:hover a:before {
  animation: twincle .7s linear infinite;
}
.top-otherPlan-section-list li a {
  display: flex;
  align-items: center;
  padding: 30px 0;
  padding-left: 6px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  color: #4e4e4e;
}
.top-otherPlan-section-list li a:before {
  content: "";
  display: block;
  width: 11px;
  height: 13px;
  margin-right: 18px;
  background: url(../img/icon/star.svg) center no-repeat;
  background-size: contain;
}
.top-otherPlan-section-list li:nth-of-type(1):after {
  width: 66.95%;
}
.top-otherPlan-section-list li:nth-of-type(2):after {
  width: 85.31%;
}
.top-otherPlan-section:nth-of-type(4) .top-otherPlan-section-list li a {
  padding-top: 20px;
  padding-bottom: 20px;
}
.top-otherPlan-section:nth-of-type(4) .top-otherPlan-section-list li:nth-of-type(2):after {
  width: 80%;
}
.top-otherPlan-section:nth-of-type(4) .top-otherPlan-section-list li:nth-of-type(3):after {
  width: 90%;
}
@media screen and (max-width: 768px) {
  .top-otherPlan {
    margin-top: 0;
  }
  .top-otherPlan .contents, .top-otherPlan .plan-section-info {
    display: block;
  }
  .top-otherPlan__title {
    margin-bottom: 30px;
  }
  .top-otherPlan__title .en {
    font-size: 80px;
    font-size: 5rem;
  }
  .top-otherPlan-detail {
    display: block;
  }
  .top-otherPlan-section {
    width: auto;
    margin-bottom: 40px;
  }
  .top-otherPlan-section__title {
    margin-bottom: 10px;
    padding: 13px;
    padding-top: calc(13px - (((1rem * 1.5) - 1rem) / 2));
    padding-bottom: calc(13px - (((1rem * 1.5) - 1rem) / 2));
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.5em;
    background: #bbcadd;
    color: #fff;
    text-align: center;
  }
  .top-otherPlan-section-list {
    display: block;
    height: auto;
  }
  .top-otherPlan-section-list li {
    border-bottom: 1px solid #616161;
  }
  .top-otherPlan-section-list li:after {
    display: none;
  }
  .top-otherPlan-section-list li a {
    padding: 20px 0;
  }
}

.top-topics .contents, .top-topics .plan-section-info {
  max-width: 1550px;
  padding: 0 4.19%;
}
.top-topics-list li {
  margin: 0 17px;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  color: #4e4e4e;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.top-topics-list li .date {
  margin-bottom: 30px;
  font-family: adobe-song-std, sans-serif;
  text-align: center;
}
.top-topics-list li .title {
  margin-bottom: calc(50px - (((13px * 2.3) - 13px) / 2));
  margin-bottom: auto;
  text-align: center;
  line-height: 2.3;
}
.top-topics-list li .text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.5;
}
.top-topics-list .slick-track {
  display: flex;
}
.top-topics-list .slick-slide {
  height: auto !important;
}
.top-topics-list .slick-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 11px 10px 0;
  border-color: transparent #bbcadd transparent transparent;
}
.top-topics-list .slick-arrow.slick-next:before {
  border-width: 10px 0 10px 11px;
  border-color: transparent transparent transparent #bbcadd;
}

.top-instagram .instagram-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.top-instagram .instagram-list li {
  position: relative;
  width: calc(100% / 6 - 10px);
  margin: 0 5px 10px;
  padding-top: calc(100% / 6 - 10px);
  overflow: hidden;
}
.top-instagram .instagram-list li img {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
  max-width: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
}
.top-instagram .instagram-list li a:hover img {
  transform: translate(-50%, -50%) scale(1.2);
}
@media screen and (max-width: 768px) {
  .top-instagram {
    margin-bottom: 40px;
  }
  .top-instagram .instagram-list {
    margin-bottom: 30px;
  }
  .top-instagram .instagram-list li {
    width: calc(100% / 3 - 10px);
    margin: 0 5px 10px;
    padding-top: calc(100% / 3 - 10px);
  }
}

.googlemap {
  position: relative;
  width: 100%;
  height: 450px;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media screen and (max-width: 768px) {
  .googlemap {
    height: auto;
    padding-top: 53.33%;
  }
}

.-top .l-retouch,
.-top .l-bnrs {
  display: none;
}

/*----------------------------------------------------
	about us
----------------------------------------------------*/
/* よくあるご質問 */
.search {
  display: flex;
  align-items: center;
  margin-top: -60px;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  color: #616161;
  font-weight: bold;
}
.search-box {
  display: flex;
  margin-left: 38px;
}
.search-box__text {
  width: 250px;
  padding: 13px;
  border: 1px solid #ababab;
}
.search-box__btn {
  width: 110px;
  background: #616161;
  color: #fff;
  transition: .3s;
}
.search-box__btn input[type="submit"] {
  width: 100%;
  height: 100%;
  background: #616161;
  color: #fff;
  font: inherit;
  font-weight: normal;
  letter-spacing: 0.22em;
}
.search-box__btn input[type="submit"]:hover {
  cursor: pointer;
}
.search-box__btn:hover {
  cursor: pointer;
  opacity: .7;
}
@media screen and (max-width: 768px) {
  .search {
    display: block;
    margin: 0 0 30px;
    padding: 0 15px;
  }
  .search-box {
    margin: 5px 0 0;
  }
  .search-box__text {
    width: calc(100% - 80px);
    padding: 10px;
  }
  .search-box__btn {
    width: 80px;
  }
}

.faq-section {
  margin-bottom: 30px;
}
.faq-section__title {
  position: relative;
  padding: 18px 37px;
  padding-top: calc(18px - (((13px * 1.5) - 13px) / 2));
  padding-bottom: calc(18px - (((13px * 1.5) - 13px) / 2));
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  background: #bbcadd;
}
.faq-section__title:after {
  position: absolute;
  top: 50%;
  right: 23px;
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23383838%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%) rotate(90deg);
}
.faq-section__title:hover {
  cursor: pointer;
}
.faq-item-group {
  margin-bottom: 70px;
}
.faq-item__title, .faq-item__text {
  position: relative;
  padding-left: 140px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #313131;
}
.faq-item__title:before, .faq-item__text:before {
  position: absolute;
  top: -.3em;
  left: 20px;
  font-family: "SignstyleRegular", sans-serif;
  font-size: 34px;
  font-size: 2.125rem;
}
.faq-item__title {
  margin-top: 40px;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  font-weight: normal;
}
.faq-item__title:before {
  content: "Q.";
}
.faq-item__title:after {
  position: absolute;
  right: 12px;
  content: "＋";
  font-size: 21px;
  font-size: 1.3125rem;
  color: #616161;
}
.faq-item__title:hover {
  cursor: pointer;
}
.faq-item__title.-active:after {
  content: "－";
}
.faq-item__text {
  margin-top: 40px;
}
.faq-item__text:before {
  content: "A.";
}
.faq-item__text p {
  margin-bottom: 2em;
  line-height: 2.3;
}
.faq-item__text p:last-child {
  margin-bottom: 0;
}
.faq-item__text h4 {
  display: inline-block;
  margin-bottom: 1.5em;
  padding: 0 15px 10px;
  border-bottom: 1px solid #3a3a3a;
  font-weight: normal;
}
.faq-result {
  display: none;
}
.faq-result .btn.-reset {
  margin-top: 60px;
}
.faq-result .btn.-reset:hover {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .faq-section {
    margin-bottom: 20px;
  }
  .faq-section__title {
    padding: 18px;
    padding-top: calc(18px - (((13px * 1.5) - 13px) / 2));
    padding-bottom: calc(18px - (((13px * 1.5) - 13px) / 2));
  }
  .faq-item-group {
    margin-bottom: 40px;
  }
  .faq-item__title, .faq-item__text {
    position: relative;
    padding-left: 40px;
  }
  .faq-item__title:before, .faq-item__text:before {
    left: 10px;
    font-size: 30px;
    font-size: 1.875rem;
  }
  .faq-item__title {
    margin-top: 20px;
    padding-right: 30px;
  }
  .faq-item__title:after {
    position: absolute;
    top: -.2em;
  }
  .faq-item__text {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .faq-result .btn.-reset {
    margin-top: 30px;
  }
}

/* ご利用の流れ */
.flow-section {
  margin-top: 0;
  margin-bottom: 45px;
}
.flow-section .contents, .flow-section .plan-section-info {
  display: flex;
  padding-bottom: 45px;
  border-bottom: 1px solid #696969;
}
.flow-section__title {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25.38%;
  margin-right: 8.38%;
  padding: 70px 20px;
  background: #d6dee7;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  text-align: center;
  font-weight: normal;
}
.flow-section__title span {
  margin-bottom: calc(35px - (((18px * 1.5) - 18px) / 2));
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  color: #313131;
}
.flow-section-detail {
  align-self: center;
  padding: 15px 0;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
}
.flow-section-detail p {
  margin-bottom: calc(30px - (((12px * 2.3) - 12px) / 2));
  line-height: 2.3;
}
.flow-section-detail p a {
  text-decoration: underline;
}
.flow-section-detail p a:hover {
  text-decoration: none;
}
.flow-section-detail .list-ul {
  margin: 0;
}
.flow-section-detail .list-ul li {
  line-height: 2.3;
}
.flow-section-detail dl > * {
  line-height: 2.3;
}
.flow-section-detail dl dt:before {
  content: "◇";
}
.flow-section-detail .btn-link {
  display: inline-block;
  min-width: 200px;
  margin-top: calc(15px - (((12px * 2.3) - 12px) / 2));
  margin-bottom: calc(20px - (((12px * 2.3) - 12px) / 2));
  margin-left: 1em;
  padding: 15px 20px;
  padding-top: calc(15px - (((12px * 2.3) - 12px) / 2));
  padding-bottom: calc(15px - (((12px * 2.3) - 12px) / 2));
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  background: #d6dee7;
  text-decoration: none;
  text-align: center;
}
.flow-section-detail .btn-link.-reserve {
  padding-left: 50px;
  padding-right: 50px;
}
.flow-section-detail > *:last-child {
  margin-bottom: 0;
}
.flow-section .box {
  padding: 30px;
  padding-top: calc(30px - (((1rem * 1.5) - 1rem) / 2));
  padding-bottom: calc(30px - (((1rem * 1.5) - 1rem) / 2));
  border: 1px solid #444;
}
.flow-section .box p {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .flow-section {
    margin-bottom: 30px;
  }
  .flow-section .contents, .flow-section .plan-section-info {
    display: block;
    padding-bottom: 30px;
  }
  .flow-section__title {
    flex-direction: row;
    width: auto;
    margin: 0;
    padding: 15px;
  }
  .flow-section__title span {
    margin: 0;
    margin-right: 1em;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .flow-section-detail {
    padding-bottom: 0;
  }
  .flow-section-detail .btn-link {
    display: block;
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    margin-top: calc(15px - (((12px * 2.3) - 12px) / 2));
    margin-bottom: calc(20px - (((12px * 2.3) - 12px) / 2));
  }
  .flow-section-detail .btn-link.-reserve {
    max-width: 85%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .flow-section-detail > *:last-child {
    margin-bottom: 0;
  }
  .flow-section .box {
    padding: 30px;
    padding-top: calc(30px - (((1rem * 1.5) - 1rem) / 2));
    padding-bottom: calc(30px - (((1rem * 1.5) - 1rem) / 2));
    border: 1px solid #444;
  }
  .flow-section .box p {
    margin-bottom: 0;
  }
}

/* 画像加工・レタッチ */
.retouch-header .contents, .retouch-header .plan-section-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.retouch-header__img {
  flex-shrink: 0;
  width: 36.57%;
  margin-right: 6.81%;
}
.retouch-header-detail {
  width: 56.62%;
}
.retouch-header-detail p {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  line-height: 2.3;
}
.retouch-header__title {
  margin-bottom: calc(45px - (((22px * 1.5) - 22px) / 2));
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: -0.03em;
  font-family: "Hannari", "HannariMincho", JPAMincho, IPAPMincho, serif;
  color: #646464;
  font-weight: normal;
}
.retouch-flow {
  width: 100%;
  margin-top: 94px;
}
.retouch-flow dt {
  display: inline-block;
  margin-bottom: 30px;
  padding: 7px 36px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  background: #d6dee7;
  text-align: center;
}
.retouch-flow dd ol {
  display: flex;
  justify-content: space-between;
}
.retouch-flow dd ol li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 5 - 14px);
  padding: 20px;
  padding-top: calc(45px - (((14px * 2) - 14px) / 2));
  padding-bottom: calc(45px - (((14px * 2) - 14px) / 2));
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 2;
  border: 1px solid #cacaca;
}
.retouch-flow dd ol li:after {
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 8px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23cacaca%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.retouch-flow dd ol li:last-child:after {
  display: none;
}
.retouch-area {
  padding: 76px 0;
  background: #d9e2ed;
}
.retouch-area__title {
  margin-bottom: calc(30px - (((1rem * 1.5) - 1rem) / 2));
  font-size: 27px;
  font-size: 1.6875rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  color: #646464;
  text-align: center;
  font-weight: normal;
}
.retouch-area__title span {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.retouch-area-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.retouch-area-group + .list-att {
  margin: 0 40px;
}
.retouch-area-box {
  padding: 15px 50px;
  border: 2px solid #6f6f6f;
}
.retouch-area-box__title {
  display: inline-block;
  margin: 0 -50px 35px;
  padding: 7px 25px;
  background: #575757;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.retouch-area-box:nth-of-type(1) {
  flex-shrink: 0;
  width: 73.48%;
  margin-right: 2.86%;
}
.retouch-area-box:nth-of-type(2) {
  width: 23.66%;
  padding: 15px 35px;
}
.retouch-area-box:nth-of-type(2) .retouch-area-box__title {
  margin-left: -35px;
}
.retouch-area-box:nth-of-type(2) .retouch-area-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.retouch-area-box:nth-of-type(2) .retouch-area-item__title {
  width: 100%;
}
.retouch-area-box:nth-of-type(2) .retouch-area-item ul li {
  display: block;
}
.retouch-area-items {
  display: flex;
  justify-content: space-between;
}
.retouch-area-item {
  width: calc(100% / 3 - 33px);
}
.retouch-area-item__img {
  margin: 0 auto 20px;
  text-align: center;
}
.retouch-area-item__img img {
  height: 65px;
}
.retouch-area-item__title {
  margin-bottom: calc(25px - (((14px * 1.5) - 14px) / 2));
  padding-bottom: calc(17px - (((14px * 1.5) - 14px) / 2));
  border-bottom: 1px solid #696969;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  text-align: center;
  font-weight: normal;
}
.retouch-area-item ul {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
}
.retouch-area-item ul li {
  display: inline-block;
  margin-right: .5em;
  line-height: 2.3;
}
.retouch-area-item ul li:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 13px;
  margin-right: 4px;
  background: url(../img/icon/star.svg) center no-repeat;
  background-size: contain;
}
.retouch-sample {
  margin-bottom: 40px;
}
.retouch-sample-header {
  display: flex;
  align-items: center;
  margin-bottom: calc(60px - (((1rem * 1.5) - 1rem) / 2));
}
.retouch-sample-header p {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
}
.retouch-sample__title {
  display: inline-block;
  margin-right: 17px;
  padding: 7px 36px;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  background: #d6dee7;
  text-align: center;
  font-weight: normal;
}
.retouch-sample-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.retouch-sample-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% / 3 - 30px);
  margin: 0 15px 70px;
  padding-top: 50px;
}
.retouch-sample-item:before, .retouch-sample-item:after {
  position: absolute;
  top: 0;
  display: block;
  width: 50%;
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: 0.09em;
  font-family: "SignstyleRegular", sans-serif;
  text-align: center;
}
.retouch-sample-item:before {
  left: 0;
  content: "Before";
}
.retouch-sample-item:after {
  right: 0;
  content: "After";
}
.retouch-sample-item__img {
  position: relative;
  margin-bottom: 15px;
}
.retouch-sample-item__img dt {
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: 0.09em;
  font-family: "SignstyleRegular", sans-serif;
  text-align: center;
}
.retouch-sample-item__img dt:nth-of-type(1) {
  grid-column: 1;
  grid-row: 1;
}
.retouch-sample-item__img dt:nth-of-type(2) {
  grid-column: 2;
  grid-row: 1;
}
.retouch-sample-item__img dd:nth-of-type(1) {
  grid-column: 1;
  grid-row: 2;
}
.retouch-sample-item__img dd:nth-of-type(2) {
  grid-column: 2;
  grid-row: 2;
}
.retouch-sample-item-detail {
  height: 100%;
  padding: 30px;
  border: 1px solid #696969;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  text-align: center;
}
.retouch-sample-item-detail dt {
  display: inline-block;
  margin-bottom: 20px;
  padding: 0 45px 10px;
  border-bottom: 1px solid #696969;
}
.retouch-sample-item .twentytwenty-handle {
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  border-width: 2px;
  box-shadow: 0 0 0;
  box-sizing: border-box;
  background: #616161;
}
.retouch-sample-item .twentytwenty-handle:before, .retouch-sample-item .twentytwenty-handle:after {
  width: 2px;
  box-shadow: 0 0 0;
}
.retouch-sample-item .twentytwenty-handle:before {
  margin-bottom: 15px;
}
.retouch-sample-item .twentytwenty-handle:after {
  margin-top: 15px;
}
.retouch-sample-item .twentytwenty-left-arrow {
  border-width: 4px 6px 4px 0;
  margin-top: -4px;
  margin-left: -7px;
}
.retouch-sample-item .twentytwenty-right-arrow {
  border-width: 4px 0 4px 6px;
  margin-top: -4px;
  margin-right: -7px;
}
.retouch-sample-item .twentytwenty-before-label:before, .retouch-sample-item .twentytwenty-after-label:before {
  display: none;
}
@media screen and (max-width: 768px) {
  .retouch-header {
    padding-bottom: 0;
  }
  .retouch-header .contents, .retouch-header .plan-section-info {
    display: block;
  }
  .retouch-header__img {
    width: auto;
    margin: 0 0 20px;
  }
  .retouch-header-detail {
    width: auto;
  }
  .retouch-header__title {
    margin-bottom: calc(20px - (((22px * 1.5) - 22px) / 2));
    font-size: 22px;
    font-size: 1.375rem;
  }
  .retouch-flow {
    margin-top: 45px;
  }
  .retouch-flow dt {
    display: block;
  }
  .retouch-flow dd ol {
    display: block;
  }
  .retouch-flow dd ol li {
    width: auto;
    margin-bottom: 20px;
    padding: 10px 20px;
  }
  .retouch-flow dd ol li:after {
    top: 100%;
    right: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .retouch-area {
    padding: 40px 0;
  }
  .retouch-area__title {
    margin-bottom: calc(30px - (((1rem * 1.5) - 1rem) / 2));
    font-size: 27px;
    font-size: 1.6875rem;
  }
  .retouch-area-group {
    display: block;
    margin-bottom: 20px;
  }
  .retouch-area-group + .list-att {
    margin: 0 20px;
  }
  .retouch-area-box {
    padding: 15px 20px;
  }
  .retouch-area-box__title {
    margin: 0 -20px 35px;
  }
  .retouch-area-box:nth-of-type(1) {
    width: auto;
    margin: 0 0 20px;
  }
  .retouch-area-box:nth-of-type(2) {
    width: auto;
    padding: 15px 20px;
  }
  .retouch-area-box:nth-of-type(2) .retouch-area-box__title {
    margin-left: -20px;
  }
  .retouch-area-items {
    display: block;
  }
  .retouch-area-item {
    width: auto;
    margin-bottom: 20px;
  }
  .retouch-sample {
    margin-bottom: 60px;
  }
  .retouch-sample-header {
    display: block;
    margin-bottom: 30px;
  }
  .retouch-sample__title {
    margin-bottom: 10px;
  }
  .retouch-sample-items {
    display: block;
    margin: 0;
  }
  .retouch-sample-item {
    display: flex;
    flex-direction: column;
    width: auto;
    margin: 0 0 30px;
  }
}

/* スタッフ紹介 */
.staff-section .contents, .staff-section .plan-section-info {
  display: flex;
  justify-content: space-between;
}
.staff-section__title {
  margin-bottom: calc(17px - (((33px * 1.5) - 33px) / 2));
  padding-bottom: calc(17px - (((33px * 1.5) - 33px) / 2));
  font-size: 33px;
  font-size: 2.0625rem;
  letter-spacing: 0.01em;
  font-family: adobe-song-std, sans-serif;
  font-weight: normal;
  color: #353535;
}
.staff-section__title:after {
  content: "";
  display: block;
  width: 70%;
  border-bottom: 1px solid #696969;
}
.staff-section__status {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
  color: #4e4e4e;
}
.staff-section__movie {
  position: relative;
  width: 100%;
  margin-bottom: 90px;
  padding-top: 58.77%;
}
.staff-section__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.staff-section-detail {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: calc(50% - 30px);
}
.staff-section__text {
  margin: auto 0;
}
.staff-section__text p {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.01em;
  line-height: 3;
  color: #4e4e4e;
}
.staff-section__text .btn {
  margin-top: 70px;
}
.staff-section__text .btn a {
  margin: 0;
  border: 0;
  background: #fff;
}
.staff-section__img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(50% - 30px);
  padding: 0 30px;
}
.staff-section__img li {
  width: calc(100% / 2 - 7.5px);
  margin-bottom: 15px;
}
.staff-section:nth-of-type(1) .contents, .staff-section:nth-of-type(1) .plan-section-info {
  display: block;
}
.staff-section:nth-of-type(1) .staff-section__title {
  font-size: 44px;
  font-size: 2.75rem;
}
.staff-section:nth-of-type(1) .staff-section__title:after {
  width: 76.19%;
}
.staff-section:nth-of-type(1) .staff-section__status {
  margin-bottom: 50px;
}
.staff-section:nth-of-type(1) .staff-section-detail {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}
.staff-section:nth-of-type(1) .staff-section__text {
  display: block;
  width: 50%;
}
.staff-section:nth-of-type(1) .staff-section__text p {
  margin-bottom: 2em;
}
.staff-section:nth-of-type(1) .staff-section__img {
  width: calc(50% - 87px);
  padding: 0;
}
.staff-section:nth-of-type(3) .contents, .staff-section:nth-of-type(3) .plan-section-info {
  flex-direction: row-reverse;
}
.staff-section:nth-of-type(3) .staff-section__text .btn a {
  margin-left: auto;
  background: #d6dee7;
}
.staff-andmore {
  padding: 90px 20px;
  background: #d6dee7;
  text-align: center;
}
.staff-andmore__headline {
  margin-bottom: calc(50px - (((30px * 1.5) - 30px) / 2));
  font-size: 30px;
  font-size: 1.875rem;
  letter-spacing: 0.25em;
  font-family: adobe-song-std, sans-serif;
}
.staff-andmore p {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  color: #2a2a2a;
}
@media screen and (max-width: 768px) {
  .staff-section .contents, .staff-section .plan-section-info {
    display: block;
  }
  .staff-section__title {
    margin-bottom: calc(10px - (((24px * 1.5) - 24px) / 2));
    padding-bottom: calc(12px - (((24px * 1.5) - 24px) / 2));
    font-size: 24px;
    font-size: 1.5rem;
    border-bottom: 1px solid #696969;
  }
  .staff-section__title:after {
    display: none;
  }
  .staff-section__status {
    margin-bottom: 20px;
  }
  .staff-section__movie {
    margin-bottom: 20px;
  }
  .staff-section-detail {
    display: block;
    width: auto;
  }
  .staff-section__text {
    margin: 0 0 30px;
  }
  .staff-section__text p {
    line-height: 2.3;
  }
  .staff-section__text .btn {
    margin-top: 30px;
  }
  .staff-section__text .btn a {
    margin: 0 auto;
  }
  .staff-section__img {
    width: auto;
    padding: 0;
  }
  .staff-section:nth-of-type(1) .contents, .staff-section:nth-of-type(1) .plan-section-info {
    display: block;
  }
  .staff-section:nth-of-type(1) .staff-section__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .staff-section:nth-of-type(1) .staff-section__status {
    margin-bottom: 20px;
  }
  .staff-section:nth-of-type(1) .staff-section-detail {
    display: block;
  }
  .staff-section:nth-of-type(1) .staff-section__text {
    display: block;
    width: auto;
  }
  .staff-section:nth-of-type(1) .staff-section__img {
    width: auto;
  }
}

/* スタジオ紹介 */
.studio-movie {
  position: relative;
  width: 100%;
  margin-bottom: 90px;
  padding-top: 58.77%;
}
.studio-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.studio-section__title {
  font-size: 60px;
  font-size: 3.75rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  color: #646464;
  font-weight: normal;
}
.studio-section p {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  line-height: 2.3;
}
.studio-exterior {
  padding: 0 !important;
}
.studio-exterior .contents, .studio-exterior .plan-section-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}
.studio-exterior .studio-section__title {
  margin-bottom: calc(50px - (((60px * 1.5) - 60px) / 2));
}
.studio-exterior-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 2;
  grid-row: 1;
  padding-bottom: 120px;
}
.studio-exterior-detail > div {
  width: 65%;
}
.studio-exterior-detail p {
  width: 90%;
}
.studio-exterior__img.-img01 {
  grid-column: 1;
  grid-row: 1;
  padding-left: 4.29%;
}
.studio-exterior__img.-img02 {
  grid-column: 2;
  grid-row: 2;
  width: 71.52%;
  margin-top: -120px;
  margin-left: -45px;
}
.studio-example {
  margin-top: 170px;
}
.studio-example .studio-section__title {
  margin-bottom: calc(140px - (((60px * 1.5) - 60px) / 2));
  text-align: center;
}
.studio-example-section {
  position: relative;
  padding: 0 3.33%;
}
.studio-example-section-header {
  display: flex;
  align-items: center;
}
.studio-example-section-header__title {
  position: absolute;
  width: 50%;
  text-align: center;
  font-size: 130px;
  font-size: 8.125rem;
  letter-spacing: -0.01em;
  font-family: "SignstyleRegular", sans-serif;
  transform: rotate(-1.4deg);
  color: #4e4e4e;
  font-weight: normal;
  z-index: 10;
}
.studio-example-section__text p {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  line-height: 2.3;
}
.studio-example-section__img img {
  position: relative;
  display: block;
}
@media screen and (min-width: 769px) {
  .studio-example-section.-mortarWall {
    display: grid;
    grid-template-columns: 56% 44%;
    grid-template-rows: auto auto auto;
  }
  .studio-example-section.-mortarWall .studio-example-section-header {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .studio-example-section.-mortarWall .studio-example-section__text {
    grid-column: 2;
    grid-row: 2;
    padding-top: 60px;
    padding-left: 105px;
    padding-bottom: 30px;
  }
  .studio-example-section.-mortarWall .studio-example-section__img {
    flex-shrink: 0;
    margin-left: auto;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img01 {
    width: 65.82%;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img02 {
    grid-column: 1;
    grid-row: 2 / 4;
    margin-top: -117px;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img02 img {
    position: relative;
    display: block;
    width: 80%;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 66.67%;
    margin-left: auto;
    margin-top: -30px;
    z-index: -1;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img03 {
    grid-column: 2;
    grid-row: 3;
    padding-left: 105px;
  }
  .studio-example-section.-japaneseStyleRoom {
    display: grid;
    grid-template-columns: 37% 63%;
    grid-template-rows: auto auto auto;
    margin-top: -20px;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section-header {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section-header__title {
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -80px;
    padding-right: 1em;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section-header__title span {
    display: block;
    width: 3.5em;
    margin-bottom: -.5em;
    line-height: 1;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section-header__title span:nth-of-type(2) {
    text-align: right;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__text {
    grid-column: 1;
    grid-row: 2;
    width: 83.56%;
    padding-top: 60px;
    padding-left: 15px;
    padding-bottom: 60px;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img {
    flex-shrink: 0;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img01 {
    width: 60%;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img02 {
    grid-column: 2;
    grid-row: 2 / 4;
    margin-top: -80px;
    margin-right: -15px;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img02 img {
    width: 80%;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img02 img:nth-of-type(1) {
    width: 70.08%;
    margin-left: auto;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 55.12%;
    margin-top: -20px;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img03 {
    grid-column: 1;
    grid-row: 3;
    width: 83.56%;
    padding-left: 15px;
  }
  .studio-example-section.-chapelSet {
    display: flex;
    flex-wrap: wrap;
    margin-top: -150px;
  }
  .studio-example-section.-chapelSet .studio-example-section-header {
    width: 100%;
    order: 1;
  }
  .studio-example-section.-chapelSet .studio-example-section-header__title {
    width: 87%;
    margin-top: 100px;
  }
  .studio-example-section.-chapelSet .studio-example-section__text {
    order: 3;
    width: 40%;
    padding: 60px 30px 0 100px;
  }
  .studio-example-section.-chapelSet .studio-example-section__img {
    flex-shrink: 0;
  }
  .studio-example-section.-chapelSet .studio-example-section__img.-img01 {
    width: 46.58%;
    margin-left: auto;
  }
  .studio-example-section.-chapelSet .studio-example-section__img.-img02 {
    order: 2;
    width: 60%;
    margin-top: -80px;
  }
  .studio-example-section.-whiteWall {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 110px;
  }
  .studio-example-section.-whiteWall .studio-example-section-header {
    width: 50%;
  }
  .studio-example-section.-whiteWall .studio-example-section-header__title {
    top: 0;
    left: 42%;
    width: auto;
    margin-top: 30px;
  }
  .studio-example-section.-whiteWall .studio-example-section__text {
    width: 50%;
    padding: 0 0 40px 90px;
  }
  .studio-example-section.-whiteWall .studio-example-section__text p {
    width: 70%;
  }
  .studio-example-section.-whiteWall .studio-example-section__img {
    position: relative;
    flex-shrink: 0;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img01 {
    width: 73.57%;
    z-index: 100;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img02 {
    width: 100%;
    margin-top: -150px;
    z-index: 10;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img02 img {
    position: relative;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img02 img:nth-of-type(1) {
    width: 42.45%;
    margin-left: 33.67%;
    z-index: 1;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 38.62%;
    margin-top: -30px;
    margin-left: 10%;
    z-index: 0;
  }
  .studio-example-section.-goldWall {
    display: flex;
    flex-wrap: wrap;
    margin-top: -80px;
  }
  .studio-example-section.-goldWall .studio-example-section-header {
    width: 100%;
  }
  .studio-example-section.-goldWall .studio-example-section-header__title {
    left: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -80px;
    padding-right: 1em;
  }
  .studio-example-section.-goldWall .studio-example-section-header__title span {
    display: block;
    width: 3em;
    margin-bottom: -.5em;
    line-height: 1;
  }
  .studio-example-section.-goldWall .studio-example-section-header__title span:nth-of-type(2) {
    text-align: right;
  }
  .studio-example-section.-goldWall .studio-example-section__text {
    width: 32.14%;
    margin-right: 50px;
    padding: 0 30px;
  }
  .studio-example-section.-goldWall .studio-example-section__img {
    flex-shrink: 0;
  }
  .studio-example-section.-goldWall .studio-example-section__img.-img01 {
    width: 43.62%;
    margin-left: auto;
  }
  .studio-example-section.-goldWall .studio-example-section__img.-img02 {
    width: 28.57%;
    margin-top: -230px;
  }
  .studio-example-section.-DriedFlower {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 110px;
  }
  .studio-example-section.-DriedFlower .studio-example-section-header {
    width: 50%;
  }
  .studio-example-section.-DriedFlower .studio-example-section-header__title {
    top: 0;
    left: 43%;
    width: auto;
    margin-top: 100px;
    z-index: 100;
  }
  .studio-example-section.-DriedFlower .studio-example-section__text {
    width: 50%;
    padding: 60px 0 0 140px;
  }
  .studio-example-section.-DriedFlower .studio-example-section__text p {
    width: 80%;
  }
  .studio-example-section.-DriedFlower .studio-example-section__img {
    position: relative;
    flex-shrink: 0;
  }
  .studio-example-section.-DriedFlower .studio-example-section__img.-img01 {
    width: 87.76%;
    z-index: 10;
  }
  .studio-example-section.-DriedFlower .studio-example-section__img.-img02 {
    width: 100%;
    margin-top: -110px;
    z-index: 100;
  }
  .studio-example-section.-DriedFlower .studio-example-section__img.-img02 img {
    position: relative;
  }
  .studio-example-section.-DriedFlower .studio-example-section__img.-img02 img:nth-of-type(1) {
    width: 41.33%;
    margin-left: 40.31%;
    z-index: 0;
  }
  .studio-example-section.-DriedFlower .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 36.22%;
    margin-top: -30px;
    margin-left: 10%;
    z-index: 1;
  }
  .studio-example-section.-largeAntiqueWindow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 110px;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section-header {
    order: 2;
    width: 50%;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section-header__title {
    top: 0;
    left: 13%;
    width: auto;
    margin-top: 100px;
    z-index: 100;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section__text {
    order: 1;
    width: 50%;
    padding: 60px 0 0 21.43%;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section__img {
    position: relative;
    flex-shrink: 0;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section__img.-img01 {
    width: 83.67%;
    margin: 0;
    margin-left: 5%;
    margin-right: 50px;
    z-index: 10;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section__img.-img02 {
    order: 3;
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-top: -170px;
    z-index: 100;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section__img.-img02 img {
    position: relative;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section__img.-img02 img:nth-of-type(1) {
    width: 41.84%;
    margin-left: 7.65%;
    z-index: 1;
  }
  .studio-example-section.-largeAntiqueWindow .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 47.45%;
    margin-right: 6.12%;
    margin-bottom: -110px;
    margin-left: -40px;
    z-index: 0;
  }
  .studio-example-section.-coloredBg {
    margin-top: 200px;
  }
  .studio-example-section.-coloredBg .studio-example-section-header {
    display: block;
  }
  .studio-example-section.-coloredBg .studio-example-section-header__title {
    position: static;
    width: auto;
    margin-bottom: calc(30px - (((130px * 1.5) - 130px) / 2));
    text-align: center;
  }
  .studio-example-section.-coloredBg .studio-example-section__text {
    margin-bottom: 100px;
    text-align: center;
  }
  .studio-example-section.-coloredBg .studio-example-section__img {
    display: flex;
    justify-content: space-between;
  }
  .studio-example-section.-coloredBg .studio-example-section__img li {
    width: calc(100% / 3 - 8px);
  }
}
@media screen and (max-width: 768px) {
  .studio-section__title {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .studio-exterior {
    padding: 60px 0 !important;
  }
  .studio-exterior .contents, .studio-exterior .plan-section-info {
    display: block;
  }
  .studio-exterior .studio-section__title {
    margin-bottom: calc(30px - (((60px * 1.5) - 60px) / 2));
    text-align: center;
  }
  .studio-exterior-detail {
    padding-bottom: 40px;
  }
  .studio-exterior-detail > div {
    width: auto;
  }
  .studio-exterior-detail p {
    width: auto;
  }
  .studio-exterior__img {
    margin: 0 -15px;
  }
  .studio-exterior__img.-img01 {
    padding-left: 0;
    padding-right: 20%;
  }
  .studio-exterior__img.-img02 {
    width: 80%;
    margin-top: -10%;
    margin-left: auto;
  }
  .studio-example {
    margin-top: 80px;
  }
  .studio-example .studio-section__title {
    margin-bottom: calc(70px - (((30px * 1.5) - 30px) / 2));
  }
  .studio-example-section {
    margin-bottom: 60px;
    padding: 0;
  }
  .studio-example-section-header {
    display: block;
  }
  .studio-example-section-header__title {
    position: static;
    width: auto;
    font-size: 80px;
    font-size: 5rem;
    line-height: 1;
  }
  .studio-example-section__text {
    padding: 20px 0;
  }
  .studio-example-section.-mortarWall {
    display: block;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img02 img {
    position: relative;
    display: block;
    width: 80%;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img02 img:nth-of-type(1) {
    margin-left: -15px;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 66.67%;
    margin-left: auto;
    margin-top: -30px;
    z-index: -1;
  }
  .studio-example-section.-mortarWall .studio-example-section__img.-img03 {
    position: relative;
    width: 80%;
    margin: -30px 0 0;
    padding-left: 0;
    z-index: -2;
  }
  .studio-example-section.-japaneseStyleRoom {
    display: block;
    margin-top: 50px;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section-header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    padding-right: 1em;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section-header__title span {
    display: block;
    width: 3.5em;
    margin-bottom: -.5em;
    line-height: 1;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section-header__title span:nth-of-type(2) {
    text-align: right;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img {
    position: relative;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img02 {
    margin-top: 0;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img02 img:nth-of-type(1) {
    width: 80%;
    margin-right: -15px;
    margin-left: auto;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 66.7%;
    margin-top: -20px;
  }
  .studio-example-section.-japaneseStyleRoom .studio-example-section__img.-img03 {
    width: 83.56%;
    margin-top: -30px;
    margin-left: auto;
    padding: 0;
    z-index: -2;
  }
  .studio-example-section.-whiteWall .studio-example-section-header__title {
    position: absolute;
    width: 100%;
    top: 7%;
  }
  .studio-example-section.-whiteWall .studio-example-section__img {
    position: relative;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img02 img {
    position: relative;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img02 img:nth-of-type(1) {
    width: 80%;
    margin-left: -15px;
  }
  .studio-example-section.-whiteWall .studio-example-section__img.-img02 img:nth-of-type(2) {
    width: 66.7%;
    margin-top: -20px;
    margin-left: auto;
    z-index: -1;
  }
  .studio-example-section.-goldWall .studio-example-section-header__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    padding-right: 1em;
  }
  .studio-example-section.-goldWall .studio-example-section-header__title span {
    display: block;
    width: 3.5em;
    margin-bottom: -.5em;
    line-height: 1;
  }
  .studio-example-section.-goldWall .studio-example-section-header__title span:nth-of-type(2) {
    text-align: right;
  }
}

.history .studio-section__title {
  margin-bottom: 80px;
  font-size: 33px;
  font-size: 2.0625rem;
  text-align: center;
}
.history-list {
  width: 78.57%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.history-list dt, .history-list dd {
  margin-bottom: 60px;
  padding-bottom: 20px;
  border-bottom: 1px solid #3a3a3a;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.3;
  letter-spacing: 0.09em;
}
.history-list dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  text-align: center;
}
.history-list dd {
  width: 80%;
  padding-left: 80px;
}
@media screen and (max-width: 768px) {
  .history .studio-section__title {
    margin-bottom: 60px;
  }
  .history-list {
    width: auto;
    display: block;
  }
  .history-list dt, .history-list dd {
    width: auto;
    margin-bottom: 30px;
  }
  .history-list dt {
    border: 0;
    margin-bottom: 0;
  }
  .history-list dd {
    padding-left: 0;
  }
}

/* 大人気の理由  */
.point {
  padding-bottom: 160px;
}
.point__title {
  margin-bottom: calc(110px - (((44px * 1.5) - 44px) / 2));
  font-size: 44px;
  font-size: 2.75rem;
  letter-spacing: -0.03em;
  font-family: "Hannari", "HannariMincho", JPAMincho, IPAPMincho, serif;
  color: #646464;
  text-align: center;
  font-weight: normal;
}
.point-section {
  position: relative;
  margin: -60px 0;
  margin: 0;
}
.point-section.-bg {
  padding: 80px 0;
  margin-top: -80px;
}
.point-section.-bg:before {
  background-color: #e9eef3;
}
.point-section .contents, .point-section .plan-section-info {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 0 3.33%;
}
.point-section__img {
  flex-shrink: 0;
  width: 38.27%;
}
.point-section__title {
  margin-bottom: calc(40px - (((14px * 1.5) - 14px) / 2));
  font-size: 14px;
  font-size: 0.875rem;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
  letter-spacing: 0.11em;
  text-align: center;
  color: #4f4f4f;
}
.point-section__title span {
  display: block;
  width: 69.41%;
  transform: translateX(-60%);
  margin-bottom: calc(40px - (((33px * 1.5) - 33px) / 2));
  padding-bottom: 10px;
  font-size: 33px;
  font-size: 2.0625rem;
  font-family: "TheBillionRegular", sans-serif;
  letter-spacing: 0em;
  text-align: right;
  font-weight: normal;
  color: #4e4e4e;
}
.point-section__title span:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #616161;
}
.point-section-detail {
  padding-left: 19%;
}
.point-section-detail p {
  margin-bottom: 2em;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  line-height: 2;
  color: #2a2a2a;
}
.point-section:nth-child(odd) .contents, .point-section:nth-child(odd) .plan-section-info {
  flex-direction: row;
}
.point-section:nth-child(odd) .point-section__title span {
  transform: translateX(104%);
  text-align: left;
}
.point-section:nth-child(odd) .point-section__title span:after {
  transform: scale(0, 0);
}
.point-section:nth-child(odd) .point-section__title span.-isAnimated:after {
  animation: flowBorderLR .7s ease-in-out forwards;
}
.point-section:nth-child(odd) .point-section-detail {
  padding-left: 0;
  padding-right: 19%;
}
.point-section:nth-child(even) .point-section__title span:after {
  transform: scale(0, 0);
}
.point-section:nth-child(even) .point-section__title span.-isAnimated:after {
  animation: flowBorderRL .7s ease-in-out forwards;
}
.point-section:nth-of-type(1), .point-section:nth-of-type(3), .point-section:nth-of-type(5) {
  z-index: 100;
}
@media screen and (min-width: 769px) {
  .point-section:nth-of-type(1) {
    margin-bottom: -100px;
  }
  .point-section:nth-of-type(2) {
    padding-bottom: 140px;
  }
  .point-section:nth-of-type(3) {
    margin-top: -80px;
  }
  .point-section:nth-of-type(4) {
    margin-top: -50px;
    padding-top: 40px;
    padding-bottom: 150px;
  }
  .point-section:nth-of-type(4):before {
    transform: rotate(0deg);
  }
  .point-section:nth-of-type(4) .point-section-detail {
    margin-top: 100px;
  }
  .point-section:nth-of-type(5) {
    margin-top: -50px;
  }
  .point-section:nth-of-type(5) .point-section-detail {
    margin-top: 80px;
  }
  .point-section:nth-of-type(6) {
    padding-bottom: 100px;
  }
  .point-section:nth-of-type(6) .point-section-detail {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .point {
    padding-bottom: 40px;
  }
  .point__title {
    margin-bottom: calc(60px - (((30px * 1.5) - 30px) / 2));
    font-size: 30px;
    font-size: 1.875rem;
  }
  .point-section {
    margin: 0 !important;
  }
  .point-section.-bg {
    padding: 80px 0;
    margin-top: 0;
  }
  .point-section .contents, .point-section .plan-section-info {
    display: block;
    padding: 0;
  }
  .point-section__img {
    width: auto;
  }
  .point-section__title {
    margin-bottom: calc(40px - (((14px * 1.5) - 14px) / 2));
  }
  .point-section__title span {
    display: block;
    width: 69.41%;
    transform: translateX(0);
    margin-left: -30px;
    margin-bottom: calc(20px - (((20px * 1.5) - 20px) / 2));
    font-size: 20px;
    font-size: 1.25rem;
  }
  .point-section-detail {
    padding: 0 15px !important;
  }
  .point-section:nth-child(odd) .point-section__title span {
    transform: translateX(0);
    margin-left: auto;
    margin-right: -30px;
    text-align: left;
  }
  .point-section:nth-child(odd) .point-section-detail {
    padding: 0;
  }
}

/*----------------------------------------------------
	costume
----------------------------------------------------*/
.costume-section + .costume-section {
  margin-top: 170px;
}
.costume-section__title {
  margin-bottom: calc(50px - (((30px * 1.5) - 30px) / 2));
  font-size: 30px;
  font-size: 1.875rem;
  letter-spacing: 0.23em;
  font-family: adobe-song-std, sans-serif;
  font-weight: normal;
  color: #2a2a2a;
}
.costume-section__title:after {
  content: "";
  display: block;
  width: 75.24%;
  margin-top: calc(15px - (((30px * 1.5) - 30px) / 2));
  border-bottom: 1px solid #000;
}
.costume-section__text {
  margin-top: -20px;
  margin-bottom: calc(50px - (((12px * 1.5) - 12px) / 2));
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.01em;
}
.costume-section-nav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.costume-section-nav li {
  width: calc(100% / 7 - 9px);
}
.costume-section-nav li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: calc(24px - (((1rem * 1.5) - 1rem) / 2));
  padding-bottom: calc(16px - (((1rem * 1.5) - 1rem) / 2));
  background: #bbcadd;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  border: 1px solid transparent;
  transition: .3s;
}
.costume-section-nav li a:hover {
  cursor: pointer;
  opacity: .7;
}
.costume-section-nav li a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 14px;
  transform: rotate(90deg);
}
.costume-section-nav li a.-active {
  border: 1px solid #bbcadd;
  background: #fff;
  color: #bbcadd;
}
.costume-section-nav li a.-active:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23bbcadd%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.costume-section-nav.-col6 li {
  width: calc(100% / 6 - 8px);
}
.costume-section-icons {
  display: flex;
  justify-content: flex-end;
  margin-top: -20px;
  margin-bottom: 20px;
}
.costume-section-icons li {
  display: flex;
  align-items: center;
  margin-left: 15px;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  color: #4b4b4b;
}
.costume-section-icons li img {
  margin-right: 8px;
}
.costume-section-icons li:nth-of-type(1) img {
  width: 35px;
}
.costume-section-icons li:nth-of-type(2) img {
  width: 28px;
}
.costume-section-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px 64px;
}
.costume-section-list li:not(class) {
  width: calc(100% / 4 - 16px);
  margin: 0 8px 16px;
}
.costume-section-list.muuri li.item {
  position: absolute;
  width: calc(100% / 4 - 16px);
  margin: 0 8px 16px;
}
.costume-section-list.waso04Gallery li a:hover {
  cursor: default;
}
.costume-section-list .icon01:before {
  position: absolute;
  top: 13px;
  right: 15px;
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  background: url(../img/costume/dress/icon01.png) no-repeat;
  background-size: contain;
}
.costume-section-list .icon01.icon02:after {
  top: 56px;
}
.costume-section-list .icon02:after {
  position: absolute;
  top: 15px;
  right: 17px;
  content: "";
  display: block;
  width: 28px;
  height: 40px;
  background: url(../img/costume/dress/icon02.png) no-repeat;
  background-size: contain;
}
.costume-section-list.-col3 {
  justify-content: space-between;
  width: 79.29%;
  margin: 0 auto 64px;
}
.costume-section-list.-col3 li {
  width: calc(100% / 3 - 10px);
  margin: 0 0 16px;
}
.costume-section-list.-col6 {
  margin: 0 -6px 64px;
}
.costume-section-list.-col6 li {
  width: calc(100% / 6 - 12px);
  margin: 0 6px 12px;
}
.costume-section-size {
  position: relative;
  width: 81.19%;
  margin-bottom: 100px;
}
.costume-section-size-table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #cecccc;
}
.costume-section-size-table caption {
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  font-weight: bold;
}
.costume-section-size-table th, .costume-section-size-table td {
  padding: 13px 25px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  font-weight: normal;
}
.costume-section-size-table th {
  background: #d6dee7;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.costume-section-size-table th:last-child {
  border-right: 0;
}
.costume-section-size-table td {
  border-right: 1px solid #cecccc;
  border-bottom: 1px solid #cecccc;
}
.costume-section-size-table td:last-child {
  border-right: 0;
}
.costume-section-size .att {
  position: absolute;
  top: .5em;
  right: 0;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  color: #3e3e3e;
}
.costume-section-info {
  display: flex;
}
.costume-section-info dt {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.57%;
  margin-right: 22px;
  background: #d6dee7;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.09em;
  font-family: adobe-song-std, sans-serif;
}
.costume-section-info dd {
  align-self: center;
}
.costume-section-info dd .list-ul {
  margin: 15px 0;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
}
.costume-section-info dd .list-ul li {
  line-height: 2;
}
.costume-section-option {
  padding: 30px 0;
  background: #d6dee7;
}
.costume-section-option-list {
  display: flex;
  align-items: center;
}
.costume-section-option-list dt {
  width: 50%;
  font-size: 30px;
  font-size: 1.875rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  color: #646464;
  text-align: center;
}
.costume-section-option-list dd {
  display: flex;
  justify-content: center;
  width: 50%;
}
.costume-section-option-list dd ul li {
  display: flex;
  align-items: flex-start;
  line-height: 2;
  font-size: 12px;
  font-size: 0.75rem;
  color: #272727;
}
.costume-section-option-list dd ul li:before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 11px;
  height: 13px;
  margin-top: .3em;
  margin-right: 10px;
  background: url(../img/icon/star.svg) center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .costume-section + .costume-section {
    margin-top: 80px;
  }
  .costume-section__title {
    margin-bottom: calc(30px - (((20px * 1.5) - 20px) / 2));
    font-size: 20px;
    font-size: 1.25rem;
  }
  .costume-section__title:after {
    margin-top: calc(10px - (((20px * 1.5) - 20px) / 2));
  }
  .costume-section-nav {
    flex-wrap: wrap;
    margin: 0 -3px 20px;
  }
  .costume-section-nav li {
    width: calc(100% / 3 - 6px);
    margin: 0 3px 6px;
  }
  .costume-section-nav.-col6 li {
    width: calc(100% / 3 - 6px);
  }
  .costume-section-icons {
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .costume-section-list {
    margin: 0 -4px 30px;
  }
  .costume-section-list li:not(class) {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .costume-section-list.muuri li.item {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .costume-section-list.-col3 {
    width: auto;
    margin: 0 -4px 30px;
  }
  .costume-section-list.-col3 li {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .costume-section-list.-col6 {
    margin: 0 -4px 30px;
  }
  .costume-section-list.-col6 li {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .costume-section-size {
    width: auto;
    margin-bottom: 50px;
  }
  .costume-section-size-table {
    width: 100%;
    margin-bottom: 10px;
  }
  .costume-section-size-table caption {
    margin-bottom: 15px;
  }
  .costume-section-size-table th, .costume-section-size-table td {
    padding: 5px;
    font-size: 10px;
    font-size: 0.625rem;
  }
  .costume-section-size .att {
    position: static;
  }
  .costume-section-info {
    display: block;
  }
  .costume-section-info dt {
    display: block;
    width: auto;
    margin: 0;
    padding: 20px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .costume-section-option-list {
    display: block;
  }
  .costume-section-option-list dt {
    width: auto;
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .costume-section-option-list dd {
    width: auto;
  }
  .costume-section-option-list dd ul {
    width: 82%;
    margin: 0 auto;
  }
}

.costume-dress-2 .lb-nav,
.costume-dress .lb-nav {
  display: none !important;
}

/*----------------------------------------------------
	plan
----------------------------------------------------*/
.plan-main-img {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}
.plan-main-img img {
  max-width: 1050px;
}
.plan-main-img.-wide img {
  max-width: 100%;
}
.plan-main-img.-col2 img {
  width: 50%;
}
.plan-section {
  margin: 0;
}
.plan-section:last-child {
  margin-bottom: 100px;
}
.plan-section__title {
  margin-bottom: calc(75px - (((44px * 1.5) - 44px) / 2));
  font-size: 44px;
  font-size: 2.75rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  font-weight: normal;
  color: #646464;
  text-align: center;
}
.plan-section__title span {
  display: block;
  margin-top: calc(30px - (((14px * 1.5) - 14px) / 2));
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.plan-section-contents {
  background: #e1e7ee;
}
.plan-section-info {
  display: flex;
  margin: 40px auto;
}
.plan-section-info dt {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.57%;
  margin-right: 22px;
  background: #d6dee7;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.09em;
  font-family: adobe-song-std, sans-serif;
}
.plan-section-info dd {
  align-self: center;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
}
.plan-section-info dd p {
  margin: 15px 0;
  line-height: 2;
}
.plan-section-info dd .list-ul {
  margin: 15px 0;
}
.plan-section-info dd .list-ul li {
  line-height: 2;
}
.plan-commonPlan:after {
  content: "";
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 55px 0;
  background: #fff url(../img/plan/plus.png) center no-repeat;
  background-size: 35px auto;
}
.plan-commonPlan .contents, .plan-commonPlan .plan-section-info {
  display: flex;
  justify-content: space-between;
}
.plan-commonPlan__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16.67%;
  padding: 15px;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: -0.01em;
  color: #4c4c4c;
  background: #d6dee7;
}
.plan-commonPlan .list {
  align-self: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  margin: 50px 0;
  margin-right: 35px;
}
.plan-commonPlan .list li {
  padding-right: 3em;
}
.plan-commonPlan .list li:nth-of-type(1), .plan-commonPlan .list li:nth-of-type(2), .plan-commonPlan .list li:nth-of-type(3) {
  grid-column: 1;
}
.plan-commonPlan .list li:nth-of-type(4), .plan-commonPlan .list li:nth-of-type(5), .plan-commonPlan .list li:nth-of-type(6) {
  grid-column: 2;
}
.plan-commonPlan .list li:nth-of-type(7), .plan-commonPlan .list li:nth-of-type(8), .plan-commonPlan .list li:nth-of-type(9) {
  grid-column: 3;
}
.plan-commonPlan .list li:nth-of-type(1), .plan-commonPlan .list li:nth-of-type(4), .plan-commonPlan .list li:nth-of-type(7) {
  grid-row: 1;
}
.plan-commonPlan .list li:nth-of-type(2), .plan-commonPlan .list li:nth-of-type(5), .plan-commonPlan .list li:nth-of-type(8) {
  grid-row: 2;
}
.plan-commonPlan .list li:nth-of-type(2), .plan-commonPlan .list li:nth-of-type(6), .plan-commonPlan .list li:nth-of-type(9) {
  grid-row: 3;
}
.plan-select {
  padding: 27px 0;
}
.plan-select .contents, .plan-select .plan-section-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.plan-select-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: calc(100% / 3 - 12px);
  margin: 0 6px 22px;
  padding: 55px;
  background: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  color: #000;
}
.plan-select-item__title {
  margin-bottom: calc(30px - (((12px * 1.5) - 12px) / 2));
  letter-spacing: 0.04em;
  color: #000;
  text-align: center;
}
.plan-select-item .badge {
  position: absolute;
  top: -5px;
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67px;
  height: 67px;
  background: #938d63;
  border-radius: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.11em;
  color: #fff;
  line-height: 1.1;
  text-align: center;
  font-weight: bold;
}
.plan-select-item .price {
  margin-bottom: calc(30px - (((19px * 1.5) - 19px) / 2));
  font-size: 19px;
  font-size: 1.1875rem;
  letter-spacing: 0.09em;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
  text-align: center;
}
.plan-select-item .price span {
  font-size: 10px;
  font-size: 0.625rem;
}
.plan-select-item .list a.view {
  display: inline-block;
  margin-left: 1em;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #9aacc3;
}
.plan-select-item .list a.view:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.9%22%20height%3D%2232.9%22%20viewBox%3D%220%200%2032.9%2032.9%22%3E%3Cg%3E%3Cpath%20d%3D%22M24.34%2C12.63l-6.94%2C9.47-7.39-9.44%2C7.27%2C5.17%2C7.07-5.19Z%22%20%20fill%3D%22%239aacc3%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.9%2C1c8.28%2C0%2C15%2C7.62%2C15%2C15%2C0%2C9.18-6.72%2C15.9-15%2C15.9S1%2C25.18%2C1%2C16C1%2C8.62%2C8.62%2C1%2C16.9%2C1Z%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%239aacc3%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 3px;
  transform: rotate(-90deg);
}
.plan-select-item .list .right {
  display: block;
  text-align: right;
}
.plan-select-item .btn a {
  display: inline-block;
  width: auto;
  padding: 6px 20px;
  padding-right: 25px;
  font-size: 11px;
  font-size: 0.6875rem;
  font-family: adobe-song-std, sans-serif;
  color: #fff;
}
.plan-select-item .btn a:after {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: .3s;
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.plan-select-item .btn a:hover:after {
  right: 5px;
}
.plan-select .att {
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
}
.plan-option {
  padding: 30px 0;
  background: #d6dee7;
}
.plan-option .contents, .plan-option .plan-section-info {
  display: flex;
  align-items: center;
}
.plan-option .plan-section__title {
  width: 50%;
  margin: 0;
  font-size: 30px;
  font-size: 1.875rem;
  letter-spacing: 0.11em;
  font-family: adobe-song-std, sans-serif;
  color: #646464;
  text-align: center;
}
.plan-option .list {
  width: 50%;
  margin: 0;
}
.plan-option .list li {
  line-height: 2;
}
.plan-option .list li:before {
  top: 4px;
}
.plan-option-detail {
  display: flex;
  justify-content: center;
  width: 50%;
}
.plan-option-detail .list {
  width: auto;
}
.plan-faq {
  position: relative;
  z-index: 100;
  padding: 45px;
  background: #e5e9ef;
}
.plan-faq .contents, .plan-faq .plan-section-info {
  display: flex;
}
.plan-faq__title {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% / 6 - 10px);
  margin-right: 6px;
  background: #bbcadd;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  color: #fff;
}
.plan-faq__title a {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #fff;
  font-weight: normal;
}
.plan-faq__title a:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.9%22%20height%3D%2232.9%22%20viewBox%3D%220%200%2032.9%2032.9%22%3E%3Cg%3E%3Cpath%20d%3D%22M24.34%2C12.63l-6.94%2C9.47-7.39-9.44%2C7.27%2C5.17%2C7.07-5.19Z%22%20%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.9%2C1c8.28%2C0%2C15%2C7.62%2C15%2C15%2C0%2C9.18-6.72%2C15.9-15%2C15.9S1%2C25.18%2C1%2C16C1%2C8.62%2C8.62%2C1%2C16.9%2C1Z%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 3px;
  transform: rotate(-90deg);
}
.plan-faq-list {
  display: flex;
}
.plan-faq-list-item {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% / 5 - 10px);
  margin: 0 6px;
}
.plan-faq-list dt, .plan-faq-list dd {
  padding: 50px 25px;
  padding-top: calc(50px - (((12px * 2) - 12px) / 2));
  padding-bottom: calc(50px - (((12px * 2) - 12px) / 2));
  background: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: #686868;
  line-height: 2;
}
.plan-faq-list dt {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.plan-faq-list dt:after {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%) rotate(90deg);
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23404040%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.plan-faq-list dt:hover {
  cursor: pointer;
}
.plan-faq-list dd {
  position: absolute;
  opacity: 0;
  transition: .5s;
  top: calc(100% + 10px);
  border: 1px solid #e5e9ef;
  background: #fff;
  z-index: 10;
}
.plan-faq-list dd:before {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #fff transparent;
}
.plan-faq-list dd.-active {
  opacity: 1;
}
.plan-spot {
  margin-top: 80px;
}
.plan-spot .contents, .plan-spot .plan-section-info {
  max-width: 1475px;
}
.plan-spot-nav {
  display: flex;
  justify-content: space-between;
  max-width: 1050px;
  margin: 0 auto 40px;
}
.plan-spot-nav li {
  width: calc(100% / 4 - 9px);
}
.plan-spot-nav li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: calc(24px - (((1rem * 1.5) - 1rem) / 2));
  padding-bottom: calc(16px - (((1rem * 1.5) - 1rem) / 2));
  background: #bbcadd;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  border: 1px solid transparent;
  transition: .3s;
}
.plan-spot-nav li a:hover {
  cursor: pointer;
  opacity: .7;
}
.plan-spot-nav li a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 14px;
  transform: rotate(90deg);
}
.plan-spot-nav li a.-active {
  border: 1px solid #bbcadd;
  background: #fff;
  color: #bbcadd;
}
.plan-spot-nav li a.-active:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%23bbcadd%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.plan-spot-nav.-col2 {
  justify-content: center;
}
.plan-spot-nav.-col2 li {
  width: calc(100% / 2 - 10px);
  max-width: 35.43%;
  margin: 0 10px;
}
.plan-spot-nav.-col6 li {
  width: calc(100% / 6 - 8px);
}
.plan-spot-nav.-col7 li:nth-last-of-type(2) a {
  background: #d7bbdd;
}
.plan-spot-nav.-col7 li:nth-last-of-type(2) a.-active {
  color: #d7bbdd;
  border-color: #d7bbdd;
  background: #fff;
}
.plan-spot-nav.-col7 li:nth-last-of-type(1) a {
  background: #ddc1bb;
}
.plan-spot-nav.-col7 li:nth-last-of-type(1) a.-active {
  color: #ddc1bb;
  border-color: #ddc1bb;
  background: #fff;
}
.plan-spot-gallery {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 64px;
}
.plan-spot-gallery li {
  width: calc(100% / 6 - 5px);
  margin: 0 2.5px 5px;
}
.plan-index {
  padding: 0 !important;
}
.plan-index:before {
  height: 92%;
}
.plan-index-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.plan-index-list-item {
  width: calc(100% / 2 - 25px);
  margin: 0 0 35px;
}
.plan-index-list-item .contents, .plan-index-list-item .plan-section-info {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 50%;
  margin: 0;
  text-align: center;
}
.plan-index-list-item .contents:after, .plan-index-list-item .plan-section-info:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.9%22%20height%3D%2232.9%22%20viewBox%3D%220%200%2032.9%2032.9%22%3E%3Cg%3E%3Cpath%20d%3D%22M24.34%2C12.63l-6.94%2C9.47-7.39-9.44%2C7.27%2C5.17%2C7.07-5.19Z%22%20%20fill%3D%22%23534830%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.9%2C1c8.28%2C0%2C15%2C7.62%2C15%2C15%2C0%2C9.18-6.72%2C15.9-15%2C15.9S1%2C25.18%2C1%2C16C1%2C8.62%2C8.62%2C1%2C16.9%2C1Z%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23534830%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.plan-index-list-item a {
  color: #534830;
  transition: .5s;
}
.plan-index-list-item a:hover {
  opacity: .7;
}
.plan-index-list-item__title {
  margin-bottom: 10px;
  font-family: "SignstyleRegular", sans-serif;
  font-size: 62px;
  font-size: 3.875rem;
  letter-spacing: 0.05em;
  line-height: .6;
}
.plan-index-list-item__text {
  margin-bottom: calc(20px - (((13px * 1.8) - 13px) / 2));
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  line-height: 1.8;
}
.plan-index-list-item .bnr {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-top: 60%;
  background-repeat: no-repeat;
  background-size: cover;
}
.plan-index-list-item .bnr.-solowedding {
  background-image: url(../img/plan/other/img_solowedding.jpg);
}
.plan-index-list-item .bnr.-solowedding .plan-index-list-item__title {
  text-indent: .5em;
}
.plan-index-list-item .bnr.-maternity {
  background-image: url(../img/plan/other/img_maternity.jpg);
  color: #fff !important;
}
.plan-index-list-item .bnr.-maternity .contents:after, .plan-index-list-item .bnr.-maternity .plan-section-info:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.9%22%20height%3D%2232.9%22%20viewBox%3D%220%200%2032.9%2032.9%22%3E%3Cg%3E%3Cpath%20d%3D%22M24.34%2C12.63l-6.94%2C9.47-7.39-9.44%2C7.27%2C5.17%2C7.07-5.19Z%22%20%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.9%2C1c8.28%2C0%2C15%2C7.62%2C15%2C15%2C0%2C9.18-6.72%2C15.9-15%2C15.9S1%2C25.18%2C1%2C16C1%2C8.62%2C8.62%2C1%2C16.9%2C1Z%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.plan-index-list-item .bnr.-a20th {
  background-image: url(../img/plan/other/img_20th.jpg);
}
.plan-index-list-item .bnr.-profile {
  background-image: url(../img/plan/other/img_profile.jpg);
}
.plan-index-list-item .link {
  position: relative;
  display: inline-block;
  padding-right: 40px;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  color: #434343;
}
.plan-index-list-item .link:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 30px;
  height: 5px;
  background: url(../img/plan/other/arrow.svg) no-repeat;
  background-size: contain;
  transition: .3s;
}
.plan-index-list-item .link:hover:after {
  right: -15px;
}
.plan-season-main {
  position: relative;
  padding-bottom: 51.4%;
  background: url(../../../information/bath/img/bath.jpg) center no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
}
.plan-season-main__img {
  display: none;
}
.plan-season-main-detail {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  padding: 80px;
  background: rgba(255, 255, 255, 0.9);
}
.plan-season-main__text {
  text-align: center;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
}
.plan-season-main__text > span {
  display: block;
  letter-spacing: 0.09em;
}
.plan-season-main__text > span:nth-of-type(1) {
  display: flex;
  align-items: center;
  margin-bottom: calc(30px - (((24px * 1.5) - 24px) / 2));
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
}
.plan-season-main__text > span:nth-of-type(1) .badge {
  margin-right: 17px;
  padding: 10px 20px;
  padding-right: 15px;
  background: #f74d89;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.plan-season-main__text > span:nth-of-type(2) {
  margin-bottom: calc(26px - (((26px * 1.5) - 26px) / 2));
  font-size: 26px;
  font-size: 1.625rem;
}
.plan-season-main__text > span:nth-of-type(3) {
  font-size: 40px;
  font-size: 2.5rem;
}
.plan-season-header {
  max-width: 1300px;
  margin: 0 auto;
  padding: 110px 0 40px;
}
.plan-season-header .contents, .plan-season-header .plan-section-info {
  width: 50%;
  margin: 0;
}
.plan-season-header__title {
  margin-bottom: calc(40px - (((25px * 1.5) - 25px) / 2));
  font-size: 25px;
  font-size: 1.5625rem;
  letter-spacing: 0.09em;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
  color: #353535;
}
.plan-season-header__text {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  line-height: 2;
  color: #4e4e4e;
}
.plan-season-spot.-bg {
  margin-bottom: 130px;
  padding-bottom: 0;
}
.plan-season-spot.-bg:before {
  top: 54%;
  transform: translateY(-50%) skewY(-6deg);
  height: 47%;
}
.plan-season-spot .plan-section__title {
  margin-bottom: calc(30px - (((55px * 1.5) - 55px) / 2));
  font-size: 55px;
  font-size: 3.4375rem;
  color: #353535;
}
.plan-season-spot .plan-section__title span {
  display: block;
  margin-top: calc(30px - (((14px * 1.5) - 14px) / 2));
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.plan-season-section {
  margin: 95px 0;
}
.plan-season-section .contents, .plan-season-section .plan-section-info {
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
}
.plan-season-section__img {
  flex-shrink: 0;
  width: 51.37%;
}
.plan-season-section-detail {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 38.11%;
  padding: 0 60px;
}
.plan-season-section-detail:after {
  position: absolute;
  top: 50%;
  right: -130px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 130px;
  height: 1px;
  border-top: 1px solid #4b4b4b;
}
.plan-season-section-detail p {
  margin-bottom: 2em;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  line-height: 2;
  color: #4e4e4e;
}
.plan-season-section__title {
  margin-bottom: calc(55px - (((38px * 1.5) - 38px) / 2));
  font-size: 38px;
  font-size: 2.375rem;
  letter-spacing: 0.09em;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
  font-weight: normal;
  color: #353535;
}
.plan-season-section:nth-child(odd) .contents, .plan-season-section:nth-child(odd) .plan-section-info {
  flex-direction: row-reverse;
}
.plan-season-section:nth-child(odd) .plan-season-section__title {
  text-align: right;
}
.plan-season-section:nth-child(odd) .plan-season-section-detail:after {
  right: auto;
  left: -130px;
}
.plan-season-section.-isAnimated .plan-season-section-detail:after {
  animation: flowBorderLR .7s ease-in-out forwards;
}
.plan-season-section.-isAnimated:nth-of-type(2) .plan-season-section-detail:after {
  animation: flowBorderRL .7s ease-in-out forwards;
}
.plan-season-plan .contents, .plan-season-plan .plan-section-info {
  max-width: 1300px;
}
.plan-season-plan .plan-section__title {
  margin-bottom: calc(100px - (((55px * 1.5) - 55px) / 2));
  font-size: 55px;
  font-size: 3.4375rem;
  color: #353535;
}
.plan-season-plan .plan-section__title span {
  display: block;
  margin-top: calc(30px - (((14px * 1.5) - 14px) / 2));
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.plan-season-plan-list {
  display: flex;
  justify-content: space-between;
}
.plan-season-plan-list li {
  width: calc(100% / 2 - 40px);
}
.plan-season-plan-list li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 265px 0;
  color: #4e4e4e;
  text-align: center;
  overflow: hidden;
}
.plan-season-plan-list li a:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: .5s;
}
.plan-season-plan-list li a > div {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55.6%;
  height: 345px;
  padding: 20px 70px;
  background: rgba(255, 255, 255, 0.8);
}
.plan-season-plan-list li a > div:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.02%22%20height%3D%2217.98%22%20viewBox%3D%220%200%2012.02%2017.98%22%3E%3Cpath%20d%3D%22M0%2C0L12.02%2C8.71%2C.03%2C17.98%2C6.59%2C8.86%2C0%2C0Z%22%20fill%3D%22%233f3f3f%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
}
.plan-season-plan-list li a span {
  display: block;
  margin-bottom: calc(20px - (((17px * 1.5) - 17px) / 2));
  letter-spacing: 0.09em;
  font-size: 17px;
  font-size: 1.0625rem;
}
.plan-season-plan-list li a .part {
  margin-bottom: calc(40px - (((33px * 1.5) - 33px) / 2));
  font-size: 33px;
  font-size: 2.0625rem;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
  font-weight: normal;
}
.plan-season-plan-list li a:hover:after {
  transform: scale(1.2);
}
.plan-season-plan-list li.plan01 a:after {
  background-image: url(../img/plan/season/img03.webp);
}
.plan-season-plan-list li.plan02 a:after {
  background-image: url(../img/plan/season/img04.webp);
}
.plan-season-info {
  margin-top: 185px;
  margin-bottom: 0 !important;
  padding: 100px 0;
  background: #e1e7ee;
}
.plan-season-info .plan-section__title {
  max-width: 1050px;
  margin: 0 auto;
  margin-bottom: calc(80px - (((52px * 1.5) - 52px) / 2));
  font-size: 52px;
  font-size: 3.25rem;
  letter-spacing: 0.11em;
  color: #353535;
  text-align: left;
}
.plan-season-info .plan-section__title span {
  display: block;
  margin-top: calc(20px - (((14px * 1.5) - 14px) / 2));
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  color: #646464;
}
.plan-season-info .list {
  margin-left: 40px;
}
.plan-season-info .list li {
  margin-bottom: calc(30px - (((1rem * 1.5) - 1rem) / 2));
  line-height: 2.3;
}
.plan-season-info .list li:before {
  top: 5px;
}
.plan-season-detail-header__img {
  margin-bottom: 135px;
}
.plan-season-detail-header-detail {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 110px;
}
.plan-season-detail-header__title {
  display: flex;
  align-items: center;
  margin-bottom: calc(25px - (((22px * 1.5) - 22px) / 2));
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.09em;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
  font-weight: normal;
}
.plan-season-detail-header__title:after {
  content: "";
  display: block;
  width: 240px;
  margin-left: .5em;
  border-top: 1px solid #616161;
  transform: scale(0, 0);
}
.plan-season-detail-header__title span {
  position: absolute;
  top: -1em;
  left: 0;
  height: 5em;
  font-size: 50px;
  font-size: 3.125rem;
  letter-spacing: 0.09em;
  font-family: "DFKaiSho";
  color: #353535;
  writing-mode: vertical-rl;
  font-weight: normal;
}
.plan-season-detail-header__date {
  margin-bottom: calc(35px - (((16px * 1.5) - 16px) / 2));
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.09em;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
  color: #4e4e4e;
}
.plan-season-detail-header__text {
  width: 51%;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  line-height: 2.3;
  color: #4e4e4e;
}
.plan-season-detail-header .-isAnimated .plan-season-detail-header__title:after {
  animation: flowBorderLR .7s ease-in-out forwards;
}
.plan-feature {
  background: #fff;
}
.plan-feature:after {
  content: "";
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 55px 0;
  background: #fff url(../img/plan/plus.png) center no-repeat;
  background-size: 35px auto;
}
.plan-feature .contents, .plan-feature .plan-section-info {
  max-width: 1300px;
}
.plan-feature-section {
  position: relative;
  margin: 25px 0;
}
.plan-feature-section-detail {
  width: 83.84%;
  margin-left: auto;
  padding: 85px 115px;
  background: #e1e7ee;
}
.plan-feature-section-detail p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.8;
}
.plan-feature-section__title {
  margin-bottom: calc(30px - (((13px * 1.5) - 13px) / 2));
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.09em;
  color: #000;
}
.plan-feature-section__title span {
  position: absolute;
  top: -50px;
  left: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 162px;
  height: 162px;
  background: #d6dee7;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.22em;
  color: #4c4c4c;
}
.plan-feature-section__img {
  position: absolute;
  top: 50%;
  right: 9.91%;
  transform: translateY(-50%);
  width: 35.06%;
}
.plan-feature-section__img:before {
  position: absolute;
  top: 50%;
  left: -120px;
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  border-top: 1px solid #4b4b4b;
}
.plan-feature-section.-isAnimated .plan-feature-section__img:before {
  animation: flowBorderLR .7s ease-in-out forwards;
}
.plan-feature-section.-isAnimated:nth-of-type(2) .plan-feature-section__img:before {
  animation: flowBorderRL .7s ease-in-out forwards;
}
.plan-feature-section:nth-of-type(2) {
  margin-top: 180px;
}
.plan-feature-section:nth-of-type(2) .plan-feature-section-detail {
  display: flex;
  justify-content: flex-end;
  margin-left: 0;
  margin-right: auto;
  padding-right: 60px;
}
.plan-feature-section:nth-of-type(2) .plan-feature-section-detail > div {
  position: relative;
  width: 29%;
}
.plan-feature-section:nth-of-type(2) .plan-feature-section__title span {
  top: -135px;
  left: 0;
  transform: translateX(-119%);
}
.plan-feature-section:nth-of-type(2) .plan-feature-section__img {
  top: auto;
  bottom: -35px;
  right: auto;
  transform: translateY(0);
  left: calc(9.91% + 30px);
  width: 24.39%;
}
.plan-feature-section:nth-of-type(2) .plan-feature-section__img:before {
  top: 65%;
  left: auto;
  right: -120px;
}
@media screen and (min-width: 769px) {
  .plan-commonPlan-detail {
    margin: 0 5%;
  }
  .plan-commonPlan .list.-row2 {
    grid-template-rows: auto auto;
    margin: 50px auto;
  }
  .plan-commonPlan .list.-row2 li {
    padding-right: 5em;
  }
  .plan-commonPlan .list.-row2 li:nth-of-type(1), .plan-commonPlan .list.-row2 li:nth-of-type(2) {
    grid-column: 1;
  }
  .plan-commonPlan .list.-row2 li:nth-of-type(3), .plan-commonPlan .list.-row2 li:nth-of-type(4) {
    grid-column: 2;
  }
  .plan-commonPlan .list.-row2 li:nth-of-type(5), .plan-commonPlan .list.-row2 li:nth-of-type(6) {
    grid-column: 3;
  }
  .plan-commonPlan .list.-row2 li:nth-of-type(1), .plan-commonPlan .list.-row2 li:nth-of-type(3), .plan-commonPlan .list.-row2 li:nth-of-type(5) {
    grid-row: 1;
  }
  .plan-commonPlan .list.-row2 li:nth-of-type(2), .plan-commonPlan .list.-row2 li:nth-of-type(4), .plan-commonPlan .list.-row2 li:nth-of-type(6) {
    grid-row: 2;
  }
  .plan-commonPlan .list.-row4 {
    grid-template-columns: auto auto 1fr;
    grid-template-rows: auto auto auto auto;
    margin: 50px auto;
  }
  .plan-commonPlan .list.-row4 li {
    padding-right: 5em;
  }
  .plan-commonPlan .list.-row4 li:nth-of-type(1), .plan-commonPlan .list.-row4 li:nth-of-type(2), .plan-commonPlan .list.-row4 li:nth-of-type(3), .plan-commonPlan .list.-row4 li:nth-of-type(4) {
    grid-column: 1;
  }
  .plan-commonPlan .list.-row4 li:nth-of-type(5), .plan-commonPlan .list.-row4 li:nth-of-type(6), .plan-commonPlan .list.-row4 li:nth-of-type(7), .plan-commonPlan .list.-row4 li:nth-of-type(8) {
    grid-column: 2;
  }
  .plan-commonPlan .list.-row4 li:nth-of-type(9), .plan-commonPlan .list.-row4 li:nth-of-type(10), .plan-commonPlan .list.-row4 li:nth-of-type(11), .plan-commonPlan .list.-row4 li:nth-of-type(12) {
    grid-column: 3;
  }
  .plan-commonPlan .list.-row4 li:nth-of-type(1), .plan-commonPlan .list.-row4 li:nth-of-type(5), .plan-commonPlan .list.-row4 li:nth-of-type(9) {
    grid-row: 1;
  }
  .plan-commonPlan .list.-row4 li:nth-of-type(2), .plan-commonPlan .list.-row4 li:nth-of-type(6), .plan-commonPlan .list.-row4 li:nth-of-type(10) {
    grid-row: 2;
  }
  .plan-commonPlan .list.-row4 li:nth-of-type(3), .plan-commonPlan .list.-row4 li:nth-of-type(7), .plan-commonPlan .list.-row4 li:nth-of-type(11) {
    grid-row: 3;
  }
  .plan-commonPlan .list.-row4 li:nth-of-type(4), .plan-commonPlan .list.-row4 li:nth-of-type(8), .plan-commonPlan .list.-row4 li:nth-of-type(12) {
    grid-row: 4;
  }
  .plan-option .plan-section__title {
    width: 40%;
  }
  .plan-select .att.-type2 {
    width: calc((100% / 3 - 12px) * 2);
  }
  .plan-spot-gallery.-col4 {
    max-width: 980px;
    margin: 0 auto;
  }
  .plan-spot-gallery.-col4 li {
    width: calc(100% / 4 - 5px);
  }
  .plan-spot-nav.-col5 li {
    width: calc(100% / 5 - 8px);
  }
  .plan-spot-nav.-col7 li {
    width: calc(100% / 6 - 8px);
    margin: 0 4px 0;
  }
  .plan-spot-nav.-col7 li:nth-last-of-type(1), .plan-spot-nav.-col7 li:nth-last-of-type(2) {
    width: calc((100% / 6 - 8px) / 2);
  }
  .plan-spot-profile .plan-spot-gallery {
    max-width: 980px;
    margin: 0 auto;
  }
  .plan-spot-profile .plan-spot-gallery li {
    width: calc(100% / 4 - 5px);
  }
}
@media screen and (max-width: 768px) {
  .plan-main-img {
    margin-bottom: 40px;
  }
  .plan-main-img img {
    max-width: 100%;
  }
  .plan-main-img.-wide img {
    max-width: 100%;
  }
  .plan-main-img.-col2 img {
    width: 50%;
  }
  .plan-section__title {
    margin-bottom: calc(30px - (((20px * 1.5) - 20px) / 2));
    font-size: 20px;
    font-size: 1.25rem;
  }
  .plan-section__title:after {
    margin-top: calc(10px - (((20px * 1.5) - 20px) / 2));
  }
  .plan-section-nav {
    flex-wrap: wrap;
    margin: 0 -3px 20px;
  }
  .plan-section-nav li {
    width: calc(100% / 3 - 6px);
    margin: 0 3px 6px;
  }
  .plan-section-nav.-col6 li {
    width: calc(100% / 3 - 6px);
  }
  .plan-section-icons {
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .plan-section-list {
    margin: 0 -4px 30px;
  }
  .plan-section-list li:not(class) {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .plan-section-list .item {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .plan-section-list.-col3 {
    width: auto;
    margin: 0 -4px 30px;
  }
  .plan-section-list.-col3 li {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .plan-section-list.-col6 {
    margin: 0 -4px 30px;
  }
  .plan-section-list.-col6 li {
    width: calc(100% / 2 - 8px);
    margin: 0 4px 10px;
  }
  .plan-section-info {
    display: block;
    margin: 0 0 40px;
  }
  .plan-section-info dt {
    display: block;
    width: auto;
    margin: 0;
    padding: 20px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .plan-section-info dd {
    padding: 0 20px;
  }
  .plan-commonPlan {
    padding: 20px 0 0;
  }
  .plan-commonPlan:after {
    padding: 30px 0;
    background-size: 20px auto;
  }
  .plan-commonPlan .contents, .plan-commonPlan .plan-section-info {
    display: block;
  }
  .plan-commonPlan__title {
    display: block;
    width: 50%;
    margin: 0 -15px 20px;
  }
  .plan-commonPlan .list {
    display: block;
    margin: 15px 0 20px;
  }
  .plan-commonPlan .list li {
    padding-right: 0;
  }
  .plan-commonPlan-detail {
    width: 82%;
    margin: 0 auto;
  }
  .plan-commonPlan-detail .list {
    width: auto;
  }
  .plan-select {
    padding: 20px 0 5px;
  }
  .plan-select .contents, .plan-select .plan-section-info {
    display: block;
  }
  .plan-select-item {
    width: auto;
    margin: 0 0 15px;
    padding: 30px;
  }
  .plan-select-item__title {
    margin-bottom: calc(20px - (((12px * 1.5) - 12px) / 2));
  }
  .plan-select-item .price {
    margin-bottom: calc(20px - (((19px * 1.5) - 19px) / 2));
  }
  .plan-select-item .list {
    margin: 0;
  }
  .plan-select-item .list .right {
    display: inline;
  }
  .plan-select-item .btn {
    margin-top: 1em;
  }
  .plan-select .att {
    margin-bottom: 20px;
  }
  .plan-option {
    padding: 30px 0;
    background: #d6dee7;
  }
  .plan-option .contents, .plan-option .plan-section-info {
    display: block;
  }
  .plan-option .plan-section__title {
    width: auto;
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .plan-option .list {
    width: 82%;
    margin: 0 auto;
  }
  .plan-option-detail {
    width: 82%;
    margin: 0 auto;
  }
  .plan-option-detail .list {
    width: auto;
  }
  .plan-faq {
    padding: 20px 0;
  }
  .plan-faq .contents, .plan-faq .plan-section-info {
    display: block;
  }
  .plan-faq__title {
    display: inline-block;
    width: 50%;
    margin: 0 0 20px;
    margin-left: -15px;
    padding: 10px 15px;
  }
  .plan-faq-list {
    display: block;
  }
  .plan-faq-list-item {
    display: block;
    width: auto;
    margin: 0 0 6px;
  }
  .plan-faq-list dt, .plan-faq-list dd {
    width: 100%;
    padding: 20px;
  }
  .plan-faq-list dt {
    height: auto;
    padding-bottom: 25px;
  }
  .plan-faq-list dd {
    position: relative;
    top: 0;
    display: none;
    opacity: unset;
    margin-top: 10px;
    transition: unset;
  }
  .plan-spot {
    margin-top: 40px;
  }
  .plan-spot-nav {
    flex-wrap: wrap;
    margin: 0 auto 20px;
  }
  .plan-spot-nav li {
    width: calc(100% / 2 - 3px);
    margin-bottom: 6px;
  }
  .plan-spot-nav.-col2 {
    justify-content: space-between;
  }
  .plan-spot-nav.-col2 li {
    width: calc(100% / 2 - 3px);
    max-width: unset;
    margin: 0;
  }
  .plan-spot-nav.-col6 li {
    width: calc(100% / 3 - 6px);
  }
  .plan-spot-gallery {
    margin: 0 -5px 64px;
  }
  .plan-spot-gallery li {
    width: calc(100% / 3 - 5px);
    margin: 0 2.5px 5px;
  }
  .plan-index {
    padding: 0 !important;
  }
  .plan-index:before {
    height: 92%;
  }
  .plan-index-list {
    display: block;
  }
  .plan-index-list-item {
    width: auto;
    margin: 0 0 35px;
  }
  .plan-index-list-item__title {
    font-size: 50px;
    font-size: 3.125rem;
  }
  .plan-index-list-item__text {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .plan-index-list-item:last-child {
    margin-bottom: 0;
  }
  .plan-season-main {
    padding: 0;
    background: none;
  }
  .plan-season-main__img {
    display: block;
  }
  .plan-season-main-detail {
    position: static;
    transform: translateY(0);
    display: block;
    width: calc(100% - 30px);
    margin: -20px auto 0;
    padding: 30px;
  }
  .plan-season-main__text > span:nth-of-type(1) {
    margin-bottom: calc(20px - (((14px * 1.5) - 14px) / 2));
    font-size: 14px;
    font-size: 0.875rem;
  }
  .plan-season-main__text > span:nth-of-type(1) .badge {
    margin-top: -.2em;
    padding: 5px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .plan-season-main__text > span:nth-of-type(2) {
    margin-bottom: calc(10px - (((16px * 1.5) - 16px) / 2));
    font-size: 16px;
    font-size: 1rem;
  }
  .plan-season-main__text > span:nth-of-type(3) {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .plan-season-header {
    padding: 20px 15px;
  }
  .plan-season-header .contents, .plan-season-header .plan-section-info {
    width: auto;
  }
  .plan-season-header__title {
    margin-bottom: calc(20px - (((18px * 1.5) - 18px) / 2));
    font-size: 18px;
    font-size: 1.125rem;
  }
  .plan-season-header__text {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .plan-season-spot.-bg {
    margin-bottom: 60px;
  }
  .plan-season-spot.-bg:before {
    top: 50%;
    height: 60%;
  }
  .plan-season-spot .plan-section__title {
    margin-bottom: calc(30px - (((30px * 1.5) - 30px) / 2));
    font-size: 30px;
    font-size: 1.875rem;
  }
  .plan-season-spot .plan-section__title span {
    margin-top: calc(20px - (((14px * 1.5) - 14px) / 2));
  }
  .plan-season-section {
    margin: 40px 0;
  }
  .plan-season-section .contents, .plan-season-section .plan-section-info {
    display: block;
  }
  .plan-season-section__img {
    width: auto;
  }
  .plan-season-section-detail {
    width: auto;
    padding: 0px;
  }
  .plan-season-section-detail:after {
    display: none;
  }
  .plan-season-section-detail p {
    margin-bottom: 2em;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .plan-season-section__title {
    margin-bottom: calc(20px - (((20px * 1.5) - 20px) / 2));
    font-size: 20px;
    font-size: 1.25rem;
  }
  .plan-season-plan .plan-section__title {
    margin-bottom: calc(30px - (((30px * 1.5) - 30px) / 2));
    font-size: 30px;
    font-size: 1.875rem;
  }
  .plan-season-plan .plan-section__title span {
    margin-top: calc(20px - (((14px * 1.5) - 14px) / 2));
  }
  .plan-season-plan-list {
    display: block;
  }
  .plan-season-plan-list li {
    width: auto;
    margin-bottom: 20px;
  }
  .plan-season-plan-list li a {
    padding: 0;
    padding-bottom: 141.08%;
  }
  .plan-season-plan-list li a > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 30px);
    height: auto;
    padding: 20px;
  }
  .plan-season-plan-list li a span {
    display: block;
    margin-bottom: calc(20px - (((14px * 1.5) - 14px) / 2));
    letter-spacing: 0.09em;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .plan-season-plan-list li a .part {
    margin-bottom: calc(20px - (((30px * 1.5) - 30px) / 2));
    font-size: 30px;
    font-size: 1.875rem;
  }
  .plan-season-info {
    margin-top: 90px;
    padding: 50px 0;
  }
  .plan-season-info .plan-section__title {
    padding: 0 15px;
    margin-bottom: calc(30px - (((30px * 1.5) - 30px) / 2));
    font-size: 30px;
    font-size: 1.875rem;
  }
  .plan-season-info .plan-section__title span {
    margin-top: calc(20px - (((14px * 1.5) - 14px) / 2));
  }
  .plan-season-info .list {
    margin-left: 0;
  }
  .plan-season-detail-header {
    padding: 0;
  }
  .plan-season-detail-header__img {
    margin-bottom: 50px;
  }
  .plan-season-detail-header-detail {
    padding-left: 80px;
  }
  .plan-season-detail-header__title {
    margin-bottom: calc(25px - (((18px * 1.5) - 18px) / 2));
    font-size: 18px;
    font-size: 1.125rem;
  }
  .plan-season-detail-header__title:after {
    width: 90px;
    margin-top: 1.5em;
  }
  .plan-season-detail-header__title span {
    left: .5em;
    font-size: 30px;
    font-size: 1.875rem;
  }
  .plan-season-detail-header__date {
    margin-bottom: calc(20px - (((14px * 1.5) - 14px) / 2));
    font-size: 14px;
    font-size: 0.875rem;
  }
  .plan-season-detail-header__text {
    width: auto;
    padding-right: 15px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .plan-feature:after {
    padding: 30px 0;
    background-size: 20px auto;
  }
  .plan-feature-section {
    position: relative;
    margin: 25px 0;
  }
  .plan-feature-section-detail {
    width: 88%;
    width: auto;
    padding: 50px;
  }
  .plan-feature-section__title {
    margin-bottom: calc(20px - (((13px * 1.5) - 13px) / 2));
  }
  .plan-feature-section__title span {
    top: -40px;
    left: 0;
    left: -15px;
    width: 80px;
    height: 80px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .plan-feature-section__img {
    position: static;
    transform: translateY(0);
    width: 80%;
    margin-top: -30px;
    margin-left: auto;
    margin-right: -15px;
  }
  .plan-feature-section__img:before {
    display: none;
  }
  .plan-feature-section:nth-of-type(2) {
    margin-top: 90px;
  }
  .plan-feature-section:nth-of-type(2) .plan-feature-section-detail {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
    margin-right: auto;
    padding-right: 30px;
    padding-left: 80px;
  }
  .plan-feature-section:nth-of-type(2) .plan-feature-section-detail > div {
    position: static;
    width: auto;
  }
  .plan-feature-section:nth-of-type(2) .plan-feature-section__title span {
    top: -40px;
    left: auto;
    right: -15px;
    transform: translateX(0);
  }
  .plan-feature-section:nth-of-type(2) .plan-feature-section__img {
    transform: translateY(0);
    width: 40%;
    margin: -50px 0 0 -15px;
  }
}

@media screen and (min-width: 769px) {
  .other-plan .plan-commonPlan-detail {
    width: calc(100% - 16.67%);
  }
  .other-plan .plan-commonPlan .list {
    display: flex;
    justify-content: space-around;
    margin: 50px 0;
    padding: 0 120px;
  }
  .other-plan .plan-select {
    padding-bottom: 20px;
  }
  .other-plan .plan-select-item {
    position: relative;
    width: calc(100% / 4 - 10px);
    margin: 0 5px 20px;
    padding: 55px 35px;
  }
}

.bnr-season {
  position: relative;
  margin-top: 77px;
  padding: 40px;
  background: url(../../../information/room/img/sports.jpg) center no-repeat;
  background-size: cover;
}
.bnr-season .contents, .bnr-season .plan-section-info {
  max-width: 1300px;
}
.bnr-season__img {
  display: none;
}
.bnr-season a {
  display: block;
  transition: .3s;
}
.bnr-season a:hover {
  opacity: .8;
}
.bnr-season-detail {
  position: relative;
  display: inline-block;
  padding: 80px 110px;
  background: rgba(255, 255, 255, 0.9);
}
.bnr-season__badge {
  position: absolute;
  top: -35px;
  right: 17px;
  padding: 25px 10px;
  background: #000;
  color: #fff;
  font-size: 17px;
  font-size: 1.0625rem;
  letter-spacing: 0.22em;
  font-weight: bold;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.bnr-season__text {
  writing-mode: vertical-rl;
  text-orientation: upright;
  width: 11em;
  height: 25em;
}
.bnr-season__text > span {
  display: block;
  letter-spacing: 0.09em;
  color: #4e4e4e;
}
.bnr-season__text > span:nth-of-type(1) {
  display: flex;
  align-items: center;
  margin-top: -30px;
  margin-left: 25px;
  font-size: 16px;
  font-size: 1rem;
  font-family: '游明朝 Medium', YuMincho,'Yu Mincho',serif;
}
.bnr-season__text > span:nth-of-type(1):before {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  margin-bottom: 7px;
  border-right: 1px solid #474747;
}
.bnr-season__text > span:nth-of-type(2) {
  font-size: 40px;
  font-size: 2.5rem;
  font-family: "HannariMinchoOld";
}
.bnr-season__text > span:nth-of-type(2) > span:nth-of-type(1), .bnr-season__text > span:nth-of-type(2) > span:nth-of-type(3), .bnr-season__text > span:nth-of-type(2) > span:nth-of-type(5) {
  display: inline-block;
  margin-right: .2em;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .bnr-season {
    padding: 0;
    background: none;
  }
  .bnr-season__img {
    display: block;
    margin: 0 -15px;
  }
  .bnr-season-detail {
    position: absolute;
    top: 30px;
    left: 10px;
    width: calc(100% - 20px);
    transform: translateY(0);
    display: block;
    margin-top: -20px;
    padding: 30px;
  }
  .bnr-season__badge {
    margin-bottom: calc(20px - (((1rem * 1.5) - 1rem) / 2));
    padding: 5px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .bnr-season__text {
    writing-mode: unset;
    width: auto;
    height: auto;
  }
  .bnr-season__text > span:nth-of-type(1) {
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .bnr-season__text > span:nth-of-type(1):before {
    width: 30px;
    height: 1px;
    margin: 0 7px 0 0;
    border: 0;
    border-top: 1px solid #474747;
  }
  .bnr-season__text > span:nth-of-type(2) {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Hannari", "HannariMincho", JPAMincho, IPAPMincho, serif;
    text-align: center;
  }
  .bnr-season__text > span:nth-of-type(2) span {
    margin: 0;
    display: inline;
    vertical-align: bottom;
  }
}

/*----------------------------------------------------
	job opening
----------------------------------------------------*/
.job-section {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 8.38%;
  margin-bottom: 105px;
  padding: 50px 0;
  border: 1px solid #cacaca;
}
.job-section__title {
  position: absolute;
  top: 0;
  left: -8.38%;
  transform: translateY(-50%);
  width: 21.84%;
  padding-top: calc(35px - (((1rem * 1.5) - 1rem) / 2));
  padding-bottom: calc(35px - (((1rem * 1.5) - 1rem) / 2));
  background: #d6dee7;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.09em;
  text-align: center;
  font-weight: normal;
}
.job-section__text {
  width: 45.76%;
  padding: 0 8%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.09em;
}
.job-section-detail {
  padding: 0 6%;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.09em;
}
.job-section-detail dt {
  margin-bottom: calc(15px - (((1rem * 1.5) - 1rem) / 2));
  font-weight: normal;
}
.job-section-detail dd {
  margin-bottom: calc(40px - (((1rem * 1.5) - 1rem) / 2));
}
.job-section-detail dd ul {
  margin-bottom: 0;
}
.job-section-detail dd ul:not(.list-ul) li {
  margin-bottom: calc(15px - (((13px * 2) - 13px) / 2));
  line-height: 2;
  text-indent: -1em;
  padding-left: 1em;
}
.job-section-detail dd ul:not(.list-ul) li:before {
  content: "■";
}
.job-section-detail dd:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .job-section {
    display: block;
    margin: 0 0 40px;
    padding: 20px 20px 30px;
  }
  .job-section:last-child {
    margin-bottom: 60px;
  }
  .job-section__title {
    position: static;
    transform: translateY(0);
    display: block;
    width: 70%;
    margin: 0 0 20px;
    margin-left: -20px;
    padding: 10px 15px;
  }
  .job-section__text {
    width: auto;
    margin-bottom: 20px;
    padding: 0;
  }
  .job-section-detail {
    padding: 0;
  }
  .job-section-detail dd {
    margin-bottom: calc(20px - (((1rem * 1.5) - 1rem) / 2));
  }
  .job-section-detail dd ul {
    margin-bottom: 0;
  }
  .job-section-detail dd ul:not(.list-ul) li {
    margin-bottom: calc(10px - (((13px * 2) - 13px) / 2));
  }
}

/*# sourceMappingURL=common.css.map */