@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp.min.css);
/**/.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative; display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.modaal-noscroll{overflow:hidden}.modaal-accessible-hide{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0}.modaal-wrapper{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:auto;opacity:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.modaal-wrapper *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}.modaal-wrapper .modaal-close{border:none;background:0 0;padding:0;-webkit-appearance:none}.modaal-wrapper.modaal-start_none{display:none;opacity:1}.modaal-wrapper.modaal-start_fade{opacity:0}.modaal-wrapper [tabindex="0"]{outline:0!important}.modaal-wrapper.modaal-fullscreen{overflow:hidden}.modaal-outer-wrapper{display:table;position:relative;width:100%;height:100%}.modaal-fullscreen .modaal-outer-wrapper{display:block}.modaal-inner-wrapper{display:table-cell;width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;padding:80px 25px}.modaal-fullscreen .modaal-inner-wrapper{padding:0;display:block;vertical-align:top}.modaal-container{position:relative;display:inline-block;width:100%;margin:auto;text-align:left;color:#000;max-width:1000px;border-radius:0;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:auto}.modaal-container.is_loading{height:100px;width:100px;overflow:hidden}.modaal-fullscreen .modaal-container{max-width:none;height:100%;overflow:auto}.modaal-close{position:fixed;right:20px;top:20px;color:#fff;cursor:pointer;opacity:1;width:50px;height:50px;background:rgba(0,0,0,0);border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-close:focus,.modaal-close:hover{outline:0;background:#fff}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#b93d0c}.modaal-close span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-close:after,.modaal-close:before{display:block;content:" ";position:absolute;top:14px;left:23px;width:4px;height:22px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-close:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-fullscreen .modaal-close{background:#afb7bc;right:10px;top:10px}.modaal-content-container{padding:30px}.modaal-confirm-wrap{padding:30px 0 0;text-align:center;font-size:0}.modaal-confirm-btn{font-size:14px;display:inline-block;margin:0 10px;vertical-align:middle;cursor:pointer;border:none;background:0 0}.modaal-confirm-btn.modaal-ok{padding:10px 15px;color:#fff;background:#555;border-radius:3px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-confirm-btn.modaal-ok:hover{background:#2f2f2f}.modaal-confirm-btn.modaal-cancel{text-decoration:underline}.modaal-confirm-btn.modaal-cancel:hover{text-decoration:none;color:#2f2f2f}.modaal-instagram .modaal-container{width:auto;background:0 0;box-shadow:none!important}.modaal-instagram .modaal-content-container{padding:0;background:0 0}.modaal-instagram .modaal-content-container>blockquote{width:1px!important;height:1px!important;opacity:0!important}.modaal-instagram iframe{opacity:0;margin:-6px!important;border-radius:0!important;width:1000px!important;max-width:800px!important;box-shadow:none!important;-webkit-animation:instaReveal 1s linear forwards;animation:instaReveal 1s linear forwards}.modaal-image .modaal-inner-wrapper{padding-left:140px;padding-right:140px}.modaal-image .modaal-container{width:auto;max-width:100%}.modaal-gallery-wrap{position:relative;color:#fff}.modaal-gallery-item{display:none}.modaal-gallery-item img{display:block}.modaal-gallery-item.is_active{display:block}.modaal-gallery-label{position:absolute;left:0;width:100%;margin:20px 0 0;font-size:18px;text-align:center;color:#fff}.modaal-gallery-label:focus{outline:0}.modaal-gallery-control{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;cursor:pointer;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0);border:none;border-radius:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.modaal-gallery-control.is_hidden{opacity:0;cursor:default}.modaal-gallery-control:focus,.modaal-gallery-control:hover{outline:0;background:#fff}.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before{background:#afb7bc}.modaal-gallery-control span{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.modaal-gallery-control:after,.modaal-gallery-control:before{display:block;content:" ";position:absolute;top:16px;left:25px;width:4px;height:18px;border-radius:4px;background:#fff;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.modaal-gallery-control:before{margin:-5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-control:after{margin:5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-next-inner{left:100%;margin-left:40px}.modaal-gallery-next-outer{right:45px}.modaal-gallery-prev:after,.modaal-gallery-prev:before{left:22px}.modaal-gallery-prev:before{margin:5px 0 0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modaal-gallery-prev:after{margin:-5px 0 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modaal-gallery-prev-inner{right:100%;margin-right:40px}.modaal-gallery-prev-outer{left:45px}.modaal-video-wrap{margin:auto 50px;position:relative}.modaal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,.3);background:#000;max-width:1300px;margin-left:auto;margin-right:auto}.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.modaal-iframe .modaal-content{width:100%;height:100%}.modaal-iframe-elem{width:100%;height:100%;display:block}.modaal-loading-spinner{background:0 0;position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px 0 0 -100px;-webkit-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25)}.modaal-loading-spinner>div{width:24px;height:24px;margin-left:4px;margin-top:4px;position:absolute}.modaal-loading-spinner>div>div{width:100%;height:100%;border-radius:15px;background:#fff}.modaal-loading-spinner>div:nth-of-type(1)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:0s;animation-delay:0s}.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(1){-ms-transform:translate(84px,84px) rotate(45deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(45deg) translate(70px,0);transform:translate(84px,84px) rotate(45deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(2)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.12s;animation-delay:.12s}.modaal-loading-spinner>div:nth-of-type(2){-ms-transform:translate(84px,84px) rotate(90deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(90deg) translate(70px,0);transform:translate(84px,84px) rotate(90deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(3)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(3){-ms-transform:translate(84px,84px) rotate(135deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(135deg) translate(70px,0);transform:translate(84px,84px) rotate(135deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(4)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.37s;animation-delay:.37s}.modaal-loading-spinner>div:nth-of-type(4){-ms-transform:translate(84px,84px) rotate(180deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(180deg) translate(70px,0);transform:translate(84px,84px) rotate(180deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(5)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div{-ms-animation:modaal-loading-spinner 1s linear infinite;-moz-animation:modaal-loading-spinner 1s linear infinite;-webkit-animation:modaal-loading-spinner 1s linear infinite;-o-animation:modaal-loading-spinner 1s linear infinite}.modaal-loading-spinner>div:nth-of-type(5){-ms-transform:translate(84px,84px) rotate(225deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(225deg) translate(70px,0);transform:translate(84px,84px) rotate(225deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(6)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.62s;animation-delay:.62s}.modaal-loading-spinner>div:nth-of-type(6){-ms-transform:translate(84px,84px) rotate(270deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(270deg) translate(70px,0);transform:translate(84px,84px) rotate(270deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(7)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.modaal-loading-spinner>div:nth-of-type(7){-ms-transform:translate(84px,84px) rotate(315deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(315deg) translate(70px,0);transform:translate(84px,84px) rotate(315deg) translate(70px,0)}.modaal-loading-spinner>div:nth-of-type(8)>div{-webkit-animation:modaal-loading-spinner 1s linear infinite;animation:modaal-loading-spinner 1s linear infinite;-webkit-animation-delay:.87s;animation-delay:.87s}.modaal-loading-spinner>div:nth-of-type(8){-ms-transform:translate(84px,84px) rotate(360deg) translate(70px,0);-webkit-transform:translate(84px,84px) rotate(360deg) translate(70px,0);transform:translate(84px,84px) rotate(360deg) translate(70px,0)}@media only screen and (min-width:1400px){.modaal-video-container{padding-bottom:0;height:731px}}@media only screen and (max-width:1140px){.modaal-image .modaal-inner-wrapper{padding-left:25px;padding-right:25px}.modaal-gallery-control{top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,.7)}.modaal-gallery-control:after,.modaal-gallery-control:before{background:#fff}.modaal-gallery-next{left:auto;right:20px}.modaal-gallery-prev{left:20px;right:auto}}@media screen and (max-width:900px){.modaal-instagram iframe{width:500px!important}}@media only screen and (max-width:600px){.modaal-instagram iframe{width:280px!important}}@media screen and (max-height:1100px){.modaal-instagram iframe{width:700px!important}}@media screen and (max-height:1000px){.modaal-inner-wrapper{padding-top:60px;padding-bottom:60px}.modaal-instagram iframe{width:600px!important}}@media screen and (max-height:900px){.modaal-instagram iframe{width:500px!important}.modaal-video-container{max-width:900px;max-height:510px}}@media only screen and (max-height:820px){.modaal-gallery-label{display:none}}@keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes instaReveal{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes modaal-loading-spinner{0%{opacity:1;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:.1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}/*/*/  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
} :focus {
outline: 0;
}
ol, ul {
list-style: none;
}
table.table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
img {
vertical-align: bottom;
}
a img {
border: 0;
}
figure {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
strong {
font-weight: bold;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html {
width: 100%;
}
body {
font-family: YakuHanJP, 'Noto Sans JP', 'Noto Sans', sans-serif;
font-size: 100%;
color: #3d3a39;
line-height: 1.53;
word-break: break-all;
-webkit-text-size-adjust: 100%;
position: relative; min-width: 1300px;
} @media (max-width: 767px) {
body {
min-width: 320px;
font-size: 14px;
position: relative;
}
}
a:not(.not_hover) {
color: #3d3a39;
text-decoration: none;
transition: 0.5s;
}
a:not(.not_hover):hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
text-decoration: underline;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
.pc, .pc_tab {
display: block !important;
}
.sp, .tab, .tab_sp {
display: none !important;
}
.pc_tabbr {
display: block !important;
}
.spbr {
display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.pc_tab, .tab, .tab_sp {
display: block !important;
}
.pc, .sp {
display: none !important;
}
}
@media (max-width: 767px) {
.tab_sp, .sp {
display: block !important;
}
.pc, .tab, .pc_tab, .pc_tab_txt {
display: none !important;
}
.pc_tabbr {
display: inline !important;
}
.spbr {
display: block !important;
}
}
.btn01 a {
background: #0068b6;
color: #ffffff;
width: 260px;
padding: 10px 20px 10px 40px;
display: block;
margin: 20px 0;
clear: both;
position: relative;
text-align: center;
font-size: 1rem !important;
}
.btn01 a:hover {
text-decoration: none;
}
.btn01 a:before {
font-family: "Font Awesome 5 Free";
content: "\f0c9";
font-weight: 900;
display: block;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.btn01.tc a {
margin: 20px auto;
}
.wrap {
overflow: hidden;
}
article {
margin-top: 80px;
}
.l-container {
margin: 0 auto;
width: 1200px;
}
.l-container02 {
margin: 0 auto;
width: 1300px;
}
@media (max-width: 767px) {
article {
margin-top: 50px;
}
.l-container {
max-width: 100%;
width: 100%;
}
.l-container02 {
margin: 0 auto;
width: 100%;
}
}
.l-contents {
}
@media (max-width: 767px) {
.l-contents {
}
} .section-border {
border-bottom: 1px solid #d9d9d9;
}
.side-border {
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
@media (max-width: 767px) {
.side-border {
border: none;
}
} .page-header {
position: relative;
height: 400px;
}
.page-header .page-header-title {
text-align: center;
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}
@media (max-width: 767px) {
.page-header {
height: 160px;
}
.page-header {
background-size: auto 100% !important;
}
}
.ttl_lv1 {
font-size: 1.8125rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid #0068b6;
display: inline-block;
min-width: 200px;
}
.ttl_lv2 {
background: #0068b6;
text-align: center;
width: 1600px;
position: absolute;
height: 60px;
line-height: 60px;
left: 50%;
top: 60px;
margin-left: -800px;
}
.ttl_lv2 img {
vertical-align: middle;
}
.ttl_lv3 {
text-align: center;
margin: 60px 0;
}
.ttl_lv4 {
color: #0068b6;
border-bottom: 1px solid #cccccc;
font-size: 1.8125rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
text-align: center;
}
.ttl_lv5 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.ttl_lv1 {
font-size: 1.5rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid #0068b6;
display: block;
min-width: auto;
text-align: center;
}
.ttl_lv2 {
width: 96%;
position: inherit;
height: 40px;
line-height: inherit;
left: 0;
margin: 0 auto;
padding: 10px 0;
top: 30px;
}
.ttl_lv2 img {
height: 20px;
width: auto;
}
.ttl_lv3 {
margin: 50px 0;
}
.ttl_lv3 img {
height: 40px;
width: auto;
}
.ttl_lv4 {
font-size: 1.5rem;
}
} .fadein {
opacity: 0;
transform : translate(0, 50px);
transition : all 1500ms;
}
.fadein.scrollin {
opacity: 1;
transform: translate(0, 0);
} .c-page-nav {
display: flex;
justify-content: space-between;
margin: 30px 0;
text-align: center;
}
.c-page-nav .c-page-nav-item {
width: 18%;
border: 1px solid #0068b6;
}
.c-page-nav .c-page-nav-item a {
display: block;
padding: 20px;
color: #0068b6;
font-size: 1.125rem;
font-weight: bold;
text-align: center;
height: 100%;
}
.c-page-nav .c-page-nav-item a:hover {
color: #ffffff;
text-decoration: none;
background: #0068b6;
opacity: 1;
}
.c-page-nav .c-page-nav-item a.select {
color: #ffffff;
text-decoration: none;
background: #0068b6;
opacity: 1;
}
@media (max-width: 767px) {
.c-page-nav {
display: flex;
margin: 20px 0 60px;
text-align: center;
flex-flow: row wrap;
justify-content: flex-start;
}
.c-page-nav .c-page-nav-item {
width: 27%;
white-space: nowrap;
text-align: center;
margin: 0 5px 10px;
display: inline-block;
}
.c-page-nav .c-page-nav-item a {
display: block;
padding: 10px 5px;
color: #0068b6;
font-size: 0.75rem;
font-weight: bold;
text-align: center;
height: 100%;
}
} .p-business-nav .c-page-nav .c-page-nav-item a {
padding: 20px 5px;
font-size: 1rem;
}
@media (max-width: 767px) {
.p-business-nav .c-page-nav .c-page-nav-item {
width: 30.4%;
}
.p-business-nav .c-page-nav .c-page-nav-item a {
padding: 10px 5px;
font-size: 0.5rem;
letter-spacing:-.0.4rem;
}
}
.p-products-nav .c-page-nav {
padding: 0 30px;
}
.p-products-nav .c-page-nav .c-page-nav-item {
width: 14%;
}
.p-products-nav .c-page-nav .c-page-nav-item a {
padding: 10px 5px;
font-size: 1rem;
}
@media (max-width: 767px) {
.p-products-nav .c-page-nav {
padding: 0;
}
.p-products-nav .c-page-nav .c-page-nav-item {
width: 30%;
}
.p-products-nav .c-page-nav .c-page-nav-item a {
padding: 10px 5px;
font-size: 0.75rem;
letter-spacing:-.0.4rem;
}
}/*/*//*/*/ .l-header {
width: 100%;
min-width: 1300px;
height: 80px;
box-shadow: 0px 5px 7px rgba(0,0,0,0.2);
position:fixed;
top:0;
left:0;
margin-left:0;
z-index:100;
background:#ffffff;
}
.l-header {
}
@media (max-width: 767px) {
.l-header {
min-width: 100%;
height: 50px;
transition: 0.5s;
}
}
.l-header .l-container02 {
}
@media (max-width: 767px) {
.l-header .l-container02 {
}
}
.l-header .l-container02 #logo {
float: left;
width: 234px;
padding-top: 5px;
}
@media (max-width: 767px) {
.l-header .l-container02 #logo {
display: block;
padding-top: 0;
}
.l-header .l-container02 #logo img {
height:40px;
padding:6px 0 0 8px;
}
}
.l-header .l-header-info-wrap {
float: right;
width: 1000px;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box {
float: left;
text-align: right;
width: 550px;
height: 80px;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box .c-size-switch-box {
padding: 8px 0 0;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box .c-size-switch-box .c-size-switch-ttl {
display: inline-block;
font-size: 10px;
color: #0068b6;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box .c-size-switch-box .c-size-switch-button {
display: inline-block;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box .c-size-switch-box .c-size-switch-button li {
display: inline-block;
font-size: 12px;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box .c-size-switch-box .c-size-switch-button li a {
display: block;
width: 22px;
height: 22px;
background: #0068b6;
color: #ffffff;
text-align: center;
line-height: 20px;
border: 1px solid #0068b6;
cursor:pointer;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box .c-size-switch-box .c-size-switch-button li a.__current {
background: #ffffff;
color: #0068b6;
text-decoration: none;
}
.l-header .l-container02.cf .l-header-info-wrap .c-nav-box .c-size-switch-box .c-size-switch-button li a:hover {
background: #ffffff;
color: #0068b6;
text-decoration: none;
}
.l-header .l-header-info-wrap #gnav .c-gnav {
margin-top: 10px;
width: 100%;
display: flex;
}
.l-header .l-header-info-wrap #gnav .c-gnav > li {
text-align: center;
width: 20%;
position: relative;
}
.l-header .l-header-info-wrap #gnav .c-gnav > li > a {
display: block;
text-decoration: none;
border-left: 1px solid #b2b2b2;
}
.l-header .l-header-info-wrap #gnav .c-gnav > li:hover > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.l-header .l-header-info-wrap .c-nav-box #gnav .c-gnav li {
position: relative;
}
.l-header .l-header-info-wrap .c-nav-box #gnav .c-gnav li ul {
display: none;
}
.l-header .l-header-info-wrap .c-nav-box #gnav .c-gnav li:hover ul {
display: block;
border-top: 5px solid #336fc5;
background: rgba(0,104,182,0.7);
position: absolute;
left: 0;
text-align: left;
width: 300px;
z-index: 100;
}
.l-header .l-header-info-wrap .c-nav-box #gnav .c-gnav li:hover ul li {
border-left: none;
display: block;
text-align: left;
padding: 0;
margin: 0;
border-bottom: 1px solid rgba(54,136,197,0.7);
}
.l-header .l-header-info-wrap .c-nav-box #gnav .c-gnav li:hover ul li:last-child {
border-bottom: none;
}
.l-header .l-header-info-wrap .c-nav-box #gnav .c-gnav li:hover ul li a {
padding: 10px 10px;
display: block;
text-decoration: none;
color: #ffffff;
}
.l-header .l-header-info-wrap .c-nav-box #gnav .c-gnav li:hover ul li a:before {
content: "■";
margin-right: 10px;
}
.l-header .l-header-info-wrap .c-group-nav {
float: right;
}
.l-header .l-header-info-wrap .c-group-nav .c-group-nav-list {
display: flex;
width: 422px;
}
.l-header .l-header-info-wrap .c-group-nav .c-group-nav-list li {
vertical-align: middle;
text-align: center;
}
.l-header .l-header-info-wrap .c-group-nav .c-group-nav-list li .small-txt {
display: block;
font-size: 14px;
}
.l-header .l-header-info-wrap .c-group-nav .c-group-nav-list li a {
background: #0068b6;
color: #ffffff;
display: block;
width: 422px;
border-left: 1px solid #ffffff;
height: 80px;
text-decoration: none;
padding: 14px 10px;
}
.l-header .l-header-info-wrap .c-group-nav .c-group-nav-list li a:hover {
background:#ffcc33;
opacity: 1;
}
.l-header .l-header-info-wrap .c-group-nav .c-group-nav-list li a:hover .small-txt {
background: #fcbc1d;
}
.l-header .l-header-info-wrap .c-group-nav .c-group-nav-list li a:before {
font-family: "Font Awesome 5 Free";
content: "\f35d";
font-weight: 900;
font-size: 14px;
margin-right: 15px;
margin-left: -20px;
}
.sp .sp-menu {
position: absolute;
right: 0;
width: 50px;
top: 0;  transition: 0.5s;
}
.sp .sp-menu a {
display: block;
min-width: 50px;
min-height: 50px;
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/common/sp-menu-open.png) no-repeat center center;
background-size: contain;
text-indent: -9999em;
z-index: 999;
position: relative;
}
.sp .sp-menu a.open {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/common/sp-menu-close.png) no-repeat center center;
background-size: contain;
}
.l-header .sp #sp-gnav {
width: 100%;
position: absolute;
top: 50px;
left: 0;
z-index: 90;
display: none;
}
.l-header .sp #sp-gnav a {
display: block;
padding: 1em 0;
line-height: 1;
}
.l-header #sp-gnav .c-sp-gnav {
position: relative;
}
.l-header #sp-gnav .c-sp-gnav li {
border-bottom: 2px solid #0068b6;
display: block !important;
background: #ffffff;
position: relative;
}
.l-header #sp-gnav .c-sp-gnav li a {
text-decoration: none;
color: #3d3a39;
padding: 20px;
display: block;
}
.l-header #sp-gnav .c-sp-gnav li a:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
display: inline-block;
color: #0068b6;
margin-right: 10px;
}
.l-header #sp-gnav .c-sp-gnav li .small-txt {
font-size:0.5rem;
display:block;
margin-left:1rem;}
.l-header #sp-gnav .c-sp-gnav .parent-li ul {
display: none;
}
.l-header #sp-gnav .c-sp-gnav .parent-li ul li {
padding-left: 20px;
border-top: 2px solid #0068b6;
border-bottom: none;
}
.l-header #sp-gnav .c-sp-gnav .parent-li.active ul {
display: block;
}
.l-header #sp-gnav .c-sp-gnav .parent-li > a.active:before {
transform:rotate(90deg);
transition: 0.5s;
}
.l-header #sp-gnav .c-sp-gnav .contact-link {
text-align:center;
border-bottom:none;}
.l-header #sp-gnav .c-sp-gnav .contact-link a:before {
content:"";}
.closeOverlay {
width: 100%;
height: 100%;
position: absolute;
top: 50px;
z-index: 50;
display: none;
background:rgba(100,100,100,0.5);
}
.nav01 {
}
.appeal {
background: #0068B6;
color: #FFF;
display: block;
width: 90%;
margin: 0 auto;
}
 .l-partners {
background: #ffffff;
color: #3d3a39;
border-top: 1px solid #d9d9d9;
}
.l-partners .l-partners-list {
margin: 60px;
display: flex;
}
.l-partners .l-partners-list>li:first-child {
border-right: none;
padding-right: 30px;
margin-right: 30px;
min-width: 200px;
}
.l-partners .l-partners-list .bnr-list {
display: flex;
justify-content: space-between;
width: 800px;
flex-wrap: wrap;
}
.l-partners .l-partners-list .bnr-list li {
min-width: 200px;
text-align: center;
}
@media (max-width: 767px) {
.l-partners .l-partners-list {
margin: 30px;
display: block;
text-align: center;
}
.l-partners .l-partners-list>li:first-child {
border-right: none;
padding-right: 0;
margin-right: 0;
margin-bottom: 30px;
min-width: inherit;
}
.l-partners .l-partners-list .l-partners-list__item>p {
margin-bottom: 10px;
}
.l-partners .l-partners-list .bnr-list {
display: block;
width: auto;
}
.l-partners .l-partners-list .bnr-list li {
min-width: inherit;
margin-bottom: 10px;
}
} .l-footer {
position: relative;
width: 100%;
background: #262626;
color: #ffffff;
overflow: hidden;
}
.l-footer .l-footer-contact {
background: #efefef;
padding: 2.8645833333333335vw 0 2.0833333333333335vw;
margin-bottom: 180px;
}
.l-footer .l-footer-contact .c-contact-box {}
.l-footer .l-footer-contact .c-contact-box .c-contact-box-list {
text-align: center;
}
.l-footer .l-footer-contact .c-contact-box .c-contact-box-list li {
display: block;
width: 307.1735px;
margin: 0 auto;
}
.l-footer .l-footer-contact .c-contact-box .c-contact-box-list li a {
display: block;
}
.l-footer .l-footer-contact .c-contact-box .c-contact-box-list li a[href^="tel:"] {
pointer-events: none;
}
@media (max-width: 767px) {
.l-footer .l-footer-contact .c-contact-box .c-contact-box-list li a[href^="tel:"] {
pointer-events: auto;
}
}
.l-footer .l-container02 {
color: #ffffff;
}
.l-footer .l-container02 a {
color: #ffffff;
}
.l-footer .l-container02 .inner-wrap {
padding: 30px 0;
display: flex;
position: relative;
margin: 0 20px;
justify-content: space-between;
}
.l-footer .l-container02 .inner-wrap .l_col {
width: 350px;
padding-left: 30px;
}
.l-footer .l-container02 .inner-wrap .r_col #fnav ul li:first-child {
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.l-footer .l-footer-contact {
background: #efefef;
padding: 25px 0 25px 0;
margin-bottom: 10px;
}
.l-footer .l-footer-contact .c-contact-box .c-contact-box-list li a {
display: block;
}
}
.l-footer .l-container02 .l-footer__logo {
border-bottom: 1px solid #777777;
padding: 30px;
margin: 0 20px;
}
@media (max-width: 767px) {
.l-footer .l-container02 .l-footer__logo {
text-align: center;
padding: 30px 0;
margin: 0 20px;
}
.l-footer .l-container02 .l-footer__logo img {
width: 50%;
}
.l-footer .l-container02 .inner-wrap .l_col {
width: auto;
padding: 0 30px;
}
.l-footer .l-container02 .inner-wrap .r_col {
display: none;
}
}
.l-footer .l-container02 .inner-wrap .r_col nav {
display: flex;
font-size: 0.875rem;
}
.l-footer .l-container02 .inner-wrap .r_col nav ul {
vertical-align: top;
margin: 0 20px;
}
.l-footer .l-footer-concept {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/common/f-concept-bg.jpg) no-repeat center top;
padding: 50px 0;
text-align: center;
}
.concept-inner-wrap {
width: 800px;
margin: 0 auto;
}
.concept-ttl {
font-size: 1.5625rem;
margin-bottom: 1rem;
text-align: center;
}
#copy {
text-align: center;
padding: 20px;
}
@media (max-width: 767px) {
.l-footer .l-footer-concept {
padding: 30px 0;
}
.concept-inner-wrap {
width: auto;
margin: 0 30px;
}
.concept-ttl {
font-size: 1.15rem;
}
#copy {
width: 90%;
margin: 0 auto;
}
}
#copy li {
float: left;
padding: 10px 0;
}
@media (max-width: 767px) {
#copy li {
float: none;
text-align: center;
}
}
.pagetop {
position: absolute;
right: 0;
bottom: -20px;
font-size: 0.75rem;
width: 120px;
height: 20px;
background: #262626;
border-radius: 0 0 5px 5px;
}
.pagetop a {
text-align: center;
text-decoration: none;
display: block;
}
.pagetop a:before {
font-family: "Font Awesome 5 Free";
content: "\f0d8";
font-weight: 900;
margin-right: 10px;
}
.sec_footer_txt {
font-size: 14px;
color: #2E2E2E;
font-weight: 600;
}
.sec_footer_txt:nth-child(2) {
margin: 25px 0 0 0;
}
.h3_footer_txt {
background: #0068B6;
color: #FFF;
padding: 2px 0;
margin: 5px 0 0 0;
}
.sec_footer_txt a {
display: block;
margin: 10px 0 0 0;
}
.sec_footer_txt img {
display: block;
width: 100%;
height: auto;
}/*/*/  .p-top-page-mv {
position: relative;
overflow: hidden;
min-height: 619px;
}
.p-top-page-mv ul.main-slick .slick-slide {
overflow: hidden;
text-align: center;
min-height: 619px;
opacity: 0;
transition: opacity .3s linear;
}
.p-top-page-mv ul.main-slick .slick-slide.slick-initialized {opacity: 1;} .p-top-page-mv ul.main-slick .slick-slide img{
display:none;
}
.p-top-page-mv .main-slick .slide01 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/index/top-main01.jpg) no-repeat center top;
}
.p-top-page-mv .main-slick .slide02 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/index/top-main02.jpg) no-repeat center top;
}
.p-top-page-mv .main-slick .slide03 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/index/top-main03.jpg) no-repeat center top;
}
.p-top-page-mv .p-top-page-mv__txt {
width: 100%;
max-width: 1300px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
text-align: left;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.p-top-page-mv { 
min-height: 377px;
overflow:hidden;}
.p-top-page-mv ul.main-slick .slick-slide {
overflow: hidden;
text-align: center;
min-height: 377px;
}
.p-top-page-mv ul.main-slick .slick-slide img{
display:block;
width:100%;
height:auto;
}
.p-top-page-mv .main-slick .slide01 { background:none;
background-size: cover;
}
.p-top-page-mv .main-slick .slide02 { background-size: cover;background:none;
}
.p-top-page-mv .main-slick .slide03 { background-size: cover;background:none;
}
.p-top-page-mv .p-top-page-mv__txt {
}
} .p-top-page-main-topics {
background: #f7f7f7;
height: 60px;
position: relative;
}
.p-top-page-main-topics .l-container {
height: 120px;
}
.p-top-page-main-topics .p-top-page-main-topics-list {
background: rgba(24,118,188,0.8);
width: 1600px;
position: absolute;
height: 100%;
min-height: 60px;
left: 50%;
top: -30px;
margin-left: -800px;
display: table;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item {
padding: 5px 10px;
position: relative;
width: 1200px;
left: 200px;
vertical-align: middle;
display: table-cell;
color: #ffffff;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item a {
color: #ffffff;
word-break: break-all;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item .list-inner.new-post:before {
content: "NEW";
background: #333333;
color: #ffffff;
margin-right: 10px;
padding: 0 6px;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item .list-inner {
display: inline-block;
max-width: 1180px;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item .list-inner .date {
margin-right: 20px;
width: 100px;
color: #ffffff;
display: inline-block;
}
@media (max-width: 767px) {
.p-top-page-main-topics {
height: 30px;
}
.p-top-page-main-topics .p-top-page-main-topics-list {
width: 100%;
margin-left: 0;
left: 0;
top: -20px;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item {
width: 100%;
padding: 8px 10px;
font-size: 0.75rem;
position: relative;
left: 0;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item .list-inner:before {
margin-right: 5px;
padding: 0 3px;
}
.p-top-page-main-topics .p-top-page-main-topics-list .p-top-page-main-topics-list__item .list-inner .date {
margin-right: 10px;
width: auto;
}
} .p-top-page-business {
position: relative;
}
.p-top-page-business .p-top-page-business_main {
position: relative;
height: 385px;
}
.p-top-page-business .l-container {
position: relative;
}
.p-top-page-business .p-top-page-business_main.benefit01 .p-top-page-business__img {
position: absolute;
right: 50%;
margin-left: -960px;
}
.p-top-page-business .p-top-page-business_main.benefit02 .p-top-page-business__img {
position: absolute;
left: 50%;
margin-right: -960px;
}
.p-top-page-business .p-top-page-business_main.benefit01 {
margin-top: 30px;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt {
transform: translateY(-50%);
max-width: 600px;
width: 50%;
height: 100%;
position: absolute;
top: 50%;
}
.p-top-page-business .p-top-page-business_main.benefit01 .p-top-page-business__txt {
left: 50%;
}
.p-top-page-business .p-top-page-business_main.benefit02 .p-top-page-business__txt {
right: 50%;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt-box {
position: absolute;
left: 50%;
top: 50%;
padding: 0 60px;
transform: translate(-50%, -50%);
width: 100%;
}
@media (max-width: 767px) {
.p-top-page-business .p-top-page-business_main {
height: auto;
}
.p-top-page-business .p-top-page-business_main.benefit01 .p-top-page-business__img {
position: inherit;
right: 0;
margin-left: 0;
}
.p-top-page-business .p-top-page-business_main.benefit02 .p-top-page-business__img {
position: inherit;
left: 0;
margin-right: 0;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt {
transform: translateY(0%);
max-width: none;
width: 100%;
height: auto;
position: inherit;
top: 0;
margin: 50px 0;
}
.p-top-page-business .p-top-page-business_main.benefit01 .p-top-page-business__txt {
left: 0;
}
.p-top-page-business .p-top-page-business_main.benefit02 .p-top-page-business__txt {
right: 0;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt-box {
position: inherit;
left: 0;
top: 0;
transform: translate(0, 0);
width: 100%;
text-align: center;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt-box .btn01 {
display: block;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt-box .btn01 a {
display: block;
margin:20px auto;
}
} .p-top-page-pickup {
background: linear-gradient(180deg, #ffffff 0%, #ffffff 90px, #f7f7f7 90px, #f7f7f7 590px, #ffffff 590px, #ffffff 100%);
position: relative;
}
.p-top-page-pickup .p-top-page-pickup-list {
margin-top: 210px;
display: flex;
justify-content: space-between;
}
.p-top-page-pickup .p-top-page-pickup-list .p-top-page-pickup-list__item .p-top-page-pickup__txt {
padding: 50px;
text-align: center;
}
.p-top-page-pickup .p-top-page-pickup-list .p-top-page-pickup-list__item .p-top-page-pickup__txt .p-top-page-pickup__txt-box .mj_ttl {
padding-bottom: 3.75rem;
}
@media (max-width: 767px) {
.p-top-page-pickup {
background: #ffffff;
position: relative;
}
.p-top-page-pickup .p-top-page-pickup-list {
margin-top: 60px;
display: block;
}
.p-top-page-pickup .p-top-page-pickup-list .p-top-page-pickup-list__item .p-top-page-pickup__txt {
padding: 20px 20px;
text-align: center;
}
.p-top-page-pickup .p-top-page-pickup-list .p-top-page-pickup-list__item .p-top-page-pickup__txt .p-top-page-pickup__txt-box .mj_ttl {
padding-bottom: 1rem;
}
.p-top-page-pickup .p-top-page-pickup-list .p-top-page-pickup-list__item .p-top-page-pickup__img {
text-align: center;
background: #f7f7f7;
padding: 30px;
margin-bottom: 40px;
}
} .p-top-page-topics {
position: relative;
}
.p-top-page-topics .p-top-page-topics-list {
margin-top: 210px;
margin-bottom: 150px;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item {
padding: 5px 10px;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item:nth-child(odd) {
background: #f5f5f5;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item .list-inner.new-post:before {
content: "NEW";
background: #d4be8c;
color: #ffffff;
margin-right: 10px;
padding: 0 6px;
position: absolute;
left: 0;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item .list-inner {
width: 800px;
max-width: 80%;
margin: 0 auto;
padding-left: 60px;
position: relative;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item .list-inner .date {
margin-right: 20px;
width: 100px;
display: inline-block;
}
@media (max-width: 767px) {
.p-top-page-topics .p-top-page-topics-list {
margin-top: 60px;
margin-bottom: 50px;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item .list-inner {
width: 100%;
max-width: 96%;
margin: 0 auto;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item .list-inner .date {
width: 70px;
}
.p-top-page-topics .p-top-page-topics-list .p-top-page-topics-list__item .list-inner a {
display: block;
}
}
.top_cnt {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: row wrap;
}
.photo_index {
width:61.64%;
}
.photo_index img {
width: 100%;
height: auto;
display: block;
max-width: 1173px;
}
.video_wap {
width: 38.36%;
}
.video_cnt_wap {
width: 100%;
height: 50%;
position: relative;
overflow: hidden;
padding: 57.55% 0 0 0;
}
.video_cnt_wap video {
position: absolute;
left: 0;
top: 0;
right: 0;
margin: auto;
width: 105%;
height: auto;
}
video {
display: block;
}
@media (max-width: 767px) {
.photo_index {
width: 100%;
}
.video_wap {
width: 100%;        
}
.video_cnt_wap {
padding: 56.45% 0 0 0;
}
}
 #greeting .l-header .l-header-info-wrap #gnav .c-gnav > li.nav01 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-greeting {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/greeting/page-header.jpg) no-repeat center top;
}
.p-greeting-message .l-container {
position: relative;
}
.p-greeting-message p {
margin-bottom: 3rem;
font-size: 1.125rem;
line-height: 2.22222222222;
}
.p-greeting-message .p-greeting-txt {
width: 100%;
}
.p-greeting-message .p-greeting-txt .p-greeting-ttl {
font-size: 1.6875rem;
margin: 50px 0;
}
.p-greeting-message .p-greeting-txt .p-greeting-signature {
width: 50%;
}
.p-greeting-message .p-greeting-img {
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.p-greeting-message p {
font-size: 0.875rem;   
}
.p-greeting-message .p-greeting-txt {
width: 96%;
margin: 0 auto;
}
.p-greeting-message .p-greeting-txt .p-greeting-ttl {
font-size: 1.15rem;
margin: 30px 0;
}
.p-greeting-message .p-greeting-img {
position: relative;
right: auto;
bottom: auto;
width: 56%;
margin: 0 auto 30px;
}
}
 #outline .l-header .l-header-info-wrap #gnav .c-gnav>li.nav01>a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-outline {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/outline/page-header.jpg) no-repeat center top;
}
.p-outline-company .l-container {
position: relative;
}
.p-outline-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 60px;
}
.p-outline-table tr th {
border-bottom: 1px solid #b2b2b2;
padding: 10px;
white-space: nowrap;
}
.p-outline-table tr td {
border-bottom: 1px solid #b2b2b2;
padding: 10px;
}
.p-outline-table tr td .campanyFx {
display: flex;
align-items: flex-end;
flex-flow: row wrap;
justify-content: flex-start;
width: 100%;
}
.p-outline-table tr td .campanyFx .secCompanyTd {
width: 350px;
}
.p-outline-table tr td .campanyFx .btnCompanyLxn {
width: 200px;
margin-left: 50px;
}
.p-outline-table tr td .campanyFx .btnCompanyLxn .btnCompany {
width: 100%;
height: 50px;
border: 1px solid #CCC;
background: #fff;
display: flex;
justify-content: center;
justify-items: center;
align-items: center;
transition-duration: 0.5s;
text-align: center;
text-decoration: none;
}
.p-outline-table tr td .campanyFx .btnCompanyLxn .btnCompany:hover {
background: #0068b6;
color: #FFF;
border: 1px solid #0068b6;
opacity: 1;
}
.p-outline-table tr th:nth-of-type(2) {
text-align: right;
}
@media (max-width: 767px) {
.p-outline-table {}
.p-outline-table tr th,
.p-outline-table tr td {
font-size: 0.75rem;
}
.p-outline-table tr td .campanyFx {
display: flex;
align-items: flex-end;
flex-flow: row wrap;
justify-content: flex-start;
width: 100%;
}
.p-outline-table tr td .campanyFx .secCompanyTd {
width: 100%;
}
.p-outline-table tr td .campanyFx .btnCompanyLxn {
width: 100%;
margin-left: 50px;
margin: 10px 0 0 0;
}
.p-outline-table tr td .campanyFx .btnCompanyLxn .btnCompany {
width: 100%;
height: 40px;
border: 1px solid #CCC;
background: #fff;
display: flex;
justify-content: center;
justify-items: center;
align-items: center;
transition-duration: 0.5s;
text-align: center;
text-decoration: none;
}
.p-outline-table tr td .campanyFx .btnCompanyLxn .btnCompany:hover {
background: #0068b6;
color: #FFF;
border: 1px solid #0068b6;
opacity: 1;
}
}
 #organization .l-header .l-header-info-wrap #gnav .c-gnav > li.nav01 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-organization {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/organization/page-header.jpg) no-repeat center top;
}
.p-organization-chart .l-container {
position: relative;
}
.p-organization-chart .ttl_lv1 {
border: none;
display: block;
text-align: center;
}
.p-organization-chart-box {
text-align: center;
padding: 20px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
}
 #access .l-header .l-header-info-wrap #gnav .c-gnav > li.nav01 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-access {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/access/page-header.jpg) no-repeat center top;
}
.p-access .p-access-list {
border-bottom: 1px solid #312624;
justify-content: space-around;
display: flex;
margin-bottom: 40px;
padding: 0 30px;
}
.p-access .p-access-list .p-access-list-item {
width: 472px;
margin: 0 20px 40px;
}
.p-access .p-access-list:last-child {
border: none;
display: block;
}
.p-access .p-access-list:last-child > .p-access-list-item {
margin-left: 49px;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-ttl {
font-size: 1.5rem;
margin-bottom: 20px;
line-height: 1.2;
position: relative;
} .p-access .p-access-list .p-access-list-item .p-access-list-item-ttl.touhoku-ttl {
margin-bottom: 3rem;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-ttl .map-btn {
background: #0a5d9d;
border-left: 8px solid #002d58;
text-align: center;
width: 110px;
vertical-align: top;
position: absolute;
right: 0;
top: 0;
display: block;
padding: 10px;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-ttl .map-btn a {
font-size: 1rem;
color: #ffffff;
display: block;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-ttl .map-btn a:hover {
text-decoration: none;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-photo {
margin-bottom: 20px;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-address {
margin-bottom: 20px;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-contact li:before {
content: "■";
color: #0e68aa;
margin-right: 5px;
} .p-access .p-access-list .p-access-list-item .p-access-list-item-contact li.honsha-tel {
float: left;
margin-right: 20px;
}
@media (max-width: 767px) {
.p-access .p-access-list {
border-bottom: none;
display: block;
margin-bottom: 40px;
padding: 0 30px;
}
.p-access .p-access-list .p-access-list-item {
width: 96%;
margin: 0 auto 40px;
border-bottom: 1px solid #312624;
padding-bottom: 30px;
overflow: hidden;
}
.p-access .p-access-list:last-child > .p-access-list-item {
margin-left: auto;
}
.p-access .p-access-list:last-child .p-access-list-item:last-child {
border: none;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-ttl {
font-size: 1.3rem;
margin-bottom: 10px;
line-height: 1.55;
} .p-access .p-access-list .p-access-list-item .p-access-list-item-ttl.touhoku-ttl {
margin-bottom: 10px;
}
.p-access .p-access-list .p-access-list-item .p-access-list-item-ttl .map-btn {
width: 90px;
padding: 5px 10px;
} .p-access .p-access-list .p-access-list-item .p-access-list-item-contact li {
float: left;
margin-right: 20px;
}
}
 #environmentpolicy .l-header .l-header-info-wrap #gnav .c-gnav > li.nav01 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-environmentpolicy {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/environmentpolicy/page-header.jpg) no-repeat center top;
}
.p-environmentpolicy .l-container {
position: relative;
} .p-environmentpolicy {
position: relative;
}
.p-environmentpolicy .p-environmentpolicy_main {
position: relative;
height: 385px;
margin-top: 30px;
}
.p-environmentpolicy .p-environmentpolicy_main .p-environmentpolicy__img {
position: absolute;
right: 50%;
margin-left: -960px;
}
.p-environmentpolicy .p-environmentpolicy_main .p-environmentpolicy__txt {
transform: translateY(-50%);
max-width: 600px;
width: 50%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
}
.p-environmentpolicy .p-environmentpolicy_main .p-environmentpolicy__txt-box {
position: absolute;
left: 50%;
top: 50%;
padding: 0 60px;
transform: translate(-50%, -50%);
width: 100%;
font-size: 1.15rem;
}
.p-environmentpolicy .btn01 a {
width: 366px;
}
@media (max-width: 767px) {
.p-environmentpolicy .p-environmentpolicy_main {
height: auto;
}
.p-environmentpolicy .p-environmentpolicy_main .p-environmentpolicy__img {
position: inherit;
right: 0;
margin-left: 0;
}
.p-environmentpolicy .p-environmentpolicy_main .p-environmentpolicy__txt {
transform: translateY(0%);
max-width: none;
width: 100%;
height: auto;
position: inherit;
top: 0;
left: 0;
margin: 50px 0;
}
.p-environmentpolicy .p-environmentpolicy_main .p-environmentpolicy__txt-box {
position: inherit;
left: 0;
top: 0;
transform: translate(0, 0);
width: 96%;
text-align: center;
padding: 0;
margin: 0 auto;
font-size: 1rem;
}
.p-environmentpolicy .btn01 a {
width: auto;
}
} .p-environmentpolicy_action {
margin: 60px auto;
width: 800px;
}
.p-environmentpolicy_action .ttl_lv1 {
text-align: center;
display: block;
padding-bottom: 40px;
margin-bottom: 40px;
}
.p-environmentpolicy_action .p-environmentpolicy_action-txt {
margin: 0 auto;
width: 700px;
line-height: 2;
font-size: 1.15rem;
}
.p-environmentpolicy_action .p-environmentpolicy_action-txt .logo-ecoaction {
text-align: center;
margin: 40px 0;
}
.p-environmentpolicy_action .p-environmentpolicy_action-txt ul {
margin: 30px 0;
}
.p-environmentpolicy_action .p-environmentpolicy_action-txt ul li {
margin: 0 0 0.3rem 1rem;
text-indent: -1rem;
}
@media (max-width: 767px) {
.p-environmentpolicy_action {
margin: 50px auto;
width: 96%;
}
.p-environmentpolicy_action .ttl_lv1 {
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.p-environmentpolicy_action .p-environmentpolicy_action-txt {
margin: 0 auto;
width: 96%;
line-height: 1.5;
font-size: 1rem;
}
.p-environmentpolicy_action .p-environmentpolicy_action-txt .logo-ecoaction {
margin: 20px 15%;
}
.p-environmentpolicy_action .p-environmentpolicy_action-txt ul {
margin: 20px 0;
}
}
 #business .l-header .l-header-info-wrap #gnav .c-gnav > li.nav02 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-business {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/business/page-header.jpg) no-repeat center top;
}
.p-business .l-container {
position: relative;
}
.p-business-servicemodel-box_img {
text-align: center;
margin: 60px 2%;
}
.p-business-servicemodel-box .p-business-servicemodel-box_txt {
margin: 80px auto;
width: 700px;
line-height: 2;
}
.p-business-servicemodel-box_txt-catch {
color: #0068b6;
font-size: 1.5rem;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.p-business-servicemodel-box {
width: 96%;
margin: 0 auto;
}
.p-business-servicemodel-box .p-business-servicemodel-box_txt {
margin: 40px auto;
width: 92%;
line-height: 1.5;
}
.p-business-servicemodel-box_txt-catch {
color: #0068b6;
font-size: 1.25rem;
}
}
 #business1 .l-header .l-header-info-wrap #gnav .c-gnav > li.nav02 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-business1 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/business1/page-header.jpg) no-repeat center top;
} .p-business1 {
position: relative;
text-align: center;
}
.p-business1 .ttl_lv4 {
border-bottom: none;
}
.p-business1 .p-business1-mainimg {
position: relative;
height: 388px;
margin-bottom: 60px;
}
.p-business1 .p-business1-mainimg .p-business1-mainimg_img-l {
position: absolute;
right: 50%;
margin-left: -960px;
}
.p-business1 .p-business1-mainimg .p-business1-mainimg_img-r {
position: absolute;
left: 50%;
margin-right: -960px;
}
.p-business1 .p-business1-mainimg {
margin-top: 30px;
}
.p-business1 .p-business1-flow-box .p-business1-txt-box {
margin-bottom: 30px;
padding-bottom: 30px;
}
.p-business1 .p-business1-flow-box .p-business1-txt-box_list {
text-align: left;
width: 200px;
margin: 20px auto 0;
position: relative;
}
.p-business1 .p-business1-flow-box .p-business1-txt-box_list:before {
content: "（例）";
position: absolute;
left: -3rem;
top: 0;
}
.p-business1-flow-box {
padding-bottom: 60px;
}
.p-business1 .p-business1-flow-box .p-business1-flow-box .p-business1-txt-box_ttl {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.p-business1 .p-business1-flow-box .p-business1-flow-box .img-flow {
margin: 30px 0;
}
.flow-ttl {
font-size: 1.8125rem !important;
}
.flow-catch {
font-size: 1.5625rem;
color: #0068b6;
}
@media (max-width: 767px) {
.p-business1 .ttl_lv1.tc {
width: 96%;
margin: 0 auto 20px;
}
.p-business1 .p-business1-mainimg {
height: auto;
width: 96%;
margin: 0 auto 40px;
}
.p-business1 .p-business1-mainimg .p-business1-mainimg_img-l {
position: inherit;
right: 0;
margin-left: 0;
}
.p-business1 .p-business1-mainimg .p-business1-mainimg_img-r {
position: inherit;
left: 0;
margin-right: 0;
}
.p-business1 .p-business1-flow-box {
width: 96%;
margin: 0 auto;
}
.p-business1 .p-business1-flow-box .p-business1-txt-box_ttl {
font-size: 1.25rem;
}
}
 #business2 .l-header .l-header-info-wrap #gnav .c-gnav > li.nav02 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-business2 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/business2/page-header.jpg) no-repeat center top;
} .p-business2 {
position: relative;
text-align: center;
}
.p-business2 .ttl_lv4 {
border-bottom: none;
}
.p-business2 .p-business2-mainimg {
position: relative;
height: 388px;
margin-bottom: 60px;
}
.p-business2 .p-business2-mainimg .p-business2-mainimg_img-l {
position: absolute;
right: 50%;
margin-left: -960px;
}
.p-business2 .p-business2-mainimg .p-business2-mainimg_img-r {
position: absolute;
left: 50%;
margin-right: -960px;
}
.p-business2 .p-business2-mainimg {
margin-top: 30px;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box {
margin-bottom: 30px;
padding-bottom: 30px;
}
.p-business2 .p-business2-flow-box .features-list {
display: flex;
justify-content: center;
text-align: left;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box_list {
text-align: left;
max-width: 650px;
margin: 20px auto 0;
position: relative;
padding-left: 1rem;
text-indent: -1rem;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box_list.quality-list {
max-width: 580px;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box_list.environment-list {
max-width: 440px;
}
.p-business2 .p-business2-flow-box .p-business2-flow-box .p-business2-txt-box_ttl {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.p-business2 .p-business2-flow-box .p-business2-flow-box {
margin-bottom: 30px;
padding-bottom: 40px;
}
.p-business2 .p-business2-flow-box .p-business2-flow-box .img-flow {
margin: 30px 0;
}
.p-business2 .p-business2-sample-box {
margin-bottom: 50px;
}
.p-business2 .p-business2-sample-box .p-business2-sample_list {
display: flex;
justify-content: space-between;
width: 1000px;
flex-wrap: wrap;
margin: 40px auto;
}
@media (max-width: 767px) {
.p-business2 .ttl_lv1.tc {
width: 96%;
margin: 0 auto 20px;
}
.p-business2 .p-business2-mainimg {
height: auto;
width: 96%;
margin: 0 auto 40px;
}
.p-business2 .p-business2-mainimg .p-business2-mainimg_img-l {
position: inherit;
right: 0;
margin-left: 0;
}
.p-business2 .p-business2-mainimg .p-business2-mainimg_img-r {
position: inherit;
left: 0;
margin-right: 0;
}
.p-business2 .p-business2-flow-box {
width: 96%;
margin: 0 auto;
}
.p-business2 .p-business2-flow-box .features-list {
display: block;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box_list {
max-width: none;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box_list.quality-list {
max-width: none;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box_list.environment-list {
max-width: none;
}
.p-business2 .p-business2-flow-box .p-business2-txt-box_ttl {
font-size: 1.25rem;
}
.p-business2 .p-business2-sample-box {
width: 96%;
margin: 0 auto;
}
.p-business2 .p-business2-sample-box .p-business2-sample_list {
width: 96%;
margin: 0 auto;
}
.p-business2 .p-business2-sample-box .p-business2-sample_list li {
width: 47%;
margin: 10px 1.5%;
}
}
 #business3 .l-header .l-header-info-wrap #gnav .c-gnav > li.nav02 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-business3 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/business3/page-header.jpg) no-repeat center top;
} .p-business3 {
position: relative;
text-align: center;
}
.p-business3 .ttl_lv4 {
border-bottom: none;
}
.p-business3 .p-business3-mainimg {
position: relative;
height: 388px;
margin-bottom: 60px;
}
.p-business3 .p-business3-mainimg .p-business3-mainimg_img-l {
position: absolute;
right: 50%;
margin-left: -960px;
}
.p-business3 .p-business3-mainimg .p-business3-mainimg_img-r {
position: absolute;
left: 50%;
margin-right: -960px;
}
.p-business3 .p-business3-mainimg {
margin-top: 30px;
}
.p-business3 .p-business3-flow-box .p-business3-txt-box {
margin-bottom: 30px;
padding-bottom: 30px;
}
.p-business3 .p-business3-flow-box .p-business3-txt-box_list {
text-align: left;
max-width: 340px;
margin: 20px auto 0;
position: relative;
padding-left: 1rem;
text-indent: -1rem;
}
.p-business3 .p-business3-flow-box .p-business3-flow-box .p-business3-txt-box_ttl {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.p-business3 .p-business3-flow-box .p-business3-flow-box {
margin-bottom: 50px;
}
.p-business3 .p-business3-flow-box .p-business3-flow-box .img-flow {
margin: 30px 0;
}
@media (max-width: 767px) {
.p-business3 .ttl_lv1.tc {
width: 96%;
margin: 0 auto 20px;
}
.p-business3 .p-business3-mainimg {
height: auto;
width: 96%;
margin: 0 auto 40px;
}
.p-business3 .p-business3-mainimg .p-business3-mainimg_img-l {
position: inherit;
right: 0;
margin-left: 0;
}
.p-business3 .p-business3-mainimg .p-business3-mainimg_img-r {
position: inherit;
left: 0;
margin-right: 0;
}
.p-business3 .p-business3-flow-box {
width: 96%;
margin: 0 auto;
}
}
 #recruit .l-header .l-header-info-wrap #gnav .c-gnav > li.nav05 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-recruit {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/recruit/page-header.jpg) no-repeat center top;
} .p-recruit-philosophy .p-recruit-philosophy_box {
margin: 60px auto 100px;
width: 650px;
}
.p-recruit-philosophy .p-recruit-philosophy_box .p-recruit-philosophy_ttl {
font-size: 1.4375rem;
margin-bottom: 40px;
font-feature-settings: "palt";
letter-spacing:-.05rem;
}
.p-recruit-philosophy .p-recruit-philosophy_box p {
line-height: 1.8;
} .p-recruit-interview .p-recruit-interview_wrap {
background: #f7f7f7;
margin: 35px 0;
padding: 20px 0;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box {
display: flex;
width: 880px;
justify-content: space-between;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box .p-recruit-interview_img {
width: 24.44%;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box .p-recruit-interview_txt {
width: 69.89%;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box .p-recruit-interview_txt .interview-belongs {
font-size: 0.9rem;
margin: 14px 0 10px;
} .p-recruit-recruitments .l-container {
margin: 60px auto;
width: 880px;
}
.p-recruit-recruitments .recruitments-ttl {
font-size: 1.6875rem;
text-align: center;
color: #0068b6;
margin-bottom: 30px;
}
.p-recruit-recruitments .recruitments-sub-ttl {
font-size: 1.375rem;
margin-bottom: 10px;
border-bottom: 2px solid #918c8a;
padding-bottom: 5px;
}
.p-recruit-recruitments .p-recruit-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 60px;
}
.p-recruit-recruitments .p-recruit-table tr th {
border-bottom: 1px solid #b2b2b2;
padding: 10px 0;
white-space: nowrap;
width: 20%;
}
.p-recruit-recruitments .p-recruit-table tr td {
border-bottom: 1px solid #b2b2b2;
padding: 10px 0 10px 10px;
}
.p-recruit-recruitments .p-recruit-table.contact-table tr th, .p-recruit-recruitments .p-recruit-table.contact-table tr td {
border: none;
margin: 50px 0;
}
@media (max-width: 767px) {
.p-recruit-philosophy .p-recruit-philosophy_box {
margin: 60px auto 100px;
width: 96%;
}
.p-recruit-philosophy .p-recruit-philosophy_box .p-recruit-philosophy_ttl {
font-size: 1.25rem;
}
.p-recruit-interview .p-recruit-interview_wrap {
padding: 10px 0;
margin: 10px 0;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box {
width: auto;
padding: 0 2%;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box .p-recruit-interview_img {
width: 24.5%;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box .p-recruit-interview_txt .interview-belongs {
font-size: 0.75rem;
margin: 3px 0;
}
.p-recruit-interview .p-recruit-interview_wrap .p-recruit-interview_box .p-recruit-interview_txt {
width: 73%;
font-size:0.75rem;
line-height:1.2;
}
.p-recruit-recruitments .l-container {
margin: 60px auto;
width: 96%;
}
.p-recruit-recruitments .recruitments-ttl {
font-size: 1.5rem;
}
.p-recruit-recruitments .recruitments-sub-ttl {
font-size: 1.25rem;
}
.p-recruit-recruitments .p-recruit-table {
}
.p-recruit-recruitments .p-recruit-table tr th, .p-recruit-table tr td {
font-size: 0.75rem;
}
}
 #mjseries .l-header .l-header-info-wrap #gnav .c-gnav > li.nav02 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-mjseries {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/mjseries/page-header.jpg) #f9f9f9 no-repeat center top;
height: 618px;
}
.page-header.page-mjseries .page-header-title {
text-align: left;
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
margin-left: -380px;
}
.page-mjseries .sp-header-img {
display: none;
}
.p-mjseries .l-container {
position: relative;
} .p-mjseries {
position: relative;
}
.p-mjseries .p-mjseries_main {
position: relative;
height: 435px;
}
.p-mjseries .p-mjseries_main .p-mjseries__img {
position: absolute;
right: 50%;
margin-left: -960px;
}
.p-mjseries .p-mjseries_main.rignt-img .p-mjseries__img {
position: absolute;
right: auto;
left: 50%;
margin-left: 0;
margin-right: -960px;
}
.p-mjseries .p-mjseries_main .p-mjseries__txt {
transform: translateY(-50%);
max-width: 600px;
width: 50%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
}
.p-mjseries .p-mjseries_main.rignt-img .p-mjseries__txt {
transform: translateY(-50%);
max-width: 600px;
width: 50%;
height: 100%;
position: absolute;
top: 50%;
left: auto;
right: 50%;
}
.p-mjseries .p-mjseries_main .p-mjseries__txt-box {
position: absolute;
left: 50%;
top: 50%;
padding: 0 60px;
transform: translate(-50%, -50%);
width: 100%;
font-size: 1.15rem;
}
.p-mjseries .btn01 a {
width: 366px;
}
@media (max-width: 767px) {
.page-header.page-mjseries {
background: #f9f9f9 no-repeat center top;
height: auto;
}
.page-header.page-mjseries .page-header-title {
text-align: center;
transform: translate(0%, 0%);
position: inherit;
left: 0;
top: 0;
margin-left: 0;
padding: 0 10% 30px;
}
.page-mjseries .sp-header-img {
padding: 20px 5%;
margin: 0;
display: block;
}
.p-mjseries .p-mjseries_main {
height: auto;
}
.p-mjseries .p-mjseries_main .p-mjseries__img, .p-mjseries .p-mjseries_main.rignt-img .p-mjseries__img {
position: inherit;
right: 0;
left: 0;
margin-right: 0;
margin-left: 0;
}
.p-mjseries .p-mjseries_main .p-mjseries__txt, .p-mjseries .p-mjseries_main.rignt-img .p-mjseries__txt {
transform: translateY(0%);
max-width: none;
width: 88%;
height: auto;
position: inherit;
top: 0;
left: 0;
right: 0;
margin: 50px auto;
}
.p-mjseries .p-mjseries_main .p-mjseries__txt-box {
position: inherit;
left: 0;
top: 0;
transform: translate(0, 0);
width: 96%;
padding: 0;
margin: 0 auto;
font-size: 1rem;
}
.p-mjseries .btn01 a {
width: auto;
}
}
.p-mjseries-features .p-mjseries-features_box {
margin: 0 auto;
width: 1000px;
padding: 80px 0;
}
.p-mjseries-features .p-mjseries-features_box .ttl_lv5 {
text-align: center;
margin-bottom: 40px;
color: #0068b6;
}
.p-mjseries-features .p-mjseries-features_box .p-mjseries-features_box-txt ul {
margin: 30px 0;
display: flex;
justify-content: space-between;
}
.p-mjseries-features .p-mjseries-features_box .p-mjseries-features_box-txt ul li {
border: 1px solid #0068b6;
width: 32%;
text-align: center;
padding: 50px 10px;
}
.p-mjseries-testcenter {
background: #f7f7f7;
}
.p-mjseries-testcenter .l-container {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/mjseries/bg-testcenter.jpg) no-repeat center center;
color: #ffffff;
}
.p-mjseries-testcenter .p-mjseries-testcenter_box {
padding: 80px 0;
width: 400px;
margin: 0 auto;
}
.p-mjseries-testcenter .p-mjseries-testcenter_box .ttl_testcenter {
font-size: 2rem;
margin-bottom: 20px;
}
.p-mjseries-testcenter .p-mjseries-testcenter_box .btn01 a {
background: #ffffff;
color: #0068b6;
width: 100%;
}
.p-mjseries-products .p-mjseries-products_box {
padding: 120px 0;
width: 400px;
margin: 0 auto;
}
.p-mjseries-products .p-mjseries-products_box .btn01 a {
width: 100%;
}
@media (max-width: 767px) {
.p-mjseries-features .p-mjseries-features_box {
margin: 50px auto;
width: 96%;
padding: 0;
}
.p-mjseries-features .p-mjseries-features_box .p-mjseries-features_box-txt {
width: 88%;
margin: 0 auto;
}
.p-mjseries-features .p-mjseries-features_box .p-mjseries-features_box-txt ul {
margin: 20px 0;
display: block;
justify-content: space-between;
}
.p-mjseries-features .p-mjseries-features_box .p-mjseries-features_box-txt ul li {
width: 80%;
margin: 20px auto;
text-align: center;
padding: 20px 10px;
}
.p-mjseries-testcenter .p-mjseries-testcenter_box {
padding: 40px 0;
width: 80%;
margin: 0 auto;
}
.p-mjseries-testcenter .p-mjseries-testcenter_box .ttl_testcenter {
font-size: 1.5rem;
}
.p-mjseries-products .p-mjseries-products_box {
padding: 40px 0;
width: 80%;
margin: 0 auto;
}
}
 .page-header.page-testcenter {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/testcenter/page-header.jpg) no-repeat center top;
height: 618px;
}
.page-header.page-testcenter .page-header-title {
text-align: left;
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
margin-left: -380px;
}
.page-testcenter .sp-header-img {
display: none;
}
.p-testcenter .l-container {
position: relative;
} .p-testcenter {
position: relative;
}
.p-testcenter .p-testcenter_main {
position: relative;
height: 435px;
}
.p-testcenter .p-testcenter_main .p-testcenter__img {
position: absolute;
right: 50%;
margin-left: -960px;
}
.p-testcenter .p-testcenter_main.rignt-img .p-testcenter__img {
position: absolute;
right: auto;
left: 50%;
margin-left: 0;
margin-right: -960px;
}
.p-testcenter .p-testcenter_main .p-testcenter__txt {
transform: translateY(-50%);
max-width: 600px;
width: 50%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
}
.p-testcenter .p-testcenter_main.rignt-img .p-testcenter__txt {
transform: translateY(-50%);
max-width: 600px;
width: 50%;
height: 100%;
position: absolute;
top: 50%;
left: auto;
right: 50%;
}
.p-testcenter .p-testcenter_main .p-testcenter__txt-box {
position: absolute;
left: 50%;
top: 50%;
padding: 0 60px;
transform: translate(-50%, -50%);
width: 100%;
font-size: 1.15rem;
}
.p-testcenter .btn01 a {
width: 366px;
}
@media (max-width: 767px) {
.page-header.page-testcenter {
background: none;
height: auto;
}
.page-header.page-testcenter .page-header-title {
text-align: center;
transform: translate(0%, 0%);
position: inherit;
left: 0;
top: 0;
margin-left: 0;
padding: 20px 10% 30px;
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/testcenter/bg-page-header.jpg) no-repeat center bottom;
border-top: 1px solid #7799b6;
}
.page-testcenter .sp-header-img {
margin: 0;
display: block;
}
.p-testcenter .p-testcenter_main {
height: auto;
}
.p-testcenter .p-testcenter_main .p-testcenter__img, .p-testcenter .p-testcenter_main.rignt-img .p-testcenter__img {
position: inherit;
right: 0;
left: 0;
margin-right: 0;
margin-left: 0;
}
.p-testcenter .p-testcenter_main .p-testcenter__txt, .p-testcenter .p-testcenter_main.rignt-img .p-testcenter__txt {
transform: translateY(0%);
max-width: none;
width: 88%;
height: auto;
position: inherit;
top: 0;
left: 0;
right: 0;
margin: 50px auto;
}
.p-testcenter .p-testcenter_main .p-testcenter__txt-box {
position: inherit;
left: 0;
top: 0;
transform: translate(0, 0);
width: 96%;
padding: 0;
margin: 0 auto;
font-size: 1rem;
}
.p-testcenter .btn01 a {
width: auto;
}
}
.p-testcenter-features .p-testcenter-features_box {
margin: 0 auto;
width: 1000px;
padding: 80px 0 0;
}
.p-testcenter-features .ttl_lv5 {
text-align: center;
margin-bottom: 40px;
color: #0068b6;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul {
margin: 30px 0;
display: flex;
justify-content: space-between;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li {
border: 1px solid #0068b6;
width: 23%;
padding: 20px 10px 20px 40px;
position: relative;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:before {
content: "1";
position: absolute;
left: 15px;
top: 15px;
font-size: 1.7rem;
color: #0068b6;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:nth-child(2):before {
content: "2";
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:nth-child(3):before {
content: "3";
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:nth-child(4):before {
content: "4";
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:after {
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
display: block;
position: absolute;
right: -20px;
top: 50%; transform: translateY(-50%);
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:last-child:after {
display: none;
}
.p-testcenter-features .p-testcenter-example_box {
margin: 0 auto;
width: 1000px;
padding: 80px 0;
}
.p-testcenter-example_box-txt {
display: flex;
justify-content: space-between;
}
.p-testcenter-features .p-testcenter-example_box ul {
border-top: 1px solid #cfcfcf;
width: 49%;
}
.p-testcenter-features .p-testcenter-example_box ul li {
border-bottom: 1px solid #cfcfcf;
font-size: 0.875rem;
padding: 4px 0;
}
.p-testcenter-features .p-testcenter-example_box ul li:before {
content: "■";
margin-right: 5px;
color: #808080;
}
.p-testcenter-features .p-testcenter-example_box ul:last-child >li:last-child:before {
color: #ffffff;
}
.p-testcenter-features .p-testcenter-select_box {
margin: 0 auto;
width: 1000px;
padding: 80px 0;
}
.p-testcenter-features .p-testcenter-select_box .p-testcenter-select_box-txt ul {
margin: 30px 0;
display: flex;
justify-content: space-between;
}
.p-testcenter-features .p-testcenter-select_box .p-testcenter-select_box-txt ul li {
width: 31%;
position: relative;
}
.p-testcenter-features .p-testcenter-select_box .p-testcenter-select_box-txt ul li:after {
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
display: block;
position: absolute;
right: -25px;
top: 50%;
color: #0068b6;
font-size: 2rem;
transform: translateY(-50%);
}
.p-testcenter-features .p-testcenter-select_box .p-testcenter-select_box-txt ul li:last-child:after {
display: none;
}
@media (max-width: 767px) {
.p-testcenter-features .p-testcenter-features_box {
margin: 50px auto;
width: 96%;
padding: 0;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt {
width: 88%;
margin: 0 auto;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul {
margin: 20px 0;
flex-wrap: wrap;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li {
width: 47%;
margin: 20px 0 0;
font-size: 0.75rem;
padding: 10px 10px 10px 30px;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:before {
content: "1";
position: absolute;
left: 10px;
top: 10px;
font-size: 1rem;
}
.p-testcenter-features .p-testcenter-features_box .p-testcenter-features_box-txt ul li:after {
display: none;
}
.p-testcenter-features .p-testcenter-example_box {
margin: 50px auto;
width: 96%;
padding: 0;
}
.p-testcenter-example_box-txt {
display: block;
}
.p-testcenter-features .p-testcenter-example_box ul {
width: 88%;
margin: 0 auto;
}
.p-testcenter-features .p-testcenter-example_box ul li {
border-bottom: 1px solid #cfcfcf;
font-size: 0.7rem;
padding: 4px 0;
}
.p-testcenter-features .p-testcenter-example_box ul:last-child {
border: none;
}
.p-testcenter-features .p-testcenter-example_box ul:last-child >li:last-child {
display: none;
}
.p-testcenter-features .p-testcenter-select_box {
margin: 50px auto;
width: 96%;
padding: 0;
}
.p-testcenter-features .p-testcenter-select_box .p-testcenter-select_box-txt ul {
display: block;
}
.p-testcenter-features .p-testcenter-select_box .p-testcenter-select_box-txt ul li {
width: 90%;
margin: 0 auto 30px;
text-align:center;
}
.p-testcenter-features .p-testcenter-select_box .p-testcenter-select_box-txt ul li:after {
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight: 900;
display: block;
position: absolute;
right: 44%;
top: 98%;
color: #0068b6;
transform: translateX(-50%);
}
}
 .post-type-archive-works .l-header .l-header-info-wrap #gnav .c-gnav > li.nav04 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-works {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/works/page-header.jpg) no-repeat center top;
}
.p-works .l-container {
position: relative;
width: 1300px;
}
@media (max-width: 767px) {
}
.p-works-map-link {
position: relative;
margin: 60px 0 0;
}
.p-works .p-works-map-link .p-works-map_txt {
position: absolute;
width: 540px;
left: 83px;
top: 170px;
}
.p-works .p-works-map-link .p-works-map-link_icn {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
}
.p-works .p-works-map-link .p-works-map-link_icn .link-item {
}
.p-works .p-works-map-link .p-works-map-link_icn .link-item a {
background: rgba(107,199,241,0.31);
border: 2px solid #0a6eb9;
display: block;
border-radius: 100%;
width: 100px;
height: 100px;
position: absolute;
}
.p-works .p-works-map-link .p-works-map-link_icn .link-item.link-area01 a {
left: 168px;
top: 596px;
width: 170px;
height: 170px;
}
.p-works .p-works-map-link .p-works-map-link_icn .link-item.link-area02 a {
left: 355px;
top: 586px;
width: 120px;
height: 120px;
}
.p-works .p-works-map-link .p-works-map-link_icn .link-item.link-area03 a {
left: 496px;
top: 566px;
width: 142px;
height: 142px;
}
.p-works .p-works-map-link .p-works-map-link_icn .link-item.link-area04 a {
left: 667px;
top: 479px;
width: 170px;
height: 170px;
}
.p-works .p-works-map-link .p-works-map-link_icn .link-item.link-area05 a {
left: 722px;
top: 150px;
width: 215px;
height: 215px;
} .area-tab {
position: relative;
padding-top: 48px;
margin-bottom: 100px;
}
.area-tab .area-tab-item {
width: 250px;
border: 2px solid #0068b6;
border-bottom: none;
position: absolute;
height: 48px;
}
.area-tab .area-tab-item span {
display: block;
padding: 10px;
color: #0068b6;
font-size: 1.125rem;
text-align: center;
}
.area-tab .area-tab-item.active span {
color: #ffffff;
text-decoration: none;
background: #0068b6;
opacity: 1;
}
.area-tab .area-tab-item span:hover {
color: #ffffff;
text-decoration: none;
background: #0068b6;
cursor: pointer;
opacity: 1;
}
.area-tab .area-tab-item span.select {
color: #ffffff;
text-decoration: none;
background: #0068b6;
opacity: 1;
}
.area-tab .area-tab-item#kyushu {
left: 0;
top: 0;
}
.area-tab .area-tab-item#chugoku_shikoku {
left: 263px;
top: 0;
}
.area-tab .area-tab-item#tyubu_kansai {
left: 525px;
top: 0;
}
.area-tab .area-tab-item#kanto_hokuriku {
left: 787px;
top: 0;
}
.area-tab .area-tab-item#hokaidou_touhoku {
left: 1050px;
top: 0;
}
.area-tab .area-tab-contents {
border: 2px solid #0068b6;
display: none;
}
.p-works .area-tab .area-tab-contents.active { display: block;
}
.p-works .area-tab .area-tab-contents .works-list {
display: flex;
flex-wrap: wrap;
padding: 20px;
}
.p-works .area-tab .area-tab-contents .works-list .works-list-item {
margin: 10px 1.6%;
width: 30%;
}
.p-works .area-tab .area-tab-contents .works-list .works-list-item .works-item-pref {
color: #0068b6;
font-size: 1.5rem;
}
.p-works .area-tab .area-tab-contents .works-list .works-list-item .works-item-img {
}
.p-works .area-tab .area-tab-contents .works-list .works-list-item .works-item-ttl {
} .modaal-container {
max-width: 690px !important;
} .modal-box-item-pref {
font-size: 1.5rem;
}
#sp-works {
display: none;
}
@media (max-width: 767px) {
.p-works .l-container {
width: auto;
}
.p-works .p-works-map-link .p-works-map_img {
display: none;
}
.p-works .p-works-map-link .p-works-map_txt {
position: inherit;
width: 96%;
margin: 0 auto 40px;
left: auto;
top: auto;
}
.p-works .p-works-map-link .p-works-map-link_icn {
display: none;
} .area-tab {
padding-top: 0;
width: 96%;
margin: 0 auto 40px;
}
.area-tab .area-tab-item {
width: 100%;
border: 2px solid #0068b6;
position: inherit;
height: auto;
left: auto !important;
top: auto !important;
margin-bottom: 10px;
}
.area-tab .area-tab-item span {
color: #ffffff;
background: #0068b6;
position: relative;
}
.area-tab .area-tab-item span:after {
content: "▼";
color: #ffffff;
background: #0068b6;
position: absolute;
right: 20px;
top: 50%;
margin-top: -12px;
transform: rotate(-90deg);
}
.area-tab .area-tab-item.active span:after {
transform: rotate(0);
}
.p-works .area-tab .area-tab-contents {
border: none;
}
.p-works .area-tab .area-tab-contents .works-list {
justify-content: space-between;
padding: 0;
margin-bottom: 20px;
}
.p-works .area-tab .area-tab-contents .works-list .works-list-item {
margin: 10px 0;
width: 48%;
}
#sp-works {
display: block;
}
}
@-webkit-keyframes 
bounceIn {
from, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
40% {
transform: scale(.9, .9);
-webkit-transform: scale(.9, .9);
}
60% {
opacity: 1;
transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
80% {
transform: scale(.97, .97);
-webkit-transform: scale(.97, .97);
}
to {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}
@keyframes 
bounceIn {
from, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
40% {
transform: scale(.9, .9);
-webkit-transform: scale(.9, .9);
}
60% {
opacity: 1;
transform: scale(1.03, 1.03);
-webkit-transform: scale(1.03, 1.03);
}
80% {
transform: scale(.97, .97);
-webkit-transform: scale(.97, .97);
}
to {
opacity: 1;
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
}
}
.js-active a {
display: block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
.btn01 .close-modal {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
background: #0068b6;
color: #ffffff;
width: 260px;
padding: 10px 40px;
display: block;
margin: 20px 0;
clear: both;
position: relative;
text-align: center;
font-size: 1rem !important;
}
.btn01 .close-modal:hover {
text-decoration: none;
}
.btn01 .close-modal:before {
font-family: "Font Awesome 5 Free";
content: "\f0c9";
font-weight: 900;
display: block;
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.btn01.tc .close-modal {
margin: 20px auto;
}
 .post-type-archive-products .l-header .l-header-info-wrap #gnav .c-gnav > li.nav03 > a:after, .single-products .l-header .l-header-info-wrap #gnav .c-gnav > li.nav03 > a:after {
content: "";
display: block;
width: 80px;
height: 5px;
margin: 5px auto 0;
background: #333333;
transition: 0s;
}
.page-header.page-products {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/products/page-header.jpg) no-repeat center top;
} .p-products .p-products-main_txt {
margin: 50px 0;
}
.p-products .p-products-main_txt .ttl_lv4 {
border: none;
}
.p-products .p-products-main_txt .lead_txt {
text-align: center;
font-size: 1rem;
margin-bottom: 40px;
}
.p-products .p-products-main_txt .btn_right .btn01 a {
margin-left: auto;
}
.p-products .p-products-list_box {
margin: 50px 30px;
}
.p-products .p-products-list_box .p-products-list {
overflow: hidden;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item {
width: 24%;
position: relative;
margin-bottom: 18px;
float: left;
margin-right: 1.33%;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item:nth-child(4n) {
margin-right: 0;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item a {
width: 100%;
height: 100%;
position: relative;
text-align: center;
overflow: hidden;
display: block;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item a .item-name {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,64,132,0.45);
opacity: 0;
color: #fff;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
padding: 30px;
box-sizing: border-box;
transition: all 0.6s ease;
padding-bottom: 0;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item a:hover {
opacity: 1;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item a:hover .item-name {
opacity: 1;
padding-bottom: 30px;
}
@media (max-width: 767px) {
.p-products .p-products-main_txt {
margin: 30px auto;
width: 96%;
}
.p-products .p-products-main_txt .btn_right {
display: flex;
justify-content: space-between;
}
.p-products .p-products-main_txt .btn_right .btn01 {
width: 48%;
}
.p-products .p-products-main_txt .btn_right .btn01 a {
margin: 0;
width: auto;
font-size: 0.75rem !important;
padding: 10px 10px 10px 25px;
}
.p-products .p-products-list_box {
margin: 0px auto;
width: 96%;
}
.p-products .p-products-list_box .p-products-list {
padding-left: 0%;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item {
width: 48%;
position: relative;
margin-bottom: 18px;
margin-right: 4%;
}
.p-products .p-products-list_box .p-products-list .p-products-list-item:nth-child(2n) {
margin-right: 0;
}
} .p-products-post .p-products-post-main_txt {
margin: 50px 0;
}
.p-products-post .p-products-post-main_txt .ttl_lv4 {
border: none;
}
.p-products-post .p-products-post-main_txt .lead_txt {
text-align: center;
font-size: 1.25rem;
margin-bottom: 40px;
}
.p-products-post .p-products-post-main_txt .btn_right .btn01 a {
margin-left: auto;
}
.p-products-post .p-products-post-img_box {
margin: 50px auto;
width: 962px;
}
.p-products-post .p-products-post-img_thumb {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.p-products-post-img_main {
margin-bottom: 20px;
}
.p-products-post-img_main img {
width: 100%;
}
.p-products-post .p-products-post-img_thumb .img_thumb-item {
width: 33%;
position: relative;
margin-bottom: 18px;
}
.p-products-post .p-products-post-img_thumb .img_thumb-item:hover {
cursor: pointer;
}
.p-products-post .p-products-post-detail_box {
margin: 50px auto;
width: 962px;
}
.p-products-post-detail_box .p-products-post-detail_box-table {
width: 100%;
border-collapse: collapse;
}
.p-products-post-detail_box .p-products-post-detail_box-table th {
border-bottom: 1px solid #cccccc;
padding: 10px 10px 10px 50px;
width: 460px;
white-space: nowrap;
}
.p-products-post-detail_box .p-products-post-detail_box-table th:before {
content: "■";
margin-right: 5px;
color: #808080;
}
.p-products-post-detail_box .p-products-post-detail_box-table td {
border-bottom: 1px solid #cccccc;
padding: 10px 50px 10px 20px;
position: relative;
}
.p-products-post-detail_box .p-products-post-detail_box-table td:before {
content: "";
position: absolute;
left: 0;
top: 50%;
display: block;
height: calc(100% - 20px);
width: 1px;
background: #626262;
transform: translateY(-50%);
}
.p-products-post-detail_box .btn_box {
text-align: center;
margin: 30px 0;
}
.p-products-post-detail_box .btn_box .btn01 {
display: inline-block;
margin: 0 20px;
}
@media (max-width: 767px) {
.p-products-post .p-products-post-main_txt {
margin: 50px auto;
width: 96%;
}
.p-products-post .p-products-post-main_txt .lead_txt {
text-align: center;
font-size: 1.15rem;
margin-bottom: 40px;
}
.p-products-post .p-products-post-main_txt .btn_right .btn01 a {
margin-left: auto;
}
.p-products-post .p-products-post-img_box {
margin: 50px auto;
width: 96%;
}
.p-products-post .p-products-post-img_thumb {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.p-products-post-img_main {
margin-bottom: 20px;
}
.p-products-post .p-products-post-img_thumb .img_thumb-item {
width: 33%;
position: relative;
margin-bottom: 18px;
}
.p-products-post .p-products-post-img_thumb .img_thumb-item:hover {
cursor: pointer;
}
.p-products-post .p-products-post-detail_box {
margin: 50px auto;
width: 96%;
}
.p-products-post-detail_box .p-products-post-detail_box-table {
width: 100%;
border-collapse: collapse;
}
.p-products-post-detail_box .p-products-post-detail_box-table th {
border-bottom: 1px solid #cccccc;
padding: 10px 5px 10px 1.2rem;
width: 35%;
white-space: normal;
text-indent: -1rem;
font-size: 0.75rem;
}
.p-products-post-detail_box .p-products-post-detail_box-table th:before {
content: "■";
margin-right: 5px;
color: #808080;
}
.p-products-post-detail_box .p-products-post-detail_box-table td {
border-bottom: 1px solid #cccccc;
padding: 10px 5px 10px 10px;
position: relative;
font-size: 0.75rem;
}
.p-products-post-detail_box .p-products-post-detail_box-table td:before {
content: "";
position: absolute;
left: 0;
top: 50%;
display: block;
height: calc(100% - 20px);
width: 1px;
background: #626262;
transform: translateY(-50%);
}
} #products-nav {
text-align: center;
padding: 40px 80px 20px;
margin-top: 50px;
font-size: 14px;
position: relative;
}
.wp-pagenavi {
text-align: center;
vertical-align: bottom;
}
#products-nav a {
text-decoration: none;
vertical-align: bottom;
}
#products-nav a.page, #products-nav .extend, #products-nav .pages {
border: solid 1px #0068b6;
background: #ffffff;
height: 50px;
min-width: 50px;
display: inline-block;
margin: 0 5px;
vertical-align: top;
line-height: 46px;
text-align: center;
color: #000000;
}
#products-nav .pages {
display: none;
}
#products-nav a.page:hover {
height: 50px;
background: #0068b6;
margin: 0 5px;
display: inline-block;
color: #ffffff;
}
#products-nav .current {
color: #ffffff;
margin: 0 5px;
display: inline-block;
height: 50px;
width: 50px;
text-align: center;
border: solid 1px #0068b6;
line-height: 46px;
background: #0068b6;
}
#products-nav .previouspostslink {
margin: 0 5px;
line-height: 46px;
color: #ffffff;
height: 50px;
display: inline-block;
width: 50px;
border: solid 1px #0068b6;
background: #0068b6;
}
#products-nav .previouspostslink:hover {
background: #ffffff;
height: 50px;
color: #0068b6;
border: solid 1px #0068b6;
}
#products-nav .nextpostslink {
color: #ffffff;
height: 50px;
width: 50px;
display: inline-block;
line-height: 46px;
border: solid 1px #0068b6;
background: #0068b6;
margin: 0 5px;
}
#products-nav .nextpostslink:hover {
background: #ffffff;
height: 50px;
color: #0068b6;
border: solid 1px #0068b6;
}
#products-nav .list_top {
line-height: 50px;
color: #ffffff;
height: 50px;
border: solid 1px #0068b6;
background: #0068b6;
display: inline-block;
padding: 3px 15px;
}
#products-nav .list_top:hover {
background: #ffffff;
height: 50px;
color: #0068b6;
border: solid 1px #0068b6;
}/*/*/.p-products .p-products-main_txt .lead_txt {
font-size: 1rem;
}
.p-products-post .p-products-post-main_txt .lead_txt {
font-size: 1rem;
}
@media (max-width: 767px){
.page-header-title img {
max-width: unset !important;
min-width: auto !important;
height: 15vw;
width: auto;
}
.p-works .area-tab .area-tab-contents .works-list .works-list-item {
margin: 10px 0 30px 0;
width: 100%;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt-box {
padding: 0 5vw;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt-box p {
text-align: left;
}
.p-top-page-business .p-top-page-business_main .p-top-page-business__txt-box p br {
display: none;
}
}
.ecoeco210929 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/ecologo.jpg) no-repeat left center;
background-size: auto 100%;
line-height: 1;
padding: 15px 0px 20px 100px;
}
@media (max-width: 767px) {
.ecoeco210929 {
background: url(//kouki-corp.com/wp-content/themes/kouki-corp/assets/img/ecologo.jpg) no-repeat left center;
background-size: auto 100%;
line-height: 1;
padding: 3% 0 3% 22%;
}
}