@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap"); *,
*::before,
*::after {
box-sizing: border-box;
}
ul,
ol {
padding: 0;
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
margin: 0;
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1;
}
ul,
ol {
list-style: none;
}
a:not() {
text-decoration-skip-ink: auto;
}
img {
max-width: 100%;
display: block;
}
input,
button,
textarea,
select {
font: inherit;
}
body {
color: #2c2c2c;
background-color: #f8f6f2;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 1440px) {
body {
font-size: 1.11111vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
body {
font-size: 4.26667vw;
}
}
@media screen and (max-width: 768px) {
body {
font-size: 0.83333vw;
line-height: 1.7;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
body {
font-size: 3.2vw;
}
}
a,
input,
button {
text-decoration: none;
color: inherit;
outline: none;
}
img {
vertical-align: middle;
}
figure {
margin: 0;
padding: 0;
}
input,
textarea {
outline: none;
}
* {
box-sizing: border-box;
}
@media screen and (max-width: 1440px) {
a[href*="tel"] {
pointer-events: none;
cursor: default;
}
}
@media screen and (max-width: 768px) {
.u-pc {
display: none !important;
}
}
@media screen and (min-width: 769px) {
.u-sp {
display: none !important;
}
}
.js-showContent {
position: relative;
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.js-showContent::before {
position: absolute;
width: 40%;
height: 100%;
content: "";
background-color: #c2000a;
left: 0;
top: 0;
}
.js-showContent-narrow::before {
width: 20%;
}
.js-showContent-narrow.show::before {
animation: rectSlideInNarrow 1.5s cubic-bezier(0.81, 0.02, 1, 0.95) forwards !important;
}
@media screen and (max-width: 768px) {
.js-showContent-narrow.show::before {
animation: rectSlideInNarrowSp 1.8s cubic-bezier(0.81, 0.02, 1, 0.95) forwards !important;
}
}
.js-showContent.show {
animation: slideIn 0.6s cubic-bezier(0.81, 0.02, 1, 0.95) forwards;
}
.js-showContent.show::before {
animation: rectSlideIn 1.2s cubic-bezier(0.81, 0.02, 1, 0.95) forwards;
}
@keyframes slideIn {
0% {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
100% {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes rectSlideIn {
0% {
left: 0%;
}
30% {
left: 0%;
}
38% {
left: 100%;
}
100% {
left: 100%;
}
}
@keyframes rectSlideInNarrow {
0% {
left: 0%;
}
15% {
left: 0%;
}
40% {
left: 100%;
}
100% {
left: 100%;
}
}
@keyframes rectSlideInNarrowSp {
0% {
left: 0%;
}
10% {
left: 0%;
}
34% {
left: 100%;
}
100% {
left: 100%;
}
}
.js-animeElement {
transition: all 0.8s;
opacity: 0;
}
.js-animeElement.show {
transition: all 0.8s;
opacity: 1;
transform: translateX(0) translateY(0);
}
.js-fadeUp-0 {
transform: translateX(0) translateY(5%);
}
.js-fadeUp-1 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 1) !important;
}
.js-fadeUp-2 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 2) !important;
}
.js-fadeUp-3 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 3) !important;
}
.js-fadeUp-4 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 4) !important;
}
.js-fadeUp-5 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 5) !important;
}
.js-fadeUp-6 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 6) !important;
}
.js-fadeUp-7 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 7) !important;
}
.js-fadeUp-8 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 8) !important;
}
.js-fadeUp-9 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 9) !important;
}
.js-fadeUp-10 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 10) !important;
}
.js-fadeUp-11 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 11) !important;
}
.js-fadeUp-12 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 12) !important;
}
.js-fadeUp-13 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 13) !important;
}
.js-fadeUp-14 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 14) !important;
}
.js-fadeUp-15 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 15) !important;
}
.js-fadeUp-16 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 16) !important;
}
.js-fadeUp-17 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 17) !important;
}
.js-fadeUp-18 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 18) !important;
}
.js-fadeUp-19 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 19) !important;
}
.js-fadeUp-20 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 20) !important;
}
.js-fadeUp-21 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 21) !important;
}
.js-fadeUp-22 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 22) !important;
}
.js-fadeUp-23 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 23) !important;
}
.js-fadeUp-24 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 24) !important;
}
.js-fadeUp-25 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 25) !important;
}
.js-fadeUp-26 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 26) !important;
}
.js-fadeUp-27 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 27) !important;
}
.js-fadeUp-28 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 28) !important;
}
.js-fadeUp-29 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 29) !important;
}
.js-fadeUp-30 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 30) !important;
}
.js-fadeUp-31 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 31) !important;
}
.js-fadeUp-32 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 32) !important;
}
.js-fadeUp-33 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 33) !important;
}
.js-fadeUp-34 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 34) !important;
}
.js-fadeUp-35 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 35) !important;
}
.js-fadeUp-36 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 36) !important;
}
.js-fadeUp-37 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 37) !important;
}
.js-fadeUp-38 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 38) !important;
}
.js-fadeUp-39 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 39) !important;
}
.js-fadeUp-40 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 40) !important;
}
.js-fadeUp-41 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 41) !important;
}
.js-fadeUp-42 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 42) !important;
}
.js-fadeUp-43 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 43) !important;
}
.js-fadeUp-44 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 44) !important;
}
.js-fadeUp-45 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 45) !important;
}
.js-fadeUp-46 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 46) !important;
}
.js-fadeUp-47 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 47) !important;
}
.js-fadeUp-48 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 48) !important;
}
.js-fadeUp-49 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 49) !important;
}
.js-fadeUp-50 {
transform: translateX(0) translateY(5%);
transition-delay: calc(0.3s * 50) !important;
}
.js-fadeDown {
transform: translateX(0) translateY(-5%);
}
.js-fadeDown-1 {
transform: translateX(0) translateY(-5%);
transition-delay: 0.3s !important;
}
.js-fadeDown-2 {
transform: translateX(0) translateY(-5%);
transition-delay: 0.6s !important;
}
.js-fadeDown-3 {
transform: translateX(0) translateY(-5%);
transition-delay: 0.9 !important;
}
.js-fadeToRight {
transform: translateX(-5%) translateY(0);
}
.js-fadeToRight-1 {
transform: translateX(-5%) translateY(0);
transition-delay: 0.3s !important;
}
.js-fadeToRight-2 {
transform: translateX(-5%) translateY(0);
transition-delay: 0.6s !important;
}
.js-fadeToRight-3 {
transform: translateX(-5%) translateY(0);
transition-delay: 0.3s !important;
}
.js-fadeToLeft {
transform: translateX(5%) translateY(0);
}
.js-fadeToLeft-1 {
transform: translateX(5%) translateY(0);
transition-delay: 0.3s !important;
}
.js-fadeToLeft-2 {
transform: translateX(5%) translateY(0);
transition-delay: 0.6s !important;
}
.js-fadeToLeft-3 {
transform: translateX(5%) translateY(0);
transition-delay: 0.3s !important;
}
.l-pageWrapper {
opacity: 0;
transition: opacity 1.5s;
}
.l-pageWrapper.loadingCompleted {
transition: opacity 1.5s;
opacity: 1;
}
.l-loading {
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
.l-loading::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
background-color: #f8f6f2;
z-index: -1;
transition: all 0.3s;
}
.l-loading.loadingCompleted {
pointer-events: none;
}
.l-loading.loadingCompleted::before {
transition: transform 1s;
transition-timing-function: ease-out;
transform: translateX(100%);
}
@media screen and (max-width: 768px) {
.l-loading.loadingCompleted::before {
transition-duration: 0.5s;
}
}
.l-loading.loadingCompleted .l-loading_logo {
animation: fadeOut 0.8s linear forwards;
}
.l-loading_logo {
width: 380px;
animation: fadeIn 0.5s linear forwards;
animation-delay: 0.2s;
opacity: 0;
}
@media screen and (max-width: 1440px) {
.l-loading_logo {
width: 26.38889vw;
}
}
@media screen and (max-width: 768px) {
.l-loading_logo {
width: 48vw;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.l-header {
width: 1440px;
margin-left: auto;
margin-right: auto;
padding: 0 40px 0 88px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 1440px) {
.l-header {
width: 100vw;
margin-left: auto;
margin-right: auto;
padding: 0 2.77778vw 0 6.11111vw;
}
}
@media screen and (max-width: 768px) {
.l-header {
width: 100%;
height: 17.06667vw;
padding: 3.73333vw 0 2.13333vw 12.26667vw;
}
}
.l-header_wrapper {
position: sticky;
top: 0;
background-color: #f8f6f2;
z-index: 9999;
transition: all 0.3s;
opacity: 1;
}
.l-header_wrapper.isTopPage {
transform: translateY(-100%);
transition: all 0.3s;
opacity: 0;
}
@media screen and (max-width: 768px) {
.l-header_wrapper.isTopPage {
transform: translateY(0);
opacity: 1;
}
}
.l-header_logo {
width: 131px;
display: block;
padding-top: 18px;
padding-bottom: 16px;
}
@media screen and (max-width: 1440px) {
.l-header_logo {
padding-top: 1.25vw;
padding-bottom: 1.11111vw;
width: 9.09722vw;
}
}
@media screen and (max-width: 768px) {
.l-header_logo {
width: 19.2vw;
padding: 0;
}
}
.l-header_menubar {
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
width: 8.53333vw;
height: 8.53333vw;
display: block;
right: 12.26667vw;
}
.l-header_menubar span {
width: 6.4vw;
height: 1px;
background-color: #2c2c2c;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
transition: all 0.3s;
}
.l-header_menubar span:first-of-type {
transform: translateY(-2.66667vw);
}
.l-header_menubar span:last-of-type {
transform: translateY(2.66667vw);
}
.l-header_menubar.isOpened span {
transition: all 0.3s;
}
.l-header_menubar.isOpened span:first-of-type {
transform: translateY(0) rotate(-40deg);
}
.l-header_menubar.isOpened span:nth-of-type(2) {
opacity: 0;
transform: translateX(30%);
}
.l-header_menubar.isOpened span:last-of-type {
transform: translateY(0) rotate(40deg);
}
.l-header_links {
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.l-header_links {
width: 100%;
background-color: #f8f6f2;
position: absolute;
bottom: 0;
transform: translateY(100%);
left: 0;
flex-wrap: wrap;
padding: 17.06667vw 12.26667vw;
transition: all 0.3s;
opacity: 0;
pointer-events: none;
}
.l-header_links.isOpened {
transition: all 0.3s;
opacity: 1;
pointer-events: auto;
}
}
.l-header_links_link {
margin-top: 34px;
margin-left: 50px;
font-size: 14px;
position: relative;
padding-left: 38px;
}
@media screen and (max-width: 1440px) {
.l-header_links_link {
margin-top: 2.36111vw;
margin-left: 3.47222vw;
font-size: 0.97222vw;
padding-left: 2.63889vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-header_links_link {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.l-header_links_link {
margin: 0;
padding-left: 10.13333vw;
width: 50%;
margin-bottom: 17.06667vw;
}
.l-header_links_link:nth-of-type(even) {
padding-left: 13.06667vw;
}
.l-header_links_link:nth-of-type(even)::before,
.l-header_links_link:nth-of-type(even)::after {
left: 2.93333vw;
}
}
.l-header_links_link:hover::before,
.l-header_links_link.isActive::before {
width: 20px;
transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
.l-header_links_link:hover::before,
.l-header_links_link.isActive::before {
width: 1.38889vw;
}
}
@media screen and (max-width: 768px) {
.l-header_links_link:hover::before,
.l-header_links_link.isActive::before {
width: 5.33333vw;
}
}
.l-header_links_link::before,
.l-header_links_link::after {
content: "";
left: 0;
position: absolute;
}
.l-header_links_link::before {
width: 0;
height: 2px;
transition: all 0.3s;
background-color: #c2000a;
top: 14px;
z-index: 1;
}
@media screen and (max-width: 1440px) {
.l-header_links_link::before {
top: 0.97222vw;
}
}
@media screen and (max-width: 768px) {
.l-header_links_link::before {
top: 3.73333vw;
}
}
.l-header_links_link::after {
width: 20px;
height: 1px;
transition: all 0.3s;
background-color: #2c2c2c;
top: 15px;
}
@media screen and (max-width: 1440px) {
.l-header_links_link::after {
width: 1.38889vw;
top: 1.04167vw;
}
}
@media screen and (max-width: 768px) {
.l-header_links_link::after {
width: 5.33333vw;
top: 4vw;
}
}
.l-header_links_link span {
display: block;
}
.l-header_links_link span.ja {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
}
.l-header_links_link span.en {
font-family: "Karla", sans-serif;
font-weight: 400;
line-height: 1;
}
.l-header_links_link:last-of-type {
background-color: #fff;
padding: 34px 16px 13px 58px;
margin-top: 0;
margin-left: 40px;
}
@media screen and (max-width: 1440px) {
.l-header_links_link:last-of-type {
padding: 2.36111vw 1.11111vw 0.90278vw 4.02778vw;
margin-left: 2.77778vw;
}
}
@media screen and (max-width: 768px) {
.l-header_links_link:last-of-type {
width: 100%;
padding: 3.2vw 0 4.26667vw 35.2vw;
margin: 0;
}
}
.l-header_links_link:last-of-type::after {
display: none;
}
.l-header_links_link:last-of-type::before {
content: "";
width: 23px;
height: 21px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.199" height="22.541" viewBox="0 0 24.199 22.541"><g id="icon" transform="translate(-0.563 -2.813)"><path id="パス_649" data-name="パス 649" d="M19.125,26.146V21.375a4.5,4.5,0,0,0-4.5-4.5h-9a4.5,4.5,0,0,0-4.5,4.5v4.771" transform="translate(0 -1.371)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><circle id="楕円形_8" data-name="楕円形 8" cx="4.5" cy="4.5" r="4.5" transform="translate(5.146 3.375)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_650" data-name="パス 650" d="M25.875,26.163V21.375A4.5,4.5,0,0,0,22.5,17.021" transform="translate(-1.676 -1.371)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_651" data-name="パス 651" d="M18,3.521a4.5,4.5,0,0,1,0,8.719" transform="translate(-1.324)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/></g></svg>') no-repeat;
background-size: contain;
background-position: center;
z-index: 9999;
left: 23px;
top: 45px;
}
@media screen and (max-width: 1440px) {
.l-header_links_link:last-of-type::before {
width: 1.59722vw;
height: 1.45833vw;
left: 1.59722vw;
top: 3.125vw;
}
}
@media screen and (max-width: 768px) {
.l-header_links_link:last-of-type::before {
width: 6.13333vw;
height: 5.6vw;
left: 26.4vw;
top: 6.4vw;
}
}
.l-header_links_link:last-of-type:hover::before,
.l-header_links_link:last-of-type.isActive::before {
width: 23px;
height: 21px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.199" height="22.541" viewBox="0 0 24.199 22.541"><g id="icon" transform="translate(-0.563 -2.813)"><path id="パス_649" data-name="パス 649" d="M19.125,26.146V21.375a4.5,4.5,0,0,0-4.5-4.5h-9a4.5,4.5,0,0,0-4.5,4.5v4.771" transform="translate(0 -1.371)" fill="none" stroke="%23c2000a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><circle id="楕円形_8" data-name="楕円形 8" cx="4.5" cy="4.5" r="4.5" transform="translate(5.146 3.375)" fill="none" stroke="%23c2000a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_650" data-name="パス 650" d="M25.875,26.163V21.375A4.5,4.5,0,0,0,22.5,17.021" transform="translate(-1.676 -1.371)" fill="none" stroke="%23c2000a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_651" data-name="パス 651" d="M18,3.521a4.5,4.5,0,0,1,0,8.719" transform="translate(-1.324)" fill="none" stroke="%23c2000a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/></g></svg>') no-repeat;
background-size: contain;
background-position: center;
}
@media screen and (max-width: 1440px) {
.l-header_links_link:last-of-type:hover::before,
.l-header_links_link:last-of-type.isActive::before {
width: 1.59722vw;
height: 1.45833vw;
}
}
@media screen and (max-width: 768px) {
.l-header_links_link:last-of-type:hover::before,
.l-header_links_link:last-of-type.isActive::before {
width: 6.13333vw;
height: 5.6vw;
}
}
.l-breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
background-color: #fff;
margin-top: 200px;
font-size: 12px;
padding: 25px calc((100% - (1200px)) / 2);
}
@media screen and (max-width: 1440px) {
.l-breadcrumb {
margin-top: 13.88889vw;
font-size: 0.83333vw;
padding: 1.73611vw calc((100% - 83.33333vw) / 2);
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-breadcrumb {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.l-breadcrumb {
padding: 0;
margin: 0;
font-size: 0.83333vw;
display: block;
width: auto;
white-space: nowrap;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.l-breadcrumb {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.l-breadcrumb_wrapper {
margin-top: 32vw;
padding: 5.06667vw 12.26667vw;
overflow-x: scroll;
overflow-y: hidden;
background-color: #fff; -ms-overflow-style: none; scrollbar-width: none; }
.l-breadcrumb_wrapper::-webkit-scrollbar {
display: none;
}
.l-breadcrumb_wrapper.hasNoMtSp {
margin-top: 0;
}
}
.l-breadcrumb.hasNoMt {
margin-top: 0;
}
.l-breadcrumb_list {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.l-breadcrumb_list {
display: inline-flex;
}
.l-breadcrumb_list:last-of-type {
padding-right: 12.26667vw;
}
}
.l-breadcrumb_list::after {
content: "＞";
margin: 0 37px;
}
@media screen and (max-width: 1440px) {
.l-breadcrumb_list::after {
margin: 0 2.56944vw;
}
}
@media screen and (max-width: 768px) {
.l-breadcrumb_list::after {
margin: 0 3.73333vw;
}
}
.l-breadcrumb_list:last-of-type::after {
display: none;
}
.l-breadcrumb_list_link {
transition: all 0.3s;
transition: all 0.3s;
}
.l-breadcrumb_list_link:hover {
transition: all 0.3s;
color: #aaa;
}
.l-bnr {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.l-bnr {
display: block;
}
}
.l-bnr.hasMt {
margin-top: 200px;
}
@media screen and (max-width: 1440px) {
.l-bnr.hasMt {
margin-top: 13.88889vw;
}
}
@media screen and (max-width: 768px) {
.l-bnr.hasMt {
margin-top: 32vw;
}
}
.l-bnr_link {
width: 50%;
display: flex;
align-items: center;
flex-flow: column;
color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 58px 0;
transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
.l-bnr_link {
padding: 4.02778vw 0;
}
}
@media screen and (max-width: 768px) {
.l-bnr_link {
width: 100%;
height: 32vw;
justify-content: center;
}
}
.l-bnr_link:first-child {
margin-right: 1px;
}
@media screen and (max-width: 768px) {
.l-bnr_link:first-child {
margin-right: 0;
margin-bottom: 1px;
}
}
.l-bnr_link:first-child:hover {
transition: all 0.3s;
filter: brightness(1.75);
}
.l-bnr_link:nth-child(2):hover {
transition: all 0.3s;
filter: brightness(2.75);
}
.l-bnr_link-recruit {
background-image: url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/common/bnr_recruit.png);
}
.l-bnr_link-contact {
background-image: url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/common/bnr_contact.png);
}
.l-bnr_link_title {
font-size: 24px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
}
@media screen and (max-width: 1440px) {
.l-bnr_link_title {
font-size: 1.66667vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-bnr_link_title {
font-size: 6.4vw;
}
}
@media screen and (max-width: 768px) {
.l-bnr_link_title {
font-size: 1.11111vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.l-bnr_link_title {
font-size: 4.26667vw;
}
}
.l-bnr_link_copy {
font-size: 14px;
}
@media screen and (max-width: 1440px) {
.l-bnr_link_copy {
font-size: 0.97222vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-bnr_link_copy {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.l-bnr_link_copy {
text-align: center;
font-size: 0.83333vw;
margin-top: 2.13333vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.l-bnr_link_copy {
font-size: 3.2vw;
}
}
.c-notFound_wrapper {
padding: 176px 0 88px;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 768px) {
.c-notFound_wrapper {
padding: 88px 12.26667vw;
}
}
@media screen and (max-width: 768px) {
.c-notFound_wrapper .c-btn_wrapper .c-btn {
padding: 23px 90px;
}
}
.c-notFound_img {
width: 100px;
}
@media screen and (max-width: 768px) {
.c-notFound_img {
margin-bottom: 10.66667vw;
}
}
.c-notFound_title {
font-size: 80px;
}
@media screen and (max-width: 1440px) {
.c-notFound_title {
font-size: 80px;
}
}
@media screen and (max-width: 768px) {
.c-notFound_title {
font-size: 40px;
}
}
.c-notFound_description {
font-size: 24px;
text-align: center;
}
@media screen and (max-width: 1440px) {
.c-notFound_description {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
.c-notFound_description {
font-size: 16px;
}
}
@media screen and (max-width: 1440px) {
.c-notFound_description {
margin-bottom: 4.44444vw;
}
}
.l-footer {
padding: 76px 0 80px;
width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1440px) {
.l-footer {
padding: 5.27778vw 0 5.55556vw;
width: 83.33333vw;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 768px) {
.l-footer {
width: 100%;
padding: 10.66667vw 0 21.33333vw;
}
}
.l-footer_logo {
display: block;
width: 131px;
margin-bottom: 30px;
margin-left: -6px;
}
@media screen and (max-width: 1440px) {
.l-footer_logo {
width: 9.09722vw;
margin-bottom: 2.08333vw;
margin-left: -0.41667vw;
}
}
@media screen and (max-width: 768px) {
.l-footer_logo {
width: 26.66667vw;
margin-bottom: 6.4vw;
margin-left: 12.26667vw;
}
}
.l-footer_wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.l-footer_wrapper {
display: block;
}
}
.l-footer_sidebar {
margin-left: -6px;
width: 312px;
}
@media screen and (max-width: 1440px) {
.l-footer_sidebar {
margin-left: -0.41667vw;
width: 21.66667vw;
}
}
@media screen and (max-width: 768px) {
.l-footer_sidebar {
margin-left: 0;
width: 100%;
padding: 0 12.26667vw;
}
}
.l-footer_main {
margin-right: -50px;
width: 912px;
}
@media screen and (max-width: 1440px) {
.l-footer_main {
margin-right: -3.47222vw;
width: 63.33333vw;
}
}
@media screen and (max-width: 768px) {
.l-footer_main {
margin-right: 0;
width: 100%;
}
}
.l-footer_copyright {
margin-top: 80px;
margin-right: -6px;
text-align: right;
font-size: 12px;
}
@media screen and (max-width: 1440px) {
.l-footer_copyright {
margin-right: -0.41667vw;
margin-top: 5.55556vw;
font-size: 0.83333vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footer_copyright {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.l-footer_copyright {
margin-top: 10.66667vw;
margin-right: 0;
text-align: center;
}
}
.l-footerSidebar_name {
font-size: 12px;
margin-bottom: 8px;
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_name {
font-size: 0.83333vw;
margin-bottom: 0.55556vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerSidebar_name {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.l-footerSidebar_name {
margin-bottom: 4.26667vw;
}
}
.l-footerSidebar_address {
font-style: normal;
font-size: 12px;
}
.l-footerSidebar_address:nth-child(2) {
margin-bottom: 8px;
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_address:nth-child(2) {
margin-bottom: 0.55556vw;
}
}
@media screen and (max-width: 768px) {
.l-footerSidebar_address:nth-child(2) {
margin-bottom: 4.26667vw;
}
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_address {
font-size: 0.83333vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerSidebar_address {
font-size: 3.2vw;
}
}
.l-footerSidebar_links {
margin-top: 64px;
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_links {
margin-top: 4.44444vw;
}
}
@media screen and (max-width: 768px) {
.l-footerSidebar_links {
margin-top: 10.66667vw;
margin-bottom: 10.66667vw;
}
}
.l-footerSidebar_links_link {
display: flex;
align-items: flex-end;
margin-bottom: 48px;
font-size: 14px;
transition: all 0.3s;
}
.l-footerSidebar_links_link:hover {
transition: all 0.3s;
color: #aaa;
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_links_link {
margin-bottom: 3.33333vw;
font-size: 0.97222vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerSidebar_links_link {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.l-footerSidebar_links_link {
margin-bottom: 10.66667vw;
}
}
.l-footerSidebar_links_link:hover::before {
background-color: #aaa;
transition: all 0.3s;
}
.l-footerSidebar_links_link::before {
transition: all 0.3s;
width: 20px;
height: 1px;
background-color: #2c2c2c;
content: "";
margin-right: 18px;
transform: translateY(-12px);
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_links_link::before {
width: 1.38889vw;
margin-right: 1.25vw;
transform: translateY(-0.83333vw);
}
}
@media screen and (max-width: 768px) {
.l-footerSidebar_links_link::before {
width: 5.33333vw;
margin-right: 4.8vw;
transform: translateY(-2.66667vw);
}
}
.l-footerSidebar_links_recruit {
padding-left: 38px;
font-size: 14px;
position: relative;
transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_links_recruit {
padding-left: 2.63889vw;
font-size: 0.97222vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerSidebar_links_recruit {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.l-footerSidebar_links_recruit {
padding-left: 10.13333vw;
}
}
.l-footerSidebar_links_recruit:hover {
transition: all 0.3s;
color: #aaa;
}
.l-footerSidebar_links_recruit:hover::before {
transition: all 0.3s;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.199" height="22.541" viewBox="0 0 24.199 22.541"><g id="icon" transform="translate(-0.563 -2.813)"><path id="パス_649" data-name="パス 649" d="M19.125,26.146V21.375a4.5,4.5,0,0,0-4.5-4.5h-9a4.5,4.5,0,0,0-4.5,4.5v4.771" transform="translate(0 -1.371)" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><circle id="楕円形_8" data-name="楕円形 8" cx="4.5" cy="4.5" r="4.5" transform="translate(5.146 3.375)" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_650" data-name="パス 650" d="M25.875,26.163V21.375A4.5,4.5,0,0,0,22.5,17.021" transform="translate(-1.676 -1.371)" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_651" data-name="パス 651" d="M18,3.521a4.5,4.5,0,0,1,0,8.719" transform="translate(-1.324)" fill="none" stroke="%23aaaaaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/></g></svg>');
}
.l-footerSidebar_links_recruit::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
width: 23px;
height: 21px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24.199" height="22.541" viewBox="0 0 24.199 22.541"><g id="icon" transform="translate(-0.563 -2.813)"><path id="パス_649" data-name="パス 649" d="M19.125,26.146V21.375a4.5,4.5,0,0,0-4.5-4.5h-9a4.5,4.5,0,0,0-4.5,4.5v4.771" transform="translate(0 -1.371)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><circle id="楕円形_8" data-name="楕円形 8" cx="4.5" cy="4.5" r="4.5" transform="translate(5.146 3.375)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_650" data-name="パス 650" d="M25.875,26.163V21.375A4.5,4.5,0,0,0,22.5,17.021" transform="translate(-1.676 -1.371)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/><path id="パス_651" data-name="パス 651" d="M18,3.521a4.5,4.5,0,0,1,0,8.719" transform="translate(-1.324)" fill="none" stroke="%232c2c2c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.125"/></g></svg>') no-repeat;
background-size: contain;
background-position: center;
left: 5px;
transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
.l-footerSidebar_links_recruit::before {
width: 1.59722vw;
height: 1.45833vw;
left: 0.34722vw;
}
}
@media screen and (max-width: 768px) {
.l-footerSidebar_links_recruit::before {
width: 6.13333vw;
height: 5.6vw;
left: 1.33333vw;
}
}
.l-footerShops {
width: 100%;
padding: 48px 46px 50px 78px;
background-color: #fff;
}
@media screen and (max-width: 1440px) {
.l-footerShops {
padding: 3.33333vw 3.19444vw 3.47222vw 5.41667vw;
}
}
@media screen and (max-width: 768px) {
.l-footerShops {
padding: 0;
}
}
.l-footerShops th,
.l-footerShops td {
vertical-align: top;
text-align: left;
}
@media screen and (max-width: 768px) {
.l-footerShops th,
.l-footerShops td {
display: block;
}
}
.l-footerShops th:first-child {
width: 208px;
padding-right: 48px;
}
@media screen and (max-width: 1440px) {
.l-footerShops th:first-child {
width: 14.44444vw;
padding-right: 3.33333vw;
}
}
@media screen and (max-width: 768px) {
.l-footerShops th:first-child {
width: auto;
padding-right: 0;
}
}
.l-footerShops thead th {
padding-bottom: 35px;
color: #c2000a;
font-size: 14px;
font-family: "Karla", sans-serif;
font-weight: 700;
}
@media screen and (max-width: 1440px) {
.l-footerShops thead th {
padding-bottom: 2.43056vw;
font-size: 0.97222vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerShops thead th {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.l-footerShops thead th {
padding-bottom: 0;
font-size: 1.11111vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.l-footerShops thead th {
font-size: 4.26667vw;
}
}
@media screen and (max-width: 768px) {
.l-footerShops thead {
cursor: pointer;
position: relative;
display: block;
width: 100%;
padding: 10.66667vw 12.26667vw;
}
.l-footerShops thead::before,
.l-footerShops thead::after {
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
right: 12.26667vw;
width: 3.2vw;
height: 1px;
background-color: #2c2c2c;
content: "";
}
.l-footerShops thead::after {
transform: rotate(90deg);
transition: all 0.3s;
}
.l-footerShops thead.isOpened::after {
transition: all 0.3s;
transform: rotate(0);
opacity: 0;
}
.l-footerShops thead tr {
display: flex;
margin-bottom: 0;
}
.l-footerShops thead th,
.l-footerShops thead td {
display: inline-block;
padding: 0 !important;
}
}
.l-footerShops tbody {
font-size: 12px;
}
@media screen and (max-width: 1440px) {
.l-footerShops tbody {
font-size: 0.83333vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerShops tbody {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.l-footerShops tbody {
display: none;
padding: 0 12.26667vw 10.66667vw;
font-size: 0.97222vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.l-footerShops tbody {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.l-footerShops tbody tr {
display: block;
margin-bottom: 10.66667vw;
}
.l-footerShops tbody th {
margin-bottom: 3.2vw;
}
.l-footerShops tbody td li:not(:last-of-type) {
margin-bottom: 4.26667vw;
}
}
.l-footerShops tbody td {
padding-bottom: 26px;
}
@media screen and (max-width: 1440px) {
.l-footerShops tbody td {
padding-bottom: 1.80556vw;
}
}
.l-footerShops tbody td li {
display: inline-block;
}
.l-footerShops tbody td li:not(:last-of-type)::after {
content: "／";
margin: 0 2px;
}
@media screen and (max-width: 1440px) {
.l-footerShops tbody td li:not(:last-of-type)::after {
margin: 0 1px;
}
}
@media screen and (max-width: 768px) {
.l-footerShops tbody td li:not(:last-of-type)::after {
display: none;
}
}
.l-footerShops tbody td li a {
text-decoration: underline;
transition: all 0.3s;
}
.l-footerShops tbody td li a:hover {
transition: all 0.3s;
color: #aaa;
}
.l-footerGroups {
padding: 64px 50px 0 78px;
}
@media screen and (max-width: 1440px) {
.l-footerGroups {
padding: 4.44444vw 3.47222vw 0 5.41667vw;
}
}
@media screen and (max-width: 768px) {
.l-footerGroups {
padding: 0;
}
}
.l-footerGroups_title {
font-family: "Karla", sans-serif;
font-weight: 700;
color: #c2000a;
font-size: 14px;
margin-bottom: 29px;
}
@media screen and (max-width: 1440px) {
.l-footerGroups_title {
font-size: 0.97222vw;
margin-bottom: 2.01389vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerGroups_title {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.l-footerGroups_title {
cursor: pointer;
position: relative;
padding: 10.66667vw 12.26667vw;
font-size: 1.11111vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.l-footerGroups_title {
font-size: 4.26667vw;
}
}
@media screen and (max-width: 768px) {
.l-footerGroups_title::before,
.l-footerGroups_title::after {
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
right: 12.26667vw;
width: 3.2vw;
height: 1px;
background-color: #2c2c2c;
content: "";
}
.l-footerGroups_title::after {
transform: rotate(90deg);
transition: all 0.3s;
}
.l-footerGroups_title.isOpened::after {
transition: all 0.3s;
transform: rotate(0);
opacity: 0;
}
}
@media screen and (max-width: 768px) {
.l-footerGroups_links {
padding: 0 12.26667vw 10.66667vw;
display: none;
}
}
.l-footerGroups_links_list {
display: inline-block;
font-size: 12px;
}
@media screen and (max-width: 1440px) {
.l-footerGroups_links_list {
font-size: 0.83333vw;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.l-footerGroups_links_list {
font-size: 3.2vw;
}
}
@media screen and (max-width: 768px) {
.l-footerGroups_links_list {
margin-bottom: 3.73333vw;
display: block;
font-size: 0.97222vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.l-footerGroups_links_list {
font-size: 3.73333vw;
}
}
.l-footerGroups_links_list:not(:last-of-type)::after {
content: "／";
}
@media screen and (max-width: 768px) {
.l-footerGroups_links_list:not(:last-of-type)::after {
display: none;
}
}
.l-footerGroups_links_link {
display: inline-flex;
align-items: center;
transition: all 0.3s;
}
.l-footerGroups_links_link:hover {
transition: all 0.3s;
color: #aaa;
}
@media screen and (max-width: 768px) {
.l-footerGroups_links_link:not(:last-of-type) {
margin-bottom: 3.73333vw;
}
}
.l-footerGroups_links_link::after {
position: relative;
top: 1px;
margin-left: 2px;
display: inline-block;
content: "";
width: 14px;
height: 14px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g id="Window_icon_footer" data-name="Window icon_footer" transform="translate(1.918 1.418)"><rect id="back" width="14" height="14" transform="translate(-1.918 -1.418)" fill="none"/><path id="パス_646" data-name="パス 646" d="M0,0V8.938H8.938V0ZM.859,2.406H8.078V8.078H.859Z" fill="%232c2c2c"/><path id="パス_647" data-name="パス 647" d="M96.859,104.078H96v.859h8.937V96h-.859v8.078Z" transform="translate(-93.937 -93.938)" fill="%232c2c2c"/></g></svg>') no-repeat;
background-size: contain;
background-position: center;
transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
.l-footerGroups_links_link::after {
width: 0.97222vw;
height: 0.97222vw;
}
}
@media screen and (max-width: 768px) {
.l-footerGroups_links_link::after {
width: 3.73333vw;
height: 3.73333vw;
}
}
.l-footerGroups_links_link:hover::after {
transition: all 0.3s;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g id="Window_icon_footer" data-name="Window icon_footer" transform="translate(1.918 1.418)"><rect id="back" width="14" height="14" transform="translate(-1.918 -1.418)" fill="none"/><path id="パス_646" data-name="パス 646" d="M0,0V8.938H8.938V0ZM.859,2.406H8.078V8.078H.859Z" fill="%23aaaaaa"/><path id="パス_647" data-name="パス 647" d="M96.859,104.078H96v.859h8.937V96h-.859v8.078Z" transform="translate(-93.937 -93.938)" fill="%23aaaaaa"/></g></svg>');
}
.l-footerGroups_links_link span {
text-decoration: underline;
}
.c-btn {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
border-radius: 5px;
border: 2px solid #fff;
padding: 23px 90px;
background-color: #fff;
transition: all 0.3s;
}
.c-btn_wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-top: 64px;
}
@media screen and (max-width: 1440px) {
.c-btn_wrapper {
margin-top: 4.44444vw;
}
}
@media screen and (max-width: 768px) {
.c-btn_wrapper {
margin-top: 21.33333vw;
}
}
@media screen and (max-width: 1440px) {
.c-btn {
padding: 1.59722vw 6.25vw;
font-size: 0.97222vw;
border-radius: 5px;
}
}
@media screen and (max-width: 1440px) and (max-width: 768px) {
.c-btn {
font-size: 3.73333vw;
}
}
@media screen and (max-width: 768px) {
.c-btn {
padding: 6.66667vw 0;
width: 100%;
border-radius: 1.33333vw;
}
}
.c-btn:hover {
transition: all 0.3s;
color: #c2000a;
border-color: #c2000a;
}
.c-block {
width: 992px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1440px) {
.c-block {
width: 83.33333vw;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 768px) {
.c-block {
width: 100%;
}
}@import"https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap";.c-pageTitle_wrapper{padding-top:108px;padding-left:calc((100% - 1200px)/2);margin-bottom:100px}@media screen and (max-width: 1440px){.c-pageTitle_wrapper{padding-top:7.5vw;padding-left:calc((100% - 83.3333333333vw)/2);margin-bottom:6.9444444444vw}}@media screen and (max-width: 768px){.c-pageTitle_wrapper{padding-top:8.5333333333vw;padding-left:12.2666666667vw;margin-bottom:6.4vw}}.c-pageTitle span{display:block}.c-pageTitle span.en{line-height:1;font-family:"Karla",sans-serif;font-weight:700;font-size:80px}@media screen and (max-width: 1440px){.c-pageTitle span.en{font-size:5.5555555556vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.c-pageTitle span.en{font-size:21.3333333333vw}}@media screen and (max-width: 768px){.c-pageTitle span.en{font-size:2.7777777778vw}}@media screen and (max-width: 768px)and (max-width: 768px){.c-pageTitle span.en{font-size:10.6666666667vw}}.c-pageTitle span.ja{font-size:18px;font-weight:normal}@media screen and (max-width: 1440px){.c-pageTitle span.ja{font-size:1.25vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.c-pageTitle span.ja{font-size:4.8vw}}@media screen and (max-width: 768px){.c-pageTitle span.ja{font-size:0.8333333333vw}}@media screen and (max-width: 768px)and (max-width: 768px){.c-pageTitle span.ja{font-size:3.2vw}}.c-block{width:992px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1440px){.c-block{width:83.3333333333vw;margin-left:auto;margin-right:auto}}@media screen and (max-width: 768px){.c-block{width:100%}}.c-heading{font-size:24px;line-height:1.8;font-family:"Noto Sans JP",sans-serif;font-weight:700}@media screen and (max-width: 1440px){.c-heading{font-size:1.6666666667vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.c-heading{font-size:6.4vw}}@media screen and (max-width: 768px){.c-heading{font-size:1.1111111111vw}}@media screen and (max-width: 768px)and (max-width: 768px){.c-heading{font-size:4.2666666667vw}}.c-heading span{color:#c2000a;margin-right:5px}@media screen and (max-width: 1440px){.c-heading span{margin-right:0.3472222222vw}}@media screen and (max-width: 768px){.c-heading span{margin-right:0.8vw}}@media screen and (max-width: 768px){.c-text{word-break:break-all}}.c-text:not(:last-child){margin-bottom:40px}@media screen and (max-width: 1440px){.c-text:not(:last-child){margin-bottom:2.7777777778vw}}@media screen and (max-width: 768px){.c-text:not(:last-child){margin-bottom:8vw}}.c-text .em{color:#c2000a}.p-contactThanks{margin-top:56px}@media screen and (max-width: 1440px){.p-contactThanks{margin-top:3.8888888889vw}}@media screen and (max-width: 768px){.p-contactThanks{margin-top:2.1333333333vw}}.p-contactThanks .c-btn_wrapper{margin-top:120px}@media screen and (max-width: 1440px){.p-contactThanks .c-btn_wrapper{margin-top:8.3333333333vw}}@media screen and (max-width: 768px){.p-contactThanks .c-btn_wrapper{margin-top:21.3333333333vw}}@media screen and (max-width: 768px){.p-contactThanksWrapper{padding:0 12.2666666667vw}}.p-contactForm{width:992px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1440px){.p-contactForm{width:68.8888888889vw;margin-left:auto;margin-right:auto}}@media screen and (max-width: 768px){.p-contactForm{width:100%;padding:0 12.2666666667vw}}.p-contactForm hr{border-color:#2c2c2c;border-bottom:none;margin-top:80px;margin-bottom:80px}@media screen and (max-width: 1440px){.p-contactForm hr{margin-top:5.5555555556vw;margin-bottom:5.5555555556vw}}@media screen and (max-width: 768px){.p-contactForm hr{margin-top:21.3333333333vw;margin-bottom:21.3333333333vw}}.p-contactForm_notice{margin-bottom:80px !important}@media screen and (max-width: 1440px){.p-contactForm_notice{margin-bottom:5.5555555556vw !important}}@media screen and (max-width: 768px){.p-contactForm_notice{margin-bottom:10.6666666667vw !important}}.p-contactForm_confirm{margin-bottom:100px}@media screen and (max-width: 1440px){.p-contactForm_confirm{margin-bottom:6.9444444444vw}}@media screen and (max-width: 768px){.p-contactForm_confirm{margin-bottom:10.6666666667vw}}.p-contactForm_confirm .c-heading{margin-bottom:12px}@media screen and (max-width: 1440px){.p-contactForm_confirm .c-heading{margin-bottom:0.8333333333vw}}@media screen and (max-width: 768px){.p-contactForm_confirm .c-heading{margin-bottom:2.1333333333vw}}.p-contactForm_block{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-start}@media screen and (max-width: 1440px){.p-contactForm_block{margin-bottom:2.7777777778vw}}@media screen and (max-width: 768px){.p-contactForm_block{margin-bottom:10.6666666667vw;flex-flow:column}}.p-contactForm_block-radio{margin:48px auto}.p-contactForm_block-radio .p-contactForm_block_title{transform:translateY(0)}@media screen and (max-width: 1440px){.p-contactForm_block-radio{margin:3.3333333333vw auto}}@media screen and (max-width: 768px){.p-contactForm_block-radio{margin:10.6666666667vw auto}}.p-contactForm_block-textarea{align-items:flex-start}.p-contactForm_block-textarea .p-contactForm_block_title{transform:translateY(24px)}.p-contactForm_block_title{width:184px;font-family:"Noto Sans JP",sans-serif;font-weight:700;transform:translateY(12px)}@media screen and (max-width: 1440px){.p-contactForm_block_title{width:12.7777777778vw;transform:translateY(0.8333333333vw)}}@media screen and (max-width: 768px){.p-contactForm_block_title{width:100%;font-size:0.9722222222vw;margin-bottom:3.2vw;transform:translateY(0) !important}}@media screen and (max-width: 768px)and (max-width: 768px){.p-contactForm_block_title{font-size:3.7333333333vw}}.p-contactForm_block_title span{color:#c2000a;margin-left:5px}@media screen and (max-width: 1440px){.p-contactForm_block_title span{margin-left:0.3472222222vw}}@media screen and (max-width: 768px){.p-contactForm_block_title span{margin-left:1.0666666667vw}}.p-contactForm_block_input{width:768px}.p-contactForm_block_input+p{position:absolute}@media screen and (max-width: 1440px){.p-contactForm_block_input{width:53.3333333333vw}}@media screen and (max-width: 768px){.p-contactForm_block_input{width:100%;font-size:0.8333333333vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-contactForm_block_input{font-size:3.2vw}}.p-contactForm_block_input input[type=text],.p-contactForm_block_input input[type=tel],.p-contactForm_block_input input[type=email],.p-contactForm_block_input select,.p-contactForm_block_input textarea{width:100%}.p-contactForm_block_input input[type=text],.p-contactForm_block_input input[type=tel],.p-contactForm_block_input input[type=email],.p-contactForm_block_input textarea,.p-contactForm_block_input select{appearance:none;-webkit-appearance:none;border:none;padding:12px 24px;border-radius:0;vertical-align:middle}@media screen and (max-width: 1440px){.p-contactForm_block_input input[type=text],.p-contactForm_block_input input[type=tel],.p-contactForm_block_input input[type=email],.p-contactForm_block_input textarea,.p-contactForm_block_input select{padding:0.8333333333vw 1.6666666667vw}}@media screen and (max-width: 768px){.p-contactForm_block_input input[type=text],.p-contactForm_block_input input[type=tel],.p-contactForm_block_input input[type=email],.p-contactForm_block_input textarea,.p-contactForm_block_input select{padding:4.8vw 4.2666666667vw}}.p-contactForm_block_input input[type=text]:focus,.p-contactForm_block_input input[type=tel]:focus,.p-contactForm_block_input input[type=email]:focus,.p-contactForm_block_input textarea:focus,.p-contactForm_block_input select:focus{outline:none}.p-contactForm_block_input input:focus::placeholder,.p-contactForm_block_input textarea:focus::placeholder{color:rgba(0,0,0,0)}.p-contactForm_block_input textarea{height:384px;resize:none}@media screen and (max-width: 1440px){.p-contactForm_block_input textarea{height:26.6666666667vw}}@media screen and (max-width: 768px){.p-contactForm_block_input textarea{height:59.7333333333vw}}.p-contactForm_block_input input:-webkit-autofill{box-shadow:0 0 0 100vw #fff inset}.p-contactForm_block_input ::placeholder{font-family:"Noto Sans JP",sans-serif;font-weight:400;color:#aaa}.p-contactForm_block_input select{cursor:pointer;background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/contact/arw_b.svg);background-size:20px;background-position:center right 22px;background-repeat:no-repeat;margin:0}@media screen and (max-width: 1440px){.p-contactForm_block_input select{background-size:1.3888888889vw;background-position:center right 1.5277777778vw}}@media screen and (max-width: 768px){.p-contactForm_block_input select{background-size:5.3333333333vw;background-position:center right 4vw;padding-right:12.2666666667vw}}.p-contactForm_block_input select.notSelected{color:#aaa}.p-contactForm_block_input input[type=radio]{display:none}.p-contactForm_block_input input[type=radio]+span{display:flex;align-items:center;cursor:pointer}.p-contactForm_block_input input[type=radio]+span:before{content:"";width:24px;height:24px;border-radius:24px;border:1px solid #2c2c2c;background-color:#fff;margin-right:16px;transition:all .3s}@media screen and (max-width: 1440px){.p-contactForm_block_input input[type=radio]+span:before{width:1.6666666667vw;height:1.6666666667vw;border-radius:1.6666666667vw;border:1px solid #c2000a;margin-right:1.1111111111vw}}@media screen and (max-width: 768px){.p-contactForm_block_input input[type=radio]+span:before{width:6.4vw;height:6.4vw;margin-right:4.2666666667vw;border-radius:6.4vw}}.p-contactForm_block_input input[type=radio]+span:after{content:"";width:14px;height:14px;border-radius:14px;background-color:#c2000a;position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:5px;transition:all .3s;transform:scale(0)}@media screen and (max-width: 1440px){.p-contactForm_block_input input[type=radio]+span:after{width:0.9722222222vw;height:0.9722222222vw;border-radius:0.9722222222vw;left:0.3472222222vw}}@media screen and (max-width: 768px){.p-contactForm_block_input input[type=radio]+span:after{width:3.7333333333vw;height:3.7333333333vw;border-radius:3.7333333333vw;left:1.3333333333vw}}.p-contactForm_block_input input[type=radio]:checked+span:before{transition:all .3s;border-color:#c2000a}.p-contactForm_block_input input[type=radio]:checked+span:after{transition:all .3s;transform:scale(1)}.p-contactForm_block_input-radio{display:flex;flex-wrap:wrap}.p-contactForm_block_input-radio .mwform-radio-field{position:relative;margin-left:0 !important;width:33.3333333333%}@media screen and (max-width: 768px){.p-contactForm_block_input-radio .mwform-radio-field{width:100%;font-size:1.1111111111vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-contactForm_block_input-radio .mwform-radio-field{font-size:4.2666666667vw}}@media screen and (max-width: 768px){.p-contactForm_block_input-radio .mwform-radio-field:nth-of-type(n + 2){margin-top:6.4vw}}.p-contactForm_block_input-radio .mwform-radio-field:nth-of-type(n + 4){margin-top:16px}@media screen and (max-width: 1440px){.p-contactForm_block_input-radio .mwform-radio-field:nth-of-type(n + 4){margin-top:1.1111111111vw}}@media screen and (max-width: 768px){.p-contactForm_block_input-radio .mwform-radio-field:nth-of-type(n + 4){margin-top:6.4vw}}.p-contactForm_submit{margin-top:80px;justify-content:space-between;display:flex;align-items:center;width:100%}@media screen and (max-width: 1440px){.p-contactForm_submit{margin-top:5.5555555556vw}}@media screen and (max-width: 768px){.p-contactForm_submit{margin-top:21.3333333333vw;flex-flow:column}}.p-contactForm_submit input{appearance:none;-webkit-appearance:none;border:none;background-color:rgba(0,0,0,0);padding:0;font-size:14px;cursor:pointer}@media screen and (max-width: 1440px){.p-contactForm_submit input{font-size:0.9722222222vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-contactForm_submit input{font-size:3.7333333333vw}}.p-contactForm_submit input[name=submitBack]{font-family:"Noto Sans JP",sans-serif;font-weight:700;text-decoration:underline;transition:all .3s}.p-contactForm_submit input[name=submitBack]:hover{transition:all .3s;color:#aaa}@media screen and (max-width: 768px){.p-contactForm_submit input[name=submitBack]{order:2;margin-bottom:0;margin-top:10.6666666667vw}}.p-contactForm_submit input[name=submitConfirm].isDisabled{pointer-events:none;background-color:#aaa}@media screen and (max-width: 768px){.p-contactForm_submit input[name=submitConfirm]{order:1}}.p-contactForm_submit input[name=sendform],.p-contactForm_submit input[name=submitConfirm]{width:768px;height:77px;color:#fff;background-color:#c2000a;border-radius:5px;margin-left:auto;margin-right:auto;transition:all .3s;font-family:"Noto Sans JP",sans-serif;font-weight:700}@media screen and (max-width: 1440px){.p-contactForm_submit input[name=sendform],.p-contactForm_submit input[name=submitConfirm]{width:53.3333333333vw;height:5.3472222222vw;border-radius:0.3472222222vw}}@media screen and (max-width: 768px){.p-contactForm_submit input[name=sendform],.p-contactForm_submit input[name=submitConfirm]{width:100%;height:20.5333333333vw;border-radius:1.6vw}}.p-contactForm_submit input[name=sendform]:hover,.p-contactForm_submit input[name=submitConfirm]:hover{transition:all .3s;filter:brightness(1.25)}.p-contactForm_submit input[name=sendform]{margin-right:0}.mw_wp_form_input .p-contactForm_confirm{display:none}.mw_wp_form_input [name=sendform]{display:none}.mw_wp_form_confirm .p-contactForm_notice{display:none}.mw_wp_form_confirm .p-contactPrivacy{display:none}.mw_wp_form_confirm .p-contactForm_block_title{transform:translateY(0)}.p-contactPrivacy{margin-bottom:80px;display:flex;justify-content:space-between}@media screen and (max-width: 1440px){.p-contactPrivacy{margin-bottom:5.5555555556vw}}@media screen and (max-width: 768px){.p-contactPrivacy{margin-bottom:21.3333333333vw;flex-flow:column}}.p-contactPrivacy_title{width:184px;font-family:"Noto Sans JP",sans-serif;font-weight:700;transform:translateY(24px)}@media screen and (max-width: 1440px){.p-contactPrivacy_title{width:12.7777777778vw;transform:translateY(1.6666666667vw)}}@media screen and (max-width: 768px){.p-contactPrivacy_title{width:100%;transform:translateY(0);margin-bottom:3.2vw}}.p-contactPrivacy_title span{color:#c2000a;margin-left:5px}@media screen and (max-width: 1440px){.p-contactPrivacy_title span{margin-left:0.3472222222vw}}@media screen and (max-width: 768px){.p-contactPrivacy_title span{margin-left:1.0666666667vw}}.p-contactPrivacy_info{width:768px}@media screen and (max-width: 1440px){.p-contactPrivacy_info{width:53.3333333333vw}}@media screen and (max-width: 768px){.p-contactPrivacy_info{width:100%}}.p-contactPrivacy_detail{overflow-y:scroll;width:100%;height:384px;padding:0 16px 0 24px}@media screen and (max-width: 1440px){.p-contactPrivacy_detail{height:26.6666666667vw;padding:0 1.1111111111vw 0 1.6666666667vw}}@media screen and (max-width: 768px){.p-contactPrivacy_detail{height:59.7333333333vw;padding:0 4.2666666667vw 0 6.4vw;word-break:break-all}}.p-contactPrivacy_detail_wrapper{background-color:#fff;margin-bottom:24px;position:relative}@media screen and (max-width: 1440px){.p-contactPrivacy_detail_wrapper{margin-bottom:1.6666666667vw}}@media screen and (max-width: 768px){.p-contactPrivacy_detail_wrapper{margin-bottom:6.4vw}}.p-contactPrivacy_detail_wrapper:before,.p-contactPrivacy_detail_wrapper:after{position:absolute;content:"";background-color:#fff;width:calc(100% - 8px);height:24px;left:0}@media screen and (max-width: 1440px){.p-contactPrivacy_detail_wrapper:before,.p-contactPrivacy_detail_wrapper:after{width:calc(100% - 0.5555555556vw);height:1.6666666667vw}}@media screen and (max-width: 768px){.p-contactPrivacy_detail_wrapper:before,.p-contactPrivacy_detail_wrapper:after{width:calc(100% - 1.6vw);height:6.4vw}}.p-contactPrivacy_detail_wrapper:before{top:0}@media screen and (max-width: 768px){.p-contactPrivacy_detail_wrapper:before{top:-1px}}.p-contactPrivacy_detail_wrapper:after{bottom:0}@media screen and (max-width: 768px){.p-contactPrivacy_detail_wrapper:after{bottom:-1px}}.p-contactPrivacy_detail_block:first-of-type{margin-top:24px}@media screen and (max-width: 1440px){.p-contactPrivacy_detail_block:first-of-type{margin-top:1.6666666667vw}}@media screen and (max-width: 768px){.p-contactPrivacy_detail_block:first-of-type{margin-top:6.4vw}}.p-contactPrivacy_detail_block:not(:last-of-type){margin-bottom:40px}@media screen and (max-width: 1440px){.p-contactPrivacy_detail_block:not(:last-of-type){margin-bottom:2.7777777778vw}}@media screen and (max-width: 768px){.p-contactPrivacy_detail_block:not(:last-of-type){margin-bottom:10.6666666667vw}}.p-contactPrivacy_detail_block:last-of-type{margin-bottom:24px}@media screen and (max-width: 1440px){.p-contactPrivacy_detail_block:last-of-type{margin-bottom:1.6666666667vw}}@media screen and (max-width: 768px){.p-contactPrivacy_detail_block:last-of-type{margin-bottom:6.4vw}}.p-contactPrivacy_agree input{display:none}.p-contactPrivacy_agree input+span{position:relative;display:flex;align-items:center;cursor:pointer}@media screen and (max-width: 768px){.p-contactPrivacy_agree input+span{font-size:1.1111111111vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-contactPrivacy_agree input+span{font-size:4.2666666667vw}}.p-contactPrivacy_agree input+span:before,.p-contactPrivacy_agree input+span:after{content:"";transition:all .3s}.p-contactPrivacy_agree input+span:before{width:24px;height:24px;border:1px solid #2c2c2c;background-color:#fff;margin-right:16px}@media screen and (max-width: 1440px){.p-contactPrivacy_agree input+span:before{width:1.6666666667vw;height:1.6666666667vw;margin-right:1.1111111111vw}}@media screen and (max-width: 768px){.p-contactPrivacy_agree input+span:before{width:6.4vw;height:6.4vw;margin-right:4.2666666667vw}}.p-contactPrivacy_agree input+span:after{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;left:0;width:24px;height:24px;background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/contact/icon_check.svg);background-repeat:no-repeat;background-size:12px 8px;background-position:center;background-color:#c2000a;opacity:0}@media screen and (max-width: 1440px){.p-contactPrivacy_agree input+span:after{width:1.6666666667vw;height:1.6666666667vw;background-size:0.8333333333vw 0.5555555556vw}}@media screen and (max-width: 768px){.p-contactPrivacy_agree input+span:after{width:6.4vw;height:6.4vw;background-size:3.2vw 2.1333333333vw}}.p-contactPrivacy_agree input:checked+span:before,.p-contactPrivacy_agree input:checked+span:after{transition:all .3s}.p-contactPrivacy_agree input:checked+span:before{border-color:#c2000a}.p-contactPrivacy_agree input:checked+span:after{opacity:1}::-webkit-scrollbar{width:8px}@media screen and (max-width: 768px){::-webkit-scrollbar{width:1.6vw}}::-webkit-scrollbar-track{border-radius:0;background-color:#dbdbdb;box-shadow:none}::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:0;height:80px;box-shadow:none}@media screen and (max-width: 768px){::-webkit-scrollbar-thumb{height:21.3333333333vw}}