@charset "UTF-8";
/* リキッドレイアウト対応 */
html {
font-size: 16px;
}
@media (max-width: 375px) {
html {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 767px) {
html {
font-size: 1.3333333333vw;
}
}
@media (max-width: 1200px) {
html {
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 1400px) {
html, :root {
font-size: 100px;
font-size: 1.07vw;
}
body {
font-size: 0.9375rem;
}
}
/*@media (min-width: 1400px) {*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/*tab ------------------------------------------------------------------------------------*/
html, body {
min-width: 12rem;
}
}
/* pcの電話番号発信対応 */
@media screen and (min-width: 767px), print {
a[href^="tel:"] {
pointer-events: none;
cursor: text;
}
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
text-decoration-skip-ink: inherit;
}
}
/* ホバー */
a {
text-decoration: none;
color: inherit;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media screen and (min-width: 767px), print {
a:hover {
opacity: 0.8;
}
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
color: #1a1a1a;
overflow-x: hidden;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 767px) {
body {
padding-top: 14.69vw;
word-wrap: break-word;
}
}
@media screen and (max-width: 1400px) {
body {
word-wrap: break-word;
word-break: break-all;
animation: fadeIn 2s ease 0 1 normal;
-webkit-animation: fadeIn 2s ease 0 1 normal;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#p-wrapper {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.u-hidden-sp {
display: none;
}
}
@media screen and (min-width: 767px), print {
.u-hidden-pc {
display: none;
}
}
@media screen and (max-width: 767px) {
.u-desktop {
display: none;
}
}
.u-mobile {
display: none;
}
@media screen and (max-width: 767px) {
.u-mobile {
display: block;
}
}
.anchor {
display: block;
padding-top: 100px;
padding-top: 6.25rem;
margin-top: -100px;
margin-top: -6.25rem;
}
@media screen and (max-width: 767px) {
.anchor {
padding-top: 10vw;
margin-top: -10vw;
}
}
@font-face {
font-family: "roboto";
src: url("../fonts/roboto_b.woff2") format("woff2"), url("../fonts/roboto_b.otf") format("opentype"), url("../fonts/roboto_b.ttf") format("truetype");
}
@font-face {
font-family: "roboto-condensed";
src: url("../fonts/roboto-condensed.woff2") format("woff2"), url("../fonts/roboto-condensed.otf") format("opentype"), url("../fonts/roboto-condensed.ttf") format("truetype");
}
*, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Remove default padding */
ul, ol {
list-style: none;
}
/* Remove default margin */
body, h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd {
margin: 0;
padding: 0;
}
/* Set core root defaults */
html {
scroll-behavior: smooth;
}
/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img {
max-width: 100%;
display: block;
/* width: 100%; */
height: auto;
-webkit-backface-visibility: hidden;
image-rendering: -webkit-optimize-contrast;
}
/* Natural flow and rhythm in articles by default */
article > * + * {
margin-top: 1em;
}
/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
font: inherit;
}
/* Blur images when they have no alt attribute */
img:not([alt]) {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
}
/* フォームリセット */
input, button, select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox], input[type=radio] {
display: none;
}
input[type=submit], input[type=button], label, button, select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
.c-color-red {
color: #e54623;
}
.c-list-check > li {
position: relative;
}
@media screen and (min-width: 767px), print {
.c-list-check > li {
padding-left: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.c-list-check > li {
padding-left: 7.03vw;
}
}
.c-list-check > li + li {
margin-top: 15px;
margin-top: 0.9375rem;
}
.c-list-check > li:before {
content: "";
position: absolute;
margin: auto;
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url(../../images/common/icon_check01.svg);
width: 23px;
width: 1.4375rem;
height: 20px;
height: 1.25rem;
left: 0;
top: 2px;
top: 0.125rem;
}
.c-list-head {
background-color: #fff4d2;
}
@media screen and (min-width: 767px), print {
.c-list-head {
padding: 3.125rem 0;
}
}
@media screen and (max-width: 767px) {
.c-list-head {
padding: 7.03vw;
}
}
.c-list-head__title {
color: #e54623;
text-align: center;
font-weight: 700;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
}
@media screen and (min-width: 767px), print {
.c-list-head__title {
font-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.c-list-head__title {
font-size: 4.5vw;
}
}
.c-list-head__subTitle {
text-align: center;
font-weight: 700;
margin: 10px 0 30px;
margin: 0.625rem 0 1.875rem;
}
@media screen and (min-width: 767px), print {
.c-list-head__subTitle {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.c-list-head__subTitle {
font-size: 5.5vw;
margin-bottom: 7.03vw;
}
}
.c-list-head__lead {
line-height: 1.6;
}
@media screen and (min-width: 767px), print {
.c-list-head__lead {
text-align: center;
}
}
.l-bg-beige {
background-color: rgba(203, 185, 158, .25);
}
@media screen and (min-width: 767px), print {}
@media screen and (min-width: 767px), print {
.l-columnForth > * {
background-color: #fff;
margin-left: 8rem;
display: flex;
}
.l-columnForth > * + * {
margin-top: 2rem;
display: flex;
align-items: center;
}
}
.l-columnForth > *:nth-child(1) {
background-color: #e54623;
color: #fff;
margin-left: 0;
}
@media screen and (max-width: 767px) {
.l-columnForth > *:nth-child(1) {
padding: 7.03vw;
}
}
@media screen and (max-width: 767px) {
.l-columnForth > * + * {
margin-top: 10vw;
}
}
@media screen and (min-width: 767px), print {
.l-columnForth__inner {
padding: 1.5rem;
}
}
.l-columnForth__head {
margin: 5px 0 10px;
margin: 0.3125rem 0 0.625rem;
line-height: 1.3;
}
.l-columnForth__head dt {
font-weight: 700;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
}
@media screen and (min-width: 767px), print {
.l-columnForth__head dt {
font-size: 2.25rem;
}
}
@media screen and (max-width: 767px) {
.l-columnForth__head dt {
font-size: 4.5vw;
}
}
.l-columnForth__head dd {
font-weight: 700;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
}
@media screen and (min-width: 767px), print {
.l-columnForth__head dd {
font-size: 2.25rem;
}
}
@media screen and (max-width: 767px) {
.l-columnForth__head dd {
font-size: 5.5vw;
}
}
.l-columnForth__title {
font-weight: 700;
}
.l-columnForth__title span {
font-size: 200%;
vertical-align: middle;
margin-right: 1rem;
}
@media screen and (min-width: 767px), print {
.l-columnForth__title {
font-size: 1.25rem;
padding: .75rem 1.25rem;
margin-bottom: 1.875rem;
background: #e54623;
width: 60%;
margin-left: -4rem;
}
}
@media screen and (max-width: 767px) {
.l-columnForth__title {
margin: 7.03vw 0 4.69vw;
padding: 2.5vw 4.69vw;
font-size: 5vw;
text-align: center;
border: 1px solid #e54623;
}
}
@media screen and (min-width: 767px), print {
.l-columnForth__inner {
width: 70%;
}
.l-columnForth__img {
width: 30%;
}
}
@media screen and (max-width: 767px) {
.l-columnForth__img {
width: 70%;
margin: 4.69vw auto 0;
}
}
@media screen and (min-width: 767px), print {
#blog .l-contents, #interview .l-contents {
width: 43.125rem;
}
}
@media screen and (min-width: 767px), print {
#blog.archive .l-contents {
width: 46.25rem;
}
}
@media screen and (min-width: 767px), print {
#interview .l-contents {
margin-left: 5.625rem;
}
}
@media screen and (min-width: 767px), print {
#interview .l-contents:before, #interview .l-contents:after {
content: "";
position: absolute;
background-image: url(../../images/common/bg_book01.png);
background-repeat: no-repeat;
height: 0.625rem;
left: 50%;
width: 50vw;
display: block;
}
}
#interview .l-contents:before {
top: 0;
}
#interview .l-contents:after {
bottom: 0;
}
.l-footer {
position: relative;
background-color: #fff;
}
.l-inner {
max-width: 1200px;
margin: 0 auto;
}
@media screen and (min-width: 767px) and (max-device-width: 1400px) {
.l-inner {
max-width: 87.5rem;
}
}
@media screen and (max-width: 767px) {
.l-inner {
padding: 0 7.03vw;
}
}
@media screen and (min-width: 767px), print {
.l-sidebar {
width: 22.5rem;
}
}
@media screen and (min-width: 767px), print {
#interview .l-sidebar {
width: 17.5rem;
}
}
#p-topicpath {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 186px;
top: 11.625rem;
max-width: 1360px;
max-width: 85rem;
}
@media screen and (max-width: 767px) {
#p-topicpath {
white-space: nowrap;
position: relative;
z-index: 1;
top: 0;
}
}
#p-topicpath > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
#p-topicpath > ul {
padding: 4.69vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
}
}
#p-topicpath > ul > li {
margin-right: 10px;
margin-right: 0.625rem;
position: relative;
font-size: 13px;
font-size: 0.8125rem;
}
#p-topicpath > ul > li + li {
padding-left: 20px;
padding-left: 1.25rem;
}
#p-topicpath > ul > li + li:before {
content: ">";
position: absolute;
margin: auto;
display: block;
margin: auto;
top: 0;
bottom: 0;
left: 0;
}
.c-btn a {
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
display: inline-block;
color: #ef7300;
background-color: #231815;
text-align: center;
padding: 10px 50px 10px 20px;
padding: 0.625rem 3.125rem 0.625rem 1.25rem;
position: relative;
min-width: 130px;
min-width: 8.125rem;
}
@media screen and (min-width: 767px), print {
.c-btn a {
font-size: 0.75rem;
}
}
@media screen and (max-width: 767px) {
.c-btn a {
display: block;
min-width: 0;
padding: 3.91vw 7.03vw;
margin: 0 7.81vw;
text-align: center;
}
}
.c-btn a:after {
display: inline-block;
width: 30px;
width: 1.875rem;
height: 5px;
height: 0.3125rem;
position: absolute;
right: 10px;
right: 0.625rem;
top: 50%;
background-image: url(../../images/common/icon_arrow01.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
content: "";
}
@media screen and (max-width: 767px) {
.c-btn a:after {
right: 3vw;
width: 6vw;
height: 1vw;
}
}
.c-btn.c-btn-anchor a:before {
right: 15px;
right: 0.9375rem;
width: 6px;
width: 0.375rem;
height: 6px;
height: 0.375rem;
border-bottom: 1px solid #ef7300;
border-right: 1px solid #ef7300;
-webkit-transform: rotate(45deg) translate(0%, -75%);
transform: rotate(45deg) translate(0%, -75%);
position: absolute;
margin: auto;
display: block;
top: 50%;
content: "";
}
@media screen and (max-width: 767px) {
.c-btn.c-btn-anchor a:before {
right: 7.03vw;
width: 2vw;
height: 2vw;
}
}
.c-btn.c-btn-anchor a:after {
display: none;
}
.c-mail {
background: -webkit-gradient(linear, left top, left bottom, from(#feeb71), to(#fadb0d));
background: linear-gradient(to bottom, #feeb71, #fadb0d);
max-width: 520px;
max-width: 32.5rem;
width: 100%;
padding: 16px 0;
padding: 1rem 0;
border-radius: 5px;
position: relative;
display: inline-block;
}
.c-mail::before {
content: "";
display: block;
border: 1px solid #fff;
position: absolute;
top: 5px;
top: 0.3125rem;
left: 5px;
left: 0.3125rem;
bottom: 5px;
bottom: 0.3125rem;
right: 5px;
right: 0.3125rem;
border-radius: 5px;
}
.c-section__sub-title {
margin: 30px 0;
margin: 1.875rem 0;
font-size: 20px;
font-size: 1.25rem;
position: relative;
}
.c-section__title {
z-index: 0;
position: relative;
}
@media screen and (min-width: 767px), print {
.c-section__title {
text-align: center;
margin-bottom: 3.125rem;
}
}
@media screen and (max-width: 767px) {
.c-section__title {
margin: 7.03vw 0;
font-size: 5.5vw;
}
}
@media screen and (min-width: 767px), print {
.c-section__title02 {
margin-bottom: 1.875rem;
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.c-section__title02 {
margin: 10vw 0 4.69vw;
font-size: 5vw;
}
}
@media screen and (min-width: 767px), print {
.p-borderBox {
width: 62.5rem;
margin: 0 auto;
}
}
.p-borderBox > li {
border-bottom: 1px solid #ebebeb;
}
@media screen and (min-width: 767px), print {
.p-borderBox > li {
padding: 2.5rem 0;
}
}
.p-borderBox .c-section__sub-title {
margin-top: 0;
}
.p-catch {
position: relative;
}
@media screen and (min-width: 767px), print {
.p-catch {
margin: 0 0 6.25rem;
}
}
@media screen and (max-width: 767px) {
.p-catch {
margin: 10vw 0;
}
}
@media screen and (min-width: 767px), print {
.p-catch__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (min-width: 767px), print {
.p-catch__headWrapper {
width: calc(50% - 2.5rem);
}
}
.p-catch__text {
border-top: 1px solid #231815;
font-weight: 700;
}
@media screen and (min-width: 767px), print {
.p-catch__text {
padding-top: 2.5rem;
font-size: 1.25rem;
}
}
@media screen and (max-width: 767px) {
.p-catch__text {
padding-top: 4.69vw;
}
}
@media screen and (min-width: 767px), print {
.p-catch__img {
width: calc(50% - 2.5rem);
}
}
@media screen and (max-width: 767px) {
.p-catch__img {
margin-top: 4.69vw;
}
}
@media screen and (max-width: 767px) {
.p-contents {
padding: 7.03vw;
}
}
.p-cta {
position: relative;
z-index: 0;
border-top: 1px solid #e54623;
border-bottom: 1px solid #e54623;
background-color: #fff;
}
@media screen and (min-width: 767px), print {
.p-cta {
padding: 1.875rem 0;
}
}
@media screen and (max-width: 767px) {
.p-cta {
padding: 4.69vw 0;
}
}
.p-cta::after {
content: "";
position: absolute;
margin: auto;
display: block;
height: 100%;
width: 50%;
background-color: #e54623;
top: 0;
right: 0;
z-index: -1;
}
.p-cta__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
}
.p-cta__inner > * {
width: 50%;
}
.p-cta__title {
font-weight: 700;
text-align: center;
line-height: 1.3;
}
@media screen and (min-width: 767px), print {
.p-cta__title {
margin-bottom: 1.25rem;
font-size: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.p-cta__title {
font-size: 4vw;
margin-bottom: 1.5vw;
}
}
.p-cta__contact-inner .p-cta__title {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-cta__contact-inner .p-cta__title:before {
content: "";
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url(../../images/common/icon_mail02.svg);
margin-right: 5px;
margin-right: 0.3125rem;
}
@media screen and (min-width: 767px), print {
.p-cta__contact-inner .p-cta__title:before {
width: 1.625rem;
height: 1.25rem;
}
}
.p-cta__telNum {
text-align: center;
}
.p-cta__telNum a {
font-weight: 700;
color: #e54623;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 767px), print {
.p-cta__telNum a {
font-size: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-cta__telNum a {
font-size: 4.67vw;
}
}
.p-cta__telNum a:before {
content: "";
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url(../../images/common/icon_tel02.svg);
margin-right: 5px;
margin-right: 0.3125rem;
}
@media screen and (min-width: 767px), print {
.p-cta__telNum a:before {
width: 1.375rem;
height: 1.375rem;
}
}
@media screen and (max-width: 767px) {
.p-cta__telNum a:before {
width: 4vw;
height: 4vw;
}
}
.p-cta__contactBtn {
text-align: center;
}
.p-cta__contactBtn a {
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
color: #e54623;
background-color: #fff;
display: inline-block;
}
@media screen and (min-width: 767px), print {
.p-cta__contactBtn a {
padding: 0.3125rem 2.5rem;
}
}
@media screen and (max-width: 767px) {
.p-cta__contactBtn a {
padding: 1.5vw 7.03vw;
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0);
}
30% {
opacity: 0.5;
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0);
}
30% {
opacity: 0.5;
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-3rem, 0, 0);
transform: translate3d(-3rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-3rem, 0, 0);
transform: translate3d(-3rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(3rem, 0, 0);
transform: translate3d(3rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(3rem, 0, 0);
transform: translate3d(3rem, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
.blurIn {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-animation-name: blurIn;
animation-name: blurIn;
}
@-webkit-keyframes blurIn {
0% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
}
5% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(5px);
filter: blur(5px);
}
100% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes blurIn {
0% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(10px);
filter: blur(10px);
}
5% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(5px);
filter: blur(5px);
}
100% {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(0);
filter: blur(0);
}
}
.evt {
visibility: hidden;
}
@media screen and (min-width: 767px), print {
.p-footer-navi {
margin-top: 5rem;
}
}
@media screen and (max-width: 767px) {
.p-footer-navi {
margin-top: 7.03vw;
}
}
@media screen and (min-width: 767px), print {
.p-footer-navi-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.p-footer-navi_title {
font-size: 32px;
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.p-footer-navi_title {
font-size: 5.5vw;
margin-bottom: 5vw;
}
}
@media screen and (min-width: 767px), print {
.p-footer-navi_text {
margin-left: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-footer-navi_text {
margin-bottom: 7.03vw;
}
}
.p-footer-navi {
display: none;
}
.p-footer-navi__wrapper {
background-color: #231815;
}
@media screen and (min-width: 767px), print {
.p-footer-navi__wrapper {
padding: 2.5rem 0 6.25rem;
margin-top: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-footer-navi__wrapper {
padding: 7.03vw;
}
}
@media screen and (min-width: 767px), print {
.p-footer-navi__items {
width: 1200px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.p-footer-navi__item {
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
}
@media screen and (min-width: 767px), print {
.p-footer-navi__item + .p-footer-navi__item {
margin-left: 1.25rem;
}
}
@media screen and (max-width: 767px) {
.p-footer-navi__item + .p-footer-navi__item {
margin-top: 4.69vw;
}
}
.p-footer-navi__item > a {
color: #231815;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-left: 20px;
padding-left: 1.25rem;
}
@media screen and (min-width: 767px), print {
.p-footer-navi__item > a {
min-width: 11.25rem;
height: 3.125rem;
}
}
@media screen and (max-width: 767px) {
.p-footer-navi__item > a {
padding: 2.5vw 5vw;
}
}
.p-footer-navi__item > a:before, .p-footer-navi__item > a:after {
content: "";
position: absolute;
margin: auto;
display: block;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.p-footer-navi__item > a:before {
right: 10px;
right: 0.625rem;
/* 要素の右からの距離 */
width: 5px;
width: 0.3125rem;
height: 5px;
height: 0.3125rem;
border-bottom: 1px solid #231815;
border-bottom: 0.0625rem solid #231815;
border-left: 1px solid #231815;
border-left: 0.0625rem solid #231815;
-webkit-transform: rotate(225deg) translate(5px, -50%);
transform: rotate(225deg) translate(5px, -50%);
}
.p-footer-navi__item > a:after {
right: 15px;
right: 0.9375rem;
/* 要素の右からの距離 */
width: 20px;
width: 1.25rem;
height: 1px;
height: 0.0625rem;
background: #231815;
-webkit-transform: translate(1px, -50%);
transform: translate(1px, -50%);
}
.p-footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 50px;
padding: 3.125rem;
position: relative;
}
@media (min-width: 768px), print {
.p-footer__inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
.p-footer__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 7.03vw 7.03vw 10vw;
}
}
.p-footer__nav {
width: 75%;
}
@media screen and (max-width: 767px) {
.p-footer__nav {
width: 100%;
}
}
.p-footer__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.p-footer__items {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.p-footer__item {
position: relative;
/*&:nth-child(even) {
position: relative;
&:after {
@include mq(sp) {
content: "";
position: absolute;
display: block;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: $black;
}
}
}*/
}
@media screen and (max-width: 767px) {
.p-footer__item {
width: calc(50% - 2.5vw);
/*border-bottom: 1px solid $black;*/
}
}
@media screen and (max-width: 767px) {
.p-footer__item:first-child {
/*width: 100%;*/
}
}
@media screen and (min-width: 767px), print {
.p-footer__item + .p-footer__item {
margin-left: 3.125rem;
}
}
/*.p-footer__item:first-child a {
@include mq(pc) {
padding-left: 0;
border-left: none;
}
}*/
/*.p-footer__item>a,
.p-footer__item>span {
@include mq(pc) {
border-left: 1px solid $black;
padding: rem(12) rem(35);
}
}*/
/*.p-footer__item:nth-child(6) a {
display: flex;
flex-wrap: wrap;
@include mq(pc) {
justify-content: center;
}
}*/
.p-footer__item .recruit a:after {
content: "";
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 14px;
width: 0.875rem;
height: 14px;
height: 0.875rem;
display: inline-block;
z-index: 1;
background-image: url(../../images/common/icon_window02.svg);
margin-left: 5px;
margin-left: 0.3125rem;
}
@media screen and (max-width: 767px) {
.p-footer__item .recruit a:after {
width: 3vw;
height: 3vw;
}
}
/*.p-footer__item:last-child a {
background-color: #333;
color: #fff;
}*/
/*.p-footer__item+.p-footer__item>a {
@include mq(pc) {
border-left: 1px solid $black;
}
}*/
@media screen and (min-width: 767px), print {
.p-footer__item:last-child {
padding-right: 0;
}
}
.p-footer__item > a, .p-footer__item > span, .p-footer__item > ul:not([class]) li a {
display: block;
color: #231815;
line-height: 1.2;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
cursor: pointer;
font-size: 25px;
font-size: 1.5625rem;
}
@media screen and (max-width: 767px) {
.p-footer__item > a, .p-footer__item > span, .p-footer__item > ul:not([class]) li a {
/*padding: $padding-sp-s;*/
font-size: 6.5vw;
padding: 3vw 0;
}
}
@media screen and (min-width: 767px), print {
.p-footer__itemLists {
/*position: absolute;
top: 100%;
left: rem(15);
width: 150%;*/
padding-top: 0.625rem;
/*visibility: hidden;
opacity: 0;
transition: all 0.3s;*/
}
}
@media screen and (max-width: 767px) {
.p-footer__itemLists {
position: relative;
left: 0;
top: 0;
width: 100%;
visibility: visible;
/*JSで制御するため一旦表示*/
opacity: 1;
/*JSで制御するため一旦表示*/
-webkit-transition: none;
transition: none;
/*JSで制御するためCSSのアニメーションを切る*/
padding-bottom: 4.69vw;
}
}
/*.p-footer__item--hasChild:hover>ul,
.p-footer__item--hasChild ul li:hover>ul,
.p-footer__item--hasChild:active>ul,
.p-footer__item--hasChild ul li:active>ul {
visibility: visible;
opacity: 1;
}*/
.p-footer__itemList {
position: relative;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.p-footer__itemList + .p-footer__itemList {
margin-top: 2vw;
}
}
.p-footer__itemList a {
font-weight: 700;
color: #1a1311;
display: block;
line-height: 1.8;
}
@media screen and (min-width: 767px), print {
.p-footer__itemList a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-size: 0.875rem;
}
}
@media screen and (max-width: 767px) {
.p-footer__itemList a {
/*padding-left: $padding-sp-m;*/
font-size: 3.4vw;
}
}
.p-footer__itemList a:hover {
opacity: 0.8;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
/*.p-footer__itemList::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: rem(-15);
transform: translateY(-50%);
width: rem(5);
height: rem(1);
background-color: #1a1311;
margin-top: 1px;
@include mq(sp) {
left: $padding-sp-s;
transform: translateY(-52%);
}
}*/
@media screen and (min-width: 767px), print {
.p-footer__container {
width: 25%;
}
}
@media screen and (max-width: 767px) {
.p-footer__container {
padding-left: 0;
margin-top: 10vw;
}
}
.p-footer__logo {
display: block;
width: 55px;
width: 3.4375rem;
height: 60px;
height: 3.75rem;
}
@media screen and (max-width: 767px) {
.p-footer__logo {
margin: 0 auto;
}
}
.p-footer__logo img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.p-footer__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 767px) {
.p-footer__icons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 7.03vw 0;
}
}
.p-footer__icon:nth-child(1) {
width: 10px;
width: 0.625rem;
height: 20px;
height: 1.25rem;
}
.p-footer__icon:nth-child(2) {
width: 20px;
width: 1.25rem;
height: 20px;
height: 1.25rem;
margin-left: 20px;
margin-left: 1.25rem;
}
.p-footer__icon:nth-child(3) {
width: 20px;
width: 1.25rem;
height: 20px;
height: 1.25rem;
margin-left: 20px;
margin-left: 1.25rem;
}
.p-footer__icon img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.p-footer__address {
position: relative;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
color: #1a1311;
}
@media screen and (max-width: 767px) {
.p-footer__address {
font-size: 3.2vw;
text-align: center;
}
}
.p-footer__address::before {
content: "";
display: inline-block;
background-image: url(../../images/common/icon_map01.svg);
background-repeat: no-repeat;
background-size: contain;
width: 7px;
width: 0.4375rem;
height: 10px;
height: 0.625rem;
margin-right: 6px;
margin-right: 0.375rem;
}
@media screen and (min-width: 767px), print {
.p-footer__address::before {
margin-top: 1.25rem;
}
}
.p-footer__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-footer__box02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 14px;
margin-top: 0.875rem;
}
@media screen and (max-width: 767px) {
.p-footer__box02 {
margin: 7.03vw 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.p-footer__tel {
font-weight: 700;
color: #1a1311;
}
@media screen and (min-width: 767px), print {
.p-footer__tel {
font-size: 0.75rem;
}
}
@media screen and (max-width: 767px) {
.p-footer__tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 7.03vw;
font-size: 4.8vw;
}
}
.p-footer__tel::before {
content: "";
display: inline-block;
background-image: url(../../images/common/icon_tel01.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (min-width: 767px), print {
.p-footer__tel::before {
width: 0.625rem;
height: 0.625rem;
margin-right: 0.375rem;
}
}
@media screen and (max-width: 767px) {
.p-footer__tel::before {
width: 4vw;
height: 4vw;
margin: 0 1.5vw 0.5vw 0;
}
}
.p-footer__mail {
font-weight: 700;
color: #1a1311;
}
@media screen and (min-width: 767px), print {
.p-footer__mail {
font-size: 0.625rem;
margin-left: 1.25rem;
}
}
@media screen and (max-width: 767px) {
.p-footer__mail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.p-footer__mail::before {
content: "";
display: inline-block;
background-image: url(../../images/common/icon_mail01.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
@media screen and (min-width: 767px), print {
.p-footer__mail::before {
width: 0.625rem;
height: 0.46875rem;
margin-right: 0.375rem;
}
}
@media screen and (max-width: 767px) {
.p-footer__mail::before {
width: 4.5vw;
height: 4.5vw;
margin-right: 1.5vw;
}
}
.p-footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: -1rem;
}
@media screen and (max-width: 767px) {
.p-footer__bottom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.p-footer__bottomArea {
margin-top: 15px;
margin-top: 0.9375rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (min-width: 767px), print {
.p-footer__bottomArea br {
display: none;
}
}
@media screen and (max-width: 767px) {
.p-footer__bottomArea {
text-align: right;
margin-top: 7.03vw;
}
}
.p-footer__bottomArea p, .p-footer__bottomArea a, .p-footer__bottomArea small {
font-size: 10px;
font-size: 0.625rem;
color: #231815;
margin-top: 11px;
margin-top: 0.6875rem;
display: block;
}
.p-footer__bottomArea p {
margin-top: 0;
}
@media screen and (min-width: 767px), print {
.p-footer__bottomArea p {
font-size: 0.5rem;
}
}
.p-footer__bottomImage {
width: 5rem;
min-width: 30px;
max-width: 80px;
height: 5rem;
min-height: 30px;
max-height: 80px;
display: block;
}
@media screen and (min-width: 767px), print {
.p-footer__bottomImage {
margin-top: 0.9375rem;
}
}
.p-footer__bottomImage img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.p-copy {
background-color: #1a1311;
color: #fff;
text-align: center;
padding: 10px 0;
padding: 0.625rem 0;
}
@media screen and (max-width: 767px) {
.p-copy {
padding: 2vw 0;
}
}
.p-icon-post {
width: 220px;
width: 13.75rem;
height: 140px;
height: 8.75rem;
display: block;
position: absolute;
left: 10px;
left: 0.625rem;
bottom: -5px;
bottom: -0.3125rem;
background: url(../../images/common/icon_post01.png) no-repeat left bottom/contain;
content: "";
cursor: pointer;
}
@media screen and (max-width: 767px) {
.p-icon-post {
width: 29.33vw;
height: 18.67vw;
}
}
.p-icon-post.active {
background: url(../../images/common/icon_post02.png) no-repeat left bottom/contain;
}
/* ナビメニュー内 */
.p-globalMenuSp {
position: fixed;
z-index: 2;
top: 0;
left: 0;
color: #fff;
background: #e54623;
text-align: center;
width: 100%;
height: 100%;
padding-top: 50px;
opacity: 0;
visibility: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.p-globalMenuSp ul {
margin: 0 auto;
padding: 0;
width: 100%;
}
.p-globalMenuSp__link {
list-style-type: none;
padding: 0;
width: 100%;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.p-globalMenuSp__link:last-child {
padding-bottom: 0;
}
.p-globalMenuSp__link a {
display: block;
color: #fff;
padding: 1em 0;
text-decoration: none;
}
/* ハンバーガーメニュー押してactiveクラスを付いたら表示する */
nav.p-globalMenuSp.active {
opacity: 100;
visibility: visible;
}
/**********************************/
/* ハンバーガーメニューSP用 */
/**********************************/
.p-hamburger {
cursor: pointer;
z-index: 9999;
}
@media screen and (min-width: 767px), print {
.p-hamburger {
width: 3.125rem;
height: 3.125rem;
position: fixed;
right: 1.875rem;
top: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-hamburger {
width: 6vw;
height: 6vw;
right: 5vw;
z-index: 3500;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
}
}
.p-hamburger span, .p-hamburger span::before, .p-hamburger span::after {
cursor: pointer;
border-radius: 0.01rem;
position: absolute;
display: block;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
top: 0;
margin: auto;
bottom: 0;
left: 0;
right: 0;
background: #1a1a1a;
}
@media screen and (min-width: 767px), print {
.p-hamburger span, .p-hamburger span::before, .p-hamburger span::after {
height: 3px;
}
}
@media screen and (max-width: 767px) {
.p-hamburger span, .p-hamburger span::before, .p-hamburger span::after {
height: 2px;
}
}
@media screen and (min-width: 767px), print {
.p-hamburger span {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.p-hamburger span {
width: 100%;
}
}
.p-hamburger span::before, .p-hamburger span::after {
content: "";
width: 100%;
}
@media screen and (min-width: 767px), print {
.p-hamburger span::before {
top: -1.5625rem;
}
}
@media screen and (max-width: 767px) {
.p-hamburger span::before {
top: -4.69vw;
}
}
@media screen and (min-width: 767px), print {
.p-hamburger span::after {
bottom: -1.5625rem;
}
}
@media screen and (max-width: 767px) {
.p-hamburger span::after {
bottom: -4.69vw;
}
}
.p-hamburger.active span {
background-color: transparent;
}
/* ナビ開いてる時のバツボタン */
.p-hamburger.active span::before {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
top: 0;
}
.p-hamburger.active span::after {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
bottom: 0;
}
.p-header {
width: 100%;
top: 0;
left: 0;
z-index: 9999;
position: relative;
}
@media screen and (min-width: 767px), print {
.p-header {
/* height: 100%;*/
}
}
@media screen and (max-width: 767px) {
.p-header {
height: 18vw;
position: fixed;
top: 0;
}
}
/*.p-header__inner {
position: relative;
display: flex;
width: 100%;
margin-left: auto;
margin-right: auto;
height: 100%;
@include mq(pc) {
position: fixed;
top: 0;
bottom: 0;
}
@include mq(sp) {
padding: 0;
align-items: center;
}
}*/
.p-header__container {
z-index: 3;
}
@media screen and (min-width: 767px), print {
.p-header__container {
position: fixed;
left: 1.875rem;
top: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-header__container {
position: fixed;
left: 4.69vw !important;
top: 4.69vw !important;
}
}
@media screen and (min-width: 767px), print {
.p-header__logo {
padding: 1.25rem 0;
}
}
.p-header__logo {
padding: 0;
mix-blend-mode: difference;
top: 30px !important;
top: 1.875rem !important;
left: 30px !important;
left: 1.875rem !important;
}
/*header.HeightMin .p-header__inner {
align-items: center;
}*/
.p-header__logo a {
display: block;
width: 74px;
width: 4.625rem;
height: 80px;
height: 5rem;
}
@media screen and (max-width: 767px) {
.p-header__logo a {
width: 2.5rem;
height: 2.1875rem;
}
}
.p-header__logo a img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.midnightInner {
overflow: hidden !important;
}
.midnightHeader.default path {
fill: #000000;
}
.midnightHeader.black path {
fill: #FFFFFF;
}
.p-header__nav {
margin-left: auto;
}
@media screen and (min-width: 767px), print {
.p-header__nav {
display: none;
}
}
@media screen and (max-width: 767px) {
.p-header__nav {
position: fixed;
z-index: 2;
top: 0;
left: 0;
/*color: $white;*/
/*text-align: center;*/
width: 100%;
height: 100vh;
padding: 18vw 5vw;
opacity: 0;
visibility: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
display: none;
}
.p-header__nav.active {
opacity: 100;
visibility: visible;
}
}
.p-header__nav.active {
background-color: #f69d22;
overflow-y: auto;
}
@media screen and (min-width: 767px), print {
.p-header__nav.active {
height: 100vh;
width: 100vw;
overflow-y: auto;
}
}
.p-header__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 767px), print {
.p-header__items {
max-width: 75rem;
margin: 0 auto;
padding: 9.375rem 0;
}
}
@media screen and (max-width: 767px) {
.p-header__items {
margin: 0 auto;
padding: 0;
width: 100%;
}
}
.p-header__item {
position: relative;
}
@media screen and (min-width: 767px), print {
.p-header__item {
/*padding: rem(20) 0;*/
margin-bottom: 5rem;
}
}
@media screen and (max-width: 767px) {
.p-header__item {
width: calc(50% - 2.5vw);
}
}
@media screen and (max-width: 767px) {
.p-header__item:nth-child(1) {
width: 100%;
}
}
@media screen and (min-width: 767px), print {
.p-header__item:nth-last-child(3) {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
}
@media screen and (min-width: 767px), print {
.p-header__item:nth-last-child(2) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
@media screen and (max-width: 767px) {
.p-header__item:nth-last-child(2) {
width: 100%;
text-align: center;
}
}
@media screen and (min-width: 767px), print {
.p-header__item:nth-last-child(1) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (max-width: 767px) {
.p-header__item:nth-last-child(1) {
width: 100%;
text-align: center;
}
}
.p-header__item.top {
display: none;
}
.p-header__item > a, .p-header__item > span, .p-header__item > ul li:not([class]) a, .p-header__item > ul:not([class]) li a {
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
/*padding: rem(12) rem(40);*/
display: inline-block;
color: #1a1311;
line-height: 1.2;
position: relative;
}
@media screen and (min-width: 767px), print {
.p-header__item > a, .p-header__item > span, .p-header__item > ul li:not([class]) a, .p-header__item > ul:not([class]) li a {
font-size: 3.4375rem;
}
}
@media screen and (max-width: 767px) {
.p-header__item > a, .p-header__item > span, .p-header__item > ul li:not([class]) a, .p-header__item > ul:not([class]) li a {
padding: 3vw 0;
font-size: 6.5vw;
display: block;
}
}
.p-header__item .recruit a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-header__item .recruit > a:after {
content: "";
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
/*background-image: url("../../../../images/common/icon_window01.svg");*/
width: 30px;
width: 1.875rem;
height: 30px;
height: 1.875rem;
display: inline-block;
z-index: 1;
background-image: url(../../images/common/icon_window01.svg);
margin-left: 5px;
margin-left: 0.3125rem;
}
@media screen and (max-width: 767px) {
.p-header__item .recruit > a:after {
width: 3vw;
height: 3vw;
}
}
@media screen and (max-width: 767px) {
.p-header__item > a br {
display: none;
}
}
.p-header__item > span {
cursor: default;
position: relative;
}
/*.p-header__item>span::before,
.p-header__item>span::after {
@include mq(sp) {
content: "";
position: absolute;
margin: auto;
display: block;
bottom: 0;
width: 4vw;
height: 2px;
top: 0.75vw;
background: #000000;
transition: .5s;
right: 0;
}
}*/
@media screen and (max-width: 767px) {
.p-header__item > span::after {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
}
@media screen and (max-width: 767px) {
.p-header__item > span.active::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@media screen and (min-width: 767px), print {
.p-header__item:not(.tel):hover > a::before, .p-header__item:not(.tel):hover > span::before, .p-header__item:not(.tel).active > a::before, .p-header__item:not(.tel).active > span::before, .p-header__item > ul li:not([class]):hover > a::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: #1a1311;
right: 0;
left: 0;
margin: 0 auto;
bottom: 0.3125rem;
}
}
/*.p-header__item:last-child a:hover::before {
display: none;
}
.p-header__item:last-child a {
background-color: #333;
color: #fff;
}*/
@media screen and (max-width: 767px) {
.p-header__item__col2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
.p-header__item__col2 li {
width: calc(50% - 2.5vw);
}
}
.p-header.HeightMin {
position: fixed;
z-index: 999;
}
@media screen and (max-width: 767px) {
.p-header.HeightMin {
height: 4.375rem;
}
}
.p-header.HeightMin .p-header__inner {
position: relative;
}
@media screen and (max-width: 767px) {
.p-header.HeightMin .p-header__inner {
/*align-items: center;*/
}
}
.p-header__inner::before {
width: 50vw;
height: 45vw;
display: block;
position: absolute;
right: 0;
bottom: 0;
background: url(../../images/common/logo02.svg) no-repeat left top/cover;
opacity: 0.13;
content: "";
}
@media screen and (max-width: 767px) {
.p-header__inner::before {
width: 80vw;
height: 80vw;
bottom: 30%;
}
}
@-webkit-keyframes DownAnime {
from {
opacity: 0;
-webkit-transform: translateY(-170px);
transform: translateY(-170px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes DownAnime {
from {
opacity: 0;
-webkit-transform: translateY(-170px);
transform: translateY(-170px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.p-header__childItems {
/*display: none;*/
}
@media screen and (min-width: 767px), print {
.p-header__childItems {
margin-top: 1.125rem;
}
}
@media screen and (max-width: 767px) {
.p-header__childItems {
padding-bottom: 2vw;
}
}
@media screen and (min-width: 767px), print {
.p-header__childItem {
font-size: 1.5625rem;
}
}
@media screen and (max-width: 767px) {
.p-header__childItem {
font-size: 3.8vw;
}
}
@media screen and (min-width: 767px), print {
.p-header__childItem + .p-header__childItem {
margin-top: 0.625rem;
}
}
@media screen and (max-width: 767px) {
.p-header__childItem + .p-header__childItem {
margin-top: 3vw;
}
}
@media screen and (min-width: 767px), print {
.p-header__item span + ul {
/*display: none;*/
}
}
@media screen and (max-width: 767px) {
.header__item__col2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
.header__item__col2 li {
width: calc(50% - 2.5vw);
}
}
/*.p-header__item:hover ul {
@include mq(pc) {
display: block;
z-index: 999;
}
}*/
.p-header__childItem a {
font-weight: 700;
}
@media screen and (min-width: 767px), print {
.p-header__childItem a {
padding: 0.3125rem 0.9375rem;
}
}
@media screen and (max-width: 767px) {
.p-header__childItem a {
display: block;
font-size: 3.4vw;
}
}
@media screen and (min-width: 767px), print {
.p-header__childItem:hover a {
background-color: #231815;
color: #fff;
opacity: 1;
}
}
.p-header__item__add {
display: block;
font-weight: 700;
display: block;
cursor: default;
}
@media screen and (min-width: 767px), print {
.p-header__item__add {
font-size: 1.25rem;
}
}
@media screen and (max-width: 767px) {
.p-header__item__add {
padding-top: 3vw;
font-size: 3.4vw;
}
}
.p-imgBox__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 767px), print {
.p-imgBox {
width: 65%;
}
}
@media screen and (min-width: 767px), print {
.p-imgBox_img {
width: 30%;
}
}
@media screen and (max-width: 767px) {
.p-imgBox_img {
width: 60%;
}
}
.p-imgBox .c-section__sub-title {
margin-top: 0;
}
/**********************************/
/* right */
/**********************************/
.p-mail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffe853;
background: -webkit-gradient(linear, left top, left bottom, from(#ffe853), color-stop(50%, #ffcb21), to(#ffa600));
background: linear-gradient(180deg, #ffe853 0%, #ffcb21 50%, #ffa600 100%);
width: 200px;
width: 12.5rem;
width: 13.8888888889vw;
padding: 16px 0;
padding: 1rem 0;
border-radius: 5px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.p-mail span:last-child {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-main {
position: relative;
}
@media screen and (min-width: 767px), print {
.p-main {
width: 75rem;
margin: 0 auto;
padding: 6.25rem 0 0;
}
}
@media screen and (min-width: 767px), print {
#blog .p-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (min-width: 767px), print {
#interview .p-main {
padding-top: 0;
width: 100%;
}
}
body#top .p-main {
padding-top: 0;
width: auto;
}
#p-mv {
position: relative;
text-align: center;
background-color: #e8f0f9;
}
@media screen and (min-width: 767px), print {
#p-mv {
padding: 5rem 0;
}
}
@media screen and (max-width: 767px) {
#p-mv {
padding: 7.03vw;
}
}
@media screen and (min-width: 767px), print {
#p-mv .p-mv__inner {
width: 75rem;
margin: 0 auto;
}
}
#p-mv .p-mv-slug {
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
color: #e54623;
font-size: 24px;
font-size: 1.5rem;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
#p-mv .p-mv-slug {
font-size: 4vw;
}
}
#p-mv h1 {
font-size: 32px;
font-size: 2rem;
}
@media screen and (min-width: 767px), print {
#p-mv h1 {
margin: 1.25rem 0;
}
}
@media screen and (max-width: 767px) {
#p-mv h1 {
font-size: 5.5vw;
margin: 4.69vw 0;
}
}
.p-mv__text {
line-height: 1.6;
}
@media screen and (max-width: 767px) {
.p-mv__text {
text-align: left;
}
}
.p-mv__subText {
text-align: right;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
}
@media screen and (min-width: 767px), print {
.p-mv__subText {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: left;
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
}
@media screen and (max-width: 767px) {
.p-mv__subText {
font-size: 3.5vw;
}
}
@media screen and (max-width: 767px) {
.p-mv__inner .l-inner {
padding: 0;
}
}
.p-mv__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
display: none;
}
@media screen and (max-width: 767px) {
.p-mv__items {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
.p-mv__item {
-ms-flex-preferred-size: calc(50% - 1.5vw);
flex-basis: calc(50% - 1.5vw);
}
}
@media screen and (min-width: 767px), print {
.p-mv__item + .p-mv__item {
margin-left: 1.875rem;
}
}
.p-mv__item a {
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
display: block;
background-color: #e54623;
color: #fff;
padding: 10px 30px;
padding: 0.625rem 1.875rem;
position: relative;
}
@media screen and (max-width: 767px) {
.p-mv__item a {
padding: 2vw 4.69vw;
text-align: center;
}
}
@media screen and (min-width: 767px), print {
.p-mv__item a {
font-size: 0.875rem;
min-width: 7.1875rem;
}
}
.p-mv__item a:after {
display: inline-block;
width: 30px;
width: 1.875rem;
height: 5px;
height: 0.3125rem;
margin: auto 0 auto 10px;
margin: auto 0 auto 0.625rem;
background-image: url(../../images/common/icon_arrow03.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%) scale(-1, 1);
content: "";
}
/*
.p-mv__item:first-child a:before {
right: rem(15);
width: rem(6);
height: rem(6);
border-bottom: 1px solid $white;
border-right: 1px solid $white;
-webkit-transform: rotate(45deg) translate(0%, -75%);
transform: rotate(45deg) translate(0%, -75%);
position: absolute;
margin: auto;
display: block;
top: 50%;
content: "";
@include mq(sp) {
right: $padding-sp-m;
width: 2vw;
height: 2vw;
}
}
.p-mv__item:first-child a:after {
display: none;
}*/
.p-mv__item + .p-mv__item a {
background-color: #fff;
color: #231815;
}
.p-pagenav {
background-color: #efeae1;
}
@media screen and (min-width: 767px), print {
.p-pagenav {
margin-top: 4.375rem;
}
}
@media screen and (max-width: 767px) {
.p-pagenav {
margin-top: 7.03vw;
padding: 4.69vw;
}
}
.p-pagenav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 10px;
padding: 1.875rem 0.625rem;
}
@media screen and (max-width: 767px) {
.p-pagenav__list {
padding: 0;
}
}
#interview .p-pagenav {
background-color: #212733;
}
@media screen and (min-width: 767px), print {
#interview .p-pagenav {
margin-top: 1.25rem;
}
}
@media screen and (min-width: 767px), print {
.p-pagenav__list-item {
margin: 0 0.3125rem;
}
}
.p-pagenav__list-item a, .p-pagenav__list-item span {
font-size: 16px;
font-size: 1rem;
padding: 5px 10px;
padding: 0.3125rem 0.625rem;
line-height: 1.2;
color: #231815;
background-color: #fff;
width: 40px;
width: 2.5rem;
height: 40px;
height: 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
}
@media screen and (max-width: 767px) {
.p-pagenav__list-item a, .p-pagenav__list-item span {
font-size: 4.06vw;
margin: 0 0.5vw;
padding: 1vw 0.5vw;
width: 6vw;
height: 8vw;
}
}
.p-pagenav__list-item a.prev {
padding-left: 0;
padding-right: 50px;
padding-right: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-pagenav__list-item a.prev {
padding-right: 2vw;
}
}
.p-pagenav__list-item a.next {
padding-right: 0;
padding-left: 50px;
padding-left: 3.125rem;
}
@media screen and (max-width: 767px) {
.p-pagenav__list-item a.next {
padding-left: 2vw;
}
}
.p-pagenav__list-item span.current {
color: #fff;
background-color: #e54623;
}
.p-pagenav__list-item .previouspostslink::before, .p-pagenav__list-item .nextpostslink::before {
content: "";
width: 11px;
width: 0.6875rem;
height: 5px;
height: 0.3125rem;
background-size: contain;
display: block;
background-image: url(../../images/common/icon_arrow02.svg);
}
.p-pagenav__list-item .previouspostslink::before {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.p-pagepost {
margin-top: 100px;
margin-top: 6.25rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.p-pagepost {
margin-top: 10vw;
}
}
.p-pagepost > li {
position: relative;
z-index: 0;
}
@media screen and (min-width: 767px), print {
.p-pagepost > li {
margin: 0 0.3125rem;
width: 8rem;
}
}
@media screen and (max-width: 767px) {
.p-pagepost > li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 1vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.p-pagepost > li.no_navi::before {
display: none;
}
.p-pagepost > li.p-pagepost_backpost::before, .p-pagepost > li.p-pagepost_nextpost::before {
content: "";
width: 28px;
width: 1.75rem;
height: 5px;
height: 0.3125rem;
position: absolute;
top: 50%;
background-image: url(../../images/common/icon_arrow03.svg);
background-repeat: no-repeat;
z-index: 1;
background-size: contain;
}
.p-pagepost > li.p-pagepost_backpost::before {
left: -15px;
left: -0.9375rem;
-webkit-transform: scale(1, 1) translateY(-50%);
transform: scale(1, 1) translateY(-50%);
}
@media screen and (max-width: 767px) {
.p-pagepost > li.p-pagepost_backpost::before {
left: -4vw;
}
}
.p-pagepost > li.p-pagepost_nextpost::before {
right: -15px;
right: -0.9375rem;
-webkit-transform: scale(-1, 1) translateY(-50%);
transform: scale(-1, 1) translateY(-50%);
}
@media screen and (max-width: 767px) {
.p-pagepost > li.p-pagepost_nextpost::before {
right: -4vw;
}
}
.p-pagepost > li > a {
padding: 30px;
padding: 1.875rem;
display: block;
background-color: #ebebeb;
color: #302d2c;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-pagepost > li > a {
width: 100%;
padding: 4.69vw;
font-size: 3.2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (min-width: 767px), print {
.p-pagepost .p-pagepost_archive {
width: 11.25rem;
}
}
#p-pagetop {
position: fixed;
display: none;
z-index: 999;
}
@media screen and (min-width: 767px), print {
#p-pagetop {
right: 0;
bottom: 0;
}
}
#p-pagetop a {
display: block;
background-color: #1a1311;
}
@media screen and (min-width: 767px), print {
#p-pagetop a {
width: 4.375rem;
height: 4.375rem;
}
}
#p-pagetop a:before {
content: "";
position: absolute;
margin: auto;
display: block;
border: 2px solid;
border-color: #fff #fff transparent transparent;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 0;
left: 0;
right: 0;
}
@media screen and (min-width: 767px), print {
#p-pagetop a:before {
width: 1rem;
height: 1rem;
top: 1.125rem;
}
}
.post-content iframe {
width: 100%;
display: block;
}
@media screen and (min-width: 767px), print {
.post-content iframe {
margin: 0.5rem auto;
/*height: 4.8rem;*/
}
}
@media screen and (max-width: 767px) {
.post-content iframe {
margin: 4.69vw 0;
height: 49vw;
}
}
.post-content h2, .post-content h3, .post-content h5, .post-content h6 {
font-weight: bold;
position: relative;
z-index: 1;
}
.post-content h1 {
font-weight: 700;
font-style: normal;
position: relative;
line-height: 1.4;
font-size: 35px;
font-size: 2.1875rem;
margin: 80px 0 50px;
margin: 5rem 0 3.125rem;
}
@media screen and (max-width: 767px) {
.post-content h1 {
font-size: 5.07vw;
margin: 7.03vw 0;
}
}
.post-content h2 {
font-weight: 700;
font-size: 30px;
font-size: 1.875rem;
border-top: 1px solid #ddd;
padding-top: 50px;
padding-top: 3.125rem;
margin: 50px 0;
margin: 3.125rem 0;
}
@media screen and (min-width: 767px), print {
.post-content h2 {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.post-content h2 {
font-size: 4.8vw;
padding-top: 7.03vw;
margin: 10vw 0 7.03vw;
}
}
.post-content h3 {
padding: 15px 25px;
padding: 0.9375rem 1.5625rem;
background-color: #ebebeb;
font-size: 25px;
font-size: 1.5625rem;
margin: 50px 0 30px;
margin: 3.125rem 0 1.875rem;
color: #302d2c;
position: relative;
}
@media screen and (max-width: 767px) {
.post-content h3 {
font-size: 4.6vw;
padding: 4.69vw 4.69vw 4.69vw 7.03vw;
margin: 7.03vw 0 4.69vw;
}
}
.post-content h3::before {
content: "";
width: 10px;
width: 0.625rem;
height: 1px;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
position: absolute;
background-color: #302d2c;
}
@media screen and (max-width: 767px) {
.post-content h3::before {
width: 3vw;
}
}
.post-content h4 {
font-size: 20px;
font-size: 1.25rem;
margin: 30px 0 20px;
margin: 1.875rem 0 1.25rem;
}
@media screen and (max-width: 767px) {
.post-content h4 {
font-size: 4.4vw;
margin: 4.69vw 0;
}
}
.post-content h5 {
font-size: 18px;
font-size: 1.125rem;
color: #333;
}
@media screen and (max-width: 767px) {
.post-content h5 {
font-size: 4.2vw;
margin: 4.69vw 0;
}
}
.post-content h6 {
font-size: 16px;
font-size: 1rem;
margin-top: 10px;
margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
.post-content h6 {
font-size: 4.2vw;
margin: 7.03vw 0 4.69vw;
}
}
.post-content h1:first-child, .post-content h2:first-child, .post-content h3:first-child, .post-content h4:first-child, .post-content h5:first-child, .post-content h6:first-child, .post-content p:first-child, .post-content ul:first-child, .post-content ol:first-child {
margin-top: 0;
}
@media screen and (min-width: 767px), print {
.post-content table ul {
margin: 0.9375rem 0;
}
}
@media screen and (max-width: 767px) {
.post-content table ul {
margin: 4.69vw 0;
}
}
@media screen and (max-width: 767px) {
.post-content ul {
margin: 4.69vw 0;
}
}
.post-content ul > li {
position: relative;
padding: 0 0 0 1em;
}
.post-content ul > li + li {
margin-top: 2.4px;
margin-top: 0.15rem;
}
.post-content ul > li:before {
display: block;
background-color: #333;
border-radius: 50%;
content: "";
vertical-align: bottom;
position: absolute;
left: 0;
width: 10px;
width: 0.625rem;
height: 10px;
height: 0.625rem;
top: 7px;
top: 0.4375rem;
}
@media screen and (max-width: 767px) {
.post-content ul > li:before {
width: 2vw;
height: 2vw;
top: 1.73vw;
}
}
body#blog .post-content ul > li {
padding-left: 0;
}
body#blog .post-content ul > li:before {
display: none;
}
.post-content ol {
counter-reset: number;
}
@media screen and (max-width: 767px) {
.post-content ol {
margin: 4.69vw 0;
}
}
.post-content ol > li {
position: relative;
padding: 0 0 0 1.1em;
margin-bottom: 10px;
margin-bottom: 0.625rem;
font-weight: 700;
}
.post-content ol > li:before {
counter-increment: number;
content: counter(number) ".";
position: absolute;
left: 0;
top: 0;
color: #0f2374;
}
.post-content table {
border-collapse: collapse;
border-spacing: 0px 0px;
width: 100%;
margin: 50px 0;
margin: 3.125rem 0;
}
.post-content table:last-child {
margin-bottom: 0;
}
.post-content table th, .post-content table td {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.16px solid #fff;
border: 0.01rem solid #fff;
}
@media screen and (min-width: 767px), print {
.post-content table th, .post-content table td {
padding: 0.15rem 0.25rem;
}
}
@media screen and (max-width: 767px) {
.post-content table th, .post-content table td {
padding: 3vw 6vw;
}
}
.post-content table th + th, .post-content table td + td {
border-left: 2px solid #fff;
}
.post-content table th {
background-color: #333;
font-weight: normal;
color: #ffffff;
text-align: left;
}
@media screen and (min-width: 767px), print {
.post-content table th {
width: 15.625rem;
padding: 1.5625rem;
}
}
@media screen and (max-width: 767px) {
.post-content table th {
padding: 3vw 6vw;
}
}
.post-content table th.letter-spacing {
letter-spacing: 1em;
}
.post-content table td {
background-color: #f9f9f9;
}
@media screen and (min-width: 767px), print {
.post-content table td {
padding: 1.5625rem;
}
}
.post-content blockquote {
background-color: #ebebeb;
position: relative;
}
@media screen and (min-width: 767px), print {
.post-content blockquote {
margin: 3.125rem 0;
padding: 3.125rem 3.125rem 3.125rem 6.25rem;
}
}
@media screen and (max-width: 767px) {
.post-content blockquote {
-webkit-margin-before: auto;
-webkit-margin-after: auto;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
padding: 7.03vw;
margin: 4.69vw 0;
}
}
.post-content blockquote:before, .post-content blockquote::after {
display: block;
position: absolute;
text-align: center;
content: "";
}
.post-content blockquote:before {
width: 70px;
width: 4.375rem;
height: 70px;
height: 4.375rem;
background: #333;
top: -10px;
top: -0.625rem;
left: -10px;
left: -0.625rem;
}
@media screen and (min-width: 767px), print {
.post-content blockquote:before {
font-size: 3.125rem;
line-height: 1.5;
}
}
@media screen and (max-width: 767px) {
.post-content blockquote:before {
font-size: 6vw;
width: 8vw;
height: 8vw;
}
}
.post-content blockquote::after {
content: "";
display: block;
position: absolute;
width: 30px;
width: 1.875rem;
height: 20px;
height: 1.25rem;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 10px;
top: 0.625rem;
left: 10px;
left: 0.625rem;
}
@media screen and (max-width: 767px) {
.post-content blockquote::after {
width: 4vw;
height: 2vw;
top: 0;
left: 0;
}
}
.post-content blockquote p:first-child {
margin-top: 0;
}
.post-content lockquote p:last-child {
margin-bottom: 0;
}
.post-content code {
display: block;
word-wrap: break-word;
word-break: break-all;
overflow-y: hidden;
background-color: #ebebeb;
border-left: 0.8px solid #575858;
border-left: 0.05rem solid #575858;
padding: 50px;
padding: 3.125rem;
overflow-x: auto;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (min-width: 767px), print {
.post-content code {
margin: 3.125rem 0;
padding: 3.125rem;
}
}
@media screen and (max-width: 767px) {
.post-content code {
margin: 4.69vw 0;
padding: 7.03vw;
}
}
.post-content * + * {
margin-top: 20px;
margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
.post-content * + * {
margin-top: 4.69vw;
}
}
.post-content img {
width: auto;
max-width: 100%;
margin: 0;
}
@media screen and (min-width: 767px), print {
.post-content img {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
}
@media screen and (max-width: 767px) {
.post-content img {
margin: 4.69vw 0;
}
}
.post-content img:not([alt]) {
-webkit-filter: none;
filter: none;
}
@media screen and (min-width: 767px), print {
.post-content .aligncenter {
margin: 1.5625rem auto;
display: block;
}
}
@media screen and (max-width: 767px) {
.post-content .aligncenter {
margin-top: 4.69vw;
margin-bottom: 4.69vw;
}
}
.post-content .alignright, .post-content .alignleft {
margin-top: 30px;
margin-top: 1.875rem;
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media screen and (max-width: 767px) {
.post-content .alignright, .post-content .alignleft {
float: none;
display: block;
margin: 4.69vw auto;
}
}
.wp-caption {
text-align: center;
}
@media screen and (min-width: 767px), print {
.wp-caption {
margin: 0.5rem 0;
}
}
@media screen and (max-width: 767px) {
.wp-caption {
max-width: 96%;
}
}
@media screen and (max-width: 767px) {
.wp-caption.alignnone {
margin: 2vw 4.69vw 4.69vw 0;
}
}
@media screen and (min-width: 767px), print {
.wp-caption.alignleft {
float: left;
margin: 0 3.125rem 3.125rem 0;
}
}
@media screen and (max-width: 767px) {
.wp-caption.alignleft {
margin: 2vw 4.69vw 4.69vw 0;
}
}
@media screen and (min-width: 767px), print {
.wp-caption.alignright {
float: right;
margin: 0 0 3.125rem 3.125rem;
}
}
@media screen and (max-width: 767px) {
.wp-caption.alignright {
margin: 4.69vw 0 4.69vw 4.69vw;
}
}
@media screen and (min-width: 767px), print {
.wp-caption .wp-caption-text {
padding: 0.05rem 0 0;
}
}
@media screen and (max-width: 767px) {
.wp-caption .wp-caption-text {
padding: 4.69vw 0 0;
}
}
.wp-caption img {
height: auto;
padding: 0;
max-width: 98.5%;
width: auto;
border: none;
}
@media screen and (min-width: 767px), print {
.wp-caption img {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.wp-caption img {
margin: 0;
}
}
.postnavi {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #efeae1;
}
@media screen and (min-width: 767px), print {
.postnavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 6.25rem 0 0;
padding: 1.875rem 0;
}
}
@media screen and (max-width: 767px) {
.postnavi {
margin: 6vw 0;
padding: 7.03vw;
}
}
#interview .postnavi {
background-color: #212733;
}
@media screen and (max-width: 767px) {
#interview .postnavi {
margin: 6vw -4.69vw;
}
}
.postnavi .navlinks {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 767px), print {
.postnavi .navlinks {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.postnavi .navlinks {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
}
@media screen and (min-width: 767px), print {
.postnavi .back_to_top {
margin: 0 0.625rem;
}
}
@media screen and (max-width: 767px) {
.postnavi .back_to_top, .postnavi .navlinks .naviprev, .postnavi .navlinks .navinext {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.postnavi .back_to_top {
-ms-flex-preferred-size: 32vw;
flex-basis: 32vw;
}
}
@media screen and (max-width: 767px) {
.postnavi .navlinks .naviprev, .postnavi .navlinks .navinext {
-ms-flex-preferred-size: 20vw;
flex-basis: 20vw;
position: absolute;
top: 0;
bottom: 0;
}
}
@media screen and (max-width: 767px) {
.postnavi .navlinks .navinext {
right: 0;
}
}
@media screen and (max-width: 767px) {
.postnavi .navlinks .naviprev {
left: 0;
}
}
.postnavi .back_to_top a, .postnavi .navlinks .naviprev a, .postnavi .navlinks .navinext a {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
position: relative;
}
@media screen and (min-width: 767px), print {
.postnavi .back_to_top a, .postnavi .navlinks .naviprev a, .postnavi .navlinks .navinext a {
padding: 0.625rem 3.125rem;
}
}
@media screen and (max-width: 767px) {
.postnavi .back_to_top a, .postnavi .navlinks .naviprev a, .postnavi .navlinks .navinext a {
width: 100%;
padding: 4.69vw 3vw;
font-size: 3.2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.postnavi .back_to_top a {
background-color: #e54623;
color: #fff;
}
.postnavi .navlinks .naviprev a, .postnavi .navlinks .navinext a {
background-color: #fff;
color: #231815;
}
@media screen and (max-width: 767px) {
.postnavi .navlinks .naviprev a, .postnavi .navlinks .navinext a {
width: 100%;
padding: 4.69vw 2vw;
font-size: 3.2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.postnavi .naviprev a:after, .postnavi .navinext a:after {
content: "";
position: absolute;
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url("../../images/common/icon_arrow03.svg");
width: 28px;
width: 1.75rem;
height: 4px;
height: 0.25rem;
bottom: 30px;
bottom: 1.875rem;
top: 0;
bottom: 0;
margin: auto;
}
.postnavi .naviprev a:after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (min-width: 767px), print {
.postnavi .naviprev a:after {
left: 0.9375rem;
}
}
@media screen and (max-width: 767px) {
.postnavi .naviprev a:after {
left: -4vw;
}
}
.postnavi .navinext a:after {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
@media screen and (min-width: 767px), print {
.postnavi .navinext a:after {
right: 0.9375rem;
}
}
@media screen and (max-width: 767px) {
.postnavi .navinext a:after {
right: -4vw;
}
}
@media screen and (max-width: 767px) {
.postnavi .navlinks .naviprev a .txt, .postnavi .navlinks .navinext a .txt {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
}
@media screen and (min-width: 767px), print {
.p-related__items {
display: grid;
grid-template-columns: 14.125rem 14.125rem 14.125rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (min-width: 767px), print {
.p-related__item {
gap: 1.5625rem;
margin-bottom: 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-related__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.p-related__item + .p-related__item {
margin-top: 7.03vw;
}
}
.p-related__tag-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 767px), print {
.p-related__tag-inner {
margin-bottom: 0.625rem;
}
}
@media screen and (max-width: 767px) {
.p-related__tag-inner {
margin: 2vw 4.69vw;
}
}
@media screen and (min-width: 767px), print {
.p-related__img {
margin-bottom: 1.25rem;
height: 9.375rem;
}
}
@media screen and (max-width: 767px) {
.p-related__img {
width: 38%;
}
}
.p-related__img img {
-o-object-fit: cover;
object-fit: cover;
}
.p-related__img a {
display: block;
height: 100%;
}
.p-related__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.p-related__items-inner {
width: 62%;
}
}
.p-related__title {
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
}
@media screen and (min-width: 767px), print {
.p-related__title {
width: calc(100% - 1.875rem);
margin-bottom: 0.625rem;
}
}
@media screen and (max-width: 767px) {
.p-related__title {
padding: 4.69vw 4.69vw 0;
}
}
.p-related__tagItems li a {
color: #e54623;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
}
.p-related__date {
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
}
.p-related__text {
padding-top: 10px;
padding-top: 0.625rem;
border-top: 1px solid #231815;
}
@media screen and (max-width: 767px) {
.p-related__text {
margin: 0 4.69vw;
padding: 2vw 0 4.69vw;
font-size: 3.6vw;
}
}
.p-sidebar {
position: relative;
border-top: 1px solid #efeae1;
}
@media screen and (max-width: 767px) {
.p-sidebar {
margin: 0 7.03vw;
}
}
@media screen and (min-width: 767px), print {
.p-sidebar:before {
content: "";
position: absolute;
margin: auto;
display: block;
background-color: #efeae1;
width: 1px;
height: 100%;
}
}
#interview .p-sidebar {
border-top: none;
}
#interview .p-sidebar:before {
display: none;
}
.p-sidebar_title {
background-color: #efeae1;
font-size: 20px;
font-size: 1.25rem;
text-align: center;
padding: 10px;
padding: 0.625rem;
}
@media screen and (min-width: 767px), print {
.p-sidebar_title {
margin: 0 2.5rem 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar_title {
margin-bottom: 7.03vw;
}
}
@media screen and (min-width: 767px), print {
.p-sidebar__tagList {
margin: 0 2.5rem 3.125rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__tagList {
margin-bottom: 7.03vw;
}
}
@media screen and (min-width: 767px), print {
.p-sidebar__items {
margin: 0 2.5rem 3.125rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__items {
margin-bottom: 7.03vw;
}
}
#interview .p-sidebar__items {
display: none;
}
@media screen and (min-width: 767px), print {
#interview .p-sidebar__items {
margin: 0 0 3.125rem;
}
}
@media screen and (max-width: 767px) {
#interview .p-sidebar__items {
margin-bottom: 7.03vw;
}
}
.p-sidebar__item + .p-sidebar__item {
margin-top: 10px;
margin-top: 0.625rem;
}
.p-sidebar__item a {
display: block;
color: #231815;
border: 1px solid #231815;
padding: 10px 30px;
padding: 0.625rem 1.875rem;
font-weight: 700;
position: relative;
}
@media screen and (max-width: 767px) {
.p-sidebar__item a {
padding: 2.5vw 4.69vw;
}
}
.p-sidebar__item a:after {
content: "";
position: absolute;
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url("../../images/common/icon_arrow03.svg");
width: 28px;
width: 1.75rem;
height: 4px;
height: 0.25rem;
right: 25px;
right: 1.5625rem;
bottom: 30px;
bottom: 1.875rem;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
top: 0;
bottom: 0;
margin: auto;
}
@media screen and (min-width: 767px), print {
.p-sidebar__search {
margin: 0 2.5rem 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__search {
margin-bottom: 7.03vw;
}
}
#p-sidebar__search_form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-sidebar__search_input, .p-sidebar__search_button {
font-weight: 700;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.p-sidebar__search_input {
border: 1px solid #231815;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #231815;
}
@media screen and (min-width: 767px), print {
.p-sidebar__search_input {
width: calc(100% - 4.375rem);
padding: 0.625rem 0.9375rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__search_input {
width: 75%;
padding: 2.5vw 4.69vw;
}
}
.p-sidebar__search_button {
background-color: #efeae1;
}
@media screen and (min-width: 767px), print {
.p-sidebar__search_button {
width: 4.375rem;
padding: 0.625rem 0.9375rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__search_button {
width: 25%;
}
}
@media screen and (min-width: 767px), print {
.p-sidebar__calendar_wrap {
margin: 0 2.5rem 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__calendar_wrap {
margin-bottom: 7.03vw;
}
}
#wp-calendar {
margin: 0;
width: 100%;
}
@media screen and (min-width: 767px), print {
#wp-calendar {
margin-bottom: 0.625rem;
}
}
@media screen and (max-width: 767px) {
#wp-calendar {
margin-bottom: 3vw;
}
}
#wp-calendar caption {
font-weight: 700;
}
@media screen and (min-width: 767px), print {
#wp-calendar caption {
font-size: 1.25rem;
margin-bottom: 0.625rem;
}
}
@media screen and (max-width: 767px) {
#wp-calendar caption {
margin-bottom: 3vw;
}
}
#wp-calendar tbody td {
text-align: center;
font-weight: 700;
}
#wp-calendar tbody td a {
color: #e54623;
}
.wp-calendar-nav a {
font-weight: 700;
}
@media screen and (min-width: 767px), print {
.p-sidebar__post_items {
margin: 0 2.5rem 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__post_items {
margin-bottom: 7.03vw;
}
}
.p-sidebar__post_item {
border-bottom: 1px solid #231815;
}
.p-sidebar__post_item > a {
display: block;
}
@media screen and (min-width: 767px), print {
.p-sidebar__post_item > a {
padding: 0.9375rem 0;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__post_item > a {
padding: 2.5vw 0;
}
}
.p-sidebar__post_item:first-child {
border-top: 1px solid #231815;
}
.p-sidebar__post_date {
text-align: right;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
}
@media screen and (min-width: 767px), print {
.p-sidebar__post_date {
margin-top: 0.625rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__post_date {
margin-top: 3vw;
}
}
@media screen and (min-width: 767px), print {
.p-sidebar__interview_img {
width: 13.375rem;
margin: 0 0 0.9375rem 0;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__interview_img {
width: 60%;
margin: 0 auto 4.69vw 0;
}
}
@media screen and (min-width: 767px), print {
.p-sidebar__interview_title {
margin: 0 0 1.25rem;
font-size: 1.25rem;
}
}
@media screen and (max-width: 767px) {
.p-sidebar__interview_title {
font-size: 5vw;
margin-bottom: 4.69vw;
}
}
@media screen and (min-width: 767px), print {
#interview .l-sidebar {
margin-right: 8.75rem;
}
}
@media screen and (max-width: 767px) {
#interview .l-sidebar {
padding-bottom: 7.03vw;
}
}
.l-sidebar .p-interview__items {
display: block;
}
.l-sidebar .p-interview__item {
width: 100%;
margin: 0 0 10px;
margin: 0 0 0.625rem;
}
@media screen and (max-width: 767px) {
.l-sidebar .p-interview__item {
margin-bottom: 4.69vw;
}
}
.l-sidebar .p-interview__label {
position: relative;
}
.l-sidebar .p-interview__label::before {
content: "";
position: absolute;
top: 0;
left: 10px;
left: 0.625rem;
width: 30px;
width: 1.875rem;
height: 50px;
height: 3.125rem;
background-image: url("../../images/common/icon_label01.svg");
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.p-tab__inner {
position: relative;
}
.p-tab__title {
position: relative;
}
.p-tab__title__text {
position: relative;
}
.p-tab__title__img {
position: relative;
}
.p-table {
position: relative;
width: 100%;
border-collapse: collapse;
}
@media screen and (min-width: 767px), print {
.p-table th, .p-table td {
padding: 2.5rem;
}
}
.p-table tr:nth-child(1) th, .p-table tr:first-of-type td {
border-top: 1px solid #ebebeb;
}
.p-table th {
background-color: #efeae1;
border-bottom: 1px solid #fff;
}
@media screen and (min-width: 767px), print {
.p-table th {
width: 18.125rem;
}
}
.p-table td {
border-bottom: 1px solid #ebebeb;
}
@media screen and (min-width: 767px), print {
.p-table td {
border-right: 1px solid #ebebeb;
}
}
.p-table-scroll {
position: relative;
}
@media screen and (max-width: 767px) {
.p-table-scroll:after {
width: 7vw;
height: 7vw;
display: block;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
background-image: url(../../images/common/icon_scroll.svg);
position: absolute;
bottom: -9vw;
right: 0;
content: "";
}
}
@media screen and (max-width: 767px) {
.p-table-scroll table {
overflow-x: scroll;
white-space: nowrap;
display: block;
}
}
.p-tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-title-head {
line-height: 1.3;
}
@media screen and (min-width: 767px), print {
.p-title-head {
margin: 0 0 1.875rem;
}
}
@media screen and (max-width: 767px) {
.p-title-head {
margin-bottom: 4.69vw;
}
}
.p-title-head dt {
color: #ff7129;
font-family: "roboto-condensed", "roboto", "Franklin Gothic Medium";
font-size: 24px;
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.p-title-head dt {
font-size: 4vw;
}
}
.p-title-head dd {
margin-top: 10px;
margin-top: 0.625rem;
font-size: 32px;
font-size: 2rem;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.p-title-head dd {
font-size: 5.2vw;
}
}
body#notfound .l-main .c-section__title {
text-align: center;
}
body#notfound .l-main .c-btn {
text-align: center;
}
@media screen and (min-width: 767px), print {
body#notfound .l-main .c-btn {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 767px) {
body#notfound .l-main .c-btn {
margin-bottom: 4.69vw;
}
}
body#notfound .l-main .lead {
text-align: center;
}
@media screen and (min-width: 767px), print {
body#notfound .l-main .lead {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 767px) {
body#notfound .l-main .lead {
margin-bottom: 4.69vw;
}
}
.p-tbl_scroll {
white-space: nowrap;
overflow-y: scroll;
padding-right: 1rem;
}
@media screen and (max-width: 767px) {
.p-tbl_scroll {
padding-right: 3.91vw;
}
}
.p-tbl_scroll::-webkit-scrollbar {
background: #EBEBEB;
width: .5rem;
height: .5rem;
}
.p-tbl_scroll::-webkit-scrollbar-track {
background: #EBEBEB;
}
.p-tbl_scroll::-webkit-scrollbar-thumb {
background: #1a1311;
}
.p-img_yoko {
display: flex;
flex-grow: 1;
justify-content: center;
align-items: center;
gap: 2.5rem;
margin: 2.5rem 0;
}
@media screen and (max-width: 767px) {
.p-img_yoko {
gap: 4.69vw;
margin: 4.69vw 0;
}
}
.p-img_yoko:first-child {
margin-top: 0;
}
.p-img_yoko:last-child {
margin-bottom: 0;
}
.p-img_yoko + .p-img_yoko {
margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.p-img_yoko + .p-img_yoko {
margin-top: 4.69vw;
}
}
/*# sourceMappingURL=styles.css.map */