@charset "UTF-8";
/* CSS Document */
#billboard {overflow: hidden;position: relative;padding-top: 16em;}
#billboard::after {display: block;content: '';width: 100%;height: 100%;background: teal url("../img/common/bg01_pc.webp") no-repeat 100% 0 / cover;background-blend-mode: soft-light;position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;}
#billboard h2 {position: absolute;bottom: 1.5em;left: 0;right: 0;z-index: 2;text-align: center;font-weight: 600;font-size: 150%;letter-spacing: 0.15em;color: #fff;}
#billboard h2 small {display: block;font-weight: 500;font-size: 133.33%;opacity: 0.5;}

.block-contact-01 h3 {margin-bottom: 1em;padding: 0.5em;background: cadetblue url("../img/common/bg03_pc.webp") no-repeat 100% 0 / cover;background-blend-mode: luminosity;border-radius: 5px;text-align: center;font-weight: 600;font-size: 150%;color: #fff;}
.block-contact-01 h3 small {margin-left: 1em;letter-spacing: 0.05em;font-weight: 500;font-size: 75%;opacity: 0.6;}
.block-contact-01 .tel {text-align: center;}
.block-contact-01 .tel::before {content: "";display: block;margin-top: 3em;height: 4.5em;background: transparent url("../img/common/logo.svg") no-repeat 50% / auto 100%;filter: invert(28%) sepia(53%) saturate(1266%) hue-rotate(141deg) brightness(90%) contrast(102%);}
.block-contact-01 .tel a {font-size: 300%;color: #006463;}
.block-contact-01 .lead {margin: 0 auto 1em;text-align: center;}
.block-contact-01 .lead span {display: inline-block;white-space: nowrap;}
.block-contact-01 .lead strong {display: inline-block;white-space: nowrap;font-weight: 800;color: #006463;}
.block-contact-01 .lead a {display: inline-block;font-size: 150%;color: #006463;}
.block-contact-01 .ruby {margin: 3em auto;}
.block-contact-01 .ruby p {text-align: center;font-size: 87.5%;}
.block-contact-01 .ruby a {display: inline-block;}
.block-contact-01 .contact .ruby {margin: -0.5em auto 0;}
.block-contact-01 .contact .grid-list a {position: relative;background: #006463 url(../img/common/bg03_pc.webp) no-repeat 0 0 / cover;background-blend-mode: soft-light;margin-top: 2em;padding: 1em;text-align: center;font-weight: 600;font-size: 125%;color: #fff;}
.block-contact-01 .contact .grid-list a small {display: block;font-weight: 500;letter-spacing: 0.1em;font-size: 66.67%;opacity: 0.6;}
.block-contact-01 .contact .grid-list a::after {content: '';position: absolute;bottom: calc(50% - 2px);right: 1em;width: 2em;height: 0.8em;background: url("../img/common/icon_arrow.svg") no-repeat 100% 100%/contain;filter: brightness(0) invert(1);transition: 0.4s;}
.block-contact-01 .require {color: #dc3232;vertical-align: text-bottom;}
.block-contact-01 .wpcf7-form {transition: opacity ease 200ms;font-family: "Noto Sans JP", sans-serif;}
.block-contact-01 .wpcf7-form h4 {border-bottom: 1px solid #006463;padding-bottom: 0.25em;margin-bottom: 0.5em;text-align: center;font-size: 112.5%;font-weight: 600;color: #006463;}
.block-contact-01 .wpcf7-form input[type=text],
.block-contact-01 .wpcf7-form input[type=email],
.block-contact-01 .wpcf7-form input[type=number],
.block-contact-01 .wpcf7-form input[type=tel],
.block-contact-01 .wpcf7-form input[type=date],
.block-contact-01 .wpcf7-form select,
.block-contact-01 .wpcf7-form textarea {-webkit-appearance: none;border: 1px solid #cdcdcd; border-radius: 5px; box-sizing: border-box;box-shadow: none!important;width: 100%;padding: 0.5em;font-size: 100%;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;color: inherit;}
.block-contact-01 .wpcf7-form textarea {display: block;}
.block-contact-01 .wpcf7-form input::placeholder,
.block-contact-01 .wpcf7-form textarea::placeholder {color: #ccc;}
.block-contact-01 .wpcf7-form span.wpcf7-radio .wpcf7-list-item {margin: 0 1em 0 0;}
.block-contact-01 .wpcf7-form span.wpcf7-radio .wpcf7-list-item label input[type=radio],
.block-contact-01 .wpcf7-form span.wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {vertical-align: middle;margin: 0 0.1em;}
.block-contact-01 .wpcf7-form span.wpcf7-radio .wpcf7-list-item label span,
.block-contact-01 .wpcf7-form span.wpcf7-checkbox .wpcf7-list-item label span {vertical-align: middle;white-space: nowrap;}
.block-contact-01 .wpcf7-form table th {position: relative;}
.block-contact-01 .wpcf7-form table th::after {content: attr(data-ruby)"";display: block;font-family: "Oswald", sans-serif;font-size: 75%;color: #999;}
.block-contact-01 .wpcf7-form table th[colspan="2"] span {position: relative;padding-left: 1.5em;line-height: 2;font-weight: 600;}
.block-contact-01 .wpcf7-form table th[colspan="2"] span::before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1em;height: 1em;background-color: #333;border-radius: 1px;}
.block-contact-01 .wpcf7-form table th[colspan="2"] span small {margin-left: 1em;font-size: 75%;font-family: "Oswald", sans-serif;color: #999;}
.block-contact-01 .wpcf7-form .caps {font-size: 75%;}
.block-contact-01 .wpcf7-form .caution {font-size: 75%;color: #dc3232;}
.block-contact-01 .wpcf7-form .submit {text-align: center;margin: 0;position: relative;}
.block-contact-01 .wpcf7-form .submit::before {content: "";display: inline-block;width: 24px;height: 24px;margin: 0;}
.block-contact-01 .wpcf7-form .submit::after {content: "";display: block;position: absolute;top: 50%;left: 50%;width: 0.8em;height: 0.8em;border-right: 2px solid #fff;border-bottom: 2px solid #fff;box-sizing: border-box;margin-top: -0.4em;transform: rotate(-45deg);}
.block-contact-01 .wpcf7-form .submit input[type=submit] {-webkit-appearance: none;padding: 1em 0;background-color: #006463;color: #fff;font-weight: bold;font-size: 100%;}
.block-contact-01 .wpcf7-form .submit input[type=submit]:disabled {pointer-events: none;cursor: default;background-color: #888;}
.block-contact-01 .wpcf7-form .ajax-loader,
.block-contact-01 .wpcf7-form .wpcf7-spinner{margin: 0;vertical-align: middle;}
.block-contact-01 .wpcf7-form .privacy {max-width: 60em;max-height: 12em;overflow-y: scroll;margin: 2em auto 0;padding: 2em;border: 1px solid #eceaea;border-radius: 5px;}
.block-contact-01 .wpcf7-form .privacy h5 {margin: 2em 0 0.5em;border-bottom: 1px solid #006463;}
.block-contact-01 .wpcf7-form .privacy p {font-size: 87.5%;color: #777;}
.block-contact-01 .wpcf7-form .privacy ul {margin-top: 0.75em;padding-left: 1.5em;}
.block-contact-01 .wpcf7-form .privacy li {margin: 0;font-size: 87.5%;color: #777;list-style: decimal-leading-zero;}
.block-contact-01 .wpcf7-form .privacy .ruby p {text-align: left;font-size: 87.5%;}
.block-contact-01 .wpcf7-form span[data-name="acceptance"] label {display: block;max-width: 22em;margin: 3em auto;padding: 1em 0;background-color: #e9f2f2;border-radius: 5px;text-align: center;}
.block-contact-01 .wpcf7-form span[data-name="acceptance"] label::after {content: "I agree to the handling of my personal information";display: block;font-size: 75%;font-family: "Oswald", sans-serif;color: #999;}
.block-contact-01 .wpcf7-form span[data-name="acceptance"] .wpcf7-list-item {margin: 0;display: block;}
.block-contact-01 .wpcf7-form span[data-name="acceptance"] .wpcf7-list-item-label::after {content: " *";color: #dc3232;vertical-align: text-bottom;}
.block-contact-01 .container {width: calc(100% - 4em);max-width: 1200px;margin: 0 auto;padding: 5em 0;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width:769px) {
  .block-contact-01 .contact .grid-list {display: flex;justify-content: center;gap: 2em;}
  .block-contact-01 .contact .grid-list > div {width: 24em;}
  .block-contact-01 .wpcf7-form select {-webkit-appearance: auto;}
  .block-contact-01 .wpcf7-form table {border-top: 1px solid #006463;background-color: #fafcfc;width: 100%;padding: 2em 0;}
  .block-contact-01 .wpcf7-form table th {padding: 1em 1.25em;width: 20em;font-size: 112.5%;vertical-align: top;}
  .block-contact-01 .wpcf7-form table td {padding: 1em 1.25em;font-size: 112.5%;line-height: 1.5;vertical-align: top;}
  .block-contact-01 .wpcf7-form table tr:first-child th,
  .block-contact-01 .wpcf7-form table tr:first-child td {padding-top: 3em;}
  .block-contact-01 .wpcf7-form table tr:last-child th,
  .block-contact-01 .wpcf7-form table tr:last-child td {padding-bottom: 3em;}
  .block-contact-01 .wpcf7-form span.wpcf7-checkbox {display: block;overflow: hidden;}
  .block-contact-01 .wpcf7-form span.wpcf7-checkbox .wpcf7-list-item {display: block;float: left;margin: 0 0 0.2em 0;}
  .block-contact-01 .wpcf7-form span[data-name="your-email-check"] {display: block;margin-top: 0.5em;}
  .block-contact-01 .wpcf7-form span[data-name="your-zipcode"] {display: block;}
  .block-contact-01 .wpcf7-form span[data-name="your-zipcode"]::before {content: "〒";margin-right: 0.2em;}
  .block-contact-01 .wpcf7-form span[data-name="your-zipcode"] input[type=text] {width: 11.67em;}
  .block-contact-01 .wpcf7-form span[data-name="your-region"],
  .block-contact-01 .wpcf7-form span[data-name="your-locality"],
  .block-contact-01 .wpcf7-form span[data-name="your-street"],
  .block-contact-01 .wpcf7-form span[data-name="your-extended"] {width: 30em;display: block;float: left;margin-right: 0.2em;margin-top: 0.2em;}
  .block-contact-01 .wpcf7-form span[data-name="your-street"] {clear: left;}
  .block-contact-01 .wpcf7-form span[data-name="your-region"] input[type=text],
  .block-contact-01 .wpcf7-form span[data-name="your-locality"] input[type=text],
  .block-contact-01 .wpcf7-form span[data-name="your-street"] input[type=text],
  .block-contact-01 .wpcf7-form span[data-name="your-extended"] input[type=text] {width: 100%;}
  .block-contact-01 .wpcf7-form input[name=your-name],
  .block-contact-01 .wpcf7-form input[name=your-kana] {width: 20em;}
  .block-contact-01 .wpcf7-form input[name=your-tel],
  .block-contact-01 .wpcf7-form input[name=your-email] {width: 30em;}
  .block-contact-01 .wpcf7-form input[name=your-age] {width: 4em;margin: 0 0.5em;}
  .block-contact-01 .wpcf7-form input[name=checkin] {width: 17.1em;}
  .block-contact-01 .wpcf7-form input[name=checkout] {width: 17.1em;}
  .block-contact-01 .wpcf7-form select[name=room] {width: 17.1em;}
  .block-contact-01 .wpcf7-form input[name=men] {width: 4em;margin: 0 0.5em 0.5em;}
  .block-contact-01 .wpcf7-form input[name=women] {width: 4em;margin: 0 0.5em 0.5em;}
  .block-contact-01 .wpcf7-form input[name=child1] {width: 4em;margin: 0 0.5em 0.5em;}
  .block-contact-01 .wpcf7-form input[name=child2] {width: 4em;margin: 0 0.5em;}
  .block-contact-01 .wpcf7-form .submit::after {margin-left: 6.5em;}
  .block-contact-01 .wpcf7-form .submit:hover::after {border-color: #fff;}
  .block-contact-01 .wpcf7-form .submit input[type=submit] {width: 20em;cursor: pointer;transition: background-color cubic-bezier(0.45, 0.05, 0.55, 0.95) 200ms,color cubic-bezier(0.45, 0.05, 0.55, 0.95) 200ms;}
  .block-contact-01 .wpcf7-form .submit input[type=submit]:hover {background-color: #141f3f;color: #fff;}
}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width:768px) {
  .block-contact-01 .wpcf7-form table {font-size: 93.75%;}
  .block-contact-01 .wpcf7-form table,
  .block-contact-01 .wpcf7-form table tbody,
  .block-contact-01 .wpcf7-form table tr,
  .block-contact-01 .wpcf7-form table th,
  .block-contact-01 .wpcf7-form table td {display: block;}
  .block-contact-01 .wpcf7-form table th {padding: 0.5em;}
  .block-contact-01 .wpcf7-form table td {padding: 1em 0.5em 1.5em;}
  .block-contact-01 .wpcf7-form table th {border-top: 1px solid #006463;background-color: #fafcfc;}
  .block-contact-01 .wpcf7-form table tr.require th {position: relative;background-color: #141f3f;color: #fff;}
  .block-contact-01 .wpcf7-form table tr.require th::after {content: "必須";position: absolute;top: 50%;right: 0.75em;padding: 0.5em;background-color: #d8101a;border-radius: 3px;transform: translateY(-50%);color: #fff;font-size: 80%;line-height: 1;}
  .block-contact-01 .wpcf7-form span.wpcf7-checkbox {display: block;overflow: hidden;}
  .block-contact-01 .wpcf7-form span.wpcf7-checkbox .wpcf7-list-item {display: block;margin: 0 0 0.2em 0;}
  .block-contact-01 .wpcf7-form span.wpcf7-checkbox .wpcf7-list-item label {display: block;}
  .block-contact-01 .wpcf7-form span[data-name="your-zipcode"] {display: block;}
  .block-contact-01 .wpcf7-form span[data-name="your-zipcode"]::before {content: "〒";margin-right: 0.2em;}
  .block-contact-01 .wpcf7-form span[data-name="your-zipcode"] input[type=text] {width: 11.67em;}
  .block-contact-01 .wpcf7-form span[data-name="your-region"],
  .block-contact-01 .wpcf7-form span[data-name="your-locality"],
  .block-contact-01 .wpcf7-form span[data-name="your-street"],
  .block-contact-01 .wpcf7-form span[data-name="your-extended"] {display: block;margin-top: 0.5em;}
  .block-contact-01 .wpcf7-form input[name=your-age] {width: 4em;margin: 0 0.5em;}
  .block-contact-01 .wpcf7-form input[name=men] {width: 4em;margin: 0 0.5em 0.5em;}
  .block-contact-01 .wpcf7-form input[name=women] {width: 4em;margin: 0 0.5em 0.5em;}
  .block-contact-01 .wpcf7-form input[name=child1] {width: 4em;margin: 0 0.5em 0.5em;}
  .block-contact-01 .wpcf7-form input[name=child2] {width: 4em;margin: 0 0.5em;}
  .block-contact-01 .wpcf7-form .submit::after {margin-left: 4em;}
  .block-contact-01 .wpcf7-form .submit input[type=submit] {width: 12em;}
  .block-contact-01 .wpcf7-form .privacy {padding: 1em;}
}
@media only screen and (max-width:768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}