@charset "UTF-8";
   .text-center {
text-align: center;
} body {
line-height: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
background: #fff;
color: #444444;
font-size: 16px;
overflow-x: hidden;
display: none;
}
.container {
-webkit-transition: 0.4s all;
transition: 0.4s all;
}
a {
color: #444444;
}
a:hover {
color: #444444;
}
img {
pointer-events: none;
}
figure {
margin: 0;
} .fertigo {
font-family: fertigo-script, sans-serif;
font-weight: 400;
font-style: normal;
}
.century, .cmnTitle, .pageTitle {
font-family: century-gothic, sans-serif;
font-weight: 700;
font-style: normal;
}
.noto, .cmnTitle span, .pageTitle span {
font-family: 'Noto Sans JP', sans-serif;
}
.pcOnly {
display: flex;
}
.spOnly {
display: none;
}
.anch {
display: block;
height: 70px;
margin-top: -70px;
visibility: hidden;
}
.breadcrumb {
display: flex;
margin: 0 auto;
padding: 7px 0;
background: none;
}
.breadcrumb li {
display: inline-flex;
font-size: 15px;
color: #888;
position: relative;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 10px;
line-height: 1.5;
align-items: center;
}
.breadcrumb li a {
display: block;
color: #0086a5;
line-height: 1;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumb li:not(:last-child)::before {
content: "";
display: block;
width: 5px;
height: 5px;
top: 19px;
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 6px;
}
.breadcrumb .home {
padding-left: 100px;
margin: 0 8px 0 4px;
}
.breadcrumb .home img {
width: 14px;
}
.breadcrumb .bc_current {
margin: 0 8px;
}
.container {
width: 85%;
max-width: 1470px;
margin: 0 auto;
padding: 0;
}
.cmnTitle {
font-size: 46px;
color: #c62c43;
text-align: center;
margin-bottom: 35px;
font-weight: 700;
letter-spacing: 0.46px;
}
.cmnTitle span {
display: block;
color: #444;
font-size: 16px;
line-height: 2.0;
letter-spacing: 0.8px;
font-weight: 400;
}
.moreBtn {
display: block;
border: 1px solid #C62C43;
width: 240px;
padding: 13px 0 13px 25px;
text-align: center;
color: #C62C43;
position: relative;
font-size: 20px;
background: #fff;
font-family: century-gothic, sans-serif;
}
.moreBtn:before {
content: "\203A";
position: absolute;
left: 22%;
top: 50%;
transform: translate(22%, -50%);
width: 16px;
height: 16px;
background: #c62c43;
border-radius: 50px;
color: #fff;
font-size: 16px;
line-height: 12px;
font-weight: 700;
transition: all 1000ms;
font-family: 'Noto Sans JP', sans-serif;
}
a.moreBtn:hover {
background: #C62C43;
color: #fff;
text-decoration: none;
}
a.moreBtn:hover:before {
background: #fff;
color: #c62c43;
}
.cmnTitle1 {
font-size: 30px;
line-height: 1.55;
color: #C62C43;
text-align: center;
font-weight: 700;
margin-bottom: 35px;
}
.cmnTitle1 span {
font-size: 16px;
line-height: 1.75;
color: #444;
font-weight: 400;
display: block;
}
.pageBnr {
position: relative;
margin-bottom: 100px;
}
.pageBnrImg img {
width: 100%;
height: auto;
}
.pageBnrTxt {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.pageTitle {
font-size: 50px;
font-weight: 700;
letter-spacing: 1.63px;
color: #fff;
line-height: 1;
margin-bottom: 0;
}
.pageTitle span {
display: block;
padding-top: 10px;
font-size: 18px;
color: #fff;
letter-spacing: 0.45px;
font-weight: normal;
}
.pageTitle.news {
text-align: center;
padding: 30px 0 20px;
color: #c62c43;
}
.cmnTitle2 {
font-size: 35px;
position: relative;
letter-spacing: 0.35px;
color: #C62C43;
margin: 0 auto;
width: 100%;
text-align: center;
}
.cmnTitle2:before {
position: absolute;
content: "";
background: url(//nakamura-seika.com/wp-content/themes/nakamura/images/service/service_icon1.png) no-repeat;
background-size: 100%;
width: 96px;
height: 39px;
left: 50%;
top: -40px;
transform: translateX(-50%);
} header {
background: #C62C43;
padding: 15px 0;
width: 100%;
height: 100px;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 999;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
header .logo {
margin-bottom: 0;
}
header .logo a {
display: flex;
width: 200px;
background-image: url(https://nakamura-seika.com/wp-content/themes/nakamura/images/common/logo.svg);
background-size: 100% auto;
background-repeat: no-repeat;
}
header .container .logo img, header .hdrIn .logoSp img {
visibility: hidden;
}
.logo_nav {
padding: 0 0 10px 16px;
width: 200px;
}
header .menu {
display: flex;
margin: 0;
}
header .menu li {
margin-right: 20px;
}
header .menu li a {
position: relative;
display: flex;
width: 140px;
background: #fff;
justify-content: center; color: #C62C43;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.8px;
padding: 5px 0;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
}
header .menu li a:before {
font-family: "Font Awesome 5 Free";
position: relative;
content: "\f138";
top: 1px;
margin-right: 5px;
color: #C62C43;
font-size: 14px;
display: flex;
}
header .menu li:nth-child(2) a { } main {
margin-top: 100px;
}
.bnr {
position: relative;
}
.bnr .bnrImg {
position: relative;
}
.bnr .bnrText {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.bnr .bnrText .food {
font-size: 35px;
letter-spacing: 0.35px;
color: #fff;
position: relative;
}
.bnr .bnrText .food:before {
position: absolute;
content: "";
background: url(//nakamura-seika.com/wp-content/themes/nakamura/images/top/top_icon2.png) no-repeat;
background-size: 100%;
width: 96px;
height: 39px;
left: 50%;
top: -35px;
transform: translateX(-50%);
}
.bnr .bnrText .bnrMainText {
font-weight: bold;
font-size: 60px;
color: #fff;
text-shadow: 0px 1px 50px #545454;
}
.bnr .bnrText .bnrMainText span {
font-size: 45px;
}
.bnr .bnrText .bnrMiniText {
font-size: 20px;
color: #fff;
letter-spacing: 0.6px;
margin-bottom: 0;
text-shadow: 0px 1px 30px #545454;
}
.menu-globalnavi-container {
display: block;
}
#navArea {
display: none;
} nav {
display: block;
position: fixed;
top: 0;
right: -600px;
bottom: 0;
max-width: 600px;
width: 100%;
background: #112d8c;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: all .5s;
transition: all .5s;
z-index: 31;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.open nav {
right: 0;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #C62C43;
}
nav .inner {
padding: 25px 16px;
max-width: 500px;
width: 100%;
margin: 0 auto;
}
nav .inner ul {
display: block; 
list-style: none;
margin: 0;
padding: 0;
}
nav .inner ul li {
width: 100%;
position: relative;
margin: 0 auto 15px; }
nav .inner ul li a {
width: 100%;
display: flex;
justify-content: left;
font-family: fot-tsukuardgothic-std, sans-serif;
color: #c62c43;
font-weight: 700;
padding: 1.2em;
text-decoration: none;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition: all .5s;
transition: all .5s;
}
nav .inner ul li a:hover { color: #c62c43;
-webkit-transition: all .5s;
transition: all .5s;
} .toggle_btn {
display: block;
position: fixed;
background-color: #fff;
-webkit-box-shadow: 1px 1px 7px #00000010;
box-shadow: 1px 1px 7px #00000010;
padding: 28px; top: 30px;
right: 30px;
width: 30px;
height: 30px;
-webkit-transition: all .5s;
transition: all .5s;
cursor: pointer;
z-index: 50;
}
@media screen and (max-width: 768px) {
.toggle_btn {
top: 12px;
right: 16px;
}
}
.toggle_btn span {
display: block;
position: absolute;
left: 13px;
width: 30px;
height: 4px;
background-color: #c62c43;
-webkit-transition: all .5s;
transition: all .5s;
}
.toggle_btn span:nth-child(1) {
top: 15px;
}
.toggle_btn span:nth-child(2) {
top: 26px;
}
.toggle_btn span:nth-child(3) {
bottom: 15px;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
-ms-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-12px) rotate(315deg);
-ms-transform: translateY(-12px) rotate(315deg);
transform: translateY(-12px) rotate(315deg);
}
#mask {
display: none;
-webkit-transition: all .5s;
transition: all .5s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
z-index: 2;
cursor: pointer;
-webkit-transition: all .5s;
transition: all .5s;
}
#hover-contact.is-show {
right: 0;
}
#hover-contact.is-show {
-webkit-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
-o-transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
transition: all 0.7s 0.9s cubic-bezier(0.48, -0.18, 0.13, 1.25);
}
#hover-contact {
position: fixed;
display: block;
top: 35%;
right: -100px; z-index: 99999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
} @media screen and (max-width: 900px) {
#hover-contact {
display: none;
}
}
#hover-contact .balloon-contact {
position: relative;
display: inline-block;
min-width: 46px;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#hover-contact .balloon-contact a {
background: #c62c43;
border: solid 2px #fff;
text-align: center;
border-radius: 6px 0 0 6px;
padding: 10px 12px;
font-size: 16px;
outline: 0;
color: #fff;
cursor: pointer;
text-decoration: none;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
#hover-contact .balloon-contact a:hover {
background-color: #fff;
color: #c62c43;
border: solid 2px #c62c43;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
#hover-contact .balloon-contact p {
margin: 0;
padding: 0;
}
#hover-contact .balloon-contact span {
font-size: 20px;
background: #fff;
color: #c62c43;
padding: 5px 6px 5px 5px;
border-radius: 50px;
display: inline-block;
line-height: 1;
margin-top: 8px;
transition: all 1000ms;
}
#hover-contact .balloon-contact a:hover span {
color: #fff;
background: #c62c43;
} footer {
background: #C62C43;
padding: 60px 0 40px;
color: #fff;
}
.ftBlock1 {
width: 100%;
max-width: 640px;
margin: 0 auto;
border: 2px solid #fff;
padding: 19px 0;
text-align: center;
margin-bottom: 50px;
}
.ftBlockTtl {
font-size: 20px;
line-height: 1.8;
margin-bottom: 0; }
.telBtn {
display: inline-block;
font-size: 55px;
line-height: 0.67;
color: #fff;
font-weight: 700;
}
.telBtn:hover {
color: #fff;
text-decoration: none;
}
.telBtn span {
display: inline-block;
margin-right: 10px;
font-weight: normal;
}
.telBtn i {
background: #fff;
color: #c62c43;
padding: 8px;
transform: rotate(90deg);
font-size: 40px;
border-radius: 5px;
}
.ftBlockCtn {
font-size: 17px;
line-height: 2.12;
margin-bottom: 0;
font-weight: 300;
}
.ftDefList {
width: 100%;
max-width: 640px;
margin: 0 auto 50px;
display: flex;
}
.ftDefList dt {
width: 219px;
padding: 5px 28px 5px 0;
}
.ftDefList dt a {
display: block;
}
.ftDefList dd {
width: calc(100% - 247px);
border-left: 1px solid #fff;
font-size: 15px;
line-height: 1.8;
padding: 0 0 0 28px;
letter-spacing: 0.38px;
font-weight: 300;
}
.ftDefList dd a {
color: #fff;
}
.ftDefList dd a:hover {
text-decoration: none;
}
.ftListBlock {
display: flex;
width: 100%;
max-width: 700px;
margin: 0 auto 60px;
}
.ftListBlock li {
display: inline-block;
border-right: 1px solid #fff;
padding: 0 15px;
}
.ftListBlock li a {
color: #fff;
font-size: 16px;
line-height: 1.5;
}
.ftListBlock li a:hover {
text-decoration: underline;
}
.ftListBlock li:first-child {
padding: 0 15px 0 0;
}
.ftListBlock li:last-child {
border-right: none;
padding: 0 0 0 15px;
}
.ftCopy {
font-size: 16px;
line-height: 1;
text-align: center;
font-weight: normal;
} .topCatPostUp {
margin-top: 30px;
}
.catList {
position: relative;
overflow: hidden; }
.catList ul {
position: relative;
left: 50%;
float: left;
}
.catList ul li {
float: left;
position: relative;
left: -50%;
}
.catList ul li a {
color: #C62C43;
background: #fff;
border: 1px solid #C62C43;
padding: 10px 20px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 8px;
transition: all .3s;
}
.catList ul li a.on, 
.catList ul li a:hover {
color: #fff;
background: #C62C43;
border: 1px solid #C62C43;
text-decoration: none;
}
.postList {
display: flex;
width: 85%;
max-width: 1470px;
margin: 20px auto 25px;
flex-wrap: wrap; box-sizing: border-box;
justify-content: flex-start;
}
.postList li {
width: 23.4%;
max-width: 345px;
margin: 0 2% 25px 0;
background: #f4f4f4;
border-radius: 10px;
}
.postList li:nth-child(4n) {
margin-right: 0;
}
.postList li .postImg {
margin: 0;
overflow: hidden;
height: 280px;
width: auto;
position: relative;
transition: all 1000ms;
border-radius: 10px 10px 0 0;
}
.postList li a {
text-decoration: none;
}
.postList li:hover .postImg {
opacity: 0.7;
}
.postList li .postImg img {
display: block;
transition-duration: 1s;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 100%;
height: 100%;
flex-shrink: 0;
object-fit: cover;
}
.postList li .postBg { padding: 20px 20px 5px; }
.postList li dl {
display: flex;
padding: 0 0 10px;
margin: 0;
align-items: center;
}
.postList li dl dt {
font-size: 12px;
color: #fff;
background: #c62c43;
padding: 2px 10px;
margin-right: 10px;
font-weight: 400;
}
.postList li dl dd {
font-size: 16px;
color: #c62c43;
margin: 0;
}
.postList li a .title {
font-size: 16px;
align-items: flex-start;
line-height: 1.42;
font-weight: 400;
letter-spacing: 0.8px;
}
.postList li a:hover .title {
color: #266b91;
}
.moreBtn.center {
display: block;
margin: 0 auto;
}
.topInstagram {
margin-top: 100px;
}
.topInstagram .container {
width: 95%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
}
.topInstagram a {
display: block;
}
.topInstagram a:hover {
opacity: .8;
}
.topInformation {
margin-top: 100px;
}
.topCompany {
margin: 90px auto;
}
.topCompanyBox {
background: #f4f4f4;
display: flex;
justify-content: space-between;
}
.topBoxLft { width: 50%;
}
.topBoxLft .topBoxWhite {
margin-left: 100px;
background: #fff; max-width: 100%;
box-sizing: border-box;
padding: 20px 40px;
}
.imgTop1 img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.topCompanyTtl {
color: #c62c43;
font-size: 28px;
font-weight: 700;
line-height: 1.5;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
letter-spacing: 0.75px;
}
.topCompanyTtl:after {
position: absolute;
content: "";
width: 100px;
height: 3px;
background: #c62c43;
bottom: 0;
left: 0;
}
.topCompanyCtn {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.9px;
}
.topBoxRht { width: 45%;
box-sizing: border-box;
}
.topBoxRht img {
width: 100%;
margin-bottom: 40px;
}
.topRecom {
margin-bottom: 90px;
}
.topRecom .cmnTitle1 {
position: relative;
background-image: url(//nakamura-seika.com/wp-content/themes/nakamura/images/top/icon_left.svg), url(//nakamura-seika.com/wp-content/themes/nakamura/images/top/icon_right.svg);
background-position: left center, right center;
background-repeat: no-repeat, no-repeat;
background-size: 83% 70%, 83% 70%;
}
.topRecomList {
display: flex;
width: 85%;
margin: 0 auto;
}
.topRecomList li {
width: calc(100% / 3);
position: relative;
}
.topListBlock {
position: absolute;
width: 100%;
display: block;
background: rgba(0, 0, 0, .5);
bottom: 0;
left: 0;
padding: 13px 36px 12px 22px;
box-sizing: border-box;
color: #fff;
} 
.topListTtl {
font-size: 18px;
line-height: .9;
font-weight: normal;
padding-bottom: 9px;
letter-spacing: 0.9px;
}
.topListBlock p {
font-size: 14px;
line-height: 1.45;
letter-spacing: 0.35px;
margin-bottom: 0;
}
.topService {
margin-bottom: 90px;
}
.topRecruit {
margin: 80px 0;
}
.topRecruitBox {
position: relative;
}
.topRecruitImg {
position: relative;
}
.topRecruitTxt {
position: absolute;
width: 100%;
top: 50px;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
.topRecruitTxt .topJoin {
font-size: 30px;
letter-spacing: 0.35px;
color: #c62c43;
position: relative;
margin-bottom: 5px;
}
.topRecruitTxt .topJoin:before {
position: absolute;
content: "";
background: url(//nakamura-seika.com/wp-content/themes/nakamura/images/top/top_icon1.png) no-repeat;
background-size: 100%;
width: 96px;
height: 39px;
left: 50%;
top: -35px;
transform: translateX(-50%);
}
.topRecruitTxt .topJoinCtn {
font-size: 28px;
font-weight: 600;
line-height: 1.5;
letter-spacing: 0.8px;
color: #444444;
}
.topRecruitBox .moreBtn {
position: absolute;
right: 35px;
bottom: 40px;
background: rgba(255, 255, 255, .8);
} .topMenu {
background: #f4f4f4;
padding: 40px 0 50px;
}
.topMenuList {
display: flex;
}
.topMenuList li {
width: calc(100% / 3);
margin-right: 22px;
}
.topMenuList li:last-child {
margin-right: 1px;
}
.topMenuList li a {
display: inline-block;
width: 100%;
position: relative;
border: 1px solid #c62c43;
padding: 13px 10px 12px;
box-sizing: border-box;
border-radius: 10px 10px 0 10px;
background: #fff;
}
.topMenuList li a:after {
width: 0;
height: 0;
border-bottom: 25px solid #c62c43;
border-left: 25px solid transparent;
bottom: 0;
right: 0;
position: absolute;
content: "";
}
.topMenuList dl {
display: flex;
width: 100%;
max-width: 310px;
margin: 0 auto;
}
.topMenuList dt {
display: flex;
width: 60px;
align-items: center;
}
.topMenuList dt i {
display: flex;
font-size: 30px;
background: #c62c43;
border-radius: 50px;
padding: 15px;
color: #fff;
transition: all 1000ms;
width: 100%;
justify-content: center;
}
.topMenuList dd {
width: calc(100% - 85px);
margin-bottom: 0;
padding-left: 25px;
}
.topDefTtl {
font-size: 18px;
font-weight: normal;
color: #C62C43;
border-bottom: 1px solid #c62c43;
padding-bottom: 8px;
margin-bottom: 3px;
}
.topDefCtn {
font-size: 18px;
line-height: 1.82;
font-weight: bold; 
margin: 0;
}
.topMenuList li a:hover {
border: 1px solid #c62c43;
background: #c62c43;
text-decoration: none;
}
.topMenuList li a:hover:after {
border-bottom: 25px solid #fff;
border-left: 25px solid transparent;
}
.topMenuList li a:hover dt i {
background: #fff;
color: #c62c43;
}
.topMenuList li a:hover .topDefTtl {
color: #fff;
border-bottom: 1px solid #fff;
}
.topMenuList li a:hover .topDefCtn {
color: #fff;
} .pageBnr {
position: relative;
margin-bottom: 100px;
}
.pageBnrTxt {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.cmnTitle2 {
font-size: 35px;
position: relative;
letter-spacing: 0.35px;
color: #C62C43;
margin: 0 auto;
width: 100%;
text-align: center;
}
.cmnTitle2:before {
position: absolute;
content: "";
background: url(//nakamura-seika.com/wp-content/themes/nakamura/images/service/service_icon1.png) no-repeat;
background-size: 100%;
width: 96px;
height: 39px;
left: 50%;
top: -40px;
transform: translateX(-50%);
}
#service .serviceStable {
padding-top: 40px;
margin-bottom: 100px;
}
#service .serviceCtnUp .serviceCtn {
font-size: 24px;
}
.serviceCtnUp .serviceCtn {
font-size: 28px;
text-align: center;
font-weight: 700;
letter-spacing: 2.25px;
color: #3B3B3B;
padding: 10px 0 25px;
line-height: 1.73;
margin-bottom: 0;
}
.serviceCtnUp .serviceCtnText {
font-size: 18px;
text-align: center;
line-height: 1.6;
padding-bottom: 25px;
margin-bottom: 0;
}
#service .serviceImg { margin-bottom: 50px;
} #service .stableBlock {
display: flex;
}
#service .stableBox {
width: calc(100% / 2);
}
#service .stableBox ul {
display: flex;
margin-bottom: 0;
}
#service .stableBox li {
width: calc(100% / 2);
}
#service .stableBox li:last-child {
padding: 0 25px 0 20px;
}
#service .stableTitel {
font-size: 22px;
letter-spacing: 0.6px;
color: #C62C43;
line-height: 1.7;
margin-bottom: 20px;
font-weight: bold;
}
#service .stableTitel span {
letter-spacing: 0.24px;
color: #3B3B3B;
display: block;
}
#service .stableCtn {
font-size: 16px;
letter-spacing: 0.45px;
color: #3B3B3B;
line-height: 1.7;
}
#service .serviceStrength {
margin-bottom: 85px;
}
.strengthGrey {
background: #f4f4f4;
}
.strengthBlock {
display: flex;
}
.strengthBlock .strengthBoxRht {
width: 45%;
order: 1;
box-sizing: border-box;
padding: 50px 50px 30px 0;
}
.strengthBlock .strengthBoxLft {
width: 55%;
order: 2;
}
.strengthBlock .strengthTitle {
position: relative;
font-size: 30px;
line-height: 1.25;
font-weight: 700;
letter-spacing: 0.8px;
color: #C62C43;
padding-bottom: 20px;
margin-bottom: 30px;
}
.strengthBlock .strengthTitle span {
display: block;
font-size: 30px;
letter-spacing: 0.75px;
font-weight: normal;
color: #3B3B3B;
}
.strengthBlock .strengthTitle:after {
position: absolute;
content: "";
width: 100px;
height: 3px;
background: #c62c43;
bottom: -7px;
left: 0;
}
.strengthBlock .strengthCtn {
font-size: 16px;
line-height: 1.9;
letter-spacing: 0.5px;
margin-bottom: 0;
}
#service .mTop {
margin-top: 50px;
}
.strengthBlock.strengthBlock1 .strengthBoxLft {
order: 1;
}
.strengthBlock.strengthBlock1 .strengthBoxRht {
order: 2;
padding: 40px 0 30px 50px;
}
#service .serviceProduct {
margin-bottom: 60px;
}
#service .serviceProBlock {
display: flex;
justify-content: space-between;
margin: 0;
width: 100%;
flex-wrap: wrap;
}
#service .serviceProBlock li {
width: 49%;
position: relative;
padding-bottom: 40px;
}
#service .serviceProBlock .serviceProList {
position: absolute;
width: 100%;
max-width: 300px;
background: rgba(0, 0, 0, .5);
left: 35px;
top: 0;
padding: 12px 20px;
color: #fff;
}
#service .serviceProBlock .serviceListTtl {
font-size: 18px;
letter-spacing: 1px;
font-weight: 700;
}
#service .serviceProBlock .serviceProList p {
font-size: 12px;
letter-spacing: 0.35px;
line-height: 1.6;
margin-bottom: 0;
}
#service .serProductTtl {
font-size: 28px;
line-height: 1.25;
margin-bottom: 25px;
letter-spacing: 0.8px;
color: #C62C43;
font-weight: 700;
padding: 0 0 0 20px;
}
#service .serProductCtn {
font-size: 16px;
line-height: 1.9;
margin: 0;
padding-left: 20px;
} #company .companyProfile table {
width: 100%;
max-width: 1000px;
margin: 0 auto;
font-size: 16px;
border-bottom: 1px solid #e2e2e2;
}
#company .companyProfile table tr {
border-top: 1px solid #e2e2e2;
}
#company .companyProfile table tr th, #company .companyProfile table tr td {
padding: 15px 20px;
}
#company .companyMessage {
margin: 60px 0 80px;
} #recruit .recruitWork {
margin-bottom: 85px;
}
#recruit .recruitWorkList {
display: flex;
margin: 60px 0 0;
}
#recruit .recruitWorkList li {
width: calc(100% / 3);
}
#recruit .recruitMsg {
margin-bottom: 60px;
}
#recruit .recruitJob {
margin-bottom: 100px;
}
#recruit .strengthBoxRht {
padding: 35px 50px 0 0;
}
#recruit .recruitStrTitle {
font-size: 18px;
letter-spacing: 0.45px;
color: #C62C43;
font-weight: normal;
margin-bottom: 20px;
}
#recruit .recruitStrTitle .recruitTxt {
font-size: 22px;
letter-spacing: 0.22px;
color: #3B3B3B;
display: block;
}
#recruit .recruitStrTitle .boxRed {
display: inline-block;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.6px;
color: #fff;
line-height: 1.25;
background: #c62c43;
padding: 10px 13px;
vertical-align: bottom;
margin-right: 15px;
}
#recruit .mTop {
margin-top: 40px;
}
#recruit .strengthBlock1 .strengthBoxRht {
padding: 35px 0 0 70px;
}
#recruit .strengthCtn {
font-size: 16px;
line-height: 1.8;
letter-spacing: 0.45px;
color: #3B3B3B;
margin-bottom: 0;
}
#recruit .recruitBlock {
margin-bottom: 100px;
} #privacy .privacyInr {
width: 90%;
max-width: 1120px;
margin: 0 auto;
}
#privacy .privacyTitle,
#contact .privacyTitle {
border: 1px solid #c62c43;
width: 100%;
max-width: 450px;
margin: 0 auto 80px;
padding: 20px 0 19.7px;
text-align: center;
color: #c62c43;
font-size: 28px;
font-weight: bold;
}
#privacy .privacyCtn,
#contact .privacyCtn {
font-size: 18px;
letter-spacing: 0.45px;
line-height: 2;
padding-bottom: 95px;
margin-bottom: 0;
}
#privacy .privacyDef {
margin-bottom: 50px;
}
#privacy .privacyDef dt {
font-size: 20px;
font-weight: 700;
line-height: 1.8;
letter-spacing: 0.5px;
color: #3B3B3B;
position: relative;
padding: 0 0 5px 20px;
}
#privacy .privacyDef dt:before {
position: absolute;
content: "";
border-left: 5px solid #c62c43;
left: 0;
top: 0;
width: 100%;
height: 85%;
}
#privacy .privacyDef dt:after {
position: absolute;
content: "";
border-bottom: 3px solid #e5e5e5;
bottom: -10px;
left: 0;
width: 100%;
}
#privacy .privacyDef dd {
font-size: 18px;
line-height: 2;
letter-spacing: 0.45px;
color: #3B3B3B;
margin-bottom: 0;
padding-top: 15px;
}
#privacy .privacyDef dd a {
display: block;
} #contact .contact-waku {
position: relative;
}
#contact .contact-waku:before {
content: "";
display: block;
border: 5px solid #d5cdcd;
width: 100%;
height: 40px;
box-sizing: border-box;
margin: 0 auto 20px auto;
border-bottom: none;
} #contact .contact-flow {
max-width: 400px;
position: relative;
box-sizing: border-box;
margin: 0 auto;
}
#contact .contact-flow:before {
content: "";
width: calc(100% - 50px);
height: 2px;
background-color: #d5cdcd;
position: absolute;
top: 7px;
left: 25px;
z-index: 0;
}
#contact .contact-flow ul.flow-list {
width: 100%;
position: relative;
z-index: 1;
display: flex;
margin: 0;
justify-content: space-between;
align-items: center;
}
#contact .contact-flow ul.flow-list > li.flow-list-item {
width: 60px;
position: relative;
top: 3px;
z-index: 1;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #3b2929;
}
#contact .contact-flow ul.flow-list > li.flow-list-item.active {
color: #3b2929;
}
#contact .contact-flow ul.flow-list > li.flow-list-item:before {
position: static;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
display: block;
background-color: #d5cdcd;
border-radius: 50%;
box-shadow: none;
}
#contact .contact-flow ul.flow-list > li.flow-list-item.active:before {
background-color: #3b2929;
}
#contact .privacyTitle {
margin: 0 auto 50px;
}
#contact .privacyCtn {
text-align: center;
padding-bottom: 52px;
}
#contact .contactInr {
width: 100%;
max-width: 1200px;
margin: 0 auto 100px;
background: #F9F9F9;
padding: 50px 25px 80px;
box-sizing: border-box;
}
#contact .contactTtl {
font-size: 16px;
line-height: 2;
text-align: center;
padding-bottom: 55px;
margin-bottom: 0;
}
#contact #contact_box {
max-width: 710px;
margin: 0 auto;
margin: 60px auto;
}
#contact .contactList {
margin-bottom: 30px;
}
#contact .contactList dt {
font-size: 17px;
position: relative;
display: block;
color: #3B3B3B;
margin-bottom: 0;
padding: 5px 0px 0 20px;
text-align: left;
top: -14px;
}
#contact .contactList dt:before {
text-align: center;
font-family: "Font Awesome 5 Free";
content: ' \f138';
position: absolute;
left: 0;
top: 6px;
color: #000;
font-size: 14px;
display: block;
}
#contact .contactList dd {
margin-bottom: 0;
font-size: 16px;
}
#contact .contactList .required {
display: inline-block;
font-size: 10px !important;
background: #c62c43;
color: #fff;
font-weight: 400;
letter-spacing: 0.1em;
border-radius: 3px;
padding: 3px 5px;
margin-left: 10px;
}
#contact input[type="text"],
#contact input[type="tel"],
#contact input[type="email"],
#contact .contactOrderLst select{
font-size: 16px;
background: #fff;
border: 1px solid #9F9F9F;
border-radius: 5px;
padding: 5px;
width: 100%;
color: #333;
vertical-align: baseline;
box-sizing: border-box;
}
#contact .contactdesh {
display: inline-block;
padding-right: 10px;
}
#contact .contactdesh1 {
display: inline-block;
padding: 0 5px;
}
#contact input[type="text"].item,
#contact input[type="tel"].item {
width: 107px;
}
#contact .contactList .address {
margin-top: 15px;
}
#contact .contactList input[type="text"].item1 {
width: 134px;
}
#contact .contactWhite {
max-width: 820px; margin: 0 auto;
padding: 0 55px 60px;
}
#contact .contactList dt.contactTerm:after {
position: absolute;
content: "";
border-bottom: 5px solid #c62c43;
width: 590px;
height: 5px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
#contact .contactList .contactCtn {
font-size: 12px;
line-height: 1.8em;
margin-bottom: 20px;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 25px;
}
#contact .contactList .contactCtn span {
color: #c62c43;
}
#contact .contact_page {
max-width: 820px;
background: #fff;
margin: 0 auto;
}
#contact .contact_page .contact_item { border-bottom: 1px solid #ccc;
width: 100%;
margin: 0 auto 20px; }
#contact .contact_page .contact_item h3 {
font-weight: 700;
font-size: 18px;
line-height: 1.5;
}
#contact .contact_page .contact_item p.orderText {
font-size: 14px;
line-height: 2;
}
#contact .contact_page .contact_item p.desc {
font-size: 12px;
line-height: 1.82;
margin-top: 15px;
margin-bottom: 0;
}
#contact .contact_page .contact_item p.desc span {
font-weight: 600;
font-size: 19px;
color: #000;
margin: 0 8px;
}
#contact .contact_page .contact_item .order_border {
border: 2px solid #d5cdcd;
padding: 10px;
margin-top: 10px;
}
#contact .contact_page .contact_item .order_select {
display: flex;
margin-top: 10px;
justify-content: space-between;
font-size: 15px;
font-weight: 600;
} #contact .contact_page .contact_item select {
background: #fff;
padding: 5px;
font-size: 16px;
border: 1px solid #9E9E9E;
border-radius: 5px;
width: 80px !important;
height: 40px !important;
vertical-align: baseline;
box-sizing: border-box;
-webkit-transition: all 0.4s;
transition: all 0.4s;
margin-left: 17px;
}
#contact .contactOrderLst {
margin: 0 0 30px 0;
}
#contact .contactOrderLst li {
margin-bottom: 35px;
}
#contact .contactText {
font-size: 16px;
letter-spacing: 0.4px;
color: #3B3B3B;
line-height: 1.5;
margin-bottom: 15px;
}
#contact .contactTxtRed {
font-size: 14px;
letter-spacing: 0.35px;
color: #C62C43;
display: block;
} #contact textarea {
font-size: 16px;
background: #fff;
border: 1px solid #9F9F9F;
border-radius: 5px;
padding: 11px;
width: 100%;
height: 250px;
color: #333;
resize: none;
box-sizing: border-box;
}
#contact .mrTop {
margin-top: 15px;
}
#contact .contactCtn1 {
font-size: 17px;
line-height: 2.1;
letter-spacing: 0.42px;
font-weight: 700;
text-align: center;
padding-top: 10px;
margin-bottom: 0px;
}
#contact .contact_frame_button {
text-align: center;
}
#contact .contact_frame_button input[type=submit] {
color: #fff;
background: #c62c43;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 300px;
height: 60px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
font-size: 20px;
font-weight: 700;
border: none;
letter-spacing: 0.5px;
margin: 20px auto 0;
} #contact .contact_frame_button input[type=submit]:hover {
background-color: #ee6875;
}
#contact .privacy_confirm {
font-size: 14px;
text-align: center;
font-weight: 600;
margin: 0;
}
#contact #mw-wp-form-captcha {
text-align: center;
padding: 2.4em 3% 2.0em 3%;
}
#contact #mw-wp-form-captcha input[type="text"] {
width: auto;
}
#contact .mw_wp_form .horizontal-item + .horizontal-item,
#contact .mw_wp_form .horizontal-item + .horizontal-item + .horizontal-item {
margin-left: 100px;
}
#contact .contactOrderLst select option {
width: 80%;
border: 1px solid green;
} 
#contact .ctConfirmText {
font-size: 15px; text-align: center;
line-height: 2em;
}
#contact .err_mes {
font-size: 16px;
font-weight: 500;
color: #c62c43;
text-align: center;
} #single .pageTitle {
position: relative;
width: 85%;
max-width: 1300px;
margin: 0 auto;
font-size: 34px;
font-weight: 600;
padding-left: 100px;
box-sizing: border-box;
line-height: 1.3;
text-align: left;
text-shadow: none;
} .breadcrumbUp, 
.post_singleUp {
background: #f6f6f8;
}
.breadcrumbUp .breadcrumb {
display: flex;
width: 95%;
max-width: 1300px;
margin: 0 auto;
padding: 15px 0;
flex-wrap: wrap;
} .breadcrumbUp .breadcrumb li {
font-size: 15px;
color: #888;
position: relative;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 0;
line-height: 1.5;
}
.breadcrumbUp .breadcrumb li:not(:last-child)::before {
content: "";
display: block;
width: 5px;
height: 5px;
top: 50%;
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 6px;
}
.breadcrumbUp .breadcrumb .bc_current {
margin: 0 8px;
}
#post_single {
display: flex;
width: 95%;
max-width: 1100px;
margin: 0 auto;
flex-wrap: wrap;
}
#post_single .wrap {
width: 100%;
border-radius: 12px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
padding: 20px;
background: #fff;
border: 2px solid #e5e5e5;
}
#post_single .wrap a {
color: #266b91;
display: inline-block;
}
#post_single .wrap .cat_date a.news {
}
#post_single .wrap .cat_date {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
}
#post_single .wrap .cat_date ul {
display: flex;
margin: 0;
}
#post_single .wrap a:hover {
color: #ed005b;
}
#post_single .wrap .single_head, #post_single .wrap h2 , 
#post_single .wrap h3, 
#post_single .wrap h4, 
#post_single .wrap h5, 
#post_single .wrap h6 {
font-size: 28px;
font-weight: bold;
line-height: 1.8;
padding: 8px 0 20px;
color: #555;
position: relative;
}
#post_single .wrap .cat_date a {
display: block;
width: 105px;
color: #fff;
background: #c62c43;
text-decoration: none;
text-align: center;
font-size: 16px;
margin-right: 10px;
margin-bottom: 10px;
}
#post_single .wrap .single_head:after, 
#post_single .wrap h2:after, 
#post_single .wrap h3:after, 
#post_single .wrap h4:after, 
#post_single .wrap h5:after, 
#post_single .wrap h6:after {
position: absolute;
width: 350px;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #c62c43;
}
#post_single .wrap h2, 
#post_single .wrap h3, 
#post_single .wrap h4, 
#post_single .wrap h5, 
#post_single .wrap h6 {
font-size: 24px;
}
#post_single .wrap h2:after, 
#post_single .wrap h3:after, 
#post_single .wrap h4:after, 
#post_single .wrap h5:after, 
#post_single .wrap h6:after {
height: 1px;
} 
#post_single .wrap p.time {
padding-bottom: 10px;
text-align: right;
color: #858585;
font-size: 14px;
margin: 0;
}
#post_single .wrap h3,
#post_single .wrap h4,
#post_single .wrap h5,
#post_single .wrap h6 {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: bold;
line-height: 1.6em;
margin-top: 30px;
}
#post_single .wrap p {
line-height: 2em;
font-size: 16px;
margin: 10px 0 20px;
}
#post_single .wrap p.has-small-font-size {
font-size: 85%;
}
#post_single .wrap p.has-medium-font-size {
font-size: 120%;
}
#post_single .wrap p.has-large-font-size {
font-size: 150%;
}
#post_single .wrap p.has-huge-font-size {
font-size: 200%;
}
#post_single .wrap strong {
font-weight: bold;
}
#post_single .wrap .wp-caption {
margin-top: 18px;
}
#post_single .wrap .wp-caption .wp-caption-text {
text-align: center;
margin-top: 8px;
}
#post_single .paging {
display: flex;
width: 100%;
margin: 40px auto;
padding: 0;
font-size: 15px;
justify-content: space-between;
}
#post_single .paging .pagePart {
max-width: 50%;
}
#post_single .paging .next a,
#post_single .paging .prev a {
color: #6d6d6d;
display: block;
position: relative;
}
#post_single .paging .next a:hover,
#post_single .paging .prev a:hover {
color: #fc0010;
}
#post_single .paging .next a {
background: url(//dejimabase.com/wp-content/themes/dejimabase/images/common/arrow-l.png) no-repeat;
background-size: 8px 13px;
background-position: left center;
padding-left: 24px;
}
#post_single .paging .prev a {
background: url(//dejimabase.com/wp-content/themes/dejimabase/images/common/arrow-r.png) no-repeat;
background-size: 8px 13px;
background-position: right center;
padding-right: 24px;
text-align: right;
}
#post_single figure, 
#post_single .wp-block-image {
margin: 18px 0 0;
display: inline-block;
text-align: center;
}
#post_single figure img {
border-radius: 10px;
}
.addtoany_content {
padding-top: 80px;
}
.addtoany_header {
color: #777;
font-size: 17px;
}
#errorPage .errorBlock {
width: 95%;
max-width: 1100px;
margin: 0 auto 70px;
}
#errorPage .errorBlock p {
font-size: 18px;
}
#errorPage .errorBlock a {
text-decoration: underline;
}
#errorPage .errorBlock .errText {
margin-bottom: 35px;
}
@media screen and (max-width: 900px) {
#post_single .wrap .single_head:after, 
#post_single .wrap h2:after, 
#post_single .wrap h3:after {
width: 40%;
}
#post_single .wrap {
padding: 30px;
}
#post_single .wrap iframe {
max-width: 100%;
height: auto;
}
#post_single .wrap .wp-caption {
width: auto !important;
}
#post_single {
margin-top: 30px;
}
#post_single .paging {
flex-direction: column;
}
#post_single .paging .pagePart {
max-width: 100%;
}
#post_single .wrap {
padding: 2.5% 0;
}
#post_single .wrap, #post_single .wrap p {
font-size: 16px;
}
#post_single .wrap p {
margin: 10px 0 20px;
}
#post_single .wrap .single_head, 
#post_single .wrap h2, 
#post_single .wrap h3, 
#post_single .wrap h4, 
#post_single .wrap h5, 
#post_single .wrap h6 {
font-size: 22px;
}
#post_single .wrap .cat_date {
margin-top: 10px;
}
#post_single .wrap p.time {
margin: 10px 0 0;
padding-bottom: 0;
}
.addtoany_content {
padding-top: 20px;
}
}
@media (max-width: 970px) {
#navArea {
display: block;
}
.no-scroll {
height: 100vh;
overflow: hidden;
}
#contentTop.anch {
height: 70px;
margin-top: -70px;
}
.pcOnly {
display: none;
}
.spOnly {
display: flex;
}
.cmnTitle {
font-size: 30px;
margin-bottom: 20px;
}
.cmnTitle span {
font-size: 14px;
line-height: 1.4;
margin-top: 5px;
}
.moreBtn {
font-size: 18px;
display: block;
margin: 0 auto;
}
.cmnTitle1 {
font-size: 20px;
margin-bottom: 15px;
}
.cmnTitle1 span {
font-size: 14px;
}
.pageBnr {
margin-bottom: 60px;
}
.pageBnrImg img {
height: 160px;
object-fit: cover;
}
#contact .pageBnrImg img {
height: 100px;
}
#contact-err .pageBnrImg img {
height: 100px;
}
#contact-confirm .pageBnrImg img {
height: 100px;
}
#contact-complete .pageBnrImg img {
height: 100px;
}
.hd_contact{
height: 100px;
object-fit: cover;
}
.pageTitle {
font-size: 28px; }
.pageTitle span {
font-size: 14px;
padding-top: 0px;
}
.cmnTitle2 {
font-size: 20px;
}
.cmnTitle2:before {
width: 53px;
height: 25px;
top: -25px;
}
.breadcrumb .home {
padding-left: 0px;
margin: 0 8px 0 0;
} .catList {
margin: 10px 0 5px;
padding: 0 2%;
text-align: center;
}
.catList ul li {
float: left;
position: relative; left: -50%;
}
.postList {
width: 95%;
justify-content: space-between;
margin: 0 auto 20px;  }
.postList li {
width: calc(100% / 2 - 5px); max-width: 100%;
margin: 0 0 10px;
}
.postList li .postImg {
height: 30vw;
}
.postList li .postBg {
padding: 15px 10px 5px;
}
.postList li dl dt {
padding: 2%;
margin-right: 10px;
width: 45%;
text-align: center;
}
.postList li a .title {
font-size: 14px;
}
.postList li dl dd {
font-size: 14px;
}
.topInformation {
margin-top: 50px;
}
.topInstagram {
margin-top: 60px;
}
.topCompany {
margin: 60px auto 15px;
}
.topCompanyBox {
display: block;
justify-content: unset;
padding-top: 20px;
}
.topBoxLft {
width: 90%;
margin: 0 auto;
}
.topBoxRht {
width: 90%;
margin: 0 auto;
padding: 15px 0 25px;
}
.topBoxLft .topBoxWhite {
margin-left: 0;
width: 100%;
max-width: 100%;
padding: 15px;
margin-bottom: 10px;
}
.topCompanyTtl {
font-size: 18px;
margin-bottom: 10px;
padding-bottom: 15px;
letter-spacing: 0;
}
.topCompanyCtn {
font-size: 16px;
line-height: 1.6;
margin-bottom: 0;
letter-spacing: 0;
}
.imgTop1 img {
max-width: 100%;
}
.topBoxRht img {
max-width: 100%;
margin-bottom: 25px;
}
.topRecom, .topService {
margin-bottom: 60px;
}
.topRecom .cmnTitle1 {
max-width: 320px;
width: 100%;
margin: 60px auto 20px;
background-size: 35% 70%, 35% 70%;
}
.topRecomList {
display: block;
width: 90%;
margin: 0 auto;
}
.topRecomList li {
width: 100%;
margin-bottom: 10px;
}
.topListBlock {
padding: 15px;
position: unset;
background-color: #c62c43;
}
.topListTtl {
font-size: 16px;
line-height: .9;
font-weight: 700;
padding-bottom: 0;
letter-spacing: 0.9px;
}
.topListBlock p {
margin-bottom: 0;
letter-spacing: 0;
}
.topRecruit {
margin: 40px 0 60px;
}
.topRecruitTxt {
position: unset;
top: unset;
left: unset;
transform: unset;
margin-top: 15px;
}
.topRecruitTxt .topJoin {
font-size: 20px;
color: #c62c43;
margin-bottom: 5px;
}
.topRecruitTxt .topJoinCtn {
font-size: 16px;
font-weight: 400;
color: #444;
}
.topRecruitTxt .topJoin:before {
display: none;
}
.topRecruitBox .moreBtn {
position: relative;
right: 0;
bottom: 0;
}
.topMenu {
padding: 40px 0;
}
.topMenuList {
display: block;
}
.topMenuList li {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.topMenuList li a {
display: block;
width: 100%;
padding: 10px;
max-width: 320px;
margin: 0 auto;
}
.topMenuList dl {
align-items: center;
}
.topMenuList dt {
width: 47px;
}
.topMenuList dt i {
font-size: 25px;
padding: 10px;
}
.topMenuList dd {
width: calc(100% - 70px);
padding-left: 23px;
}
.topDefTtl {
font-size: 14px;
}
.topDefCtn {
font-size: 16px;
}
main {
margin-top: 0;
}
.bnrImg img {
width: 100%;
object-fit: cover;
}
.bnr .bnrText .food {
font-size: 20px;
}
.bnr .bnrText .food:before {
width: 53px;
height: 25px;
top: -20px;
}
.bnr .bnrText .bnrMainText {
font-size: 36px;
margin: 0;
line-height: 1.4;
text-shadow: 0px 1px 20px #545454;
}
.bnr .bnrText .bnrMainText span {
font-size: 36px;
}
.bnr .bnrText .bnrMiniText {
font-size: 15px;
padding: 10% 0 0;
text-shadow: 1px 2px 10px #545454;
} footer {
padding: 60px 0;
}
.ftBlock1 {
width: 90%;
padding: 15px 0;
margin-bottom: 50px;
}
.ftBlockTtl {
font-size: 16px;
}
.telBtn {
display: flex;
font-size: 30px;
align-items: center;
justify-content: center;
}
.telBtn span {
display: inline-flex;
}
.telBtn i {
font-size: 22px;
}
.ftDefList {
width: 90%;
margin: 0 auto 20px;
display: block;
}
.ftDefList dt {
width: 200px;
padding: 10px 0 0 0;
text-align: center;
margin: 0 auto 20px;
}
.ftDefList dd {
width: 100%;
border-left: none;
padding: 10px 0 0;
border-top: 1px solid #fff;
margin: 10px 0 0;
}
.ftListBlock {
display: block;
width: 90%;
margin: 0 auto 20px;
}
.ftListBlock li {
width: 100%;
text-align: left;
padding: 0;
margin-bottom: 10px;
border-right: none;
}
.ftListBlock li:first-child,
.ftListBlock li:last-child {
padding: 0;
}
.ftListBlock li a {
font-size: 14px;
}
.ftCopy {
font-size: 14px;
margin-bottom: 0;
}
.menu-globalnavi-container {
display: none;
}
header,
.header.smaller {
position: unset;
height: 80px;
}
header .logo a {
width: 160px;
height: 51px;
}
.bnr {
margin-top: 0;
} #service .serviceStable {
padding-top: 10px;
margin-bottom: 60px;
}
.serviceCtnUp {
margin-bottom: 0;
}
.serviceCtnUp .serviceCtn {
font-size: 18px !important;
padding: 10px 0;
line-height: 1.6;
letter-spacing: 0px;
font-weight: 500;
}
#service .serviceImg {
margin-bottom: 25px;
} #service .stableBlock {
display: block;
}
#service .stableBox {
width: 100%;
margin-bottom: 30px;
}
#service .stableBox ul {
display: block;
margin-bottom: 0;
}
#service .stableBox li {
width: 100%;
padding: 0 !important;
}
#service .stableTitel {
font-size: 20px;
margin: 10px 0 5px;
}
#service .stableCtn {
font-size: 16px;
letter-spacing: 0;
line-height: 1.6;
}
#service .serviceStrength {
margin-bottom: 60px;
}
.strengthGrey {
padding: 25px 0;
}
.container {
width: 90%;
}
.strengthBlock {
display: block;
}
.strengthBlock .strengthBoxLft {
width: 100%;
order: 2;
}
.strengthBlock .strengthBoxRht {
width: 100%;
padding: 0;
}
.strengthBlock .strengthTitle {
font-size: 20px;
margin-bottom: 10px;
padding: 15px 0 10px;
}
.strengthBlock .strengthTitle span {
font-size: 18px;
}
.strengthBlock .strengthCtn {
font-size: 16px;
letter-spacing: 0;
line-height: 1.8;
margin-top: 20px;
}
#service .mTop {
margin-top: 20px;
}
.strengthBlock.strengthBlock1 .strengthBoxRht {
order: 2;
padding: 0;
}
#service .serviceProduct {
margin-bottom: 0px;
}
#service .serviceProBlock {
display: block;
justify-content: unset;
flex-wrap: nowrap;
}
#service .serviceProBlock li {
width: 100%;
padding-bottom: 20px;
}
#service .serviceProBlock .serviceProList {
box-sizing: border-box;
position: relative;
max-width: 100%;
background: #c62c43;
padding: 10px 15px;
left: 0;
}
#service .serviceProBlock .serviceListTtl {
font-size: 16px;
}
#service .serProductTtl {
font-size: 20px;
padding: 0;
margin-bottom: 15px;
}
#service .serProductCtn {
font-size: 15px;
line-height: 1.8;
padding-left: 0;
} #recruit .serviceCtnUp .serviceCtn {
margin-bottom: 10px;
}
#recruit .recruitWorkList {
margin: 20px 0 0;
}
.serviceCtnUp .serviceCtnText {
font-size: 16px;
line-height: 1.6;
padding-bottom: 15px;
}
#recruit .recruitWork {
margin-bottom: 50px;
}
#recruit .recruitMsg {
width: 90%;
margin: 0 auto;
}
#recruit .recruitMsg .cmnTitle {
margin-bottom: 0;
}
#recruit .strengthBoxRht {
padding: 15px 0 0 0;
}
#recruit .recruitStrTitle {
font-size: 14px;
margin-bottom: 10px;
}
#recruit .recruitStrTitle .recruitTxt {
font-size: 16px;
padding-bottom: 6px;
}
#recruit .recruitStrTitle .boxRed {
font-size: 18px;
padding: 5px;
margin-right: 5px;
}
#recruit .strengthCtn {
font-size: 16px;
line-height: 1.8;
letter-spacing: 0;
margin-top: 10px;
}
#recruit .mTop {
margin-top: 20px;
}
#recruit .strengthBlock1 .strengthBoxRht {
padding: 15px 0 0 0;
}
#recruit .recruitJob {
margin-bottom: 40px;
margin-top: 30px;
}
#recruit .recruitBlock {
margin-bottom: 25px;
} #company .companyMessage {
margin: 20px 0 50px;
}
#company .companyProfile {
width: 95%;
margin: 0 auto;
}
#company .companyProfile table {
font-size: 14px;
}
#company .companyProfile table tr th, #company .companyProfile table tr td {
padding: 15px 10px;
}
#company .companyProfile table tr th {
width: 30%;
}
#company .companyProfile table tr td {
padding-left: 0;
}
#company .companyProfile {
margin-bottom: 50px;
} #privacy .privacyTitle {
font-size: 20px;
margin: 0 auto 30px;
}
#privacy .privacyCtn {
font-size: 16px;
padding-bottom: 35px;
line-height: 1.9;
}
#privacy .privacyDef {
margin-bottom: 25px;
}
#privacy .privacyDef dt {
font-size: 18px;
}
#privacy .privacyDef dd {
font-size: 16px;
line-height: 1.8;
} #privacy .privacyTitle, 
#contact .privacyTitle {
font-size: 18px;
}
#contact .contact-waku:before {
margin: 0 auto;
}
#contact .privacyTitle {
margin: 0 auto 20px;
}
#contact .privacyCtn {
font-size: 16px;
line-height: 1.6;
padding-bottom: 20px;
}
#contact .ctConfirmText { text-align: left;
line-height: 1.8em;
}
#contact .contactInr {
padding: 30px 15px;
margin: 0 auto 50px;
}
#contact .contactTtl {
font-size: 14px;
padding-bottom: 25px;
line-height: 1.8em;
}
#contact #contact_box {
margin: 30px auto;
}
#contact .contactList {
margin-bottom: 20px;
}
#contact .contactList dt {
font-size: 14px;
top: 0;
margin-bottom: 15px;
}
#contact .contactList .required, #contact .contactList dd {
font-size: 14px;
}
#contact input[type="text"].item,
#contact input[type="tel"].item {
width: 65px;
}
#contact .contactOrderLst .mwform-radio-field-text {
font-size: 14px;
}
#contact .contact_page .col-sm-3{
padding: 0;
}
#contact .contact_page .col-sm-9 {
padding: 0 2%;
}
#contact .contactList input[type="text"].item1 {
width: 95px;
}
#contact .contactWhite {
padding: 15px 15px 20px;
}
#contact .contactList dt.contactTerm:after {
width: 100%;
top: unset;
bottom: -10px;
}
#contact .contact_page .contact_item h3 {
font-size: 16px;
margin: 10px 0;
}
#contact .contact_page .contact_item .order_select {
margin-top: 15px;
}
#contact .contactOrderLst li {
margin-bottom: 15px;
}
#contact .contactText {
font-size: 14px;
font-weight: 600;
}
#contact input[type="text"], 
#contact input[type="email"] {
padding: 5px 10px;
}
#contact .contactTxtRed {
font-size: 12px;
}
#contact textarea {
height: 130px;
}
#contact .contactCtn1 {
padding-top: 0;
font-size: 14px;
}
#contact .contact_frame_button input[type=submit] {
width: 100%;
max-width: 320px;
font-size: 16px;
}
#contact .mw_wp_form .horizontal-item + .horizontal-item,
#contact .mw_wp_form .horizontal-item + .horizontal-item + .horizontal-item {
margin-left: 15px;
}
#contact .contactOrderLst select option {
width: 80%;
} 
#contact-confirm .privacyCtn,
#contact-complete .privacyCtn,
#contact-err .privacyCtn {
font-size: 16px;
}
.err_mes {
font-size: 14px;
color: #c62c43;
} #post_single .wrap {
padding: 2.5%;
}
#post_single .wrap, #post_single .wrap p {
font-size: 16px;
margin-top: 10px;
}
#post_single .wrap p {
margin: 10px 0 20px;
line-height: 1.6em;
}
#post_single .wrap .single_head, #post_single .wrap h2, #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 18px;
line-height: 1.4em;
}
#post_single .wrap .cat_date {
margin-top: 15px;
margin-bottom: 15px;
flex-wrap: wrap;
}
#post_single .wrap p.time {
margin: 0;
padding-bottom: 0;
}
.addtoany_content {
padding-top: 20px;
}
#single .pageTitle {
margin: 0 auto;
width: 100%;
font-size: 26px;
text-align: center;
padding-left: 0;
} #errorPage .errorBlock p {
font-size: 14px;
}
}
@media screen and (max-width: 1090px) and (min-width: 970px) {
.topMenuList dt {
width: 50px;
}
.topMenuList dt i {
font-size: 20px;
}
.topMenuList dd {
width: calc(100% - 55px);
padding-left: 15px;
}
.topDefTtl {
font-size: 17px;
}
.topDefCtn {
font-size: 20px;
}
}
@media screen and (max-width: 970px) and (min-width: 600px) {
#service .stableBlock {
display: flex;
justify-content: space-between;
}
#service .stableBox {
width: 49%;
}
}