@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-head{display:flex;justify-content:center;align-items:flex-start;margin-bottom:200px}@media screen and (max-width: 1440px){.c-head{margin-bottom:13.8888888889vw}}@media screen and (max-width: 768px){.c-head{margin-bottom:32vw;flex-flow:column;position:relative}}.c-head_info{background-color:#fff;width:800px;padding:108px 222px 83px 120px;position:relative}@media screen and (max-width: 1440px){.c-head_info{width:55.5555555556vw;padding:7.5vw 15.4166666667vw 5.7638888889vw 8.3333333333vw}}@media screen and (max-width: 768px){.c-head_info{width:100%;padding:8.5333333333vw 12.2666666667vw 36vw}}.c-head_info-message,.c-head_info-recruit{padding-right:264px}@media screen and (max-width: 1440px){.c-head_info-message,.c-head_info-recruit{padding-right:18.3333333333vw}}@media screen and (max-width: 768px){.c-head_info-message{padding-right:5.3333333333vw}}@media screen and (max-width: 768px){.c-head_info-recruit{padding-bottom:64vw;padding-right:12vw}.c-head_info-recruit .c-head_links_link:nth-of-type(2){padding-right:10.6666666667vw}}.c-head_info-brands{padding-right:115px;padding-bottom:200px;margin-left:-8.3333333333vw}@media screen and (max-width: 1440px){.c-head_info-brands{padding-right:7.9861111111vw;padding-bottom:13.8888888889vw}}@media screen and (max-width: 768px){.c-head_info-brands{padding:8.5333333333vw 14.6666666667vw 10.6666666667vw 12.2666666667vw;margin-left:0}.c-head_info-brands .c-head_text{width:34.6666666667vw}}.c-head_info-brands .c-head_links_link{width:260px;margin-right:0}@media screen and (max-width: 1440px){.c-head_info-brands .c-head_links_link{width:18.0555555556vw}}@media screen and (max-width: 768px){.c-head_info-brands .c-head_links_link{width:100%}.c-head_info-brands .c-head_links_link:not(:first-of-type){margin-top:12.8vw}}.c-head_info:before{position:absolute;content:"";width:calc((100vw - 1440px)/2);height:100%;background-color:#fff;left:0;top:0;transform:translateX(-100%)}@media screen and (max-width: 768px){.c-head_info:before{display:none}}.c-head_text{margin-top:64px;margin-bottom:78px;font-size:18px}@media screen and (max-width: 1440px){.c-head_text{margin-top:4.4444444444vw;margin-bottom:5.4166666667vw;font-size:1.25vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.c-head_text{font-size:4.8vw}}@media screen and (max-width: 768px){.c-head_text{margin-top:6.4vw;font-size:0.8333333333vw;margin-bottom:10.6666666667vw}}@media screen and (max-width: 768px)and (max-width: 768px){.c-head_text{font-size:3.2vw}}.c-head_img{width:744px;margin-left:-104px;margin-top:228px;z-index:1;position:relative}@media screen and (max-width: 1440px){.c-head_img{width:51.6666666667vw;margin-left:-7.2222222222vw;margin-top:15.8333333333vw}}@media screen and (max-width: 768px){.c-head_img{width:calc(100% - 24.5333333333vw);margin:-25.3333333333vw auto 0}}.c-head_img-brands{width:518px;margin-left:0;margin-top:97px}.c-head_img-brands img{position:absolute;opacity:0;transition:all .3s}.c-head_img-brands img.isActive{opacity:1;transition:all .3s}@media screen and (max-width: 1440px){.c-head_img-brands{width:35.9722222222vw;margin-top:6.7361111111vw}}@media screen and (max-width: 768px){.c-head_img-brands{position:absolute;width:39.4666666667vw;margin-top:0;right:0;top:10.6666666667vw}.c-head_img-brands img{position:relative;opacity:1}}.c-head_img-recruit{width:840px;margin-left:-200px}@media screen and (max-width: 1440px){.c-head_img-recruit{width:58.3333333333vw;margin-left:-13.8888888889vw}}@media screen and (max-width: 768px){.c-head_img-recruit{width:calc(100% - 13.8666666667vw);margin:0 auto;margin-top:-53.3333333333vw}}.c-head_img-recruit figcaption{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;justify-content:center;flex-flow:column;color:#fff;padding-left:70px}@media screen and (max-width: 1440px){.c-head_img-recruit figcaption{padding-left:4.8611111111vw}}@media screen and (max-width: 768px){.c-head_img-recruit figcaption{padding:10.6666666667vw}}.c-head_img-recruit figcaption .title{font-size:40px;font-family:"Noto Sans JP",sans-serif;font-weight:700;letter-spacing:-10/1000;line-height:1.5;margin-bottom:30px}@media screen and (max-width: 1440px){.c-head_img-recruit figcaption .title{font-size:2.7777777778vw;margin-bottom:2.0833333333vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.c-head_img-recruit figcaption .title{font-size:10.6666666667vw}}@media screen and (max-width: 768px){.c-head_img-recruit figcaption .title{font-size:1.6666666667vw;margin-bottom:6.4vw;line-height:1.7}}@media screen and (max-width: 768px)and (max-width: 768px){.c-head_img-recruit figcaption .title{font-size:6.4vw}}@media screen and (max-width: 768px){.c-head_img-recruit figcaption .catch{font-size:0.9722222222vw}}@media screen and (max-width: 768px)and (max-width: 768px){.c-head_img-recruit figcaption .catch{font-size:3.7333333333vw}}.c-head_links{display:flex;flex-wrap:wrap;margin-left:44px}@media screen and (max-width: 1440px){.c-head_links{margin-left:3.0555555556vw}}@media screen and (max-width: 768px){.c-head_links{margin-left:0;flex-flow:column}}.c-head_links-oneCol{flex-flow:column}.c-head_links_link{display:flex;margin-right:80px;font-size:14px;margin-top:10px;font-family:"Noto Sans JP",sans-serif;font-weight:700;transition:all .3s}.c-head_links_link:hover{transition:all .3s;color:#aaa}@media screen and (max-width: 1440px){.c-head_links_link{margin-top:0.6944444444vw;font-size:0.9722222222vw;margin-right:5.5555555556vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.c-head_links_link{font-size:3.7333333333vw}}@media screen and (max-width: 768px){.c-head_links_link{font-size:0.8333333333vw;margin-right:0}}@media screen and (max-width: 768px)and (max-width: 768px){.c-head_links_link{font-size:3.2vw}}.c-head_links_link:nth-of-type(even){margin-top:66px;margin-right:0}@media screen and (max-width: 1440px){.c-head_links_link:nth-of-type(even){margin-top:4.5833333333vw}}@media screen and (max-width: 768px){.c-head_links_link:nth-of-type(even){margin-top:8vw !important;justify-content:flex-end;margin-right:10.6666666667vw}}.c-head_links_link:hover:before{transition:all .3s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="56" viewBox="0 0 20 56"><g id="arrow_button_In_page_links" data-name="arrow button_In page links" transform="translate(-146.5 -563.5)"><rect id="back" width="20" height="56" transform="translate(146.5 563.5)" fill="none"/><line id="線_53" data-name="線 53" y2="51" transform="translate(161.5 566.5)" fill="none" stroke="%23aaaaaa" stroke-width="1"/><line id="線_54" data-name="線 54" x2="10" y2="10" transform="translate(151.5 607.5)" fill="none" stroke="%23aaaaaa" stroke-width="1"/></g></svg>')}.c-head_links_link:before{transition:all .3s;content:"";display:block;width:20px;height:56px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="56" viewBox="0 0 20 56"><g id="arrow_button_In_page_links" data-name="arrow button_In page links" transform="translate(-146.5 -563.5)"><rect id="back" width="20" height="56" transform="translate(146.5 563.5)" fill="none"/><line id="線_53" data-name="線 53" y2="51" transform="translate(161.5 566.5)" fill="none" stroke="%232c2c2c" stroke-width="1"/><line id="線_54" data-name="線 54" x2="10" y2="10" transform="translate(151.5 607.5)" fill="none" stroke="%232c2c2c" stroke-width="1"/></g></svg>') no-repeat;background-size:contain;background-position:center}@media screen and (max-width: 1440px){.c-head_links_link:before{width:1.3888888889vw;height:3.8888888889vw}}@media screen and (max-width: 768px){.c-head_links_link:before{width:5.3333333333vw;height:14.9333333333vw}}.c-head_links_link span{padding-top:20px;padding-left:18px}@media screen and (max-width: 1440px){.c-head_links_link span{padding-top:1.3888888889vw;padding-left:1.25vw}}@media screen and (max-width: 768px){.c-head_links_link span{padding-top:5.3333333333vw;padding-left:2.1333333333vw}}.p-brandsList{padding:200px 120px 0;margin-bottom:120px;width:1440px;margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-size:640px;background-position:top right}@media screen and (max-width: 1440px){.p-brandsList{width:100vw;margin-left:auto;margin-right:auto;padding:13.8888888889vw 8.3333333333vw 0;margin-bottom:8.3333333333vw;background-size:44.4444444444vw}}@media screen and (max-width: 768px){.p-brandsList{margin-top:-32vw;width:100%;padding:12.8vw 12.2666666667vw 0;background-size:100%;margin-bottom:21.3333333333vw}.p-brandsList:not(:nth-of-type(2)){margin-top:0}.p-brandsList:last-of-type{margin-bottom:0}}.p-brandsList-linksUmeda{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_links_umeda.png)}@media screen and (max-width: 768px){.p-brandsList-linksUmeda{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_links_umeda_sp.png)}}.p-brandsList-osakaKita{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_osaka_kita.png)}@media screen and (max-width: 768px){.p-brandsList-osakaKita{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_osaka_kita_sp.png)}}.p-brandsList-osakaMinami{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_osaka_minami.png)}@media screen and (max-width: 768px){.p-brandsList-osakaMinami{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_osaka_minami_sp.png)}}.p-brandsList-osakaOther{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_osaka_other.png)}@media screen and (max-width: 768px){.p-brandsList-osakaOther{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_osaka_other_sp.png)}}.p-brandsList-kanto{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_kanto.png)}@media screen and (max-width: 768px){.p-brandsList-kanto{background-image:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/bg_kanto_sp.png);padding-bottom:19.2vw}}.p-brandsList_title{font-size:40px;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin-bottom:208px}@media screen and (max-width: 1440px){.p-brandsList_title{font-size:2.7777777778vw;margin-bottom:14.4444444444vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsList_title{font-size:10.6666666667vw}}@media screen and (max-width: 768px){.p-brandsList_title{font-size:1.6666666667vw;margin-bottom:10.6666666667vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsList_title{font-size:6.4vw}}.p-brandsList_lists{display:flex;flex-wrap:wrap}@media screen and (max-width: 768px){.p-brandsList_lists{flex-flow:column}}.p-brandsList_lists_list{width:calc((100% - 96px)/3);margin-right:48px}@media screen and (max-width: 1440px){.p-brandsList_lists_list{width:calc((100% - 6.6666666667vw)/3);margin-right:3.3333333333vw}}@media screen and (max-width: 768px){.p-brandsList_lists_list{margin-right:0;width:100%;margin-bottom:10.6666666667vw}.p-brandsList_lists_list:last-of-type{margin-bottom:0}}.p-brandsList_lists_list img{transition:all .3s}.p-brandsList_lists_list:hover .p-brandsList_lists_info{transition:all .3s;color:#aaa}.p-brandsList_lists_list:hover img{transition:all .3s;filter:brightness(1.1)}.p-brandsList_lists_list:nth-of-type(3n){margin-right:0;transform:translateY(-160px)}@media screen and (max-width: 1440px){.p-brandsList_lists_list:nth-of-type(3n){transform:translateY(-11.1111111111vw)}}@media screen and (max-width: 768px){.p-brandsList_lists_list:nth-of-type(3n){transform:translateY(0)}}.p-brandsList_lists_list:nth-of-type(3n - 1){transform:translateY(-80px)}@media screen and (max-width: 1440px){.p-brandsList_lists_list:nth-of-type(3n - 1){transform:translateY(-5.5555555556vw)}}@media screen and (max-width: 768px){.p-brandsList_lists_list:nth-of-type(3n - 1){transform:translateY(0)}}.p-brandsList_lists_list:nth-of-type(n + 4){margin-top:48px}@media screen and (max-width: 1440px){.p-brandsList_lists_list:nth-of-type(n + 4){margin-top:3.3333333333vw}}@media screen and (max-width: 768px){.p-brandsList_lists_list:nth-of-type(n + 4){margin-top:0vw}}.p-brandsList_lists_thumb{width:100%;height:255px;object-fit:cover;font-family:"object-fit: cover;"}@media screen and (max-width: 1440px){.p-brandsList_lists_thumb{height:17.7083333333vw}}@media screen and (max-width: 768px){.p-brandsList_lists_thumb{height:44vw}}.p-brandsList_lists_logo{width:170px;height:74px;object-fit:cover;font-family:"object-fit: cover;";margin:auto;position:relative;top:-37px}@media screen and (max-width: 1440px){.p-brandsList_lists_logo{width:11.8055555556vw;height:5.1388888889vw;top:-2.5694444444vw}}@media screen and (max-width: 768px){.p-brandsList_lists_logo{width:45.3333333333vw;height:19.7333333333vw;top:-10.9333333333vw}}.p-brandsList_lists_info{min-height:158px;padding:0 28px;line-height:1.8;box-shadow:0 3px 6px rgba(0,0,0,.16);background-color:#fff;transition:all .3s}@media screen and (max-width: 1440px){.p-brandsList_lists_info{min-height:10.9722222222vw;padding:0 1.9444444444vw;box-shadow:0 0.2083333333vw 0.4166666667vw rgba(0,0,0,.16)}}@media screen and (max-width: 768px){.p-brandsList_lists_info{min-height:unset;padding:0 5.8666666667vw 8.5333333333vw;box-shadow:0 0.8vw 1.6vw rgba(0,0,0,.16)}}.p-brandsList_lists_info .title{font-size:14px;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin-bottom:8px;margin-top:-37px}@media screen and (max-width: 1440px){.p-brandsList_lists_info .title{font-size:0.9722222222vw;margin-bottom:0.5555555556vw;margin-top:-2.5694444444vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsList_lists_info .title{font-size:3.7333333333vw}}@media screen and (max-width: 768px){.p-brandsList_lists_info .title{font-size:1.1111111111vw;margin-bottom:2.1333333333vw;margin-top:-10.9333333333vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsList_lists_info .title{font-size:4.2666666667vw}}.p-brandsList_lists_info .catch{font-size:12px}@media screen and (max-width: 1440px){.p-brandsList_lists_info .catch{font-size:0.8333333333vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsList_lists_info .catch{font-size:3.2vw}}@media screen and (max-width: 768px){.p-brandsList_lists_info .catch{font-size:0.9722222222vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsList_lists_info .catch{font-size:3.7333333333vw}}.p-brandsSummary{margin-top:80px;overflow:hidden}@media screen and (max-width: 1440px){.p-brandsSummary{margin-top:5.5555555556vw}}@media screen and (max-width: 768px){.p-brandsSummary{margin-top:8.5333333333vw}}.p-brandsSummary_info{width:1440px;margin-left:auto;margin-right:auto;display:flex;padding-left:120px;padding-right:50px;justify-content:space-between;z-index:1;position:relative;margin-bottom:-50px;align-items:flex-end}@media screen and (max-width: 1440px){.p-brandsSummary_info{width:100vw;padding-left:8.3333333333vw;padding-right:3.4722222222vw}}@media screen and (max-width: 768px){.p-brandsSummary_info{width:100%;margin-bottom:-5.3333333333vw;padding:0;padding-left:6.1333333333vw}}.p-brandsSummary_logo{width:368px;height:198px;object-fit:cover;font-family:"object-fit: cover;"}@media screen and (max-width: 1440px){.p-brandsSummary_logo{width:25.5555555556vw;height:13.75vw}}@media screen and (max-width: 768px){.p-brandsSummary_logo{width:34.6666666667vw;height:23.4666666667vw}}.p-brandsSummary_textArea{width:760px;margin-bottom:75px}@media screen and (max-width: 1440px){.p-brandsSummary_textArea{width:52.7777777778vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea{width:100%;margin-bottom:0;padding:6.4vw 12.2666666667vw 0}}.p-brandsSummary_textArea_title{display:flex;align-items:center;line-height:1.5;margin-bottom:36px}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_title{margin-bottom:2.5vw;flex-flow:column;align-items:flex-start}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_title{margin-bottom:6.4vw}}.p-brandsSummary_textArea_title .name{font-size:22px;margin-right:20px;font-family:"Noto Sans JP",sans-serif;font-weight:700}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_title .name{font-size:1.5277777778vw;margin-right:1.3888888889vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsSummary_textArea_title .name{font-size:5.8666666667vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_title .name{font-size:1.1111111111vw;line-height:1.5;margin-right:0}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsSummary_textArea_title .name{font-size:4.2666666667vw}}.p-brandsSummary_textArea_title .insta{display:flex;align-items:center;position:relative;top:3px;transition:all .3s}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_title .insta{top:0.2083333333vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_title .insta{top:0;margin-top:4.8vw}}.p-brandsSummary_textArea_title .insta:hover{transition:all .3s;opacity:.45}.p-brandsSummary_textArea_title .insta img{width:30px;height:30px;margin-right:12px}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_title .insta img{width:2.0833333333vw;height:2.0833333333vw;margin-right:0.8333333333vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_title .insta img{width:8vw;height:8vw;margin-right:3.2vw}}.p-brandsSummary_textArea_title .insta span{font-family:"Karla",sans-serif;font-weight:400;font-size:20px}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_title .insta span{font-size:1.3888888889vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsSummary_textArea_title .insta span{font-size:5.3333333333vw}}.p-brandsSummary_textArea_news{display:flex}.p-brandsSummary_textArea_news .badge{width:84px;height:33px;border-radius:84px;border:1px solid #c2000a;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:"Karla",sans-serif;font-weight:700;color:#c2000a;margin-right:34px}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_news .badge{width:5.8333333333vw;height:2.2916666667vw;border-radius:5.8333333333vw;font-size:1.3888888889vw;margin-right:2.3611111111vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsSummary_textArea_news .badge{font-size:5.3333333333vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_news .badge{width:22.4vw;height:8.8vw;border-radius:22.4vw;margin-right:3.2vw}}.p-brandsSummary_textArea_news .link{display:flex;position:relative;top:-3px;transition:all .3s}.p-brandsSummary_textArea_news .link:hover{transition:all .3s;color:#aaa}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_news .link{top:-0.2083333333vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_news .link{top:0;flex-flow:column}}.p-brandsSummary_textArea_news .link .date{width:133px;font-family:"Karla",sans-serif;font-weight:400;font-size:20px}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_news .link .date{width:9.2361111111vw;font-size:1.3888888889vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsSummary_textArea_news .link .date{font-size:5.3333333333vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_news .link .date{width:100%}}.p-brandsSummary_textArea_news .link .title{position:relative;top:3px;width:500px}@media screen and (max-width: 1440px){.p-brandsSummary_textArea_news .link .title{top:0.2083333333vw;width:34.7222222222vw}}@media screen and (max-width: 768px){.p-brandsSummary_textArea_news .link .title{top:0;width:100%;font-size:0.9722222222vw;line-height:2.3}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsSummary_textArea_news .link .title{font-size:3.7333333333vw}}.p-brandsDetail{justify-content:space-between;display:flex;align-items:center;margin-top:200px;width:1200px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1440px){.p-brandsDetail{width:83.3333333333vw;margin-top:13.8888888889vw}}@media screen and (max-width: 768px){.p-brandsDetail{width:100%;padding:0 12.2666666667vw;margin-top:21.3333333333vw;flex-flow:column}.p-brandsDetail:nth-child(4){flex-direction:column-reverse}}.p-brandsDetail_info{width:472px}@media screen and (max-width: 1440px){.p-brandsDetail_info{width:32.7777777778vw}}@media screen and (max-width: 768px){.p-brandsDetail_info{width:100%}}.p-brandsDetail_info_title{font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:24px;line-height:1.8;margin-bottom:56px}@media screen and (max-width: 1440px){.p-brandsDetail_info_title{font-size:1.6666666667vw;margin-bottom:3.8888888889vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsDetail_info_title{font-size:6.4vw}}@media screen and (max-width: 768px){.p-brandsDetail_info_title{font-size:1.1111111111vw;margin-bottom:3.2vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsDetail_info_title{font-size:4.2666666667vw}}@media screen and (max-width: 768px){.p-brandsDetail_info_text{font-size:0.9722222222vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsDetail_info_text{font-size:3.7333333333vw}}.p-brandsDetail_thumb{width:576px}@media screen and (max-width: 1440px){.p-brandsDetail_thumb{width:40vw}}@media screen and (max-width: 768px){.p-brandsDetail_thumb{width:100%;margin-bottom:6.4vw}}.p-brandsNews{margin-top:200px;width:1440px;margin-left:auto;margin-right:auto;padding-top:90px;position:relative;background:linear-gradient(to bottom, #fff, #fff) no-repeat;background-size:calc(100% - 65px) 240px;background-position:top right}@media screen and (max-width: 1440px){.p-brandsNews{width:100vw;margin-top:13.8888888889vw;padding-top:6.25vw;background-size:calc(100% - 4.5138888889vw) 16.6666666667vw}}@media screen and (max-width: 768px){.p-brandsNews{width:100%;margin-top:21.3333333333vw;padding:20vw 12.2666666667vw 21.3333333333vw;background:none;background-color:#fff}}.p-brandsNews:after{content:"";width:calc((100vw - 1440px)/2);height:240px;position:absolute;top:0;right:0;transform:translateX(100%);background-color:#fff}@media screen and (max-width: 1440px){.p-brandsNews:after{width:calc((100vw - 1440)/2);height:16.6666666667vw}}@media screen and (max-width: 768px){.p-brandsNews:after{display:none}}.p-brandsNews_title{position:absolute;top:-27px;left:1056px}@media screen and (max-width: 1440px){.p-brandsNews_title{top:-1.875vw;left:73.3333333333vw}}@media screen and (max-width: 768px){.p-brandsNews_title{left:12.2666666667vw;top:-5.0666666667vw}}.p-brandsNews_cols{width:1200px;margin-left:auto;margin-right:auto;display:flex}@media screen and (max-width: 1440px){.p-brandsNews_cols{width:83.3333333333vw}}@media screen and (max-width: 768px){.p-brandsNews_cols{width:100%;flex-flow:column}}.p-brandsNews_cols_col{width:calc((100% - 144px)/4);margin-right:48px}@media screen and (max-width: 1440px){.p-brandsNews_cols_col{width:calc((100% - 10vw)/4);margin-right:3.3333333333vw}}@media screen and (max-width: 768px){.p-brandsNews_cols_col{width:100%;margin-right:0;margin-bottom:10.6666666667vw}}.p-brandsNews_cols_col:last-child{margin-right:0}@media screen and (max-width: 768px){.p-brandsNews_cols_col:last-child{margin-bottom:0}}.p-brandsNews_btn{padding-left:0;padding-right:0;background-color:#f8f6f2;margin-top:22px}@media screen and (max-width: 1440px){.p-brandsNews_btn{margin-top:1.5277777778vw}}@media screen and (max-width: 768px){.p-brandsNews_btn{margin-top:21.3333333333vw}}.p-brandsNews_link{transition:all .3s}.p-brandsNews_link img{transition:all .3s;height:auto}.p-brandsNews_link:hover{transition:all .3s;color:#aaa}.p-brandsNews_link:hover img{transition:all .3s;filter:brightness(1.25)}.p-brandsNews_link_date{margin-top:24px;font-family:"Karla",sans-serif;font-weight:400;font-size:20px;line-height:1.2}@media screen and (max-width: 1440px){.p-brandsNews_link_date{margin-top:1.6666666667vw;font-size:1.3888888889vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsNews_link_date{font-size:5.3333333333vw}}@media screen and (max-width: 768px){.p-brandsNews_link_date{margin-top:2.1333333333vw}}.p-brandsNews_link_title{font-size:0.9722222222vw;margin-top:8px}@media screen and (max-width: 768px){.p-brandsNews_link_title{font-size:3.7333333333vw}}@media screen and (max-width: 1440px){.p-brandsNews_link_title{margin-top:0.5555555556vw}}@media screen and (max-width: 768px){.p-brandsNews_link_title{margin-top:2.1333333333vw}}.p-brandsTitle span{display:block;line-height:1.2;font-family:"Karla",sans-serif;font-weight:700}.p-brandsTitle span.en{color:#c2000a;font-size:42px}@media screen and (max-width: 1440px){.p-brandsTitle span.en{font-size:2.9166666667vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsTitle span.en{font-size:11.2vw}}@media screen and (max-width: 768px){.p-brandsTitle span.en{font-size:2.2222222222vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsTitle span.en{font-size:8.5333333333vw}}.p-brandsTitle span.ja{font-size:18px}@media screen and (max-width: 1440px){.p-brandsTitle span.ja{font-size:1.25vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsTitle span.ja{font-size:4.8vw}}@media screen and (max-width: 768px){.p-brandsTitle span.ja{font-size:0.8333333333vw;font-family:"Noto Sans JP",sans-serif;font-weight:400}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsTitle span.ja{font-size:3.2vw}}.p-brandsData{margin-top:200px;width:880px;margin-left:auto;margin-right:auto;background-color:#fff;padding:48px;position:relative}@media screen and (max-width: 1440px){.p-brandsData{margin-top:13.8888888889vw;width:61.1111111111vw;padding:3.3333333333vw}}@media screen and (max-width: 768px){.p-brandsData{margin-top:36.8vw;width:calc(100% - 13.8666666667vw);margin-left:auto;margin-right:auto;padding:22.6666666667vw 12.2666666667vw 21.3333333333vw}}.p-brandsData_title{position:absolute;right:48px;top:-25px}@media screen and (max-width: 1440px){.p-brandsData_title{top:-1.7361111111vw;right:3.3333333333vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsData_title{top:-4.8vw;right:5.3333333333vw}}.p-brandsData_name{font-size:18px;font-family:"Noto Sans JP",sans-serif;font-weight:700;margin-bottom:30px}@media screen and (max-width: 1440px){.p-brandsData_name{font-size:1.25vw;margin-bottom:2.0833333333vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsData_name{font-size:4.8vw}}@media screen and (max-width: 768px){.p-brandsData_name{font-size:1.1111111111vw;line-height:2;margin-bottom:6.4vw}}@media screen and (max-width: 768px)and (max-width: 768px){.p-brandsData_name{font-size:4.2666666667vw}}.p-brandsData_info{display:flex;border-top:1px solid #efebe4;padding:36px 0 36px 24px;justify-content:space-between;line-height:2.25}@media screen and (max-width: 1440px){.p-brandsData_info{padding:2.5vw 0 2.5vw 1.6666666667vw}}@media screen and (max-width: 768px){.p-brandsData_info{padding:6.4vw 0;flex-flow:column}}.p-brandsData_info-card{padding-bottom:20px}@media screen and (max-width: 1440px){.p-brandsData_info-card{padding-bottom:1.3888888889vw}}@media screen and (max-width: 768px){.p-brandsData_info-card{padding-bottom:6.4vw}}.p-brandsData_info-other{border-top:none;padding-top:0;padding-bottom:20px}@media screen and (max-width: 1440px){.p-brandsData_info-other{padding-bottom:1.3888888889vw}}.p-brandsData_info dt{width:200px}@media screen and (max-width: 1440px){.p-brandsData_info dt{width:13.8888888889vw}}@media screen and (max-width: 768px){.p-brandsData_info dt{width:100%;margin-bottom:2.1333333333vw}}.p-brandsData_info dd{width:520px}@media screen and (max-width: 1440px){.p-brandsData_info dd{width:36.1111111111vw}}@media screen and (max-width: 768px){.p-brandsData_info dd{width:100%}}.p-brandsData_info dd td:first-child{padding-right:48px}@media screen and (max-width: 1440px){.p-brandsData_info dd td:first-child{padding-right:3.3333333333vw}}@media screen and (max-width: 768px){.p-brandsData_info dd td:first-child{padding-right:5.3333333333vw}}.p-brandsData_info .externalLink{display:inline-flex;align-items:center;transition:all .3s}.p-brandsData_info .externalLink:hover{transition:all .3s;color:#aaa}.p-brandsData_info .externalLink:after{position:relative;top:1px;margin-left:2px;display:inline-block;content:"";width:18px;height:18px;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 .3s}@media screen and (max-width: 1440px){.p-brandsData_info .externalLink:after{width:1.25vw;height:1.25vw}}@media screen and (max-width: 768px){.p-brandsData_info .externalLink:after{width:4.8vw;height:4.8vw;top:0;margin-left:1.6vw}}.p-brandsData_info .externalLink:hover:after{transition:all .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>')}.p-brandsData_info .externalLink span{text-decoration:underline}.p-brandsExternalBtns{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:center;margin-top:64px;margin-bottom:120px}@media screen and (max-width: 1440px){.p-brandsExternalBtns{margin-top:4.4444444444vw;margin-bottom:8.3333333333vw}}@media screen and (max-width: 768px){.p-brandsExternalBtns{flex-flow:column;margin-top:21.3333333333vw;margin-bottom:21.3333333333vw}.p-brandsExternalBtns~.c-btn_wrapper .c-btn{width:calc(100% - 24.5333333333vw)}}.p-brandsExternalBtns nav{display:flex;justify-content:center}@media screen and (max-width: 768px){.p-brandsExternalBtns nav{display:block}}.p-brandsExternalBtns_btn{width:264px;height:77px;color:#fff;background-color:#e3713b;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;font-family:"Noto Sans JP",sans-serif;font-weight:700;transition:all .3s}.p-brandsExternalBtns_btn:not(:last-of-type){margin-right:48px}@media screen and (max-width: 1440px){.p-brandsExternalBtns_btn:not(:last-of-type){margin-right:3.3333333333vw}}@media screen and (max-width: 768px){.p-brandsExternalBtns_btn:not(:last-of-type){margin-right:0;margin-bottom:10.6666666667vw}}@media screen and (max-width: 1440px){.p-brandsExternalBtns_btn{width:18.3333333333vw;height:5.3472222222vw;width:calc(33.3333333333% - 72px);border-radius:0.3472222222vw;font-size:0.9722222222vw}}@media screen and (max-width: 1440px)and (max-width: 768px){.p-brandsExternalBtns_btn{font-size:3.7333333333vw}}@media screen and (max-width: 768px){.p-brandsExternalBtns_btn{width:calc(100% - 24.5333333333vw);height:20.5333333333vw;border-radius:1.6vw}}.p-brandsExternalBtns_btn:hover{transition:all .3s;filter:brightness(1.2)}.p-brandsExternalBtns_btn:after{margin-left:14px;content:"";width:18px;height:18px;background:url(//d-diner.net/wp/wp-content/themes/dancin/assets/img/brands/icon_external.svg) no-repeat;background-size:contain;background-position:center}@media screen and (max-width: 1440px){.p-brandsExternalBtns_btn:after{margin-left:0.9722222222vw;width:1.25vw;height:1.25vw}}@media screen and (max-width: 768px){.p-brandsExternalBtns_btn:after{margin-left:3.7333333333vw;width:4.8vw;height:4.8vw}}