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

  .page-id-4514 .container {width: 100%;padding: 0;} .page-id-4514 .featured-post {display: none;} .page-id-4514 .col-md-12.page-title-container {display: none;}   section.lp-section {padding-left:22%;padding-right: 22%;} section.lp-section.ls-h {position: relative;background: #3dbd85;padding-top: 30px;padding-bottom: 30px;clear: both;}
section.lp-section.ls-h:before{ content: "";
position: absolute;
top: 99%;
left: 50%;
margin-left: -15px;
border: 25px solid transparent;
border-top: 20px solid #3dbd85;
}
section.lp-section.ls-h h2,
section.lp-section.ls-h h3 { padding: 0;margin: 0;border: none;color: #fff;font-size: 37px;font-family: "Rounded Mplus 1c";line-height: 1.2;margin-left: -3px;font-weight: 400;} section.lp-section.ls-h h2 span {font-family: "Rounded Mplus 1c";line-height: 1.5;}
section.lp-section.ls-h p {margin: 0;color: #fff;font-weight: 500;font-size: 22px;}
@media only screen and (max-width:799px){
section.lp-section.ls-h h2,
section.lp-section.ls-h h3{font-size: 25px;}
section.lp-section.ls-h{padding-top: 10px;padding-bottom: 15px;padding-left: 15px;}
section.lp-section.ls-h:before {top: 98%;left: 46%;}
section.lp-section.ls-h p{font-size: 18px;}
} section.lp-section.lsc {padding-top: 30px;padding-bottom: 30px;} section.lp-section.lsc.lsc-1 {background-image: url(//rakurakupaint.com/wp-content/uploads/2018/04/bg-sky.png);} section.lp-section.lsc h3 {border: none;padding: 0;margin: 0;} section.lp-section.lsc h3{font-family: "Rounded Mplus 1c";line-height: 1.5;} @media only screen and (max-width:1730px){ section.lp-section {padding-left:10%;padding-right: 10%;}
}
@media only screen and (max-width:1000px){ section.lp-section {padding-left:5%;padding-right: 5%;}
}
@media only screen and (max-width:900px){ section.lp-section {padding-left:10px;padding-right: 10px;}
} .page-id-4514 .mainnav, .page-id-4514 .est-banner, .page-id-4514 .head_est,
.page-id-4514 div#estimate-fixed {display: none;}

.estimation {
text-align: center; }
.estimation--fixed {
display: none; position: fixed;
top: 200px;
right: 30px;
width: 220px;
height: auto; z-index: 99999;
border-radius: 3px;
}
#estimation-content{ box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
background:#fff;
}
.estimation--fixed.is-animation {
display: block; }
.page-id-2124 .estimation--fixed.is-animation { display: none; }
.estimation--inline {
position: relative;
} .estimation__header {
background: #f9f9f9;
padding: 10px 6px;
border: 1px solid #cbcbcb;
border-bottom: none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.estimation__main {
border: 1px solid #cbcbcb;
border-top: none;
padding: 10px 6px 20px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.estimation--inline .estimation__output {
position: absolute;
top: 20px;
right: 15px;
}
.estimation__header {
}   .estimation__title {
display: block;
background: #e8e8ea;
padding: 3px 0px;
border-radius: 4px;
color: #000;
font-size: 15px;
font-weight: 500;
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.07);
}
.estimation__title:before {
content: "\f002";
font-family: fontawesome;
}
.estimation__inputs {
display: flex;
justify-content: space-between;
}
.estimation__label {
display: block;
width: 100%;
margin-bottom: 5px;
font-weight: normal;
font-size: 15px;
color: #808080;
}
label.estimation__label.estimation__result {
font-size: 17px;
font-weight: bold;
margin-top: 10px;
}
.estimation__input {
height: 40px;
width: 100%;
padding: 3px 5px 3px 15px;
}
.estimation__input--result {
text-align: center;
}
.estimation__btn {
display: inline-block; font-size: 15px;
margin-top: 20px;
padding: 1px 8px; box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); background: #0e96a7;
color: #fff;
}
.estimation__btn:hover,
.estimation__btn:focus{
background: #00b9d0;
color: #fff;
}
span.est-btn:after { content: "\f04b";
font-family: fontawesome;
margin-left: 10px;
font-size: 13px;
}
.estimation__close-btn {
display:  none;
position: absolute;
top: 14px;
right: 0px;
width: 40px;
height: 40px;
border: none;
background: transparent;
padding: 0;
}
.estimation__icon {
position: absolute;
top: 0;
left: 0;
font-size: 40px;
color: #0dac67;
opacity: 0.8;
}
.estimation__icon:hover {
opacity: 1;
}
.estimation.estimation--fixed input{
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.07);
}
@media only screen and (max-width:1600px) {
.estimation--fixed {
right: 0;
}
} @media only screen and (max-width:1360px) {
.estimation--fixed {
top: unset;
right: unset;
bottom: 0;
left: 0;
width: 100%;
height: auto;
}
.estimation__header, .estimation__main{
padding-left: 50px;
padding-right: 50px;
}
.estimation.estimation--fixed input{
height: 40px;
}
.estimation--fixed.estimation {
display: none;
}
.estimation--fixed.estimation--show {
display: block;
}
.estimation--fixed .estimation__close-btn {
display: block;
}
.estimation__btn {
padding: 10px 20px;
}
} @media only screen and (max-width:700px) {
.estimation--inline .estimation__output {
position: static;
}
.estimation--inline .estimation__header,
.estimation--inline .estimation__inputs {
width: 100%;
}
}