/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}
/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html{line-height:1.15;/* 1 */-webkit-text-size-adjust:100%;/* 2 */-webkit-tap-highlight-color:transparent/* 3*/}
/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body{margin:0}
/**
 * Render the `main` element consistently in IE.
 */
main{display:block}
/* Vertical rhythm */
/* ============================================ */
p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}
/* Headings */
/* ============================================ */
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
/* Lists (enumeration) */
/* ============================================ */
ul,ol{margin:0;padding:0;list-style:none}
/* Lists (definition) */
/* ============================================ */
dd{margin-left:0}
/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr{box-sizing:content-box;/* 1 */height:0;/* 1 */overflow:visible;/* 2 */border-top-width:1px;margin:0;clear:both;color:inherit}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre{font-family:monospace,monospace;/* 1 */font-size:inherit/* 2 */}
address{font-style:inherit}
/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a{background-color:transparent;text-decoration:none;color:inherit}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title]{text-decoration:underline dotted/* 2 */}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,strong{font-weight:bolder}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,kbd,samp{font-family:monospace,monospace;/* 1 */font-size:inherit/* 2 */}
/**
 * Add the correct font size in all browsers.
 */
small{font-size:80%}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,img,embed,object,iframe{vertical-align:bottom}
/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,input,optgroup,select,textarea{-webkit-appearance:none;/* 1 */appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit/* 2 */}
/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}
[type="radio"]{-webkit-appearance:radio;appearance:radio}
/**
 * Correct cursors for clickable elements.
 */
button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}
button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}
/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring{outline:auto}
select:disabled{opacity:inherit}
/**
 * Remove padding
 */
option{padding:0}
/**
 * Reset to invisible
 */
fieldset{margin:0;padding:0;min-width:0}
legend{padding:0}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress{vertical-align:baseline}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea{overflow:auto}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
/**
 * 1. Correct the outline style in Safari.
 */
[type="search"]{outline-offset:-2px/* 1 */}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button{-webkit-appearance:button;/* 1 */font:inherit/* 2 */}
/**
 * Clickable labels
 */
label[for]{cursor:pointer}
/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details{display:block}
/*
 * Add the correct display in all browsers.
 */
summary{display:list-item}
/*
 * Remove outline for editable content.
 */
[contenteditable]:focus{outline:auto}
/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table{border-color:inherit/* 1 */}
caption{text-align:left}
td,th{vertical-align:top;padding:0}
th{text-align:left;font-weight:bold}
@charset "utf-8";
/**
 * ************************************************************
 * グロバル設定
 * ************************************************************
*/
html{font-size:62.5%}
body{font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;font-size:1.6rem;line-height:1.5;color:var(--base-font-color, #000000)}
img{max-width:100%;height:auto}
@media screen and ( max-width: 767px ){
body{font-size:1.4rem}
}
/* hover */
@media (hover: hover){
a > img{transition:opacity 0.3s ease-out}
a:hover > img{opacity:0.7}
}
/**
 * ************************************************************
 * container
 * 全体の包括block
 * ************************************************************
*/
.container{position:relative;margin-top:10.4rem;background-color:var(--container-bg, #fdfdfc)}
@media screen and ( max-width: 1023px ){
.container{margin-top:5.2rem}
}
/**
 * ************************************************************
 * g-header
 * ************************************************************
*/
.g-header{position:fixed;top:0;left:0;right:0;z-index:9999;height:104px;margin:0 auto;color:var(--global-parts-font, #000000);background-color:var(--global-parts-bg, #fdfdfc)}
@media screen and ( max-width: 1023px ){
.g-header{width:100%;height:6rem;transition:height 0.5s ease-in-out;will-change:height}
.g-header.is-open{height:100vh;opacity:1;transform:translateY(0) translateX(0)}
}
@media screen and ( min-width: 1024px ){
.g-header{transform:translateY(-100%);transition:transform 0.3s ease-out}
.g-header[class*="is-active"]{transform:translateY(0)}
}
/**
 * ***************************
 * g-header__inner
 * ***************************
*/
.g-header__inner{display:flex;align-items:center;height:100%;padding-left:8rem;padding-right:8rem}
@media screen and ( max-width: 1023px ){
.g-header__inner{padding-left:2rem;padding-right:2rem}
}
/**
 * ***************************
 * header-logo
 * ***************************
*/
.header-logo{width:5.2rem;min-width:5.2rem;height:5.2rem}
@media screen and ( max-width: 1023px ){
.header-logo{position:absolute;top:1rem;width:3.5rem;min-width:3.5rem;height:3.5rem}
}
/**
 * ************************************************************
 * g-nav
 * ************************************************************
*/
.g-nav-wrap{position:relative;z-index:1;width:59vw;height:100%;margin:0 auto}
@media screen and (min-width: 1024px){
.g-nav-wrap{margin:0 0 0 auto}
}
.g-nav{height:100%}
.g-nav-list{display:flex;align-items:center;justify-content:center;height:100%}
@media screen and (min-width: 1024px){
.g-nav-list{justify-content:flex-end}
}
.g-nav .list__item:first-child{margin-left:0}
.g-nav .item__link-txt{font-size:1.4rem;font-weight:bold;letter-spacing:0.1em}
@media screen and (min-width: 1024px){
.g-nav-list{margin-left:7rem}
.g-nav .list__item{margin-left:4.6rem}
}
@media screen and (max-width: 1023px){
.g-nav{visibility:hidden;opacity:0;pointer-events:none;transition:opacity 0.5s ease-out}
.g-header.is-open .g-nav{visibility:visible;opacity:1;pointer-events:all}
.g-nav-list{flex-direction:column;justify-content:center;row-gap:2.5rem;margin-top:-8vmin}
}
/* hover */
@media (hover: hover){
.g-nav-list .item__link{position:relative}
.g-nav-list .item__link::after{content:"";position:absolute;bottom:-0.25rem;left:0;right:0;width:100%;height:0.25rem;margin:auto;border-radius:25%;background:currentColor;transform-origin:center center;transform:scale(0);transition:transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95)}
.g-nav-list .item__link:hover::after{transform:scale(1)}
}
/**
 * ************************************************************
 * nav-menu-btn
 * ************************************************************
*/
@media screen and ( min-width: 1024px ){
.nav-menu-btn{display:none !important}
}
@media screen and ( max-width: 1023px ){
.nav-menu-btn{position:absolute;top:0;right:0;z-index:1;width:6rem;height:6rem}
.btn-line-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.nav-menu-btn .btn-line{position:relative;display:block;width:2.25rem;height:0.2rem;background-color:#181616;transition:all .2s ease-out}
.nav-menu-btn .btn-line:nth-child(1){top:-0.7rem}
.nav-menu-btn .btn-line:nth-child(2){left:0}
.nav-menu-btn .btn-line:nth-child(3){top:0.7rem}
.g-header.is-open .nav-menu-btn .btn-line:first-child{transform:translateX(0.75rem) translateY(0.9rem) rotate(45deg)}
.g-header.is-open .nav-menu-btn .btn-line:nth-child(2){transform:scale(0)}
.g-header.is-open .nav-menu-btn .btn-line:nth-child(3){transform:translateX(-0.75rem) translateY(-0.9rem) rotate(-45deg)}
}
/**
 * ************************************************************
 * corona-notice-area
 * ************************************************************
*/
.corona-notice-area > p{font-size:1.2rem;font-weight:bold;letter-spacing:0.2em}
@media screen and ( min-width: 1024px ){
.corona-notice-area{max-width:29.6vw}
.g-nav-wrap ~ .corona-notice-area{margin-left:60px}
}
@media screen and ( min-width: 1024px ) and ( max-width: 1919px ){
.corona-notice-area{margin-left:5rem}
.corona-notice-area > p{font-size:0.625vw}
}
@media screen and ( max-width: 1023px ){
.corona-notice-area{position:absolute;bottom:22vmin;visibility:hidden;padding-right:0.5rem}
.corona-notice-area > p{opacity:0;transition:opacity 0.3s ease-out 0.5s}
.g-header.is-open .corona-notice-area{visibility:visible}
.g-header.is-open .corona-notice-area > p{opacity:1}
}
@media screen and ( max-width: 1023px ) and ( orientation: landscape ){
.corona-notice-area{bottom:6vmin}
}
/**
 * ************************************************************
 * g-footer
 * ************************************************************
*/
.g-footer{padding-top:5rem;color:var(--global-parts-font, #000000);background-color:var(--global-parts-bg, #fdfdfc)}
.g-footer__contents{margin-bottom:6rem}
.g-footer__bottom{padding-bottom:8rem}
@media screen and ( max-width: 767px ){
.g-footer__contents{margin-bottom:3rem}
.g-footer__bottom{padding-bottom:5rem}
}
/**
 * ***************************
 * footer-nav-list
 * ***************************
*/
.footer-nav-list{display:flex;align-items:center;justify-content:center;gap:6rem}
.footer-nav-list .item__link{font-weight:bold;font-size:1.4rem;letter-spacing:0.1em}
@media screen and ( max-width: 767px ){
.footer-nav-list{flex-direction:column;gap:1rem}
.footer-nav-list .list__item{line-height:1.25}
.footer-nav-list .item__link{font-size:1rem}
}
/* hover */
@media (hover: hover){
.footer-nav-list .item__link{transition:opacity 0.3s ease-out}
.footer-nav-list .item__link:hover{opacity:0.7}
}
/**
 * ***************************
 * footer-nav-list
 * ***************************
*/
.footer-sns-list{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem}
/* hover */
@media (hover: hover){
.footer-sns-list li{transition:opacity 0.3s ease-out}
.footer-sns-list li:hover{opacity:0.5}
}
/**
 * ***************************
 * footer-logo
 * ***************************
*/
.footer-logo{text-align:center}
.footer-logo__link{position:relative;display:block;width:10rem;margin:auto;margin-bottom:2rem;background-repeat:no-repeat;background-position:center 0;background-size:contain}
.footer-logo__link::after{content:"";display:block;width:100%;padding-top:calc(115/160 * 100%)}
/* hover */
@media (hover: hover){
.footer-logo__link{transition:opacity 0.3s ease-out}
.footer-logo__link:hover{opacity:0.7}
}
/**
 * ***************************
 * copyright
 * ***************************
*/
.copyright{text-align:center;font-size:1.3rem;font-weight:bold}
@media screen and ( max-width: 767px ){
.copyright{font-size:1rem}
}
/**
 * ************************************************************
 * backtop
 * ************************************************************
*/
.backtop-btn{position:fixed;bottom:2.5rem;right:2.5rem;z-index:999;width:5rem;height:5rem;cursor:pointer}
.backtop-btn__shape{position:relative;display:block;width:100%;height:100%;background:var(--base-color, #000000)}
.backtop-btn__shape::before,.backtop-btn__shape::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;display:block;width:0.4rem;height:40%;margin:auto;border-radius:40%;background:var(--base-inverted-color, #ffffff)}
.backtop-btn__shape::before{left:-1.2rem;transform:rotate(45deg)}
.backtop-btn__shape::after{right:-1.2rem;transform:rotate(-45deg)}
@media screen and ( max-width: 767px ){
.backtop-btn{bottom:1rem;right:1rem;width:2.5rem;height:2.5rem}
.backtop-btn__shape::before,.backtop-btn__shape::after{width:0.2rem}
.backtop-btn__shape::before{left:-0.6rem}
.backtop-btn__shape::after{right:-0.6rem}
}
/* hover */
@media (hover: hover){
.backtop-btn{transition:transform .3s ease-out}
.backtop-btn:hover{transform:translateY(-0.5rem)}
}
/**
 * ************************************************************
 * layouts
 * ************************************************************
*/
/* l-btns-group
********************************/
.l-btns-group{display:grid;gap:2rem}
@media all and (min-width: 768px){
.l-btns-group{grid-template-columns:1fr 1fr;justify-content:center}
}
/* l-btn-wrapper
********************************/
.l-btn-wrapper{width:80%;height:8rem}
.l-btn-wrapper[class*="--centered"]{margin-left:auto;margin-right:auto}
/**
 * ************************************************************
 * states
 * ************************************************************
*/
.is-hidden{display:none}
/**
 * ************************************************************
 * utility
 * ************************************************************
*/
.u-show-sp,.u-show-pc-tb,.u-show-pc{display:none}
@media screen and ( min-width: 1024px ){
.u-show-pc{display:block}
}
@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
.u-show-pc-tb{display:block}
}
@media screen and ( max-width: 767px ){
.u-show-sp{display:block}
}
@charset "utf-8";
/***************************************************************************************************************
component CSS
***************************************************************************************************************/
/**
 * ************************************************************
 * c-inner
 * コンテンツ内側
 * ************************************************************
*/
.c-inner{width:calc(62.5% + var(--scrollbar-width));max-width:120rem;min-width:74rem;margin-left:auto;margin-right:auto}
@media screen and ( max-width: 768px ){
.c-inner{width:90%;max-width:none;min-width:initial}
}
@media screen and ( max-width: 1240px ){
.c-inner{width:96%}
}
/**
 * ************************************************************
 * 見出し
 * ************************************************************
*/
.c-head-wrap{scroll-margin-top:11rem;text-align:center}
.c-head{font-weight:bold}
.c-head__block{position:relative;left:0.2em;background:linear-gradient(transparent 98%, currentColor 99%)}
.c-head-txt{font-size:1.4rem;font-weight:bold;letter-spacing:0.2em}
@media screen and ( max-width: 767px ){
.c-head__block{display:inline-block;background:none;text-decoration:1px}
.c-head-txt{font-size:1.2rem}
}
/**
 * ***************************
 * c-head --lv1
 * ***************************
*/
.c-head.--lv1{font-size:4.2rem;letter-spacing:0.4em}
@media screen and ( max-width: 1000px ){
.c-head.--lv1{font-size:2.2rem}
}
@media screen and ( max-width: 767px ){
.c-head.--lv1{font-size:2.1rem}
}
/**
 * ***************************
 * c-head --lv2
 * ***************************
*/
.c-head.--lv2{font-size:3.2rem;letter-spacing:0.3em;line-height:2.03125}
@media screen and ( max-width: 767px ){
.c-head.--lv2{font-size:1.6rem}
}
/**
 * ***************************
 * c-head --lv3
 * ***************************
*/
.c-head.--lv3{display:inline;padding-bottom:0.5rem;font-weight:bold;font-size:2.4rem;letter-spacing:0.4em/* border-bottom: 1.5px solid currentColor; */}
.c-head.--lv3 small{font-size:75%}
@media screen and ( max-width: 767px ){
.c-head.--lv3{font-size:1.4rem}
}
/**
 * ************************************************************
 * c-lead
 * ************************************************************
*/
.c-lead{text-align:center;font-weight:bold}
.c-lead.--lv1{font-size:3.8rem;letter-spacing:0.5em;line-height:1.7105263158}
.c-lead.--lv2{font-size:1.8rem;line-height:1.6}
.c-lead a{text-decoration:underline}
@media screen and ( max-width: 767px ){
.c-lead{font-size:1.8rem}
.c-lead.--lv1{font-size:1.9rem}
.c-lead.--lv2{font-size:1.4rem;text-align:left}
}
/**
 * ************************************************************
 * c-txt
 * ************************************************************
*/
.c-txt{font-weight:bold;letter-spacing:0.2em}
.c-txt.--lv1{font-size:1.6rem;line-height:1.5625}
.c-txt.--lv2{font-size:1.4rem;line-height:1.786}
@media screen and ( max-width: 767px ){
.c-txt.--lv1{font-size:1.4rem;line-height:2}
.c-txt.--lv2{font-size:1.2rem;line-height:2}
}
/**
 * ***************************
 * c-caution
 * ***************************
*/
.c-caution{font-weight:bold;font-size:1.2rem;letter-spacing:0.02em}
@media screen and ( max-width: 767px ){
.c-caution{font-size:1rem}
}
/**
 * ************************************************************
 * c-btn
 * ************************************************************
*/
.c-btn{position:relative;display:block;width:100%;height:100%;margin:auto;text-align:center;background:#ffffff}
.c-btn__txt{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.8rem;letter-spacing:0.2em}
@media all and ( max-width: 767px ){
.c-btn__txt{font-size:1.5rem}
}
/* hover */
@media (hover: hover){
.c-btn{overflow:hidden}
.c-btn::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;width:1rem;height:1rem;margin:auto;opacity:0;border-radius:100%;background:#000000;transition:transform .5s cubic-bezier(0.445, 0.05, 0.55, 0.95),opacity .25s ease-out}
.c-btn__txt{position:relative;z-index:2;transition:color .15s ease-out}
.c-btn:hover::after{opacity:1;transform:scale3d(100, 100, 100)}
.c-btn:hover .c-btn__txt{color:#ffffff}
}
/**
 * ************************************************************
 * c-btn-wrap
 * ************************************************************
*/
.c-btn-wrap{width:100%;position:relative;margin:auto}
/**
 * ************************************************************
 * c-divider-shape
 * ************************************************************
*/
.c-divider-shape{position:relative;background-color:var(--primary-divider-shape-bg, #ffe682)}
.c-divider-shape::before,.c-divider-shape::after,.c-divider-shape__bottom::before,.c-divider-shape__bottom::after{content:"";position:absolute;display:block;width:100%}
/* type1 shape */
.c-divider-shape.--type1::before{top:-17.888rem;height:18rem;background-color:var(--secondary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(100% 100%, 100% 0%, 0% 200%);clip-path:polygon(100% 100%, 100% 0%, 0% 200%)}
.c-divider-shape.--type1::after{top:-22.777rem;height:23rem;background-color:var(--primary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(0% 0%, 0% 100%, 100% 100%);clip-path:polygon(0% 0%, 0% 100%, 100% 100%)}
.c-divider-shape.--type1 .c-divider-shape__bottom::before{bottom:-46.888rem;height:47rem;background-color:var(--secondary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(0% 0%, 0% 80%, 155% 0%);clip-path:polygon(0% 0%, 0% 90%, 155% 0%)}
.c-divider-shape.--type1 .c-divider-shape__bottom::after{bottom:-30.666rem;height:31rem;background-color:var(--primary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(100% 0%, 0% 0%, 100% 85%);clip-path:polygon(100% 0%, 0% 0%, 100% 85%)}
/* type2 shape */
.c-divider-shape.--type2::before{top:-27.888rem;height:28rem;background-color:var(--secondary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(0% 0%, 0% 100%, 100% 80%);clip-path:polygon(0% 0%, 0% 100%, 100% 80%)}
.c-divider-shape.--type2::after{top:-16.888rem;height:17rem;background-color:var(--primary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(100% 100%, 100% 0%, 0% 100%);clip-path:polygon(100% 100%, 100% 0%, 0% 100%)}
.c-divider-shape.--type2 .c-divider-shape__bottom::before{bottom:-24.888rem;height:25rem;background-color:var(--secondary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(100% 0%, 0% 0%, 100% 100%);clip-path:polygon(100% 0%, 0% 0%, 100% 100%)}
.c-divider-shape.--type2 .c-divider-shape__bottom::after{bottom:-16.788rem;height:17rem;background-color:var(--primary-divider-shape-bg, #ffe682);-webkit-clip-path:polygon(0% 0%, 0% 100%, 100% 0%);clip-path:polygon(0% 0%, 0% 90%, 100% 0%)}
/* animation */
.c-divider-shape.--type1::before{-webkit-clip-path:polygon(100% 100%, 100% 0%, 0% 0%);clip-path:polygon(100% 100%, 100% 0%, 0% 0%)}
.c-divider-shape.--type1::after{-webkit-clip-path:polygon(0% 20%, 0% 100%, 100% 100%);clip-path:polygon(0% 20%, 0% 100%, 100% 100%)}
.c-divider-shape.--type2::before{-webkit-clip-path:polygon(0% 100%, 220% 100%, 350% 100%);clip-path:polygon(0% 100%, 220% 100%, 350% 100%)}
.c-divider-shape.--type2::after{-webkit-clip-path:polygon(100% 100%, 100% 100%, 0% 100%);clip-path:polygon(100% 100%, 100% 100%, 0% 100%)}
.c-divider-shape.--type1[class*="is-animated"]::before{animation:divider-shape-path-1-before-anime 2.5s cubic-bezier(0.215, 0.610, 0.355, 1) forwards}
.c-divider-shape.--type1[class*="is-animated"]::after{animation:divider-shape-path-1-after-anime 2.5s cubic-bezier(0.215, 0.610, 0.355, 1) forwards}
.c-divider-shape.--type2[class*="is-animated"]::before{animation:divider-shape-path-2-before-anime 4s cubic-bezier(0.215, 0.610, 0.355, 1) forwards}
.c-divider-shape.--type2[class*="is-animated"]::after{animation:divider-shape-path-2-after-anime 4s cubic-bezier(0.215, 0.610, 0.355, 1) forwards}
@keyframes divider-shape-path-1-before-anime{
0%{-webkit-clip-path:polygon(100% 100%, 100% 0%, 0% 0%);clip-path:polygon(100% 100%, 100% 0%, 0% 0%)}
100%{-webkit-clip-path:polygon(100% 100%, 100% 0%, 0% 200%);clip-path:polygon(100% 100%, 100% 0%, 0% 200%)}
}
@keyframes divider-shape-path-1-after-anime{
0%{-webkit-clip-path:polygon(0% 20%, 0% 100%, 100% 100%);clip-path:polygon(0% 20%, 0% 100%, 100% 100%)}
100%{-webkit-clip-path:polygon(0% 0%, 0% 100%, 100% 100%);clip-path:polygon(0% 0%, 0% 100%, 100% 100%)}
}
@keyframes divider-shape-path-2-before-anime{
0%{-webkit-clip-path:polygon(0% 100%, 0% 100%, 40% 100%);clip-path:polygon(0% 100%, 0% 100%, 40% 100%)}
100%{-webkit-clip-path:polygon(0% 0%, 0% 100%, 100% 80%);clip-path:polygon(0% 0%, 0% 100%, 100% 80%)}
}
@keyframes divider-shape-path-2-after-anime{
0%{-webkit-clip-path:polygon(100% 100%, 100% 100%, 0% 100%);clip-path:polygon(100% 100%, 100% 100%, 0% 100%)}
100%{-webkit-clip-path:polygon(100% 100%, 100% 0%, 0% 100%);clip-path:polygon(100% 100%, 100% 0%, 0% 100%)}
}
@media screen and ( max-width: 767px ){
/* type1 shape */
.c-divider-shape.--type1::before{top:-8.888rem;height:9rem}
.c-divider-shape.--type1::after{top:-10.777rem;height:11rem}
.c-divider-shape.--type1 .c-divider-shape__bottom::before{bottom:-22.888rem;height:23rem}
.c-divider-shape.--type1 .c-divider-shape__bottom::after{bottom:-14.888rem;height:15rem}
/* type2 shape */
.c-divider-shape.--type2::before{top:-13.888rem;height:14rem}
.c-divider-shape.--type2::after{top:-7.888rem;height:8rem}
.c-divider-shape.--type2 .c-divider-shape__bottom::before{bottom:-11.888rem;height:12rem}
.c-divider-shape.--type2 .c-divider-shape__bottom::after{bottom:-7.888rem;height:8rem}
}
/* c-googlemap
********************************/
.c-googlemap{position:relative;width:100%;overflow:hidden;padding-top:65.5%}
.c-googlemap > iframe{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;margin:auto}
/***************************************
* フォームのコンポーネント
***************************************/
/* c-form-control
********************************/
.c-form-control{position:relative;display:grid}
.c-form-control:not(:last-child){margin-bottom:4rem}
.c-form-control__label{/* min-width: 16.4rem; */position:relative;display:block;font-size:min(0.25vw + 1rem, 1.4rem);letter-spacing:0.1em;font-weight:bold;line-height:1.5;text-shadow:none}
.c-form-control__box{display:grid;gap:1rem;width:100%}
.c-form-control__box[class*="--2-columns"]{grid-template-columns:1fr 1fr}
.c-form-control__box[class*="--3-columns"]{grid-template-columns:repeat(3, 1fr)}
.c-form-control__box > p{font-size:min(0.375vw + 1rem, 1.6rem);line-height:1.8;color:#4e4e4e}
.c-form-control__input,.c-form-control__textarea{position:relative;display:block;width:100%;padding:1rem;font-size:16px;font-weight:bold;border:1px solid var(--primary-color);background-color:#ffffff}
.c-form-control__select{all:revert;padding:1.5rem;font-weight:bold;border:none;background:#ffffff}
.c-form-control__option{display:block;margin-top:1rem;margin-right:3.5rem;font-weight:bold;cursor:pointer}
.c-form-control__option input[type="checkbox"]{position:relative;top:1px;vertical-align:top}
.c-form-control__input:placeholder-shown{font-size:16px;color:#bbbbbb}
.c-form-control__input:focus{font-size:16px;outline:auto}
.c-form-control__input + .c-form-control__input{margin-top:2rem}
.c-form-control__textarea{resize:vertical}
.c-form-control__special-block{width:100%}
p.c-form-control__err{font-size:min(0.25vw + 1rem, 1.4rem);color:var(--warning-color)}
.c-form-control__bot-honey-pot{display:none}
.c-form-control__textarea:is(.privacy-textarea){font-size:min(0.125vw + 1rem, 1.2rem);background-color:#ffffff;border:1px solid #cccccc}
@media screen and (max-width: 767px){
.c-form-control__textarea:is(.privacy-textarea){font-size:100%}
}
@media all and (min-width: 768px){
.c-form-control__cols-layout{display:grid;grid-template-columns:repeat(3, 1fr);padding-bottom:2.15rem}
.c-form-control:not(.--acceptance){grid-template-columns:18.8rem 1fr;align-items:center}
.c-form-control__special-block{width:calc(100% - 18.8rem);margin-left:auto}
}
@media screen and (max-width: 1023px){
.c-form-control__label{margin-bottom:1rem}
}
@media screen and (min-width: 1024px){
.c-form-control{display:grid;gap:5%}
.c-form-control__special-block{width:calc(100% - 5% - 18.8rem)}
.c-form-control[class*="--has-textarea"] .c-form-control__label{position:relative;top:-2.5rem;padding-top:0}
}
/* c-comfirm-txt
********************************/
.c-comfirm-txt{margin-bottom:6rem;text-align:center;font-size:min(0.57vw + 1rem, 1.8rem);font-weight:bold}
/* c-required-mark
********************************/
.c-required-mark{width:4rem;height:2rem;margin-left:1rem;padding-bottom:0.1rem;padding-left:0.5rem;padding-right:0.6rem;vertical-align:-webkit-baseline-middle;font-size:min(0.142vw + 1rem, 1.2rem);letter-spacing:0.1em;color:var(--base-inverted-color);border-radius:4rem;border:1px solid #000000;background-color:#000000}
/* c-acceptance-area
********************************/
.c-acceptance{margin-top:2.5rem}
.c-acceptance__checkbox{all:revert;position:relative;top:0.1rem;cursor:pointer;transform:scale(1.5)}
.c-acceptance__checkbox::after{content:"";display:block;width:100%;height:100%;background:var(--accent-1-background-color)}
.c-acceptance__checkbox:checked:after{content:"";display:block;width:100%;height:100%;background:transparent}
.c-acceptance__label{font-weight:bold;line-height:1;cursor:pointer;text-shadow:none}
@media all and (max-width: 767px){
.c-acceptance{text-align:center}
.c-acceptance__checkbox{position:relative;vertical-align:middle;margin-right:1rem}
}
/***************************************
* フォーム その他
***************************************/
/* honeypot （スパム対策）
********************************/
.honeypot,.form-honeypot{display:none}
/***************************************
* free-btn
***************************************/
@media (hover: hover) and (min-width: 1023px){
a[href*="tel:"]{pointer-events:none}
}
.free-btn-area{margin-top:40px}
.free-btn__wrap{width:400px;max-width:100%;margin:0 auto}
.free-btn{display:inline-block;width:100%;position:relative;color:var(--base-bg);padding:12px 0;background-color:var(--primary-color);border-radius:40px}
.free-btn__body{display:grid;grid-template-columns:36px auto;column-gap:30px;align-items:center;justify-content:center}
.free-btn-icn{display:block;width:36px;height:36px;background-repeat:no-repeat;background-position:0 0;background-size:contain}
.free-btn-txt-wrap{text-align:center}
.free-btn-txt{display:block;font-size:13px;font-weight:600}
.tel-num{font-family:var(--alphabetic-font-family);font-size:32px;font-weight:600;line-height:1;margin-top:5px;display:inline-block}
@media all and (max-width: 767px){
.free-btn-area{margin-top:20px}
.free-btn__wrap{max-width:300px}
.free-btn__body{column-gap:10px}
.free-btn-icn{width:30px;height:30px}
.tel-num{font-size:26px}
}
@charset "utf-8";
/***************************************************************************************************************
コンテンツCSS CSS
***************************************************************************************************************/
:where(.concept, .access, .menu, .freespace, .news){color:var(--base-font, #000000)}
/**
 * ************************************************************
 * mv
 * ************************************************************
*/
.mv{width:100%}
.mv > figure{position:relative;display:block;overflow:hidden;padding-top:calc(880/1920 * 100%)}
.mv > figure img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%, -50%)}
@media screen and ( max-width: 767px ){
.mv > figure{padding-top:calc(600/365 * 100%)}
}
@media screen and ( min-width: 1024px ){
.mv{transform:translateY(calc(-100% - 104px));transition:transform 0.5s ease-out}
.mv[class*="is-active"]{transform:translateY(0)}
}
/**
 * ************************************************************
 * concept
 * ************************************************************
*/
.concept{padding-top:16rem;background-repeat:no-repeat,no-repeat;background-position:0 0,100% 18rem;background-size:400px auto,400px auto}
.concept .c-inner{padding-top:6rem;padding-bottom:30rem}
.concept .c-divider-shape__bottom{overflow:hidden}
.concept .c-head-wrap,.concept .c-lead{margin-bottom:6rem}
.concept .c-txt-wrap{text-align:center}
.concept .c-txt-wrap > p{line-height:2.1875;letter-spacing:0.3em}
.concept .c-txt-wrap > p:not(:last-child){margin-bottom:3.5rem}
/* animations (js) */
.concept .c-head__block,.concept .c-lead,.concept .c-txt{opacity:0}
@media screen and ( max-width: 767px ){
.concept{padding-top:8rem;background-position:0 0,100% 20%;background-size:16rem auto,16rem auto}
.concept .c-inner{padding-bottom:18rem}
.concept .c-head-wrap,.concept .c-lead{margin-bottom:3rem}
.concept .c-txt-wrap > p:not(:last-child){margin-bottom:1.75rem}
}
@media all and (min-width: 768px){
.concept{background-position:0 calc(var(--concept-bg-bgpos) * 1px),100% calc(18rem + (var(--concept-bg-bgpos) * 1px))}
}
/* specialities */
.specialities{position:relative;z-index:100;width:calc(62.5% + var(--scrollbar-width));max-width:120rem;min-width:74rem;margin-left:auto;margin-right:auto;padding-bottom:2rem}
@media screen and ( max-width: 767px ){
.specialities{width:90%;max-width:none;min-width:initial}
}
.specialities .c-head-wrap{margin-bottom:12.5rem;color:var(--base-inverted-font)}
.specialities-list{counter-reset:speciality-counter}
.specialities-list > li{position:relative;counter-increment:speciality-counter}
.specialities-list > li:not(:last-child){margin-bottom:15rem}
.specialities-list > li:nth-child(odd):after{right:-150px}
.specialities-list > li:nth-child(even):after{left:-150px}
.speciality-item{position:relative;display:flex;align-items:center;justify-content:center}
.speciality-item::after{content:"";display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#ececec}
.speciality-data{color:#000000;background:#ffffff}
.speciality-data > dt{margin-bottom:2.25rem;font-weight:bold;font-size:2.1rem;letter-spacing:0.1em;text-align:center}
.speciality-data > dt::before{content:counter(speciality-counter, decimal-leading-zero);display:block;margin-bottom:2rem;font-family:"Futura Hv BT","Arial Black","Arial",sans-serif;font-size:6.2rem;font-weight:bold;font-weight:900;letter-spacing:-0.01em}
/* animations (js)  */
.specialities-list > li{opacity:0}
.specialities-list li.is-animated .speciality-data dd > p{opacity:1;transition:opacity 0.2s ease-out}
@media screen and ( min-width: 768px ){
.specialities-list > li::after{content:"";position:absolute;top:-65px;display:block;width:300px;padding-top:12%;background-repeat:no-repeat;background-position:center 0;background-size:contain}
.speciality-item::after{position:absolute;top:0;width:calc(540/1200 * 100%);height:100%}
.specialities-list li:nth-child(odd) .speciality-item{padding-left:calc(540/1200 * 100%)}
.specialities-list li:nth-child(odd) .speciality-item::after{left:0}
.specialities-list li:nth-child(even) .speciality-item{padding-right:calc(540/1200 * 100%)}
.specialities-list li:nth-child(even) .speciality-item::after{right:0}
.speciality-data{padding:8.4rem 8rem}
/* animations */
.specialities-list li::after{transform:scale3d(0, 0, 1);transition:transform 0.5s ease-out}
.specialities-list li.is-animated::after{transform:scale3d(1, 1, 1)}
}
@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
.specialities-list > li::after{content:none}
.specialities-list > li:not(:last-child){margin-bottom:10rem}
.speciality-data{padding:4rem 2.5rem}
}
@media screen and ( max-width: 767px ){
.specialities .c-head-wrap{margin-bottom:6.25rem}
.specialities-list > li:not(:last-child){margin-bottom:5rem}
.speciality-item{display:block}
.speciality-item::after{width:100%;height:100%;padding-top:calc(400/540 * 100%)}
.speciality-data{padding:2rem}
.speciality-data > dt{margin-bottom:1.15rem;font-size:1.4rem}
.speciality-data > dt::before{margin-bottom:1.5rem;font-size:3rem}
}
/**
 * ************************************************************
 * menu
 * ************************************************************
*/
.menu{padding-bottom:39rem;padding-top:45rem;background-repeat:repeat-y,repeat-y;background-position:-20px 0,calc(100% + 20px) 0}
.menu .c-head-wrap{margin-bottom:12rem}
@media screen and ( max-width: 767px ){
.menu{padding-top:22.5rem;padding-bottom:30rem}
.menu .c-head-wrap{margin-bottom:6rem}
}
.menu-list.--layout-1{display:grid;grid-template-columns:repeat(3, 1fr);gap:7vw 5.25vw}
.menu-list.--layout-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:0 8.33vw}
.menu-generic-item{display:flex;justify-content:space-between;padding-top:1.25rem;padding-bottom:1.25rem;border-top:1px dotted currentColor}
.menu-generic-item > dt,.menu-generic-item > dd{font-size:1.6rem;font-weight:bold;line-height:1.5}
.menu-list > li:last-child .menu-generic-item{border-bottom:1px dotted currentColor}
@media screen and ( min-width: 768px ){
.menu-list.--layout-2 > li:nth-last-child(-1n+2) .menu-generic-item{border-bottom:1px dotted currentColor}
}
@media screen and ( min-width: 1920px ){
.menu-list.--layout-1{gap:9rem 7.5rem}
.menu-list.--layout-2{gap:0 10rem}
}
@media screen and ( max-width: 767px ){
.menu-list.--layout-1{grid-template-columns:repeat(2, 1fr);gap:2rem}
.menu-list.--layout-2{display:grid;grid-template-columns:repeat(1, 1fr);gap:inherit}
.menu-generic-item{padding-top:0.65rem;padding-bottom:0.65rem}
.menu-generic-item > dt,.menu-generic-item > dd{font-size:1.2rem}
}
/* menu-section */
.menu-section:not(:last-child){margin-bottom:15rem}
.menu-section .c-head-wrap{margin-bottom:5rem}
.menu-section__mesh{display:grid;grid-template-columns:repeat(2, 1fr);gap:2.5vw}
.menu-section__col > h4{margin-bottom:1.5rem;font-size:1.8rem;font-weight:bold;letter-spacing:0.1em}
@media screen and ( min-width: 1920px ){
.menu-section__mesh{gap:10rem}
}
@media screen and ( max-width: 767px ){
.menu-section:not(:last-child){margin-bottom:7.5rem}
.menu-section__mesh{display:grid;grid-template-columns:repeat(1, 1fr);gap:inherit;row-gap:2.5rem}
.menu-section__col > h4{margin-bottom:1rem;font-size:1.4rem}
}
/* potato */
.media-item-data{margin-top:3rem}
.media-item-data__label{margin-bottom:2rem;font-weight:bold;font-size:2.1rem;letter-spacing:0.02em}
.media-item-data__desc{margin-bottom:2.5rem}
.media-item-data__sizes{display:grid;grid-template-columns:auto 1fr}
.media-item-data__sizes > dd{margin-left:2rem}
@media screen and ( max-width: 767px ){
.media-item-data{margin-top:1.5rem}
.media-item-data__label{margin-bottom:1rem;font-size:1.5rem}
.media-item-data__desc{margin-bottom:1.25rem}
.media-item-data__desc > p{font-size:1.4rem !important;line-height:1.6 !important}
.media-item-data__sizes > dd{margin-left:1rem}
}
/* sauce */
.sauce .menu-list{margin-bottom:4rem}
.special-sauce-box{max-width:55rem;margin:auto;padding-top:2rem;padding-bottom:1.25rem;text-align:center;border:1px solid #000;background:#ffffff}
.special-sauce-box__label,.special-sauce-box__big-txt,.special-sauce-box__txt,.special-sauce-box__price{font-weight:bold;line-height:2;letter-spacing:0.1em;color:var(--base-inverted-font, #000000)}
.special-sauce-box__label{font-size:1.8rem}
.special-sauce-box__big-txt{font-size:2.4rem}
.special-sauce-box__txt{font-size:1.4rem}
.special-sauce-box__price{font-size:2.4rem;letter-spacing:0.05em}
@media screen and ( max-width: 767px ){
.special-sauce-box{padding-top:1rem;padding-bottom:0.75rem}
.special-sauce-box__label{font-size:1.4rem}
.special-sauce-box__big-txt{font-size:1.8rem}
.special-sauce-box__txt{font-size:1rem}
}
/**
 * ************************************************************
 * freespace (フリースペース エリア)
 * ************************************************************
*/
.freespace{position:relative;z-index:200;padding-top:8.5rem;padding-bottom:5.5rem}
.freespace__outer::before{background-repeat:no-repeat;background-position:0 60px}
.freespace__outer > div::before{background-repeat:no-repeat;background-position:100% calc(100% - 40px)}
.freespace .c-head-wrap{margin-bottom:12rem;color:var(--base-inverted-font)}
.freespace .c-head.--lv1{margin-bottom:1.5rem}
/* animations (js) */
.freespace .c-head__block,.freeSpace-list > li{opacity:0}
/**
 * ************************************************************
 * freeSpace (フリースペース エリア)
 * ************************************************************
*/
.freeSpace-list{position:relative}
.freeSpace-list .item__contents{display:flex;flex-wrap:wrap}
.freeSpace-list .list__item{position:relative;margin-top:20rem}
.freeSpace-list .list__item:first-child{margin-top:0}
.freeSpace-list .list__item:nth-child(2n) .item__contents{flex-direction:row-reverse}
.freeSpace-list .item__info-wrap{width:38.333%}
.freeSpace-list .item__img-wrap{z-index:100;width:54.583%;margin-left:7.083%}
.freeSpace-list .list__item:nth-child(2n) .item__img-wrap{margin-left:0;margin-right:7.083%}
.freeSpace-list .item__name{position:relative;padding-bottom:21px;font-size:22px;font-weight:bold;line-height:1.607}
.freeSpace-list .item__name::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:0;border-top:1px dotted #000}
.freeSpace-list .item__des{margin:30px 0 0;font-size:16px;font-weight:bold;line-height:1.5625}
.freeSpace-list .item__price{margin:18px 0 0;font-size:24px}
@media screen and ( max-width: 767px ){
.freeSpace-list .list__item{margin-top:9.6rem}
.freeSpace-list .item__contents{display:block}
.freeSpace-list .item__info-wrap{width:100%}
.freeSpace-list .item__img-wrap{width:100%;margin-top:18px;margin-left:0;margin-right:0}
.freeSpace-list .item__name{padding-bottom:21px;font-size:1.4rem}
.freeSpace-list .item__des{font-size:1.2rem}
.freeSpace-list .item__price{font-size:1.2rem}
}
@media screen and (max-width: 1240px){
.freeSpace-list{overflow:hidden}
}
@media screen and ( min-width: 1024px ){
.freeSpace-list .list__item[class*="--picto-kirakira"]::after{content:"";position:absolute;bottom:-3.9vw;display:block;z-index:99;width:25%;max-width:300px;padding-top:12%;background-repeat:no-repeat;background-position:center 0;background-size:contain}
.freeSpace-list .list__item:nth-child(odd)[class*="--picto-kirakira"]::after{right:-100px}
.freeSpace-list .list__item:nth-child(even)[class*="--picto-kirakira"]::after{left:-100px}
/* animations */
.freeSpace-list .list__item[class*="--picto-kirakira"]::after{transform:scale3d(0, 0, 1);transition:transform 0.5s ease-out;transition-delay:0.25s}
.freeSpace-list .list__item[class*="--picto-kirakira"].is-animated::after{transform:scale3d(1, 1, 1)}
}
@media screen and ( max-width: 767px ){
.freespace{padding-top:4.25rem}
.freespace__outer::before{background-size:150% auto;background-position:0 40px}
.freespace__outer > div::before{background-size:150% auto;background-position:100% calc(100% - 25px)}
.freespace .c-head-wrap{margin-bottom:6rem}
.freespace .c-head.--lv1{margin-bottom:1rem}
}
/* freespace-list */
.freespace-list{position:relative;color:var(--base-inverted-font)}
.freespace-list > li:not(:last-child){margin-bottom:20rem}
@media screen and ( max-width: 767px ){
.freespace-list > li:not(:last-child){margin-bottom:8rem}
}
/* freespace-special-item */
.freespace-special-item{position:relative}
.freespace-special-item__fig{position:relative;z-index:20}
@media screen and ( min-width: 1024px ){
.freespace-special-item[class*="--picto-kirakira"]::after{content:"";position:absolute;bottom:-5vw;display:block;z-index:10;width:25%;max-width:300px;padding-top:12%;background-repeat:no-repeat;background-position:center 0;background-size:contain}
.freespace-special-item:nth-child(odd)[class*="--picto-kirakira"]::after{right:-100px}
.freespace-special-item:nth-child(even)[class*="--picto-kirakira"]::after{left:-100px}
}
/**
 * ************************************************************
 * news
 * ************************************************************
*/
.news{padding-top:28rem;background-repeat:repeat-y,repeat-y;background-position:-20px 20px,calc(100% + 20px) 20px}
.news .c-head-wrap{margin-bottom:10rem}
@media screen and ( max-width: 767px ){
.news{padding-top:20rem}
.news .c-head-wrap{margin-bottom:5rem}
}
/* news-list */
.news-list{position:relative;max-width:89rem;margin-left:auto;margin-right:auto}
.news-list > dt{display:flex;align-items:center;gap:2rem;margin-bottom:0.6rem;padding-top:2.5rem;font-size:1.6rem;font-weight:bold;color:var(--news-txt-color)}
.news-list > dt time{font-size:60%;color:var(--base-font)}
.news-list > dd{padding-bottom:2.5rem;border-bottom:1px dotted currentColor}
.news-list > dd a{color:var(--news-txt-color)}
.news-list > dd a:hover{border-bottom:1px solid var(--news-txt-color)}
.news-list > dd p:not(:last-child){margin-bottom:1.5rem}
@media screen and ( max-width: 767px ){
.news-list > dt{font-size:1.6rem}
}
/**************************************************************
* INSTAGRAM
**************************************************************/
.instagram .c-inner{width:96%;max-width:150rem}
@media screen and (max-width: 768px){
.instagram .c-inner{width:90%;max-width:none;min-width:initial}
}
.instagram{padding-top:8.8vmax;padding-bottom:0}
.instagram .c-headline{color:var(--wp--preset--color--foreground-inverted)}
.instagram .c-head-wrap{margin-bottom:4rem}
@media all and (min-width: 1024px){
.instagram .c-head-wrap{margin-bottom:8rem}
}
/* instagram-gallery
************************************************/
.instagram-gallery{display:grid;grid-template-columns:repeat(2, 1fr)}
.instagram-gallery__item{position:relative;overflow:hidden}
.instagram-gallery__item img{display:block;height:100%;width:100%;object-fit:cover}
.instagram .c-btn-wrap{margin-top:0}
@media all and (min-width: 768px){
.instagram-gallery{grid-template-columns:repeat(5, 1fr)}
.instagram{padding-bottom:6.25vmax}
}
/**
 * ************************************************************
 * access
 * ************************************************************
*/
.access{padding-top:15rem;padding-bottom:30rem;background-repeat:repeat-y,repeat-y;background-position:-20px 0,calc(100% + 20px) 0}
.access .c-head-wrap{margin-bottom:12rem}
@media screen and ( max-width: 767px ){
.access{padding-top:10rem;padding-bottom:20rem}
.access .c-head-wrap{margin-bottom:6rem}
}
/* access-contents */
.access-contents{position:relative}
.access-contents__block-2{position:relative}
.access-contents__block-2::after{content:"";display:block;background-repeat:no-repeat;background-position:center 75%;background-size:cover}
.access-contents__logo{margin-bottom:9rem}
.access-contents__info{margin-bottom:2.75rem}
.access-contents__info > h4{margin-bottom:0.5rem;font-size:2.8rem;font-weight:bold;letter-spacing:0.2em}
.access-info-block{padding-bottom:2.5rem;border-bottom:2px dotted currentColor}
.access-info-block:not(:first-child){padding-top:2.5rem}
.access-info-block > dt{margin-bottom:2.5rem;font-weight:bold;font-size:1.8rem;letter-spacing:0.2em}
@media screen and ( max-width: 767px ){
.access-contents__block-2{margin-top:5rem}
}
@media screen and ( min-width: 768px ){
.access-contents{display:flex;justify-content:space-between;gap:4rem}
.access-contents__block-1{width:calc(600/1200 * 100%)}
.access-contents__block-2{width:60rem;align-self:flex-start}
.access-contents__block-2::after{width:100%;padding-top:calc(300/600 * 100%)}
.access-contents__info{padding-right:9rem}
.access-googlemap{margin-bottom:2rem}
}
@media screen and ( max-width: 767px ){
.access-contents__block-2::after{width:100%;margin-top:4rem;padding-top:75%}
.access-contents__logo{margin-bottom:2.5rem}
.access-contents__logo > figure > img{width:9rem;height:3.75rem}
.access-contents__info{margin-bottom:1.5rem}
.access-contents__info > h4{margin-bottom:1rem;font-size:2rem}
.access-info-block{padding-bottom:1.25rem}
.access-info-block:not(:first-child){padding-top:1.25rem}
.access-info-block > dt{margin-bottom:1.25rem;font-size:1.6rem}
}
/**
 * ************************************************************
 * contact
 * ************************************************************
*/
.contact{position:relative;padding-top:5rem;padding-bottom:12rem;background-color:var(--secondary-divider-shape-bg, #f1b02c)}
.contact::before{content:"";position:absolute;top:-17.888rem;display:block;width:100%;height:18rem;background-color:var(--secondary-divider-shape-bg, #f1b02c);-webkit-clip-path:polygon(100% 100%, 100% 0%, 0% 100%);clip-path:polygon(100% 100%, 100% 0%, 0% 100%)}
.contact .c-head-wrap{margin-bottom:3rem;color:var(--base-inverted-font)}
.contact .c-txt-wrap{margin-bottom:4rem;text-align:center}
.contact .c-txt-wrap > p{color:var(--base-inverted-font);line-height:2.143}
.contact .c-btn-wrap{max-width:86.6rem;height:11.2rem}
.contact .l-btns-group{display:grid;grid-template-columns:1fr 1fr;justify-content:center;gap:2rem}
.c-btn[class*="--special"]{filter:brightness(0.9)}
.contact-lead-txt{font-weight:600}
@media screen and (min-width: 768px){
.contact-lead-txt{padding-left:4rem;text-align:center}
}
@media screen and ( max-width: 767px ){
.contact{padding-bottom:6rem}
.contact::before{content:"";position:absolute;top:-8.888rem;display:block;width:100%;height:9rem;clip-path:polygon(100% 100%, 100% 0%, 0% 100%)}
.contact .c-head-wrap{margin-bottom:1.5rem}
.contact .c-txt-wrap{margin-bottom:2rem}
.contact .c-btn-wrap{max-width:40rem;height:6rem}
.contact .l-btns-group{grid-template-columns:1fr}
}
/* Form
* ************************************************************ */
/* form-submit-area
********************************/
@media all and (max-width: 767px){
.form-submit-area .l-btn-wrapper{margin:0 auto}
}
@media all and (min-width: 768px){
.form-submit-area{width:calc(100% - 18.8rem);margin-left:auto}
}
@media all and (min-width: 1024px){
.form-submit-area{width:calc(100% - 5% - 18.8rem)}
}
/* spinner-icn
********************************/
.spinner-icn{position:relative;display:block;width:14rem;height:14rem;margin:auto;border-radius:50%;box-shadow:inset 0 0 0 5px var(--base-color);outline:4px dashed var(--base-color);animation:form-spinner-rotation 4.5s linear backwards infinite}
/* form-processing-status
********************************/
.form-processing-status{display:grid;justify-content:center;text-align:center}
.form-processing-status__msg{margin-top:4rem;font-size:min(1.125vw + 1rem, 2.8rem)}
/* thanks-txt
********************************/
.thanks-txt{color:var(--base-color)}
/* check-mark
********************************/
.check-mark{display:block;max-width:100%;margin:auto;opacity:0}
i.check-mark{opacity:0;transform:translateY(15%)}
.check-mark > svg path{fill:var(--accent-2-color)}
/* animations */
.form-processing-status__gimmick:not([class*="is-loading"]) .spinner-icn{border-color:transparent;outline:none;box-shadow:none;animation:none}
.processing-animation[class*="is-animated"] .check-mark{animation:checkmark-animation 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards}
@keyframes form-spinner-rotation{
to{transform:rotate(360deg)}
}
@keyframes checkmark-animation{
0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}
}