/* Theme Name: Smartsoler Theme URI: https://www.understrap.com Description: UnderStrap Child Theme Author: Holger Koenemann Author URI: http://www.holgerkoenemann.de Template: understrap Version: 0.5.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: understrap-child Tags: one-column, custom-menu, featured-images, theme-options, translation-ready GitHub Theme URI: holger1411/understrap-child */ @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+JP:wght@100..900&display=swap'); /* heder-top-menu */ .jumbotron.head-top{background-color:rgba(228,239,231,0) !important;padding:0;margin-bottom:0;border-radius:0;} .menu-header-top-container, .menu-lp2-header-top-container, .menu-lp3-header-top-container, .menu-lp4-header-top-container, .menu-lp6-header-top-container{position: fixed !important;top:0 !important;right:0 !important;z-index: 9999 !important;} ul#menu-header-top, ul#menu-lp2-header-top, ul#menu-lp3-header-top, ul#menu-lp4-header-top, ul#menu-lp6-header-top{display: flex !important;font-size: 0.8rem !important;list-style:none !important;margin:0 !important;padding:0 !important;} #menu-header-top li a{display:block;padding:3.3rem 0.5rem 0.5rem;color:#1c3a5d;text-align:center;line-height:2;width:80px;height:66px;} #menu-header-top li a{font-size:1rem;} #menu-header-top li a:hover{text-decoration:none;} #menu-header-top li:first-child a{background:#ffe600 url("/smasoladenki/wp-content/uploads/2025/01/icon01n.png") no-repeat left 50% top 20%;background-size:25px 25px;} #menu-header-top li:last-child a{background:#81dfd1 url("/smasoladenki/wp-content/uploads/2025/01/icon02n.png") no-repeat left 50% top 20%;background-size:25px 25px;} @media (min-width: 992px){ #menu-header-top li a:hover{opacity:0.9;} } @media (max-width: 991px){ .menu-header-top-container{display:none !important;} } /* mega menu */ .menu ul{display:none ;} #wrapper-navbar .navbar.bg-primary{background-color:rgba(255,255,255,0) !important;width:100vw !important;margin:0 calc(50% - 50vw) !important;height:60px !important;} .mega-menu-wrap{position:fixed !important;top:10px !important; right: 0 !important;left: 0 !important;margin: 0 auto !important;z-index:9999 !important;} .navbar{width:100% !important;z-index:9998;} button.navbar-toggler{display:none !important;} body:not(.home) ul#mega-menu-primary li:nth-child(1), body:not(.home) ul#mega-menu-primary li:nth-child(2), body:not(.home) ul#mega-menu-primary li:nth-child(3), body:not(.home) ul#mega-menu-primary li:nth-child(4), body:not(.home) ul#mega-menu-primary li:nth-child(5), body:not(.home) ul#mega-menu-primary li:nth-child(6) { display: none !important; } @media (min-width: 992px){ ul#mega-menu-primary{padding-left:50px !important;} ul#mega-menu-primary li a{font-weight:bold !important;} ul#mega-menu-primary li:nth-child(7), ul#mega-menu-primary li:nth-child(8),ul#mega-menu-primary li:nth-child(9) {display:none !important;} } @media (max-width: 991px){ ul#mega-menu-primary li:nth-child(7) {display:none !important;} body:not(.home) ul#mega-menu-primary li:nth-child(7){display:block !important;} .navbar.bg-primary{height:56px !important;position:fixed !important;top:0px !important;right:0px !important;z-index:9999 !important;} .mega-menu-wrap{top:0 !important;} .mega-menu-toggle{background:none !important;position:relative !important;top:5px !important; right:-10px !important;z-index:99999 !important;} .mega-toggle-animated{width:80px;height:80px;background-color:rgba(255,255,255,1) !important;border-radius:50% !important;display:flex;justify-content: center; align-items: center;} .mega-toggle-animated-inner, .mega-toggle-animated-inner::before, .mega-toggle-animated-inner::after {height:2px !important;background-color:#898989 !important;} ul#mega-menu-primary{padding:120px 50px 30px !important;width:100% !important;height: 100vh !important;margin-top:-50px !important;} ul#mega-menu-primary li{display:block !important;width:100% !important;max-width:250px !important;margin:0 auto !important;} ul#mega-menu-primary li a{text-align:center !important;} ul#mega-menu-primary li.mega-current-menu-item a{border-bottom:none !important;} ul#mega-menu-primary li:last-child span{display:none !important;} } /* fixed */ #wrapper-navbar.fixed .bg-primary{height:64px !important;position:fixed !important;top:0px !important;right:0px !important;z-index:9999;} #wrapper-navbar.fixed #menu-header-top li a{height:64px;} @media screen and (min-width: 992px){ #wrapper-navbar.fixed .bg-primary{background-color:rgba(255,255,255,1) !important;} } /* logo */ .navbar-brand{position:fixed !important;top:0 !important; left: 10px !important;z-index:99999;} .navbar-brand img{width:250px; height:75px;} #wrapper-navbar.fixed .navbar-brand img{width:200px;height:60px;} @media (max-width: 1100px){ .navbar-brand img{width:200px;height:60px;} } @media (max-width: 991px){ #wrapper-navbar.fixed .navbar-brand img{width:200px;height:60px;} #wrapper-navbar.fixed .navbar-brand{display:none !important;} } /* base */ html{font-size: 62.5%;} *:focus {outline:none !important;box-shadow:none !important;} body * {box-sizing : border-box;} body{font-family:'Hiragino Kaku Gothic ProN', HiraginoSans-W3, sans-serif;font-size:1.5rem;line-height:2;-webkit-text-size-adjust: 100%;} a{color:#00408e;text-decoration:none;} a:hover{text-decoration:none;color:#00408e;} p{padding:0;margin:0;} ol{margin-top:10px;} .home h1.entry-title{display:none !important;} figure{margin:0;padding:0;} #page-wrapper .container, #full-width-page-wrapper .container,#single-wrapper .container, #error-404-wrapper .container, #search-wrapper .container{width:92% !important;max-width:1100px !important;margin:0 auto !important;} @media(max-width:991px){ #single-wrapper{margin-top:70px !important;} #index-wrapper{margin-top:8px !important;} #page-wrapper .container,#full-width-page-wrapper .container,#single-wrapper .container, #error-404-wrapper .container, #search-wrapper .container{width:96% !important;} } @media(max-width:827px){ body{font-size:1.47rem;} } @media(max-width:429px){ body{font-size:1.4rem;} } /* fade-simple */ .fade-duration1{animation-name: fadein;animation-duration: 1s;} .fade-duration2{animation-name: fadein;animation-duration: 1.4s;} @keyframes fadein{ from { opacity: 0; transform: translateY(60px);} to { opacity: 1;transform: translateY(0);} } /* fadeAnime */ .fadeUp{animation-name: fadeUpAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0;} @keyframes fadeUpAnime{ from {opacity: 0;transform: translateY(100px);} to {opacity: 1;transform: translateY(0);} } .fadeUpTrigger{opacity: 0;} .delay-time02{animation-delay: 0.2s;} .delay-time03{animation-delay: 0.3s;} /* archive */ body.blog .post h2.entry-title, body.archive .post h2.entry-title{line-height:0.7 !important;} body.blog .post h2.entry-title a, body.archive .post h2.entry-title a{font-size:1.6rem !important;color:#000;text-decoration:none;} .submit.btn-primary{background-color:#0f435d;border:1px solid #0f435d;} body.error404 .widget_recent_entries{margin-top:20px;} body.search .entry-summary{display: none !important;} body.archive .posted-on time.published:before, body.blog .posted-on time.published:before, body.single .posted-on time.published:before {content: "\f073";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:1.4rem !important;padding-right:2px;} body.archive .cat-links, body.archive .edit-link, body.blog .cat-links, body.blog .edit-link, body.blog .author, body.archive .author, body.blog .comments-link, body.archive .hentry .comments-link{display: none !important;} .category-w a{display:inline-block;font-size:1.2rem;padding:1px 3px;border-radius:2px;margin:5px 0 10px 0;} body.blog .post img, body.archive .hentry img{width:100%;height:210px;object-fit: cover;margin:8px 0;padding:0;} .pagination{margin-top:20px;} .page-link{color:#777;} .page-item.active .page-link{background-color:#777;border-color:#777} .page-link:focus{-webkit-box-shadow:none;box-shadow:none} body.archive .hentry time.updated, body.blog .hentry time.updated{display:none;} .archive .site-main, .blog .site-main{display:flex !important;flex-wrap: wrap !important;} .archive .site-main .page-header, .blog .site-main .page-header{width:100%;} @media (min-width:1200px){ body.archive .hentry, body.blog .hentry{width:29.3%;margin:0 2% 2%;} } @media (max-width:1200px){ body.archive .hentry, body.blog .hentry{width:46%;margin:0 2% 2%;} } @media (max-width:600px){ body.archive .hentry, body.blog .hentry{width:96%;margin:0 2% 30px 2% ;} } /* single */ .single-post h1.entry-title{padding:15px 0;} .single-post .entry-meta{font-size:1.2rem;padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:30px;} .single-post time.updated{display:none;} .posted-on, .byline{font-size:0;} .posted-on a{color:#555;font-size:1.2rem;text-decoration:none;} .byline .author{display:none;} .wp-block-image img{padding:10px 0 15px;} .wp-block-gallery .wp-block-image img{padding:0;} .wp-block-gallery.is-layout-flex{display:flex !important;flex-wrap:wrap !important;margin:1.5em 0;} .post-navigation .nav-previous{border:1px solid #b9d3e7;margin:20px 20px 20px -10px;padding:8px;border-radius:6px;font-size:1.4rem;} .post-navigation .nav-next{border:1px solid #b9d3e7;margin:20px -10px 20px 20px;padding:8px;border-radius:6px;font-size:1.4rem;} .post-navigation .nav-previous a, .post-navigation .nav-next a{color:#888;text-decoration:none;} .post-navigation .nav-previous i{color: #b9d3e7;padding-right:10px;} .post-navigation .nav-next i{color: #b9d3e7;padding-left:10px;} .hentry .entry-content{margin-bottom:4em;} ul.single-cats{list-style:none;margin:0;padding:0;display:flex;} ul.single-cats li a{background:#aaa;color:#fff;border-radius:4px;margin-right:0.5em;padding:0 0.3em 0.2em;text-decoration:none;} .cat-links{display:none;} /* page-header */ body.archive .page-header, body.error404 .page-header, body.search .page-header, body.page .entry-header, body.blog .page-header, body.blog .blogheader,body.archive .page-header, body.error404 .page-header, body.search .page-header, body.page .entry-header, body.single-contact_form .entry-header{color:#1c3a5d !important; text-align:center !important;padding:30px;margin:20px 0;} body.home .entry-header, body.page-id-2334 .entry-header{display: none !important;} body.archive .page-header h1 {font-size:0px;} body.archive .page-header h1 span{margin:0 -1em 0 -1em !important;font-size:24px;font-family:Arial, Helvetica, sans-serif;font-weight:900;} body.archive .page-header h1 span, body.error404 .page-header h1,body.search .page-header h1, body.page .entry-header h1, body.single .entry-header h1, body.blog .blogheader .inner h1, body.blog .page-header h1{font-size:clamp(1.9rem, 1.799rem + 0.51vw, 2.4rem);} body.error404 h2.widgettitle, body.error404 h2.widget-title{font-size:1.8rem !important;} @media screen and (max-width:991px) { body.archive .page-header, body.error404 .page-header, body.search .page-header, body.page .entry-header, body.blog .page-header, body.blog .blogheader{margin:40px 0 20px !important;padding:60px 30px 30px 30px;} } /* 404 + SEARCH */ body.error404 h2.widgettitle, body.error404 h2.widget-title{font-size:1.8rem !important;} body.error404 .narrow, .no-results .page-content{width:94%;max-width:700px;margin:0 auto;} .search-results .hentry h2.entry-title{border-bottom:1px solid #ddd;padding:15px 0;} .search-results .hentry h2.entry-title a{font-size:1.7rem;color:#222;} .search-results .hentry h2.entry-title a:before {content: "\f249";font-family: "Font Awesome 6 Free";font-weight: 900;font-size:1.2rem !important;padding-right:10px;} .search-form input, .widget_archive select{height:40px !important;font-size:1.4rem !important;} .search-submit.btn.btn-primary{background-color:#555;border-color:#555;width:40px !important;} /* search */ form.wp-block-search{width:100%;max-width:260px !important;border-bottom-left-radius:none !important;} form.wp-block-search button{margin-left:-5px !important;border:none !important;border-bottom-right-radius:4px !important;border-top-right-radius:4px !important;} form.wp-block-search input{border:none !important;border-bottom-left-radius:4px !important;border-top-left-radius:4px !important;} /* other */ .logged-in-as a{font-size:1.5rem;} .wide{width:100vw !important;margin:0 calc(50% - 50vw) !important;} a.anchor{display: block;position: relative;top: -160px;visibility: hidden;} a.anchor-lp{display: block;position: relative;top: -88px;visibility: hidden;} .pcBox{display:block;} .spBox{display:none;} .mt-5{margin-top:2.2rem !important;} .mb-5{margin-bottom:2.2rem !important;} .my-5{margin-top:2.2rem !important;margin-bottom:2.2rem !important;} .mt-6{margin-top:6% ;} .mb-6{margin-bottom:6% ;} @media screen and (max-width:600px) { .pcBox{display:none;} .spBox{display:block;} a.anchor, a.anchor-lp{top: -60px;} } /* font */ .has-x-large-font-size{font-size:clamp(1.8rem, 1.618rem + 0.91vw, 2.7rem);line-height:1.7;font-weight:bold;} .has-large-font-size{font-size:clamp(1.7rem, 1.548rem + 0.76vw, 2.45rem);line-height:1.7;font-weight:bold;} .has-medi-l-font-size{font-size:clamp(1.6rem, 1.499rem + 0.51vw, 2.1rem);line-height:1.7;font-weight:bold;} .has-medium-font-size{font-size:clamp(1.6rem, 1.539rem + 0.3vw, 1.9rem);line-height:1.7;font-weight:bold;} .has-small-font-size{font-size:clamp(1.55rem, 1.53rem + 0.1vw, 1.65rem);font-weight:bold;} .noto{font-family:"Noto Sans JP",sans-serif;font-weight:500;} .fw800{font-weight:800 !important;} h2.line-type, h3.line-type{border-bottom:1px solid #222;padding-bottom:0.8rem;} /* footer */ #wrapper-footer-full{background-color:#7E99A9;margin-top:150px;padding-top:2.5em;color:#fff;font-size:1.45rem;} #wrapper-footer-full p{letter-spacing:0.2rem;} #wrapper-footer-full a{color:#fff;text-decoration:underline;} #wrapper-footer-full dl{width:92%;max-width:620px;margin:3rem auto 6rem;} #wrapper-footer{background-color:#7E99A9;margin:-1px 0 0 0;padding:0;} .site-info{text-align:center;font-size:1.3rem;color:#fff;padding-bottom:2em;} @media(max-width:991px){ #wrapper-footer-full{margin-top:50px;} } @media(max-width:430px){ #wrapper-footer-full dl{width:86%;} } /* ContactForm7 + Confirm Plus Contact Form 7 */ .grecaptcha-badge { visibility: hidden; } #autozip {display: none !important;} .red{color:#dc143c} /* form */ .form_content {background: #fafafa;border: 1px solid #ddd;padding: 0 0 40px;border-radius: 10px;margin: 0 0 30px 0;} .tbl-r02 {width: 85% !important;margin: 50px auto !important;background: white !important;} .tbl-r02.type2{background: #fafafa !important;} .tbl-r02 th, .tbl-r02 td {border: none;padding: 10px 16px;} .tbl-r02 td {font-size: 1.4rem;} .required {color: #f00;} .any {color: #080;} .txtarea01 {border: 1px solid #ccc;padding: 8px;font-size: 1.4rem;background: white;} .selectarea {border: 1px solid #ccc;padding: 8px;font-size: 1.4rem;background: white;} .btns{display: inline-block;vertical-align: middle;margin: 0 10px;padding: 10px 50px;color: #F15A24;font-weight: bold;letter-spacing: 0.5pt;text-decoration: none;background-color: #ffffff;border: 1px solid #F15A24;cursor: pointer;transition-duration:0.3s;} .privacy {width: 85%;margin: 0 auto 30px;} .privacy h3 {font-size: 14px; margin: 30px 0 10px;} .privacy p {padding: 0 !important;} .privacy .mintxt {padding: 0 10px !important; font-size:1.2rem} .house_bate {text-align: center;border-bottom: 1px solid black;margin-bottom: 20px !important;font-size: 1.6rem !important;padding: 30px 0 10px !important;font-weight: bold;} .indent {text-indent: -1em; padding-left: 1em; font-size: 1.3rem !important; color: #f00;} .indent_last {text-indent: -1em; padding-left: 1em; font-size: 1.3rem !important; margin-bottom:10px; color: #f00;} .tbl-r02 dl {overflow: hidden;} .tbl-r02 dl dd {float:left; width: 36%; padding: 0;} textarea {display: block;width: 100%;padding: 10px 8px 8px;margin-bottom: 5px;border: 1px solid #ccc; max-width: 100%;} input[type=checkbox] {margin-right: .5em; } .checkbox-item{display: block;} @media screen and (max-width: 640px) { article {padding: 0;} .tbl-r02 {width: 100%;margin: 2% auto;} .tbl-r02 th,.tbl-r02 td {border-bottom: none;display: block;width: 100%;} .txtarea01 {width: 100%;} .privacy input {width:auto !important;} .house_d p {font-size: 1.3rem !important;} .house_d input {width:auto !important;} .house_bate {margin-bottom: 0px !important;padding: 80px 0 10px !important;} .tbl-r02 dl dd {float:none; width: 100%; padding: 0;} } /* separator */ .divider{position: relative;} .custom-shape-divider-bottom-001 , .custom-shape-divider-bottom-002, .custom-shape-divider-bottom-003 , .custom-shape-divider-bottom-004{position: absolute;bottom: -1px;left: 0; width: 100%;overflow: hidden; line-height: 0; transform: rotate(180deg);} .custom-shape-divider-bottom-001 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 150px;transform: rotateY(180deg);} .custom-shape-divider-bottom-002 svg , .custom-shape-divider-bottom-004 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 100px;} .custom-shape-divider-bottom-003 svg {position: relative; display: block; width: calc(128% + 1.3px);height: 100px;transform: rotateY(180deg);} .custom-shape-divider-bottom-001 .shape-fill, .custom-shape-divider-bottom-003 .shape-fill {fill: #fff;} .custom-shape-divider-bottom-002 .shape-fill {fill: #F3EFEA;} .custom-shape-divider-bottom-004 .shape-fill {fill: #e0eff8;} .separator-first{margin-top:-80px !important;background-color:#e0f1f4;} .separator-first1{margin-top:-80px !important;background-color: rgba(0,174,160,0.15);} .separator-beige{background: #f3efea;} .separator-sky{background: #e0eff8;} @media screen and (max-width: 991px){ .custom-shape-divider-bottom-001 svg {height:70px;} .custom-shape-divider-bottom-002 svg, .custom-shape-divider-bottom-003 svg , .custom-shape-divider-bottom-004 svg {height:55px;} } .wp-block-spacer.h30{height:30px;} .wp-block-spacer.h40{height:40px;} .wp-block-spacer.h50{height:50px;} .wp-block-spacer.h60{height:60px;} .wp-block-spacer.h70{height:70px;} .wp-block-spacer.h80{height:80px;} .wp-block-spacer.h90{height:90px;} .wp-block-spacer.h100{height:100px;} .wp-block-spacer.h110{height:110px;} .wp-block-spacer.h120{height:120px;} .wp-block-spacer.h160{height:160px;} @media screen and (max-width: 768px){ .wp-block-spacer.h30.lptype{height:21px;} .wp-block-spacer.h40.lptype{height:28px;} .wp-block-spacer.h50.lptype{height:35px;} .wp-block-spacer.h60.lptype{height:42px;} .wp-block-spacer.h70.lptype{height:49px;} .wp-block-spacer.h80.lptype{height:56px;} .wp-block-spacer.h90.lptype{height:63px;} .wp-block-spacer.h100.lptype{height:70px;} .wp-block-spacer.h110.lptype{height:77px;} .wp-block-spacer.h120.lptype{height:84px;} } /* home base */ .mv,.content{width:92%;max-width:1200px;margin:0 auto;} .content-narrow{width:92%;max-width:800px;margin:0 auto;} ul li::marker{font-size:1rem;color:#222;line-height: 1;} .sp-center{text-align:left !important;} @media screen and (max-width: 1100px){ .mv,.content{width:100%;padding:0 50px;} .content-narrow{width:calc(100% - 62px);} } @media screen and (max-width: 991px){ .sp-center{text-align:center !important;} } @media screen and (max-width: 600px){ .mv{padding:0;} } @media screen and (max-width: 480px){ .content{padding:0 26px;} .content.type2{padding:0;} .content.type2 h3, .content.type2 p{padding:0 26px;} } @media screen and (max-width: 429px){ .content-narrow{padding:0 26px;} } @media screen and (max-width: 414px) { .content-narrow{width:90%;padding:0;} } @media screen and (max-width: 344px){ .content, .content-narrow{padding:0 15px;} } /* home heading */ .mv p{font-size:clamp(1.65rem, 1.599rem + 0.25vw, 1.9rem);letter-spacing:0.15em;transform: scale(0.9, 1);font-weight:bold;line-height:1.6;color:#1c3a5d;margin-bottom:15px;} .mv h2{margin-top:20px;font-size:clamp(1.5rem, 1.48rem + 0.1vw, 1.6rem);letter-spacing:0.05em;font-weight:normal;line-height:1.9;font-family:"Noto Sans JP",sans-serif;font-weight:500;text-align:left !important;} h2.area-name{text-align:center;font-size:clamp(4.2rem, 3.811rem + 1.95vw, 6rem);font-family:"Noto Sans JP",sans-serif;font-weight:300;color:#81dfd1;z-index:999;line-height:1.4;} h2.area-name span{display:block;font-size:1.3rem;letter-spacing:0.15rem;font-weight:800;color:#1c3a5d;} h3.area-title{font-size:clamp(2.5rem, 2.324rem + 0.65vw, 3.1rem);letter-spacing:0.4rem;font-weight:bold;line-height:1.6;color:#1c3a5d;} h3.area-title .large{font-size:clamp(3.5rem, 3.196rem + 1.52vw, 5rem);line-height:1.3;} h4.area-title{font-size:clamp(1.5rem, 1.459rem + 0.2vw, 1.7rem);letter-spacing:0.1em;font-weight:bold;line-height:1.7;color:#1c3a5d;} @media screen and (max-width: 1100px){ h3.area-title .letters{letter-spacing:0.2rem} } @media screen and (max-width: 991px){ .mv p{margin-top:25px} } @media screen and (max-width: 768px){ .mv h1{padding:0 20px;} h2.area-name span{font-size:1.15rem;} h3.area-title .letters{letter-spacing:0;} } @media screen and (max-width: 430px) { .mv h2{padding:0 20px;} } @media screen and (max-width: 410px){ h3.area-title{font-size:2.4rem} h4.area-title{font-size:1.4rem;} } @media screen and (max-width: 375px){ h3.area-title{font-size:clamp(1.7rem, 0.232rem + 7.34vw, 2.2rem)} h4.area-title{font-size:1.35rem;} } @media screen and (max-width: 360px){ h4.area-title{font-size:1.3rem;} } /* grid */ ul.grid, .mv ul.grid{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;} ul.grid.align-start{align-items:start;} ul.grid li{width:50%;} ul.grid li.w56{width:56% !important;} ul.grid li.w44{width:44% !important;} .mv ul.grid li:first-child{width:60%;text-align:center;} .mv ul.grid li:last-child{width:40%;text-align:center;} .mv ul.grid.type2 li:last-child{padding-top:200px;} ul.grid.reverse{flex-direction: row-reverse;} @media screen and (max-width: 991px){ ul.grid li, ul.grid li.w56, ul.grid li.w44{width:100% !important;max-width:500px !important;margin:0 auto;} body:not(.home) ul.grid li, body:not(.home) ul.grid li.w56, body:not(.home) ul.grid li.w44{width:96% !important;max-width:unset !important;} .mv ul.grid li:first-child{width:100%;max-width:600px !important;margin:0 auto;} .mv ul.grid li:last-child{width:100%;max-width:550px !important;margin:0 auto;padding:0 25px;} .mv ul.grid.type2 li:last-child{padding-top:0;} } @media screen and (max-width: 600px) { .mv ul.grid li:first-child{padding-top:40px;text-align:left} .mv ul.grid li:first-child img { width:92%;height:auto;} } @media screen and (max-width: 430px) { .mv ul.grid li:first-child img { width:100%;} .mv ul.grid li:last-child{padding:0 5px;} } /* flow */ .con_flow dl{display:flex;flex-wrap:wrap;align-items:stretch;position:relative;} .con_flow dl dt{width:33%;background-color:#85b8f0;color:#fff;padding: 20px 5px 0;margin:10px 0 15px;text-align:center;} .con_flow dl dd{width:67%;background-color:#f2f2f2;line-height:1.6;padding: 20px;margin:10px 0 15px;} .con_flow dl dt h3{font-size:clamp(1.4rem, 1.359rem + 0.2vw, 1.6rem);font-weight:normal} .con_flow dl:after {position: absolute;bottom:-5px;left:0;right:0;margin: 0 auto;content: '';width: 12px;height:12px; border: 0;border-bottom: solid 2px #73b3ce;border-right: solid 2px #73b3ce; transform: rotate(45deg);} .con_flow dl.last:after{border-bottom:none;border-right: none;} .con_flow dl dd a{color:#000;text-decoration:underline;} @media screen and (max-width: 480px){ .con_flow dl dt{padding: 30px  5px 0;} .con_flow dl dd{padding: 15px;} } /* accordion faq */ .con_faq dl {background-color:#f2f2f2;} .con_faq dl dt {margin:0;padding: 20px 40px 22px 45px ;text-indent: -30px;position: relative;cursor: pointer;font-weight:normal;line-height:1.6;} .con_faq dl dt:after { position: absolute;top: 50%;transform: translateY(-50%);right: 10px; font-family: "FontAwesome";content: "\f055";color: #85b8f0;font-size: 1.8rem;} .con_faq dl dt span {font-family:"Noto Sans JP",sans-serif;font-weight:600;font-size: 2rem; color: #ccc;margin-right: 8px;} .con_faq dl dt.active:after { content: "\f056";} .con_faq dl dd {margin:0;padding: 0 40px 20px 45px ;text-indent: -26px;background: #f4f4f4; font-size:1.35rem;line-height: 1.8;display: none;} .con_faq dl dd span {font-family:"Noto Sans JP",sans-serif;font-weight:600;font-size: 2rem; color: #F29600;margin-right: 8px;} .con_faq dl dd a{color:#000;text-decoration:underline;} @media only screen and (max-width: 480px) { .con_faq dl dt {padding: 13px 40px 15px 45px ;} .con_faq dl dt:after {right: 0px;} } /* accordion viewmore */ .con_viewmore dl{width:100%;max-width:1150px;margin:0 auto;} .con_viewmore dl dt{text-align:center !important;position: relative;cursor: pointer;padding: 0 25px 28px;font-weight:400;font-size:1.2rem;animation: fuwafuwa 3s ease-in-out infinite alternate;transition: 1.5s ease-in-out;} .con_viewmore dl dt:after {position: absolute;bottom:0;left:0;right:0;margin: 0 auto;content: '';width: 26px;height:26px; border: 0;border-bottom: solid 6px #76d9e3;border-right: solid 6px #76d9e3; transform: rotate(45deg);} .con_viewmore dl dt.active:after {bottom:-15px;transform: rotate(-135deg);} .con_viewmore dl dd { font-size:1.5rem;line-height: 1.8;display: none; margin: 0;padding: 40px 0 0;} @media only screen and (min-width: 992px) { .con_viewmore {margin-bottom:50px;} .con_viewmore dl dt .pcword {display:inline-block} .con_viewmore dl dt .spword {display:none} } @media only screen and (max-width: 991px) { .con_viewmore dl dt .pcword {display:none} .con_viewmore dl dt .spword {display:inline-block} } @media only screen and (max-width: 430px) { .con_viewmore dl dt{font-weight:300;font-size:1.2rem;} } /* area-2nd */ ul.area-2nd-grid{list-style:none;width:96%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;} ul.area-2nd-grid li{width:calc(47% - 10px);margin:1.5%;position:relative;background-color:#CEE9EE;border-top:10px solid #fff;border-left:10px solid #fff;} ul.area-2nd-grid li .inner{padding:30px 20px 20px;} ul.area-2nd-grid li .number{position:absolute;top:-10px;left:-10px;background-color:#1c3a5d;color:#fff;font-size:2.5rem;line-height:1;font-family:"Noto Sans JP",sans-serif;font-weight:400;padding:0.9rem 1.6rem 1.2rem;margin-right:1rem;border-radius:50%;} ul.area-2nd-grid li h5{font-size:clamp(1.55rem, 1.53rem + 0.1vw, 1.65rem);letter-spacing:0.1em;color:#1c3a5d;margin:-1rem 0 1rem 2rem} .navy{color:#1c3a5d;} .bg-lgreen{background-color:rgba(0,174,160,0.15);} @media only screen and (max-width: 768px) { ul.area-2nd-grid li{width:calc(100% - 10px);margin:2% 0 22px;} ul.area-2nd-grid li:last-child{margin:2% 0 0;} } /* area-3rd */ .price-box h4{background-color:#00aea0;color:#fff;text-align:center;padding:10px;border-top-left-radius:12px;border-top-right-radius:12px;font-size:clamp(1.65rem, 1.63rem + 0.1vw, 1.75rem);letter-spacing:0.3rem;margin-bottom:0;} .price-box p{background-color:#fff;color:#1c3a5d;text-align:center;padding:18px 10px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-size:clamp(1.65rem, 1.63rem + 0.1vw, 1.75rem);font-family:"Noto Sans JP",sans-serif;font-weight:700;line-height:1.2;} .price-box p span{font-size:clamp(2.1rem, 2.019rem + 0.41vw, 2.5rem) !important;} .notice p{padding: 0 0 0 12px ;text-indent: -12px;font-size:1.35rem;} h4.plain{font-size:clamp(2rem, 1.959rem + 0.2vw, 2.2rem);font-family:"Noto Sans JP",sans-serif;font-weight:700;color:#1c3a5d;} h5.plain{font-size:clamp(1.6rem, 1.58rem + 0.1vw, 1.7rem);font-family:"Noto Sans JP",sans-serif;font-weight:700;color:#1c3a5d;letter-spacing:0.1rem;line-height:1.5} h5.bg-gray{font-size:1.4rem;font-weight:normal;background-color:#B4B4B5;color:#fff;padding:0.6rem;text-align:center;margin-bottom:01rem;} .box-f{padding: 18px 6px ;background-color:#fff;} .blue{color:#136894 !important;} /* tab */ .tab-wrap{width:100%;margin: 40px auto 40px !important;} .tab-group{display: flex;justify-content: center; flex-wrap: wrap;align-items: flex-end;} .tab{background-color:#888;color:#fff;cursor: pointer;display: inline-block;padding: 9px 0 3px 0;vertical-align: bottom;text-align: center;border-top-right-radius:12px;} .tab:first-child{width:49%;margin: 0 1% 0 0; } .tab:last-child{width:49%;margin: 0 0 0 1%; } .tab h5{font-size:clamp(1.6rem, 1.58rem + 0.1vw, 1.7rem);line-height:1.2} .panel-group{min-height:400px; padding: 0px 6px 18px;background-color:#fff;} .panel{display:none;} .tab.is-active{opacity: 1;background-color:#fff;border-bottom:none;color:#1C3A5D} .tab:last-child.is-active{background-color:#fff;} .panel.is-show{display:block;} /* area-4th */ ul.sky-box{list-style:none;width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;} ul.sky-box li{width:100%;background-color:rgba(206,233,238,0.6);margin-bottom:3.5%;padding:18px;} ul.sky-box li ul li{background-color:transparent;margin-bottom:0;padding:0;} ul.sky-box li h5{font-size:clamp(1.55rem, 1.53rem + 0.1vw, 1.65rem);letter-spacing:0.1em;color:#136894;font-weight:bold;text-align:center;margin:10px 5px 12px;} .w500{width:100%;max-width:500px;margin:0 auto;} .lh1-2{line-height:1.2;} @media screen and (min-width:769px){ ul.sky-box li:first-child,ul.sky-box li:nth-child(2){width:48.5%;} } /* circular-economy */ @media screen and (max-width: 768px){ .circular-img img{width:180px;} } /* contact-home */ .contact-home{text-align:center;} .contact-home h3 a{font-size:clamp(2.75rem, 2.679rem + 0.35vw, 3.1rem);font-family:"Noto Sans JP",sans-serif;font-weight:500;color:#1c3a5d;text-decoration:none;} .contact-home h4{margin-top:3rem;font-size:clamp(1.45rem, 1.399rem + 0.25vw, 1.7rem);letter-spacing:0.15em;font-weight:bold;line-height:1.7;color:#1c3a5d;} .contact-home p{line-height:1.7} ul.contact-btn{width:98%;max-width:600px; margin:3rem auto 5rem ;padding:0;list-style:none;} ul.contact-btn li a{display:block;margin-bottom:3%;padding:1.9rem;font-size:clamp(1.5rem, 1.459rem + 0.2vw, 1.7rem);color:#fff;border-radius:4px;} ul.contact-btn li:first-child a{color:#1c3a5d;background:#ffe600 url("/smasoladenki/wp-content/uploads/2025/01/icon01n.png") no-repeat right 20px top 50%;background-size:30px 30px;} ul.contact-btn li:nth-child(2) a{color:#1c3a5d;background:#81dfd1 url("/smasoladenki/wp-content/uploads/2025/01/icon02n.png") no-repeat right 20px top 50%;background-size:30px 30px;} ul.contact-btn li:last-child a{color:#1c3a5d;background:#bddce6 url("/smasoladenki/wp-content/uploads/2025/01/icon03n.png") no-repeat right 20px top 50%;background-size:30px 30px;} @media only screen and (min-width: 992px) { ul.contact-btn li a:hover{opacity:0.9;} } /* lp-page */ .page-id-116 #wrapper-footer-full, .page-id-1550 #wrapper-footer-full, .page-id-2379 #wrapper-footer-fulll, .page-id-2412 #wrapper-footer-full, .page-id-2541 #wrapper-footer-fulll, .page-id-2577 #wrapper-footer-full, .page-id-2560 #wrapper-footer-full{display:none;} .page-id-116 .entry-header,.page-id-1550 .entry-header, .page-id-2379 .entry-header, .page-id-2412 .entry-header, .page-id-2541 .entry-header, .page-id-2577 .entry-header, .page-id-2560 .entry-header{display:none;} .page-id-116 #wrapper-footer,.page-id-1550 #wrapper-footer, .page-id-2379 #wrapper-footer, .page-id-2412 #wrapper-footer, .page-id-2541 #wrapper-footer, .page-id-2577 #wrapper-footer, .page-id-2560 #wrapper-footer{background-color:transparent;margin:-80px 0 0 !important;padding:0;} .page-id-116 .site-info, .page-id-1550 .site-info, .page-id-2379 .site-info, .page-id-2412 .site-info, .page-id-2541 .site-info, .page-id-2577 .site-info, .page-id-2560 .site-info{color:#fff;padding-bottom:0;} .page-id-116 .hentry .entry-content, .page-id-1550 .hentry .entry-content, .page-id-2379 .hentry .entry-content, .page-id-2412 .hentry .entry-content, .page-id-2541 .hentry .entry-content, .page-id-2577 .hentry .entry-content, .page-id-2560 .hentry .entry-content{margin-bottom:0;} .page-id-116 #menu-header-top li:last-child{display:none;} body:not(.page-id-116) #menu-header-top li a span{display:none;} .page-id-116 .menu-header-top-container, .page-id-2379 .menu-lp2-header-top-container, .page-id-2412 .menu-lp3-header-top-container, .page-id-2541 .menu-lp4-header-top-container, .page-id-2577 .menu-lp4-header-top-container, .page-id-2560 .menu-lp2-header-top-container{top:16px !important;right:5px !important;} .page-id-116 #menu-header-top li a, .page-id-2379 #menu-lp2-header-top li a, .page-id-2412 #menu-lp3-header-top li a, .page-id-2541 #menu-lp4-header-top li a, .page-id-2577 #menu-lp6-header-top li a, .page-id-2560 #menu-lp2-header-top li a{width:180px;height:49px;border-radius:40px;color:#fff;background:#414246 url("/smasoladenki/wp-content/uploads/2024/12/icon01.webp") no-repeat left 17px top 45%;background-size:20px 20px;padding:0.65em 1rem 1rem 4rem;font-size:1.5rem} .page-id-116 #wrapper-navbar.fixed #menu-header-top li a,.page-id-1550 #wrapper-navbar.fixed #menu-header-top li a, .page-id-2379 #wrapper-navbar.fixed #menu-lp2-header-top li a, .page-id-2412 #wrapper-navbar.fixed #menu-lp3-header-top li a, .page-id-2541 #wrapper-navbar.fixed #menu-lp4-header-top li a, .page-id-2577 #wrapper-navbar.fixed #menu-lp4-header-top li a, .page-id-2560 #wrapper-navbar.fixed #menu-lp2-header-top li a{height:49px;} .page-id-2379 .mega-menu-toggle, .page-id-2412 .mega-menu-toggle, .page-id-2541 .mega-menu-toggle, .page-id-2577 .mega-menu-toggle, .page-id-2560 .mega-menu-toggle{display:none !important;} .page-id-2379 a.navbar-brand, .page-id-2412 a.navbar-brand, .page-id-2541 a.navbar-brand , .page-id-2577 a.navbar-brand, .page-id-2560 a.navbar-brand{pointer-events: none;cursor: default;} .page-id-1550 #menu-header-top li:last-child{display:none;} body:not(.page-id-1550) #menu-header-top li a span{display:none;} .page-id-1550 .menu-header-top-container{top:5px !important;right:5px !important;} .page-id-1550 #menu-header-top li a{width:200px;height:49px;border-radius:40px;color:#fff;background:#414246 url("/smasoladenki/wp-content/uploads/2024/12/icon01.webp") no-repeat left 17px top 45%;background-size:27px 27px;padding:0.65em 0.5rem 1rem 4rem;font-size:1.5rem} @media only screen and (max-width: 991px) { #wrapper-navbar.fixed #menu-lp2-header-top, #wrapper-navbar.fixed #menu-lp3-header-top{display:none !important;} } /* lp */ ul.lp-contact-btn{width:98%;max-width:500px; margin:2.5rem auto 4.5rem ;padding:0;list-style:none;text-align:center;} ul.lp-contact-btn li a{display:block;position:relative;margin-bottom:3%;padding:1.7rem ;font-size:clamp(1.6rem, 1.519rem + 0.41vw, 2rem);color:#fff;font-weight:bold;border-radius:40px;background:#00aea0;box-shadow: 4px 5px 0px #009394;} ul.lp-contact-btn li.ctype a{background:#ff8b00 !important;box-shadow: 4px 5px 0px #fa7303 !important;} ul.lp-contact-btn li a:after{position: absolute;top: 50%;transform: translateY(-50%);right: 20px; font-family: "FontAwesome";content: "\f178";color: #fff;font-size:2rem;} ul.lp-contact-btn li a:hover {transform: translateY(.375em); transition-duration: 0.5s;} ul.grid-lp{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;} ul.grid-lp li{width:50%} ul.grid-lp.align-start{align-items:start;} ul.grid-lp.align-end{align-items:end;} ul.grid-lp.reverse{flex-direction: row-reverse;} .lp-content{width:100%;max-width:1050px;margin:0 auto;} .br-lg{display:block} sup{font-size:10px;} @media only screen and (max-width: 991px) { .br-lg{display:none} } @media only screen and (max-width: 768px) { ul.grid-lp li{width:96%;margin:0 auto;} } /* lp-yanekashi */ .bd-yel{border:3px solid #00aea0;border-radius:16px;} .bd-wh{border:3px solid #fff;border-radius:16px;} .overlap{margin:0 auto -25px !important;} .overlap span{background-color:#fff !important;padding:1rem 0.4rem;font-weight:bold !important;} .yanekashi{position:relative} .yanekashi .box{position:absolute;top:30px;left:5%;border:1px solid #ccc;line-height:1.7;} .yellow{color:#f9e600;} .yellow2{color:#fed600;} .lp-large{font-size:clamp(4.2rem, 3.811rem + 1.95vw, 6rem);} .lp-large-m{font-size:clamp(2.8rem, 2.557rem + 1.22vw, 4rem);} @media only screen and (max-width: 600px) { .yanekashi .box{left:0;} .yanekashi{padding-top:150px;} } /* lp-support */ .lp-support{background:#ffffc9;} .lp-support .content{width:100%;max-width:950px;margin:0 auto;} .lp-label{display:flex;flex-wrap:wrap;align-items:start;} .lp-label .label{width:230px;} .lp-label .text{width:calc(100% - 240px);} .text-line{display:inline;border:1px solid #222;padding:2px 30px;} .lp-flow{width:100%;max-width:848px;margin:0 auto;} @media only screen and (min-width: 769px) { .lp-label-p{margin:-120px 0 0 240px;} } @media only screen and (max-width: 768px) { /*.lp-support{background-size:90%;}*/ .lp-label{align-items:center;} .lp-label .label{width:150px;} .lp-label .text{width:calc(100% - 160px);} } /* lp-service */ .bg-yel-line{background: url("/smasoladenki/wp-content/uploads/2025/02/green-line1.jpg") ;padding:7% 3.5%;} .bg-yel-line .lp-content{background-color:#fff;border-radius:20px;padding:4% 2.5% 3%;} ul.grid4-2{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-around;} ul.grid4-2 li{width:19%} .both-line {align-items: center;display: flex;} .both-line::before,.both-line::after {background-color: #00aea0;content: "";flex-grow: 1;height: 2px; } .both-line:before {margin-right: 15px;} .both-line::after {margin-left: 15px;} .both-line.letter{letter-spacing:0.3rem;} .glist span{color:#00aea0} dl.grid-service{display:flex;flex-wrap:wrap;align-items:stretch;position:relative;width:96%;max-width:600px;margin:0 auto;} dl.grid-service dt{width:33%;background-color:#00aea0;color:#fff;padding: 1.5rem;margin:10px 0 15px;text-align:center;} dl.grid-service dd{width:67%;line-height:1.6;padding: 0 20px;margin:10px 0 15px;} @media only screen and (max-width: 768px) { ul.grid4-2 {max-width:500px;margin:0 auto 30px;} ul.grid4-2 li{width:48%} } @media only screen and (max-width: 600px) { .bg-yel-line .lp-content{padding:7.5% 3.5% 3%;} } /* lp-outage */ .outage{position:relative;width:100%;max-width:1050px;margin:0 auto 4%;} .outage .photo img{border-radius:16px;} .outage .text{position:absolute;top:-15px;left:15%;animation: fuwafuwa 3s ease-in-out infinite alternate;transition: 1.5s ease-in-out;} @keyframes fuwafuwa { 0% { transform:translate(0, 0) rotate(0deg); } 50% { transform:translate(0, -12px) rotate(0deg); } 100% { transform:translate(0, 0) rotate(0deg); } } @media screen and (max-width: 768px){ .outage .text{left:5%;width:50%} } @media screen and (max-width: 600px){ .outage .photo img{object-fit:cover;width:100%;height:300px;} } /* lp-price */ .bg-yel{background-color:#e4f6f5;} .bg-wht{background-color:#fff;} .bg-yel-inline{background:#00aea0;color:#fff;display:inline;padding:5px;} ul.grid-lp.lp-price{justify-content:space-between !important;align-items:unset;} ul.grid-lp.lp-price li{background-color:#f8f6e7 !important;} ul.grid-lp.lp-price.type2 li{background-color:#fff !important;} ul.grid-lp.lp-price li:first-child{width:55%;} ul.grid-lp.lp-price li:last-child{width:42%;} .price-note{width:90%;max-width:600px;margin:0 auto;} .gb-bh{border:1px solid #00aea0;background-color:#fff;padding:0.7rem 0.5rem 0.6rem;text-align:center} @media screen and (max-width: 991px){ .bg-yel{padding:0 5.5%;} } @media screen and (max-width: 700px){ ul.grid-lp.lp-price li:first-child, ul.grid-lp.lp-price li:last-child{width:100%;} ul.grid-lp.lp-price li:first-child{margin-bottom:20px} } /* lp- energy */ .bg-energy{background: url("/smasoladenki/wp-content/uploads/2025/01/energy-bg.webp") no-repeat center center;background-size:cover} .bg-energy .inner, .lp-energy .inner{position:relative;width:100%;max-width:800px;margin:0 auto;} .bg-energy .inner .catch, .lp-energy .inner .catch{position:absolute;top:-70px;right:-30px;} .bg-energy .inner ul, .lp-energy .inner ul{width:100%;list-style:none;margin:50px 0 0 ;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;} .bg-energy .inner ul li, .lp-energy .inner ul li{width:47%;padding:0 1rem;} @media screen and (min-width: 992px){ .bg-energy{background-attachment:fixed} } @media screen and (max-width: 830px){ .bg-energy .inner ul, .lp-energy .inner ul{margin:20px 0 0 } .bg-energy .inner h2, .lp-energy .inner h2{width:70%;margin: 0 auto;} .bg-energy .inner .catch, .lp-energy .inner .catch{width:80px;top:-60px !important;right:-20px;} .bg-energy .inner ul li img, .lp-energy .inner ul li img{width:160px} } @media screen and (max-width:480px){ .bg-energy .inner ul li, .lp-energy .inner ul li{width:100% !important;padding:0;} .bg-energy .inner ul li img, .lp-energy .inner ul li img{width:140px} } /* lp-faq */ .con_faq.lp-type dl dd span{color: #555;letter-spacing:0.3rem;} .con_faq.lp-type dl dt:after{color: #00ad9f;} .green{color: #00ad9f;} /* lp-ceo */ .bg-gray{background-color:#f5f5f5;} .bg-corp{background:#f5f5f5 url("/smasoladenki/wp-content/uploads/2025/01/corp-bg.webp") no-repeat center center;background-size:cover} .messe-ceo{position:relative} .messe-ceo .ceo_prof{position:absolute;width:280px;height:auto;right:0;bottom:0;background-color:rgba(0,0,0,0.4);color:#fff;font-size:1rem;line-height:1.2;padding:2rem 2rem 0.5rem} .ceo_prof dl{display:flex;flex-wrap:wrap;align-items:stretch;position:relative;} .ceo_prof dl dt{width:50px;} .ceo_prof dl dd{width:calc(100% - 50px);} .message{font-size:clamp(1.35rem, 1.33rem + 0.1vw, 1.45rem);} .lp-small{font-size:clamp(1.3rem, 1.28rem + 0.1vw, 1.4rem);line-height:1.7;} .lp-small-m{font-size:1.2rem;line-height:1.3 !important;} .franklin{font-family:"Franklin Gothic", Verdana, Helvetica, Arial, sans-serif;} .barlow-condensed-medium { font-family: "Barlow Condensed", serif !important; font-weight: 500 !important; font-style: normal !important;} .barlow-condensed-semibold {font-family: "Barlow Condensed", serif !important;font-weight: 600 !important;font-style: normal !important;} .barlow-condensed-bold {font-family: "Barlow Condensed", serif !important; font-weight: 700 !important;font-style: normal !important;} .ms-n1{margin-left:-0.25rem;} .ms-n2{margin-left:-0.5rem;} .ms-n3{margin-left:-1rem;} .lp-corp-btn{width:80%;max-width:400px;margin:1.5rem auto 2.5rem ;padding:0;list-style:none;text-align:center;} .lp-corp-btn a{display:block;position:relative;margin-bottom:3%;padding:1rem ;color:#000;font-weight:bold;border-radius:40px;background:#fff;border:2px solid #00aea0;} .lp-corp-btn a:hover {transform: translateY(.375em); transition-duration: 0.5s;} @media screen and (min-width: 991px){ .bg-corp{background-attachment:fixed} } @media only screen and (max-width: 600px) { .ceo_photo{width:65%;margin-left:-50px;} .messe-ceo .ceo_prof{width:270px;bottom:-60px;right:-32px;padding:1.5rem 1.5rem 0.2rem} } /* lp-mv */ .lp-mv{margin-top:-80px !important;position:relative;width:100%;height:auto;} .lp-mv .lp-mv-img img{object-fit:cover;width:100%;height:900px;object-position: left center;} .lp-mv h1{position:absolute;top:25%;left: 50%;transform: translateX(-50%);color:#fff;white-space: nowrap;font-size:clamp(1.8rem, 1.435rem + 1.82vw, 3.6rem); text-shadow:rgba(0,0,0,0.3) 1px 0 10px;line-height:1.7;text-align:center;} .lp-mv h1 span{font-size:clamp(1.5rem, 1.318rem + 0.91vw, 2.4rem);display:block;margin-bottom:1rem;background:rgba(255,255,255,0.9);color:#ff7500;text-shadow:none;padding:0 0.5rem;border-radius:20px;} .yumin{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;font-weight:bold;} .lp-mv .catch{position:absolute;width:360px;top:38%;right:3%;animation: fuwafuwa 3s ease-in-out infinite alternate;transition: 1.5s ease-in-out;} .lp-mv .catch2{position:absolute;bottom:40px;background-color:#414246;text-align:center;width:100%;} .lp-mv .catch2 h2{color:#fff;font-size:clamp(1.6rem, 1.458rem + 0.71vw, 2.3rem);font-weight:normal;padding:1.1rem 2rem 0;line-height:1.4} .lp-mv .catch2 figure{background: linear-gradient(180deg, #414246 0%, #414246 9%, #00aea0 9%, #00aea0 100%);padding:0.4rem 0.5rem 0;} @media only screen and (max-width:1400px) { .lp-mv .catch{width:36%;max-width:300px;top:42%;} .lp-mv .catch2 figure img{width:300px} } @media only screen and (max-width:1200px) { .lp-mv .lp-mv-img img{height:800px;object-position: left top;} } @media only screen and (max-width:480px) { .lp-mv .lp-mv-img img{height:750px;} .lp-mv .catch{width:45%;} } /* lp-about */ .lp-about{background:url("/smasoladenki/wp-content/uploads/2025/01/lp-about-bg.webp") no-repeat center top;background-size:cover} .lp-about h2{border-left:10px solid #fed600;padding-left:10px;font-weight:bold;} .lp-about h3{background-color:#414246;color:#fff;padding:1rem 1.8rem;font-size:clamp(1.55rem, 1.499rem + 0.25vw, 1.8rem);line-height:1.5} .lp-about h3 span{color:#fed600;} .lp-about p{background-color:#fff;padding:15px 20px 20px;box-shadow: 4px 4px 4px rgba(0,0,0,0.2);margin-top:-4px;} .lp-about ul.grid-lp li:first-child{position:relative;z-index:100;} .top-lp-flow{position:relative;z-index:300;margin-top:-60px;} .lp-about .lp-content{width:100%;max-width:1060px;margin:0 auto;} @media screen and (max-width: 1100px){ .lp-about .content{width:100%;padding:0 30px;} } @media only screen and (min-width:769px) { .lp-about ul.grid-lp{padding-left:30px;} .lp-about ul.grid-lp li:first-child{width:514px;} .lp-about ul.grid-lp li:last-child{width:calc(100% - 514px);margin:150px 0 0 -30px} .lp-about ul.grid-lp li:last-child img{object-fit:cover;width:auto;height:300px;} } @media only screen and (max-width:768px) { .lp-about ul.grid-lp{padding-left:20px;} .lp-about ul.grid-lp li:first-child{width:95%;margin:0} .lp-about ul.grid-lp li:last-child{width:95%;margin:-150px 0 0 20px !important;text-align:right} } /* lp-merit */ .lp-merit{background: linear-gradient(#97ded8, #e6f0ec, #fff);} .overlap-sc{margin:0 auto -25px !important;} .overlap-sc span{background-color:#414246 !important;color:#fff;font-weight:bold !important;padding:1rem 3%;border-radius:30px;} .lp-merit .grid-lp li{padding:2%;} .lp-merit .grid-lp li div{box-shadow: 4px 4px 4px rgba(0,0,0,0.2);} .lp-merit .grid-lp li div a{display:block;color:#000 !important} .lp-merit .grid-lp li:first-child div{background:#fff url("/smasoladenki/wp-content/uploads/2025/01/lp-top-number1.png") no-repeat right bottom;background-size:105px 160px;} .lp-merit .grid-lp li:nth-child(2) div{background:#fff url("/smasoladenki/wp-content/uploads/2025/01/lp-top-number2.png") no-repeat right bottom;background-size:105px 160px;} .lp-merit .grid-lp li:nth-child(3) div{background:#fff url("/smasoladenki/wp-content/uploads/2025/01/lp-top-number3.png") no-repeat right bottom;background-size:105px 160px;} .lp-merit .grid-lp li:nth-child(4) div{background:#fff url("/smasoladenki/wp-content/uploads/2025/01/lp-top-number4.png") no-repeat right bottom;background-size:105px 160px;} .lp-merit .grid-lp h3{border-left:10px solid #f9e600;padding-left:10px;font-size:clamp(1.5rem, 1.419rem + 0.41vw, 1.9rem);line-height:3.5;font-weight:bold !important;} @media only screen and (max-width:600px) { .lp-merit .grid-lp li{padding:4.5% 0;} } /* lp-footer */ .lp-footer{background:url("/smasoladenki/wp-content/uploads/2025/01/lp-footer-bg.webp") no-repeat center top;background-size:cover} .lp-footer h2{text-align:center;text-shadow:rgba(0,0,0,0.3) 1px 0 10px;color:#fff;} @media only screen and (max-width:1100px) { .lp-footer{background-position:left 30% top} } /* campaign */ .terms_contents {overflow: auto;height: 300px;border: solid 2px #435b85;padding: 20px 40px;position: relative;background-color: #fff;text-align: left; width:100%;max-width: 750px;margin: 0 auto 20px} .terms_contents p {font-size: 1.3rem} .terms_contents h4 {margin: 0 0 20px;text-align: center; font-weight: bold;font-size: 1.8rem !important;} .btn-label{position:relative;width:100%;max-width:600px; margin:0 auto;padding:10px 0;} .btn-label .label{position:absolute;z-index:5;} @media only screen and (max-width:550px) { .btn-label .label{width:100px;left:-1.5rem;} } @media only screen and (max-width:430px) { .btn-label ul.lp-contact-btn{text-align:right;} .btn-label ul.lp-contact-btn li a{padding:1.7rem 4.5rem 1.7rem 1.7rem !important;} } @media only screen and (max-width:429px) { .btn-label ul.lp-contact-btn li a{font-size:clamp(1.5rem, 1.399rem + 0.51vw, 2rem)} .btn-label .label{width:80px;} } @media only screen and (max-width:360px) { .btn-label ul.lp-contact-btn li a{font-size:1.4rem} } /*map*/ .articleInner table { width: 85%; margin: 50px auto; background: white; } .articleInner th, .articleInner td { border: none; padding: 0px 16px; } #map { height: 90%; width: 100%; } .map { height: 400px; } div.wpcf7 { background: #fafafa; border: 1px solid #ddd; padding: 0px; border-radius: 10px; margin: 0 0 30px 0; } div.wpcf7 p { padding: 10px; margin: 0; font-size: 11px; } div.wpcf7 input, .wpcf7 textarea { border: 1px solid #ccc; padding: 8px; font-size: 14px; } div.wpcf7 textarea { width: 97.5%; height: 300px; } div.wpcf7 input.wpcf7-submit { cursor: pointer; color: #fff; font-weight: bold; font-size: 14px; width: 200px; height: 45px; margin: 0 auto; display: block; border-radius: 5px; background: #333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border: 1px solid #666; } div.wpcf7 input.wpcf7-submit:hover { background: #006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border: 1px solid #006080; } .wpcf7 input.wpcf7-submit:active { box-shadow: none; bottom: -2px; position: relative; } .wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #009de1; } .wpcf7-captchac { border: 1px solid #ccc; } .wpcf7 .wpcf7-not-valid { background: #ffb6c1; } .wpcf7 span.wpcf7-not-valid-tip { font-size: 80%; } .wpcf7 .wpcf7-response-output { margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-radius: 4px; } .wpcf7 .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .wpcf7 .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; } .wpcf7 .required { color: #f00; } .wpcf7 .any { color: #080; } .wpcf7-select { border: 1px solid #ccc; padding: 8px; font-size: 14px; background: white; } #attrLatLng { border: 1px solid #ccc; padding: 8px; margin-top: 0px; background: #f26a4a; color: white; } .privacy { width: 85%; margin: 0 auto 30px; } .privacy h3 { font-size: 14px; margin: 30px 0 10px; } .privacy p { padding: 0 !important; } .privacy .mintxt { padding: 0 10px !important; font-size: 10px; } .checktxt { padding: 10px 0 0 !important; font-size: 14px !important; font-weight: bold; } .checktxt .wpcf7-list-item { margin: 0; } .caution { float: left; padding-left: 4em !important; text-indent: -4em !important; } .caution span { color: red; } .house_bate { text-align: center; border-bottom: 1px solid black; margin-bottom: 20px !important; font-size: 16px !important; padding: 30px 0 10px !important; font-weight: bold; } .mapbtn { float: left; } @media screen and (max-width: 640px) { article { padding: 0; } .articleInner table { width: 100%; margin: 2% auto; } .tbl-r02 th, .tbl-r02 td { border-bottom: none; display: block; width: 100%; } div.wpcf7 input, .wpcf7 textarea { width: 100%; } #map { height: 80%; width: 100%; } .privacy input { width: auto !important; } .house_d p { font-size: 12px !important; } .house_d input { width: auto !important; } .checktxt input { width: auto !important; } } .mapbtn, .caution { float: none; } .wpcf7-form-control-wrap { > .wpcf7-not-valid-tip { display: none; margin-top: 10px; } > .wpcf7-not-valid { background: #FFF; } } .wpcf7-form-control-wrap.is-show .wpcf7-not-valid-tip { display: block; } .wpcf7-form-control-wrap.is-show .wpcf7-not-valid { background: #ffb6c1; } /*cta */ .cta{background-color:rgba(0,173,159,0.5);padding:40px 5% 1.5%;} .cta ul.lp-contact-btn li a{background-color:#fff;color:#009a91;} .cta ul.lp-contact-btn li a:after{color:#009a91;} .cta .both-line, .both-line.cta-type{width:100%;max-width:450px;margin:0 auto;font-weight:bold;} .cta .both-line::before, .cta .both-line::after, .both-line.cta-type::before, .both-line.cta-type::after{background-color: #000;height: 2px; } /* lp-mv2 */ .lp-mv2{margin-top:-80px !important;position:relative;width:100%;height:800px;} .lp-mv2 .lp-mv-img img{object-fit:cover;width:100%;height:800px;object-position: left center;} .lp-mv2 h1{position:absolute;top:120px;left: 50%;transform: translateX(-50%);width:520px;} .lp-mv2 .catch{position:absolute;bottom:25px;right:25px;} @media only screen and (max-width:991px) { .lp-mv2{margin-top:-40px !important;} .lp-mv2 h1{position:absolute;top:140px;} .lp-mv2 h1{width:90%;max-width:450px;margin:0 auto;} } @media only screen and (max-width:768px) { .lp-mv2 h1{max-width:400px;top:205px;} .lp-mv2 .catch{width:80%;max-width:390px;margin:0 auto;left: 50%;transform: translateX(-50%);right:unset;bottom:3px} .lp-mv2 .pcBox{display:none;} .lp-mv2 .spBox{display:block;} } @media only screen and (max-width:600px) { .lp-mv2 .catch{bottom:0px} } @media only screen and (max-width:430px) { .lp-mv2 .catch{width:85%;} } @media only screen and (max-width:390px) { .lp-mv2, .lp-mv2 .lp-mv-img img{height:720px;} } /* lp-mv3 */ .lp-mv3{margin-top:-80px !important;position:relative;width:100%;height:800px;} .lp-mv3 .lp-mv-img img{object-fit:cover;width:100%;height:800px;object-position:center center;} .lp-mv3 h1{position:absolute;top:240px;left: 50%;transform: translateX(-50%);width:520px;} .lp-mv3 .catch{position:absolute;bottom:175px;right:10%;} .lp-mv3 .catch.type2{bottom:120px;right:unset;left:10%;animation: fuwafuwa 3s ease-in-out infinite alternate;transition: none;} .lp-mv3 .cta-bnr{position:absolute;bottom:50px;left: 50%;transform: translateX(-50%);width:375px;} @media only screen and (max-width:991px) { .lp-mv3{margin-top:-40px !important;} .lp-mv3 h1{width:95%;max-width:450px;margin:0 auto;} .lp-mv3 .catch.type2{left:10px;} } @media only screen and (max-width:768px) { .lp-mv3, .lp-mv3 .lp-mv-img img{height:90vh;} .lp-mv3 .catch{width:75%;max-width:390px;bottom:90px;right:unset;left:0;} .lp-mv3 .catch.type2{width:48%;max-width:212px;bottom:90px;} .lp-mv3 .cta-bnr{bottom:-17px;} } @media only screen and (max-width:430px) { .lp-mv3 h1{top:35%;} .lp-mv3 .cta-bnr{width:90%} } @media only screen and (max-width:380px) { .lp-mv3 h1{top:25%;} .lp-mv3 .catch{width:70%;} .lp-mv3 .catch.type2{width:40%;bottom:75px;} .lp-mv3 .cta-bnr{width:85%} } /* lp-mv3 btn */ .lp-mv3 ul.lp3-btn{position:absolute;bottom:50px;left: 50%;transform: translateX(-50%);width:680px;margin:0;padding:0;list-style:none;text-align:center;display:flex;justify-content:space-between;} .lp-mv3 ul.lp3-btn li{width:47%;} .lp-mv3 ul.lp3-btn li a{background-color:#00aea0;color:#ffffde;display:block;position:relative;padding:1.7rem ;font-size:clamp(1.4rem, 1.319rem + 0.41vw, 1.8rem);font-weight:bold;border-radius:40px;} .lp-mv3 ul.lp3-btn li:last-child a{background-color:#5075b4;} @media only screen and (min-width:992px) { .lp-mv3 ul.lp3-btn li a:hover {transform: translateY(.375em); transition-duration: 0.5s;} } @media only screen and (max-width:768px) { .lp-mv3 ul.lp3-btn{position:fixed;bottom:0;left:0;transform:unset;width:100%;z-index:9999} .lp-mv3 ul.lp3-btn li{width:50%;} .lp-mv3 ul.lp3-btn li a{border-radius:0;} } @media only screen and (max-width:430px) { .lp-mv3 ul.lp3-btn li:first-child{width:48%;} .lp-mv3 ul.lp3-btn li:last-child{width:52%;} .lp-mv3 ul.lp3-btn li a{padding:1.7rem 0 ;} } /* lp03 lp03-info1 */ .lp03-info1{background-color:#ffee64;} .lp03-info1 .lp-content{width:100%;max-width:900px;margin:0 auto;padding:0 2% 0 5%;color:#1c3a79;font-family:"Noto Sans JP",sans-serif;font-weight:700;} .lp03-info1 h2{font-weight:900 !important;display: flex;align-items: center;white-space:nowrap;} .lp03-info1 h2::after{background-color: #1c3a79; content: "";height: 2px; width: 90px;margin-left: 10px;} .lp03-info1 p{padding:1rem 0;} .lp03-info1 .dotted{border-bottom:1px dotted #1c3a79;} .lp03-info1 .has-large-font-size{font-weight:900 !important;} .lp03-info1 .illust{margin-top:-20px;} @media only screen and (min-width:992px) { .lp03-info1 p{font-size:1.7rem;} } @media only screen and (max-width:600px) { .lp03-info1 p{padding:0.8rem 0;} .lp03-info1 .alignright img{width:160px;} .lp03-info1 .illust{margin-top:-15px;} } /* lp03 lp03-info2 */ .lp03-info2 .wp-block-embed{width:100%;max-width:700px;margin: 0 auto;} .lp03-info2 h2{font-weight:900 !important;display: flex;align-items: center;justify-content:center;white-space:nowrap;} .lp03-info2 h2::before{background-color: #fff; content: "";height: 1px; width: 90px;margin-right: 10px;} .lp03-info2 h2::after{background-color: #fff; content: "";height: 1px; width: 90px;margin-left: 10px;} /* lp03 cta */ .cta.type-lp3{background-color:rgba(255,238,100,0.75);padding:40px 5% 1.5%;} .cta.type-lp3 ul.lp-contact-btn li a{background:#1c3a79 url("/smasoladenki/wp-content/uploads/2025/06/lp3-btn.png") no-repeat left 0 top 0;background-size:90px 74px;color:#fff;border-radius:8px;box-shadow: 4px 5px 0px #0b0055;} .cta.type-lp3 ul.lp-contact-btn li a:after{color:#fff;} /* floating-banner */ .floating-banner { position: fixed;margin: 10px 15px;z-index: 99998;top:70px; right: 0;} .banner-back {width: 180px;} .banner-close {font-weight: bold;position: absolute; top: -4px; right: -4px;z-index: 99999;padding: 0px 9px;border: none;background-color: #f8f8f8;border-radius: 25px;cursor: pointer;box-shadow: 0 0 7px rgb(0 0 0 / 40%);} @media screen and (max-width:1400px) { .floating-banner {margin:8px;} .banner-back {width: 150px;} } @media only screen and (max-width:991px) { .floating-banner { top:60px;} } @media screen and (max-width:768px) { .banner-back {width: 120px;} } @media screen and (max-width:390px) { .banner-back {width: 100px;} } /* thanks page */ .page-id-1701 .entry-header,.page-id-1727 .entry-header,.page-id-1729 .entry-header,.page-id-2396 .entry-header,.page-id-2398 .entry-header,.page-id-2418 .entry-header,.page-id-2420 .entry-header,.page-id-2543 .entry-header,.page-id-2545 .entry-header,.page-id-2582 .entry-header,.page-id-2584 .entry-header{display:none;} .page-id-2396 #menu-header-top, .page-id-2398 #menu-header-top, .page-id-2418 #menu-header-top, .page-id-2420 #menu-header-top, .page-id-2543 #menu-header-top, .page-id-2545 #menu-header-top, .page-id-2582 #menu-header-top, .page-id-2584 #menu-header-top{display:none !important;} .page-id-2396 .mega-menu-toggle, .page-id-2398 .mega-menu-toggle, .page-id-2418 .mega-menu-toggle, .page-id-2420 .mega-menu-toggle, .page-id-2543 .mega-menu-toggle, .page-id-2545 .mega-menu-toggle, .page-id-2582 .mega-menu-toggle, .page-id-2584 .mega-menu-toggle{display:none !important;} /* application-entry */ .page-id-2114 #menu-header-top, .page-id-2390 #menu-header-top, .page-id-2407 #menu-header-top, .page-id-2409 #menu-header-top, .page-id-2538 #menu-header-top, .page-id-2562 #menu-header-top{display:none !important;} .page-id-2114 .mega-menu-toggle, .page-id-2390 .mega-menu-toggle, .page-id-2407 .mega-menu-toggle, .page-id-2409 .mega-menu-toggle, .page-id-2538 .mega-menu-toggle, .page-id-2562 .mega-menu-toggle{display:none !important;} .page-id-2114 .entry-header, .page-id-2390 .entry-header, .page-id-2407 .entry-header, .page-id-2409 .entry-header, .page-id-2538 .entry-header, .page-id-2562 .entry-header{display:none;} .page-id-2114 a.navbar-brand, .page-id-2390 a.navbar-brand, .page-id-2407 a.navbar-brand, .page-id-2409 a.navbar-brand, .page-id-2538 a.navbar-brand, .page-id-2562 a.navbar-brand{pointer-events: none;cursor: default;}