*{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}p+p{margin-top:20px}@media screen and (max-width: 768px){p+p{margin-top:15px}}@media screen and (max-width: 768px){.pc{display:none}}@media screen and (min-width: 768px){.sp{display:none}}.inner{width:980px;margin:0 auto}@media screen and (max-width: 768px){.inner{width:100%}}.inner_wide{width:1280px;margin:0 auto}@media screen and (max-width: 768px){.inner_wide{width:100%}}.inner_mid{width:1050px;margin:0 auto}@media screen and (max-width: 768px){.inner_mid{width:100%}}@media screen and (max-width: 768px){.sub_inner{width:240px;margin:0 auto}}.more{display:inline-block;width:160px;text-align:center;line-height:36px;color:#000;border:1px solid #000;text-decoration:none}@media screen and (max-width: 768px){.more{width:110px;line-height:25px}}body{font-size:18px;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif}@media screen and (min-width: 768px){body{min-width:1280px}}@media screen and (max-width: 768px){body{font-size:12px}}h2:not(.sub){font-size:30px;letter-spacing:0.1em;text-align:center;font-weight:normal}@media screen and (max-width: 768px){h2:not(.sub){font-size:15px}}h2:not(.sub)::before{content:'';display:inline-block;height:7px;border-top:4px solid #000;width:120px;margin-right:45px}@media screen and (max-width: 768px){h2:not(.sub)::before{height:3px;border-width:1px;width:60px}}@media screen and (max-width: 768px){h2:not(.sub)::before{margin-right:20px}}h2:not(.sub)::after{content:'';display:inline-block;height:7px;border-top:4px solid #000;width:120px;margin-left:45px}@media screen and (max-width: 768px){h2:not(.sub)::after{height:3px;border-width:1px;width:60px}}@media screen and (max-width: 768px){h2:not(.sub)::after{margin-left:20px}}h2.sub{font-size:48px;letter-spacing:0.1em;font-weight:normal;position:absolute;top:50px;left:60px}@media screen and (max-width: 768px){h2.sub{font-size:24px;top:25px;left:45px}}h2.sub::after{content:'';width:200px;height:2px;background:#000;display:block;margin-top:30px}@media screen and (max-width: 768px){h2.sub::after{width:100px;height:1px;margin-top:10px}}h3{font-size:24px;font-weight:normal}@media screen and (max-width: 768px){h3{font-size:15px}}#contact{position:relative;padding:120px 0 50px 0}@media screen and (max-width: 768px){#contact{padding:25px 0 30px}}#contact #totop{position:absolute;top:25px;right:0}@media screen and (max-width: 768px){#contact #totop{width:40px;height:40px;top:-30px;right:15px}}#contact #totop img{width:100%}#contact .information{padding-left:200px}#contact .information p{line-height:1.4}#contact .information a{color:#000;text-decoration:none;line-height:1}@media screen and (max-width: 768px){#contact .information{display:none}}@media screen and (min-width: 768px){#contact .inner_wide{display:flex}#contact .inner_wide>*{flex:1}}.action{margin:5px 0;padding:15px 0 15px 40px;border-left:1px solid #000}@media screen and (max-width: 768px){.action{padding:0;border:none;text-align:center}}.action a{display:inline-block;width:230px;text-align:center;line-height:50px;color:#000;padding-left:25px;border:1px solid #000;text-decoration:none}@media screen and (max-width: 768px){.action a{width:120px;line-height:25px;padding-left:20px}}.action a:nth-child(n+2){margin-left:30px}@media screen and (max-width: 768px){.action a:nth-child(n+2){margin-left:15px}}.action a.tel{background:url(../img/common/tel.png) 20px 50%/24px no-repeat}@media screen and (max-width: 768px){.action a.tel{background-size:12px;background-position-x:9px}}.action a.contact{background:url(../img/common/contact.png) 32px 50%/24px no-repeat}@media screen and (max-width: 768px){.action a.contact{background-size:12px;background-position-x:14px}}.main_content .inner{position:relative;padding-top:80px}@media screen and (min-width: 768px){.main_content .inner{width:1050px}}@media screen and (max-width: 768px){.main_content .inner{padding-top:40px}}.main_content .content{background:#e7e7e7;padding:90px 60px 70px}@media screen and (max-width: 768px){.main_content .content{margin:0 15px 50px;padding:40px 30px 10px}}.main_content .content ul{margin:110px 55px 0}@media screen and (max-width: 768px){.main_content .content ul{margin:25px 0 0}}.main_content .content ul li{display:flex;margin-bottom:40px}.main_content .content ul li h3{width:130px;font-size:60px;line-height:60px;color:#999;letter-spacing:0.1em;border-right:2px solid #999;margin-right:35px}@media screen and (max-width: 768px){.main_content .content ul li h3{font-size:30px;line-height:30px;width:60px;margin-right:15px;border-width:1px}}.main_content .content ul li>div{flex:1}.main_content .content ul li>div h4{font-size:20px;font-weight:bold;margin-bottom:10px}@media screen and (max-width: 768px){.main_content .content ul li>div h4{font-size:13px;margin-bottom:5px}}.main_content .content ul li>div p{font-size:16px}@media screen and (max-width: 768px){.main_content .content ul li>div p{font-size:11px}}input.controller{display:none}#header{position:fixed;z-index:1;width:100%;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,0.1)}#header .inner{height:90px;display:flex;justify-content:space-between;align-items:center}#header .inner h1 a{display:block}#header .inner h1 a img{width:100%}@media screen and (min-width: 768px){#header .inner nav.global ul{display:flex;justify-content:space-between}#header .inner nav.global ul li{width:100px;height:20px}#header .inner nav.global ul li:nth-child(n+2){border-left:2px solid #000}#header .inner nav.global ul a{display:block;font-size:14px;line-height:20px;color:#000;text-decoration:none;text-align:center}}@media screen and (max-width: 768px){#header .inner nav.global{display:none;position:fixed;z-index:1;width:50vw;padding:45px 10px 10px;top:0;right:0;background:rgba(0,0,0,0.5) url(../img/common/logo_light.png) 20px 10px/35px auto no-repeat}#header .inner nav.global.opened{display:block}#header .inner nav.global ul{border-top:1px solid #fff}#header .inner nav.global ul li{border-bottom:1px solid #fff;background:url(../img/common/arrow.png) 95% 50%/4px auto no-repeat}#header .inner nav.global ul li a{color:#fff;text-decoration:none;padding:10px;display:block}#header .inner nav.global .action{padding:20px 0 5px}#header .inner nav.global .action a{color:#fff;border-color:#fff}#header .inner nav.global .action a.tel{background:url(../img/common/tel_light.png) 9px 50%/12px no-repeat}#header .inner nav.global .action a.contact{background:url(../img/common/contact_light.png) 12px 50%/14px no-repeat}#header .inner nav.global .action a:nth-child(n+2){margin:5px 0 0}#header .inner nav.global #hamburger_close{position:absolute;top:14px;right:17px;width:16px;height:16px}#header .inner nav.global #hamburger_close img{width:100%}}@media screen and (max-width: 768px){#header .inner{height:65px;padding:0 15px}#header .inner h1{width:90px}#header .inner #hamburger{width:26px;height:35px;background:url(../img/common/hamburger.png) 50% 50%/contain no-repeat}}#main{padding-top:90px}@media screen and (max-width: 768px){#main{padding-top:65px}}ul.works_list{display:flex;flex-wrap:wrap;justify-content:start}@media screen and (max-width: 768px){ul.works_list{margin:0 5vw 40px}}ul.works_list li{width:215px;height:215px;margin:15px}@media screen and (max-width: 768px){ul.works_list li{width:26vw;height:26vw;margin:2vw}}ul.works_list li a{display:block;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;color:#fff;text-decoration:none}ul.works_list li a span{display:none;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;background:rgba(0,0,0,0.5)}ul.works_list li a:hover span{display:flex}#footer{background:#000;padding:20px}@media screen and (max-width: 768px){#footer{padding:10px}}#footer p{color:#fff;font-size:14px;text-align:center}@media screen and (max-width: 768px){#footer p{font-size:8px}}#index #header,#index #header *{transition:0.4s all}#index #header.cleared{background:transparent;box-shadow:none}#index #header.cleared h1{opacity:0;pointer-events:none}#index #header.cleared a{color:#fff}#index #header.cleared .inner nav.global ul li:nth-child(n+2){border-color:#fff}#index #header.cleared #hamburger{background-image:url(../img/common/hamburger_light.png)}#index #main{padding-top:0}#kv{height:100vh;background:url(../img/index/logo.png) 50% 50%/450px auto no-repeat,url(../img/index/kv.png) 50% 50%/cover no-repeat;position:relative}@media screen and (max-width: 768px){#kv{background:url(../img/index/logo.png) 50% 50%/75vw auto no-repeat,url(../img/index/kv.png) 50% 50%/cover no-repeat}}#kv a{display:block;position:absolute;bottom:40px;left:0;right:0;margin:auto;width:56px;height:56px;margin:0 auto}@media screen and (max-width: 768px){#kv a{width:30px;height:30px;bottom:20px}}#kv a img{width:100%}#mission h2{padding:150px 0 80px}@media screen and (max-width: 768px){#mission h2{padding:75px 0 25px}}#mission .content{background:url(../img/index/mission.png) 0 0 no-repeat;padding:65px 0 110px 490px}@media screen and (max-width: 768px){#mission .content{padding:35px 0;background:url(../img/index/mission.png) -18vw 0/91vw auto no-repeat}}#mission .content h3{margin-bottom:70px}@media screen and (max-width: 768px){#mission .content h3{margin-bottom:35px}}#flow{background:#e7e7e7}#flow h2{margin:75px 0 55px}@media screen and (max-width: 768px){#flow h2{margin:40px 0 35px}}#flow .content{text-align:center;padding-bottom:60px}@media screen and (max-width: 768px){#flow .content{padding-bottom:35px}}#flow .more{margin-top:50px}@media screen and (max-width: 768px){#flow .more{margin-top:35px}}#flow .image{background:url(../img/index/flow.png) 0 0/cover no-repeat}@media screen and (max-width: 768px){#flow .image{display:none}}#flow .inner_wide{display:flex}#flow .inner_wide>*{flex:1}#works{text-align:center}#works h2{margin:100px 0}@media screen and (max-width: 768px){#works h2{margin:40px 0 30px}}#works .more{margin:100px 0 90px}@media screen and (max-width: 768px){#works .more{margin:0 0 30px}}@media screen and (min-width: 768px){#works ul.works_list li:nth-child(n+5){display:none}}#company{background:#e7e7e7;position:relative}#company .map iframe{width:100%;height:100%}@media screen and (max-width: 768px){#company .map{margin-bottom:30px}}#company .content{text-align:center}#company .content h2{margin:85px 0 45px}@media screen and (max-width: 768px){#company .content h2{position:absolute;top:35px;left:0;right:0;margin:0}}#company .content .more{margin:65px 0}@media screen and (max-width: 768px){#company .content .more{margin:20px 0 25px}}@media screen and (min-width: 768px){#company .inner_wide{display:flex}#company .inner_wide>*{flex:1}}@media screen and (max-width: 768px){#company .inner_wide{padding-top:85px}}#flow_kv{height:460px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-image:url(../img/flow/kv.png)}@media screen and (max-width: 768px){#flow_kv{height:150px}}#company_kv{height:460px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-image:url(../img/company/kv.png)}@media screen and (max-width: 768px){#company_kv{height:150px}}@media screen and (max-width: 768px){#company_content h2.sub{left:30px}}#company_content.main_content .content ul li h3{color:#000;font-size:36px;width:150px}#company_content table.company{width:100%}#company_content table.company th,#company_content table.company td{padding:10px 20px;font-size:16px;font-weight:normal;vertical-align:top}@media screen and (max-width: 768px){#company_content table.company th,#company_content table.company td{font-size:10px;padding:5px;width:55px}}#company_content table.company th{border-right:1px dashed #999}@media screen and (max-width: 768px){#company_content table.company th{padding:5px 0}}#company_content table.company tr:nth-child(n+2) th,#company_content table.company tr:nth-child(n+2) td{border-top:1px dashed #999}#company_content.main_content .content .map{margin-bottom:10px}@media screen and (max-width: 768px){#company_content.main_content .content .map{margin-top:20px}}#company_content.main_content .content .map iframe{width:100%;height:380px}@media screen and (max-width: 768px){#company_content.main_content .content .map iframe{height:190px}}#company_content.main_content .content .service{margin:20px 0}@media screen and (max-width: 768px){#company_content.main_content .content .service{margin-bottom:10px}}#company_content.main_content .content h4{margin:0}@media screen and (max-width: 768px){#company_content.main_content .content h4{font-size:9px}}#company_content.main_content .content p.note{font-size:12px}@media screen and (max-width: 768px){#company_content.main_content .content p.note{font-size:6px}}@media screen and (max-width: 768px){#company_content.main_content .content{padding:40px 15px 1px}#company_content.main_content .content ul li{display:block}#company_content.main_content .content ul li h3{font-size:18px;width:100%;border:none}#company_content.main_content .content ul li h3:after{content:'';width:55px;height:1px;background:#000;display:block;margin-top:5px}#company_content.main_content .content p{font-size:8px}}#works_kv{height:460px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-image:url(../img/works/kv.png)}@media screen and (max-width: 768px){#works_kv{height:150px}}#works_content h2{margin:80px 0 70px}@media screen and (max-width: 768px){#works_content h2{margin:40px 0 35px}}#works_content ul.category{display:flex;justify-content:center;margin-bottom:50px}@media screen and (max-width: 768px){#works_content ul.category{margin-bottom:25px;flex-wrap:wrap}}#works_content ul.category li label{display:block;padding:0 20px;font-size:20px;line-height:20px;color:#000;text-decoration:none;cursor:pointer}@media screen and (max-width: 768px){#works_content ul.category li label{padding:0 15px;font-size:12px;line-height:12px}}#works_content ul.category li:nth-child(n+2){border-left:2px solid #ccc}@media screen and (max-width: 768px){#works_content ul.category li:nth-child(n+4){margin-top:15px}#works_content ul.category li:nth-child(4){border-left:none}}#works_content ul.works_list{display:none}#works_content #category_1:checked ~ ul.works_list[data-category=リフォーム],#works_content #category_2:checked ~ ul.works_list[data-category=リノベーション],#works_content #category_3:checked ~ ul.works_list[data-category=新エネルギー],#works_content #category_4:checked ~ ul.works_list[data-category=電気設備工事],#works_content #category_5:checked ~ ul.works_list[data-category=その他]{display:flex}#works_content #category_1:checked ~ ul.category label[for=category_1],#works_content #category_2:checked ~ ul.category label[for=category_2],#works_content #category_3:checked ~ ul.category label[for=category_3],#works_content #category_4:checked ~ ul.category label[for=category_4],#works_content #category_5:checked ~ ul.category label[for=category_5]{text-decoration:underline}@media screen and (min-width: 768px){#works_content .works_detail{display:flex;justify-content:space-between}}@media screen and (min-width: 768px){#works_content .works_detail section.images{width:550px}}@media screen and (max-width: 768px){#works_content .works_detail section.images{margin-bottom:35px}}#works_content .works_detail section.images .main_image,#works_content .works_detail section.images a{background-position:center;background-size:cover;background-repeat:no-repeat}#works_content .works_detail section.images .main_image{height:370px;margin-bottom:20px;background-size:contain}@media screen and (max-width: 768px){#works_content .works_detail section.images .main_image{height:180px;margin-bottom:10px}}#works_content .works_detail section.images .thumbs{display:flex;justify-content:start}#works_content .works_detail section.images .thumbs li{width:calc((100% - 30px) / 4);height:90px}@media screen and (max-width: 768px){#works_content .works_detail section.images .thumbs li{height:45px}}#works_content .works_detail section.images .thumbs li a{display:block;width:100%;height:100%}#works_content .works_detail section.images .thumbs li:nth-child(n+2){margin-left:10px}@media screen and (max-width: 768px){#works_content .works_detail section.images .thumbs li:nth-child(n+2){margin-left:5px}}@media screen and (min-width: 768px){#works_content .works_detail section.detail{width:400px}}#works_content .works_detail h3{font-size:20px;width:100%;border-bottom:1px solid #000;padding-bottom:15px;margin-bottom:15px}@media screen and (max-width: 768px){#works_content .works_detail h3{font-size:15px}}#works_content .works_detail p+h3{margin-top:40px}@media screen and (max-width: 768px){#works_content .works_detail p+h3{margin-top:35px}}#works_content .works_detail p{font-size:12px}@media screen and (max-width: 768px){#works_content .works_detail p{font-size:11px}}#works_content .control{text-align:center;margin:100px 0 20px}@media screen and (max-width: 768px){#works_content .control{margin:60px 0}}@media screen and (max-width: 768px){#works_content.detail{padding:0 25px}}#contact_kv{height:460px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-image:url(../img/contact/kv.png)}@media screen and (max-width: 768px){#contact_kv{height:150px}}@media screen and (max-width: 768px){#contact_content h2.sub{left:30px}}#contact_content .contact_information{display:flex;justify-content:center}@media screen and (min-width: 768px){#contact_content .contact_information{border:none;margin:40px 0 80px}#contact_content .contact_information .tel{margin-right:50px}#contact_content .contact_information .service{border-left:1px solid #000;padding-left:50px}}@media screen and (max-width: 768px){#contact_content .contact_information{flex-direction:column;align-items:center;margin:25px 0}#contact_content .contact_information .service{margin-top:10px;text-align:left}#contact_content .contact_information .service p{font-size:10px}}@media screen and (max-width: 768px){#contact_content .content{padding-left:15px;padding-right:15px}}#contact_content .content.complete h3{font-size:28px;margin-bottom:30px}@media screen and (max-width: 768px){#contact_content .content.complete h3{font-size:16px;margin-bottom:20px}}@media screen and (min-width: 768px){#contact_content form{width:550px;margin:0 auto}}#contact_content form p.comment{font-size:12px}#contact_content form p.comment strong{color:red}@media screen and (min-width: 768px){#contact_content form .form_component{display:flex;margin-top:25px}}@media screen and (max-width: 768px){#contact_content form .form_component{margin-top:15px}}#contact_content form .form_component>*:not(h4){flex:1}#contact_content form .form_component h4{width:200px;font-size:16px;font-weight:normal}@media screen and (max-width: 768px){#contact_content form .form_component h4{font-size:11px}}#contact_content form .form_component input,#contact_content form .form_component textarea{padding:5px 10px;font-size:12px;border:1px solid #ddd}@media screen and (max-width: 768px){#contact_content form .form_component input,#contact_content form .form_component textarea{font-size:10px}}#contact_content form .form_component select{outline:none;text-indent:0.01px;text-overflow:'';background:#fff;border:1px solid #ddd;vertical-align:middle;font-size:inherit;color:inherit;font-size:12px;padding:5px option;padding-font-size:12px;padding-padding:5px}#contact_content form .form_component [name=family_name],#contact_content form .form_component [name=first_name],#contact_content form .form_component [name=family_kana],#contact_content form .form_component [name=first_kana]{width:120px;display:inline-block}@media screen and (max-width: 768px){#contact_content form .form_component [name=family_name],#contact_content form .form_component [name=first_name],#contact_content form .form_component [name=family_kana],#contact_content form .form_component [name=first_kana]{width:90px}}#contact_content form .form_component [name=family_name]:nth-child(n+2),#contact_content form .form_component [name=first_name]:nth-child(n+2),#contact_content form .form_component [name=family_kana]:nth-child(n+2),#contact_content form .form_component [name=first_kana]:nth-child(n+2){margin-left:15px}@media screen and (max-width: 768px){#contact_content form .form_component [name=family_name]:nth-child(n+2),#contact_content form .form_component [name=first_name]:nth-child(n+2),#contact_content form .form_component [name=family_kana]:nth-child(n+2),#contact_content form .form_component [name=first_kana]:nth-child(n+2){margin-left:5px}}#contact_content form .form_component [name=email]{width:100%}@media screen and (max-width: 768px){#contact_content form .form_component [name=email]{width:90%}}#contact_content form .form_component .tel{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){#contact_content form .form_component .tel{font-size:10px;width:90%}}#contact_content form .form_component [name^=tel]{width:95px}@media screen and (max-width: 768px){#contact_content form .form_component [name^=tel]{width:70px}}#contact_content form .form_component textarea{width:100%;height:175px}#contact_content form .form_component.required h4::after{content:'＊';color:red;font-size:12px;position:relative;top:-0.4em}#contact_content form .note{font-size:14px;text-align:center;margin:70px 0 30px}@media screen and (max-width: 768px){#contact_content form .note{font-size:9px;margin:35px 0 25px}}#contact_content form .control{text-align:center}#contact_content form .control button{background:transparent;display:inline-block;padding:10px 30px;border:1px solid #000;font-size:18px}@media screen and (max-width: 768px){#contact_content form .control button{font-size:12px;padding:5px 30px;margin-bottom:30px}}