@charset "UTF-8";
@charset "UTF-8";
*,
*::before,
*::after {
box-sizing: border-box
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0
}
ul[role="list"],
ol[role="list"] {
list-style: none
}
html:focus-within {
scroll-behavior: smooth
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5
}
a:not([class]) {
text-decoration-skip-ink: auto
}
img,
picture {
max-width: 100%;
display: block;
height: auto;
}
input,
button,
textarea,
select {
font: inherit
}
@media(prefers-reduced-motion:reduce) {
html:focus-within {
scroll-behavior: auto
}
*,
*::before,
*::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important
}
}
:focus:not(:focus-visible) {
outline: 0; }
 *,
*:before,
*:after {
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
padding: 0;
line-height: 1.8;
}
ul[role=list],
ol[role=list] {
list-style: none;
}
html:focus-within {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
img,
picture {
max-width: 100%;
display: block;
height: auto;
border: none;
}
input,
button,
textarea,
select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
:focus:not(:focus-visible) {
outline: 0; }
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
width: 100%;
margin: 0;
color: #000;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
min-width: 1366px;
}
a {
text-decoration: underline;
color: inherit;
} @media screen and (min-width: 1025px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
} .noto-sans-jp-regular {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.noto-sans-jp-medium {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.noto-sans-jp-bold {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
.noto-sans-jp-black {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 900;
font-style: normal;
}
.zen-old-mincho-regular {
font-family: "Zen Old Mincho", serif;
font-weight: 400;
font-style: normal;
}
.zen-old-mincho-medium {
font-family: "Zen Old Mincho", serif;
font-weight: 500;
font-style: normal;
}
.zen-old-mincho-semibold {
font-family: "Zen Old Mincho", serif;
font-weight: 600;
font-style: normal;
}
.zen-old-mincho-bold {
font-family: "Zen Old Mincho", serif;
font-weight: 700;
font-style: normal;
}
.zen-old-mincho-black {
font-family: "Zen Old Mincho", serif;
font-weight: 900;
font-style: normal;
}
.playfair-display-regular {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.playfair-display-medium {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.playfair-display-semibold {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
.playfair-display-bold {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
} ul li,
ol li {
line-height: 1.8;
font-size: 16px;
}
.sp {
display: none !important;
}
p {
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
}
.fadein {
opacity: 0;
transform: translate(0, 100px);
transition: all 1s;
}
.fadein.active {
opacity: 1;
transform: translate(0, 0);
}
.fix-side {
position: fixed;
right: -300px;
top: calc(50vh - 130px);
z-index: 99999;
}
.fix-side a {
display: block;
width: 90px;
height: 225px;
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-lr;
text-decoration: none;
color: #fff;
font-size: 24px;
font-size: 2.4rem;
transition: 0.3s;
background: linear-gradient(0, #D91118, #FF5D62);
border-radius: 10px 0 0 10px;
font-weight: bold;
}
.fix-side a img {
margin-top: 10px;
}
.fix-side a:hover {
opacity: 0.7;
}
.fix-side.recruit-side {
position: fixed;
right: -300px;
top: calc(50vh - 180px);
z-index: 99999;
}
.fix-side.recruit-side a:nth-of-type(1) {
display: block;
width: 90px;
height: 225px;
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-lr;
text-decoration: none;
border: 1px solid #D91118;
color: #393939;
font-size: 24px;
font-size: 2.4rem;
transition: 0.3s;
background: #fff;
border-radius: 10px 0 0 10px;
font-weight: bold;
}
.fix-side.recruit-side a:nth-of-type(1) img {
margin-top: 10px;
}
.fix-side.recruit-side a:nth-of-type(2) {
height: 308px;
margin-top: 24px;
}
@media screen and (max-width: 767px) {
body {
min-width: 100%;
}
.pc {
display: none;
}
.sp {
display: block !important;
}
img {
max-width: 100%;
height: auto;
}
} .not-found-wrap p.not-found {
margin-top: 0;
font-weight: bold;
font-size: 18px;
}  header {
position: fixed;
width: 100%;
height: 92px;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 100;
top: 0;
}
header h1, header .logo {
margin-top: 10px;
margin-left: 50px;
}
header h1 img, header .logo img {
transition: 0.3s;
}
@media screen and (max-width: 1300px) {
header h1 {
margin-left: 20px;
}
}
header .hdr-contact-area {
height: 92px;
position: fixed;
right: 92px;
top: 0;
display: flex;
justify-content: flex-end;
align-items: center;
border-radius: 60px;
transition: 0.3s;
z-index: 8000;
}
header .hdr-contact-area .hdr-tel {
color: #393939;
font-size: 29px;
margin-right: 40px;
font-weight: bold;
line-height: 1.3;
}
header .hdr-contact-area .hdr-tel span.telen {
font-size: 16px;
display: inline-block;
}
header .hdr-contact-area .hdr-tel span.time {
display: block;
font-size: 14px;
font-weight: normal;
}
header .hdr-contact-area .hdr-contact {
width: 92px;
height: 92px;
background-color: #F6F6F6;
border: none;
}
header .hdr-contact-area .hdr-contact:hover {
cursor: pointer;
opacity: 0.7;
}
header .hdr-contact-area .hdr-contact img {
margin: 0 auto 8px;
}
header .hdr-contact-area .hdr-contact span {
font-size: 12px;
}
header .hdr-contact-area nav.pc {
margin-right: 15px;
transition: 0.3s;
}
header .hdr-contact-area nav.pc ul {
display: flex;
}
header .hdr-contact-area nav.pc ul > li {
list-style-type: none;
margin-right: 2vw;
margin-left: 0;
position: relative;
}
header .hdr-contact-area nav.pc ul > li::before {
background: #393939;
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
margin: auto;
transform-origin: right top;
transform: scale(0, 1);
transition: transform 0.3s;
}
header .hdr-contact-area nav.pc ul > li:hover::before {
transform-origin: left top;
transform: scale(1, 1);
}
header .hdr-contact-area nav.pc ul > li:hover {
border-color: #393939;
}
header .hdr-contact-area nav.pc ul > li a {
text-decoration: none;
color: #393939;
}
header .hdr-contact-area nav.pc ul > li.has-sub {
position: relative;
}
header .hdr-contact-area nav.pc ul > li .sub {
display: none;
position: absolute;
left: -44px;
top: 2em;
width: 164px;
z-index: 3;
background-color: rgba(255, 255, 255, 0.8);
padding: 20px 0 10px;
}
header .hdr-contact-area nav.pc ul > li .sub li {
border-bottom: none !important;
}
header .hdr-contact-area nav.pc ul > li .sub li::before {
content: none;
}
header .hdr-contact-area nav.pc ul > li .sub > li > a {
display: block;
font-size: 15px;
line-height: 2;
padding-left: 20px;
margin-bottom: 8px;
display: flex;
align-items: center;
}
header .hdr-contact-area nav.pc ul > li .sub > li > a span {
font-size: 26px;
line-height: 1;
color: #F6F6F6;
}
header .hdr-contact-area nav.pc ul > li .sub > li:nth-last-of-type(1) > a span {
color: #D91118;
}
header .hdr-contact-area nav.pc ul > li .sub > li > a:hover {
color: #BF7939;
opacity: 1;
}
@media screen and (max-width: 1270px) {
header .hdr-contact-area {
min-width: 360px;
justify-content: center;
}
header .hdr-contact-area nav {
display: none;
}
}
header.hide .hdr-contact-area .hdr-tel {
color: #393939;
}
header.hide .hdr-contact-area nav {
display: none;
}
header.hide .hdr-contact-area .hdr-contact a {
font-size: 24px;
font-size: 2.4rem;
}
.home header .hdr-contact-area nav.pc ul > li a {
color: #fff;
}
.home header .hdr-contact-area .hdr-contact {
background-color: #fff;
}
.home header .hdr-contact-area .hdr-tel {
color: #fff;
}
.home header .hdr-contact-area nav.pc ul > li:hover {
border-color: #fff;
}
.home header .hdr-contact-area nav.pc ul > li::before {
background-color: #fff;
}
@media screen and (max-width: 767px) {
header {
position: fixed;
width: 100%;
height: 70px;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 100;
transition: 0.3s;
}
header h1, header .logo {
margin-top: 0;
margin-left: 15px;
}
header h1 img, header .logo img {
width: 72%;
height: auto;
}
header .hdr-contact-area.pc {
display: none;
}
header.hide h1, header.hide .logo {
display: none;
}
} footer {
padding: 82px 0 0;
}
footer .inner {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
footer .inner .ftr-data {
width: 418px;
border-right: 1px solid #393939;
}
footer .inner .ftr-data p.branch {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
footer .inner .ftr-data p.branch span {
font-weight: bold;
}
footer .inner .ftr-data p.branch:nth-of-type(1) {
margin-top: 30px;
}
footer .inner div.ftr-link {
width: 710px;
}
footer .inner div.ftr-link nav {
display: flex;
}
footer .inner div.ftr-link nav ul {
padding-left: 0;
}
footer .inner div.ftr-link nav ul li {
margin-bottom: 20px;
margin-left: 0;
list-style-type: none;
color: #888;
font-weight: bold;
}
footer .inner div.ftr-link nav ul li a {
text-decoration: none;
font-weight: normal;
color: #393939;
}
footer .inner div.ftr-link nav ul li a::before {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-footer-arrow.png);
font-size: 14px;
color: #d3cbc6;
line-height: 1.3;
margin-right: 5px;
}
footer .inner div.ftr-link nav ul li a:hover {
color: #D91118;
}
footer .inner div.ftr-link nav ul:nth-of-type(1) {
padding-top: 8em;
}
footer .inner div.ftr-link nav ul:nth-of-type(1), footer .inner div.ftr-link nav ul:nth-of-type(2) {
margin-right: 90px;
}
footer .inner div.ftr-link p {
font-size: 16px;
}
footer .copyright {
padding: 74px 0 39px;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
footer {
padding: 53px 0 100px;
}
footer .inner {
width: 100%;
}
footer .inner .ftr-data {
width: 100%;
border: none;
}
footer .inner .ftr-data .ftr-logo img {
margin: 0 auto;
}
footer .inner .ftr-data .menu-tel a {
text-decoration: none;
}
footer .inner .ftr-data .branch {
width: 60%;
margin: 0 auto;
}
footer .inner .ftr-data .branch a {
text-decoration: none;
}
footer .copyright {
margin-top: 60px;
padding: 0;
text-align: center;
}
}  ol.breadcrumbs {
width: 1000px;
margin: 0 auto;
padding: 20px 0;
display: flex;
flex-wrap: wrap;
}
ol.breadcrumbs li {
list-style: none;
}
ol.breadcrumbs li::before {
content: none;
margin-left: 0;
}
ol.breadcrumbs li::after {
content: ">";
font-size: 12px;
padding: 0 10px;
}
ol.breadcrumbs li a {
font-size: 12px;
font-size: 1.2rem;
color: #707070;
}
ol.breadcrumbs li span {
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
}
ol.breadcrumbs li:nth-last-of-type(1)::after {
content: none;
}
@media screen and (max-width: 767px) { ol.breadcrumbs {
width: 92%;
margin: 0 auto;
padding: 14px 0 0;
display: flex;
flex-wrap: wrap;
}
ol.breadcrumbs li {
list-style: none;
}
ol.breadcrumbs li::before {
content: none;
margin-left: 0;
}
ol.breadcrumbs li::after {
content: ">";
font-size: 10px;
padding: 0 10px;
}
ol.breadcrumbs li a {
font-size: 12px;
font-size: 1.2rem;
color: #707070;
}
ol.breadcrumbs li span {
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
}
ol.breadcrumbs li:nth-last-of-type(1)::after {
content: none;
}
}  .openbtn {
position: fixed;
width: 92px;
height: 92px;
cursor: pointer;
background: #393939;
z-index: 99999;
right: 0;
top: 0;
transition: 0.3s;
border: none;
padding: 0;
color: #fff;
}
.openbtn span {
display: inline-block;
transition: all 0.4s; position: absolute;
left: 20px;
height: 1px;
background-color: #fff;
}
.openbtn span:nth-of-type(1) {
top: 30px;
width: 50%;
}
.openbtn span:nth-of-type(2) {
top: 40px;
width: 30%;
}
.openbtn span.menu {
padding-top: 10px;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
line-height: 1;
background-color: transparent;
}
.openbtn:hover {
background-color: #fff;
}
.openbtn:hover span {
color: #393939;
background-color: #393939;
}
.openbtn:hover span.menu {
background-color: transparent;
} .openbtn.active {
background-color: #fff;
}
.openbtn.active span:nth-of-type(1) {
top: 30px;
left: 28px;
transform: translateY(6px) rotate(-45deg);
width: 35%;
background-color: #393939;
}
.openbtn.active span:nth-of-type(2) {
top: 42px;
left: 28px;
transform: translateY(-6px) rotate(45deg);
width: 35%;
background-color: #393939;
}
.openbtn.active span.menu {
color: #393939;
}
.mm-menu {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9000;
top: 0;
right: -200%;
transition: 0.8s;
opacity: 0.2;
overflow: auto;
}
.mm-menu.active {
top: 0;
right: 0;
opacity: 1;
}
.mm-page {
position: relative;
z-index: 8000;
}
@media screen and (max-width: 767px) {  .openbtn {
position: fixed; width: 70px;
height: 70px;
cursor: pointer;
background: #393939;
z-index: 99999;
right: 0;
top: 0;
transition: 0.3s;
border: none;
}
.openbtn:hover {
background: #393939;
}
.openbtn:hover span {
color: #fff;
background-color: #fff;
}
.sp-tel {
position: fixed;
z-index: 99999;
top: 10px;
right: 85px;
width: 60px;
height: 60px;
border-radius: 30px;
background-color: #fff;
line-height: 1;
color: #F6F6F6;
}
.sp-tel img {
margin: 14px auto 0;
}
.sp-tel span {
position: absolute;
bottom: 9px;
left: 20px;
font-size: 11px;
font-size: 1.1rem;
} .openbtn span {
display: inline-block;
transition: all 0.4s; position: absolute;
left: 19px;
height: 1px;
background-color: #fff;
}
.openbtn span:nth-of-type(1) {
top: 20px;
width: 50%;
}
.openbtn span:nth-of-type(2) {
top: 28px;
width: 30%;
}
.openbtn.active {
background-color: #fff;
} .openbtn.active span:nth-of-type(1) {
top: 20px;
left: 22px;
transform: translateY(6px) rotate(-45deg);
width: 35%;
}
.openbtn.active span:nth-of-type(2) {
top: 32px;
left: 22px;
transform: translateY(-6px) rotate(45deg);
width: 35%;
}
.openbtn span.menu {
padding-top: 6px;
font-size: 10px;
font-size: 1rem;
color: #fff;
background-color: transparent;
}
.mm-menu {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
right: -200%;
transition: 0.8s;
opacity: 0.2;
overflow-y: scroll;
padding: 50px 0 40px;
top: 0;
}
.mm-menu.active {
right: 0;
opacity: 1;
}
.mm-page {
position: relative;
z-index: 8000;
}
}
.sp-menu-link {
width: 100%;
height: 100%;
display: flex;
visibility: hidden;
align-items: flex-start;
padding-top: 200px;
justify-content: center;
min-width: 1200px;
overflow: auto;
}
.sp-menu-link .inner {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.sp-menu-link .inner .ftr-data {
width: 418px;
border-right: 1px solid #393939;
}
.sp-menu-link .inner .ftr-data p.branch {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.sp-menu-link .inner .ftr-data p.branch span {
font-weight: bold;
}
.sp-menu-link .inner .ftr-data p.branch:nth-of-type(1) {
margin-top: 30px;
}
.sp-menu-link .inner .ftr-link {
width: 710px;
}
.sp-menu-link .inner .ftr-link nav {
display: flex;
}
.sp-menu-link .inner .ftr-link nav ul {
padding-left: 0;
}
.sp-menu-link .inner .ftr-link nav ul li {
margin-bottom: 20px;
margin-left: 0;
list-style-type: none;
color: #888;
font-weight: bold;
}
.sp-menu-link .inner .ftr-link nav ul li a {
text-decoration: none;
font-weight: normal;
color: #393939;
}
.sp-menu-link .inner .ftr-link nav ul li a::before {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-footer-arrow.png);
font-size: 14px;
color: #d3cbc6;
line-height: 1.3;
margin-right: 5px;
}
.sp-menu-link .inner .ftr-link nav ul li a:hover {
color: #D91118;
}
.sp-menu-link .inner .ftr-link nav ul:nth-of-type(1) {
padding-top: 8em;
}
.sp-menu-link .inner .ftr-link nav ul:nth-of-type(1), .sp-menu-link .inner .ftr-link nav ul:nth-of-type(2) {
margin-right: 90px;
}
.sp-menu-link .inner .ftr-link p {
font-size: 16px;
}
@media screen and (max-width: 767px) {
.sp-menu-link {
min-width: 100%;
height: auto;
padding-top: 0;
}
.sp-menu-link div.inner {
width: 92%;
margin: 0 auto;
display: block;
}
.sp-menu-link div.inner div.ftr-data {
width: 100%;
border-right: none;
margin-top: 45px;
margin-bottom: 80px;
}
.sp-menu-link div.inner div.ftr-data .ftr-logo img {
margin: 0 auto;
}
.sp-menu-link div.inner div.ftr-data .menu-tel .num {
text-align: center;
margin-top: 22px;
font-size: 35px;
font-size: 3.5rem;
font-weight: bold;
}
.sp-menu-link div.inner div.ftr-data .menu-tel .num a {
text-decoration: none;
}
.sp-menu-link div.inner div.ftr-data .menu-tel .num span {
font-size: 20px;
font-size: 2rem;
}
.sp-menu-link div.inner div.ftr-data .menu-tel .time {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
text-align: center;
}
.sp-menu-link div.inner div.ftr-link {
width: calc(100% - 10vw);
}
.sp-menu-link div.inner div.ftr-link nav {
display: block;
}
.sp-menu-link div.inner div.ftr-link nav ul {
padding-left: 0;
margin-top: 30px;
padding-top: 0;
}
.sp-menu-link div.inner div.ftr-link nav ul li {
margin-bottom: 20px;
margin-left: 0;
list-style-type: none;
color: #888;
font-weight: bold;
}
.sp-menu-link div.inner div.ftr-link nav ul li a {
text-decoration: none;
font-weight: normal;
color: #393939;
font-size: 15px;
font-size: 1.5rem;
}
.sp-menu-link div.inner div.ftr-link nav ul li a::before {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-footer-arrow.png);
font-size: 14px;
color: #d3cbc6;
line-height: 1.3;
margin-right: 5px;
}
.sp-menu-link div.inner div.ftr-link nav ul li a:hover {
color: #D91118;
}
.sp-menu-link div.inner div.ftr-link nav ul:nth-of-type(1), .sp-menu-link div.inner div.ftr-link nav ul:nth-of-type(2) {
margin-right: 90px;
}
.sp-menu-link div.inner .menu-privacy {
margin-top: 50px;
}
.sp-menu-link div.inner .menu-privacy a {
display: block;
text-align: center;
text-decoration: underline;
font-size: 15px;
font-size: 1.5rem;
}
}
.c-for-list,
.wp-block-button {
text-align: center;
margin: 30px auto 0;
}
.c-for-list a,
.wp-block-button a {
position: relative;
display: block;
width: 274px;
color: #393939;
font-size: 16px;
font-size: 1.6rem;
background: #fff;
padding: 18px 0;
border-radius: 32px;
margin-top: 40px;
text-decoration: none;
font-weight: bold;
border: 1px solid #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.c-for-list a::after,
.wp-block-button a::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-button-black.png);
right: 16px;
position: absolute;
top: 50%;
transform: translateY(-37%);
}
.c-for-list a:hover,
.wp-block-button a:hover {
background: #393939;
color: #fff;
font-weight: bold;
}
.c-for-list a:hover::after,
.wp-block-button a:hover::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-button-white.png);
}
.c-for-list.red a,
.wp-block-button.red a {
background-color: #D91118;
color: #fff;
border-color: #D91118;
}
.c-for-list.red a::after,
.wp-block-button.red a::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red-white.png);
}
.c-for-list.red a:hover,
.wp-block-button.red a:hover {
background: #D91118;
color: #fff;
font-weight: bold;
}
.c-for-list.red a:hover::after,
.wp-block-button.red a:hover::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red.png);
background-color: #D91118;
}
.single .c-for-list a {
margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
.c-for-list,
.wp-block-button {
text-align: center;
margin: 30px auto 64px;
display: block !important;
}
.c-for-list a,
.wp-block-button a {
position: relative;
display: block;
width: 80%;
font-size: 15px;
font-size: 1.5rem;
padding: 17px 0;
margin: 0 auto;
}
}
.ftr-fix {
display: none;
}
.main-image {
width: 100%;
height: 100vh;
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.main-image .main-recruit {
position: absolute;
z-index: 10;
right: 0;
bottom: 0;
width: 238px;
height: 238px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/main-recruit.png);
text-align: right;
}
.main-image .main-recruit:hover {
opacity: 0.6;
}
.main-image .main-recruit a {
display: block;
width: 238px;
height: 238px;
padding-right: 15px;
text-decoration: none;
padding-top: 80px;
}
.main-image .main-recruit p.playfair-display-bold {
color: rgba(255, 255, 255, 0.5);
font-size: 40px;
font-size: 4rem;
line-height: 1;
}
.main-image .main-recruit .wrap {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 8px;
}
.main-image .main-recruit .wrap p {
color: #fff;
margin-right: 18px;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.3;
}
.main-image .main-recruit .wrap img {
margin-right: 12px;
}
.main-image .bg-movie {
width: 100%;
height: 100vh;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.main-image .bg-movie video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main-image .bg-grey {
width: 100%;
height: 100%;
background-color: #7f7f7f;
position: absolute;
z-index: 1;
mix-blend-mode: multiply;
}
.main-image .main-txt {
position: relative;
z-index: 10;
text-align: center;
}
.main-image .main-txt p {
color: #fff;
}
.main-image .main-txt p.intro {
display: inline-block;
margin: 0 auto;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
border-bottom: 1px solid #fff;
}
.main-image .main-txt .main-copy {
font-size: 54px;
font-size: 5.4rem;
margin-top: 30px;
color: #fff;
text-align: center;
line-height: 1.3;
}
.main-image .main-txt .main-copy span {
font-size: 40px;
font-size: 4rem;
}
.main-image .main-txt .point-three {
display: flex;
justify-content: center;
position: relative;
z-index: 2;
}
.main-image .main-txt .point-three .circle {
width: 186px;
height: 186px;
border-radius: 93px;
background-color: rgba(21, 21, 21, 0.9);
color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
margin: 60px 10px 0;
position: relative;
}
.main-image .main-txt .point-three .circle span {
font-size: 22px;
font-size: 2.2rem;
display: block;
width: 100%;
text-align: center;
}
.main-image .main-txt .point-three .circle p {
font-size: 34px;
font-size: 3.4rem;
line-height: 1.3;
color: #fff;
}
.main-image .main-txt .point-three .circle p span {
font-size: 28px;
font-size: 2.8rem;
display: inline-block;
width: inherit;
}
.main-image .scroll {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -25px;
text-align: center;
}
.main-image .scroll .scroll-text {
text-align: center;
color: #fff;
position: absolute;
bottom: 60px;
font-size: 14px;
color: #fff;
z-index: 999;
}
.main-image .scroll .scroll-line {
width: 1px;
height: 50px;
background-color: #fff;
overflow: hidden;
display: inline-block;
position: absolute;
bottom: 0;
left: 25px;
z-index: 10;
}
.main-image .scroll .scroll-line::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 1px;
height: 50px;
background-color: #000;
z-index: 999;
animation: scrolldown 1.4s ease-in-out infinite;
}
@keyframes scrolldown {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}
.top-about {
position: relative;
}
.top-about::before {
content: "";
display: block;
width: 21vw;
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #F6F6F6;
z-index: 1;
}
.top-about .inner {
padding-top: 140px;
padding-bottom: 170px;
background-color: #fff;
width: 1200px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.top-about .inner::before {
content: "";
display: block;
width: 40px;
position: absolute;
left: 0;
top: 0;
height: 100%;
background-color: #F6F6F6;
z-index: -1;
}
.top-about .inner .h2-wrap p {
margin-top: 0;
}
.top-about .inner .h2-wrap p.en {
font-size: 78px;
font-size: 7.8rem;
line-height: 1;
}
.top-about .inner .h2-wrap h2 {
font-size: 36px;
font-size: 3.6rem;
}
.top-about .inner h3 {
font-size: 30px;
font-size: 3rem;
color: #D91118;
font-weight: bold;
line-height: 1;
margin-top: 75px;
}
.top-about .inner h3:before {
content: "";
display: block;
width: 14px;
height: 15px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/icon-h3.png);
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -5px;
}
.top-about .inner p {
width: 590px;
margin-top: 42px;
}
.top-about .inner p.intro {
font-size: 32px;
font-size: 3.2rem;
margin-top: 30px;
line-height: 1.6;
}
.top-about .inner:nth-last-of-type(1) {
padding-left: 425px;
padding-top: 0;
padding-bottom: 350px;
}
.top-about .top-about-image {
position: absolute;
background-size: cover;
border-radius: 10px;
z-index: 15;
}
.top-about .top-about-image.top-about-image01 {
left: 50%;
top: 149px;
margin-left: 52px;
width: 19.5vw;
height: 253px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/top-about-image01.jpg);
z-index: 15;
}
.top-about .top-about-image.top-about-image02 {
left: 50%;
top: 442px;
margin-left: 172px;
width: 19.5vw;
height: 522px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/top-about-image02.jpg);
z-index: 15;
}
.top-about .top-about-image.top-about-image03 {
left: 77vw;
top: 104px;
width: calc(100% - 77vw);
height: 663px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/top-about-image03.jpg);
z-index: 14;
border-radius: 10px 0 0 10px;
}
.top-about .top-about-image.top-about-image04 {
right: 67vw;
bottom: 280px;
width: calc(100% - 67vw);
height: 663px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/top-about-image04.jpg);
z-index: 14;
border-radius: 0 10px 10px 0;
}
.top-about .top-about-image.top-about-image05 {
right: 0;
bottom: 150px;
width: 19.5vw;
height: 552px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/top-about-image05.jpg);
z-index: 14;
}
@media screen and (max-width: 1365px) {
.top-about .inner:nth-last-of-type(1) {
padding-left: 380px;
}
.top-about .inner:nth-last-of-type(1) p {
width: 500px;
}
.top-about .top-about-image.top-about-image03 {
width: 333px;
}
.top-about .top-about-image.top-about-image04 {
right: auto;
left: 0;
width: 400px;
}
}
@media screen and (max-width: 1220px) {
.top-about-image.top-about-image03 {
display: none;
}
.top-about-image.top-about-image05 {
display: none;
}
}
.top-recruit {
background: linear-gradient(180deg, #FF5D62, #FDFDFD);
position: relative;
}
.top-recruit .top-recruit-image {
position: absolute;
right: 0;
top: -72px;
width: 30vw;
height: auto;
z-index: 90;
}
.top-recruit .boss-image {
position: absolute;
bottom: -70px;
left: 55vw;
z-index: 91;
}
.top-recruit .inner {
width: 1200px;
margin: 0 auto;
padding: 57px 0;
}
.top-recruit .inner .h2-wrap {
margin-left: 57px;
}
.top-recruit .inner .h2-wrap .en {
font-size: 160px;
font-size: 16rem;
color: rgba(255, 255, 255, 0.2);
line-height: 1;
}
.top-recruit .inner .h2-wrap h2 {
color: #fff;
margin-top: -80px;
font-size: 50px;
font-size: 5rem;
}
.top-recruit .inner .intro {
font-size: 62px;
font-size: 6.2rem;
color: #fff;
line-height: 1;
margin-top: 76px;
margin-left: 57px;
}
.top-recruit .inner .wrap {
background-color: #fff;
padding: 50px 60px;
border-radius: 10px;
}
.top-recruit .inner .wrap p {
margin-top: 26px;
}
.top-recruit .inner .wrap p.title {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.6;
margin-top: 0;
}
.top-recruit .inner .wrap p span {
color: #D91118;
font-weight: bold;
}
.top-recruit .inner .wrap img {
margin-top: 40px;
}
.top-recruit .inner .wrap .wrap {
padding: 0;
}
@media screen and (max-width: 1365px) {
.top-recruit .boss-image {
left: 55%;
}
}
.top-news {
width: 100%;
padding: 180px 0 128px;
text-align: center;
background-color: #fff;
}
.top-news .inner {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.top-news .inner .title-area {
width: 260px;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.top-news .inner .title-area .h2-wrap {
text-align: left;
}
.top-news .inner .title-area .h2-wrap .en {
font-size: 60px;
font-size: 6rem;
line-height: 1;
}
.top-news .inner .title-area .h2-wrap h2 {
font-size: 30px;
font-size: 3rem;
}
.top-news .inner .title-area .c-for-list {
margin: 0;
}
.top-news .inner .list-area {
width: 842px;
}
.top-news .inner .list-area article {
padding: 20px 20px 5px;
text-align: left;
border-bottom: 1px solid #CECECE;
}
.top-news .inner .list-area article p.date-area {
font-size: 14px;
font-size: 1.4rem;
}
.top-news .inner .list-area article p.date-area span {
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
border: 1px solid #CECECE;
border-radius: 15px;
margin-left: 20px;
}
.top-news .inner .list-area article h3 {
padding: 10px 0;
}
.top-news .inner .list-area article h3 a {
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
}
.top-news .inner .list-area article h3 a:hover {
text-decoration: underline;
}
.cta {
position: relative;
height: 705px;
width: 100%;
}
.cta .cta-bg {
width: 100%;
height: 418px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/cta-bg.jpg);
background-size: cover;
position: absolute;
left: 0;
bottom: 0;
z-index: 9;
}
.cta .wrap {
display: flex;
justify-content: space-between;
position: relative;
z-index: 10;
}
.cta .wrap .box {
width: 48%;
margin: 0 1%;
text-align: center;
background-color: #F6F6F6;
border-radius: 10px;
background-position: left bottom;
}
.cta .wrap .box:nth-of-type(1) {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/cta-gra01.png);
background-repeat: no-repeat;
}
.cta .wrap .box:nth-of-type(1) .en {
color: #CECECE;
}
.cta .wrap .box:nth-last-of-type(1) {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/cta-gra02.png);
background-repeat: no-repeat;
}
.cta .wrap .box:nth-last-of-type(1) .en {
color: #F4CFCF;
}
.cta .wrap .box:nth-last-of-type(1) p.entry-cta {
padding: 40px 0 16px;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list {
margin-top: 86px;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a {
border-color: #D91118;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red.png);
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a:hover {
background-color: #D91118;
color: #fff;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a:hover::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red-white.png);
}
.cta .wrap .box .en {
font-size: 60px;
font-size: 6rem;
line-height: 1;
margin-top: -11px;
}
.cta .wrap .box p {
margin-top: 26px;
font-size: 20px;
font-size: 2rem;
}
.cta .wrap .box p.title {
font-size: 30px;
font-size: 3rem;
line-height: 1.4;
font-weight: bold;
}
.cta .wrap .box p.tel {
font-size: 44px;
font-size: 4.4rem;
line-height: 1;
font-weight: bold;
}
.cta .wrap .box p.tel span {
font-size: 32px;
font-size: 3.2rem;
}
.cta .wrap .box p.fax {
font-size: 25px;
font-size: 2.5rem;
line-height: 1;
font-weight: bold;
}
.cta .wrap .box .c-for-list {
margin: 56px auto 50px;
}
.cta .wrap .box .c-for-list a {
margin: 0 auto;
}
.recruit-cta {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/recruit-cta-bg.png);
width: 100%;
height: 528px;
padding: 56px 0 78px;
}
.recruit-cta .inner {
width: 1200px;
margin: 0 auto;
text-align: center;
}
.recruit-cta .inner p.intro {
color: #fff;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.7;
}
.recruit-cta .inner .wrap {
margin-top: 50px;
display: flex;
justify-content: space-between;
}
.recruit-cta .inner .wrap .box a {
display: block;
width: 580px;
height: 222px;
border-radius: 10px;
padding: 43px 52px;
text-align: left;
text-decoration: none;
position: relative;
}
.recruit-cta .inner .wrap .box a p {
line-height: 1;
}
.recruit-cta .inner .wrap .box a p.en {
font-size: 34px;
font-size: 3.4rem;
}
.recruit-cta .inner .wrap .box a p.title {
font-size: 37px;
font-size: 3.7rem;
margin-top: 8px;
font-weight: bold;
}
.recruit-cta .inner .wrap .box a p.txt {
font-size: 20px;
font-size: 2rem;
line-height: 1.8;
margin-top: 27px;
font-weight: bold;
}
.recruit-cta .inner .wrap .box a:hover {
opacity: 0.7;
}
.recruit-cta .inner .wrap .box:nth-of-type(1) a {
border: 1px solid #D91118;
background-color: #fff;
}
.recruit-cta .inner .wrap .box:nth-of-type(1) a p.en {
color: #D91118;
}
.recruit-cta .inner .wrap .box:nth-of-type(1) a:after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/cta-youkou-arrow.png);
position: absolute;
right: 50px;
top: 50%;
transform: translateY(-50%);
}
.recruit-cta .inner .wrap .box:nth-last-of-type(1) a {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/cta-entry-bg.png);
background-size: cover;
background-color: transparent;
}
.recruit-cta .inner .wrap .box:nth-last-of-type(1) a p {
color: #fff;
}
.recruit-cta .inner .wrap .box:nth-last-of-type(1) a p.en {
color: #fff;
opacity: 0.7;
}
.recruit-cta .inner .wrap .box:nth-last-of-type(1) a:after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/cta-entry-arrow.png);
position: absolute;
right: 50px;
top: 50%;
transform: translateY(-50%);
} .u-main {
width: 100%;
height: 360px;
margin: 92px auto 0;
display: flex;
}
.u-main .main-left {
width: 8.2vw;
height: 360px;
border-radius: 0 10px 10px 0;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/page-main-left.png);
background-repeat: repeat-x;
position: relative;
z-index: 10;
}
.u-main .main-txt {
display: inline-flex;
height: 360px;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0 9.5vw;
position: relative;
z-index: 10;
}
.u-main .main-txt .en {
font-size: 64px;
font-size: 6.4rem;
line-height: 1;
color: #707070;
}
.u-main .main-txt h1 {
font-size: 34px;
font-size: 3.4rem;
line-height: 1;
margin-top: 26px;
}
.u-main .main-right {
height: 360px;
flex-grow: 1;
border-radius: 10px 0 0 10px;
background-size: cover;
}
.recruit-page.u-main .main-left {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/recrit-main-left.png);
}
.recruit-page.u-main .main-txt {
background-image: none;
}
.recruit-page.u-main .main-txt p.en {
color: #D91118;
}
.u-contents > *:first-child {
margin-top: 0 !important;
}
.no-mt {
margin-top: 0 !important;
}
.u-contents {
width: 1000px;
margin: 0 auto;
padding: 100px 0 160px;
}
.u-contents h2 + *,
.u-contents h3 + *,
.u-contents h4 + *,
.u-contents h5 + *,
.u-contents h6 + * {
margin-top: 0 !important;
}
.u-contents h2 {
margin: 120px 0 26px;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.4;
color: #393939;
padding-bottom: 10px;
border-bottom: 2px solid #CECECE;
}
.u-contents h3 {
margin: 68px 0 20px;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.5;
text-indent: -1em;
margin-left: 1em;
}
.u-contents h3:before {
content: "";
display: block;
width: 14px;
height: 15px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/icon-h3.png);
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -5px;
}
.u-contents h4 {
margin: 52px 0 16px;
font-size: 20px;
font-size: 2rem;
border-left: 4px solid #707070;
line-height: 1.5;
padding: 0 16px;
margin-bottom: 26px;
}
.u-contents h5 {
margin: 42px 0 12px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
color: #707070;
}
.u-contents h6 {
margin: 20px 0 16px;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.5;
font-weight: bold;
}
.u-contents p {
margin-top: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.u-contents dt,
.u-contents dd {
font-size: 16px;
font-size: 1.6rem;
}
.u-contents ul {
margin-top: 40px;
padding-left: 0;
}
.u-contents ul li {
list-style-type: none;
display: flex;
align-items: center;
}
.u-contents ul li:before {
content: "⚫︎";
font-size: 10px;
color: #707070;
margin-right: 5px;
}
.u-contents ol {
list-style-type: none;
counter-reset: count 0;
margin-top: 40px;
padding-left: 0;
}
.u-contents ol li {
display: flex;
}
.u-contents ol li a {
text-decoration: none;
}
.u-contents ol li a:hover {
color: #707070;
}
.u-contents ol li:before {
content: counter(count) ". ";
counter-increment: count 1;
color: #707070;
padding-left: 3px;
margin-right: 5px;
font-weight: bold;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table,
.u-contents table {
margin-top: 40px;
border-collapse: collapse;
border: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr,
.u-contents table tr {
border-bottom: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td,
.u-contents table tr th,
.u-contents table tr td {
line-height: 1.3;
font-size: 16px;
font-size: 1.6rem;
padding: 15px 30px;
text-align: left;
border-color: #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table thead th,
.u-contents table thead th {
background-color: #F2F2F2;
border-right: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody th,
.u-contents table tbody th {
background-color: #F2F2F2;
border-right: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody td,
.u-contents table tbody td {
border-right: 1px solid #000;
}
.u-contents blockquote {
margin: 42px 0 68px;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
padding: 26px 80px;
border-bottom: 1px solid #707070;
border-top: 1px solid #707070;
position: relative;
}
.u-contents blockquote cite {
display: block;
text-align: right;
margin-top: 20px;
font-size: 12px;
font-size: 1.2rem;
}
.u-contents blockquote::before {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/icon-blockquote.png);
position: absolute;
top: -10px;
left: 20px;
}
.u-contents blockquote::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/icon-blockquote-end.png);
position: absolute;
bottom: -19px;
right: 20px;
}
.u-contents .faq-box {
margin-top: 50px;
}
.u-contents .faq-box p.que {
display: flex;
align-items: center;
background-color: #F6F6F6;
line-height: 1.4;
color: #393939;
font-weight: bold;
padding: 15px;
}
.u-contents .faq-box p.que span.en {
padding: 0 10px 0 0;
font-size: 27px;
font-size: 2.7rem;
line-height: 1;
position: relative;
color: #707070;
}
.u-contents .faq-box p.que span.title {
font-size: 18px;
font-size: 1.8rem;
padding-left: 20px;
border-left: 1px solid #707070;
}
.u-contents .wp-block-image {
margin-top: 40px;
}
.u-contents .wp-block-image img {
max-width: 100%;
height: auto;
}
.u-contents .wp-block-image figcaption {
font-size: 12px;
font-size: 1.2rem;
margin-top: 16px;
}
.u-contents .wp-block-buttons {
margin-top: 40px;
}
.u-contents .wp-block-column > :first-child,
.u-contents .wp-block-group__inner-container > :first-child,
.u-contents .wp-block-media-text__content > :first-child,
.u-contents blockquote.wp-block-quote > :first-child {
margin-top: 0 !important;
}
.u-contents .wp-block-column > :last-child,
.u-contents .wp-block-group__inner-container > :last-child,
.u-contents .wp-block-media-text__content > :last-child,
.u-contents blockquote.wp-block-quote > :last-child {
margin-bottom: 0 !important;
}
.post-type-archive-job-description .u-contents table,
.single-job-description .u-contents table {
width: 100%;
}
.post-type-archive-job-description .u-contents .c-for-list a,
.single-job-description .u-contents .c-for-list a {
margin: 40px auto 0;
}
.post-type-archive-job-description .u-contents .c-for-list.for-entry a,
.single-job-description .u-contents .c-for-list.for-entry a {
background: linear-gradient(0, #D91118, #FF5D62);
color: #fff;
}
.post-type-archive-job-description .u-contents .recruit-flow p,
.single-job-description .u-contents .recruit-flow p {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
position: relative;
margin-top: 40px;
}
.post-type-archive-job-description .u-contents .recruit-flow p::after,
.single-job-description .u-contents .recruit-flow p::after {
content: "▼";
font-size: 16px;
font-size: 1.6rem;
position: absolute;
left: 5%;
bottom: -30px;
}
.post-type-archive-job-description .u-contents .recruit-flow p span,
.single-job-description .u-contents .recruit-flow p span {
display: inline-block;
padding: 20px 30px;
background-color: #F4CFCF;
margin-top: 10px;
}
.post-type-archive-job-description .u-contents .recruit-flow p:nth-last-of-type(1)::after,
.single-job-description .u-contents .recruit-flow p:nth-last-of-type(1)::after {
content: none;
} .page-recruit .u-contents {
width: 100%;
}
.message {
position: relative;
}
.message img.hayashi {
position: absolute;
left: 50%;
margin-left: 132px;
top: -36px;
}
.message .h2-wrap {
width: 1000px;
margin: 0 auto;
}
.message .h2-wrap .en {
font-size: 50px;
font-size: 5rem;
color: #D91118;
}
.message .h2-wrap h2 {
font-size: 28px;
font-size: 2.8rem;
margin-top: 0;
border-bottom: none;
}
.message .bg-wrap {
background-color: #F6F6F6;
padding: 60px 0;
}
.message .bg-wrap .inner {
width: 1000px;
margin: 0 auto;
}
.message .bg-wrap .inner h3 {
width: 600px;
margin-top: 0;
}
.message .bg-wrap .inner .greeting {
padding: 50px 60px;
margin-top: 70px !important;
background-color: #fff;
font-size: 16px;
font-size: 1.6rem;
}
.message .bg-wrap .inner .greeting p:nth-of-type(1) {
margin-top: 0;
}
.message .bg-wrap .inner p.name {
text-align: right;
font-size: 23px;
font-size: 2.3rem;
}
.message .bg-wrap .inner p.name span {
font-size: 16px;
font-size: 1.6rem;
}
.about-hayashi {
position: relative;
padding: 120px 0;
}
.about-hayashi .h2-wrap {
width: 1000px;
margin: 0 auto;
}
.about-hayashi .h2-wrap .en {
font-size: 50px;
font-size: 5rem;
color: #D91118;
}
.about-hayashi .h2-wrap h2 {
font-size: 28px;
font-size: 2.8rem;
margin-top: 0;
border-bottom: none;
}
.about-hayashi .inner {
width: 1000px;
margin: 0 auto;
}
.about-hayashi .inner h3 {
margin-top: 0;
}
.about-hayashi .inner .wrap {
display: flex;
justify-content: space-between;
}
.about-hayashi .inner .wrap .txt {
width: 402px;
}
.about-hayashi .inner .wrap .image {
width: 50%;
}
.about-hayashi .inner .wrap .image img {
margin: 0 auto;
}
.about-hayashi .inner .wrap .box {
width: 241px;
height: 166px;
background-color: #F6F6F6;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
margin-top: 30px;
border-radius: 10px;
}
.about-hayashi .inner .wrap .box p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
margin: 0;
font-weight: bold;
}
.about-hayashi .c-for-list {
margin-top: 60px;
}
.about-hayashi .c-for-list a {
width: 370px;
margin: 0 auto;
}
.about-job {
background-color: #F6F6F6;
padding: 120px 0;
}
.about-job .h2-wrap {
width: 1000px;
margin: 0 auto;
}
.about-job .h2-wrap .en {
font-size: 50px;
font-size: 5rem;
color: #D91118;
}
.about-job .h2-wrap h2 {
font-size: 28px;
font-size: 2.8rem;
margin-top: 0;
border-bottom: none;
padding-bottom: 0;
}
.about-job .inner {
width: 1000px;
margin: 0 auto;
}
.about-job .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.about-job .wrap .box {
width: 480px;
height: 392px;
position: relative;
margin-top: 60px;
}
.about-job .wrap .box a .image {
width: 460px;
height: 352px;
border-radius: 10px;
overflow: hidden;
}
.about-job .wrap .box a .txt {
position: absolute;
width: 390px;
padding: 30px 40px;
bottom: 0;
right: 0;
border-bottom: 2px solid #D91118;
background-color: #fff;
}
.about-job .wrap .box a .txt p {
margin: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.4;
}
.about-job .wrap .box a .txt p.title {
font-size: 22px;
font-size: 2.2rem;
font-weight: bold;
color: #D91118;
margin-bottom: 14px;
}
.about-job .wrap .box a .txt p.title span {
font-size: 14px;
font-size: 1.4rem;
display: block;
}
.about-job .wrap .box a .txt::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red.png);
position: absolute;
right: 20px;
bottom: 30px;
}
.about-job .wrap .box a:hover {
opacity: 0.7;
}
.job-faq {
width: 1000px;
margin: 0 auto;
}
.job-faq .c-for-list {
margin-top: 60px;
}
.job-faq .c-for-list a {
margin: 0 auto;
}
.for-parent {
width: 1000px;
height: 406px;
margin: 120px auto 0;
border-radius: 20px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/parent-bg.png);
padding: 60px;
}
.for-parent h2 {
width: 680px;
padding: 10px 30px;
font-size: 28px;
background-color: #fff;
font-weight: bold;
margin: 0 0 18px;
border-bottom: none;
}
.for-parent .c-for-list a {
width: 466px;
border-color: #D91118;
}
@media screen and (max-width: 767px) {
.message {
position: relative;
}
.message img.hayashi {
position: absolute;
zoom: 0.5;
left: auto;
right: 10px;
margin-left: 0;
top: -106px;
}
.message .h2-wrap {
width: 92%;
margin: 0 auto;
}
.message .h2-wrap .en {
font-size: 30px;
font-size: 3rem;
}
.message .h2-wrap h2 {
font-size: 23px;
font-size: 2.3rem;
}
.message .bg-wrap {
background-color: #F6F6F6;
padding: 52px 0 30px;
}
.message .bg-wrap .inner {
width: 92%;
margin: 0 auto;
}
.message .bg-wrap .inner h3 {
width: 92%;
}
.message .bg-wrap .inner .greeting {
margin-top: 30px !important;
padding: 25px 20px;
}
.about-hayashi {
position: relative;
padding: 60px 0 10px;
}
.about-hayashi .h2-wrap {
width: 92%;
margin: 0 auto;
}
.about-hayashi .h2-wrap .en {
font-size: 30px;
font-size: 3rem;
}
.about-hayashi .h2-wrap h2 {
font-size: 23px;
font-size: 2.3rem;
margin: 0;
padding-bottom: 0;
}
.about-hayashi .inner {
width: 92%;
margin: 0 auto;
}
.about-hayashi .inner h3 {
margin-top: 32px !important;
}
.about-hayashi .inner .wrap {
display: block;
}
.about-hayashi .inner .wrap .txt {
width: 100%;
}
.about-hayashi .inner .wrap .image {
width: 100%;
}
.about-hayashi .inner .wrap .image img {
margin: 0 auto;
}
.about-hayashi .inner .wrap .box {
width: 100%;
height: auto;
display: block;
padding: 20px;
margin-top: 12px;
}
.about-hayashi .c-for-list {
margin-top: 40px;
}
.about-hayashi .c-for-list a {
width: 92%;
margin: 0 auto;
}
.about-job {
background-color: #F6F6F6;
padding: 60px 0;
}
.about-job .h2-wrap {
width: 92%;
margin: 0 auto;
}
.about-job .h2-wrap .en {
font-size: 30px;
font-size: 3rem;
}
.about-job .h2-wrap h2 {
font-size: 23px;
font-size: 2.3rem;
}
.about-job .inner {
width: 92%;
margin: 0 auto;
}
.about-job .inner h3 {
margin-top: 0;
}
.about-job .wrap {
display: block;
}
.about-job .wrap .box {
width: 100%;
height: auto;
margin-top: 30px;
}
.about-job .wrap .box a .image {
width: 52vw;
height: 40vw;
border-radius: 10px;
overflow: hidden;
}
.about-job .wrap .box a .txt {
position: absolute;
width: 60vw;
padding: 15px;
bottom: 0;
right: 0;
border-bottom: 2px solid #D91118;
background-color: #fff;
}
.about-job .wrap .box a .txt p {
width: 93%;
margin: 0;
font-size: 3.2vw;
line-height: 1.4;
}
.about-job .wrap .box a .txt p.title {
font-size: 19px;
font-size: 1.9rem;
font-weight: bold;
color: #D91118;
margin-bottom: 14px;
}
.about-job .wrap .box a .txt p.title span {
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
margin-right: 10px;
}
.about-job .wrap .box a .txt::after {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red.png);
background-size: cover;
position: absolute;
right: 10px;
bottom: 10px;
}
.job-faq {
width: 92%;
}
.job-faq .c-for-list {
margin-top: 30px;
}
.for-parent {
width: 92%;
height: auto;
margin: 74px auto 0;
border-radius: 10px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/parent-bg-sp.png);
background-size: cover;
padding: 40px 21px;
position: relative;
}
.for-parent img.parent-bg-sp {
position: absolute;
right: 2%;
top: 50%;
transform: translateY(-50%);
zoom: 0.5;
height: auto;
}
.for-parent h2 {
width: 100%;
padding: 10px 15px;
font-size: 23px;
font-size: 2.3rem;
background-color: #fff;
font-weight: bold;
margin: 0 0 18px !important;
border-bottom: none !important;
}
.for-parent p {
width: 58%;
}
.for-parent .c-for-list {
margin: 30px auto 0;
}
.for-parent .c-for-list a {
width: 92%;
border-color: #D91118;
line-height: 1.3;
border-radius: 40px;
}
} .page-job .u-contents {
width: 100%;
}
.page-job .page-link {
display: flex;
justify-content: center;
}
.page-job .page-link a {
padding: 10px;
border-bottom: 1px solid #000;
margin: 0 20px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
text-decoration: none;
line-height: 1;
}
.page-job .page-link a::before {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/icon-page-link.png);
margin-right: 10px;
}
.page-job .page-link a:hover {
color: #D91118;
}
.page-job .exterior,
.page-job .reform,
.page-job .business,
.page-job .manegement {
margin-top: 80px;
}
.page-job .exterior .interview-main,
.page-job .reform .interview-main,
.page-job .business .interview-main,
.page-job .manegement .interview-main {
padding-top: 40px;
position: relative;
}
.page-job .exterior .interview-main .bg-right,
.page-job .reform .interview-main .bg-right,
.page-job .business .interview-main .bg-right,
.page-job .manegement .interview-main .bg-right {
width: 50vw;
height: 390px;
position: absolute;
right: 0;
top: 0;
background-color: #F6F6F6;
border-radius: 10px;
}
.page-job .exterior .interview-main .bg-left,
.page-job .reform .interview-main .bg-left,
.page-job .business .interview-main .bg-left,
.page-job .manegement .interview-main .bg-left {
width: 50vw;
height: 390px;
position: absolute;
left: 0;
top: 0;
background-color: #F6F6F6;
border-radius: 10px;
}
.page-job .exterior .interview-main .inner,
.page-job .reform .interview-main .inner,
.page-job .business .interview-main .inner,
.page-job .manegement .interview-main .inner {
width: 1000px;
margin: 0 auto;
}
.page-job .exterior .interview-main .inner .image,
.page-job .reform .interview-main .inner .image,
.page-job .business .interview-main .inner .image,
.page-job .manegement .interview-main .inner .image {
width: 1000px;
height: 390px;
position: relative;
z-index: 9;
border-radius: 10px;
overflow: hidden;
}
.page-job .exterior .interview-main .inner .txt,
.page-job .reform .interview-main .inner .txt,
.page-job .business .interview-main .inner .txt,
.page-job .manegement .interview-main .inner .txt {
display: inline-block;
padding: 25px 40px;
background-color: #fff;
border-top: 2px solid #D91118;
border-right: 2px solid #D91118;
margin-top: -90px;
position: relative;
z-index: 10;
}
.page-job .exterior .interview-main .inner .txt h2,
.page-job .reform .interview-main .inner .txt h2,
.page-job .business .interview-main .inner .txt h2,
.page-job .manegement .interview-main .inner .txt h2 {
font-size: 35px;
font-size: 3.5rem;
border-bottom: none;
color: #D91118;
margin: 0;
padding: 0;
}
.page-job .exterior .interview-main .inner .txt span,
.page-job .reform .interview-main .inner .txt span,
.page-job .business .interview-main .inner .txt span,
.page-job .manegement .interview-main .inner .txt span {
font-size: 20px;
font-size: 2rem;
display: block;
}
.page-job .exterior .inner,
.page-job .reform .inner,
.page-job .business .inner,
.page-job .manegement .inner {
width: 1000px;
margin: 0 auto;
}
.page-job .exterior .inner ul,
.page-job .reform .inner ul,
.page-job .business .inner ul,
.page-job .manegement .inner ul {
width: 700px;
display: flex;
flex-wrap: wrap;
}
.page-job .exterior .inner ul li,
.page-job .reform .inner ul li,
.page-job .business .inner ul li,
.page-job .manegement .inner ul li {
margin-right: 30px;
margin-top: 10px;
font-weight: bold;
}
.page-job .exterior .inner .schedule-wrap,
.page-job .reform .inner .schedule-wrap,
.page-job .business .inner .schedule-wrap,
.page-job .manegement .inner .schedule-wrap {
margin-top: 20px !important;
display: flex;
justify-content: space-between;
}
.page-job .exterior .inner .schedule-wrap .box,
.page-job .reform .inner .schedule-wrap .box,
.page-job .business .inner .schedule-wrap .box,
.page-job .manegement .inner .schedule-wrap .box {
width: 496px;
}
.page-job .exterior .inner .schedule-wrap .box dl,
.page-job .reform .inner .schedule-wrap .box dl,
.page-job .business .inner .schedule-wrap .box dl,
.page-job .manegement .inner .schedule-wrap .box dl {
display: flex;
margin-bottom: 20px;
}
.page-job .exterior .inner .schedule-wrap .box dl dt,
.page-job .reform .inner .schedule-wrap .box dl dt,
.page-job .business .inner .schedule-wrap .box dl dt,
.page-job .manegement .inner .schedule-wrap .box dl dt {
border: 1px solid #D91118;
color: #D91118;
font-size: 18px;
font-size: 1.8rem;
width: 70px;
height: 31px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 16px;
}
.page-job .exterior .inner .schedule-wrap .box dl dd,
.page-job .reform .inner .schedule-wrap .box dl dd,
.page-job .business .inner .schedule-wrap .box dl dd,
.page-job .manegement .inner .schedule-wrap .box dl dd {
width: 390px;
}
.page-job .exterior .inner .schedule-wrap .box:nth-last-of-type(1),
.page-job .reform .inner .schedule-wrap .box:nth-last-of-type(1),
.page-job .business .inner .schedule-wrap .box:nth-last-of-type(1),
.page-job .manegement .inner .schedule-wrap .box:nth-last-of-type(1) {
padding-left: 40px;
border-left: 1px solid #000;
}
.page-job .exterior .inner .wrap,
.page-job .reform .inner .wrap,
.page-job .business .inner .wrap,
.page-job .manegement .inner .wrap {
display: flex;
justify-content: space-between;
}
.page-job .exterior .inner .wrap .box,
.page-job .reform .inner .wrap .box,
.page-job .business .inner .wrap .box,
.page-job .manegement .inner .wrap .box {
width: 290px;
}
.page-job .exterior .inner .wrap .box p,
.page-job .reform .inner .wrap .box p,
.page-job .business .inner .wrap .box p,
.page-job .manegement .inner .wrap .box p {
margin-top: 8px;
}
.page-job .exterior .inner .wrap .box p.title,
.page-job .reform .inner .wrap .box p.title,
.page-job .business .inner .wrap .box p.title,
.page-job .manegement .inner .wrap .box p.title {
font-size: 18px;
font-size: 1.8rem;
background-color: #F6F6F6;
border-bottom: 2px solid #D91118;
font-weight: bold;
text-align: center;
padding: 10px 0;
}
.page-job .exterior .interview-wrap,
.page-job .reform .interview-wrap,
.page-job .business .interview-wrap,
.page-job .manegement .interview-wrap {
background-color: #F6F6F6;
border-radius: 20px;
margin-top: 80px;
padding: 80px 40px;
}
.page-job .exterior .interview-wrap p.title.playfair-display-semibold,
.page-job .reform .interview-wrap p.title.playfair-display-semibold,
.page-job .business .interview-wrap p.title.playfair-display-semibold,
.page-job .manegement .interview-wrap p.title.playfair-display-semibold {
display: flex;
align-items: center;
color: #707070;
margin-top: 0;
line-height: 1;
font-size: 44px;
font-size: 4.4rem;
}
.page-job .exterior .interview-wrap p.title.playfair-display-semibold span,
.page-job .reform .interview-wrap p.title.playfair-display-semibold span,
.page-job .business .interview-wrap p.title.playfair-display-semibold span,
.page-job .manegement .interview-wrap p.title.playfair-display-semibold span {
font-size: 24px;
font-size: 2.4rem;
color: #000;
}
.page-job .exterior .interview-wrap p.title.playfair-display-semibold img,
.page-job .reform .interview-wrap p.title.playfair-display-semibold img,
.page-job .business .interview-wrap p.title.playfair-display-semibold img,
.page-job .manegement .interview-wrap p.title.playfair-display-semibold img {
margin: 0 16px;
}
.page-job .exterior .interview-wrap .intro,
.page-job .reform .interview-wrap .intro,
.page-job .business .interview-wrap .intro,
.page-job .manegement .interview-wrap .intro {
margin-top: 60px;
width: 920px;
height: 300px;
background-position: right top;
background-repeat: no-repeat;
padding-top: 30px;
position: relative;
}
.page-job .exterior .interview-wrap .intro .catch,
.page-job .reform .interview-wrap .intro .catch,
.page-job .business .interview-wrap .intro .catch,
.page-job .manegement .interview-wrap .intro .catch {
max-width: 510px;
background-color: #fff;
padding: 10px;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.5;
}
.page-job .exterior .interview-wrap .intro p.career,
.page-job .reform .interview-wrap .intro p.career,
.page-job .business .interview-wrap .intro p.career,
.page-job .manegement .interview-wrap .intro p.career {
position: absolute;
left: 0;
bottom: 0;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
.page-job .exterior .interview-wrap p.interview-head,
.page-job .reform .interview-wrap p.interview-head,
.page-job .business .interview-wrap p.interview-head,
.page-job .manegement .interview-wrap p.interview-head {
border-left: 4px solid #707070;
padding-left: 16px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
margin-bottom: 16px;
}
.page-job .exterior .interview-wrap .wrap,
.page-job .reform .interview-wrap .wrap,
.page-job .business .interview-wrap .wrap,
.page-job .manegement .interview-wrap .wrap {
display: flex;
margin-top: 52px;
}
.page-job .exterior .interview-wrap .wrap .image,
.page-job .reform .interview-wrap .wrap .image,
.page-job .business .interview-wrap .wrap .image,
.page-job .manegement .interview-wrap .wrap .image {
width: 440px;
}
.page-job .exterior .interview-wrap .wrap .txt,
.page-job .reform .interview-wrap .wrap .txt,
.page-job .business .interview-wrap .wrap .txt,
.page-job .manegement .interview-wrap .wrap .txt {
width: 440px;
}
.page-job .exterior .interview-wrap .wrap .txt p.interview-head,
.page-job .reform .interview-wrap .wrap .txt p.interview-head,
.page-job .business .interview-wrap .wrap .txt p.interview-head,
.page-job .manegement .interview-wrap .wrap .txt p.interview-head {
margin-top: 0;
}
.page-job .exterior .interview-wrap .for-seekers,
.page-job .reform .interview-wrap .for-seekers,
.page-job .business .interview-wrap .for-seekers,
.page-job .manegement .interview-wrap .for-seekers {
margin-top: 56px;
display: flex;
justify-content: space-between;
}
.page-job .exterior .interview-wrap .for-seekers .txt,
.page-job .reform .interview-wrap .for-seekers .txt,
.page-job .business .interview-wrap .for-seekers .txt,
.page-job .manegement .interview-wrap .for-seekers .txt {
width: 670px;
}
.page-job .exterior .interview-wrap .for-seekers .txt p,
.page-job .reform .interview-wrap .for-seekers .txt p,
.page-job .business .interview-wrap .for-seekers .txt p,
.page-job .manegement .interview-wrap .for-seekers .txt p {
margin-top: 0;
}
.page-job .exterior .interview-wrap .for-seekers .txt p.title,
.page-job .reform .interview-wrap .for-seekers .txt p.title,
.page-job .business .interview-wrap .for-seekers .txt p.title,
.page-job .manegement .interview-wrap .for-seekers .txt p.title {
text-align: center;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
padding: 6px 0;
background-color: #fff;
color: #393939;
line-height: 1;
margin-bottom: 21px;
}
.page-job .exterior .interview-wrap .for-seekers .image,
.page-job .reform .interview-wrap .for-seekers .image,
.page-job .business .interview-wrap .for-seekers .image,
.page-job .manegement .interview-wrap .for-seekers .image {
width: 226px;
height: auto;
}
.page-job .exterior .for-top,
.page-job .reform .for-top,
.page-job .business .for-top,
.page-job .manegement .for-top {
text-align: right;
margin-top: 16px;
}
.page-job .exterior .for-top a,
.page-job .reform .for-top a,
.page-job .business .for-top a,
.page-job .manegement .for-top a {
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
}
.page-job .btn-area {
width: 753px;
margin: 23px auto 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.page-job .btn-area .c-for-list {
margin-top: 0;
}
.page-job .btn-area .c-for-list a {
margin: 0;
}
.page-job .btn-area .c-for-list:nth-of-type(1) a {
width: 450px;
border: 1px solid #D91118;
}
.page-job .btn-area .c-for-list:nth-of-type(1) a::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red.png);
}
.page-job .exterior .interview-wrap .intro {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/interview01-2.jpg);
}
.page-job .reform .interview-wrap .intro {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/interview02-2.jpg);
}
.page-job .business .interview-wrap .intro {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/interview03-2.jpg);
}
.page-job .manegement .interview-wrap .intro {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/interview04-2.jpg);
}
@media screen and (max-width: 767px) {
.page-job .u-contents {
width: 100%;
}
.page-job .page-link {
flex-wrap: wrap;
justify-content: flex-start;
}
.page-job .page-link a {
margin: 30px 20px 0;
font-size: 16px;
font-size: 1.6rem;
}
.page-job .exterior,
.page-job .reform,
.page-job .business,
.page-job .manegement {
margin-top: 74px;
}
.page-job .exterior .interview-main,
.page-job .reform .interview-main,
.page-job .business .interview-main,
.page-job .manegement .interview-main {
padding-top: 20px;
}
.page-job .exterior .interview-main .bg-right,
.page-job .reform .interview-main .bg-right,
.page-job .business .interview-main .bg-right,
.page-job .manegement .interview-main .bg-right {
width: 90vw;
height: 55vw;
border-radius: 0;
}
.page-job .exterior .interview-main .bg-left,
.page-job .reform .interview-main .bg-left,
.page-job .business .interview-main .bg-left,
.page-job .manegement .interview-main .bg-left {
width: 90vw;
height: 55vw;
border-radius: 0;
}
.page-job .exterior .interview-main .inner,
.page-job .reform .interview-main .inner,
.page-job .business .interview-main .inner,
.page-job .manegement .interview-main .inner {
width: 92%;
margin: 0 auto;
}
.page-job .exterior .interview-main .inner .image,
.page-job .reform .interview-main .inner .image,
.page-job .business .interview-main .inner .image,
.page-job .manegement .interview-main .inner .image {
width: 100%;
height: auto;
}
.page-job .exterior .interview-main .inner .txt,
.page-job .reform .interview-main .inner .txt,
.page-job .business .interview-main .inner .txt,
.page-job .manegement .interview-main .inner .txt {
padding: 15px 30px;
margin-top: -90px;
}
.page-job .exterior .interview-main .inner .txt h2,
.page-job .reform .interview-main .inner .txt h2,
.page-job .business .interview-main .inner .txt h2,
.page-job .manegement .interview-main .inner .txt h2 {
font-size: 25px;
font-size: 2.5rem;
}
.page-job .exterior .interview-main .inner .txt span,
.page-job .reform .interview-main .inner .txt span,
.page-job .business .interview-main .inner .txt span,
.page-job .manegement .interview-main .inner .txt span {
font-size: 16px;
font-size: 1.6rem;
display: inline;
}
.page-job .exterior .inner,
.page-job .reform .inner,
.page-job .business .inner,
.page-job .manegement .inner {
width: 92%;
margin: 30px auto 0;
}
.page-job .exterior .inner h3,
.page-job .reform .inner h3,
.page-job .business .inner h3,
.page-job .manegement .inner h3 {
margin-top: 60px;
}
.page-job .exterior .inner h3:nth-of-type(1),
.page-job .reform .inner h3:nth-of-type(1),
.page-job .business .inner h3:nth-of-type(1),
.page-job .manegement .inner h3:nth-of-type(1) {
margin-top: 30px;
}
.page-job .exterior .inner ul,
.page-job .reform .inner ul,
.page-job .business .inner ul,
.page-job .manegement .inner ul {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.page-job .exterior .inner ul li,
.page-job .reform .inner ul li,
.page-job .business .inner ul li,
.page-job .manegement .inner ul li {
margin-right: 10px;
}
.page-job .exterior .inner .schedule-wrap,
.page-job .reform .inner .schedule-wrap,
.page-job .business .inner .schedule-wrap,
.page-job .manegement .inner .schedule-wrap {
display: block;
}
.page-job .exterior .inner .schedule-wrap .box,
.page-job .reform .inner .schedule-wrap .box,
.page-job .business .inner .schedule-wrap .box,
.page-job .manegement .inner .schedule-wrap .box {
width: 100%;
}
.page-job .exterior .inner .schedule-wrap .box dl,
.page-job .reform .inner .schedule-wrap .box dl,
.page-job .business .inner .schedule-wrap .box dl,
.page-job .manegement .inner .schedule-wrap .box dl {
display: flex;
margin-bottom: 16px;
}
.page-job .exterior .inner .schedule-wrap .box dl dt,
.page-job .reform .inner .schedule-wrap .box dl dt,
.page-job .business .inner .schedule-wrap .box dl dt,
.page-job .manegement .inner .schedule-wrap .box dl dt {
font-size: 18px;
font-size: 1.8rem;
}
.page-job .exterior .inner .schedule-wrap .box dl dd,
.page-job .reform .inner .schedule-wrap .box dl dd,
.page-job .business .inner .schedule-wrap .box dl dd,
.page-job .manegement .inner .schedule-wrap .box dl dd {
width: calc(100% - 76px);
}
.page-job .exterior .inner .schedule-wrap .box:nth-last-of-type(1),
.page-job .reform .inner .schedule-wrap .box:nth-last-of-type(1),
.page-job .business .inner .schedule-wrap .box:nth-last-of-type(1),
.page-job .manegement .inner .schedule-wrap .box:nth-last-of-type(1) {
padding-left: 0;
border-left: transparent;
}
.page-job .exterior .inner .wrap,
.page-job .reform .inner .wrap,
.page-job .business .inner .wrap,
.page-job .manegement .inner .wrap {
display: block;
}
.page-job .exterior .inner .wrap .box,
.page-job .reform .inner .wrap .box,
.page-job .business .inner .wrap .box,
.page-job .manegement .inner .wrap .box {
width: 100%;
margin-bottom: 20px;
}
.page-job .exterior .inner .wrap .box p,
.page-job .reform .inner .wrap .box p,
.page-job .business .inner .wrap .box p,
.page-job .manegement .inner .wrap .box p {
margin-top: 8px;
}
.page-job .exterior .interview-wrap,
.page-job .reform .interview-wrap,
.page-job .business .interview-wrap,
.page-job .manegement .interview-wrap {
border-radius: 10px;
margin-top: 60px;
padding: 40px 20px;
}
.page-job .exterior .interview-wrap p.title.playfair-display-semibold,
.page-job .reform .interview-wrap p.title.playfair-display-semibold,
.page-job .business .interview-wrap p.title.playfair-display-semibold,
.page-job .manegement .interview-wrap p.title.playfair-display-semibold {
display: block;
font-size: 30px;
font-size: 3rem;
}
.page-job .exterior .interview-wrap p.title.playfair-display-semibold span,
.page-job .reform .interview-wrap p.title.playfair-display-semibold span,
.page-job .business .interview-wrap p.title.playfair-display-semibold span,
.page-job .manegement .interview-wrap p.title.playfair-display-semibold span {
font-size: 14px;
font-size: 1.4rem;
color: #000;
display: block;
margin-top: 10px;
}
.page-job .exterior .interview-wrap p.title.playfair-display-semibold img,
.page-job .reform .interview-wrap p.title.playfair-display-semibold img,
.page-job .business .interview-wrap p.title.playfair-display-semibold img,
.page-job .manegement .interview-wrap p.title.playfair-display-semibold img {
display: none;
}
.page-job .exterior .interview-wrap .intro,
.page-job .reform .interview-wrap .intro,
.page-job .business .interview-wrap .intro,
.page-job .manegement .interview-wrap .intro {
margin-top: 30px;
width: 100%;
height: auto;
background-image: none;
padding-top: 0;
position: relative;
}
.page-job .exterior .interview-wrap .intro img,
.page-job .reform .interview-wrap .intro img,
.page-job .business .interview-wrap .intro img,
.page-job .manegement .interview-wrap .intro img {
width: 100%;
height: auto;
}
.page-job .exterior .interview-wrap .intro .catch,
.page-job .reform .interview-wrap .intro .catch,
.page-job .business .interview-wrap .intro .catch,
.page-job .manegement .interview-wrap .intro .catch {
max-width: 90%;
padding: 10px;
font-size: 21px;
font-size: 2.1rem;
margin-top: -34px;
position: relative;
}
.page-job .exterior .interview-wrap .intro p.career,
.page-job .reform .interview-wrap .intro p.career,
.page-job .business .interview-wrap .intro p.career,
.page-job .manegement .interview-wrap .intro p.career {
position: relative;
font-size: 16px;
font-size: 1.6rem;
margin-top: 20px;
}
.page-job .exterior .interview-wrap p.interview-head,
.page-job .reform .interview-wrap p.interview-head,
.page-job .business .interview-wrap p.interview-head,
.page-job .manegement .interview-wrap p.interview-head {
margin-top: 54px;
}
.page-job .exterior .interview-wrap .wrap,
.page-job .reform .interview-wrap .wrap,
.page-job .business .interview-wrap .wrap,
.page-job .manegement .interview-wrap .wrap {
display: block;
margin-top: 12px;
}
.page-job .exterior .interview-wrap .wrap .image,
.page-job .reform .interview-wrap .wrap .image,
.page-job .business .interview-wrap .wrap .image,
.page-job .manegement .interview-wrap .wrap .image {
width: 100%;
}
.page-job .exterior .interview-wrap .wrap .txt,
.page-job .reform .interview-wrap .wrap .txt,
.page-job .business .interview-wrap .wrap .txt,
.page-job .manegement .interview-wrap .wrap .txt {
width: 100%;
}
.page-job .exterior .interview-wrap .wrap .txt p.interview-head,
.page-job .reform .interview-wrap .wrap .txt p.interview-head,
.page-job .business .interview-wrap .wrap .txt p.interview-head,
.page-job .manegement .interview-wrap .wrap .txt p.interview-head {
margin-top: 54px;
}
.page-job .exterior .interview-wrap .for-seekers,
.page-job .reform .interview-wrap .for-seekers,
.page-job .business .interview-wrap .for-seekers,
.page-job .manegement .interview-wrap .for-seekers {
margin-top: 56px;
display: block;
}
.page-job .exterior .interview-wrap .for-seekers .txt,
.page-job .reform .interview-wrap .for-seekers .txt,
.page-job .business .interview-wrap .for-seekers .txt,
.page-job .manegement .interview-wrap .for-seekers .txt {
width: 100%;
}
.page-job .exterior .interview-wrap .for-seekers .txt::after,
.page-job .reform .interview-wrap .for-seekers .txt::after,
.page-job .business .interview-wrap .for-seekers .txt::after,
.page-job .manegement .interview-wrap .for-seekers .txt::after {
content: "";
display: block;
clear: both;
line-height: 0;
font-size: 0;
}
.page-job .exterior .interview-wrap .for-seekers .image,
.page-job .reform .interview-wrap .for-seekers .image,
.page-job .business .interview-wrap .for-seekers .image,
.page-job .manegement .interview-wrap .for-seekers .image {
width: 45%;
height: auto;
float: right;
}
.page-job .exterior .for-top,
.page-job .reform .for-top,
.page-job .business .for-top,
.page-job .manegement .for-top {
text-align: right;
margin-top: 16px;
}
.page-job .exterior .for-top a,
.page-job .reform .for-top a,
.page-job .business .for-top a,
.page-job .manegement .for-top a {
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
}
.page-job .btn-area {
width: 100%;
margin: 30px auto 0;
display: block;
}
.page-job .btn-area .c-for-list {
margin-top: 0;
}
.page-job .btn-area .c-for-list a {
margin: 0 auto;
}
.page-job .btn-area .c-for-list:nth-of-type(1) {
margin-bottom: 20px;
}
.page-job .btn-area .c-for-list:nth-of-type(1) a {
width: 100%;
border: 1px solid #D91118;
line-height: 1.3;
border-radius: 40px;
}
.page-job .btn-area .c-for-list:nth-of-type(1) a::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red.png);
}
} .business-detail {
background-color: #F6F6F6;
padding: 40px;
border-radius: 10px;
}
.business-detail dl {
display: flex;
margin-bottom: 16px;
}
.business-detail dl dt {
width: 124px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
border-bottom: 2px solid #D91118;
font-size: 16px;
font-weight: bold;
}
.business-detail dl dd {
width: calc(100% - 124px);
padding: 12px 20px;
}
.business-detail dl dd ul {
margin: 0;
}
.business-detail dl dd ul li {
display: block;
text-indent: -0.9em;
margin-left: 1em;
}
.business-detail dl:nth-last-of-type(1) {
margin-bottom: 0;
}
.business-detail p.com-logos {
margin-top: 0;
font-weight: bold;
font-size: 18px;
}
.b-voice {
background-color: #FDF5F5;
padding: 40px;
border-radius: 10px;
margin-top: 40px;
}
.b-voice h3 {
margin-top: 0;
}
.b-voice .wrap {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
}
.b-voice .wrap .image {
width: 234px;
}
.b-voice .wrap .txt {
width: 660px;
}
.b-voice .wrap .txt p {
margin-top: 8px;
}
.b-voice .wrap .txt p.company-name {
font-size: 20px;
font-weight: bold;
padding-left: 10px;
border-left: 4px solid #707070;
margin-top: 0;
}
.b-voice .wrap .txt p.title {
font-size: 18px;
margin-top: 16px;
font-weight: bold;
}
.b-voice .wrap:nth-last-of-type(1) {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.business-detail {
padding: 4%;
}
.business-detail dl {
display: block;
margin-bottom: 24px;
}
.business-detail dl dt {
width: 100%;
padding: 4%;
}
.business-detail dl dd {
width: 100%;
padding: 4%;
}
.u-contents .b-voice {
padding: 8% 4%;
margin-top: 40px;
}
.u-contents .b-voice h3 {
margin-top: 0;
}
.u-contents .b-voice .wrap {
display: block;
}
.u-contents .b-voice .wrap .image {
width: 100%;
height: auto;
}
.u-contents .b-voice .wrap .image img {
width: 100%;
height: auto;
}
.u-contents .b-voice .wrap .txt {
width: 100%;
margin-top: 24px;
}
.u-contents .b-voice .wrap .txt p {
margin-top: 8px;
}
.u-contents .b-voice .wrap .txt p.company-name {
font-size: 18px;
}
.u-contents .b-voice .wrap .txt p.title {
font-size: 16px;
}
} .page-for-family .u-contents {
width: 100%;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/family-bg.png);
background-position: top;
background-repeat: repeat-x;
}
.page-for-family .u-contents .contents-inner {
width: 1000px;
margin: 0 auto;
}
.page-for-family .u-contents .family-intro h2 {
font-size: 32px;
position: relative;
display: inline-block;
text-align: left;
border-bottom: none;
}
.page-for-family .u-contents .family-intro h2::after {
content: "";
display: block;
width: 100%;
height: 2px;
background: linear-gradient(45deg, #D91118, transparent);
position: absolute;
bottom: -2px;
left: 0;
}
.page-for-family .u-contents .welfare-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
}
.page-for-family .u-contents .welfare-wrap p {
margin-top: 0;
margin-bottom: 10px;
width: 192px;
height: 117px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 22px;
background-color: #FDF5F5;
border-radius: 10px;
line-height: 1.3;
}
.page-for-family .u-contents .think-about {
padding: 40px;
background-color: #FDF5F5;
border-radius: 10px;
margin-top: 60px;
}
.page-for-family .u-contents .think-about h3 {
margin-top: 0;
}
.page-for-family .u-contents .think-about dl {
margin-top: 12px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #CECECE;
}
.page-for-family .u-contents .think-about dl dt {
width: 645px;
font-size: 18px;
font-weight: bold;
padding: 10px 20px;
display: flex;
align-items: center;
}
.page-for-family .u-contents .think-about dl dd {
width: 275px;
display: flex;
align-items: center;
padding: 0;
font-size: 32px;
font-weight: bold;
}
.page-for-family .u-contents .think-about dl dd img {
margin: 0 30px;
}
.page-for-family .u-contents .think-about dl dd span.red {
font-size: 18px;
font-weight: bold;
color: #D91118;
margin-right: 8px;
}
.page-for-family .u-contents .think-about dl dd span.percent {
font-size: 16px;
margin-top: 13px;
}
.page-for-family .u-contents .good-about {
padding: 40px;
background-color: #FDF5F5;
border-radius: 10px;
margin-top: 60px;
}
.page-for-family .u-contents .good-about h3 {
margin-top: 0;
}
.page-for-family .u-contents .good-about dl {
display: flex;
align-items: center;
background-color: #fff;
border-radius: 10px;
margin-top: 12px;
padding: 12px 20px;
}
.page-for-family .u-contents .good-about dl dt {
width: 88px;
padding-right: 20px;
}
.page-for-family .u-contents .good-about dl dd {
width: calc(100% - 88px);
font-weight: bold;
font-size: 18px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.page-for-family .u-contents .contents-inner {
width: 92%;
margin: 0 auto;
}
.page-for-family .u-contents .family-intro h2 {
font-size: 23px !important;
}
.page-for-family .u-contents .welfare-wrap p {
margin-top: 0;
margin-bottom: 10px;
width: 48%;
height: auto;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 20px;
background-color: #FDF5F5;
border-radius: 10px;
line-height: 1.3;
padding: 4%;
}
.page-for-family .u-contents .think-about {
padding: 8% 4%;
}
.page-for-family .u-contents .think-about dl {
display: block;
}
.page-for-family .u-contents .think-about dl dt {
width: 100%;
font-size: 18px;
font-weight: bold;
padding: 10px 0 0;
display: block;
}
.page-for-family .u-contents .think-about dl dd {
width: 100%;
display: block;
text-align: right;
padding: 0 0 10px;
line-height: 1;
font-size: 40px;
font-weight: bold;
}
.page-for-family .u-contents .think-about dl dd img {
display: none;
}
.page-for-family .u-contents .think-about dl dd span.red {
font-size: 18px;
}
.page-for-family .u-contents .think-about dl dd span.percent {
font-size: 14px;
margin-top: 6px;
}
.page-for-family .u-contents .good-about {
padding: 8% 4%;
margin-top: 40px;
}
.page-for-family .u-contents .good-about h3 {
margin-top: 0;
}
.page-for-family .u-contents .good-about dl {
display: block;
padding: 8% 4%;
}
.page-for-family .u-contents .good-about dl dt {
width: 100%;
padding-right: 0;
}
.page-for-family .u-contents .good-about dl dt img {
margin: 0 auto;
}
.page-for-family .u-contents .good-about dl dd {
width: 100%;
font-weight: bold;
font-size: 16px;
line-height: 1.8;
margin-top: 10px;
}
} .skip-link {
position: absolute;
top: -40px; left: 0;
background: #000;
color: #fff;
padding: 8px 16px;
z-index: 1000;
text-decoration: none;
font-size: 16px;
transition: top 0.3s;
}
.skip-link:focus {
top: 0; }
.page-about .u-contents {
width: 100%;
}
.page-about .u-contents .h2-wrap .en {
font-size: 50px;
font-size: 5rem;
color: #D91118;
line-height: 1;
}
.page-about .u-contents .h2-wrap h2 {
font-size: 28px;
font-size: 2.8rem;
margin-top: 14px;
border-bottom: none;
padding-bottom: 0;
}
.page-about .about-intro {
width: 1000px;
margin: 0 auto;
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
}
.page-about .page-link {
margin-top: 60px;
display: flex;
justify-content: center;
}
.page-about .page-link a {
padding: 10px;
border-bottom: 1px solid #000;
margin: 0 20px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
text-decoration: none;
line-height: 1;
}
.page-about .page-link a::before {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/icon-page-link.png);
margin-right: 10px;
}
.page-about .page-link a:hover {
color: #D91118;
}
.page-about .data {
background-color: #F6F6F6;
margin-top: 120px;
padding: 120px 0 120px;
}
.page-about .data .inner {
width: 1000px;
margin: 0 auto;
}
.page-about .data .data-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
}
.page-about .data .data-wrap p {
margin-top: 50px;
}
.page-about .benefits {
padding: 120px 0 120px;
}
.page-about .benefits .inner {
width: 1000px;
margin: 0 auto;
}
.page-about .benefits .inner .benefits-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page-about .benefits .inner .benefits-wrap p {
width: 250px;
height: 250px;
border-radius: 50%;
margin: 25px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-color: #F6F6F6;
font-weight: bold;
position: relative;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.2;
text-align: center;
}
.page-about .benefits .inner .benefits-wrap p span {
font-size: 20px;
font-size: 2rem;
display: contents;
}
.page-about .benefits .inner .benefits-wrap p img {
position: absolute;
bottom: -10px;
right: -10px;
}
.page-about .benefits .inner .benefits-wrap p:nth-of-type(4) img {
bottom: -20px;
right: -20px;
}
.page-about .questionnaire {
background-color: #F6F6F6;
padding: 120px 0 70px;
}
.page-about .questionnaire .inner {
width: 1000px;
margin: 0 auto;
}
.page-about .questionnaire .inner .questionnaire-wrap,
.page-about .questionnaire .inner .yarigai-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px !important;
position: relative;
}
.page-about .questionnaire .inner .questionnaire-wrap .box,
.page-about .questionnaire .inner .yarigai-wrap .box {
width: 49.4%;
height: 118px;
margin-bottom: 50px;
position: relative;
padding: 0 20px;
border-radius: 10px;
background-color: #fff;
font-size: 18px;
font-size: 1.8rem;
display: flex;
align-items: center;
line-height: 1.5;
font-weight: bold;
}
.page-about .questionnaire .inner .questionnaire-wrap .box p,
.page-about .questionnaire .inner .yarigai-wrap .box p {
width: 306px;
margin-top: 0;
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
font-weight: bold;
}
.page-about .questionnaire .inner .questionnaire-wrap .box img,
.page-about .questionnaire .inner .yarigai-wrap .box img {
position: absolute;
right: 18px;
bottom: 18px;
}
.page-about .questionnaire .inner .yarigai-wrap .box {
height: 92px;
}
.page-about .questionnaire .inner .yarigai-wrap img {
position: absolute;
right: 0;
top: -140px;
}
.page-about .questionnaire .inner .yarigai-wrap:nth-last-of-type(1) .box {
height: auto;
display: block;
padding: 20px;
}
.page-about .issues {
padding: 120px 0 0;
}
.page-about .issues .inner {
width: 1000px;
margin: 0 auto;
position: relative;
}
.page-about .issues .inner .issues-wrap {
margin-top: 56px;
}
.page-about .issues .inner .issues-wrap img {
position: absolute;
right: -2px;
top: 240px;
}
.page-about .issues .inner .issues-wrap .box {
background-color: #F6F6F6;
padding: 20px;
}
.page-about .issues .inner .issues-wrap .box p {
font-size: 16px;
font-size: 1.6rem;
margin-top: 20px;
}
.page-about .issues .inner .issues-wrap .box p.title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.7;
padding: 20px;
background-color: #fff;
font-weight: bold;
margin-top: 0;
}
.page-about .issues .inner p.caution {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
line-height: 2;
}
@media screen and (max-width: 767px) {
.page-about .u-contents {
width: 100%;
}
.page-about .u-contents .h2-wrap .en {
font-size: 30px;
font-size: 3rem;
color: #D91118;
line-height: 1;
}
.page-about .u-contents .h2-wrap h2 {
font-size: 23px;
font-size: 2.3rem;
margin-top: 14px;
border-bottom: none;
padding-bottom: 0;
}
.page-about .about-intro {
width: 90%;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
}
.page-about .page-link {
flex-wrap: wrap;
justify-content: flex-start;
}
.page-about .page-link a {
margin: 30px 8px 0;
font-size: 16px;
font-size: 1.6rem;
padding: 10px 8px;
}
.page-about .data {
background-color: #F6F6F6;
margin-top: 60px;
padding: 60px 0 60px;
}
.page-about .data .inner {
width: 90%;
margin: 0 auto;
}
.page-about .data .data-wrap {
display: block;
margin-top: 0;
}
.page-about .data .data-wrap p {
margin-top: 20px;
}
.page-about .data .data-wrap p img {
width: 100%;
height: auto;
}
.page-about .benefits {
padding: 60px 0 60px;
}
.page-about .benefits .inner {
width: 90%;
}
.page-about .benefits .inner .benefits-wrap {
display: flex !important;
margin-top: 32px;
}
.page-about .benefits .inner .benefits-wrap img {
width: 47%;
height: auto;
margin-bottom: 15px;
}
.page-about .benefits .inner .benefits-wrap.pc {
display: none !important;
}
.page-about .questionnaire {
padding: 60px 0 60px;
}
.page-about .questionnaire .inner {
width: 90%;
}
.page-about .questionnaire .inner h3 {
margin-top: 32px;
}
.page-about .questionnaire .inner h3:nth-of-type(2) {
margin-top: 42px;
}
.page-about .questionnaire .inner .questionnaire-wrap,
.page-about .questionnaire .inner .yarigai-wrap {
display: block;
margin-top: 38px !important;
}
.page-about .questionnaire .inner .questionnaire-wrap .box,
.page-about .questionnaire .inner .yarigai-wrap .box {
width: 100%;
height: auto;
margin-bottom: 32px;
padding: 20px;
font-size: 15px;
font-size: 1.5rem;
display: flex;
align-items: center;
line-height: 1.5;
font-weight: bold;
}
.page-about .questionnaire .inner .questionnaire-wrap .box p,
.page-about .questionnaire .inner .yarigai-wrap .box p {
width: 70%;
margin-top: 0;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.5;
font-weight: bold;
}
.page-about .questionnaire .inner .questionnaire-wrap .box img,
.page-about .questionnaire .inner .yarigai-wrap .box img {
right: 0;
bottom: 0;
}
.page-about .questionnaire .inner .yarigai-wrap {
overflow: hidden;
margin-top: 16px !important;
}
.page-about .questionnaire .inner .yarigai-wrap .box {
height: auto;
margin-bottom: 8px;
}
.page-about .questionnaire .inner .yarigai-wrap img {
position: relative;
top: initial;
right: inherit;
margin-left: auto;
zoom: 0.5;
height: auto;
}
.page-about .questionnaire .inner .yarigai-wrap:nth-last-of-type(1) .box {
height: auto;
display: block;
padding: 20px;
}
.page-about .questionnaire .inner img {
zoom: 0.5;
height: auto;
margin-top: 20px;
}
.page-about .issues {
padding: 60px 0 0;
}
.page-about .issues .inner {
width: 90%;
margin: 0 auto;
position: relative;
}
.page-about .issues .inner .issues-intro {
display: flex;
justify-content: space-between;
}
.page-about .issues .inner .issues-intro p {
width: 64%;
margin-top: 0;
}
.page-about .issues .inner .issues-intro .image {
width: 32%;
}
.page-about .issues .inner .issues-intro .image img {
width: 100%;
height: auto;
}
.page-about .issues .inner .issues-wrap {
margin-top: 20px;
}
.page-about .issues .inner .issues-wrap .box p.title {
padding: 10px 20px;
}
.page-about .issues .inner p.caution {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.8;
}
} .page-company .u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody th, .u-contents table tbody th {
width: 25%;
}
.page-company .u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody td, .u-contents table tbody td {
width: 75%;
} .u-news .cat-link {
margin: 0 auto 60px !important;
}
.u-news .cat-link ul {
display: flex;
flex-wrap: wrap;
margin-top: 0;
}
.u-news .cat-link ul li {
list-style-type: none;
}
.u-news .cat-link ul li:before {
content: none;
}
.u-news .cat-link ul li a {
margin-right: 20px;
font-size: 16px;
font-size: 1.6rem;
padding: 3px 20px;
border: 1px solid #CECECE;
border-radius: 20px;
text-decoration: none;
transition: 0.3s;
}
.u-news .cat-link ul li a:hover, .u-news .cat-link ul li a.current {
background-color: #393939;
color: #fff;
}
.u-news .list-area {
width: 100%;
}
.u-news .list-area article {
padding: 20px 20px 5px;
text-align: left;
border-bottom: 1px solid #CECECE;
}
.u-news .list-area article:nth-of-type(1) {
padding-top: 0;
}
.u-news .list-area article p.date-area {
font-size: 14px;
font-size: 1.4rem;
margin-top: 0;
}
.u-news .list-area article p.date-area span {
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
border: 1px solid #CECECE;
border-radius: 15px;
margin-left: 20px;
}
.u-news .list-area article h3 {
padding: 10px 0;
margin: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
text-indent: 0;
margin-left: 0;
}
.u-news .list-area article h3::before {
content: none;
}
.u-news .list-area article h3 a {
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
display: block;
}
.u-news .list-area article h3 a:hover {
text-decoration: underline;
}
.thanks-btn.c-for-list a {
margin: 40px auto 0;
}
.for-news-list {
display: flex;
justify-content: flex-end;
margin-top: 40px;
}
.for-news-list a {
padding: 5px 20px;
background-color: #CECECE;
border: 1px solid #CECECE;
color: #393939;
font-size: 16px;
font-size: 1.6rem;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
}
.for-news-list a:hover {
background-color: #F6F6F6;
} .single-main {
margin-top: 92px;
padding: 70px 20px;
background-color: #F6F6F6;
}
.single-main .inner {
width: 1000px;
margin: 0 auto;
}
.single-main .inner h1 {
width: 1000px;
margin: 28px auto 0;
font-size: 36px;
font-size: 3.6rem;
text-align: left;
line-height: 1.5;
}
.single-main .inner .date-area {
display: flex;
align-items: center;
font-size: 14px;
font-size: 1.4rem;
color: #868686;
}
.single-main .inner .date-area p.date {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
}
.single-main .inner .date-area span a {
text-decoration: none;
background-color: #fff;
padding: 4px 11px;
border: 1px solid #CECECE;
border-radius: 15px;
margin-left: 20px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
color: #393939;
}
.single-main .inner .date-area span a:hover {
background-color: #F6F6F6;
}
.cat-area {
width: 1000px;
margin: 40px auto 0;
display: flex;
align-items: center;
}
.cat-area p.date {
font-size: 16px;
font-size: 1.6rem;
margin-right: 26px;
}
.cat-area .cat {
display: flex;
align-items: center;
}
.cat-area .cat a {
display: inline-block;
padding: 5px 10px;
font-size: 12px;
font-size: 1.2rem;
background-color: #000;
border: 1px solid #000;
color: #fff;
line-height: 1;
text-decoration: none;
margin-right: 10px;
border-radius: 15px;
font-weight: bold;
transition: 0.3s;
}
.cat-area .cat a:hover {
background-color: #fff;
color: #000;
}
#page_top {
position: fixed;
bottom: -200px;
right: 24px;
width: 100px;
height: 100px;
border-radius: 50px;
background: rgba(191, 127, 63, 0.8);
}
#page_top a {
display: flex;
width: 100px;
height: 100px;
font-size: 16px;
color: #fff;
align-items: center;
justify-content: center;
} main .wp-pagenavi {
margin: 80px auto 0;
text-align: center;
}
main .wp-pagenavi span,
main .wp-pagenavi a {
padding: 15px 19px;
font-size: 16px;
font-size: 1.6rem;
}
main .wp-pagenavi span.current, main .wp-pagenavi span:hover,
main .wp-pagenavi a.current,
main .wp-pagenavi a:hover {
background-color: #707070;
color: #fff;
border-color: #707070;
}
.next-prev {
margin: 100px auto 0;
}
.next-prev .prev {
float: left;
width: 50%;
}
.next-prev .prev a {
max-width: 46%;
display: inline-block;
padding: 2% 2% 1.5% 2em;
border-radius: 10px;
text-indent: -0.8em;
color: #707070;
font-size: 16px;
text-decoration: none;
max-width: 100%;
transition: 0.3s;
background-color: #F4CFCF;
font-weight: bold;
color: #333;
}
.next-prev .prev a:hover {
color: #D91118;
}
.next-prev .next {
float: right;
width: 50%;
text-align: right;
}
.next-prev .next a {
display: inline-block;
max-width: 46%;
padding: 2%;
border-radius: 10px;
text-align: right;
padding: 2% 1.5em 2% 2%;
border-radius: 10px;
text-indent: 1em;
color: #707070;
font-size: 13px;
text-decoration: none;
max-width: 100%;
transition: 0.3s;
background-color: #F4CFCF;
font-weight: bold;
color: #333;
}
.next-prev .next a:hover {
color: #D91118;
}
.next-prev::after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
@media screen and (max-width: 767px) { .ftr-link {
margin-left: 10vw;
}
.ftr-link div.first {
margin-bottom: 20px;
}
.ftr-link div.first ul {
padding-left: 4%;
}
.ftr-link div.first ul li {
margin-bottom: 16px;
margin-left: 0;
list-style-type: none;
}
.ftr-link div.first ul li::before {
content: "●";
font-size: 8px;
color: #D91118;
line-height: 1.3;
margin-right: 5px;
}
.ftr-link div.first ul li a {
text-decoration: none;
font-size: 15px;
font-size: 1.5rem;
}
.ftr-link div.first ul li a:hover {
color: #F6F6F6;
}
.ftr-link div.second {
margin-bottom: 20px;
}
.ftr-link div.second ul {
padding-left: 4%;
}
.ftr-link div.second ul li {
margin-bottom: 16px;
margin-left: 0;
list-style-type: none;
}
.ftr-link div.second ul li::before {
content: "●";
font-size: 8px;
color: #F6F6F6;
line-height: 1.3;
margin-right: 5px;
}
.ftr-link div.second ul li a {
text-decoration: none;
font-size: 15px;
font-size: 1.5rem;
}
.ftr-link div.second ul li a:hover {
color: #F6F6F6;
}
.ftr-link .bnr {
margin: 24px 0;
width: 90%;
background-color: #666;
background-size: cover;
background-repeat: no-repeat;
color: #fff;
height: 21vw;
display: flex;
align-items: center;
border-radius: 12px;
font-size: 15px;
font-size: 1.5rem;
}
.ftr-link .bnr a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding-left: 30px;
}
.ftr-link .bnr a::before {
content: "●";
font-size: 8px;
color: #D91118;
line-height: 1.3;
margin-right: 5px;
}
.fadein.active {
opacity: 1;
transform: translate(0, 0);
}
#wrapper {
background: #fff;
}
.main-image {
width: 100%;
height: 100vh;
overflow: hidden;
position: relative;
display: block;
display: flex;
align-items: center;
justify-content: center;
}
.main-image .scroll .scroll-text {
bottom: 48px;
}
.main-image .main-recruit-sp {
margin-top: 20px;
position: relative;
z-index: 10;
}
.main-image .main-recruit-sp a img {
margin: 0 auto;
width: 40vw;
height: auto;
}
.main-image .main-txt-sp {
position: relative;
z-index: 10;
text-align: center;
}
.main-image .main-txt-sp img {
margin: 0 auto;
width: 74vw;
height: auto;
}
.main-image .main-txt-sp img:nth-of-type(2) {
margin-top: 12px;
}
.main-image .main-txt-sp img:nth-of-type(3) {
margin-top: 24px;
}
.top-about {
position: relative;
}
.top-about::before {
content: "";
display: block;
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 53vw;
background-color: #F6F6F6;
z-index: 1;
}
.top-about .inner {
padding-top: 70px;
padding-bottom: 0;
background-color: transparent;
width: 92%;
margin: 0 auto;
position: relative;
z-index: 10;
}
.top-about .inner::before {
content: none;
}
.top-about .inner .h2-wrap p {
margin-top: 0;
}
.top-about .inner .h2-wrap p.en {
font-size: 56px;
font-size: 5.6rem;
line-height: 1;
}
.top-about .inner .h2-wrap h2 {
font-size: 22px;
font-size: 2.2rem;
}
.top-about .inner h3 {
font-size: 24px;
font-size: 2.4rem;
color: #D91118;
font-weight: bold;
line-height: 1;
margin-top: 72px;
}
.top-about .inner p {
width: 100%;
margin-top: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.top-about .inner p.intro {
font-size: 23px;
font-size: 2.3rem;
margin-top: 30px;
line-height: 1.6;
}
.top-about .inner:nth-last-of-type(1) {
padding-left: 0;
padding-top: 0;
padding-bottom: 50px;
}
.top-about .inner:nth-last-of-type(1) h3 {
margin-top: 40px;
}
.top-about .inner:nth-last-of-type(1) p {
width: 100%;
}
.top-about .top-about-image {
position: absolute;
background-size: cover;
border-radius: 10px;
z-index: 15;
}
.top-about .top-about-image.top-about-image03 {
left: auto;
right: 0;
top: 14vw;
width: 35vw;
height: 60vw;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/top-about-image03.jpg);
z-index: 14;
border-radius: 10px 0 0 10px;
display: block;
}
.top-about .top-about-image.top-about-image04 {
display: none;
}
.top-about img.top-about-image-sp01 {
margin-top: -25px;
}
.top-about img.top-about-image-sp02 {
margin-top: -25px;
}
.top-recruit {
background: linear-gradient(180deg, #FF5D62, #FDFDFD);
position: relative;
}
.top-recruit .boss-image {
position: absolute;
bottom: -70px;
left: 55vw;
z-index: 91;
}
.top-recruit .inner {
width: 92%;
margin: 0 auto;
padding: 40px 0;
}
.top-recruit .inner .h2-wrap {
margin-left: 0;
text-align: center;
}
.top-recruit .inner .h2-wrap .en {
font-size: 20vw;
color: rgba(255, 255, 255, 0.2);
line-height: 1;
}
.top-recruit .inner .h2-wrap h2 {
text-align: center;
color: #fff;
margin-top: -40px;
font-size: 25px;
font-size: 2.5rem;
}
.top-recruit .inner .intro {
font-size: 25px;
font-size: 2.5rem;
color: #fff;
line-height: 1;
margin: 40px auto 32px;
text-align: center;
}
.top-recruit .inner .wrap {
background-color: #fff;
padding: 4%;
border-radius: 0;
}
.top-recruit .inner .wrap p {
margin-top: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.top-recruit .inner .wrap p.title {
font-size: 5.4vw;
line-height: 1.6;
margin-top: 0;
}
.top-recruit .inner .wrap p span {
color: #D91118;
font-weight: bold;
}
.top-recruit .inner .wrap img {
margin-top: 40px;
}
.top-recruit .inner .wrap img.top-recruit-image-sp02 {
margin: 12px auto;
}
.top-recruit .inner .wrap:nth-last-of-type(1) p.title {
margin-top: 24px;
}
.top-recruit .inner .wrap:nth-last-of-type(1) p.title:nth-last-of-type(1) {
margin-top: 50px;
}
.top-recruit .inner .wrap .wrap {
display: flex;
justify-content: space-between;
padding: 0;
}
.top-recruit .inner .wrap .wrap p {
width: 48%;
font-size: 16px;
font-size: 1.6rem;
margin-top: 12px;
}
.top-recruit .inner .wrap .wrap .image {
width: 48%;
}
.top-recruit .inner .wrap .wrap .image img {
margin-top: 20px;
}
.top-recruit .inner .wrap .c-for-list {
margin-bottom: 30px;
}
.top-recruit .inner .wrap .c-for-list.red a {
width: 80%;
}
.top-news {
width: 100%;
padding: 60px 0 0;
text-align: center;
background-color: #fff;
}
.top-news .inner {
width: 92%;
margin: 0 auto;
display: block;
}
.top-news .inner .title-area {
width: 100%;
display: block;
}
.top-news .inner .title-area .h2-wrap {
text-align: center;
}
.top-news .inner .title-area .h2-wrap .en {
font-size: 53px;
font-size: 5.3rem;
line-height: 1;
}
.top-news .inner .title-area .h2-wrap h2 {
font-size: 20px;
font-size: 2rem;
}
.top-news .inner .title-area .for-news-list {
display: flex;
justify-content: flex-end;
}
.top-news .inner .title-area .for-news-list a {
padding: 5px 20px;
background-color: #CECECE;
color: #fff;
}
.top-news .inner .title-area .for-news-list a:hover {
background-color: #F6F6F6;
color: #393939;
}
.top-news .inner .title-area .c-for-list {
display: none !important;
}
.top-news .inner .list-area {
width: 92%;
}
.top-news .inner .list-area article {
padding: 20px 20px 5px;
text-align: left;
border-bottom: 1px solid #CECECE;
}
.top-news .inner .list-area article p.date-area {
font-size: 14px;
font-size: 1.4rem;
}
.top-news .inner .list-area article p.date-area span {
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
border: 1px solid #CECECE;
border-radius: 15px;
margin-left: 20px;
}
.top-news .inner .list-area article h3 {
padding: 10px 0;
}
.top-news .inner .list-area article h3 a {
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
}
.top-news .inner .list-area article h3 a:hover {
text-decoration: underline;
}
.cta {
position: relative;
height: auto;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/cta-bg-sp.jpg);
background-size: cover;
width: 100%;
padding: 42px 0;
}
.cta .cta-bg {
display: none;
}
.cta .wrap {
display: block;
position: relative;
z-index: 10;
}
.cta .wrap .box {
width: 92%;
margin: 0 auto;
text-align: center;
background-color: #F6F6F6;
border-radius: 10px;
background-position: left bottom;
padding-bottom: 30px;
}
.cta .wrap .box:nth-of-type(1) {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/cta-gra01.png);
background-repeat: no-repeat;
}
.cta .wrap .box:nth-of-type(1) .en {
color: #CECECE;
}
.cta .wrap .box:nth-last-of-type(1) {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/cta-gra02.png);
background-repeat: no-repeat;
margin-top: 50px;
}
.cta .wrap .box:nth-last-of-type(1) .en {
color: #F4CFCF;
}
.cta .wrap .box:nth-last-of-type(1) p.entry-cta {
padding: 23px 0 0;
margin-top: 0;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list {
margin-top: 30px;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a {
border-color: #D91118;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red.png);
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a:hover {
background-color: #D91118;
color: #fff;
}
.cta .wrap .box:nth-last-of-type(1) .c-for-list a:hover::after {
content: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/common/icon-red-white.png);
}
.cta .wrap .box .en {
font-size: 45px;
font-size: 4.5rem;
line-height: 1;
text-align: center;
}
.cta .wrap .box p {
margin: 0 4%;
margin-top: 26px;
font-size: 16px;
font-size: 1.6rem;
text-align: left;
}
.cta .wrap .box p a {
text-decoration: none;
}
.cta .wrap .box p.title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4;
font-weight: bold;
text-align: center;
}
.cta .wrap .box p.tel {
font-size: 33px;
font-size: 3.3rem;
line-height: 1;
font-weight: bold;
text-align: center;
margin-top: 12px;
}
.cta .wrap .box p.tel span {
font-size: 20px;
font-size: 2rem;
}
.cta .wrap .box p.fax {
font-size: 20px;
font-size: 2rem;
line-height: 1;
font-weight: bold;
text-align: center;
}
.cta .wrap .box .c-for-list {
margin: 30px auto 0;
}
.cta .wrap .box .c-for-list a {
margin: 0 auto;
}
.recruit-cta {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/recruit-cta-bg-sp.jpg);
background-size: cover;
width: 100%;
height: auto;
padding: 40px 0 34px;
}
.recruit-cta .inner {
width: 92%;
margin: 0 auto;
text-align: center;
}
.recruit-cta .inner p.intro {
text-align: left;
font-size: 20px;
font-size: 2rem;
}
.recruit-cta .inner .wrap {
margin-top: 50px;
display: block;
}
.recruit-cta .inner .wrap .box a {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
padding: 30px 23px;
text-align: left;
text-decoration: none;
position: relative;
}
.recruit-cta .inner .wrap .box a p {
line-height: 1;
}
.recruit-cta .inner .wrap .box a p.en {
font-size: 31px;
font-size: 3.1rem;
}
.recruit-cta .inner .wrap .box a p.title {
font-size: 26px;
font-size: 2.6rem;
margin-top: 8px;
}
.recruit-cta .inner .wrap .box a p.txt {
font-size: 20px;
font-size: 2rem;
line-height: 1.8;
margin-top: 27px;
}
.recruit-cta .inner .wrap .box a:hover {
opacity: 0.7;
}
.recruit-cta .inner .wrap .box:nth-of-type(1) a:after {
right: 20px;
top: 80%;
}
.recruit-cta .inner .wrap .box:nth-last-of-type(1) a {
margin-top: 27px;
}
.recruit-cta .inner .wrap .box:nth-last-of-type(1) a:after {
right: 20px;
top: 80%;
} .u-main {
width: 100%;
height: auto;
margin: 70px auto 0;
display: block;
}
.u-main .main-txt {
display: block;
height: auto;
padding: 30px 16px;
position: relative;
z-index: 10;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/main-txt-bg-sp.png);
}
.u-main .main-txt .en {
font-size: 37px;
font-size: 3.7rem;
line-height: 1;
}
.u-main .main-txt h1 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
margin-top: 8px;
}
.u-main .main-right {
width: 100%;
height: 38vw;
flex-grow: 1;
border-radius: 0;
background-size: cover;
}
.recruit-page.u-main .main-txt {
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/page/recruit-right-bg-sp.png);
background-size: cover;
background-position: right top;
}
.recruit-page.u-main .main-txt p.en {
color: #D91118;
}
.u-contents {
width: 92%;
margin: 0 auto;
padding: 54px 0 60px;
}
.u-contents h2 {
margin: 74px 0 16px;
font-size: 23px;
font-size: 2.3rem;
line-height: 1.4;
color: #393939;
padding-bottom: 12px;
border-bottom: 2px solid #CECECE;
}
.u-contents h3 {
margin: 60px 0 16px;
font-size: 21px;
font-size: 2.1rem;
line-height: 1.5;
text-indent: -1em;
margin-left: 1em;
}
.u-contents h3:before {
content: "";
display: block;
width: 14px;
height: 15px;
background-image: url(//hayashiya-mta.com/wpcms/wp-content/themes/hayashiya-mta/assets/img/top/icon-h3.png);
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -5px;
}
.u-contents h4 {
margin: 52px 0 16px;
font-size: 20px;
font-size: 2rem;
border-left: 4px solid #707070;
line-height: 1.5;
padding: 0 16px;
margin-bottom: 26px;
}
.u-contents h5 {
margin: 42px 0 12px;
font-size: 18px;
font-size: 1.8rem;
line-height: 1.5;
color: #707070;
}
.u-contents h6 {
margin: 20px 0 16px;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.5;
font-weight: bold;
}
.u-contents p {
margin-top: 26px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table.has-fixed-layout {
width: -moz-max-content !important;
width: max-content !important;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table,
.u-contents table {
margin-top: 40px;
border-collapse: collapse;
border: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr,
.u-contents table tr {
border-bottom: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr th,
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td,
.u-contents table tr th,
.u-contents table tr td {
line-height: 1.3;
font-size: 16px;
font-size: 1.6rem;
padding: 6% 4%;
text-align: left;
border-color: #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table thead th,
.u-contents table thead th {
background-color: #F2F2F2;
border-right: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody th,
.u-contents table tbody th {
background-color: #F2F2F2;
border-right: 1px solid #000;
}
.u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tbody td,
.u-contents table tbody td {
border-right: 1px solid #000;
}
.u-contents blockquote {
margin: 42px auto 0;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
padding: 30px 20px;
}
.u-contents blockquote cite {
display: block;
text-align: right;
margin-top: 20px;
font-size: 12px;
font-size: 1.2rem;
}
.u-contents .wp-block-image {
margin-top: 40px;
}
.u-contents .wp-block-image img {
max-width: 100%;
height: auto;
}
.u-contents .wp-block-image figcaption {
font-size: 12px;
font-size: 1.2rem;
margin-top: 16px;
}
.u-contents .wp-block-media-text__content {
margin-top: 30px;
}
.u-contents .wp-block-buttons {
margin-top: 40px;
}
.u-contents iframe {
max-width: 100%;
aspect-ratio: 16/9;
}
.u-contents .faq-box p.que {
padding: 16px 16px 16px 0;
}
.u-contents .faq-box p.que span.en {
padding: 0 16px;
}
.u-contents .faq-box p.ans {
margin-top: 10px;
}
.single-job-description table tr th,
.single-job-description table tr td,
.post-type-archive-job-description table tr th,
.post-type-archive-job-description table tr td {
display: block;
width: 100%;
padding: 14px !important;
line-height: 1.3 !important;
} .u-news .cat-link {
margin: 0 auto 40px !important;
}
.u-news .cat-link ul li {
list-style-type: none;
margin-top: 16px;
}
.u-news .cat-link ul li a {
margin-right: 16px;
font-size: 15px;
font-size: 1.5rem;
}
.u-news .list-area {
width: 100%;
}
.u-news .list-area article {
padding: 20px 20px 5px;
text-align: left;
border-bottom: 1px solid #CECECE;
}
.u-news .list-area article p.date-area {
font-size: 14px;
font-size: 1.4rem;
}
.u-news .list-area article p.date-area span {
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
border: 1px solid #CECECE;
border-radius: 15px;
margin-left: 20px;
}
.u-news .list-area article h3 {
padding: 10px 0;
}
.u-news .list-area article h3 a {
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
}
.u-news .list-area article h3 a:hover {
text-decoration: underline;
} .single-main {
padding: 40px 16px;
}
.single-main .inner {
width: 100%;
margin: 0 auto;
}
.single-main .inner .date-area {
display: block;
}
.single-main .inner .date-area span a {
display: inline-block;
margin-top: 10px;
margin-left: 0;
}
.single-main .inner h1 {
width: 100%;
margin: 20px auto 0;
font-size: 25px;
font-size: 2.5rem;
line-height: 1.5;
}
.cat-area {
width: 92%;
margin: 10px auto 0;
display: block;
}
.cat-area p.date {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
}
.cat-area .cat {
display: flex;
align-items: center;
margin-top: 26px;
}
.cat-area .cat a {
display: inline-block;
padding: 5px 10px;
font-size: 12px;
font-size: 1.2rem;
background-color: #000;
border: 1px solid #000;
color: #fff;
line-height: 1;
text-decoration: none;
margin-right: 10px;
border-radius: 15px;
font-weight: bold;
transition: 0.3s;
}
.cat-area .cat a:hover {
background-color: #fff;
color: #000;
}  main .wp-pagenavi {
margin: 80px auto 0;
text-align: center;
}
main .wp-pagenavi span,
main .wp-pagenavi a {
padding: 15px 19px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
}
main .wp-pagenavi span.current, main .wp-pagenavi span:hover,
main .wp-pagenavi a.current,
main .wp-pagenavi a:hover {
background-color: #707070;
color: #fff;
}
main .wp-pagenavi span.extend,
main .wp-pagenavi a.extend {
display: none;
}
main .wp-pagenavi span.pages, main .wp-pagenavi span.first, main .wp-pagenavi span.last,
main .wp-pagenavi a.pages,
main .wp-pagenavi a.first,
main .wp-pagenavi a.last {
font-size: 13px;
font-size: 1.3rem;
padding: 15px 10px;
}
main .wp-pagenavi span.pages:hover,
main .wp-pagenavi a.pages:hover {
border: 1px solid #BFBFBF;
background-color: transparent;
color: #333;
}
.next-prev {
margin: 80px auto 0;
}
.next-prev .prev {
float: left;
max-width: 44%;
}
.next-prev .prev a {
display: inline-block;
padding: 2% 2% 1.5% 2em;
border-radius: 10px;
text-indent: -0.8em;
font-size: 14px;
max-width: 100%;
}
.next-prev .next {
float: right;
max-width: 44%;
}
.next-prev .next a {
display: inline-block;
padding: 2%;
border-radius: 10px;
text-align: right;
padding: 2% 1.5em 2% 2%;
border-radius: 10px;
text-indent: 1em;
font-size: 14px;
max-width: 100%;
}
.next-prev::after {
content: "";
display: block;
clear: both;
font-size: 0;
line-height: 0;
}
.ftr-fix,
.ftr-recruit-fix {
width: 100%;
position: fixed;
bottom: -200px;
z-index: 9999;
display: flex;
justify-content: space-between;
}
.ftr-fix a,
.ftr-recruit-fix a {
display: flex;
justify-content: center;
align-items: center;
height: 60px;
background-color: #F6F6F6;
width: 50%;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #393939;
text-decoration: none;
}
.ftr-fix a:nth-last-of-type(1),
.ftr-recruit-fix a:nth-last-of-type(1) {
background-color: #D91118;
color: #fff;
}
.ftr-fix a img,
.ftr-recruit-fix a img {
width: 15px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.ftr-recruit-fix {
border-top: 1px solid #D91118;
} .page-company .u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table,
.u-contents table {
border: none;
}
.page-company .u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr,
.u-contents table tr {
border-bottom: none;
}
.page-company .u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr:nth-last-of-type(1),
.u-contents table tr:nth-last-of-type(1) {
border-bottom: 1px solid #000;
}
.page-company .u-contents .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table td,
.u-contents table td {
border-top: none;
border-bottom: none;
}
}
@media screen and (min-width: 580px) and (max-width: 767px) {
.main-image .main-txt-sp img {
width: 50vw;
}
}
@media screen and (max-width: 374px) {
header h1 img {
width: 30%;
}
.top-section h2 {
font-size: 9vw;
line-height: 1.5;
}
.top-section h3 {
font-size: 8vw;
line-height: 1.5;
}
.top-section h4 {
font-size: 7vw;
line-height: 1.5;
}
} #autozip {
display: none !important;
}

.contact-tel-info {
padding: 40px;
text-align: center;
margin: 20px auto;
}
.contact-tel-info a {
font-size: 40px;
font-size: 4rem;
font-weight: bold;
line-height: 1;
}
.contact-tel-info span.tel-en {
font-size: 25px;
font-size: 2.5rem;
}
.contact-tel-info span.open {
font-size: 16px;
font-size: 1.6rem;
}
.contact {
width: 800px;
margin: 0 auto 40px;
text-align: left;
}
.contact > p {
margin-bottom: 40px;
}
.contact dl {
display: flex;
border-bottom: 1px dotted #999;
}
.contact dl.last {
margin-bottom: 40px;
}
.contact dl dt {
width: 33%;
padding: 15px 10px;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
}
.contact dl dt span {
padding: 4px 8px;
border-radius: 5px;
color: #fff;
margin-right: 10px;
font-size: 12px;
}
.contact dl dt span.attention {
font-size: 13px;
color: #1e2a34;
padding: 0;
margin-right: 0;
}
.contact dl dt span.required {
background: #e00;
}
.contact dl dt span.any {
background: #aaa;
}
.contact dl dd {
width: 67%;
padding: 15px 10px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.contact dl dd input[type=text] {
width: 100%;
padding: 5px;
font-size: 16px;
font-size: 1.6rem;
}
.contact dl dd input[type=email] {
width: 100%;
padding: 5px;
font-size: 16px;
font-size: 1.6rem;
}
.contact dl dd input.tel {
width: 24%;
padding: 5px;
font-size: 16px;
font-size: 1.6rem;
}
.contact dl dd input.zip {
width: 24%;
margin-bottom: 10px;
}
.contact dl dd input.zip::-moz-placeholder {
font-size: 14px;
}
.contact dl dd input.zip::placeholder {
font-size: 14px;
}
.contact dl dd textarea {
width: 100%;
height: 200px;
padding: 5px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.placeholder {
text-align: left;
color: #aaa;
font-size: 13px;
}
.submit-area {
text-align: center;
}
.submit-area input[type=submit] {
display: flex;
width: 240px;
height: 60px;
background-color: #D91118;
color: #fff;
font-weight: bold;
border: none;
border-radius: 10px;
justify-content: center;
align-items: center;
font-size: 16px;
font-size: 1.6rem;
text-decoration: none;
transition: 0.3s;
margin: 0 auto;
}
.submit-area input[type=submit]:hover {
background-color: #CECECE;
color: #D91118;
cursor: pointer;
}
.page-contact .privacy,
.page-entry .privacy {
margin: 24px 0;
width: 100%;
height: 300px;
border: 1px solid #1e2a34;
padding: 20px 40px;
overflow-y: scroll;
}
.page-contact .privacy h2,
.page-entry .privacy h2 {
font-size: 18px;
font-size: 1.8rem;
margin: 20px 0 10px;
padding: 0;
border: none;
background-color: transparent;
color: #000;
}
.page-contact .privacy h2::before,
.page-entry .privacy h2::before {
content: none;
}
.page-contact .privacy h3,
.page-entry .privacy h3 {
font-size: 16px;
font-size: 1.6rem;
border-left: 0;
padding-left: 0;
margin: 18px 0 10px;
border: none;
background-color: transparent;
}
.page-contact .privacy p,
.page-entry .privacy p {
margin-top: 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
.page-contact .privacy ul.wp-block-list,
.page-entry .privacy ul.wp-block-list {
margin-top: 10px;
}
.page-contact .privacy ul.wp-block-list li,
.page-entry .privacy ul.wp-block-list li {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
margin-top: 5px;
}
.page-contact .privacy ul.wp-block-list li a,
.page-entry .privacy ul.wp-block-list li a {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
}
p.agree {
text-align: center;
}
p.agree span.required {
padding: 4px 8px;
border-radius: 5px;
text-align: center;
color: #fff;
margin-right: 10px;
font-size: 12px;
background: #e00;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
line-height: 1.3;
font-size: 14px;
}
.kana-input span.wpcf7-not-valid-tip,
.kana-input .wpcf7-response-output {
display: none !important;
}
#contact .formError.inline .formErrorContent {
display: block;
line-height: 1.3;
font-size: 16px;
color: #e00;
background-color: transparent;
}
.page-entry dd.category .wpcf7-list-item {
display: block;
margin: 0 0 1em;
}
.page-entry .contact dl dt {
width: 38%;
}
.page-entry .contact dl dd {
width: 62%;
}
@media screen and (max-width: 677px) {
.page-contact,
.page-entry { }
.page-contact .contact-tel-info,
.page-entry .contact-tel-info {
padding: 4%;
text-align: center;
}
.page-contact .contact-tel-info a,
.page-entry .contact-tel-info a {
font-size: 30px;
font-size: 3rem;
font-weight: bold;
line-height: 1.3;
text-decoration: none;
}
.page-contact .contact-tel-info span.tel-en,
.page-entry .contact-tel-info span.tel-en {
font-size: 20px;
font-size: 2rem;
}
.page-contact .contact-tel-info span.open,
.page-entry .contact-tel-info span.open {
font-size: 14px;
font-size: 1.4rem;
}
.page-contact .contact,
.page-entry .contact {
width: 100%;
padding: 0 15px;
margin: 0 auto 40px;
text-align: left;
}
.page-contact .contact > p,
.page-entry .contact > p {
margin: 40px 0 !important;
}
.page-contact .contact dl,
.page-entry .contact dl {
border-bottom: 1px dotted #999;
display: block;
}
.page-contact .contact dl:first-child,
.page-entry .contact dl:first-child {
border-top: 1px dotted #999;
}
.page-contact .contact dl.last,
.page-entry .contact dl.last {
margin-bottom: 40px;
}
.page-contact .contact dl dt,
.page-entry .contact dl dt {
width: 100%;
padding: 15px 0 0;
font-weight: bold;
}
.page-contact .contact dl dt span,
.page-entry .contact dl dt span {
padding: 4px 8px;
border-radius: 5px;
text-align: center;
color: #fff;
margin-right: 10px;
font-size: 12px;
}
.page-contact .contact dl dt span.required,
.page-entry .contact dl dt span.required {
background: #e00;
}
.page-contact .contact dl dt span.any,
.page-entry .contact dl dt span.any {
background: #aaa;
}
.page-contact .contact dl dt span.attention,
.page-entry .contact dl dt span.attention {
font-size: 13px;
color: #1e2a34;
padding: 0;
margin-right: 0;
}
.page-contact .contact dl dd,
.page-entry .contact dl dd {
width: 100%;
padding: 15px 0;
line-height: 1.5;
}
.page-contact .contact dl dd input[type=text],
.page-entry .contact dl dd input[type=text] {
width: 100%;
padding: 5px;
font-size: 16px;
}
.page-contact .contact dl dd input[type=email],
.page-entry .contact dl dd input[type=email] {
width: 100%;
padding: 5px;
font-size: 16px;
}
.page-contact .contact dl dd input.tel,
.page-entry .contact dl dd input.tel {
padding: 5px;
width: 60%;
font-size: 16px;
}
.page-contact .contact dl dd input.zip,
.page-entry .contact dl dd input.zip {
width: 40%;
margin-bottom: 10px;
padding: 3px 5px;
font-size: 16px;
}
.page-contact .contact dl dd textarea,
.page-entry .contact dl dd textarea {
width: 100%;
height: 200px;
padding: 5px;
font-size: 16px;
line-height: 1.5;
}
.page-contact .contact p,
.page-entry .contact p {
text-align: left;
margin-top: 0;
}
.page-contact .placeholder,
.page-entry .placeholder {
text-align: left;
color: #aaa;
font-size: 13px;
}
.page-contact .submit-area,
.page-entry .submit-area {
text-align: center;
}
.page-contact input[type=submit],
.page-contact input[type=button],
.page-entry input[type=submit],
.page-entry input[type=button] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
.page-contact input[type=submit]::-webkit-search-decoration,
.page-contact input[type=button]::-webkit-search-decoration,
.page-entry input[type=submit]::-webkit-search-decoration,
.page-entry input[type=button]::-webkit-search-decoration {
display: none;
}
.page-contact input[type=submit]:focus,
.page-contact input[type=button]:focus,
.page-entry input[type=submit]:focus,
.page-entry input[type=button]:focus {
outline-offset: -2px;
}
.page-contact .submit-area input[type=submit],
.page-entry .submit-area input[type=submit] {
display: flex;
width: 240px;
height: 60px;
border-radius: 10px;
justify-content: center;
align-items: center;
font-size: 16px;
font-size: 1.6rem;
text-decoration: none;
margin: 20px auto;
font-weight: bold;
}
.page-contact p.agree,
.page-entry p.agree {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.page-contact p.agree span.required,
.page-entry p.agree span.required {
width: 40px;
padding: 4px 8px;
border-radius: 5px;
text-align: center;
color: #fff;
margin-right: 10px;
font-size: 12px;
background: #e00;
}
.page-contact p.agree span.text,
.page-entry p.agree span.text {
width: calc(100% - 50px);
text-align: left;
}
.page-contact p.agree span.text span.wpcf7-list-item,
.page-entry p.agree span.text span.wpcf7-list-item {
margin: 0;
text-indent: -1.5em;
margin-left: 1.5em;
}
.page-contact p.agree span.text span.caution,
.page-entry p.agree span.text span.caution {
font-size: 12px;
font-size: 1.2rem;
}
.page-contact .wpcf7 form.invalid .wpcf7-response-output,
.page-contact .wpcf7 form.unaccepted .wpcf7-response-output,
.page-contact .wpcf7 form.payment-required .wpcf7-response-output,
.page-entry .wpcf7 form.invalid .wpcf7-response-output,
.page-entry .wpcf7 form.unaccepted .wpcf7-response-output,
.page-entry .wpcf7 form.payment-required .wpcf7-response-output {
line-height: 1.3;
font-size: 14px;
}
.page-contact .kana-input span.wpcf7-not-valid-tip,
.page-contact .kana-input .wpcf7-response-output,
.page-entry .kana-input span.wpcf7-not-valid-tip,
.page-entry .kana-input .wpcf7-response-output {
display: none !important;
}
.page-contact #contact .formError.inline .formErrorContent,
.page-entry #contact .formError.inline .formErrorContent {
display: block;
line-height: 1.3;
font-size: 16px;
color: #e00;
background-color: transparent;
}
.page-contact .privacy,
.page-entry .privacy {
margin: 24px 0;
width: 100%;
height: 200px;
border: 1px solid #1e2a34;
padding: 0 8% 8%;
overflow-y: scroll;
}
.page-contact .privacy h2,
.page-entry .privacy h2 {
font-size: 16px;
font-size: 1.6rem;
margin-top: 20px;
padding-bottom: 0;
border-bottom: none;
}
.page-contact .privacy h2::before,
.page-entry .privacy h2::before {
content: none;
}
.page-contact .privacy h3,
.page-entry .privacy h3 {
font-size: 15px;
font-size: 1.5rem;
border-left: 0;
padding-left: 0;
margin-top: 16px;
}
.page-contact .privacy p,
.page-entry .privacy p {
margin-top: 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.page-contact .privacy ul,
.page-entry .privacy ul {
padding-left: 0;
}
.page-contact .privacy ul li,
.page-entry .privacy ul li {
align-items: flex-start;
}
.page-contact .privacy ul li a,
.page-entry .privacy ul li a {
font-size: 14px;
font-size: 1.4rem;
}
.page-entry dd.category .wpcf7-list-item {
margin: 0 0 0.5em;
font-size: 14px;
}
}