:root{
    --primary-font: "corporate-logo-ver2";
    --theme-color-red-shallow:#fe0d20;
    --theme-color-red:#e50214;
    --theme-color-blue:#2191ed;
    --theme-color-blue-deep:#0470c8;
    --theme-color-green:#06c755;
    --theme-color-green-deep:#018f3B;
    --theme-color-yellow:#fef100;
}

body{ width:100%; margin:0; padding:0; -webkit-overflow-scrolling:touch; font:16px 'Noto Sans JP', sans-serif; -webkit-font-adjust:100%; -webkit-text-size-adjust:100%!important; word-break:break-word; color:#333; }
h1,
h2,
h3,
h4,
h5,
h6{ font-family:"corporate-logo-ver2", sans-serif; font-weight:700; }

.separator{ display:flex; align-items:center; justify-content:space-between; white-space:nowrap; margin:10px 0; font-weight:bold; }
.separator:before,
.separator:after{ content:''; display:block; height:1px; background:#ddd; width:100%; }
.separator span{ padding:0 10px; font-size:14px; color:#999; }
.btn{ border:none; font-weight:bold; }
.btn-block{ padding-top:6px; padding-bottom:6px; font-size:18px; border-radius:6px; }
.btn-primary{ background:var(--theme-color-blue); box-shadow:0 -2px 0 var(--theme-color-blue-deep) inset; }
.btn-primary:active,
.btn-primary:hover
.btn-primary:focus{ background:var(--theme-color-blue-deep); }
.btn-success{ background:var(--theme-color-green); box-shadow:0 -2px 0 var(--theme-color-green-deep) inset; }
.btn-success:active,
.btn-success:hover
.btn-success:focus{ background:var(--theme-color-green-deep); }
.highlight-yellow{ background:linear-gradient(transparent 70%, var(--theme-color-yellow) 0%); display:inline; }
.highlight-green{ background:linear-gradient(transparent 70%, var(--theme-color-green) 0%); display:inline; }
.form-group{ margin-bottom:10px; }
.form-group label{ font-size:14px; }
.form-group label .required{ display:inline-block; font-size:12px; background-color:var(--theme-color-yellow); border-radius:3px; margin-left:3px; padding:3px 6px; line-height:1; }
.form-group .form-control{ border-color:#ddd; border-radius:6px; box-shadow:none; height:40px; }
.form-group .form-control::placeholder{ color:#ccc; }
.triangle{ width:100%; height:50px; margin:0 auto 18px; background-color: var(--theme-color-red); clip-path: polygon(0 0, 100% 0, 50% 100%); }
.content-section-title{ background:url(../img/lp_0002/pattern_01.png) 0 0 repeat var(--theme-color-red-shallow); color:#fff; font-size:28px; text-align:center; padding:6px 0; }
.content-section-title .content-section-title-inner{ display:flex; align-items:center; justify-content:center; }
.content-section-title .content-section-title-inner:before{ content:''; display:block; width:45px; height:51px; background:url(../img/lp_0002/object_pentan_02.png) 0 0 /cover no-repeat; margin-right:3px; }
.content-section-title .content-section-title-inner span{ display:flex; align-items:baseline; }
.content-section-title span small{ font-size:80%; color:#fff; }

.content-group{ padding:24px; }
.content-group .title{ display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--theme-color-red-shallow); border-top:1px solid var(--theme-color-red-shallow); border-bottom:1px solid var(--theme-color-red-shallow); font-size:24px; padding:12px 0; margin-bottom:20px; font-family:inherit; }
.content-group .title small{ color:var(--theme-color-red-shallow); font-size:66.6%; margin-bottom:6px; font-weight:bold; }
.content-group .content p:not(:last-child),
.content-group .content ul{ margin-bottom:1.47376em; }
.content-group .content .image{ margin-top:1.47376em; }
.content-group .content img{ border-radius:6px; }
.content-group .content-partner{ display:flex; width:50%; margin-top:24px; }
.content-group .content-partner .logopainttown{padding: 0 4px 0 0; }
.content-group .content-partner .logonipponpaint{padding: 0 0 0 4px; }
.content-group .content-construction img{ width: 100%;}
.content-group .content-construction p{ padding: 20px 0;}
.nav-btn {position: fixed; top: 10px; right: 10px; display: flex; height: 42px; width: 42px; justify-content: center; align-items: center; z-index: 90; background-color: #0181EA; border-radius: 10px;}
.nav-btn span,.nav-btn span:before,.nav-btn span:after { content: ''; display: block; height: 3px; width: 25px; border-radius: 3px; background-color: #ffffff; position: absolute;}
.nav-btn span:before {bottom: 8px;}
.nav-btn span:after {top: 8px;}
#nav-btn-check:checked ~ .nav-btn span { background-color: rgba(255, 255, 255, 0);}
#nav-btn-check:checked ~ .nav-btn span::before { bottom: 0; transform: rotate(45deg);}
#nav-btn-check:checked ~ .nav-btn span::after { top: 0; transform: rotate(-45deg);}
#nav-btn-check {display: none;}
.nav-content{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 80; background-color: #0181EA;}
.nav-content ul{ padding: 70px 10px 0;}
.nav-content ul li{ border-bottom: solid 1px #ffffff; list-style: none;}
.nav-content ul li a{ display: block; width: 100%; font-size: 15px; box-sizing: border-box; color:#ffffff; text-decoration: none; padding: 9px 15px 10px 0; position: relative;}
.nav-content ul li a::before { content: ""; width: 7px; height: 7px; border-top: solid 2px #ffffff; border-right: solid 2px #ffffff; transform: rotate(45deg); position: absolute; right: 11px; top: 16px;}
.nav-content{ width: 100%; height: 100%; position: fixed; top: 0; left: 100%; z-index: 80; background-color: #0181EA; transition: all 0.5s}
#nav-btn-check:checked ~ .nav-content{ left:0; }
.pc-nav{ display:none; }

/* global components */
.header{ width:100%; max-width:100%; height:60px; display:flex; align-items:center; justify-content:space-between; padding-left:10px; overflow:hidden; }
.header .content-group-logo{ display:flex; align-items:center; }
.header .logo{ height:49px; }
.header .logo-text{ height:37px; margin-top:1px; margin-left:0.5px; }
.header .btns{ display: none;}
.header .header-cta-group .header-cta-list{ display:flex; align-items:center; justify-content:flex-end; margin-left:-4px; margin-right:-4px; }
.header .header-cta-group .header-cta{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 4px; }
.header .header-cta-group .header-cta p{ line-height:1; }
.header .header-cta-group .header-cta-link{ font-size:9px; font-weight:bold; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.header .header-cta-group .header-cta-link:active,
.header .header-cta-group .header-cta-link:hover,
.header .header-cta-group .header-cta-link:focus{ text-decoration:none; }
.header .header-cta-group .header-cta-btn{ aspect-ratio:1/1; width:36px; height:36px; margin-bottom:4px; }
.header .header-cta-group .header-cta-form{ color:var(--theme-color-blue); }
.header .header-cta-group .header-cta-form .header-cta-link:active,
.header .header-cta-group .header-cta-form .header-cta-link:hover,
.header .header-cta-group .header-cta-form .header-cta-link:focus{ color:var(--theme-color-blue-deep); }
.header .header-cta-group .header-cta-form .header-cta-btn{ background:var(--theme-color-blue); border-radius:6px; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 -2px 0 var(--theme-color-blue-deep) inset; }
.header .header-cta-group .header-cta-line{ color:var(--theme-color-green); }
.header .header-cta-group .header-cta-line .header-cta-link:active,
.header .header-cta-group .header-cta-line .header-cta-link:hover,
.header .header-cta-group .header-cta-line .header-cta-link:focus{ color:var(--theme-color-green-deep); }
.header .header-cta-group .header-cta-line .header-cta-btn{ background:var(--theme-color-green); border-radius:6px; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 -2px 0 var(--theme-color-green-deep) inset; }
.header .header-cta-group .header-cta-line .header-cta-btn img{ height:24px; }
.header .header-cta-group .header-cta-form i{ font-size:22px; }
.header .header-cta-group .header-cta-call .header-cta-link{ aspect-ratio:1/1; height:60px; background-color:var(--theme-color-red-shallow); color:#fff; }
.header .header-cta-group .header-cta-call i{ font-size:28px; }
.header .header-cta-group .header-cta-call p{ position:relative; top:5px; }
.footer{ padding:0; }
.footer .content-group-logo{ display:flex; justify-content:center; align-items:center;}
.footer .content-group-logo .logo{ height:56px; margin-right:2px; }
.footer .content-group-logo .logo-text{ height:44px; }
.contact-info{ color:#000; font-size:12px; margin-top:1rem; line-height:1.7; text-align:center; }

.copyright{ color:#444; font-size:12px; text-align:center; padding:0 0 24px; }
.cta-section{ background:url(../img/lp_0002/bg_hero.png) 0 0 /cover no-repeat var(--theme-color-red); position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:36px; }
.cta-section .cta-inner{ position:relative; width:72%; padding:20px 10px; z-index:1; }
.cta-section .cta-call{ margin-bottom:10px; }
.cta-section .cta-call img{ width:100%; }
.cta-section .cta-list{ display:flex; align-items:center; justify-content:space-between; margin-left:-5px; margin-right:-5px; }
.cta-section .cta-list .cta{ width:50%; padding-left:5px; padding-right:5px; }
.cta-section .cta-list a{ display:flex; align-items:center; justify-content:center; border-radius:10px; font-size:14px; padding-bottom:9px; }
.cta-section .cta-list a i{ font-size:22px; margin-right:6px; }
.cta-section .cta-list a img{ width:22px; margin-right:6px; }
.cta-section .cta-list a.btn-primary{ box-shadow:0 -2px 0 var(--theme-color-blue-deep) inset; }
.cta-section .cta-list a.btn-success{ box-shadow:0 -2px 0 var(--theme-color-green-deep) inset; }
.cta-section .figure{ position:absolute; width:40%; right:0; bottom:0; margin-top:-24px; }
.cta-section .figure .pentan{ position:absolute; z-index:2; right:-0; bottom:0; width:67px; }
.theme-announcement-bar{ background:var(--theme-color-red-shallow); font-size:14px; font-weight:700; height:auto; color:#000; align-items: center; display: flex; justify-content:center; text-align:center; padding:10px 0; }
.theme-announcement-bar .google-logo{ background:#fff; border-radius:30px; padding:0 6px; margin-right:6px; }
.theme-announcement-bar .google-logo svg{ height:14px; width:auto; position:relative; top:1px; }
.theme-announcement-bar .text{ margin-right:6px; color:#fff; }
.theme-announcement-bar i{ color:var(--theme-color-yellow); }



.hero{ background:url(../img/lp_0002/bg_hero.png) 0 0 /contain no-repeat var(--theme-color-red); overflow:hidden; position:relative; }
.hero .hero-inner{ padding:10px; padding-bottom:0; display:flex; align-items:stretch; justify-content:space-between; margin-left:-10px; margin-right:-10px; }
.hero .hero-inner .figcaption,
.hero .hero-inner .figure{ padding-left:10px; padding-right:10px; }
.hero .hero-inner .figcaption{ width:55%; }
.hero .hero-inner .figure{ width:45%; display:flex; align-items:flex-end; }
.hero .hero-inner .figcaption .sup{ border-top:1px solid #fff; border-bottom:1px solid #fff; font-family:var(--primary-font); color:#fff; font-size:13px; text-align:center; padding:8px 0; }
.hero .hero-inner .figcaption .headline{ text-align:center; padding-top:12px; padding-bottom:6px; position:relative; }
.hero .hero-inner .figcaption .headline img{ width: 100%; }
.hero .hero-inner .figcaption .headline .catchphrase{ width: 100%; transform: scale(1.2); z-index: 1;} 
.hero .hero-inner .figcaption .sup img,
.hero .hero-inner .figcaption .notes img{ width:100%;}
.hero .hero-inner .figcaption .headline img{ position:relative; z-index:2; }
.hero .hero-inner .figcaption .headline .limit{ width:71px; height:72px; position:absolute; top:0; right:-61px; z-index:2; }
.hero .hero-inner .figure{ position:relative; }
.hero .hero-inner .figure .ceo{ position:relative; z-index:1; right:-5px; }
.hero .hero-inner .figure .pentan{ position:absolute; z-index:2; left:-24px; bottom:0; width:90px; }

.campaign{ padding-left:10px; padding-right:10px; margin-bottom:10px; }
.campaign .campaign-inner{ background-color:#fff; border-radius:10px; padding:10px; }
.campaign .campaign-inner img{ width:100%; }
.campaign-entry{ padding-left:10px; padding-right:10px; margin-bottom:10px; }
.campaign-entry-inner{ background:#fff; border-radius:10px; padding:20px 10px; }
.campaign-entry-inner .headline{ text-align:center; margin-bottom:12px; }
.campaign-entry-form .btn{ display:flex; padding-bottom:9px;  }
.campaign-entry-form .btn-primary{ box-shadow:0 -3px 0 var(--theme-color-blue-deep) inset; }
.campaign-entry-form .btn-success{ box-shadow:0 -3px 0 var(--theme-color-green-deep) inset; }
.campaign-entry-form .btn .circle{ display:flex; width:30px; height:30px; background-color:#fff; border-radius:50%; color:var(--theme-color-blue); align-items:center; justify-content:center; }
.campaign-entry-form .btn .circle img{ width:65%; }
.campaign-entry-form .btn .title{ flex-grow:2; display:flex; align-items:center; justify-content:center; }
.campaign-entry-footer{ background-color: var(--theme-color-red); margin: 10px 0; padding: 10px;}

.construction-plan .accordion-item{ margin-bottom:24px; }
.construction-plan .accordion-header{ background-color: var(--theme-color-red); color: #fff; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items: center; text-align:center; padding:15px 0; }
.construction-plan .accordion-header .plan-catch{ font-size:15px; }
.construction-plan .accordion-header .plan-title{ font-size:31px; font-weight: bold; font-family:var(--primary-font); margin-top:4px; display:block; }
.construction-plan .accordion-content{ padding: 0 24px 20px; border: solid 1px var(--theme-color-red);}
.construction-plan .construction-price,
.construction-plan .lifespan{ text-align: center; margin:20px 0; }
.construction-plan .construction-price .label,
.construction-plan .lifespan .label{ font-weight: bold; color: #333; font-size: 20px; padding:0; margin-right:6px; }
.construction-plan .construction-price .value,
.construction-plan .lifespan .value{ font-weight: bold; color: var(--theme-color-red); font-size:50px; line-height:1; margin-bottom:6px; display:inline-block; }
.construction-plan .construction-price .value small,
.construction-plan .lifespan .value small{ font-size:20px; }
.construction-plan .construction-price .note{ font-size:13px; }
.construction-plan .plan-detail{ margin:20px 0; }
.construction-plan .plan-detail .plan-title{ font-size:20px; font-weight:bold; }
.construction-plan .plan-detail ul{ margin: 12px 0 20px; font-size:16px; margin-left:20px; }
.construction-plan .plan-detail ul li{ list-style:disc outside; margin-bottom:6px; }
.construction-plan .plan-detail ul li:last-child{ margin-bottom:0; }
.construction-plan .separator{ background-color: var(--theme-color-red); width: 100%;}
.construction-plan .plan-footer-text{ text-align: center; margin: 20px 0; font-weight: bold; font-size:20px; }
.construction-plan .complimentary-estimate .btn{ padding:15px 0; }
.construction-plan .complimentary-estimate .btn i{ margin-right:10px; font-size:22px; }

#customer-voice{ padding-left:0; padding-right:0; }

.footer-campaign-entry{ background:url(../img/lp_0002/bg_hero.png) 0 0 /contain no-repeat var(--theme-color-red); overflow:hidden; position:relative; padding-top:10px }

.special-offers{ background:url(../img/lp_0002/bg_hero.png) 0 0 /contain no-repeat var(--theme-color-red); overflow:hidden; position:relative; padding: 24px; color:#fff; font-weight:bold; }
.special-offers .campaign-content-text{ padding: 10px 0;}
.special-offers-campaign{ background:url(../img/lp_0002/bg_hero.png) 0 0 /contain no-repeat var(--theme-color-red); overflow:hidden; position:relative; padding:0 24px 24px ; display:flex; flex-direction: column; align-items:center; font-family: var(--primary-font);}
.special-offers-campaign h4{ font-size: 36px; text-decoration-line: underline; text-decoration-color: var(--theme-color-yellow); text-decoration-thickness: 6px; padding: 6px 0 12px;}
.special-offers .campaign .campaign-text{ margin: 12px 0; font-weight: bold; }
.special-offers-campaign .genkidama{ width: 200%;}
.special-offers .campaign-entry-form{ width: 100% ;}
.special-offers .line-friend-add{ background-color:#fff; padding:20px; border-radius:10px; }
.special-offers .line-friend-add .line-complimentry-diagnose{ font-family:var(--primary-font); color: var(--theme-color-green); font-size:27px; text-align:center; margin-bottom:12px; }
.special-offers .line-friend-add .explain{ color:#000; font-size: 16px; font-weight:bold; text-align:center; margin-bottom:8px; }
.special-offers .line-friend-add .explain-more{ margin:10px 0; color:#000; }
.special-offers .line-friend-add .btn{ margin-top:24px; padding-top:15px; padding-bottom:15px; }
.special-offers .line-friend-add .btn .sup{ font-size:14px; }
.special-offers .line-friend-add .btn .title{ color:#fff; font-size:24px; font-weight:bold; line-height:1.15; }
.special-offers .line-friend-add-present{ background:url(../img/lp_0002/bg_line_friend_add.png) center center /cover no-repeat; padding:18px 0; font-family: var(--primary-font); display:block; border-radius:6px; }
.special-offers .line-friend-add-present{ text-align:center; }
.special-offers .line-friend-add-present .sup{ color:#000; font-size:14px; margin-bottom:6px; }
.special-offers .line-friend-add-present .title{ color: var(--theme-color-red); font-size:21px; }





.prefecture-colum{ display:flex; margin:0 -6px 12px; }
.prefecture-colum .colum{ width:25%; padding:0 6px; }
.prefecture-colum .colum .area-title{ color:var(--theme-color-red); font-weight:bold; font-size:16px; border-bottom:1px solid var(--theme-color-red); padding-bottom:8px; margin-bottom:8px; }
.prefecture-colum .colum ul{ list-style:none; padding:0; margin:0; line-height:1.8; }

.prefecture-colum .colum li{ font-size:16px; }
.prefecture-colum iframe{ margin:10px; }
#area .notice{ border-radius:30px; text-align:center; color:var(--theme-color-red); font-weight:bold; }

#contact-form a{ color:var(--theme-color-red); }
#contact-form .content-section-title{ padding:12px 0; }
#contact-form .content-section-title .content-section-title-inner:before{ display:none; }
#contact-form .content{ padding:24px; }
#contact-form .attention{ margin-bottom:24px; }
#contact-form .btn{ display:flex; padding-bottom:9px;  }
#contact-form .btn .circle{ display:flex; width:30px; height:30px; background-color:#fff; border-radius:50%; color:var(--theme-color-blue); align-items:center; justify-content:center; }
#contact-form .btn .circle img{ width:65%; }
#contact-form .btn .title{ flex-grow:2; display:flex; align-items:center; justify-content:center; }


.problem .complementary-diagnose{ padding:20px; text-align:center; background-color:#D9F0FF; border-radius:10px; margin: 0 0.5rem;}
.problem .complementary-diagnose.cta-btn{ display:block; line-height:0; }
.problem .complementary-diagnose.step{ margin:20px 0 12px; }
.problem .complementary-diagnose.step img{ width:100%; }
.problem .complementary-diagnose.notice{ font-size:15px; margin: 0 -9px; }
.problem .row{ margin-top:1rem; margin-bottom:1rem; }
.problem .text-center{ text-align:center; text-indent:1ch; }

.works .content-group .content-head p{ margin-bottom:6px; }

.cases{ display:flex; flex-wrap:wrap; margin-left:-1px; margin-right:-1px; }
.cases .case{ padding:0 1px; margin-bottom:0; }
.cases .case .image{ margin-top:2px; aspect-ratio:4 / 3; overflow:hidden; }
.cases .case .image img{ width:100%; border-radius:0; }
.cases .case p{ font-size:14px; }

.menu-list{ background-color:#12A73B; color:#fff; border-radius:5px; text-align:center; width:350px; font-weight:bold; }

.reasons p img{ width:100%; }

.process .content-group .content-head p{ margin-bottom:6px; }
.process .content-group .emphasis{ margin-top:0; }
.process p img{ margin-bottom:12px; }

.staff .content-group .content-headp{ margin-bottom:6px; }
.staff .content-group .content-body img{ width:100%; }

.intermediate-cta{ text-align:center; padding:0 0 24px; }
.intermediate-cta p:first-child{ margin-bottom:12px; }

.msg .content-group .content-head{ margin-bottom:12px; }
.msg .content-group .content-head img{ width:100%; }
.msg .content-group .content-body{ margin-bottom:12px; }

.service-links{ background-color:#F1F1F1;}
.service-links .lists{ display:flex; margin:6px 30px; }
.service-links .lists .list{ width:50%; padding:6px 11px; font-size:14px; }
.service-links .lists .list li{ line-height:1.8; }
.service-links .lists .list li::before{ content: "▶︎"; color: #12A73B; margin-right: 3px; font-size: 12px;}

.fixed-btn{ position:fixed; z-index:99999; bottom:0; display:flex; justify-content:center; line-height:0; }

.subheading-with-pentan{ margin-bottom:-1.5rem; }
.emphasis{ color:red; font-size:24px; font-weight:bold; line-height:1.35; margin-top:3px; }
.danger{ color:red; }
.key-phrase{ background-color:#FF9A15; color:#fff; font-size:12px; margin-bottom:1rem; padding:4px 6px; font-weight:bold; }


/*Mobile（320px～767px）*/
@media only screen and (min-width:320px) and (max-width:767px){
.container{ width:100%; padding-left:0; padding-right:0; }
.content-head p:not(:last-child){ font-size:15px; }
}

/*Tablet（768px～1024px）*/
@media only screen and (min-width:768px) and (max-width:1024px){
.cta-section .cta-list a{ font-size:18px; }
.cta-section .figure{ width:33%; }
.hero .hero-inner{ align-items:center; }
.hero .hero-inner .figcaption{ display:flex; flex-direction:column; }
.hero .hero-inner .figcaption .headline .limit{ width:160px; height:160px; right:-150px; }
.campaign-entry-inner{ padding-top:24px; padding-bottom:24px; }
.campaign-entry .campaign-entry-form{ width:80%; margin:0 auto; }
.content-group{ width:640px; margin:0 auto; }
.construction-plan{ display:flex; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
.construction-plan .accordion-item{ width:50%; padding:0 12px; }
.construction-plan .accordion-content{ padding-left:18px; padding-right:18px; }
.construction-plan .plan-footer-text{ font-size:18px; }
.construction-plan .plan-footer-text br{ display:none; }
.construction-plan .plan-detail ul{ font-size:14px; }
.construction-plan .complimentary-estimate .btn{ font-size:16px; }
}

/*PC (1025px~2560px) */
@media only screen and (min-width:1025px) and (max-width:2560px){ 
body{ font-size:18px; }
.cta-section .container{ position:relative; }
.cta-section .cta-inner{ padding-top:40px; padding-bottom:40px; }
.cta-section .cta-group img{ width:100%; }
.cta-section .cta-list a img{ height:32px; margin-right:12px; }
.cta-section .cta-list a i{ font-size:30px; margin-right:12px; }
.cta-section .cta-list a{ font-size:24px; }
.cta-section .figure{ width:30%; }
.form-group label{ font-size:16px; }
.content-section-title{ padding:12px 0; font-size:40px; border-radius:10px; }
.content-section-title .content-section-title-inner:before{ width:54px; height:57px; }
.content-group .title{ font-size:32px; padding:18px 0; margin-bottom:36px; }
.header{ height:80px; padding-left:24px; }
.header .logo{ height:60px; }
.header .logo-text{ height:44px; margin-left:2px; }
.header .header-cta-group .header-cta{ padding:0 10px; }
.header .header-cta-group .header-cta-list{ margin-left:-10px; margin-right:-10px; }
.header .header-cta-group .header-cta-link{ font-size:13px; }
.header .header-cta-group .header-cta-call .header-cta-link{ height:80px; }
.header .header-cta-group .header-cta-call i{ font-size:32px; }
.header .header-cta-group .header-cta-btn{ width:44px; height:44px; border-radius:10px; }
.header .header-cta-group .header-cta-line .header-cta-btn img{ height:28px; }
.header .header-cta-group .header-cta-form i{ font-size:27px; }
.theme-announcement-bar{ font-size:16px; }
.theme-announcement-bar .google-logo svg{ height:18px; top:3px; }
.hero .container{ display:flex; flex-wrap:wrap; }
.hero .hero-inner{ align-items:center; width:100%; margin-left:0; margin-right:0; }
.hero .hero-inner .figcaption{ display:flex; flex-direction:column; }
.hero .hero-inner .figcaption .headline .limit{ width:240px; height:240px; right:-230px; }
.hero .hero-inner .figure .pentan{ width:180px; }
.hero .campaign{ width:50%; }
.hero .campaign-entry{ width: 100%; }
.campaign-entry-inner{ padding:40px; }
.campaign-entry-inner .headline{ margin-bottom:24px; }
.campaign-entry-inner .headline img{ width:90%; }
#why-we-are .content{ display:flex; margin-left:-18px; margin-right:-18px; }
#why-we-are .content .text{ font-size:18px; }
#why-we-are .content .text,
#why-we-are .content .image{ padding:0 18px; }
#why-we-are .content .image{ width:60%; margin-top:0; }
.content-group .content-partner{ flex-direction:column; margin-top:0; }
.content-group .content-partner .logopainttown{ margin-bottom:12px }
.content-group .content-partner .logopainttown,
.content-group .content-partner .logonipponpaint{ aspect-ratio:2.64 / 1; width:70%; padding:0; }
.construction-plan{ display:flex; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
.construction-plan .accordion-item{ width:50%; padding:0 12px; }
.construction-plan .accordion-content{ padding:0 60px 40px; }
.construction-plan .plan-footer-text{ font-size:24px; }
.prefecture-colum .colum li{ font-size:18px; }
.prefecture-colum .colum .area-title{ font-size:12px; margin-bottom:12px; padding-bottom:12px; }
}