@charset "utf-8";
 @import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=M+PLUS+1p:wght@800;900&family=Rampart+One&display=swap"); @media screen and (max-width: 559px) {
.info {
font-size: 30px !important;
padding: 20px !important;
}	
.sumaho-erase {
display: none;
}
.pc-erase {
display: block !important;
}
.smtop {
margin-top: 30px;
}
.kaden-in, .sintiku-in, .taiyoukou-in,.storagebattery-in {
width: 90% !important;
}
.midasi-wh > span > span {
font-size: 30px !important;
}
.kaden-in p {
font-size: 16px !important;
margin-top: 20px;
}
.button > a {
font-size: 18px !important;
}
.midasi-bk > span > span {
font-size: 30px !important;
}
.sintiku-in p {
font-size: 16px !important;
margin-top: 20px;
}
.fhot1 {
padding: 10px !important;
}
.taiyoukou-in p {
font-size: 16px !important;
margin-top: 20px;
}
.storagebattery-in p {
font-size: 16px !important;
margin-top: 20px;
}
div#taiyoukou {
padding: 50PX 0 !important;
}
div#sintiku {
padding: 50PX 0 !important;
}
.li33 {
width: 100% !important;
}
#sonota-l {
padding: 70px !important;
}
#sonota-c {
padding: 70px !important;
}
#sonota-r {
padding: 70px !important;
}
.remodeling2 {
padding-bottom: 100px !important;
width: 90% !important;
}
.li50 {
width: 100% !important;
}
.before span {
font-size: 30px !important;
}
.after span {
font-size: 30px !important;
}
.maker-img {
margin-bottom: 30px !important;
}
.top_l, .top_r {
float: none !important;
width: 100% !important;
}
.r_in_bottom50 {
float: none !important;
width: 100% !important;
}
.r_in_bottom25 {
float: none !important;
width: 100% !important;
}
.anshin {
font-size: 20px !important;
padding: 20px !important;
}
.entyou_title h2 {
font-size: 20px !important;
}
.entyou_in {
padding: 0px !important;
font-size: 14px !important;
}
.cel1, .cel2, .cel3 {
font-size: 14px !important;
}
.price_list tr.type10y td.cel1 {
font-size: 14px !important;
}
.price_list tr.type8y td.cel1 {
font-size: 14px !important;
}
.price_list tr.type5y td.cel1 {
font-size: 14px !important;
}
td {
padding: 5px !important;
}
.nagare_title h2 {
font-size: 20px !important;
}
.nagare_out {
padding: 0px !important;
}
.nagare1, .nagare2, .nagare3, .nagare4, .nagare5 {
font-size: 20px !important;
}
.nagare1:before, .nagare2:before, .nagare3:before, .nagare4:before, .nagare5:before {
line-height: 50px !important;
width: 50px !important;
height: 50px !important;
font-size: 30px !important;
left: -0.2em !important;
}
.nagare_in span {
margin-left: 28px !important;
}
.nagare_in p {
font-size: 16px !important;
margin-left: 0px !important;
margin-top: 20px !important;
margin-bottom: 0 !important;
}
.nagare_in {
padding: 20px !important;
}
.kakaku_title h2 {
font-size: 24px !important;
}
.kakaku_title2 h2 {
font-size: 30px !important;
}
.heading03::before, .heading03::after {
width: 80px !important;
}
.heading03 {
font-size: 24px !important;
}
.gentei {
width: 120px !important;
height: 120px !important;
font-size: 40px !important;
margin: 10px 0 0 10px !important;
}
.ec_kakaku_in h3 {
font-size: 22px !important;
}
.ec_price {
font-size: 24px !important;
margin-top: 10px !important;
}
.ec_icon {
margin-bottom: 5px !important;
}
.kaikae {
font-size: 18px !important;
padding: 0 !important;
text-align: center !important;
}
.ec_kakaku_in {
margin: 20px 0 !important;
} #sp-fixed-menu{
display: block !important;
position: fixed;
width: 100%;
bottom: 0px;
font-size: 0;
z-index: 99;
font-family: "MS Pゴシック",sans-serif;
} #sp-fixed-menu ul{
display: flex;
list-style: none;
padding:0;
margin:0;
width:100%;
}
#sp-fixed-menu li{
justify-content: center;
align-items: center;
width: 50%;
padding:0;
margin:0;
font-size: 14px;
border-right: 1px solid #fff;
padding: 30px 0;
} #sp-fixed-menu li:first-child{
background: #38b435;
} #sp-fixed-menu li:last-child{
background: #ff0000;
} #sp-fixed-menu li a{
color: #fff;
text-align: center;
display:block;
width: 100%;
}
#sp-fixed-menu li:last-child {
background: #000000d6;
margin: 0 10px 10px;
width: 100%;
font-size: 24px;
border-radius: 10px;
}
#sp-fixed-menu li:last-child a[href^="tel:"]:after {
content: '0982-52-0039';
margin-left: .1em;
}
#sp-fixed-menu li:last-child a[href^="tel:"]:before {
content: '\f095';
font-family: 'Fontawesome';
margin-right: .1em;
} .ec_in {
margin: 0 !important;
}
.ec_in2 {
   margin: 0 !important;
}
.koujihikomi {
padding: 20px !important;
font-size: 26px !important;
line-height: 30px !important;
}
.ec_icon, .ec_icon2, .ec_icon3 {
padding: 5px !important;
   font-size: 12px !important;
}
.fuchidori {
margin-top: 10px !important;
-webkit-text-stroke: 1px #FFF !important;
font-size: 48px !important;
}
.ec_all {
margin: 0;
}
.ec_kakaku_out,.pricebox {
padding: 0 !important;
}
.fullauto p {
font-size: 20px !important;
}
li.li20_sm50 {
width: 50% !important;
}
.li25_sm50 {
width: 50% !important;
}
.li40,.li60 {
width: 100% !important;
}
.ec_description {
margin-left: 0 !important;
}
.box_menu_out {
padding: 0 10px 50px 10px !important;
}
.box_menu {
margin: 0 5px 15px 5px !important;
}
.box_menu_img {
width: 100% !important;
}
.box_menu h2 {
font-size: 16px !important;
}
.box_menu p {
font-size: 14px !important;
}
.modelsl {
padding: 30px 20PX !important;
}
.hiraya {
font-size: 20px !important;
}
.model_out {
padding: 0 !important;
}
.mitsumori-btn a {
font-size: 20px !important;
}
.hojyokintekiyou {
padding: 5px !important;
margin: 0px 10px 10px !important;
font-size: 20px !important;
}
.ec_top_main {
height: 500px !important;
margin: 0 !important;
}
.eco_syouhin {
margin-top: 30px !important;
}
.eco_item1 {
margin: 0 !important;
margin-top: 30px !important;
}
.eco_syouhin2 {
margin-top: 0 !important;
}
.eco_nagare {
margin-left: 0 !important;
margin-top: 30px !important;
}
.tel-btn a {
width: 240px !important;
font-size: 18px !important;
}
.watashi {
padding: 0 !important;
margin-top: 50px !important;
}
.tenyear_guarantee {
padding: 10px !important;
}
.wp-container-core-group-is-layout-7bf60db8, .wp-container-core-group-is-layout-8da70e54 {
flex-wrap: wrap !important;
}
.hosyou_img {
margin: 20px 0 0 0 !important;
}
ul#lcp_instance_0 li {
float: left !important;
width: 100% !important;
padding: 0 !important;
}
.lcp_excerpt {
margin-bottom: 30px !important;
}
ul#lcp_instance_0 {
margin: 0 !important;
padding: 0 !important;
}
ul.lcp_catlist li img {
float: left;
margin-right: 0 !important;
}
.sekou_list img {
width: 300px !important;
}
.sekou_setumei {
margin-bottom: 30px !important;
}
.padding_none {
padding: 0 !important;
}
.ec_hojyokin {
padding: 20px !important;
}
.margin_none {
margin: 0 !important;
}
h1.ec_hojyo_h1 {
font-size: 30px !important;
}
.kakaku_title2 {
font-size: 24px !important;
}
ul.lcp_catlist li a {
float: left;
} .flex-direction-row-reverse {
flex-direction: column-reverse !important;
}
.kumamoto-sumaho-top {
padding: 0 10px 10px 10px !important;
margin-bottom: 20px !important;
}
.kumamoto-toiawase {
padding: 0 !important;
}
.kumamoto-sumaho-top {
background: #001ba1;
padding: 0 10px;
color: #fff;
}
.kumamoto-sekou_list {
padding: 0 !important;
}
.ec-kumamoto-qa,.campany-jyouhou {
padding: 0 !important;
}
.ec_top_main {
height: 500px !important;
margin: 0 !important;
}
.eco_syouhin {
margin-top: 30px !important;
}
.eco_item1 {
margin: 0 !important;
margin-top: 30px !important;
}
.eco_syouhin2 {
margin-top: 0 !important;
}
.eco_nagare {
margin-left: 0 !important;
margin-top: 30px !important;
}
.tel-btn a {
width: 240px !important;
font-size: 18px !important;
}
.watashi {
padding: 0 !important;
margin-top: 50px !important;
}
.tenyear_guarantee {
padding: 10px !important;
}
.wp-container-core-group-is-layout-7bf60db8, .wp-container-core-group-is-layout-8da70e54 {
flex-wrap: wrap !important;
}
.hosyou_img {
margin: 20px 0 0 0 !important;
}
ul#lcp_instance_0 li {
float: none !important;
width: 100% !important;
padding: 0 !important;
}
.lcp_excerpt {
margin-bottom: 30px !important;
}
ul#lcp_instance_0 {
margin: 0 !important;
padding: 0 !important;
}
ul.lcp_catlist li img {
float: left;
margin-right: 0 !important;
}
.sekou_list img {
width: 300px !important;
}
.sekou_setumei {
margin-bottom: 30px !important;
}
.padding_none {
padding: 0 !important;
}
.ec_hojyokin {
padding: 20px !important;
}
.margin_none {
margin: 0 !important;
}
h1.ec_hojyo_h1 {
font-size: 30px !important;
}
.tel-btn-kumamoto a{
margin:0 auto !important;
display:block !important;
text-align:center !important;
background-color:#292929 !important;
color:#fff !important;
padding:10px !important;
text-decoration:none !important;
width:280px !important;
border-radius: 10px !important;
font-size: 20px !important;
}
.tel-btn-kumamoto a:hover{
background-color:#ccc;
color:#000 !important;
}
.tel-btn-kumamoto a[href^="tel:"]::before{
content: '\f095' !important;
font-family: 'Fontawesome' !important;
margin-right:.1em !important;
}
.tel-btn-kumamoto a[href^="tel:"]::after{
content: '096-441-2232' !important;
margin-left:.1em !important;
}
.my-reverse-sp {
flex-direction: column-reverse !important;
}
ul.lcp_catlist li a {
float: left;
}
.kumamoto-sumaho-top h2 {
color: #fff000 !important;
} .fixed-footer-buttons {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
z-index: 9999;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
font-family: "MS Pゴシック", sans-serif;
}
.fixed-footer-buttons a {
flex: 1;
text-align: center;
padding: 30px 0;
text-decoration: none;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 24px;
} .btn-line {
background-color: #06C755;
} .btn-tel {
background-color: #d32f2f;
} .fixed-footer-buttons i {
margin-right: 8px;
font-size: 20px;
} @media screen and (min-width: 992px) {
.fixed-footer-buttons {
display: none;
}
}
.top-ec-eria {
padding: 0 !important;
}
}  @media screen and (max-width: 959px) {
.ec_in {
padding: 0 10px !important;
}
.tikudenti_in {
padding: 0 !important;
}
.box_menu_out {
padding: 0 20px 50px 20px !important;
}
.box_menu {
margin: 0 10px;
}
.li20_sm50 {
width: 50% !important;
}
.li25_sm50 {
width: 50% !important;
}
.box_menu_out {
padding: 0 10px 50px 10px !important;
}
.box_menu {
margin: 0 5px 15px 5px !important;
}
.box_menu_img {
width: 100% !important;
}
.box_menu h2 {
font-size: 16px !important;
}
.box_menu p {
font-size: 14px !important;
}
.box_menu_out {
margin-top: -80px !important;
}
.info2_left {
padding: 20px !important;
font-size: 16px !important;
}
.info2_left h2 {
font-size: 22px !important;
}
.ec_in, .ec_in2 {
margin: 0 !important;
}
.li50,.li25 {
width: 100% !important;
}
#sonota-l {
padding: 10px !important;
}
#sonota-c {
padding: 10px !important;
}
#sonota-r {
padding: 10px !important;
}
.top_title {
top: -100px !important;
}
.eco_syouhin {
padding: 0 !important;
}
.eco_item1_hojyokingaku {
font-size: 20px !important;
}
.eco_item1_meka {
font-size: 20px !important;
}
span.eco_baika {
font-size: 20px !important;
}
span.eco_baika2 {
font-size: 36px !important;
}
.sekou_list {
padding: 0 !important;
height: 320px !important;
} .eco_syouhin {
padding: 0 !important;
}
.eco_item1_hojyokingaku {
font-size: 20px !important;
}
.eco_item1_meka {
font-size: 20px !important;
}
span.eco_baika {
font-size: 20px !important;
}
span.eco_baika2 {
font-size: 36px !important;
}
.sekou_list {
padding: 0;
height: 320px !important;
}
.media .postList_thumbnail {
width: 200px !important;
}
.ec_icon, .ec_icon2, .ec_icon3 {
font-size: 16px !important;
}
.ec_in {
padding: 0 !important;
}
}
@media screen and (min-width: 768px){
.br-sp {display: none !important; }
}
body {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", seri;
}
.container {
max-width: 1800px;
}
.pc-erase {
display: none;
}
.none {
display: none;
}
li {
margin-bottom: 0;
}
.page-header {
background-color: #2b2b33;
}
.page-header h1 {
color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: bold;
} .flex-container {
display: flex;
...
}
.flex-item {
flex: 1; ...
}
.flex ul {
display: flex;
margin: 0 auto;
padding: 0;
justify-content: start;
flex-wrap: wrap;
list-style-type: none;
}
.flex ul::after{
content:"";
display: block;
width:33.33%;
}
.li15 {
width: 15%;
}
.li25 {
width: 25%;
}
li.li20_sm50 {
width: 20%;
}
.li25_sm50 {
width: 25%;
}
.li33 {
width: 33.33%;
}
.li40 {
width: 40%;
}
.li50 {
width: 50%;
}
.li60 {
width: 60%;
}
.li30 {
width: 30%;
}
.li70 {
width: 70%;
} .siteHeader_logo img {
height: auto !important;
width: 70%;
}
.siteHeader_logo img {
max-height: 100px;
}
.gMenu>li .gMenu_name {
font-size: 22px;
}  .vkp_catch_typing{
display: flex;
justify-content: center;
align-items: center;
} .vkp_catch_typing p{
display: inline-block;
font-size:min(42px,6.6vw);
line-height:1.4;
width: 462px;
border-right: 3px solid currentColor;
overflow: hidden;
white-space: nowrap; animation: typing 3s steps(20), blinkcursor .4s step-end infinite alternate;
}
@keyframes typing {
0% {
width: 0;
}
} @keyframes blinkcursor {
50% {
border-color: transparent
}
}
hr.vkp_hr_short{
width: 3rem;
height: 2px;
}
.wp-block-group.vkp_fadein{
animation-name: fadein;
animation-duration: 1s; animation-delay:3s; animation-fill-mode:backwards; }
@keyframes fadein{
0%{
opacity: 0;
transform: translatey(20px); }
100%{
opacity: 1;
transform: translatey(0);
}
}
.top_l, .top_r {
float: left;
width: 50%;
box-sizing: border-box;
position: relative;
margin-top: -1px;
}
.r_in_top {
width: 100%;
box-sizing: border-box;
}
.r_in_bottom50 {
float: left;
width: 50%;
box-sizing: border-box;
}
.r_in_bottom25 {
float: left;
width: 25%;
box-sizing: border-box;
}
.l_in_theme {
width : 100%;
height: 58%;
position: absolute;
color: #fff;
box-sizing: border-box;
padding: 80px 40px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.mainSection-title, h2 {
margin-bottom: 10px;
}
a.overwhite{
background-color:#ffffff;
display:block;
}
a.overwhite:hover img{
cursor:pointer;
filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity:0.6; -khtml-opacity: 0.6; opacity:0.6;
zoom:1;
}
.topbox {
margin-top: -55px;
}
.topbox-in2 {
}
h2.top-h2 {
border-top: 0;
border-bottom: 0;
font-size: 58px;
color: #fff;
margin: 0;
padding: 0;
}
.topbox-in2 p {
font-size: 20px;
color: #fff;
}
.topbox-in-img img {
width: 35%;
}
.topbox-in {
padding: 50px;
}
.txtbox {
text-align: left;
padding-top: 70px;
}
.center-box {
padding: 30px 0;
}
.midashi1 {
border-bottom: solid 3px white;
color: #fff;
font-size: 50px;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; 
}
.txtbox p,.kaden-in p {
color: #fff;
font-size: 30px;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; 
} p.title1 {
font-size: 46px;
font-weight: 600;
text-align: center;
}
p.title1 span {
color: #2e7dee;
}
p.title2 {
display: none;
}
.kasen {
font-size: 24px;
font-weight: bold;
border-bottom: solid 3px #87CEFA;
}
.widget_ltg_full_wide_title_outer {
padding: 0;
}
.circle_img2 {
display: none;
}
div#ltg_full_wide_title-4 {
margin-top: 110px;
position: relative;
} .info {
background-color: #fff;
font-size: 50px;
margin-top: -35px;
padding: 0 200px 0 200px;
}
.info a {
color: #fff;
}
.info2 {
margin-top: -35px;
padding: 0px 0px;
}
.info2_left {
padding: 100px 100px;
font-size: 30px;
line-height: normal;
}
.info2_left h2 {
font-size: 38px;
} .box_menu_out {
padding: 0 100px 60px 100px;
margin-top: -150px;
}
.box_menu {
box-shadow: 0 0 8px grey;
padding: 20PX;
border-radius: 10px;
margin: 0 20px;
background: #fff;
}
.box_menu_img {
width: 70%;
margin: 0 auto;
padding-bottom: 20px;
}
.box_menu_img img:hover { opacity: 0.6; filter: brightness(110%); }
.box_menu h2 {
padding: 0;
margin-top: 0;
font-size: 24px;
}
.box_menu a {
color: #021387;
} div#kaden {
background-color: #2b2b33;
margin-top: -35px;
padding: 100PX 0;
}
.midasi-wh::after {
content: '';
display: block;
width: calc(50% - 16px);
height: 1px;
margin-top: 17px;
background: #cc7c6e;
}
.midasi-wh > span > span {
display: block;
color: #fff;
font-size: 40px;
line-height: 1.7;
letter-spacing: 4px;
}
.kaden-in,.sintiku-in,.taiyoukou-in,.storagebattery-in {
width: 60%;
margin: auto;
}
.kaden-in p {
color: #fff;
font-size: 20px;
}
.button > a {
display: block;
padding: 26px 0;
background: #ea7e6c;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.4;
text-align: center;
text-decoration: none;
transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}
.button {
width: 80%;
margin: auto;
} div#sintiku {
padding: 100PX 0;
}
.midasi-bk::after {
content: '';
display: block;
width: calc(50% - 16px);
height: 1px;
margin-top: 17px;
background: #cc7c6e;
}
.midasi-bk > span > span {
display: block;
color: #000;
font-size: 40px;
line-height: 1.7;
letter-spacing: 4px;
}
.sintiku-in p {
font-size: 20px;
}
.fhot1 {
padding: 50px;
}
.fhot2 {
margin: auto 0;
} div#taiyoukou {
padding: 100PX 0;
}
.taiyoukou-in p {
font-size: 20px;
} div#storagebattery {
padding: 100PX 0;
}
.storagebattery-in p {
font-size: 20px;
} .sonota-in {
background-color: #2b2b33;
}
#sonota-l {
padding: 100px;
background-color: #2b2b33;
}
#sonota-c {
padding: 100px;
background-color: #2b2b33;
}
#sonota-r {
padding: 100px;
background-color: #2b2b33;
}
h2.midashi-wh {
border: 0;
color: #fff;
margin: 0;
}
#sonota-l p,#sonota-c p,#sonota-r p {
color: #fff;
}
#sonota-l img,#sonota-c img,#sonota-r img {
box-shadow: 0 1.9px 2.5px rgba(0, 0, 0, 0.057), 0 5px 6.1px rgba(0, 0, 0, 0.076), 0 10.1px 11.4px rgba(0, 0, 0, 0.086), 0 19.2px 19.8px rgba(0, 0, 0, 0.092), 0 38.4px 34.8px rgba(0, 0, 0, 0.1), 0 101px 74px rgba(0, 0, 0, 0.13);
} input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
width: 100%;
height: 45px;
margin-bottom: 0;
padding: 0 12px;
border: 0;
border-radius: 3px;
background-color: #eff1f5;
box-shadow: none;
color: #5c6b80;
font-size: 1em;
vertical-align: middle;
line-height: 45px;
transition: background-color 0.24s ease-in-out;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em;
padding: 0.5em;
overflow: auto;
}
@media(max-width:500px) {
.inquiry td,
.inquiry th {
display: block !important;
width: 100% !important;
border-top: none !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important
}
.inquiry tr:first-child th {
border-top: 1px solid #d7d7d7 !important
}
.inquiry .any,
.inquiry .haveto {
font-size: 10px
}
}
.inquiry th {
text-align: left;
font-size: 14px;
color: #444;
padding-right: 5px;
width: 30%;
background: #f7f7f7;
border: solid 1px #d7d7d7
}
.inquiry td {
font-size: 13px;
border: solid 1px #d7d7d7
}
.entry-content .inquiry tr,
.entry-content table {
border: solid 1px #d7d7d7
}
.haveto {
font-size: 7px;
padding: 5px;
background: #ff9393;
color: #fff;
border-radius: 2px;
margin-right: 5px;
position: relative;
bottom: 1px
}
.any {
font-size: 7px;
padding: 5px;
background: #93c9ff;
color: #fff;
border-radius: 2px;
margin-right: 5px;
position: relative;
bottom: 1px
}
.verticallist .wpcf7-list-item {
display: block
}
#formbtn {
display: block;
padding: 15px;
width: 350px;
background: #ea7e6c;
color: #fff;
font-size: 18px;
font-weight: 700;
border-radius: 2px;
margin: 25px auto 0
}
#formbtn:hover {
background: #fff;
color: #ffaa56;
border: 2px solid #ffaa56
}
th {
font-weight: 700;
text-transform: uppercase;
padding: 13px
}
td {
border-top: 1px solid #ededed;
padding: 12px
}
input,
select,
textarea {
border: 1px solid #dfdfdf;
letter-spacing: 1px;
margin: 0;
max-width: 100%;
resize: none
}
footer.section.siteFooter {
background-color: #2b2b33;
border-top: 3px solid #ccc;
color: #fff;
} .after,.before {
margin-top: -100px;
text-align: left;
}
.before span {
position: relative;
display: inline-block;
margin: 0rem 0 1rem -10px;
padding: 1rem 3rem;
color: #fff;
border-radius: 0 100vh 100vh 0;
background: #0075a9;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
font-size: 50px;
}
.before span:before {
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
content: '';
border-top: 10px solid #005276;
border-left: 10px solid transparent;
}
.after span {
position: relative;
display: inline-block;
margin: 0rem 0 1rem -10px;
padding: 1rem 3rem;
color: #fff;
border-radius: 0 100vh 100vh 0;
background: #ea4654;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
font-size: 50px;
}
.after span:before {
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
content: '';
border-top: 10px solid #005276;
border-left: 10px solid transparent;
}
p.p20 {
font-size: 20px;
}
.remodeling1 {
padding-top: 100px;
}
.remodeling2 {
padding-bottom: 200px;
width: 60%;
margin: 0 auto;
}
.border_l {
border-left: 10px solid #fff;
}
.ba {
font-family: "MS Pゴシック",sans-serif;
}
.ba-h2 {
position: relative;
padding: 0.6em;
background: #fbe200;
color:#000;
font-weight: bold;
text-shadow: 2px 2px 0px #fff;
}
.ba-h2:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #fbe200;
width: 0;
height: 0;
}
.ba img:hover { opacity: 0.6; filter: brightness(110%); }
.ba-h3 {
display: flex;
justify-content: center;
align-items: center;
font-size: 26px;
text-align: center;
}
.ba-h3::before,
.ba-h3::after {
content: '';
width: 70px;
height: 3px;
background-color: #fbe200;
}
.ba-h3::before {
margin-right: 20px;
}
.ba-h3::after {
margin-left: 20px;
} h2 {
border-top: none;
}
.border_none {
border: none;
}
h2.midashi {
position: relative;
padding: 1rem 2rem calc(1rem + 10px);
background: #fff100;
}
h2.midashi:before {
position: absolute;
top: -7px;
left: -7px;
width: 100%;
height: 100%;
content: '';
border: 4px solid #000;
}
h2.midashi2 {
padding: 1rem 3rem;
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
color: #fff;
background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}
h2.midashi3 {
position: relative;
padding: 1rem .5rem;
border-top: none;
}
h2.midashi3:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
content: '';
border-radius: 3px;
background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}
.eakon-jyousu p {
color: #f00;
font-weight: bold;
font-size: 26px;
}
h2.midashi4 {
font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
padding: 1rem 2rem;
color: #fff;
background: #000;
}
h2.midashi4 span {
background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.btn-circle-flat {
display: inline-block;
text-decoration: none;
background: #2b2b33;
color: #FFF;
width: 120px;
height: 120px;
line-height: 120px;
border-radius: 50%;
text-align: center;
overflow: hidden;
transition: .4s;
font-size: 20px;
font-weight: bold;
}
.btn-circle-flat:hover {
background: #2b2b33;
}
.kadenmenu a:hover {
color: #FFF;
}
h2.midashi5 {
padding: 1rem 3rem;
color: #fff;
border-radius: 100vh;
background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
} .opacity{
background: #000;
}
.opacity img{
width: 100%;
cursor: pointer;
transition-duration: 0.3s;
background: #000;
}
.opacity:hover img{
opacity: 0.6;
transition-duration: 0.3s;
} .ec_all {
font-family: "MS Pゴシック",sans-serif;
}
.ec_out2 {
padding-top: 0;
}
.anshin {
border: 5px solid #1d217c;
padding: 20px 40px;
font-size: 33px;
font-family: "MS Pゴシック",sans-serif;
font-weight: bold;
border-radius: 30px;
background-color: #fff;
}
.anshin li {
padding: 5px;
}
.anshin span {
color: red;
}
.ec_kakaku_in {
margin: 20px;
border-radius: 5px;
padding: 10px;
font-weight: bold;
background: #fff;
box-shadow: 10px 10px #4b82fb;
border-width: 3px;
border-color: #000;
border-style: solid;
position: relative;
}
.soldout {
position: absolute;
background-color: #ffffffbd;
z-index: 3;
}
.kakaku_title {
background-color: red;
}
.kakaku_title h2 {
border-bottom: none;
font-size: 50px;
text-align: center;
color: #fff;
font-weight: bold;
}
.kakaku_title2 {
background-color: #000ead;
border-radius: 5px;
font-size: 30px;
color: #ffffff;
text-align: center;
padding: 20px;
margin-bottom: 20px;
}
.kakaku_title2 h2 {
border-bottom: none;
font-size: 50px;
text-align: center;
color: #fff;
font-weight: bold;
padding: 10px;
}
.ec_kakaku_in h3 {
padding-bottom: 0;
border-bottom: 0;
position: inherit;
margin: 0;
font-weight: 900;
font-size: 40px;
text-shadow: 5px 2px 0 #dddddd;
font-family: 'M PLUS 1p', sans-serif;
color: #000;
}
.ec_kakaku_in h4 {
margin: 0;
font-weight: bold;
}
.ec_icon,.ec_icon2,.ec_icon3 {
color: #fff;
padding: 10px;
border-radius: 5px;
margin-right: 10px;
font-size: 20px;
}
.ec_icon {
background-color: #ee3333;
}
.ec_icon2 {
background-color: #4b82fb;
}
.ec_icon3 {
background-color: #39bb4a;
}
.ec_description {
margin-left: 10px;
}
.ec_price {
font-size: 40px;
margin-top: 20px;
font-weight: bold;
color: red;
}
.ec_price span {
font-size: 20px;
}
.kaikae {
font-size: 22px;
padding: 20px 15px 0;
text-align: right;
}
.gentei {
position: absolute;
padding: 12px 0 0;
width: 120px;
height: 120px;
border-radius: 50%;
text-align: center;
font-weight: bold;
color: #FFFF00;
font-size: 40px;
line-height: 1.2;
background: #E50011;
z-index: 2;
color: #fff;
}
.heading03 {
display: flex;
justify-content: center;
align-items: center;
font-size: 40px;
text-align: center;
font-weight: bold;
}
.heading03::before,
.heading03::after {
content: '';
width: 100px;
height: 10px;
background-color: #fceb00;
}
.heading03::before {
margin-right: 20px;
}
.heading03::after {
margin-left: 20px;
}
.ec_kakaku_out {
padding: 30px 0;
}
.ec_kakaku_out2 {
padding-bottom: 30px;
}
.pricebox {
padding: 50px 0 0;
}
.nagare_title {
background-color: #3e0000;
}
.nagare_title h2 {
border-bottom: none;
font-size: 50px;
text-align: center;
color: #fff;
font-weight: bold;
}
.nagare_in {
background-color: #fef1e0;
padding: 50px 50px 1px;
}
.nagare1,.nagare2,.nagare3,.nagare4,.nagare5 {
position: relative;
padding: 2px 5px 2px 25px;
font-size: 60px;
border-bottom: 0;
font-weight: bold;
}
.nagare1:before {
content: "１";
display: inline-block;
line-height: 100px;
position: absolute;
padding: 0em;
color: white;
background: #a51308;
font-weight: normal;
width: 100px;
text-align: center;
height: 100px;
font-size: 50px;
left: -0.5em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}
.nagare2:before {
content: "２";
display: inline-block;
line-height: 100px;
position: absolute;
padding: 0em;
color: white;
background: #a51308;
font-weight: normal;
width: 100px;
text-align: center;
height: 100px;
font-size: 50px;
left: -0.5em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}
.nagare3:before {
content: "３";
display: inline-block;
line-height: 100px;
position: absolute;
padding: 0em;
color: white;
background: #a51308;
font-weight: normal;
width: 100px;
text-align: center;
height: 100px;
font-size: 50px;
left: -0.5em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}
.nagare4:before {
content: "４";
display: inline-block;
line-height: 100px;
position: absolute;
padding: 0em;
color: white;
background: #a51308;
font-weight: normal;
width: 100px;
text-align: center;
height: 100px;
font-size: 50px; left: -0.5em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}
.nagare5:before {
content: "５";
display: inline-block;
line-height: 100px;
position: absolute;
padding: 0em;
color: white;
background: #a51308;
font-weight: normal;
width: 100px;
text-align: center;
height: 100px;
font-size: 50px; left: -0.5em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}
.nagare_in span {
margin-left: 70px;
}
.nagare_out {
padding: 50px;
}
.nagare_in {
background-color: #fef1e0;
padding: 50px 50px 1px;
margin-bottom: 50px;
border-radius: 10px;
}
.nagare_in p {
font-size: 26px;
font-weight: bold;
margin-left: 100px;
}
.entyou_title h2 {
border-bottom: none;
font-size: 50px;
text-align: center;
color: #fff;
font-weight: bold;
}
.entyou_title {
background-color: #ff9007;
}
.entyou_in {
padding: 50px;
margin-bottom: 50px;
font-size: 24px;
}
.price_list tr.type10y td.cel1 {
background-color: #F18D00;
color: #FFF;
font-size: 30px;
}
.price_list tr.type8y td.cel1 {
background-color: #83C257;
color: #FFF;
font-size: 30px;
}
.price_list tr.type5y td.cel1 {
background-color: #0060B0;
color: #FFF;
font-size: 30px;
}
.cel1,.cel2,.cel3 {
font-size: 30px;
}
table.price_list {
text-align: center;
}
.entyou_in2 {
padding-top: 50px;
}
.media .media-body .media-heading a {
color: #0037ff !important;
font-weight: bold;
}
.info_in1, .info_in2, .info_in3 {
float: left;
}
.fuchidori{
display: inline-block;
font-family: 'M PLUS 1p', sans-serif;
font-size:94px;
color:#ff0000;
letter-spacing:-0.04em;
margin-top: 30px;
text-shadow:
4px 4px 0 #000,
-2px 2px 0 #000,
2px -2px 0 #000,
-2px -2px 0 #000;
-webkit-text-stroke: 2px #FFF;
text-stroke: 2px #FFF;
padding:0 0.2em;
}
.fuchidori span{
font-size:80px;
font-family: 'M PLUS 1p', sans-serif;
text-stroke: 0.1px #FFF;
-webkit-text-stroke: 0.1px #FFF;
font-weight:900;
}
.koujihikomi {
padding: 20px;
font-family: 'M PLUS 1p', sans-serif;
color: #000;
font-size: 50px;
text-stroke: 1px #FFF;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
line-height: 60px;
}
.ec_tel {
background: #fcf000;
margin-top: -20px;
padding: 50px;
}
.ec_tel2 {
font-family: 'M PLUS 1p', sans-serif;
font-size: 30px;
}
.ec_in {
margin: 0 150px;
}
.ec_in2 {
margin: 0 150px;
}
.ec_out {
}
.fullauto p {
font-size: 26px;
}
.kaikae2 {
text-align: right;
margin-bottom: 20px;
}
.hojyokintekiyou {
padding: 10px;
background-color: #fff000;
width: fit-content;
margin: 0px 20px 10px;
font-size: 30px;
box-shadow: 3px 3px #999999;
border-radius: 5px;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.midashi h4 {
padding: 1rem 2rem;
border-left: 4px solid #000;
} .heading04 {
position: relative;
text-align: center;
border: 3px solid #000;
}
.heading04:before,
.heading04:after {
position: absolute;
content: '';
}
.heading04:before {
top: 4px;
left: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
background: #f8f8f8;
}
.heading04 span {
position: relative;
display: block;
padding: 2rem;
letter-spacing: .05em;
color: #fff;
text-shadow: #000 2px 0, #000 -2px 0, #000 0 -2px, #000 0 2px, #000 2px 2px, #000 -2px 2px, #000 2px -2px, #000 -2px -2px, #000 1px 2px, #000 -1px 2px, #000 1px -2px, #000 -1px -2px, #000 2px 1px, #000 -2px 1px, #000 2px -1px, #000 -2px -1px, 4px 4px 0 #000, 0 4px 0 #000;
}
.heading04 span:before,
.heading04 span:after {
position: absolute;
left: 10px;
width: calc(100% - 20px);
height: 2px;
content: '';
background: #000;
}
.heading04 span:before {
top: 15px;
}
.heading04 span:after {
bottom: 15px;
}
.tikudenti_in {
padding: 0;
} .tb1 th {
background-color: #fff7d0;
} .modelsl {
margin-top: 50px;
padding: 30px 200PX;
background: #312c29;
}
.model_out {
padding: 0 150px;
} .hiraya {
font-size: 30px;
}
.tel2 {
font-size: 30px;
} #sp-fixed-menu{
display: none;
}
.widget_postlist,.widget_categories,.widget_archive{
display: none;
} .tel-btn a{
margin:0 auto;
display:block;
text-align:center;
background-color:#292929;
color:#fff;
padding:10px;
text-decoration:none;
width:280px;
border-radius: 10px;
font-size: 20px;
}
.tel-btn a:hover{
background-color:#ccc;
color:#000;
}
.tel-btn a[href^="tel:"]::before{
content: '\f095';
font-family: 'Fontawesome';
margin-right:.1em;
}
.tel-btn a[href^="tel:"]::after{
content: '0982-52-0039';
margin-left:.1em;
} .mitsumori-btn a {
margin: 0 auto;
display: block;
text-align: center;
background-color: #ff0000;
color: #fff;
padding: 30px;
text-decoration: none;
border-radius: 10px;
font-size: 40px;
}
.mitsumori-btn a:hover{
background-color:#ccc;
color:#000;
}
.mitsumori-btn a[href^="tel:"]::before{
content: '\f095';
font-family: 'Fontawesome';
margin-right:.1em;
}
.mitsumori-btn a[href^="tel:"]::after{
content: '0982-52-0039';
margin-left:.1em;
}
.has-background {
color: #fff;
}
a.vk_button_link.btn.has-background.has-vivid-red-background-color.btn-lg.btn-block {
color: #fff;
}  body:not(.header_scrolled) .global-nav-list>li .global-nav-name {
display: flex;
flex-direction: column;
} body:not(.header_scrolled) .global-nav-list>li .global-nav-name i {
font-size: 1.5em;
margin-right: 0;
margin-bottom: 0.5em;
color: var(--vk-color-primary);
} body:not(.header_scrolled) .vk-menu-acc li {
width: 100px;
margin-left: -1px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
} .vk-menu-acc li:last-child {
background-color: var(--vk-color-primary);
}
body:not(.header_scrolled) .global-nav-list>li:last-child .global-nav-name i,
.global-nav-list>li:last-child .global-nav-name i {
color: #fff;
}
.nav li:last-child a, nav li:last-child a {
color: #fff;
}
body:not(.header_scrolled) .global-nav--layout--float-right {
align-items: unset;
}
.header_scrolled .global-nav--layout--float-right {
width: 100%;
}
.header_scrolled .global-nav-list {
display: block;
width: unset; } .header_scrolled .vk-menu-acc li:last-child {
float: right;
} .header_scrolled .site-header {
width: 100%;
}
body:not(.header_scrolled) .vk-menu-acc li {
width: 170px;
}
.vk-menu-acc li:last-child {
}
.gMenu>li .gMenu_name {
font-size: 16px;
} div#comments {
display: none;
} h4#vk-blocks {
color: #000;
}
p.vk_block-margin-0--margin-bottom {
color: #000;
}
.vk_slider_item .has-background-dim-3 {
opacity: .1;
}
.vk_slider_item .has-background-dim-2 {
   opacity: .2;
}
p.has-text-align-left.vk_block-margin-0--margin-top.vk_block-margin-sm--margin-bottom {
text-shadow: 0px 2px 0px #ffffff;
}
h2.wp-block-heading.has-text-align-left.is-style-vk-heading-plain.vk_block-margin-0--margin-top.vk_block-margin-0--margin-bottom {
text-shadow: 0px 2px 2px #ffffff;
}
h2.wp-block-heading.has-text-align-right.is-style-vk-heading-plain.vk_block-margin-0--margin-top.vk_block-margin-0--margin-bottom.has-white-color.has-text-color {
text-shadow: 0px 2px 2px #000;
}
p.has-text-align-right.vk_block-margin-0--margin-top.is-style-vk-heading-plain.vk_block-margin-sm--margin-bottom.has-white-color.has-text-color {
text-shadow: 0px 2px 2px #000;
}
p.has-text-align-right.vk_block-margin-0--margin-top.vk_block-margin-sm--margin-bottom.has-white-color.has-text-color {
text-shadow: 0px 2px 2px #000;
}
p.tecno {
color: #fff;
}
.top_title {
position: relative;
top: -300px;
}
p.has-text-align-center.vk_block-margin-xs--margin-bottom {
color: #000;
}
p.has-text-align-center {
color: #000;
} .vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline {
position: relative;
z-index: 0; 
border-radius: 0;
padding: 12px 35px;
letter-spacing: 0.1em;
width: 240px;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: currentColor;
z-index: -1;
transition: .3s;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover::before {
width: 100%;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before {
content: '';
position: absolute;
display: block;
width: 80px;
height: 1px;
bottom: 50%;
right: -45px;
border-bottom: solid 2px currentColor;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption:after {
content: '';
position: absolute;
display: block;
width: 14px;
height: 2px;
background: currentColor;
bottom: calc(50% + 5px);
right: -45px;
transform: rotate(45deg);
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover {
opacity: unset;
box-shadow: unset;
background-color:  transparent !important;
border: solid 1px;
}
.kumamoto {
font-family: "MS Pゴシック", sans-serif;
}
h2.wp-block-heading.is-style-vk-heading-plain.vk_block-margin-0--margin-bottom {
font-size: 50px;
}
p.vkp_catch_bg_flow {
font-size: 60px;
font-weight: 900;
display: inline-block; color: #ffffff;
letter-spacing: -.04em;  }
p.kumamotono { background-color: #ff0000;
padding: 0px 20px;
display: inline-block;
}
.hojyo12 {
text-align: center;
}
.eco_syouhin {
margin-top: 100px;
padding: 0px 140px;
}
.eco_item1_hojyokingaku {
background: #157e3b;
font-size: 30px;
font-weight: bold;
text-align: center;
color: #fff000;
padding: 20px;
border-radius: 10px 10px 0 0;
}
.eco_item1_kakaku p {
margin-bottom: 0;
}
.mitsubishi_rogo {
width: 40%;
}
.eco_item1_meka {
padding: 10px;
font-size: 30px;
background: #fff;
}
.eco_item1_img {
background: #fff;
}
.eco_item1_kakaku {
background: #af0000;
color: #fff;
padding: 20px;
}
span.uchikeshi {
text-decoration: line-through;
}
span.eco_baika {
font-size: 40px;
font-weight: bold;
}
.sarani {
align-items: center; display: flex; }
.sarani::before, .sarani::after {
background-color: #ffffff;
content: "";
flex-grow: 1;
height: 1px;
}
.sarani::before {
margin-right: 15px; }
.sarani::after {
margin-left: 15px; }
.sarani {
font-size: 20px;
font-weight: bold;
}
span.eco_baika2 {
font-size: 70px;
font-weight: bold;
color: #fff000;
}
.eco_kakaku2 {
text-align: center;
padding-top: 30px;
font-size: 20px;
}
.eco_setsumei {
border: 3px solid #c82222;
border-radius: 0 0 8px 8px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.eco_item1 {
margin: 0px 10px 0 10px;
}
.eco_syouhin2 {
margin-top: 50px;
}
.bg_diagonal {
position: relative;
}
.bg_diagonal::before {
position: absolute;
top: 0px;
left: calc(-50vw + 50%);
right: calc(-50vw + 50%);
bottom: 0px;
z-index: -1;
transform: skewY(8deg);
background-color: #7bb7ff5c;
content: "";
}
.eco_item1_img img {
margin-bottom: -50px;
}
.ttl_background3 {
font-weight: bold;
padding: 0.5em 1em;
background-color: #4c9ac0;
color: #fff;
overflow: hidden;
position: relative;
}
.ttl_background3::after {
content: '';
background-color: #fff;
opacity: 0.3;
transform: rotate(-65deg);
position: absolute;
bottom: -250px;
right: -250px;
width: 300px;
height: 500px;
}
p.step {
color: #fff;
}
.eco_nagare {
margin-left: 90px;
background: #fff;
}
.eco_nagare_in {
padding: 10px 0 0 20px;
}
.watashi {
padding: 100px 100px 0 100px;
}
.ttl_center3 {
font-weight: bold;
padding-bottom: 0.7em;
text-align: center;
position: relative;
border-bottom: none !important;
}
.ttl_center3::after {
content: '';
position: absolute;
border-bottom: 10px dotted #4c9ac0;
width: 50px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.hosyou_img {
margin-left: 20px;
}
.ec_top_main {
height: 570px;
}
.ec_in {
margin: 0px !important;
padding: 0 200px;
}
.sekou_list {
padding: 0;
height: 400px;
}
.sekou_list img {
width: 250px;
}
ul.lcp_catlist li {
list-style:none;
padding-top: 10px;
padding-bottom: 200px;
}
ul.lcp_catlist li img {
float: left;
margin-right: 30px;
}
.lcp_excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
float: left;
}
ul#lcp_instance_0 li {
float: left;
width: 25%;
padding: 0 20px;
}
.ec_tuzduki {
text-align: center !important;
}
.tuduki {
margin-top: 50px;
}
.sekou_setumei span {
background: linear-gradient(transparent 60%, #ff6 60%);
}
.sekou_setumei {
text-align: center;
margin-bottom: 60px;
}
.ttl_3d17 {
background: #4c9ac0;
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .35);
color: #fff;
font-weight: bold;
padding: 0.3em 0.5em;
} .kumamoto {
font-family: "MS Pゴシック", sans-serif;
}
h2.wp-block-heading.is-style-vk-heading-plain.vk_block-margin-0--margin-bottom {
font-size: 50px;
}
p.vkp_catch_bg_flow {
font-size: 60px;
font-weight: 900;
display: inline-block; color: #ffffff;
letter-spacing: -.04em;  }
p.kumamotono { background-color: #ff0000;
padding: 0px 20px;
display: inline-block;
}
.hojyo12 {
text-align: center;
}
.eco_syouhin {
margin-top: 100px;
padding: 0px 140px;
}
.eco_item1_hojyokingaku {
background: #157e3b;
font-size: 30px;
font-weight: bold;
text-align: center;
color: #fff000;
padding: 20px;
border-radius: 10px 10px 0 0;
}
.eco_item1_kakaku p {
margin-bottom: 0;
}
.mitsubishi_rogo {
width: 40%;
}
.eco_item1_meka {
padding: 10px;
font-size: 30px;
background: #fff;
}
.eco_item1_img {
background: #fff;
}
.eco_item1_kakaku {
background: #000da5;
color: #fff;
padding: 20px;
}
span.uchikeshi {
text-decoration: line-through;
}
span.eco_baika {
font-size: 40px;
font-weight: bold;
}
.sarani {
align-items: center; display: flex; }
.sarani::before, .sarani::after {
background-color: #ffffff;
content: "";
flex-grow: 1;
height: 1px;
}
.sarani::before {
margin-right: 15px; }
.sarani::after {
margin-left: 15px; }
.sarani {
font-size: 20px;
font-weight: bold;
}
span.eco_baika2 {
font-size: 70px;
font-weight: bold;
color: #fff000;
}
.eco_kakaku2 {
text-align: center;
padding-top: 30px;
font-size: 20px;
}
.eco_setsumei {
border: 3px solid #000da5;
border-radius: 0 0 8px 8px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.eco_item1 {
margin: 0px 10px 0 10px;
}
.eco_syouhin2 {
margin-top: 50px;
}
.bg_diagonal {
position: relative;
}
.bg_diagonal::before {
position: absolute;
top: 0px;
left: calc(-50vw + 50%);
right: calc(-50vw + 50%);
bottom: 0px;
z-index: -1;
transform: skewY(8deg);
background-color: #7bb7ff5c;
content: "";
}
.eco_item1_img img {
margin-bottom: -50px;
}
.ttl_background3 {
font-weight: bold;
padding: 0.5em 1em;
background-color: #4c9ac0;
color: #fff;
overflow: hidden;
position: relative;
}
.ttl_background3::after {
content: '';
background-color: #fff;
opacity: 0.3;
transform: rotate(-65deg);
position: absolute;
bottom: -250px;
right: -250px;
width: 300px;
height: 500px;
}
p.step {
color: #fff;
}
.eco_nagare {
margin-left: 90px;
background: #fff;
}
.eco_nagare_in {
padding: 10px 0 0 20px;
}
.watashi {
padding: 100px 100px 0 100px;
}
.ttl_center3 {
font-weight: bold;
padding-bottom: 0.7em;
text-align: center;
position: relative;
border-bottom: none !important;
}
.ttl_center3::after {
content: '';
position: absolute;
border-bottom: 10px dotted #4c9ac0;
width: 50px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.hosyou_img {
margin-left: 20px;
}
.ec_top_main {
height: 570px;
}
.ec_in {
margin: 0px !important;
}
ul.lcp_catlist li {
list-style:none;
padding-top: 10px;
padding-bottom: 200px;
}
ul.lcp_catlist li img {
float: left;
margin-right: 30px;
}
.lcp_excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
float: left;
}
ul#lcp_instance_0 li {
float: left;
width: 25%;
padding: 0 20px;
}
.ec_tuzduki {
text-align: center !important;
}
.tuduki {
margin-top: 50px;
}
.sekou_setumei span {
background: linear-gradient(transparent 60%, #ff6 60%);
}
.sekou_setumei {
text-align: center;
margin-bottom: 60px;
}
.ec-kumamoto-qa,.campany-jyouhou {
padding: 0 100px;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline {
position: relative;
z-index: 0; 
border-radius: 0;
padding: 12px 35px;
letter-spacing: 0.1em;
width: 240px;
}   
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: currentColor;
z-index: -1;
transition: .3s;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover::before {
width: 100%;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before {
content: '';
position: absolute;
display: block;
width: 80px;
height: 1px;
bottom: 50%;
right: -45px;
border-bottom: solid 2px currentColor;
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline .vk_button_link_caption:after {
content: '';
position: absolute;
display: block;
width: 14px;
height: 2px;
background: currentColor;
bottom: calc(50% + 5px);
right: -45px;
transform: rotate(45deg);
}
.vkp_button-through-arrow.vk_button .vk_button_link.is-style-outline:hover {
opacity: unset;
box-shadow: unset;
background-color:  transparent !important;
border: solid 1px;
}
.kumamoto-sekoujirei {
padding: 0 10px;
}
.kumamoto-sekoujirei-img {
text-align: center;
}
.kumamoto-sekou_list {
padding: 0 100px;
}
.kumamoto-toiawase {
padding: 0 200px;
display: flex;
justify-content: center;
margin-bottom: 70px;
}
.siteContent {
padding: 0 !important;
}
.wp-container-core-group-is-layout-57f782f9 {
grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)) !important;
container-type: inline-size;
}
h4.sonota-jigyou {
color: #000000;
}
.top-ec-eria h2 {
font-size: 30px !important;
}
.top-ec-eria {
padding: 80px 200px;
}
.six-list {
background-color: #000000 !important;
}
.ecocute-category-top-wrap {
margin-bottom: 30px;
}
.ecocute-category-top {
background: #f8fbff;
border: 1px solid #dbe8f4;
border-radius: 8px;
padding: 24px;
}
.ecocute-title {
font-size: 1.6rem;
line-height: 1.5;
margin-bottom: 16px;
}
.ecocute-text {
margin-bottom: 16px;
}
.ecocute-points {
margin: 0 0 16px;
padding-left: 1.2em;
}
.ecocute-points li {
margin-bottom: 6px;
}
.ecocute-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.ecocute-btn {
display: inline-block;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
font-size: 20px;
}
.ecocute-btn.main {
background: #0d6efd;
color: #fff;
}
.ecocute-btn.sub {
background: #198754;
color: #fff;
}
.ecocute-btn:hover {
opacity: 0.9;
color: #fff;
}
@media (max-width: 767px) {
.ecocute-title {
font-size: 1.3rem;
}
}
.btn-primary
{
background: #007bff !important;
color: #ffffff !important;
} .land-detail-page {
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px 90px;
color: #333;
line-height: 1.9;
font-size: 16px;
background: #fff;
}
.land-detail-page img {
max-width: 100%;
height: auto;
display: block;
}
.land-mainvisual {
margin-bottom: 50px;
padding: 55px 40px;
background: linear-gradient(135deg, #f8fbff 0%, #eef5fb 100%);
border: 1px solid #d9e5f0;
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}
.land-mainvisual h1 {
margin: 0 0 18px;
font-size: 34px;
line-height: 1.4;
color: #1c2b39;
font-weight: 700;
}
.land-mainvisual .catch {
margin: 0 0 14px;
font-size: 22px;
font-weight: 700;
color: #1f4f7a;
letter-spacing: 0.03em;
}
.land-mainvisual .subcatch {
margin: 0;
font-size: 16px;
color: #4c5b68;
}
.land-intro {
margin-bottom: 55px;
padding: 30px;
background: #fafafa;
border: 1px solid #ececec;
border-radius: 8px;
}
.land-intro p {
margin: 0 0 18px;
}
.land-intro p:last-child {
margin-bottom: 0;
}
.land-section {
margin-bottom: 65px;
}
.land-section h2 {
position: relative;
margin: 0 0 24px;
padding: 0 0 12px;
font-size: 28px;
line-height: 1.5;
color: #1c2b39;
font-weight: 700;
border-bottom: 2px solid #d8e3ec;
}
.land-section h2::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 90px;
height: 2px;
background: #1f4f7a;
}
.land-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
border: 1px solid #dfe6ec;
border-radius: 8px;
background: #fff;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
.land-table th,
.land-table td {
padding: 16px 18px;
border-bottom: 1px solid #e6edf2;
text-align: left;
vertical-align: top;
}
.land-table tr:last-child th,
.land-table tr:last-child td {
border-bottom: none;
}
.land-table th {
width: 28%;
background: #f3f7fa;
color: #22313f;
font-weight: 700;
border-right: 1px solid #e6edf2;
}
.land-table td {
background: #fff;
}
.land-point-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px 24px;
margin: 0;
padding: 0;
list-style: none;
}
.land-point-list li {
position: relative;
margin: 0;
padding: 16px 18px 16px 46px;
background: #f8fbfd;
border: 1px solid #e1ebf2;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
}
.land-point-list li::before {
content: "✓";
position: absolute;
top: 15px;
left: 16px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 13px;
font-weight: 700;
color: #fff;
background: #1f4f7a;
border-radius: 50%;
}
.land-image {
margin-top: 22px;
}
.land-image img {
width: 100%;
border: 1px solid #dfe6ec;
border-radius: 10px;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.land-map {
margin-top: 22px;
overflow: hidden;
border: 1px solid #dfe6ec;
border-radius: 10px;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
}
.land-map iframe {
display: block;
}
.land-contact {
padding: 45px 30px;
background: linear-gradient(135deg, #1f4f7a 0%, #2a628f 100%);
border-radius: 10px;
color: #fff;
text-align: center;
box-shadow: 0 10px 28px rgba(31, 79, 122, 0.22);
}
.land-contact h2 {
color: #fff;
border-bottom: none;
padding-bottom: 0;
margin-bottom: 18px;
}
.land-contact h2::after {
display: none;
}
.land-contact p {
margin: 0 0 16px;
color: rgba(255, 255, 255, 0.95);
}
.land-contact p:last-child {
margin-bottom: 0;
}
.land-contact a {
display: inline-block;
min-width: 260px;
margin-top: 10px;
padding: 16px 34px;
background: #fff;
color: #1f4f7a;
text-decoration: none;
font-weight: 700;
font-size: 16px;
border-radius: 999px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}
.land-contact a:hover {
opacity: 1;
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
}
@media screen and (max-width: 767px) {
.land-detail-page {
padding: 28px 15px 60px;
font-size: 15px;
}
.land-mainvisual {
padding: 35px 20px;
margin-bottom: 35px;
border-radius: 8px;
}
.land-mainvisual h1 {
font-size: 25px;
}
.land-mainvisual .catch {
font-size: 18px;
}
.land-mainvisual .subcatch {
font-size: 15px;
}
.land-intro {
padding: 22px 18px;
margin-bottom: 40px;
}
.land-section {
margin-bottom: 45px;
}
.land-section h2 {
font-size: 22px;
margin-bottom: 18px;
}
.land-point-list {
grid-template-columns: 1fr;
gap: 12px;
}
.land-table,
.land-table tbody,
.land-table tr,
.land-table th,
.land-table td {
display: block;
width: 100%;
box-sizing: border-box;
}
.land-table tr {
border-bottom: 1px solid #e6edf2;
}
.land-table tr:last-child {
border-bottom: none;
}
.land-table th {
width: 100%;
border-right: none;
border-bottom: none;
padding-bottom: 8px;
}
.land-table td {
padding-top: 0;
}
.land-contact {
padding: 32px 20px;
border-radius: 8px;
}
.land-contact a {
width: 100%;
min-width: 0;
max-width: 320px;
padding: 15px 20px;
}
} .land-label {
display: inline-block;
margin-bottom: 12px;
padding: 6px 12px;
font-size: 13px;
background: #1f4f7a;
color: #fff;
border-radius: 4px;
}
.land-summary-box {
display: flex;
gap: 25px;
margin-bottom: 50px;
align-items: stretch;
}
.land-price-box {
flex: 0 0 300px;
padding: 25px;
background: linear-gradient(135deg, #fff5f5 0%, #ffecec 100%);
border: 1px solid #f2caca;
border-radius: 10px;
text-align: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}
.summary-label {
margin: 0 0 10px;
font-size: 14px;
color: #777;
}
.summary-price {
margin: 0;
font-size: 32px;
font-weight: 700;
color: #d32f2f;
}
.summary-note {
margin-top: 10px;
font-size: 13px;
color: #888;
}
.land-summary-list {
flex: 1;
padding: 20px 25px;
background: #fff;
border: 1px solid #e4eaf0;
border-radius: 10px;
box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}
.land-summary-list dl {
margin: 0;
}
.land-summary-list dt {
font-weight: 700;
margin-top: 10px;
color: #1c2b39;
}
.land-summary-list dd {
margin: 4px 0 10px;
color: #555;
} .land-env-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-bottom: 30px;
}
.land-env-item {
padding: 20px;
background: #f9fcff;
border: 1px solid #e1ebf2;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.land-env-item h3 {
margin: 0 0 10px;
font-size: 17px;
color: #1f4f7a;
}
.land-env-item p {
margin: 0;
font-size: 14px;
color: #555;
} .land-note {
margin-top: 10px;
font-size: 13px;
color: #888;
} .land-contact-buttons {
margin-top: 20px;
}
.btn-primary,
.btn-secondary {
display: inline-block;
min-width: 240px;
margin: 8px;
padding: 15px 25px;
text-align: center;
text-decoration: none;
font-weight: 700;
border-radius: 999px;
transition: all 0.25s ease;
} .btn-primary {
background: #fff;
color: #1f4f7a;
box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0,0,0,0.2);
} .btn-secondary {
background: rgba(255,255,255,0.2);
color: #fff;
border: 2px solid #fff;
}
.btn-secondary:hover {
background: #fff;
color: #1f4f7a;
} @media screen and (max-width: 767px) {
.land-summary-box {
flex-direction: column;
}
.land-price-box {
flex: none;
}
.land-env-list {
grid-template-columns: 1fr;
}
.btn-primary,
.btn-secondary {
width: 100%;
min-width: 0;
}
} .land-works .works-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
align-items: stretch;
}
.land-works .works-item {
display: block !important;
width: calc((100% - 40px) / 3) !important;
margin: 0 !important;
text-decoration: none !important;
background: #fff;
border: 1px solid #e4eaf0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
transition: all 0.25s ease;
box-sizing: border-box;
}
.land-works .works-item:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}
.land-works .works-image {
display: block;
}
.land-works .works-image img {
display: block !important;
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
}
.land-works .works-content {
display: block;
padding: 15px;
}
.land-works .works-title {
margin: 0 0 8px;
font-weight: 700;
color: #1c2b39;
line-height: 1.6;
}
.land-works .works-text {
margin: 0;
font-size: 14px;
color: #666;
line-height: 1.7;
}
.land-works .works-btn-wrap {
text-align: center;
margin-top: 25px;
}
.land-works .works-btn {
display: inline-block !important;
padding: 14px 30px;
background: #1f4f7a;
color: #fff !important;
text-decoration: none !important;
border-radius: 999px;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.land-works .works-list {
display: block !important;
}
.land-works .works-item {
width: 100% !important;
margin-bottom: 20px !important;
}
.land-works .works-image img {
height: 180px !important;
}
}
.land-works .works-list {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
}
.land-works .works-card {
margin: 0 !important;
min-width: 0 !important;
}
.land-works .works-item {
display: block !important;
width: 100% !important;
text-decoration: none !important;
background: #fff;
border: 1px solid #e4eaf0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
transition: all 0.25s ease;
box-sizing: border-box;
}
.land-works .works-item:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}
.land-works .works-image img {
display: block;
width: 100%;
height: 200px;
object-fit: cover;
}
.land-works .works-content {
padding: 15px;
}
.land-works .works-title {
margin: 0 0 8px;
font-weight: 700;
color: #1c2b39;
}
.land-works .works-text {
margin: 0;
font-size: 14px;
color: #666;
}
@media screen and (max-width: 767px) {
.land-works .works-list {
grid-template-columns: 1fr !important;
}
}  .ecocute-case {
max-width: 900px;
margin: 0 auto;
line-height: 1.8;
color: #333;
}
.ecocute-case h1 {
font-size: 28px;
line-height: 1.4;
margin-bottom: 24px;
}
.ecocute-case h2 {
font-size: 22px;
margin-top: 40px;
padding: 12px 16px;
border-left: 6px solid #0b7fab;
background: #f0f8fb;
}
.ecocute-case h3 {
font-size: 18px;
margin-top: 28px;
border-bottom: 2px solid #ddd;
padding-bottom: 6px;
}
.ecocute-case p {
margin: 16px 0;
}
.ecocute-case ul {
background: #fafafa;
border: 1px solid #e5e5e5;
padding: 18px 24px 18px 36px;
margin: 18px 0;
}
.ecocute-case li {
margin-bottom: 8px;
}
.ecocute-case img {
width: 100%;
height: auto;
margin: 18px 0;
border-radius: 8px;
}
.ecocute-point {
background: #fff8e5;
border: 1px solid #f0d98c;
padding: 18px;
border-radius: 8px;
margin: 24px 0;
}
.ecocute-price {
background: #f7fbff;
border: 2px solid #cde7f5;
padding: 20px;
border-radius: 8px;
}
.ecocute-cta {
background: #0b7fab;
color: #fff;
padding: 28px 22px;
text-align: center;
border-radius: 10px;
margin: 40px 0;
}
.ecocute-cta h2 {
background: none;
border: none;
color: #fff;
padding: 0;
margin: 0 0 16px;
}
.ecocute-cta p {
margin-bottom: 20px;
}
.ecocute-cta a {
display: inline-block;
background: #fff;
color: #0b7fab;
padding: 14px 28px;
border-radius: 999px;
text-decoration: none;
font-weight: bold;
}
.ecocute-related {
background: #f5f5f5;
padding: 20px;
border-radius: 8px;
}
@media screen and (max-width: 600px) {
.ecocute-case h1 {
font-size: 23px;
}
.ecocute-case h2 {
font-size: 19px;
}
}