@charset "UTF-8";
  @import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;800&family=Zen+Kaku+Gothic+New:wght@500;700;900&family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
*{
position: relative;
box-sizing: border-box;
}
html {
font-size: 62.5%;
color: #202020;
}
body {
position: relative;
margin: 0;
padding: 0;
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 1.6rem;
}
h1,h2,h3,h4{
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: bold;
}
p{
font-size: 1.8rem;
}
img {
max-width: 100%;
height: auto;
object-fit: cover;
vertical-align: bottom;
}
.num,.number{
font-family: 'Urbanist', sans-serif;
}
.kakuGo{
font-family: 'Zen Kaku Gothic New', sans-serif;
}
.maruGo{
font-family: 'Zen Maru Gothic', serif;
}
@media only screen and (max-width:768px){
html {
font-size: 56.25%;
}
} .bold {
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 700;
}
.medium {
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
}
.text-left{ text-align: left!important; }
.text-center,.text_center{ text-align: center!important; }
.text-right{ text-align: right!important; }
.fs10{ font-size: 1.0rem; }
.fs11{ font-size: 1.1rem; }
.fs12{ font-size: 1.2rem; }
.fs13{ font-size: 1.3rem; }
.fs14{ font-size: 1.4rem; }
.fs15{ font-size: 1.5rem; }
.fs16{ font-size: 1.6rem; }
.fs17{ font-size: 1.7rem; }
.fs18{ font-size: 1.8rem; }
.fs19{ font-size: 1.9rem; }
.fs20{ font-size: 2.0rem; }
.fs21{ font-size: 2.1rem; }
.fs22{ font-size: 2.2rem; }
.fs23{ font-size: 2.3rem; }
.fs24{ font-size: 2.4rem; }
.fs25{ font-size: 2.5rem; }
.fs26{ font-size: 2.6rem; }
.fs27{ font-size: 2.7rem; }
.fs28{ font-size: 2.8rem; }
.fs29{ font-size: 2.9rem; }
.fs30{ font-size: 3.0rem; }
.fs31{ font-size: 3.1rem; }
.fs32{ font-size: 3.2rem; }
.fs33{ font-size: 3.3rem; }
.fs34{ font-size: 3.4rem; }
.fs35{ font-size: 3.5rem; }
.fs36{ font-size: 3.6rem; }
.fs37{ font-size: 3.7rem; }
.fs38{ font-size: 3.8rem; }
.fs39{ font-size: 3.9rem; }
.fs40{ font-size: 4.0rem; }
.big{ font-size: 150%; }
.small{ font-size: 90%; }
a {
color: #333333;
text-decoration: none;
display: inline-block;
}
a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-webkit-transition: all .3s;
transition: all .3s;
}
@media only screen and (max-width:580px){
.big{ font-size: 120%; }
} section{
width: 100%;
}
.inner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
}
.flex-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
margin: 30px auto;
}
.align-items-center{ align-items: center; }
.justify-content-center{ justify-content:center; }
.justify-content-around{ justify-content:space-around; }
.justify-content-between{ justify-content:space-between; }
.fl-two-column {
width: calc(50% - 15px);
}
.nowrap {
white-space: nowrap;
}
@media only screen and (min-width:1600px){
.inner{
max-width:1280px;
}
} @media(min-width: 1041px) {}
@media screen and (max-width:1040px) {
.inner {
width: calc(100% - 40px);
}
}
@media(min-width: 769px) { a[href^="tel:"] {
pointer-events: none;
}
.sp-none{ display: block; }
.sp-only,.ssp-only,.pc-none{ display: none; }
}
@media screen and (max-width:768px) {
.sp-none,.ssp-only{ display: none; }
.sp-only{ display: block; }
.sp-reverse{ flex-flow: column-reverse; }
}
@media only screen and (max-width:620px){
.fl-two-column {
width: 100%;
}
.inner {
width: 100%;
}
.fl-two-column,section.top_mv .fl-two-column{
width: 100%;
}
p{
margin: 3rem auto;
font-size: 1.6rem;
}
}
@media only screen and (max-width:480px){
}
@media screen and (max-width:350px) {
.ssp-only{ display: block; }
.ssp-none{ display: none; }
} [class*="marker_"]{
transition: background-position 1.5s ease-out;
-webkit-transition: background-position 1.5s ease-out;
}
.marker_line {
background: -webkit-linear-gradient(left, #EECE36 50%, transparent 50%) 100% 100% / 200% 50% no-repeat;
background: linear-gradient(to right, #EECE36 50%, transparent 50%) 100% 100% / 200% 50% no-repeat;
}
.marker_white {
background: -webkit-linear-gradient(left, #FFF 50%, transparent 50%) 100% 100% / 200% 50% no-repeat;
background: linear-gradient(to right, #FFF 50%, transparent 50%) 100% 100% / 200% 50% no-repeat;
}
.marker_start { background-position: 0% bottom; } header#main-header {
background: #fff;
z-index: 10;
}
header#main-header.fixed{
position: fixed;
width: 100%;
top:0;
}
.menu_toggle {
display: block;
position: fixed;
top: 15px;
right: 20px;
width: 30px;
min-height: 30px;
transition: all .5s;
cursor: pointer;
z-index: 100;
transition:all .5s;
}
.menu_toggle.show{ opacity:1; }
.menu_toggle span:not(.menu_text) {
display: block;
position: absolute;
left: 0;
width: 30px;
height: 2px;
background-color:#1e1e1e;
border-radius: 4px;
transition: all .5s;
}
.menu_toggle span:nth-child(1) {
top: 0px;
}
.menu_toggle span:nth-child(2) {
top: 8px;
}
.menu_toggle span:nth-child(3) {
top: 16px;
}
.menu_toggle.open span:not(.menu_text) {
background-color:#FFF;
}
.menu_toggle.open span.menu_text,
.sp-global-nav-wrap.open ul.sp-global-nav li a,
.sp-global-nav-wrap.open ul.sp-global-nav li span{
color: #FFF;
}
.menu_toggle.open span:nth-child(1) {
-webkit-transform: translateY(6px) rotate(-315deg);
transform: translateY(6px) rotate(-315deg);
}
.menu_toggle.open span:nth-child(2) {
opacity: 0;
}
.menu_toggle.open span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(315deg);
}
.menu_toggle span.menu_text{
position:absolute;
top:20px;
left:-5px;
font-size:10.5pt;
font-weight: bold;
color:#1e1e1e;
}
ul.global-nav li a,ul.global-nav li span {
display: block;
cursor: pointer;
}
.child-menu {
transition: all .5s;
height: 0;
width: 0;
overflow: hidden;
position: absolute;
}
.child-menu.open {
top: 2em;
width: max-content;
}
@media only screen and (min-width:1520px){
.menu_toggle,.sp-global-nav-wrap{ display: none; }
}
@media only screen and (max-width:1520px) and (min-width:750px){
a.header-tel-wrap {
margin-right: 60px;
}
}
@media only screen and (max-width:1519px){
.pc-global-nav-wrap{ display: none; }
.sp-global-nav-wrap{
transition: all .5s;
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 0;
}
.sp-global-nav-wrap.open {
width: 60%;
height: 100vh;
z-index: 9;
background: #689f31;
padding: 0 20px;
}
.sp-global-nav-wrap:not(.open) ul.sp-global-nav {
display: none;
}
.sp-global-nav-wrap.open ul.sp-global-nav li a,
.sp-global-nav-wrap.open ul.sp-global-nav li span{
display: block;
padding: 10px 0;
}
.sp-global-nav-wrap.open .sp-global-nav .child-menu {
position: relative;
}
.sp-global-nav-wrap.open .sp-global-nav .child-menu.open{
top:0;
}
} form#entry-form {
max-width: 700px;
margin: auto;
}
.form-items{
border-bottom: 1px solid #BFBFBF;
padding: 15px 0;
display: flex;
gap: 30px;
padding: 15px 0;
font-size: 1.7rem;
}
.form-items:first-child {
border-top: 1px solid #BFBFBF;
}
.form-ttl {
font-weight: bold;
width: 30%;
}
.required ,.optional{
display: inline-block;
padding: 5px 10px;
margin-left: 15px;
border-radius: 15px;
font-size: 1.4rem;
line-height: 1;
color: #FFF;
}
.required{
background: #E97984;
}
.optional{
background:#999;
}
.form-ttl span.small {
font-size: 1.5rem;
font-weight: normal;
}
.form-field {
width: 70%;
}
input[type="text"], input[type="tel"], input[type="email"],textarea {
font-size: 1.6rem;
vertical-align: bottom;
padding: 5px;
background: #f9f9f9;
border: 1px solid #ABB9CC;
}
input[type="text"]:not(.normal), input[type="tel"], input[type="email"],textarea{
width: 100%;
}
.form-field input{
margin-top: .5rem;
margin-bottom: .5rem;
}
.form-field input:first-child{
margin-top: 0;
}
.form-field input:last-child{
margin-bottom: 0;
}
input#postcode {
width: 8em;
}
label.consultations {
width: calc(50% - 10px);
display: inline-block;
}
input[type="checkbox"],input[type="submit"] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="checkbox"] {
cursor: pointer;
padding-left: 30px; vertical-align: middle;
position: relative;
}
input[type="checkbox"]::before,input[type="checkbox"]::after {
content: "";
display: block; 
position: absolute;
}
input[type="checkbox"]::before {
border-radius: 0%;
width: 18px;
height: 18px;
transform: translateY(-50%);
top: 50%;
left: 5px;
background: #D8E0E4;
border: 1px solid #ABB9CC;
}
input[type="checkbox"]::after {
border-bottom: 3px solid #666464; border-left: 3px solid #666464; opacity: 0; height: 6px; width: 11px; transform: rotate(-45deg);
top: -7px; left: 10px; }
input[type="checkbox"]:checked::after {
opacity: 1; }
.formError {
left: 0!important;
}
.submit-wrap {
text-align: center;
margin: 30px auto;
}
.form-submit, input[type="submit"].form-submit {
background: #009cff;
color: #FFF;
font-size: 1.6rem;
font-weight: bold;
padding: 11px 40px;
border-radius: 30px;
cursor: pointer;
}
.wpcf7 .wpcf7-submit:disabled {
background: #CFCFCF;
}
.formError + input[type="text"],.formError + input[type="tel"],.formError + input[type="email"]{
background: #ffc0cb;
border: 2px solid #FF0000;
}
@media only screen and (max-width:920px){
.form-item {
gap: 15px;
}
}
@media only screen and (max-width:900px){
.form-ttl{ width: 35%; }
.form-field {
width: 65%;
}
label.consultations{
width: 100%;
}
}
@media only screen and (max-width:810px){
.form-item{ flex-wrap: wrap; }
.form-ttl,.form-field {
width: 100%;
}
label.consultations{
width: calc(50% - 10px);
}
}
@media only screen and (max-width:600px){
label.consultations{
width: 100%;
}
} .copylight {
margin: 0;
padding: 30px 0;
text-align: center;
border-top: 1px solid;
} .slick-prev, .slick-next{
z-index: 1;
}
.slick-track {
display: flex;
}
.slick-slide {
height: auto !important;
}
.slick-prev:before, .slick-next:before {
background: #919191;
border-radius: 50%;
width: 15px;
height: 15px;
display: inline-flex;
justify-content: center;
}
.slick-prev:after, .slick-next::after {
content: "";
display: block;
width: 30px;
height: 30px;
border: 1.5px solid #919191;
border-radius: 50%;
position: absolute;
top: -7px;
bottom: 0;
left: -6px;
right: 0;
}
@media only screen and (max-width:768px){
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
}
@media only screen and (max-width:320px){
.slick-prev, .slick-next{
top: 35%;
}
} .pb0{ padding-bottom: 0; }
.px15{ padding: 0 15px; }
.px30{ padding: 0 30px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }
.mt90{ margin-top: 90px; }
.mt100{ margin-top: 100px; }
ul,ol {
list-style: none;
padding: 0;
}
[class*="-thumb"]:not(.has-post-thumbnail) {
overflow: hidden;
}
[class*="-thumb"]:not(.has-post-thumbnail):before {
content: "";
display: block;
padding-top: 65%;
}
[class*="-thumb"]:not(.has-post-thumbnail) img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
} header a{
color:#000;
}
.header-wrap {
display: flex;
gap: 5.0rem;
justify-content: space-between;
align-items: center;
}
a.header-logo {
width: 40%;
max-width: 320px;
}
.header-tel-wrap {
display: flex;
gap: 30px;
}
.header-tel {
font-size: 1.4rem;
}
span.store-info {
font-size: 1.4rem;
font-weight: bold;
}
span.phone-number {
display: block;
width: 100%;
font-size: 2.8rem;
font-weight: bold;
line-height: 1;
}
.header-tel span.phone-number {
color: #12621B;
margin-top: -5px;
}
span.hours {
font-size: 1.4rem;
font-weight: normal;
}
.header-estimate a {
border: 1px solid;
padding: 0 15px;
text-align: center;
}
.child-menu.open{
background: #009de1;
}
.child-menu.open ul li a{
color: #FFF;
}
@media only screen and (max-width:1600px){
.header-wrap{
gap:15px;
}
.pc-global-nav-wrap .global-nav{
gap:10px;
}
}
@media only screen and (max-width:1530px){
.pc-global-nav-wrap {
display: none;
}
.menu_toggle{
display: block;
}
}
@media only screen and (max-width:1240px){
a.header-tel-wrap {
width: unset;
}
}
@media only screen and (max-width:1100px){
.header-wrap{
width: calc(100% - 50px);
}
}
@media only screen and (max-width:920px){
.header-wrap .header-estimate {
display: none;
}
}
@media only screen and (min-width:769px){
.pc-global-nav-wrap .global-nav {
display: flex;
justify-content: space-around;
margin: 0;
gap: 15px;
}
ul.global-nav li a,ul.global-nav li span {
padding: 1rem;
}
}
@media only screen and (max-width:768px){
a.header-tel-wrap {
right: 60px;
}
}
@media only screen and (max-width:665px){
.header-tel-wrap {
gap: 15px;
}
.header-tel span.phone-number {
font-size: 2.4rem;
}
}
@media only screen and (max-width:560px){
span.phone-number{
font-size: 2.4rem;
}
}
@media only screen and (min-width:541px){
.sp-header-tel-wrap:not(.open){
display: none;
}    
}
@media only screen and (max-width:540px){
.header-wrap {
padding: 5px;
}
a.header-logo{
width: unset;
max-width: 280px;
}
.header-tel-wrap{
display: none;
}
.sp-header-tel-wrap{
width: fit-content;
border: 1px solid #FFF;
margin: 30px auto 0;
padding: 5px 15px;
}
a.ssp-global-tel {
display: block;
}
.sp-header-tel-wrap a.ssp-global-tel {
margin-top: 0;
}
a.ssp-global-tel:first-child {
margin-bottom: 15px;
}
a.ssp-global-tel ,.header-tel span.phone-number{
color: #FFF;
}
.header-tel span.phone-number{
font-size: 2.8rem;
}
}
@media only screen and (max-width:480px){
.header-wrap{
padding: 1.0rem;
}
a.header-tel-wrap {
display: none;
}
a.ssp-global-tel {
display: block;
text-align: center;
color: #FFF;
margin-top: 50px;
}
} .footer-logo {
text-align: center;
}
.footer-logo img {
width: 90%;
max-width: 400px;
}
.footer-content {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.footer-column1 {
width: 40%;
}
.footer-column2 {
width: calc(30% - 30px);
}
.footer-column3 {
width: calc(30% - 30px);
}
.footer-column1 p {
margin: 0;
}
.footer-column1 .bold:first-child + p {
margin-bottom: 15px;
}
ul.footer-nav {
margin-top: 0;
}
ul.footer-nav li {
margin-bottom: 15px;
}
.footer-tel {
margin-bottom: 15px;
}
.copyright {
text-align: center;
margin-bottom: 0;
font-size: 1.4rem;
}
@media only screen and (max-width:800px){
.footer-content {
gap: 15px;
}
.footer-column2{
width: calc(25% - 15px);
}
.footer-column3 {
width: calc(35% - 15px);
}
}
@media only screen and (min-width:601px){
.footer-tel-sp{
display: none;
}
}
@media only screen and (max-width:600px){
.footer-content {
gap: 30px;
justify-content: center;
}
.footer-column1 {
width: 100%;
display: flex;
justify-content: center;
gap: 30px;
order: 1;
}
.footer-column1 div ,.footer-column3 div{
min-width: 160px;
}
.footer-column2, .footer-column3 {
width: 90%;
}
.footer-column2{
order: 3;
}
.footer-column3{
order: 2;
display: flex;
flex-wrap: wrap;
gap: 0 30px;
justify-content: center;
}
.footer-column3 p img {
width: 90%;
max-width: 340px;
display: block;
margin: auto;
}
.footer-tel {
display: none;
}
ul.footer-nav {
display: flex;
flex-wrap: wrap;
gap: 0 15px;
justify-content: center;
margin: 0;
padding-top: 30px;
border-top: 1px solid;
}
.copyright {
margin-top: 0;
}
}
@media only screen and (max-width:580px){
.footer-content{
gap: 15px;
}
.footer-column3 p {
margin: 0;
}
}
@media only screen and (max-width:410px){
.footer-column1 {
flex-wrap: wrap;
}
}
@media only screen and (max-width:380px){
.footer-column1 {
gap: 15px;
}
.footer-tel.sp-only {
margin-bottom: 0;
}
} .before-after {
display: flex;
flex-wrap: wrap;
}
.before-img, .after-img {
width: 50%;
position: relative;
}
.before-img:before, .after-img:before {
display: block;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
background: #ffffff9e;
text-align: center;
}
.before-img:before {
content: "Before";
}
.after-img:before {
content: "After";
}
.before-img:before, .after-img:before {
display: block;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
background: #ffffff9e;
text-align: center;
z-index:1;
}
@media only screen and (max-width:380px){
.before-img, .after-img {
width: 100%;
}
} .footer-nav .menu-item {
font-size: 1.8rem;
} .footer-infomation {
display: flex;
gap:15px;
padding:5px;
background: #FFF;
position: sticky;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
}
a.footer-info-tel-fukuoka ,a.footer-info-tel-dazaifu{
width: calc(35% - 15px);
border: 2px solid #689f31;
text-align: center;
}
a.footer-info-mail {
width: 30%;
text-align: center;
background: #689f31;
color: #FFF;
display: flex;
flex-wrap:wrap;
justify-content: center;
align-content: center;
}
@media only screen and (min-width:540px){
a.footer-info-mail span:first-child {
width: 100%;
}
}
@media only screen and (max-width:520px){
a.footer-info-mail span:first-child,span.footer-phone-time {
display: none;
}
}
@media only screen and (max-width:450px){
span.footer-phone-call {
display: block;
font-size: 2.1rem;
}
a.footer-info-tel-fukuoka span.phone-number,a.footer-info-tel-dazaifu span.phone-number{
display:none;
}
}
@media only screen and (min-width:450px){
span.footer-phone-call {
display: none;
}
} .price-list {
align-items: center;
}
h1.top-h1,.top-h1 {
font-size: 14px;
text-align: center;
margin: 0;
}
@media only screen and (max-width:768px){
h1.top-h1,.top-h1 {
font-size:12px;
}
}