@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {}
.wpcf7 .ajax-loader{}
.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #999999; color: black; border: 1px solid #333333;}
 @media screen and (min-width: 768px) {
.sp {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc {
display: none !important;
}
}
.guidebox {
pointer-events: none;
background-size: 1080px;
width: 100%;
max-width: 1080px;
z-index: 9999;
opacity: 0.75;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 0;
opacity: 0.3;
}
@media screen and (max-width: 767px) {
.guidebox {
max-width: 350px;
background-size: 350px !important;
}
} .green-color {
color: #008239;
}
.orange-color {
color: #ef831e;
}
.red-color {
color: #c10000;
}
.terapin-color {
color: #d87500;
}
.rubbing-color {
color: #00498f;
}
.loopnine-color {
color: #2eb6a9;
}
.wseraida-color {
color: #008cd6;
}
.stone-color {
color: #5a4e21;
}
.seraidau-color {
color: #723485;
}
.clearfiberw-color {
color: #4a3e00;
}
.clearcoatw-color {
color: #0d3387;
}
.wall-color {
color: #006CD6;
} @media screen and (max-width: 767px) {
.sp-18rem {
font-size: 1.8rem !important;
}
} p.cat {
width: 91px;
background: #555;
padding: 5px 0;
}
p.cat.information {
background: #008138 !important;
}
p.cat.member-info {
background: #182987 !important;
}
hr.cat.information {
border-top-color: #008138 !important;
}
hr.cat.member-info {
border-top-color: #182987 !important;
}
div.cat.information {
border-left-color: #008138 !important;
}
div.cat.member-info {
border-left-color: #182987 !important;
}
.site-title .title {
background-size: contain;
background-repeat: no-repeat;
font-size: 32px;
}
.site-title .title a {
vertical-align: 7px;
}
.site-title .title:before {
content: "";
width: 36px;
height: 39px;
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jkk-logo.png) no-repeat center center;
display: inline-block;
background-size: cover;
}
.site-title .title .sub-tittle {
font-size: 22px;
color: #008239;
}
@media screen and (max-width: 767px) {
.site-title .title .f36 {
font-size: 2.25rem;
}
}
@media screen and (max-width: 767px) {
.site-title > div {
margin-bottom: 0 !important;
width: 80vw;
margin-top: 4px;
}
}
@media screen and (max-width: 767px) {
.site-title .f12.l16.mb-0 {
display: none;
}
}
@media screen and (max-width: 767px) {
body > .header .site-title > div {
margin-bottom: 6px !important;
}
body > .header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media screen and (min-width: 768px) {
.header .site-title {
flex-basis: 54% !important;
}
}
@media screen and (max-width: 576px) {
.site-title .title a {
vertical-align: unset !important;
}
.site-title .title {
font-size: 6.5vw;
}
.site-title .title .sub-tittle {
font-size: 4vw;
padding-left: 40px;
}
.site-title .title:before {
width: 32px;
height: 35px;
position: relative;
top: 17px;
}
}
table.tbl {
width: 100%;
border: none;
}
table.tbl tbody {
background-color: white;
}
.tbl {
margin: 0px !important;
font-size: 15px;
}
.tbl p {
margin: 0px;
}
.tbl,
.tbl td,
.tbl th {
color: #595656;
border-collapse: collapse;
border: 1px solid #9d9d9c;
vertical-align: middle;
line-height: 1.7;
}
.tbl caption {
font-size: 16px;
text-align: left;
}
.tbl td {
padding: 13px;
}
.tbl th {
padding: 10px 13px;
}
.tbl .th_col {
text-align: center;
}
.seraida_p .tbl th {
background-color: #f0f6e3;
}
.seraida_p .lead-1 {
text-align: left;
font-size: 15px;
margin-top: 9px;
color: #595656;
}
.ex .tbl th {
background-color: #c5e4e8;
}
.jk-coat .tbl th {
background-color: #f3e8da;
}
.jk-coat .tbl .th_col th {
color: white;
background-color: #e72e25 !important;
}
.jk-coat .tbl th.cross {
color: white;
background-color: #f29b77 !important;
}
.jk-terapin table.tbl th {
background-color: #fef4d7;
}
.jk-rubbing table.tbl th {
background-color: #dfeaf7;
}
.jk-loopnine table.tbl th {
background-color: #d5f0ed;
}
@media screen and (max-width: 640px) {
.scroll {
overflow-x: scroll;
}
.scroll_1 {
overflow-x: scroll;
}
.scroll_1::-webkit-scrollbar {
height: 10px;
}
.scroll_1 img {
max-width: unset;
width: 760px;
margin-bottom: 2px;
}
.scroll::-webkit-scrollbar {
height: 10px;
} ::-webkit-scrollbar-track {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
} ::-webkit-scrollbar-thumb {
background-color: rgba(100, 100, 100, 0.5);
border-radius: 10px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}
.scroll table {
display: block;
position: relative;
width: 1000px;
}
}
body.home .news {
padding-top: 40px;
padding-bottom: 48px;
}
body.home .about {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-top.jpg) no-repeat center center/cover !important;
}
@media screen and (max-width: 767px) {
body.home .about {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-top-m.jpg) no-repeat center bottom/100%, #65769a !important;
padding-bottom: 60vw;
}
}
body.home .about p {
max-width: 400px;
width: 100%;
}
body.home .greeting .box {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/home-greeting-2025-1.jpg) no-repeat bottom 0px right -56px, white !important;
background-size: 488px !important;
}
@media screen and (max-width: 767px) {
body.home .greeting .box {
background-size: 305px !important;
background-position: bottom center !important;
padding-bottom: 420px;
}
}
body.home .greeting .box .text {
width: calc(100% - 472px);
}
@media screen and (max-width: 767px) {
body.home .greeting .box .text {
width: 100%;
}
}
body.home .outline ul {
list-style: none;
}
body.home .outline ul li {
margin-bottom: 30px;
width: 40%;
}
@media screen and (max-width: 767px) {
body.home .outline ul li {
width: 100%;
margin-bottom: 0;
}
}
body.home .outline ul li:last-of-type {
margin-bottom: 0px;
}
body.home .outline ul li:nth-last-of-type(2) {
margin-bottom: 0px;
}
body.home .service .box {
background: #fff;
padding-top: 96px;
padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
body.home .service .box {
padding-top: 39px;
}
}
body.home .service .box dl {
width: 964px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
@media screen and (max-width: 767px) {
body.home .service .box dl {
width: 311px;
}
}
body.home .service .box dl dt {
text-align: center;
font-weight: 500;
font-size: 20px;
margin-bottom: 28px;
position: relative;
z-index: 5;
}
@media screen and (max-width: 767px) {
body.home .service .box dl dt {
font-size: 18px;
margin-bottom: 18px;
}
}
body.home .service .box dl dt span {
position: relative;
}
body.home .service .box dl dt span::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 15px;
width: 442px;
height: 1px;
background: #ccc;
z-index: -2;
}
@media screen and (max-width: 767px) {
body.home .service .box dl dt span::before {
width: 311px;
}
}
body.home .service .box dl dt span::after {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: calc(100% + 3em);
height: 30px;
background: #fff;
z-index: -1;
}
@media screen and (max-width: 767px) {
body.home .service .box dl dt span::after {
width: calc(100% + 2em);
}
}
body.home .service .box dl dd {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
body.home .service .box dl dd {
margin-bottom: 32px;
}
}
body.home .service .box dl dd a {
margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
body.home .service .box dl dd a {
margin-bottom: 12px;
}
}
.home-service-slider .slick-dots {
bottom: 5px;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots {
bottom: -30px;
}
}
@media screen and (min-width: 768px) {
.home-service-slider .slick-dots {
width: 37%;
}
}
.home-service-slider .slick-dots li {
margin: 0 2px;
}
.home-service-slider .slick-dots li button:before {
color: #cb0000;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots li button:before {
color: #fff;
}
}
.home-service-slider .slick-dots li.slick-active button:before {
color: #cb0000;
}
@media screen and (max-width: 767px) {
.home-service-slider .slick-dots li.slick-active button:before {
color: #fff;
}
}
.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.site-logo {
display: none;
}
.page-service section.lead-text {
padding-top: 64px;
padding-bottom: 64px;
position: relative;
}
.page-service section.menu {
padding-top: 96px;
padding-bottom: 48px;
background: #cb0000;
}
@media screen and (max-width: 575px) {
.page-service section.menu {
padding-bottom: 28px;
}
}
.page-service section.menu ul {
list-style: none;
}
.page-service section.menu ul li {
border: 1px solid #fff;
max-width: 21%;
width: 100%;
text-align: center;
padding: 11px;
}
@media screen and (max-width: 575px) {
.page-service section.menu ul li {
max-width: unset;
width: 45%;
margin-bottom: 20px;
}
}
.page-service section.service {
background: #cb0000;
padding-bottom: 48px;
}
.page-jk-seraida article > header {
display: none;
}
.page-jk-seraida section > .header {
background: #008239;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-jk-seraida h3 {
color: #008239;
border: 1px solid #008239;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
@media screen and (max-width: 767px) {
.page-jk-seraida h3 {
margin-bottom: 28px;
}
}
.page-jk-seraida section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-jk-seraida section.header hr {
border-top-color: #008239;
}
.page-jk-seraida section.header ul {
list-style: none;
}
.page-jk-seraida section.header ul li {
background: #008239;
text-align: center;
width: 12.5%;
font-size: 17px;
color: white;
padding: 11px 0;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-jk-seraida section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-jk-seraida section.header .box-0 {
padding: 96px 16px;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.header .box-0 {
padding: 32px 16px;
}
}
.page-jk-seraida section.header video {
max-width: 840px;
width: 100%;
margin: 0 auto;
}
.page-jk-seraida section.feature {
padding-bottom: 160px;
}
.page-jk-seraida section.feature .box-1 {
background: #e2e2e2;
padding: 40px 24px;
}
.page-jk-seraida section.feature .box-1 .header {
background: #008239;
padding-top: 22px;
padding-bottom: 22px;
}
.page-jk-seraida section.feature .box-1 > [class*=box-1-] {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.feature .box-1 > [class*=box-1-] {
max-width: unset;
}
}
.page-jk-seraida section.feature .box-1 .box-1-1 .kasen span {
border-bottom: 3px solid purple;
padding-bottom: 3px;
}
.page-jk-seraida section.feature .box-1 .box-1-2 .kasen span {
border-bottom: 3px solid #ef831e;
padding-bottom: 3px;
}
.page-jk-seraida section.feature .box-2 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.feature .box-2 > div {
max-width: unset;
}
}
.page-jk-seraida section.feature .box-3 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.feature .box-3 > div {
max-width: unset;
}
}
.page-jk-seraida section.performance {
padding-bottom: 160px;
background: #e5f2eb;
}
.page-jk-seraida section.spec .box-8 > [class*=box-8-] {
border: 1px solid #000;
padding: 30px;
}
.page-jk-seraida section.spec .box-8 > div > div:first-of-type {
width: 50%;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.spec .box-8 > div > div:first-of-type {
width: 100%;
margin-bottom: 40px;
}
}
.page-jk-seraida section.spec .box-8 > div > div:last-of-type {
width: 49%;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.spec .box-8 > div > div:last-of-type {
width: 100%;
}
}
.page-jk-seraida section.spec .blue-color {
color: #28a6dd;
border-color: #28a6dd;
}
.page-jk-seraida section.process {
padding-bottom: 160px;
background: #e5f2eb;
}
.page-jk-seraida section.process .box-7 > div {
max-width: calc(50% - 40px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.process .box-7 > div {
max-width: unset;
}
}
.page-jk-seraida section.material .box-9-1 p {
text-indent: -3rem;
padding-left: 3rem;
margin-bottom: 0;
}
.page-jk-seraida section.guarantee {
padding-bottom: 160px;
background: #e5f2eb;
}
.page-jk-seraida section.guarantee .box-9 {
border: 16px solid #008239;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.guarantee .box-9 {
padding: 20px;
}
}
.page-jk-seraida section.guarantee .box-9-1 {
margin-right: 34px;
}
.page-jk-seraida section.guarantee .box-9-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.guarantee .box-9-2 {
width: 100%;
}
}
.page-jk-seraida section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #008239;
width: 200px;
padding: 9px 12px;
color: white;
}
.page-jk-seraida section.license .box-10 > div {
max-width: 390px;
width: 100%;
margin: 0 20px;
}
@media screen and (max-width: 767px) {
.page-jk-seraida section.license .box-10 > div {
max-width: unset;
}
}
.page-jk-coat article > header {
display: none;
}
.page-jk-coat section > .header {
background: #c10000;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-jk-coat h3 {
color: #c10000;
border: 1px solid #c10000;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
@media screen and (max-width: 767px) {
.page-jk-coat h3 {
margin-bottom: 28px;
}
}
.page-jk-coat section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-jk-coat section.header hr {
border-top-color: #c10000;
}
.page-jk-coat section.header ul {
list-style: none;
}
.page-jk-coat section.header ul li {
background: #c10000;
text-align: center;
width: 15%;
font-size: 17px;
color: white;
padding: 11px 0;
}
@media screen and (max-width: 767px) {
.page-jk-coat section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-jk-coat section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-jk-coat section.header .box-0 {
padding: 96px 16px;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-jk-coat section.header .box-0 {
padding: 32px 16px;
}
}
.page-jk-coat section.feature {
padding-bottom: 160px;
}
.page-jk-coat section.feature .mw-760 {
max-width: 760px;
}
.page-jk-coat section.feature .box-1 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-coat section.feature .box-1 > div {
max-width: unset;
}
}
.page-jk-coat section.feature .box-3 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-coat section.feature .box-3 > div {
max-width: unset;
}
}
.page-jk-coat section.performance {
padding-bottom: 160px;
background: #f8e5e5;
}
.page-jk-coat section.process {
padding-bottom: 160px;
background: #f8e5e5;
}
.page-jk-coat section.process .box-10 > div {
max-width: calc(50% - 40px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-coat section.process .box-10 > div {
max-width: unset;
}
}
.page-jk-coat section.guarantee {
padding-bottom: 96px;
background: #f8e5e5;
}
.page-jk-coat section.guarantee .box-11 {
border: 16px solid #c10000;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
.page-jk-coat section.guarantee .box-11 {
padding: 20px;
}
}
.page-jk-coat section.guarantee .box-11-1 {
margin-right: 34px;
}
.page-jk-coat section.guarantee .box-11-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
.page-jk-coat section.guarantee .box-11-2 {
width: 100%;
}
}
.page-jk-coat section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #c10000;
width: 200px;
padding: 9px 12px;
color: white;
}
.page-jk-coat footer#footer {
margin-top: -32px;
}
@media screen and (max-width: 767px) {
.page-jk-coat footer#footer {
margin-top: -32px;
}
}
.page-jk-terapin article > header {
display: none;
}
.page-jk-terapin section > .header {
background: #d87500;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-jk-terapin h3 {
color: #d87500;
border: 1px solid #d87500;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
@media screen and (max-width: 767px) {
.page-jk-terapin h3 {
margin-bottom: 28px;
}
}
.page-jk-terapin section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-jk-terapin section.header hr {
border-top-color: #d87500;
}
.page-jk-terapin section.header ul {
list-style: none;
}
.page-jk-terapin section.header ul li {
background: #d87500;
text-align: center;
width: 15%;
font-size: 17px;
color: white;
padding: 11px 0;
}
@media screen and (max-width: 767px) {
.page-jk-terapin section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-jk-terapin section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-jk-terapin section.header .box-0 {
padding: 96px 16px;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-jk-terapin section.header .box-0 {
padding: 32px 16px;
}
}
.page-jk-terapin section.feature {
padding-bottom: 160px;
}
.page-jk-terapin section.feature .mw-760 {
max-width: 760px;
}
.page-jk-terapin section.feature .box-1 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-terapin section.feature .box-1 > div {
max-width: unset;
}
}
.page-jk-terapin section.feature .box-3 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-terapin section.feature .box-3 > div {
max-width: unset;
}
}
.page-jk-terapin section.performance {
padding-bottom: 160px;
background: #fbf1e5;
}
.page-jk-terapin section.spec {
padding-bottom: 160px;
}
.page-jk-terapin section.spec .box-5 {
border: 1px solid #000;
padding: 30px;
margin-bottom: 64px;
}
.page-jk-terapin section.spec .box-5:last-of-type {
margin-bottom: 0;
}
.page-jk-terapin section.process {
padding-bottom: 160px;
background: #fbf1e5;
}
.page-jk-terapin section.process .box-10 > div {
max-width: calc(50% - 40px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-terapin section.process .box-10 > div {
max-width: unset;
}
}
.page-jk-terapin section.material {
padding-bottom: 160px;
}
.page-jk-terapin section.guarantee {
padding-bottom: 96px;
background: #fbf1e5;
}
.page-jk-terapin section.guarantee .box-11 {
border: 16px solid #d87500;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
.page-jk-terapin section.guarantee .box-11 {
padding: 20px;
}
}
.page-jk-terapin section.guarantee .box-11-1 {
margin-right: 34px;
}
.page-jk-terapin section.guarantee .box-11-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
.page-jk-terapin section.guarantee .box-11-2 {
width: 100%;
}
}
.page-jk-terapin section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #d87500;
width: 200px;
padding: 9px 12px;
color: white;
}
.page-jk-terapin footer#footer {
margin-top: -32px;
}
@media screen and (max-width: 767px) {
.page-jk-terapin footer#footer {
margin-top: -32px;
}
}
.page-jk-rubbing article > header {
display: none;
}
.page-jk-rubbing section > .header {
background: #00498f;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-jk-rubbing h3 {
color: #00498f;
border: 1px solid #00498f;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
.page-jk-rubbing section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-jk-rubbing section.header hr {
border-top-color: #00498f;
}
.page-jk-rubbing section.header ul {
list-style: none;
}
@media screen and (max-width: 767px) {
.page-jk-rubbing section.header ul:after {
content: "";
display: block;
width: 31%;
}
}
.page-jk-rubbing section.header ul li {
background: #00498f;
text-align: center;
width: 15%;
font-size: 17px;
color: white;
padding: 11px 0;
}
@media screen and (max-width: 767px) {
.page-jk-rubbing section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-jk-rubbing section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-jk-rubbing section.header .box-0 {
padding: 96px 16px;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-jk-rubbing section.header .box-0 {
padding: 32px 16px;
}
}
.page-jk-rubbing section.feature {
padding-bottom: 160px;
}
.page-jk-rubbing section.feature .box-1 > [class*=box-1-] {
max-width: 40%;
width: 100%;
margin: 0 20px;
}
@media screen and (max-width: 767px) {
.page-jk-rubbing section.feature .box-1 > [class*=box-1-] {
max-width: unset;
}
}
.page-jk-rubbing section.feature .box-2 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-rubbing section.feature .box-2 > div {
max-width: unset;
}
}
.page-jk-rubbing section.performance {
padding-bottom: 160px;
background: #e5ecf3;
}
.page-jk-rubbing section.spec {
padding-bottom: 160px;
}
.page-jk-rubbing section.process {
padding-bottom: 160px;
background: #e5ecf3;
}
.page-jk-rubbing section.process .box-10 > div {
max-width: calc(50% - 40px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-rubbing section.process .box-10 > div {
max-width: unset;
}
}
.page-jk-rubbing section.material {
padding-bottom: 60px;
}
.page-jk-rubbing section.material .box-9 p {
text-indent: -3rem;
padding-left: 3rem;
margin-bottom: 0;
}
.page-jk-loopnine article > header {
display: none;
}
.page-jk-loopnine section > .header {
background: #2eb6a9;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-jk-loopnine h3 {
color: #2eb6a9;
border: 1px solid #2eb6a9;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine h3 {
margin-bottom: 28px;
}
}
.page-jk-loopnine section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-jk-loopnine section.header hr {
border-top-color: #2eb6a9;
}
.page-jk-loopnine section.header ul {
list-style: none;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.header ul:after {
content: "";
display: block;
width: 31%;
}
}
.page-jk-loopnine section.header ul li {
background: #2eb6a9;
text-align: center;
width: 15%;
font-size: 17px;
color: white;
padding: 11px 0;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-jk-loopnine section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-jk-loopnine section.header .box-0 {
padding: 96px 16px;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.header .box-0 {
padding: 32px 16px;
}
}
.page-jk-loopnine section.feature {
padding-bottom: 160px;
}
.page-jk-loopnine section.feature .box-3 > [class*=box-3-] {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.feature .box-3 > [class*=box-3-] {
max-width: unset;
}
}
.page-jk-loopnine section.spec {
padding-bottom: 160px;
background: #eaf7f6;
}
.page-jk-loopnine section.spec .box-5-1 {
border: 1px solid #000;
padding: 80px 15px;
background: white;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.spec .box-5-1 {
padding: 15px 15px;
}
}
.page-jk-loopnine section.spec .box-6 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.spec .box-6 > div {
max-width: unset;
}
}
.page-jk-loopnine section.spec table strong {
background: #2eb6a9;
color: #fff;
font-weight: normal;
padding: 1px 5px;
margin-right: 2px;
}
.page-jk-loopnine section.spec table span.icon {
background: #595757;
color: #fff;
font-size: 13px;
padding: 1px 5px;
}
.page-jk-loopnine section.research {
padding-bottom: 160px;
}
.page-jk-loopnine section.research .box-7 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.research .box-7 > div {
max-width: unset;
}
}
.page-jk-loopnine section.process {
padding-bottom: 160px;
background: #e5ecf3;
}
.page-jk-loopnine section.process .box-10 > div {
max-width: calc(50% - 40px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.process .box-10 > div {
max-width: unset;
}
}
.page-jk-loopnine section.guarantee {
padding-bottom: 160px;
}
.page-jk-loopnine section.guarantee .box-11 {
border: 16px solid #2eb6a9;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.guarantee .box-11 {
padding: 20px;
}
}
.page-jk-loopnine section.guarantee .box-11-1 {
margin-right: 34px;
}
.page-jk-loopnine section.guarantee .box-11-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
.page-jk-loopnine section.guarantee .box-11-2 {
width: 100%;
}
}
.page-jk-loopnine section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #2eb6a9;
width: 200px;
padding: 9px 12px;
color: white;
}
body.post-type-archive-works section.category-menu,
body.tax-works-category section.category-menu,
body.single-works section.category-menu {
padding-top: 88px;
padding-bottom: 65px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu,
body.tax-works-category section.category-menu,
body.single-works section.category-menu {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.post-type-archive-works section.category-menu .box-1 ul,
body.tax-works-category section.category-menu .box-1 ul,
body.single-works section.category-menu .box-1 ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu .box-1 ul,
body.tax-works-category section.category-menu .box-1 ul,
body.single-works section.category-menu .box-1 ul {
margin: 0 auto;
justify-content: space-between;
width: 356px;
}
}
body.post-type-archive-works section.category-menu .box-1 ul li,
body.tax-works-category section.category-menu .box-1 ul li,
body.single-works section.category-menu .box-1 ul li {
width: 202px;
font-size: 16.5px;
font-weight: bold;
text-align: center;
list-style: none;
background: #e6e6e6;
border-radius: 7px;
padding: 22px 12px;
margin: 0 9px 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu .box-1 ul li,
body.tax-works-category section.category-menu .box-1 ul li,
body.single-works section.category-menu .box-1 ul li {
font-size: 20px;
width: 160px;
height: 80px;
padding: 22px 0;
}
}
body.post-type-archive-works section.category-menu .box-1 ul li:hover,
body.tax-works-category section.category-menu .box-1 ul li:hover,
body.single-works section.category-menu .box-1 ul li:hover {
background: #008239 !important;
color: #fff !important;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-seraida,
body.tax-works-category section.category-menu .box-1 ul li.jk-seraida,
body.single-works section.category-menu .box-1 ul li.jk-seraida {
color: #008239;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-coat,
body.tax-works-category section.category-menu .box-1 ul li.jk-coat,
body.single-works section.category-menu .box-1 ul li.jk-coat {
color: #c10000;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-coat:hover,
body.tax-works-category section.category-menu .box-1 ul li.jk-coat:hover,
body.single-works section.category-menu .box-1 ul li.jk-coat:hover {
background: #c10000 !important;
color: #fff !important;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-terapin,
body.tax-works-category section.category-menu .box-1 ul li.jk-terapin,
body.single-works section.category-menu .box-1 ul li.jk-terapin {
color: #d87500;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-terapin:hover,
body.tax-works-category section.category-menu .box-1 ul li.jk-terapin:hover,
body.single-works section.category-menu .box-1 ul li.jk-terapin:hover {
background: #d87500 !important;
color: #fff !important;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-rubbing,
body.tax-works-category section.category-menu .box-1 ul li.jk-rubbing,
body.single-works section.category-menu .box-1 ul li.jk-rubbing {
color: #00498f;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-rubbing:hover,
body.tax-works-category section.category-menu .box-1 ul li.jk-rubbing:hover,
body.single-works section.category-menu .box-1 ul li.jk-rubbing:hover {
background: #00498f !important;
color: #fff !important;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-loopnine,
body.tax-works-category section.category-menu .box-1 ul li.jk-loopnine,
body.single-works section.category-menu .box-1 ul li.jk-loopnine {
color: #2eb6a9;
}
body.post-type-archive-works section.category-menu .box-1 ul li.jk-loopnine:hover,
body.tax-works-category section.category-menu .box-1 ul li.jk-loopnine:hover,
body.single-works section.category-menu .box-1 ul li.jk-loopnine:hover {
background: #2eb6a9 !important;
color: #fff !important;
}
body.post-type-archive-works section.category-menu .box-1 ul li a,
body.tax-works-category section.category-menu .box-1 ul li a,
body.single-works section.category-menu .box-1 ul li a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.category-menu #fadeLayer,
body.tax-works-category section.category-menu #fadeLayer,
body.single-works section.category-menu #fadeLayer {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
visibility: hidden;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
}
body.post-type-archive-works section.category-menu a.over,
body.tax-works-category section.category-menu a.over,
body.single-works section.category-menu a.over {
max-width: 200px;
width: 100%;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
font-size: 16px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
body.post-type-archive-works section.category-menu a.over span,
body.tax-works-category section.category-menu a.over span,
body.single-works section.category-menu a.over span {
margin-right: 15px;
}
body.post-type-archive-works section.category-menu .works-title,
body.tax-works-category section.category-menu .works-title,
body.single-works section.category-menu .works-title {
font-size: 24px;
text-align: center;
margin-bottom: -15px;
margin-top: 25px;
}
body.post-type-archive-works section.category-menu .category-title,
body.tax-works-category section.category-menu .category-title,
body.single-works section.category-menu .category-title {
font-size: 24px;
text-align: center;
position: relative;
margin-bottom: -15px;
margin-top: 25px;
}
body.post-type-archive-works section.category-menu .category-title::before,
body.tax-works-category section.category-menu .category-title::before,
body.single-works section.category-menu .category-title::before {
content: "";
position: absolute;
width: 80px;
border-top: 1px solid #008239;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
body.post-type-archive-works section.category-menu .category-title.jk-seraida,
body.tax-works-category section.category-menu .category-title.jk-seraida,
body.single-works section.category-menu .category-title.jk-seraida {
color: #008239;
}
body.post-type-archive-works section.category-menu .category-title.jk-coat,
body.tax-works-category section.category-menu .category-title.jk-coat,
body.single-works section.category-menu .category-title.jk-coat {
color: #c10000;
}
body.post-type-archive-works section.category-menu .category-title.jk-terapin,
body.tax-works-category section.category-menu .category-title.jk-terapin,
body.single-works section.category-menu .category-title.jk-terapin {
color: #d87500;
}
body.post-type-archive-works section.category-menu .category-title.jk-rubbing,
body.tax-works-category section.category-menu .category-title.jk-rubbing,
body.single-works section.category-menu .category-title.jk-rubbing {
color: #00498f;
}
body.post-type-archive-works section.category-menu .category-title.jk-loopnine,
body.tax-works-category section.category-menu .category-title.jk-loopnine,
body.single-works section.category-menu .category-title.jk-loopnine {
color: #2eb6a9;
}
body.post-type-archive-works section.works-list,
body.tax-works-category section.works-list,
body.single-works section.works-list {
padding-left: 15px;
padding-right: 15px;
background-color: #cce6d7;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list,
body.tax-works-category section.works-list,
body.single-works section.works-list {
background-size: 200%;
}
}
body.post-type-archive-works section.works-list .box-1,
body.tax-works-category section.works-list .box-1,
body.single-works section.works-list .box-1 {
padding-top: 56px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 48px;
max-width: 1240px;
width: 100%;
margin: 0 auto;
border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1,
body.tax-works-category section.works-list .box-1,
body.single-works section.works-list .box-1 {
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
padding-top: 40px;
}
}
body.post-type-archive-works section.works-list .box-1 h2,
body.tax-works-category section.works-list .box-1 h2,
body.single-works section.works-list .box-1 h2 {
font-size: 40px;
letter-spacing: 0.05em;
text-align: center;
position: relative;
margin-bottom: 68px;
color: #008239;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 h2,
body.tax-works-category section.works-list .box-1 h2,
body.single-works section.works-list .box-1 h2 {
font-size: 24px;
margin-bottom: 30px;
}
}
body.post-type-archive-works section.works-list .box-1 h2::after,
body.tax-works-category section.works-list .box-1 h2::after,
body.single-works section.works-list .box-1 h2::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 12px;
bottom: -20px;
left: auto;
right: auto;
background: url(//www.jkk-kansai.net/wp-content/themes/images/works-3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 h2::after,
body.tax-works-category section.works-list .box-1 h2::after,
body.single-works section.works-list .box-1 h2::after {
background-image: url(//www.jkk-kansai.net/wp-content/themes/images/works-5.svg);
height: 9px;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list,
body.tax-works-category section.works-list .box-1 .works-list,
body.single-works section.works-list .box-1 .works-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
}
body.post-type-archive-works section.works-list .box-1 .works-list::after,
body.tax-works-category section.works-list .box-1 .works-list::after,
body.single-works section.works-list .box-1 .works-list::after {
content: "";
width: 32%;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 32%;
border: 1px solid #008239;
border-radius: 10px;
padding: 16px;
background: #fff;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 32px;
}
@media screen and (max-width: 991px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 48%;
}
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item,
body.single-works section.works-list .box-1 .works-list .works-list-item {
width: 100%;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .thumbnail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .thumbnail,
body.single-works section.works-list .box-1 .works-list .works-list-item .thumbnail {
margin-bottom: 14px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .thumbnail img,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .thumbnail img,
body.single-works section.works-list .box-1 .works-list .works-list-item .thumbnail img {
width: 100%;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item h3.title,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item h3.title,
body.single-works section.works-list .box-1 .works-list .works-list-item h3.title {
font-size: 22px;
margin-bottom: auto;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item h3.title,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item h3.title,
body.single-works section.works-list .box-1 .works-list .works-list-item h3.title {
font-size: 20px;
}
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item time,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item time,
body.single-works section.works-list .box-1 .works-list .works-list-item time {
font-size: 14px;
display: inline-block;
margin-bottom: 8px;
margin-top: 12px;
width: 70px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .cat,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .cat,
body.single-works section.works-list .box-1 .works-list .works-list-item .cat {
width: calc(100% - 70px);
margin-top: 8px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category,
body.single-works section.works-list .box-1 .works-list .works-list-item .category {
font-size: 12px;
color: #fff;
background: #008239;
padding: 5px 5px 6px;
line-height: 1;
display: inline-block;
margin-right: 8px;
margin-bottom: 6px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-seraida,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-jk-seraida,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-seraida {
background: #008239 !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-coat,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-jk-coat,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-coat {
background: #c10000 !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-terapin,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-jk-terapin,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-terapin {
background: #ef831e !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-rubbing,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-jk-rubbing,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-rubbing {
background: #00498f !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-loopnine,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-jk-loopnine,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-jk-loopnine {
background: #2eb6a9 !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category:last-of-type,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category:last-of-type,
body.single-works section.works-list .box-1 .works-list .works-list-item .category:last-of-type {
margin-bottom: 24px;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .lead,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .lead,
body.single-works section.works-list .box-1 .works-list .works-list-item .lead {
font-size: 14px;
line-height: 1.5;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail {
display: block;
background: #e6e6e6;
width: 100%;
text-align: center;
padding: 16px;
border-radius: 8px;
color: #008239;
margin-top: auto;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail:hover,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail:hover,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail:hover {
background: #008239;
color: #fff;
text-decoration: none;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .detail,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .detail,
body.single-works section.works-list .box-1 .works-list .works-list-item .detail {
font-size: 14px;
}
}
body.post-type-archive-works section.works-single,
body.tax-works-category section.works-single,
body.single-works section.works-single {
background: #cce6d7;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single,
body.tax-works-category section.works-single,
body.single-works section.works-single {
padding-top: 40px;
padding-bottom: 80px;
background-size: 200%;
}
}
body.post-type-archive-works section.works-single .box-1,
body.tax-works-category section.works-single .box-1,
body.single-works section.works-single .box-1 {
padding-top: 56px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 48px;
max-width: 1240px;
width: 100%;
margin: 0 auto;
border-radius: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1,
body.tax-works-category section.works-single .box-1,
body.single-works section.works-single .box-1 {
padding-left: 0;
padding-right: 0;
padding-top: 40px;
padding-bottom: 40px;
}
}
body.post-type-archive-works section.works-single .box-1 h2,
body.tax-works-category section.works-single .box-1 h2,
body.single-works section.works-single .box-1 h2 {
font-size: 40px;
letter-spacing: 0.05em;
text-align: center;
position: relative;
margin-bottom: 68px;
color: #008239;
font-weight: normal;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1 h2,
body.tax-works-category section.works-single .box-1 h2,
body.single-works section.works-single .box-1 h2 {
font-size: 24px;
margin-bottom: 40px;
}
}
body.post-type-archive-works section.works-single .box-1 h2::after,
body.tax-works-category section.works-single .box-1 h2::after,
body.single-works section.works-single .box-1 h2::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 12px;
bottom: -20px;
left: auto;
right: auto;
background: url(//www.jkk-kansai.net/wp-content/themes/images/works-3.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1 h2::after,
body.tax-works-category section.works-single .box-1 h2::after,
body.single-works section.works-single .box-1 h2::after {
height: 10px;
background: url(//www.jkk-kansai.net/wp-content/themes/images/works-4.svg) no-repeat center/contain;
}
}
body.post-type-archive-works section.works-single .box-1-1,
body.tax-works-category section.works-single .box-1-1,
body.single-works section.works-single .box-1-1 {
border: 1px solid #008239;
border-radius: 15px;
background: #fff;
padding: 64px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1,
body.tax-works-category section.works-single .box-1-1,
body.single-works section.works-single .box-1-1 {
padding: 15px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: 630px;
}
@media (max-width: 1210px) {
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: calc((104vw - 250px) * 0.663);
}
}
@media (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .slick-list,
body.tax-works-category section.works-single .box-1-1 .slick-list,
body.single-works section.works-single .box-1-1 .slick-list {
max-height: calc((104vw - 106px) * 0.663);
}
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav .slick-track,
body.tax-works-category section.works-single .box-1-1 .slider-nav .slick-track,
body.single-works section.works-single .box-1-1 .slider-nav .slick-track {
left: 0 !important;
width: 100% !important;
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav img,
body.tax-works-category section.works-single .box-1-1 .slider-nav img,
body.single-works section.works-single .box-1-1 .slider-nav img {
width: 18.4% !important;
margin-right: 2% !important;
}
body.post-type-archive-works section.works-single .box-1-1 .slider-nav img:last-of-type,
body.tax-works-category section.works-single .box-1-1 .slider-nav img:last-of-type,
body.single-works section.works-single .box-1-1 .slider-nav img:last-of-type {
margin-right: 0% !important;
}
body.post-type-archive-works section.works-single .box-1-1 h3,
body.tax-works-category section.works-single .box-1-1 h3,
body.single-works section.works-single .box-1-1 h3 {
font-size: 32px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 h3,
body.tax-works-category section.works-single .box-1-1 h3,
body.single-works section.works-single .box-1-1 h3 {
font-size: 20px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .single-content,
body.tax-works-category section.works-single .box-1-1 .single-content,
body.single-works section.works-single .box-1-1 .single-content {
font-size: 16px;
line-height: 1.6;
margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .single-content,
body.tax-works-category section.works-single .box-1-1 .single-content,
body.single-works section.works-single .box-1-1 .single-content {
font-size: 14px;
}
}
body.post-type-archive-works section.works-single .box-1-1 .single-category,
body.tax-works-category section.works-single .box-1-1 .single-category,
body.single-works section.works-single .box-1-1 .single-category {
color: #fff;
background: #008239;
font-size: 16px;
line-height: 1;
text-align: center;
padding: 10px 25px;
display: inline-block;
margin-bottom: 23px;
margin-right: 12px;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-coat,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-coat,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-coat {
background: #c10000;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-terapin,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-terapin,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-terapin {
background: #ef831e;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-rubbing,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-rubbing,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-rubbing {
background: #00498f;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-jk-loopnine,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-jk-loopnine,
body.single-works section.works-single .box-1-1 .single-category.cat-jk-loopnine {
background: #2eb6a9;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 .single-category,
body.tax-works-category section.works-single .box-1-1 .single-category,
body.single-works section.works-single .box-1-1 .single-category {
font-size: 14px;
padding: 5px 10px;
margin-bottom: 12px;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info,
body.tax-works-category section.works-single .box-1-1 table.info,
body.single-works section.works-single .box-1-1 table.info {
border-bottom: 1px solid #c5c5c5;
font-size: 16px;
line-height: 2;
width: 100%;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info,
body.tax-works-category section.works-single .box-1-1 table.info,
body.single-works section.works-single .box-1-1 table.info {
font-size: 14px;
margin-bottom: 24px;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info tr,
body.tax-works-category section.works-single .box-1-1 table.info tr,
body.single-works section.works-single .box-1-1 table.info tr {
border-top: 1px solid #c5c5c5;
}
body.post-type-archive-works section.works-single .box-1-1 table.info th,
body.tax-works-category section.works-single .box-1-1 table.info th,
body.single-works section.works-single .box-1-1 table.info th {
font-weight: normal;
text-align: center;
width: 110px;
vertical-align: text-bottom;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info th,
body.tax-works-category section.works-single .box-1-1 table.info th,
body.single-works section.works-single .box-1-1 table.info th {
display: block;
width: 100%;
text-align: left;
padding: 12px 0 0 0;
}
}
body.post-type-archive-works section.works-single .box-1-1 table.info td,
body.tax-works-category section.works-single .box-1-1 table.info td,
body.single-works section.works-single .box-1-1 table.info td {
vertical-align: text-bottom;
padding: 15px 30px;
}
@media screen and (max-width: 767px) {
body.post-type-archive-works section.works-single .box-1-1 table.info td,
body.tax-works-category section.works-single .box-1-1 table.info td,
body.single-works section.works-single .box-1-1 table.info td {
display: block;
width: 100%;
text-align: left;
padding: 0 0 12px 0;
}
}
body.post-type-archive-works section.works-single .box-1 .button,
body.tax-works-category section.works-single .box-1 .button,
body.single-works section.works-single .box-1 .button {
display: block;
max-width: 322px;
width: 100%;
margin: 0 auto;
text-align: center;
font-weight: normal;
padding: 24px 0;
border-radius: 5px;
background: #e6e6e6;
color: #008239;
}
body.post-type-archive-works section.works-single .box-1 .button:hover,
body.tax-works-category section.works-single .box-1 .button:hover,
body.single-works section.works-single .box-1 .button:hover {
background: #008239;
color: #fff;
}
.pagenation {
padding-top: 56px;
padding-bottom: 64px;
}
.pagenation li {
width: 32px;
height: 32px;
line-height: 1;
font-size: 16px;
background: #fff;
border: 1px solid #008239;
display: flex;
justify-content: center;
align-items: center;
margin: 0 8px;
}
.pagenation li .current {
width: 100%;
height: 100%;
display: flex !important;
justify-content: center;
align-items: center;
color: #fff;
background: #008239;
padding: unset;
}
.pagenation li a {
color: #008239 !important;
}
body.term-jk-coat section.works-list {
background: #f8e5e5;
}
body.term-jk-coat section.works-list .works-list-item {
border-color: #c10000 !important;
}
body.term-jk-coat section.works-list .works-list-item .category {
background: #c10000 !important;
}
body.term-jk-coat section.works-list .works-list-item .detail {
color: #c10000 !important;
}
body.term-jk-coat section.works-list .works-list-item .detail:hover {
background: #c10000 !important;
color: #fff !important;
}
body.term-jk-terapin section.works-list {
background: #fbf1e5;
}
body.term-jk-terapin section.works-list .works-list-item {
border-color: #ef831e !important;
}
body.term-jk-terapin section.works-list .works-list-item .category {
background: #ef831e !important;
}
body.term-jk-terapin section.works-list .works-list-item .detail {
color: #ef831e !important;
}
body.term-jk-terapin section.works-list .works-list-item .detail:hover {
background: #ef831e !important;
color: #fff !important;
}
body.term-jk-rubbing section.works-list {
background: #e5ecf3;
}
body.term-jk-rubbing section.works-list .works-list-item {
border-color: #00498f !important;
}
body.term-jk-rubbing section.works-list .works-list-item .category {
background: #00498f !important;
}
body.term-jk-rubbing section.works-list .works-list-item .detail {
color: #00498f !important;
}
body.term-jk-rubbing section.works-list .works-list-item .detail:hover {
background: #00498f !important;
color: #fff !important;
}
body.term-jk-loopnine section.works-list {
background: #eaf7f6;
}
body.term-jk-loopnine section.works-list .works-list-item {
border-color: #2eb6a9 !important;
}
body.term-jk-loopnine section.works-list .works-list-item .category {
background: #2eb6a9 !important;
}
body.term-jk-loopnine section.works-list .works-list-item .detail {
color: #2eb6a9 !important;
}
body.term-jk-loopnine section.works-list .works-list-item .detail:hover {
background: #2eb6a9 !important;
color: #fff !important;
}
body.page-jk-seraida-w .inner {
width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
max-width: 956px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w .inner {
padding-left: 16px;
padding-right: 16px;
}
}
body.page-jk-seraida-w .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-seraida-w.jpg) no-repeat top center;
}
@media screen and (min-width: 768px) {
body.page-jk-seraida-w .guidebox {
top: 24px;
height: 8115px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-seraida-w_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-jk-seraida-w article > header {
display: none;
}
body.page-jk-seraida-w .entry-content > header {
background: #008239;
}
body.page-jk-seraida-w section.header .header_box .header_box_1 {
padding-top: 94px;
padding-bottom: 68px;
display: flex;
align-items: center;
flex-direction: column;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.header .header_box .header_box_1 {
padding-top: 64px;
padding-bottom: 38px;
}
}
body.page-jk-seraida-w section.header .header_box .header_box_1 .image_1 {
margin-bottom: 27px;
}
body.page-jk-seraida-w section.header .header_box .header_box_1 .text_1 {
letter-spacing: 0.05em;
}
body.page-jk-seraida-w section.header .header_box .line_1 {
position: relative;
}
body.page-jk-seraida-w section.header .header_box .line_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
border-top: 1px solid #008cd6;
}
body.page-jk-seraida-w section.header .header_box .header_box_2 {
padding-top: 54px;
padding-bottom: 56px;
}
body.page-jk-seraida-w section.header .header_box .header_box_2 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 63px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.header .header_box .header_box_2 ul {
justify-content: space-between;
}
body.page-jk-seraida-w section.header .header_box .header_box_2 ul::after {
content: "";
display: block;
width: 30%;
}
}
body.page-jk-seraida-w section.header .header_box .header_box_2 ul li {
background: #008cd6;
text-align: center;
width: 128px;
font-size: 16px;
color: white;
padding: 11px 0;
margin-left: 15px;
margin-right: 15px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.header .header_box .header_box_2 ul li {
width: 31%;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
}
}
body.page-jk-seraida-w section.header .header_box .header_box_2 .text_1 {
text-align: center;
color: #008cd6;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.header .header_box .header_box_2 .text_1 {
line-height: 1.4;
font-size: 26px;
text-align: left;
}
}
body.page-jk-seraida-w section.feature .header {
background: #008cd6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 {
padding-top: 62px;
padding-bottom: 4px;
display: flex;
flex-direction: column;
align-items: center;
}
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .text_1 {
font-weight: bold;
color: #fff;
text-align: center;
background: #008cd6;
width: 100%;
max-width: 896px;
padding: 25px 0;
}
@media screen and (min-width: 768px) {
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .text_1 {
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .text_1 {
padding: 12px 12px;
}
}
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .feature_box_1_1 {
padding-top: 42px;
width: 100%;
max-width: 680px;
}
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 32px;
font-weight: bold;
color: #008cd6;
margin-bottom: 20px;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 24px;
}
}
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_3 {
margin-bottom: 51px;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_3 {
font-size: 14px;
line-height: 1.5;
}
}
body.page-jk-seraida-w section.feature .feature_box_2 {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
background: #e2e2e2;
padding: 95px 120px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.feature .feature_box_2 {
padding: 32px 16px;
}
}
body.page-jk-seraida-w section.spec .header {
background: #008cd6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-w section.spec .spec_box .spec_box_1 {
padding-top: 63px;
padding-bottom: 47px;
}
body.page-jk-seraida-w section.spec .spec_box .spec_box_1 .text_1 {
font-size: 32px;
font-weight: 600;
color: #008cd6;
width: 100%;
max-width: 688px;
border: 1px solid #008cd6;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 12px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.spec .spec_box .spec_box_1 .text_1 {
font-size: 24px;
}
}
body.page-jk-seraida-w section.spec .spec_box .spec_box_1 .text_2 {
font-size: 24px;
color: #008cd6;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.spec .spec_box .spec_box_1 .text_2 {
font-size: 20px;
}
}
body.page-jk-seraida-w section.spec .spec_box .spec_box_2 {
padding-bottom: 50px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-seraida-w section.spec .spec_box .spec_box_2 .image_3 {
margin-bottom: 18px;
}
body.page-jk-seraida-w section.spec .spec_box .spec_box_2 .text_3 {
font-size: 15px;
line-height: 1.6;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.spec .spec_box .spec_box_2 .text_3 {
font-size: 14px;
line-height: 1.6;
}
}
body.page-jk-seraida-w section.material .header {
background: #008cd6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-w section.material .material_box .material_box_1 {
padding-bottom: 50px;
padding-bottom: 114px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-seraida-w section.material .material_box .material_box_1 .image_1 {
margin-bottom: 45px;
}
body.page-jk-seraida-w section.material .material_box .material_box_1 .text_1 {
font-size: 28px;
font-weight: bold;
color: #008cd6;
margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.material .material_box .material_box_1 .text_1 {
font-size: 24px;
line-height: 1.6;
}
}
body.page-jk-seraida-w section.material .material_box .material_box_1 .text_2 {
font-size: 18px;
line-height: 2;
margin-bottom: 46px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.material .material_box .material_box_1 .text_2 {
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
}
}
body.page-jk-seraida-w section.guarantee {
background: #e5f3fb;
padding-bottom: 90px;
}
body.page-jk-seraida-w section.guarantee .header {
background: #008cd6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-w section.guarantee .box-9 {
border: 16px solid #008cd6;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.guarantee .box-9 {
padding: 20px;
}
}
body.page-jk-seraida-w section.guarantee .box-9-1 {
margin-right: 34px;
}
body.page-jk-seraida-w section.guarantee .box-9-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-w section.guarantee .box-9-2 {
width: 100%;
}
}
body.page-jk-seraida-w section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #008cd6;
width: 200px;
padding: 9px 12px;
color: white;
}
body.page-jk-stone .inner {
width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
max-width: 956px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone .inner {
padding-left: 16px;
padding-right: 16px;
}
}
body.page-jk-stone .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-stone.jpg) no-repeat top center;
}
@media screen and (min-width: 768px) {
body.page-jk-stone .guidebox {
top: 24px;
height: 8115px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-stone .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-stone_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-jk-stone article > header {
display: none;
}
body.page-jk-stone .entry-content > header {
background: #008239;
}
body.page-jk-stone section.header .header_box .header_box_1 {
padding-top: 94px;
padding-bottom: 68px;
display: flex;
align-items: center;
flex-direction: column;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.header .header_box .header_box_1 {
padding-top: 64px;
padding-bottom: 38px;
}
}
body.page-jk-stone section.header .header_box .header_box_1 .image_1 {
margin-bottom: 29px;
}
body.page-jk-stone section.header .header_box .header_box_1 .text_1 {
letter-spacing: 0.05em;
}
body.page-jk-stone section.header .header_box .line_1 {
position: relative;
}
body.page-jk-stone section.header .header_box .line_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
border-top: 1px solid #5a4e21;
}
body.page-jk-stone section.header .header_box .header_box_2 {
padding-top: 54px;
padding-bottom: 50px;
}
body.page-jk-stone section.header .header_box .header_box_2 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 63px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.header .header_box .header_box_2 ul {
justify-content: space-between;
}
body.page-jk-stone section.header .header_box .header_box_2 ul::after {
content: "";
display: block;
width: 30%;
}
}
body.page-jk-stone section.header .header_box .header_box_2 ul li {
background: #5a4e21;
text-align: center;
width: 160px;
font-size: 16px;
color: white;
padding: 11px 0;
margin-left: 15px;
margin-right: 15px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.header .header_box .header_box_2 ul li {
width: 31%;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
}
}
body.page-jk-stone section.header .header_box .header_box_2 .text_1 {
text-align: center;
color: #5a4e21;
font-weight: bold;
font-size: 36px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.header .header_box .header_box_2 .text_1 {
font-size: 26px;
text-align: left;
line-height: 1.5;
}
}
body.page-jk-stone section.header .header_box .header_box_2 .text_2 {
text-align: center;
color: #5a4e21;
font-weight: bold;
font-size: 28px;
margin-bottom: 33px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.header .header_box .header_box_2 .text_2 {
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.01em;
}
}
body.page-jk-stone section.header .header_box .header_box_2 .text_3 {
width: 100%;
max-width: 806px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.header .header_box .header_box_2 .text_3 {
font-size: 14px;
}
}
body.page-jk-stone section.header .header_box_3 {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
background: #e2e2e2;
padding: 95px 120px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.header .header_box_3 {
padding: 32px 16px;
}
}
body.page-jk-stone section.feature .header {
background: #5a4e21;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-stone section.feature .feature_box {
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 {
padding-top: 64px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_1 {
font-size: 32px;
font-weight: 600;
color: #5a4e21;
width: 100%;
max-width: 760px;
border: 1px solid #5a4e21;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 12px;
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_1 {
font-size: 22px;
margin-bottom: 25px;
}
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .list_1 {
list-style: none;
display: flex;
flex-wrap: wrap;
margin-bottom: 43px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .list_1 .item_1 {
color: #5a4e21;
font-size: 23px;
font-weight: bold;
margin-bottom: 32px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .list_1 .item_1:nth-of-type(odd) {
width: 100%;
max-width: 430px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .list_1 .item_1:nth-of-type(even) {
width: 100%;
max-width: calc(896px - 430px);
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .list_1 .item_1 {
font-size: 16px;
line-height: 1.5;
margin-bottom: 0.5em;
letter-spacing: -0.03em;
}
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .feature_box_1_1 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .feature_box_1_1 {
margin-bottom: 20px;
align-items: center;
flex-direction: column;
}
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .feature_box_1_1 .feature_box_1_1_1 {
margin-bottom: 62px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .feature_box_1_1 .feature_box_1_1_1.half {
width: 100%;
max-width: 416px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_2 {
font-size: 20px;
font-weight: bold;
color: #5a4e21;
background: #dedcd3;
padding: 8px 12px;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_2 {
font-size: 18px;
}
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_2.lh_1 {
line-height: 48px;
}
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_3 {
font-size: 16px;
line-height: 2;
font-weight: 500;
margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_3 {
font-size: 14px;
}
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_4 {
font-size: 16px;
font-weight: bold;
line-height: 2;
color: #5a4e21;
margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_4 {
font-size: 14px;
}
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_5 {
font-size: 12px;
line-height: 1.5;
font-weight: 500;
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .text_5 {
margin-bottom: 25px;
}
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .image_3 {
margin-top: 37px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .image_4 {
margin-bottom: 31px;
}
body.page-jk-stone section.feature .feature_box .feature_box_1 .image_5 {
margin-bottom: 16px;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .image_6 {
display: flex;
justify-content: space-evenly;
}
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .image_7 {
margin-top: -15px;
margin-bottom: 86px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .image_7 {
display: flex;
align-items: center;
flex-direction: column;
margin-bottom: 62px;
}
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box .feature_box_1 .image_9 {
margin-top: 54px;
}
}
body.page-jk-stone section.feature .feature_box_2 {
padding-bottom: 159px;
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box_2 {
margin-top: -87px;
}
}
body.page-jk-stone section.feature .feature_box_2 .text_1 {
font-size: 20px;
text-align: center;
font-weight: bold;
color: #5a4e21;
}
body.page-jk-stone section.feature .feature_box_2 .feature_box_2_1 {
position: relative;
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box_2 .feature_box_2_1 {
width: 896px;
height: 564px;
padding: 53px 60px;
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-stone_39.png) no-repeat center/contain;
}
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box_2 .feature_box_2_1 {
width: 100%;
padding: 43px 20px;
border: 1px dashed #5a4e21;
justify-content: flex-start;
align-items: center;
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-left: auto;
margin-right: auto;
}
}
body.page-jk-stone section.feature .feature_box_2 .text_2 {
font-size: 16px;
color: #5a4e21;
font-weight: bold;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box_2 .text_2 {
font-size: 18px;
}
}
body.page-jk-stone section.feature .feature_box_2 .text_3 {
font-size: 12px;
margin-top: 9px;
}
body.page-jk-stone section.feature .feature_box_2 .list_1 {
display: flex;
flex-wrap: wrap;
list-style: none;
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box_2 .list_1 {
margin-right: -17px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box_2 .list_1 {
justify-content: space-between;
}
}
body.page-jk-stone section.feature .feature_box_2 .list_1 .item_1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box_2 .list_1 .item_1 {
margin-right: 17px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box_2 .list_1 .item_1 {
margin-bottom: 17px;
}
body.page-jk-stone section.feature .feature_box_2 .list_1 .item_1 img {
width: 23vw;
}
}
body.page-jk-stone section.feature .feature_box_2 .mb_1 {
margin-bottom: 27px;
}
@media screen and (min-width: 768px) {
body.page-jk-stone section.feature .feature_box_2 .text_4 {
width: 100%;
max-width: 896px;
font-size: 12px;
line-height: 1.5;
text-align: right;
position: absolute;
right: 7px;
bottom: 3px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.feature .feature_box_2 .text_4 {
width: 80%;
max-width: -654px;
font-size: 13px;
line-height: 1.5;
text-align: left;
position: absolute;
left: 20px;
bottom: 8px;
}
}
body.page-jk-stone section.results .header {
background: #5a4e21;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-stone section.results .results_box .results_box_1 .results_box_1_1 {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 72px;
}
@media screen and (max-width: 767px) {
body.page-jk-stone section.results .results_box .results_box_1 .results_box_1_1 {
margin-bottom: 42px;
}
}
body.page-jk-stone section.results .results_box .results_box_1 .results_box_1_1:last-of-type {
margin-bottom: 0;
}
body.page-jk-stone section.results .results_box .results_box_1 .results_box_1_1 .image_2 {
margin: 0 7px;
}
body.page-jk-seraida-u .inner {
width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
max-width: 956px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u .inner {
padding-left: 16px;
padding-right: 16px;
}
}
body.page-jk-seraida-u .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-seraida-u.jpg) no-repeat top center;
}
@media screen and (min-width: 768px) {
body.page-jk-seraida-u .guidebox {
top: 24px;
height: 10115px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-seraida-u_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-jk-seraida-u article > header {
display: none;
}
body.page-jk-seraida-u .entry-content > header {
background: #008239;
}
body.page-jk-seraida-u section.header .header_box .header_box_1 {
padding-top: 94px;
padding-bottom: 73px;
display: flex;
align-items: center;
flex-direction: column;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_1 {
padding-top: 64px;
padding-bottom: 38px;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_1 .image_1 {
margin-bottom: 27px;
}
body.page-jk-seraida-u section.header .header_box .header_box_1 .text_1 {
letter-spacing: 0.05em;
}
body.page-jk-seraida-u section.header .header_box .header_box_1 .text_2 {
font-size: 18px;
}
body.page-jk-seraida-u section.header .header_box .line_1 {
position: relative;
}
body.page-jk-seraida-u section.header .header_box .line_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
border-top: 1px solid #723485;
}
body.page-jk-seraida-u section.header .header_box .header_box_2 {
padding-top: 54px;
padding-bottom: 24px;
}
body.page-jk-seraida-u section.header .header_box .header_box_2 ul {
list-style: none;
display: flex;
justify-content: center;
margin-bottom: 57px;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_2 ul {
justify-content: space-between;
}
body.page-jk-seraida-u section.header .header_box .header_box_2 ul::after {
content: "";
display: block;
width: 30%;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_2 ul li {
background: #723485;
text-align: center;
width: 160px;
font-size: 16px;
color: white;
padding: 11px 0;
margin-left: 12px;
margin-right: 12px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_2 ul li {
width: 31%;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_2 .text_1 {
font-size: 36px;
font-weight: bold;
text-align: center;
line-height: 1.3333333333;
color: #723485;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_2 .text_1 {
font-size: 26px;
text-align: left;
line-height: 1.5;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_2 .text_1 strong {
position: relative;
}
body.page-jk-seraida-u section.header .header_box .header_box_2 .text_1 strong::before {
content: "";
position: absolute;
left: 0;
bottom: 4px;
width: 100%;
height: 8px;
background: #facb4c;
z-index: -1;
}
body.page-jk-seraida-u section.header .header_box .header_box_2 .header_box_2_1 {
width: 100%;
max-width: 896px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_2 .header_box_2_1 {
padding-bottom: 30px;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_2 .header_box_2_1 .text_2 {
width: 100%;
max-width: 544px;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_2 .header_box_2_1 .text_2 {
font-size: 14px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_2 .header_box_2_1 .image_1 {
margin-left: auto;
margin-right: auto;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_3 {
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_1 {
background: #e3d6e7;
padding: 20px 28px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_1 {
padding: 12px 22px;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_1 .text_3 {
font-size: 20px;
font-weight: bold;
color: #723485;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_1 .text_3 {
font-size: 18px;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_2 {
background: #e5e5e6;
display: flex;
justify-content: space-between;
padding: 24px 27px 38px;
margin-bottom: 64px;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_2 {
display: flex;
flex-direction: column;
align-items: center;
}
}
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_2 .text_4 {
border: 1px solid #000;
background: #fff;
font-size: 16px;
line-height: 2;
height: 32px;
text-align: center;
}
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_2 .text_5 {
font-size: 14px;
line-height: 2;
height: 32px;
text-align: center;
}
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_2 .header_box_3_2_1 {
margin-bottom: 30px;
}
body.page-jk-seraida-u section.header .header_box .header_box_3 .header_box_3_2 .header_box_3_2_2 {
margin-bottom: 30px;
}
body.page-jk-seraida-u section.header .feature_box_4 {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
background: #e2e2e2;
padding: 95px 120px 80px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.header .feature_box_4 {
padding: 32px 16px;
}
}
body.page-jk-seraida-u section.feature .header {
background: #723485;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 {
padding-top: 64px;
padding-bottom: 160px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 {
padding-bottom: 100px;
}
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .text_1 {
font-size: 28px;
color: #fff;
text-align: center;
background: #723485;
padding: 19px;
margin-bottom: 58px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .text_1 {
font-size: 23px;
line-height: 1.5;
}
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .text_1 strong {
font-size: 48px;
font-weight: bold;
color: #f8b500;
line-height: 0;
vertical-align: -5px;
position: relative;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .text_1 strong {
font-size: 36px;
}
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .text_1 strong::before {
content: "";
position: absolute;
left: 0;
bottom: 8px;
width: 100%;
height: 2px;
background: #f8b500;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .text_1 strong::before {
bottom: 5px;
}
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 {
padding-left: 44px;
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 24px;
font-weight: bold;
color: #723485;
margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 22px;
line-height: 1.5;
}
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_3 {
font-size: 16px;
line-height: 2;
margin-bottom: 43px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_3 {
font-size: 14px;
}
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .icon_1 {
position: relative;
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .icon_1::before {
content: "";
position: absolute;
left: -48px;
top: 3px;
width: 32px;
height: 32px;
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-seraida-u_15.svg) no-repeat center/contain;
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .icon_1.num_2::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-seraida-u_16.svg) no-repeat center/contain;
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1 .icon_1.num_3::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-seraida-u_17.svg) no-repeat center/contain;
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1_1 {
width: 100%;
max-width: 804px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border: 1px solid #723485;
padding: 8px 18px 8px 8px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1_1 {
max-width: 350px;
padding: 20px;
padding-bottom: 40px;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .image_18 {
background: #723485;
width: 100%;
display: flex;
justify-content: center;
}
}
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .text_4 {
width: 100%;
max-width: 378px;
font-size: 15px;
line-height: 1.6;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .text_4 {
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
}
}
body.page-jk-seraida-u section.performance .header {
background: #723485;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 {
padding-top: 63px;
padding-bottom: 160px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .image_8 {
margin-bottom: 55px;
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .text_1 {
font-size: 32px;
font-weight: 600;
color: #723485;
width: 100%;
max-width: 760px;
border: 1px solid #723485;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 12px;
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .text_1 {
font-size: 24px;
}
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 {
display: flex;
}
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .image_9 {
margin-bottom: 36px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .image_9 img {
width: 480px;
}
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_2 {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_2 .text_2 {
font-size: 15px;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_2 .text_2 {
font-size: 14px;
}
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_2 .image_10 {
margin-bottom: 16px;
}
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_2 .text_3 {
font-size: 15px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_2 .text_3 {
font-size: 14px;
}
}
body.page-jk-seraida-u section.spec .header {
background: #723485;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-u section.spec .spec_box .spec_box_1 {
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
padding-top: 64px;
padding-bottom: 146px;
}
body.page-jk-seraida-u section.spec .spec_box .spec_box_1 .image_11 {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.spec .spec_box .spec_box_1 .image_11 {
margin-bottom: 20px;
}
}
body.page-jk-seraida-u section.spec .spec_box .spec_box_1 .text_1 {
font-size: 15px;
line-height: 1.6;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.spec .spec_box .spec_box_1 .text_1 {
font-size: 14px;
}
}
body.page-jk-seraida-u section.material .header {
background: #723485;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-u section.material .material_box .material_box_1 {
padding-top: 63px;
padding-bottom: 19px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-seraida-u section.material .material_box .material_box_1 .image_12 {
margin-bottom: 20px;
}
body.page-jk-seraida-u section.material .material_box .material_box_1_1 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 46px;
margin-right: 33px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.material .material_box .material_box_1_1 {
flex-direction: column;
}
}
body.page-jk-seraida-u section.material .material_box .material_box_1_1 .image_14 {
padding-top: 50px;
}
body.page-jk-seraida-u section.material .material_box .material_box_2 {
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
padding-bottom: 117px;
}
body.page-jk-seraida-u section.material .material_box .material_box_2 .text_1 {
font-size: 28px;
font-weight: bold;
color: #723485;
margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.material .material_box .material_box_2 .text_1 {
font-size: 24px;
line-height: 1.6;
}
}
body.page-jk-seraida-u section.material .material_box .material_box_2 .text_2 {
font-size: 18px;
line-height: 2;
margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.material .material_box .material_box_2 .text_2 {
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
}
}
body.page-jk-seraida-u section.guarantee {
background: #f1ebf3;
padding-bottom: 90px;
}
body.page-jk-seraida-u section.guarantee .header {
background: #723485;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-seraida-u section.guarantee .box-9 {
border: 16px solid #723485;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.guarantee .box-9 {
padding: 20px;
}
}
body.page-jk-seraida-u section.guarantee .box-9-1 {
margin-right: 34px;
}
body.page-jk-seraida-u section.guarantee .box-9-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
body.page-jk-seraida-u section.guarantee .box-9-2 {
width: 100%;
}
}
body.page-jk-seraida-u section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #723485;
width: 200px;
padding: 9px 12px;
color: white;
}
body.page-jk-clearfiber-w .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-clearfiber-w.jpg) no-repeat top center;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w .guidebox {
top: 24px;
height: 14115px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-clearfiber-w_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-jk-clearfiber-w .inner {
width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
max-width: 956px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w .inner {
padding-left: 16px;
padding-right: 16px;
}
}
body.page-jk-clearfiber-w article > header {
display: none;
}
body.page-jk-clearfiber-w .entry-content > header {
background: #008239;
}
body.page-jk-clearfiber-w section.header .header_box .header_box_1 {
padding-top: 94px;
padding-bottom: 69px;
display: flex;
align-items: center;
flex-direction: column;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.header .header_box .header_box_1 {
padding-top: 64px;
padding-bottom: 38px;
}
}
body.page-jk-clearfiber-w section.header .header_box .header_box_1 .image_1 {
margin-bottom: 27px;
}
body.page-jk-clearfiber-w section.header .header_box .header_box_1 .text_1 {
letter-spacing: 0.05em;
}
body.page-jk-clearfiber-w section.header .header_box .line_1 {
position: relative;
}
body.page-jk-clearfiber-w section.header .header_box .line_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
border-top: 1px solid #4a3e00;
}
body.page-jk-clearfiber-w section.header .header_box .header_box_2 {
padding-top: 54px;
padding-bottom: 49px;
}
body.page-jk-clearfiber-w section.header .header_box .header_box_2 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.header .header_box .header_box_2 ul {
justify-content: space-between;
}
body.page-jk-clearfiber-w section.header .header_box .header_box_2 ul::after {
content: "";
display: block;
width: 30%;
}
}
body.page-jk-clearfiber-w section.header .header_box .header_box_2 ul li {
background: #4a3e00;
text-align: center;
width: 160px;
font-size: 16px;
color: white;
padding: 11px 0;
margin-left: 12px;
margin-right: 12px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.header .header_box .header_box_2 ul li {
width: 31%;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
}
}
body.page-jk-clearfiber-w section.header .header_box .header_box_2 .text_1 {
text-align: center;
color: #4a3e00;
font-size: 36px;
line-height: 1.3333333333;
margin-bottom: 26px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.header .header_box .header_box_2 .text_1 {
font-size: 26px;
text-align: left;
line-height: 1.5;
}
}
body.page-jk-clearfiber-w section.header .header_box .header_box_2 .text_2 {
width: 100%;
max-width: 806px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.header .header_box .header_box_2 .text_2 {
font-size: 14px;
}
}
body.page-jk-clearfiber-w section.header .header_box_3 {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
background: #e2e2e2;
padding: 95px 120px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.header .header_box_3 {
padding: 32px 16px;
}
}
body.page-jk-clearfiber-w section.feature .header {
background: #4a3e00;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearfiber-w section.feature .feature_box {
padding-bottom: 162px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box {
padding-bottom: 72px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 {
padding-top: 65px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .text_1 {
font-size: 32px;
font-weight: 600;
color: #4a3e00;
width: 100%;
max-width: 688px;
border: 1px solid #4a3e00;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 12px;
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .text_1 {
font-size: 24px;
margin-bottom: 25px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 {
margin-bottom: 160px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 752px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 {
margin-bottom: 80px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_1 {
width: 100%;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_1 {
max-width: 280px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_2 {
width: 100%;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_2 {
max-width: 465px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_4 {
width: 48%;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_5 {
width: 48%;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_6 {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_7 {
margin-left: auto;
margin-right: auto;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(1) {
align-items: center;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) {
margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) {
margin-bottom: 80px;
}
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) .text_2 {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) .text_2 {
margin-bottom: 20px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(4) {
margin-bottom: 83px;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(4) .image_7 {
margin-right: 20px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 {
width: 100%;
max-width: 896px;
border-radius: 20px;
background: #f2f2f2;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: 93px;
padding-bottom: 107px;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 {
align-items: center;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 {
padding: 50px 20px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .image_8 {
margin-bottom: 23px;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .text_3 {
font-size: 13px;
text-align: center;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .text_3 {
line-height: 1.5;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 {
width: 100%;
max-width: 664px;
margin-left: auto;
margin-right: auto;
padding-top: 61px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 {
padding-top: 30px;
padding-left: 30px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 {
font-size: 22px;
font-weight: bold;
color: #4a3e00;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 {
font-size: 18px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 span {
font-size: 18px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 span {
font-size: 16px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1 {
position: relative;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1::before {
content: "";
position: absolute;
left: -48px;
top: 3px;
width: 32px;
height: 32px;
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearfiber-w_20.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1::before {
left: -38px;
top: 1px;
width: 28px;
height: 28px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1.num_2::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearfiber-w_21.svg) no-repeat center/contain;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1.num_3::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearfiber-w_22.svg) no-repeat center/contain;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1.num_4::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearfiber-w_23.svg) no-repeat center/contain;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_5 {
font-size: 16px;
line-height: 2;
margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_5 {
font-size: 14px;
}
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_3 {
padding-top: 10px;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_3 .image_9 {
margin-bottom: 6px;
}
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_3 .text_3 {
font-size: 16px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.feature .feature_box .feature_box_2 .feature_box_2_3 .text_3 {
font-size: 14px;
}
}
body.page-jk-clearfiber-w section.performance .header {
background: #4a3e00;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 {
padding-top: 57px;
padding-bottom: 151px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 {
align-items: center;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 {
padding-bottom: 80px;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_1 {
font-size: 27px;
line-height: 1.5;
text-align: center;
font-weight: bold;
color: #4a3e00;
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_1 {
font-size: 21px;
text-align: left;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .image_8 {
margin-bottom: 55px;
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .image_10 {
margin-bottom: 41px;
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .image_11 {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .image_11 {
margin-left: auto;
margin-right: auto;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_2 {
font-size: 15px;
margin-bottom: 96px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_2 {
font-size: 13px;
text-align: center;
margin-bottom: 66px;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_3 {
font-size: 21px;
font-weight: 600;
color: #4a3e00;
width: 100%;
max-width: 760px;
border: 1px solid #4a3e00;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 18px;
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_3 {
font-size: 20px;
margin-bottom: 35px;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .image_12 {
margin-bottom: 56px;
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .image_13 {
margin-bottom: 18px;
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_4 {
font-size: 24px;
font-weight: bold;
text-align: center;
color: #4a3e00;
margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .text_4 {
font-size: 20px;
text-align: left;
line-height: 1.5;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .performance_box_1_1 {
width: 100%;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .performance_box_1_1 {
flex-direction: column;
align-items: center;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 {
text-align: center;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 {
margin-bottom: 25px;
}
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 .image_14 {
margin-bottom: 17px;
}
body.page-jk-clearfiber-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 .image_15 {
margin-bottom: 17px;
}
body.page-jk-clearfiber-w section.spec .header {
background: #4a3e00;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearfiber-w section.spec .spec_box .spec_box_1 {
padding-top: 63px;
padding-bottom: 145px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.spec .spec_box .spec_box_1 {
align-items: center;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.spec .spec_box .spec_box_1 {
padding-bottom: 80px;
}
}
body.page-jk-clearfiber-w section.spec .spec_box .spec_box_1 .image_16 {
margin-bottom: 10px;
}
body.page-jk-clearfiber-w section.spec .spec_box .spec_box_1 .text_1 {
font-size: 15px;
line-height: 1.4666666667;
margin-right: -2.5em;
text-align: left;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.spec .spec_box .spec_box_1 .text_1 {
font-size: 13px;
}
}
body.page-jk-clearfiber-w section.material .header {
background: #4a3e00;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearfiber-w section.material .material_box .material_box_1 {
padding-top: 63px;
padding-bottom: 164px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-clearfiber-w section.material .material_box .material_box_1 {
align-items: center;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.material .material_box .material_box_1 {
padding-bottom: 80px;
}
}
body.page-jk-clearfiber-w section.material .material_box .material_box_1 .image_17 {
margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.material .material_box .material_box_1 .image_18 {
width: 260px;
margin-left: auto;
margin-right: auto;
margin-bottom: 42px;
}
}
body.page-jk-clearfiber-w section.material .material_box .material_box_1 .material_box_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-bottom: 33px;
}
body.page-jk-clearfiber-w section.material .material_box .material_box_1 .text_1 {
font-size: 18px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.material .material_box .material_box_1 .text_1 {
font-size: 14px;
}
}
body.page-jk-clearfiber-w section.guarantee {
background: #EDECE5;
padding-bottom: 90px;
}
body.page-jk-clearfiber-w section.guarantee .header {
background: #4a3e00;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearfiber-w section.guarantee .box-9 {
border: 16px solid #4a3e00;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.guarantee .box-9 {
padding: 20px;
}
}
body.page-jk-clearfiber-w section.guarantee .box-9-1 {
margin-right: 34px;
}
body.page-jk-clearfiber-w section.guarantee .box-9-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
body.page-jk-clearfiber-w section.guarantee .box-9-2 {
width: 100%;
}
}
body.page-jk-clearfiber-w section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #4a3e00;
width: 200px;
padding: 9px 12px;
color: white;
}
body.page-jk-clearcoat-w .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-clearcoat-w.jpg) no-repeat top center;
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w .guidebox {
top: 24px;
height: 14115px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-clearcoat-w_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-jk-clearcoat-w .inner {
width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
max-width: 956px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w .inner {
padding-left: 16px;
padding-right: 16px;
}
}
body.page-jk-clearcoat-w article > header {
display: none;
}
body.page-jk-clearcoat-w .entry-content > header {
background: #008239;
}
body.page-jk-clearcoat-w section.header .header_box .header_box_1 {
padding-top: 94px;
padding-bottom: 69px;
display: flex;
align-items: center;
flex-direction: column;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.header .header_box .header_box_1 {
padding-top: 64px;
padding-bottom: 38px;
}
}
body.page-jk-clearcoat-w section.header .header_box .header_box_1 .image_1 {
margin-bottom: 27px;
}
body.page-jk-clearcoat-w section.header .header_box .header_box_1 .text_1 {
letter-spacing: 0.05em;
}
body.page-jk-clearcoat-w section.header .header_box .line_1 {
position: relative;
}
body.page-jk-clearcoat-w section.header .header_box .line_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
border-top: 1px solid #0d3387;
}
body.page-jk-clearcoat-w section.header .header_box .header_box_2 {
padding-top: 54px;
padding-bottom: 49px;
}
body.page-jk-clearcoat-w section.header .header_box .header_box_2 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.header .header_box .header_box_2 ul {
justify-content: space-between;
}
body.page-jk-clearcoat-w section.header .header_box .header_box_2 ul::after {
content: "";
display: block;
width: 30%;
}
}
body.page-jk-clearcoat-w section.header .header_box .header_box_2 ul li {
background: #0d3387;
text-align: center;
width: 160px;
font-size: 16px;
color: white;
padding: 11px 0;
margin-left: 12px;
margin-right: 12px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.header .header_box .header_box_2 ul li {
width: 31%;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
}
}
body.page-jk-clearcoat-w section.header .header_box .header_box_2 .text_1 {
text-align: center;
color: #0d3387;
font-size: 36px;
line-height: 1.3333333333;
margin-bottom: 26px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.header .header_box .header_box_2 .text_1 {
font-size: 26px;
text-align: left;
}
}
body.page-jk-clearcoat-w section.header .header_box .header_box_2 .text_2 {
width: 100%;
max-width: 806px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.header .header_box .header_box_2 .text_2 {
font-size: 14px;
}
}
body.page-jk-clearcoat-w section.header .header_box_3 {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
background: #e2e2e2;
padding: 95px 120px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.header .header_box_3 {
padding: 32px 16px;
}
}
body.page-jk-clearcoat-w section.feature .header {
background: #0d3387;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearcoat-w section.feature .feature_box {
padding-bottom: 162px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box {
padding-bottom: 72px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 {
padding-top: 65px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .text_1 {
font-size: 32px;
font-weight: 600;
color: #0d3387;
width: 100%;
max-width: 688px;
border: 1px solid #0d3387;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 12px;
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .text_1 {
font-size: 24px;
margin-bottom: 25px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 {
margin-bottom: 160px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 752px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 {
margin-bottom: 80px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_1 {
width: 100%;
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_1 {
max-width: 280px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_2 {
width: 100%;
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .width_2 {
max-width: 465px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_4 {
width: 48%;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_5 {
width: 48%;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_6 {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1 .image_7 {
margin-left: auto;
margin-right: auto;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(1) {
align-items: center;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) {
margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) {
margin-bottom: 80px;
}
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) .text_2 {
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(2) .text_2 {
margin-bottom: 20px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(4) {
margin-bottom: 83px;
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_1 .feature_box_1_1:nth-of-type(4) .image_7 {
margin-right: 20px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 {
width: 100%;
max-width: 896px;
border-radius: 20px;
background: #f2f2f2;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 93px;
padding-bottom: 107px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 {
padding: 50px 20px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .image_8 {
margin-bottom: 23px;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .text_3 {
font-size: 13px;
text-align: center;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .text_3 {
line-height: 1.5;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 {
width: 100%;
max-width: 664px;
margin-left: auto;
margin-right: auto;
padding-top: 61px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 {
padding-top: 30px;
padding-left: 30px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 {
font-size: 22px;
font-weight: bold;
color: #0d3387;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 {
font-size: 18px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 span {
font-size: 18px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 span {
font-size: 16px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1 {
position: relative;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1::before {
content: "";
position: absolute;
left: -48px;
top: 3px;
width: 32px;
height: 32px;
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearcoat-w_20.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1::before {
left: -38px;
top: 1px;
width: 28px;
height: 28px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1.num_2::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearcoat-w_21.svg) no-repeat center/contain;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1.num_3::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearcoat-w_22.svg) no-repeat center/contain;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_4 .icon_1.num_4::before {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/jk-clearcoat-w_23.svg) no-repeat center/contain;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_5 {
font-size: 16px;
line-height: 2;
margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_2 .text_5 {
font-size: 14px;
}
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_3 {
padding-top: 10px;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_3 .image_9 {
margin-bottom: 6px;
}
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_3 .text_3 {
font-size: 16px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.feature .feature_box .feature_box_2 .feature_box_2_3 .text_3 {
font-size: 14px;
}
}
body.page-jk-clearcoat-w section.performance .header {
background: #0d3387;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 {
padding-top: 64px;
padding-bottom: 151px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 {
align-items: center;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 {
padding-bottom: 80px;
}
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_1 {
font-size: 27px;
line-height: 1.5;
text-align: center;
font-weight: bold;
color: #0d3387;
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_1 {
font-size: 20px;
text-align: left;
}
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .image_8 {
margin-bottom: 55px;
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .image_10 {
margin-bottom: 41px;
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .image_11 {
margin-bottom: 10px;
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_2 {
font-size: 15px;
margin-bottom: 96px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_2 {
font-size: 13px;
text-align: center;
margin-bottom: 66px;
}
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_3 {
font-size: 21px;
font-weight: 600;
color: #0d3387;
width: 100%;
max-width: 760px;
border: 1px solid #0d3387;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 18px;
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_3 {
font-size: 20px;
margin-bottom: 35px;
}
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .image_12 {
margin-bottom: 56px;
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .image_13 {
margin-bottom: 18px;
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_4 {
font-size: 24px;
font-weight: bold;
text-align: center;
color: #0d3387;
margin-bottom: 29px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .text_4 {
font-size: 20px;
text-align: left;
line-height: 1.5;
}
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .performance_box_1_1 {
width: 100%;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .performance_box_1_1 {
flex-direction: column;
align-items: center;
}
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 {
text-align: center;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 {
margin-bottom: 25px;
}
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 .image_14 {
margin-bottom: 17px;
}
body.page-jk-clearcoat-w section.performance .performance_box .performance_box_1 .performance_box_1_1 .performance_box_1_1_1 .image_15 {
margin-bottom: 17px;
}
body.page-jk-clearcoat-w section.spec .header {
background: #0d3387;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearcoat-w section.spec .spec_box .spec_box_1 {
padding-top: 63px;
padding-bottom: 145px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w section.spec .spec_box .spec_box_1 {
align-items: center;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.spec .spec_box .spec_box_1 {
padding-bottom: 80px;
}
}
body.page-jk-clearcoat-w section.spec .spec_box .spec_box_1 .image_16 {
margin-bottom: 10px;
}
body.page-jk-clearcoat-w section.spec .spec_box .spec_box_1 .text_1 {
font-size: 15px;
line-height: 1.4666666667;
text-align: left;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.spec .spec_box .spec_box_1 .text_1 {
font-size: 13px;
}
}
body.page-jk-clearcoat-w section.material .header {
background: #0d3387;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearcoat-w section.material .material_box .material_box_1 {
padding-top: 63px;
padding-bottom: 145px;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (min-width: 768px) {
body.page-jk-clearcoat-w section.material .material_box .material_box_1 {
align-items: center;
}
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.material .material_box .material_box_1 {
padding-bottom: 80px;
}
}
body.page-jk-clearcoat-w section.material .material_box .material_box_1 .image_17 {
margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.material .material_box .material_box_1 .image_18 {
width: 260px;
margin-left: auto;
margin-right: auto;
margin-bottom: 42px;
}
}
body.page-jk-clearcoat-w section.material .material_box .material_box_1 .material_box_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin-bottom: 33px;
}
body.page-jk-clearcoat-w section.material .material_box .material_box_1 .text_1 {
font-size: 18px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.material .material_box .material_box_1 .text_1 {
font-size: 14px;
}
}
body.page-jk-clearcoat-w section.guarantee {
background: #f1ebf3;
padding-bottom: 90px;
}
body.page-jk-clearcoat-w section.guarantee .header {
background: #0d3387;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-clearcoat-w section.guarantee .box-9 {
border: 16px solid #0d3387;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.guarantee .box-9 {
padding: 20px;
}
}
body.page-jk-clearcoat-w section.guarantee .box-9-1 {
margin-right: 34px;
}
body.page-jk-clearcoat-w section.guarantee .box-9-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
body.page-jk-clearcoat-w section.guarantee .box-9-2 {
width: 100%;
}
}
body.page-jk-clearcoat-w section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #0d3387;
width: 200px;
padding: 9px 12px;
color: white;
}
form.wpcf7-form[data-status=sent] .wpcf7-response-output {
display: block !important;
}
@media screen and (min-width: 768px) {
#navbar.navbar-expand-md .navbar-nav .has-megamenu {
position: unset !important;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu > .dropdown-menu {
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
width: 100vw;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu > .dropdown-menu .dropdown-item {
display: none;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu {
background: rgba(0, 0, 0, 0.85) !important;
padding-bottom: 65px;
padding-top: 47px;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu .text_1 {
font-size: 16px;
color: #fff;
text-align: center;
margin-bottom: 32px;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu dl {
width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu dt {
width: 150px;
border: 1px solid #fff;
color: #fff;
margin-bottom: 10px;
margin-right: 20px;
text-align: left;
font-size: 14px;
font-weight: normal;
padding-top: 17px;
padding-left: 17px;
line-height: 1.4;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu dd {
width: calc(100% - 170px);
display: flex;
flex-wrap: wrap;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu dd a {
display: block;
margin-right: 10px;
margin-bottom: 10px;
}
#navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu dd a:nth-last-child(2), #navbar.navbar-expand-md .navbar-nav .has-megamenu .megamenu dd a:last-child {
margin-bottom: 0;
}
}
nav.drawer-nav .drawer-menu > ul > li ul.sub-menu > li.heading > a {
padding-left: 15px;
}
.cookie_table {
border-width: 0.5px !important;
width: 100%;
margin-bottom: 96px;
margin-top: -56px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0px 0px;
grid-template-areas: "box_1 box_3 box_5 box_7" "box_2 box_4 box_6 box_8";
}
@media screen and (max-width: 767px) {
.cookie_table {
margin-top: -26px;
margin-bottom: 48px;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-template-areas: "box_1 box_2" "box_3 box_4" "box_5 box_6" "box_7 box_8";
}
}
.cookie_table .box_1 {
grid-area: box_1;
}
.cookie_table .box_2 {
grid-area: box_2;
}
.cookie_table .box_3 {
grid-area: box_3;
}
.cookie_table .box_4 {
grid-area: box_4;
}
.cookie_table .box_5 {
grid-area: box_5;
}
.cookie_table .box_6 {
grid-area: box_6;
}
.cookie_table .box_7 {
grid-area: box_7;
}
.cookie_table .box_8 {
grid-area: box_8;
}
.cookie_table dt {
text-align: center;
height: 40px;
line-height: 40px;
font-size: 14px;
margin-bottom: 0;
background: #cce6d7;
font-weight: normal;
border-width: 0.5px !important;
}
.cookie_table dd {
text-align: center;
height: 40px;
line-height: 40px;
font-size: 14px;
margin-bottom: 0;
border-width: 0.5px !important;
}
body.page-jk-wall .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-wall.jpg) no-repeat top center;
}
@media screen and (min-width: 768px) {
body.page-jk-wall .guidebox {
top: 41px;
height: 10494px;
background-size: 1080px !important;
}
}
@media screen and (max-width: 767px) {
body.page-jk-wall .guidebox {
background: url(//www.jkk-kansai.net/wp-content/uploads/img/guide/jk-wall_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
body.page-jk-wall .inner {
width: 100%;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
max-width: 956px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall .inner {
padding-left: 16px;
padding-right: 16px;
}
}
body.page-jk-wall article > header {
display: none;
}
body.page-jk-wall .entry-content > header {
background: #008239;
}
body.page-jk-wall section.header .header_box .header_box_1 {
padding-top: 94px;
padding-bottom: 69px;
display: flex;
align-items: center;
flex-direction: column;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.header .header_box .header_box_1 {
padding-top: 64px;
padding-bottom: 38px;
}
}
body.page-jk-wall section.header .header_box .header_box_1 .image_1 {
margin-bottom: 27px;
}
body.page-jk-wall section.header .header_box .header_box_1 .text_1 {
letter-spacing: 0.05em;
}
body.page-jk-wall section.header .header_box .line_1 {
position: relative;
}
body.page-jk-wall section.header .header_box .line_1::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 100vw;
border-top: 1px solid #006CD6;
}
body.page-jk-wall section.header .header_box .header_box_2 {
padding-top: 54px;
padding-bottom: 49px;
}
body.page-jk-wall section.header .header_box .header_box_2 ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.header .header_box .header_box_2 ul {
justify-content: space-between;
}
body.page-jk-wall section.header .header_box .header_box_2 ul::after {
content: "";
display: block;
width: 30%;
}
}
body.page-jk-wall section.header .header_box .header_box_2 ul li {
background: #006CD6;
text-align: center;
width: 160px;
font-size: 16px;
color: white;
padding: 11px 0;
margin-left: 12px;
margin-right: 12px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.header .header_box .header_box_2 ul li {
width: 31%;
margin-bottom: 8px;
margin-left: 0;
margin-right: 0;
}
}
body.page-jk-wall section.header .header_box .header_box_2 .text_1 {
text-align: center;
color: #006CD6;
font-size: 36px;
line-height: 1.3333333333;
margin-bottom: 26px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.header .header_box .header_box_2 .text_1 {
font-size: 26px;
text-align: left;
}
}
body.page-jk-wall section.header .header_box .header_box_2 .text_2 {
width: 100%;
max-width: 806px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.header .header_box .header_box_2 .text_2 {
font-size: 14px;
}
}
body.page-jk-wall section.header .header_box_3 {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
background: #e2e2e2;
padding: 95px 120px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.header .header_box_3 {
padding: 32px 16px;
}
}
body.page-jk-wall section.feature .header {
background: #006CD6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-wall section.feature .feature_box {
padding: 63px 30px 110px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.feature .feature_box {
padding: 50px 0px 110px;
}
}
body.page-jk-wall section.feature .feature_box .feature_box_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
gap: 0 30px;
margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.feature .feature_box .feature_box_1 {
margin-bottom: 30px;
}
}
body.page-jk-wall section.feature .feature_box .feature_box_1 h3 {
display: flex;
flex-wrap: wrap;
width: 258px;
border: 1px solid #006CD6;
color: #006CD6;
font-size: 24px;
font-weight: 500;
padding: 17px;
align-items: center;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.feature .feature_box .feature_box_1 h3 {
font-size: 28px;
width: 100%;
margin-bottom: 18px;
justify-content: center;
}
}
body.page-jk-wall section.feature .feature_box .feature_box_1 h3 .text_5 {
margin-right: 8px;
}
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1 {
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1 .text_2 {
font-size: 14px;
margin-bottom: 20px;
}
}
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
background-color: #CCE2F7;
padding: 24px;
gap: 0 22px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 {
padding: 24px 20px;
justify-content: center;
}
}
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .feature_box_1_1_1_1 {
width: 100%;
padding-top: 6px;
}
@media screen and (min-width: 768px) {
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .feature_box_1_1_1_1 {
max-width: 297px;
}
}
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .feature_box_1_1_1_1 .text_3 {
font-size: 20px;
font-weight: 600;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .feature_box_1_1_1_1 .text_3 {
margin-bottom: 20px;
text-align: center;
}
}
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .feature_box_1_1_1_1 .text_4 {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.feature .feature_box .feature_box_1 .feature_box_1_1_1 .feature_box_1_1_1_1 .text_4 {
font-size: 14px;
}
}
body.page-jk-wall section.performance .header {
background: #006CD6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-wall section.performance .performance_box {
padding: 70px 0 160px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.performance .performance_box {
padding: 50px 0px 110px;
}
}
body.page-jk-wall section.performance .performance_box .performance_box_1 {
display: flex;
justify-content: center;
align-items: stretch;
gap: 62px;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.performance .performance_box .performance_box_1 {
flex-direction: column;
gap: 8px;
}
}
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box {
width: 100%;
max-width: 416px;
border: 1px solid #919191;
margin-bottom: 20px;
}
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-header {
background-color: #919191;
padding: 27px 15px;
text-align: center;
font-weight: 600;
font-size: 24px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-header {
padding: 17px 15px;
font-size: 20px;
}
}
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-content {
background-color: #ffffff;
padding: 34px;
display: flex;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-content {
padding: 14px;
}
}
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-content ul {
list-style: none;
padding-left: 0;
margin: 0;
}
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-content ul li {
position: relative;
padding-left: 25px;
line-height: 2;
font-size: 20px;
font-weight: 600;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-content ul li {
font-size: 18px;
}
}
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-content ul li:last-child {
margin-bottom: 0;
}
body.page-jk-wall section.performance .performance_box .performance_box_1 .info-box .info-box-content ul li::before {
content: "●";
position: absolute;
left: 5px;
top: 1px;
color: #000000;
font-size: 1em;
}
body.page-jk-wall section.spec .header {
background: #006CD6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-wall section.spec .spec_box {
padding: 70px 0 160px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.spec .spec_box {
padding: 50px 0px 110px;
}
}
body.page-jk-wall section.spec .spec_box .spec_box_1 .image_5 {
margin-bottom: 18px;
}
body.page-jk-wall section.spec .spec_box .spec_box_1_1 .text_1 {
font-size: 15px;
line-height: 1.4666666667;
text-align: left;
margin-bottom: 0px;
text-indent: -2em;
padding-left: 2em;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.spec .spec_box .spec_box_1_1 .text_1 {
font-size: 13px;
}
}
body.page-jk-wall section.material .header {
background: #006CD6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-wall section.material .material_box {
padding: 70px 0 160px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.material .material_box {
padding: 50px 0px 110px;
}
}
body.page-jk-wall section.material .material_box .material_box_1 .image_6 {
margin-bottom: 25px;
}
body.page-jk-wall section.material .material_box .material_box_2 .text_1 {
font-size: 20px;
font-weight: bold;
margin-bottom: 30px;
}
body.page-jk-wall section.material .material_box .material_box_2 .text_2 {
font-size: 18px;
font-weight: 600;
color: #006CD6;
margin-bottom: 4px;
}
body.page-jk-wall section.material .material_box .material_box_2 .text_3 {
font-size: 16px;
line-height: 1.5;
margin-bottom: 0px;
text-indent: -2em;
padding-left: 2em;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.material .material_box .material_box_2 .text_3 {
font-size: 14px;
}
}
body.page-jk-wall section.material .material_box .material_box_2 .text_4 {
font-size: 16px;
line-height: 1.5;
margin-bottom: 0px;
text-indent: -1em;
padding-left: 1em;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.material .material_box .material_box_2 .text_4 {
font-size: 14px;
}
}
body.page-jk-wall section.material .material_box .material_box_2 .text_4:not(:has(+ .text_4)) {
margin-bottom: 1.5em;
}
body.page-jk-wall section.guarantee {
background: #e5f0fb;
padding-bottom: 90px;
}
body.page-jk-wall section.guarantee .header {
background: #006CD6;
padding-top: 96px;
padding-bottom: 34px;
text-align: center;
color: white;
font-size: 32px;
}
body.page-jk-wall section.guarantee .box-9 {
border: 16px solid #006CD6;
background: #fff;
padding: 60px 5px 60px 35px;
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.guarantee .box-9 {
padding: 20px;
}
}
body.page-jk-wall section.guarantee .box-9-1 {
margin-right: 34px;
}
body.page-jk-wall section.guarantee .box-9-2 {
width: calc(100% - 260px);
}
@media screen and (max-width: 767px) {
body.page-jk-wall section.guarantee .box-9-2 {
width: 100%;
}
}
body.page-jk-wall section.guarantee h4 {
font-weight: bold;
text-align: left;
background: #006CD6;
width: 200px;
padding: 9px 12px;
color: white;
}