@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;
}
} .brown-color {
color: #7b5b1c;
}
.blue-color {
color: #1c1f87;
}
.red-color {
color: #cf000d;
}
.lightblue-color {
color: #0092d3;
}
.orange-color {
color: #f0831e;
}
.purple-color {
color: #93278f;
} p.cat {
width: 91px;
background: #555;
padding: 5px 0;
}
p.cat.information {
background: #7c5c1b !important;
}
p.cat.member-info {
background: #182987 !important;
}
hr.cat.information {
border-top-color: #7c5c1b !important;
}
hr.cat.member-info {
border-top-color: #182987 !important;
}
div.cat.information {
border-left-color: #7c5c1b !important;
}
div.cat.member-info {
border-left-color: #182987 !important;
}
.w-250px {
width: 250px;
}
.box-gray {
background: #e6e6e6;
padding: 60px 30px;
}
@media screen and (max-width: 767px) {
.box-gray {
padding: 16px;
}
}
.kasen {
background: linear-gradient(transparent 90%, #fbcc2a 90%);
background-position: bottom 0px center;
background-repeat: no-repeat;
display: inline;
}
.balloon {
position: relative;
width: 100%; min-height: 60px; margin: unset; padding: -1.5rem 10px 10px; }
.balloon::before {
content: "";
position: absolute;
z-index: 1;
width: 60px;
height: 60px; }
.balloon::after {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.balloon > * {
position: relative;
z-index: 3;
}
.balloon,
.balloon::before {
box-shadow: 0 0 10px 0 rgba(163, 163, 163, 0.5);
border: 1px solid #999; }
.balloon,
.balloon::before,
.balloon::after {
background: #fff; } .balloon--bottom_center::before {
bottom: -10px;
left: 50%; transform: translateX(-50%) rotate(45deg) skew(20deg, 20deg); }
ol.style-1 {
counter-reset: li;
list-style: none;
*list-style: decimal;
}
ol.style-1 li {
position: relative;
margin-bottom: 2.5rem;
}
ol.style-1 li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -3.5rem;
top: 50%;
margin-top: -1.25rem;
background: #1c1f87;
color: white;
height: 2.5rem;
width: 2.5rem;
line-height: 2.5rem;
text-align: center;
}
ol.process {
padding-left: 0;
}
ol.process li {
line-height: 1;
display: flex;
align-items: center;
padding: 15px 27px;
flex-wrap: wrap;
justify-content: space-between;
z-index: 2;
position: relative;
}
@media screen and (max-width: 575px) {
ol.process li {
justify-content: start;
padding: 15px 16px;
}
}
ol.process li:nth-of-type(8) {
z-index: 0;
}
ol.process li p:first-of-type {
color: white;
margin-right: 20px;
margin-bottom: 0;
}
@media screen and (max-width: 575px) {
ol.process li p:first-of-type {
font-size: 2rem;
}
}
ol.process li p:nth-of-type(2) {
width: 228px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
ol.process li p:nth-of-type(2) {
width: 168px;
}
}
@media screen and (max-width: 575px) {
ol.process li p:nth-of-type(2) {
width: 87%;
font-size: 1.5rem;
margin-top: 0.2rem;
}
}
ol.process li p:last-of-type {
margin-bottom: 0;
width: calc(100% - 300px);
line-height: 2;
}
@media screen and (max-width: 767px) {
ol.process li p:last-of-type {
width: calc(100% - 240px);
}
}
@media screen and (max-width: 575px) {
ol.process li p:last-of-type {
width: 100%;
margin-left: 36px;
margin-top: 5px;
}
}
ol.process > img.line {
width: 100%;
height: 17px;
text-align: center;
margin-top: -5px;
z-index: 1;
position: relative;
}
ol.process > img.arrow {
width: 100%;
height: 32px;
text-align: center;
margin-top: -2px;
z-index: 1;
position: relative;
margin-bottom: -10px;
}
.box-tile {
height: 244px;
border: 1px solid #000;
background: url(//www.hakubo.jp/wp-content/uploads/img/tile-left.svg) left bottom no-repeat, url(//www.hakubo.jp/wp-content/uploads/img/tile-right.svg) right bottom no-repeat;
}
@media screen and (max-width: 767px) {
.box-tile {
height: unset;
background-size: 30vw;
padding: 20px 0;
}
.box-tile p.f24.l16 {
font-size: 1rem;
}
}
@media screen and (max-width: 767px) {
.site-title .title .f36 {
font-size: 2.25rem;
}
}
@media screen and (max-width: 767px) {
.site-title > div {
width: 80vw;
margin-top: 4px;
}
}
@media screen and (min-width: 768px) {
.header .site-title {
flex-basis: 57% !important;
}
}
.frame-wrapper {
width: 100%;
max-width: 840px;
margin: 0 auto;
}
.frame-wrapper__video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.frame-wrapper__video iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
body.home .news .news-list .news-list-item .more {
color: #7c5c1b !important;
}
body.home .about {
padding-bottom: 0;
background-color: #8db6ee;
}
body.home .about .about-bg {
background-image: url(//www.hakubo.jp/wp-content/uploads/top_city_s-1.jpg);
background-position: center top;
background-size: cover;
height: 250px;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
body.home .greeting .box {
background: url(//www.hakubo.jp//wp-content/uploads/person.jpg?ver=1.0) no-repeat bottom -2px right 0px/450px, white !important;
}
@media screen and (max-width: 767px) {
body.home .greeting .box {
padding-top: 72px;
padding-bottom: 545px;
}
}
@media screen and (max-width: 767px) {
body.home .greeting .box {
background-position: bottom -2px center !important;
}
}
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: 49px 30px;
}
@media screen and (max-width: 767px) {
body.home .service .box {
padding: 5px 16px;
}
}
body.home .service .box ul {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body.home .service .box ul li {
margin: 11px 0;
width: 49%;
text-align: center;
}
@media screen and (max-width: 767px) {
body.home .service .box ul li {
width: 100%;
}
}
.home-top-slider .slick-dots {
bottom: 5px;
}
.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-bc article > header {
display: none;
}
.page-bc section > .header {
background: #7b5b1c;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-bc h3.common {
color: #7b5b1c;
border: 1px solid #7b5b1c;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
.page-bc section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-bc section.header .guarantee > div {
width: 100%;
max-width: 300px;
border: 1px solid #7b5b1c;
margin-right: 12px;
margin-left: 12px;
padding: 1rem;
}
.page-bc section.header .guarantee > div span {
color: #000;
font-weight: normal;
vertical-align: 0.2rem;
}
.page-bc section.header hr {
border-top-color: #7b5b1c;
}
.page-bc section.header ul {
list-style: none;
}
.page-bc section.header ul li {
background: #e2e2e2;
text-align: center;
width: 12%;
color: #7b5b1c;
padding: 11px 0;
margin-left: 3%;
margin-right: 3%;
border: 1px solid #7b5b1c;
border-radius: 5px;
}
.page-bc section.header ul li.download {
width: 200px;
}
.page-bc section.header ul li:hover {
background: #7b5b1c;
color: #fff;
}
.page-bc section.header ul li a {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.page-bc section.header ul li {
width: 27%;
margin-bottom: 8px;
margin-left: 2%;
margin-right: 2%;
}
}
.page-bc section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-bc section.header .box-0 {
padding: 64px 16px 96px;
text-align: center;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-bc section.header .box-0 {
padding: 32px 16px;
}
}
.page-bc .box-1 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-bc .box-1 > div {
max-width: unset;
}
}
.page-bc section.feature table {
border-collapse: collapse;
width: 100%;
}
.page-bc section.feature table td {
border: 1px solid #000;
vertical-align: top;
padding: 0.5rem;
width: 50%;
}
.page-bc section.feature .box-gray hr {
border-color: #f0831e;
border-width: 2px;
width: 100%;
}
.page-bc section.guarantee h3 {
color: #7b5b1c;
max-width: 560px;
width: 100%;
background-color: #fccd2b;
padding: 12px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
}
.page-bc section.bg {
padding-top: 96px;
padding-bottom: 160px;
background: url(//www.hakubo.jp/wp-content/uploads/img/bg-1.png);
border-top: 1px solid #7b5b1c;
}
.page-bc section.bg .box-1-1 h3 {
background: url(//www.hakubo.jp/wp-content/uploads/img/bc-8.svg) no-repeat right center/cover;
padding: 7px;
position: relative;
z-index: 4;
}
@media screen and (max-width: 767px) {
.page-bc section.bg .box-1-1 h3 {
padding: 7px 0;
font-size: 1.7rem;
}
}
.page-bc section.bg .box-1-1 h3:before {
position: absolute;
content: "";
background: url(//www.hakubo.jp/wp-content/uploads/img/bc-8.svg) no-repeat left center/cover;
left: -30px;
height: 100%;
width: 30px;
top: 0px;
z-index: 1;
}
@media screen and (max-width: 767px) {
.page-bc section.bg .box-1-1 h3:before {
left: -16px;
width: 16px;
}
}
.page-bc section.bg .box-1-1-1-1 {
font-weight: bold;
font-size: 20px;
color: #fff;
width: 240px;
height: 48px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
background: #7c5c1d;
margin-bottom: 10px;
}
.page-bc section.bg .box-1-1-1-1:first-of-type {
float: left;
margin-right: 15px;
}
.page-bc section.bg .balloon h3 {
display: inline-block;
background: white;
margin-top: -1.5rem;
}
.page-bc section.bg .balloon p {
margin: 0 5%;
}
@media screen and (max-width: 575px) {
.page-bc section.bg .balloon p {
width: 80%;
}
}
.page-bc section.process {
padding-bottom: 160px;
background: #f1eee8;
}
.page-bc section.process ol.process li {
background: #f2e8da;
}
.page-bc section.process ol.process li p:first-of-type {
color: white;
}
.page-bc section.process ol.process li p:nth-of-type(2) {
color: #7b5b1c;
}
.page-bc section.process ol.process li:nth-of-type(2) {
background: #eee1cd;
}
.page-bc section.process ol.process li:nth-of-type(3) {
background: #ead9c1;
}
.page-bc section.process ol.process li:nth-of-type(4) {
background: #e6d2b4;
}
.page-bc section.process ol.process li:nth-of-type(5) {
background: #e2caa8;
}
.page-bc section.process ol.process li:nth-of-type(6) {
background: #dec29b;
}
.page-bc section.process ol.process li:nth-of-type(7) {
background: #d9bb8f;
}
.page-bc section.process ol.process li:nth-of-type(8) {
background: #d5b382;
}
.page-hbc article > header {
display: none;
}
.page-hbc section > .header {
background: #1c1f87;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-hbc h3.common {
color: #1c1f87;
border: 1px solid #1c1f87;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
.page-hbc section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-hbc section.header .guarantee > div {
width: 100%;
max-width: 300px;
border: 1px solid #1c1f87;
margin-right: 12px;
margin-left: 12px;
padding: 1rem;
}
.page-hbc section.header .guarantee > div span {
color: #000;
font-weight: normal;
vertical-align: 0.2rem;
}
@media screen and (max-width: 767px) {
.page-hbc section.header .guarantee > div span {
vertical-align: 0rem;
}
}
.page-hbc section.header hr {
border-top-color: #1c1f87;
}
.page-hbc section.header ul {
list-style: none;
}
.page-hbc section.header ul li {
background: #e2e2e2;
text-align: center;
width: 12%;
color: #1c1f87;
padding: 11px 0;
margin-left: 3%;
margin-right: 3%;
border: 1px solid #1c1f87;
border-radius: 5px;
}
.page-hbc section.header ul li.download {
width: 200px;
}
.page-hbc section.header ul li:hover {
background: #1c1f87;
color: #fff;
}
.page-hbc section.header ul li a {
width: 100%;
height: 100%;
display: block;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.page-hbc section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-hbc section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-hbc section.header .box-0 {
padding: 64px 16px 96px;
text-align: center;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-hbc section.header .box-0 {
padding: 32px 16px;
}
}
.page-hbc section.feature {
padding-bottom: 160px;
}
.page-hbc section.feature .box-2 {
width: 100%;
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
.page-hbc section.feature .box-1 {
border: 10px solid #6062ab;
padding: 2rem;
}
.page-hbc section.condition {
padding-bottom: 160px;
background: #e8e8f3;
}
.page-hbc section.condition .box-2 {
padding: 2.5rem 1rem 0.1rem 3rem;
background: white;
border: 1px solid #1c1f87;
}
.page-hbc section.repare {
padding-bottom: 160px;
}
.page-hbc section.repare .link {
display: block;
background: #7b5b1c;
color: #fff;
padding: 1rem 0.5rem;
}
.page-hbc section.guarantee h3 {
max-width: 560px;
width: 100%;
background-color: #fccd2b;
padding: 12px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
}
.page-hbc .box-1 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-hbc .box-1 > div {
max-width: unset;
}
}
.page-dbc article > header {
display: none;
}
.page-dbc section > .header {
background: #cf000d;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-dbc h3.common {
color: #cf000d;
border: 1px solid #cf000d;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
.page-dbc section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-dbc section.header .guarantee > div {
width: 100%;
max-width: 300px;
border: 1px solid #cf000d;
margin-right: 12px;
margin-left: 12px;
padding: 1rem;
}
.page-dbc section.header .guarantee > div span {
color: #000;
font-weight: normal;
vertical-align: 0.2rem;
}
.page-dbc section.header hr {
border-top-color: #cf000d;
}
.page-dbc section.header ul {
list-style: none;
}
.page-dbc section.header ul li {
background: #e2e2e2;
text-align: center;
width: 12%;
color: #cf000d;
padding: 11px 0;
margin-left: 3%;
margin-right: 3%;
border: 1px solid #cf000d;
border-radius: 5px;
}
.page-dbc section.header ul li.download {
width: 200px;
}
.page-dbc section.header ul li:hover {
background: #cf000d;
color: #fff;
}
.page-dbc section.header ul li a {
width: 100%;
height: 100%;
display: block;
}
@media screen and (max-width: 767px) {
.page-dbc section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-dbc section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-dbc section.header .box-0 {
padding: 64px 16px 96px;
text-align: center;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-dbc section.header .box-0 {
padding: 32px 16px;
}
}
.page-dbc section.feature {
padding-bottom: 160px;
}
.page-dbc section.feature .box-1 {
border: 10px solid #dd4c55;
padding: 2rem;
}
.page-dbc section.feature .parts_1 {
font-weight: bold;
font-size: 20px;
color: #fff;
width: 240px;
height: 48px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
background: #cf000e;
margin-bottom: 10px;
margin-right: 15px;
margin-left: 15px;
}
.page-dbc section.feature .parts_1:first-of-type {
margin-right: 5px;
}
@media screen and (max-width: 767px) {
.page-dbc section.feature .text.justify-content-center.align-items-baseline {
flex-direction: column;
align-items: center !important;
}
}
.page-dbc section.condition {
padding-bottom: 160px;
background: #fae5e6;
}
.page-dbc section.condition .box-2 {
padding: 2.5rem 1rem 0.1rem 3rem;
background: white;
border: 1px solid #cf000d;
}
.page-dbc section.condition .box-2 li:before {
background: #cf000d;
}
.page-dbc section.repare {
padding-bottom: 160px;
}
.page-dbc section.repare .box-3 {
margin-left: -8px;
margin-right: -8px;
}
.page-dbc section.repare .box-3 img {
margin: 0 8px;
}
.page-dbc section.guarantee h3 {
max-width: 560px;
width: 100%;
background-color: #fccd2b;
padding: 12px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
}
.page-dbc .box-1 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-dbc .box-1 > div {
max-width: unset;
}
}
.page-lbc article > header {
display: none;
}
.page-lbc section > .header {
background: #0092d3;
padding-top: 96px;
padding-bottom: 40px;
text-align: center;
color: white;
font-size: 32px;
}
.page-lbc h3.common {
color: #0092d3;
border: 1px solid #0092d3;
max-width: 688px;
width: 100%;
background-color: white;
margin: 0 auto 56px;
padding: 12px;
}
.page-lbc section.header {
padding-top: 80px;
padding-bottom: 0px;
}
.page-lbc section.header .guarantee > div {
width: 100%;
max-width: 300px;
border: 1px solid #0092d3;
margin-right: 12px;
margin-left: 12px;
padding: 1rem;
}
.page-lbc section.header .guarantee > div span {
color: #000;
font-weight: normal;
vertical-align: 0.2rem;
}
.page-lbc section.header hr {
border-top-color: #0092d3;
}
.page-lbc section.header ul {
list-style: none;
}
.page-lbc section.header ul li {
background: #e2e2e2;
text-align: center;
width: 12%;
color: #0092d3;
padding: 11px 0;
margin-left: 3%;
margin-right: 3%;
border: 1px solid #0092d3;
border-radius: 5px;
}
.page-lbc section.header ul li.download {
width: 200px;
}
.page-lbc section.header ul li:hover {
background: #0092d3;
color: #fff;
}
.page-lbc section.header ul li a {
width: 100%;
height: 100%;
display: block;
}
@media screen and (max-width: 767px) {
.page-lbc section.header ul li {
width: 31%;
margin-bottom: 8px;
}
}
.page-lbc section.header .text {
max-width: 806px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-lbc section.header .box-0 {
padding: 64px 16px 96px;
text-align: center;
background: #e2e2e2;
}
@media screen and (max-width: 767px) {
.page-lbc section.header .box-0 {
padding: 32px 16px;
}
}
.page-lbc section.feature {
padding-bottom: 160px;
}
.page-lbc section.feature table {
border-collapse: collapse;
width: 100%;
}
@media screen and (max-width: 767px) {
.page-lbc section.feature table {
font-size: 0.9rem;
}
}
.page-lbc section.feature table th {
border: 1px solid #000;
font-weight: normal;
background: #fee9b4;
padding: 0.7rem;
}
@media screen and (max-width: 767px) {
.page-lbc section.feature table th {
padding: 0.4rem 0.1rem;
}
}
.page-lbc section.feature table td {
border: 1px solid #000;
padding: 0.7rem;
}
@media screen and (max-width: 767px) {
.page-lbc section.feature table td {
padding: 0.4rem 0.1rem;
}
}
.page-lbc section.feature table th:nth-of-type(1) {
width: 28%;
}
@media screen and (max-width: 767px) {
.page-lbc section.feature table th:nth-of-type(1) {
width: 22%;
}
}
.page-lbc section.feature table th:nth-of-type(2) {
width: 22%;
}
@media screen and (max-width: 767px) {
.page-lbc section.feature table th:nth-of-type(2) {
width: 17%;
}
}
.page-lbc section.feature table th:nth-of-type(3) {
width: 22%;
}
@media screen and (max-width: 767px) {
.page-lbc section.feature table th:nth-of-type(3) {
width: 17%;
}
}
.page-lbc section.feature table th:nth-of-type(4) {
width: 28%;
}
.page-lbc section.feature .box-1 {
border: 10px solid #4cb2e0;
padding: 2rem;
}
.page-lbc section.condition {
padding-bottom: 160px;
background: #e5f4fa;
}
.page-lbc section.condition .box-2 {
padding: 2.5rem 1rem 0.1rem 3rem;
background: white;
border: 1px solid #0092d3;
}
.page-lbc section.condition .box-2 li:before {
background: #0092d3;
}
.page-lbc section.repare {
padding-bottom: 160px;
}
.page-lbc section.repare ol.process li {
background: #e5f4fa;
}
.page-lbc section.repare ol.process li p:first-of-type {
color: white;
}
.page-lbc section.repare ol.process li p:nth-of-type(2) {
color: #0092d3;
}
.page-lbc section.repare ol.process li:nth-of-type(2) {
background: #cdeaf6;
}
.page-lbc section.repare ol.process li:nth-of-type(3) {
background: #bfe3f4;
}
.page-lbc section.repare ol.process li:nth-of-type(4) {
background: #a5d8ef;
}
.page-lbc section.repare ol.process li:nth-of-type(5) {
background: #8cceeb;
}
.page-lbc section.repare ol.process li:nth-of-type(6) {
background: #7fc8e9;
}
.page-lbc section.repare ol.process li:nth-of-type(7) {
background: #72c3e6;
}
.page-lbc section.repare ol.process li:nth-of-type(8) {
background: #65bde4;
}
.page-lbc section.guarantee h3 {
max-width: 560px;
width: 100%;
background-color: #fccd2b;
padding: 12px;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
}
.page-lbc .box-1 > div {
max-width: calc(50% - 10px);
width: 100%;
}
@media screen and (max-width: 767px) {
.page-lbc .box-1 > div {
max-width: unset;
}
}
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: 255px;
font-size: 15px;
font-weight: bold;
text-align: center;
list-style: none;
background: #e6e6e6;
border-radius: 7px;
padding: 22px 0;
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: #7c5c1d !important;
color: #fff !important;
}
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.ビスクランプ注入工法 {
color: #7c5c1d;
}
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: #7c5c1d !important;
color: #fff !important;
}
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.ホールドビスクランプ注入工法 {
color: #1d2088;
}
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: #1d2088 !important;
color: #fff !important;
}
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.ダイレクトビスクランプ注入工法 {
color: #cf000e;
}
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: #cf000e !important;
color: #fff !important;
}
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.レベルビスクランプ注入工法 {
color: #0092d3;
}
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: #0092d3 !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: block;
}
@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 #005bab;
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.ビスクランプ注入工法,
body.tax-works-category section.category-menu .category-title.ビスクランプ注入工法,
body.single-works section.category-menu .category-title.ビスクランプ注入工法 {
color: #7c5c1d;
}
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.ホールドビスクランプ注入工法 {
color: #1d2088;
}
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.ダイレクトビスクランプ注入工法 {
color: #cf000e;
}
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.レベルビスクランプ注入工法 {
color: #0092d3;
}
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: #e5ded2;
}
@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: #005bab;
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.hakubo.jp/wp-content/uploads/img/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.hakubo.jp/wp-content/uploads/img/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 #775d28;
border-radius: 10px;
padding: 16px;
background: #fff;
display: flex;
flex-direction: column;
justify-content: start;
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;
width: 100%;
display: inline-block;
margin-bottom: 8px;
margin-top: 12px;
}
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: #7c5c1d;
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-ビスクランプ注入工法,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-ビスクランプ注入工法,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-ビスクランプ注入工法 {
background: #7c5c1d !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-ホールドビスクランプ注入工法,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-ホールドビスクランプ注入工法,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-ホールドビスクランプ注入工法 {
background: #1d2088 !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-ダイレクトビスクランプ注入工法,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-ダイレクトビスクランプ注入工法,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-ダイレクトビスクランプ注入工法 {
background: #cf000e !important;
}
body.post-type-archive-works section.works-list .box-1 .works-list .works-list-item .category.cat-レベルビスクランプ注入工法,
body.tax-works-category section.works-list .box-1 .works-list .works-list-item .category.cat-レベルビスクランプ注入工法,
body.single-works section.works-list .box-1 .works-list .works-list-item .category.cat-レベルビスクランプ注入工法 {
background: #0092d3 !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: #7c5c1d;
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: #7c5c1d;
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: #e5ded2;
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: #005bab;
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.hakubo.jp/wp-content/uploads/img/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.hakubo.jp/wp-content/uploads/img/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 #775d28;
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: #005bab;
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-ビスクランプ注入工法,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-ビスクランプ注入工法,
body.single-works section.works-single .box-1-1 .single-category.cat-ビスクランプ注入工法 {
background: #7c5c1d !important;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-ホールドビスクランプ注入工法,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-ホールドビスクランプ注入工法,
body.single-works section.works-single .box-1-1 .single-category.cat-ホールドビスクランプ注入工法 {
background: #1d2088 !important;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-ダイレクトビスクランプ注入工法,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-ダイレクトビスクランプ注入工法,
body.single-works section.works-single .box-1-1 .single-category.cat-ダイレクトビスクランプ注入工法 {
background: #cf000e !important;
}
body.post-type-archive-works section.works-single .box-1-1 .single-category.cat-レベルビスクランプ注入工法,
body.tax-works-category section.works-single .box-1-1 .single-category.cat-レベルビスクランプ注入工法,
body.single-works section.works-single .box-1-1 .single-category.cat-レベルビスクランプ注入工法 {
background: #0092d3 !important;
}
@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: #7c5c1d;
}
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: #7c5c1d;
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 #7c5c1b;
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: #7c5c1b;
padding: unset;
}
.pagenation li a {
color: #7c5c1b !important;
}
form.wpcf7-form[data-status=sent] .wpcf7-response-output {
display: block !important;
}
.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: #e5ded2;
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;
}