@charset "UTF-8";
.title {background-image: url("images/title.jpg");background-size: cover;background-position: center;height: 300px;position: relative;margin:0;padding: 0;width: 100%;}

.title .title_box {width: 90%;text-align: center;color: #ffffff;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.title .title_box h1.contents_title {font-size:32px;line-height: 1.6;font-weight: 700;}
.title .title_box p {font-size:18px;line-height: 1.6;}
@media (max-width: 1200px) {
.title .title_box h1.contents_title {font-size:2.66vw;}
.title .title_box p {font-size:1.5vw;}
}
@media screen and (max-width: 767px) {
#wrap {padding: 45px 0 0;}
.title {background-image: url("images/title.jpg");background-size: cover;background-position: center;height: 240px;position: relative;margin: 0;min-width: inherit;}
.title .title_box h1.contents_title {font-size:5vw;}
.title .title_box p {font-size:3.4vw;}
}


.sph {display:none;}
@media screen and (max-width: 767px) {
.sph {display: block;}
}


.contact_btn_back {padding: 20px 0 0;}
a.contact_btn {display: inline-block;align-items: center;margin: 0 auto;padding: 1.3rem 2rem;background: #fff;text-decoration: none;transition: 0.3s;border-radius: 50vh;letter-spacing: 0;}
a.contact_btn:hover {background-color: #804f21;}
a.contact_btn .contact_btn_text {display: block;flex-grow: 1;color: #000;font-weight: bold;text-align: center;position: relative;padding-right: 15px;font-size: 18px;}
a.contact_btn:hover .contact_btn_text {color: #fff;}
a.contact_btn .contact_btn_text::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto;transform: rotate(45deg);border-top: 3px solid #000;border-right: 3px solid #000;box-sizing: border-box;width: 14px;height: 14px;transition: 0.3s;}
a.contact_btn:hover .contact_btn_text::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto;transform: rotate(45deg);border-top: 3px solid #fff;border-right: 3px solid #fff;box-sizing: border-box;width: 14px;height: 14px;transition: 0.3s;}
@media (max-width: 1200px) {
a.contact_btn .contact_btn_text {font-size: 1.5vw;padding-right: 1.66vw;}
a.contact_btn .contact_btn_text::after {width: 1vw;height: 1vw;}
}
@media (max-width: 736px) {
a.contact_btn .contact_btn_text {font-size: 3vw;padding-right: 5vw;}
a.contact_btn .contact_btn_text::after {width:2.4vw;height: 2.4vw;}
a.contact_btn {padding: 1rem 2rem;}
}



.main_copy_back {background: #EEE;padding: 80px 0;}
.main_copy_back h2.main_copy {width: 1000px; font-size: 32px;font-weight: 700; color: inherit;background-color: inherit;padding: 0;margin: 0 auto 20px;display: flex;justify-content: center;align-items: center;}
.main_copy_back h2.main_copy::before,
.main_copy_back h2.main_copy::after {content: '';width: 60px;height: 2px;background-color: #333;}
.main_copy_back h2.main_copy::before {margin-right: 20px;}
.main_copy_back h2.main_copy::after {margin-left: 20px;}
.main_copy_back p {width: 1000px;margin: auto;font-size: 16px;line-height: 1.6;}
@media (max-width: 1200px) {
.main_copy_back {padding: 6.66vw 0;}
.main_copy_back h2.main_copy {width: 100%;font-size: 2.66vw;}
.main_copy_back p {width: 90%;font-size: 1.33vw;}
}
@media screen and (max-width: 767px) {
.main_copy_back h2.main_copy {font-size: 4.4vw;}
.main_copy_back h2.main_copy::before,
.main_copy_back h2.main_copy::after {content: '';width: 8vw;height: 2px;}
.main_copy_back h2.main_copy::before {margin-right: 3vw;}
.main_copy_back h2.main_copy::after {margin-left: 3vw;}
.main_copy_back p {width: 90%;font-size: 3vw;}
}



.merit {margin: 0 auto 5vw}
.merit h2.merit_title {font-size: 26px;color: #fff;background-color: #804f21;padding: 20px;margin:0 0 5vw;}
.merit ul.merit_list {width: 1000px;margin: auto;display:flex;flex-wrap:wrap;}
.merit ul.merit_list li {position: relative;width: 30%;margin: 0 5% 5% 0;}
.merit ul.merit_list li:nth-child(3n){margin-right: 0;}
.merit ul.merit_list li .pic_back {width: 80%;height: auto;margin:0 auto 2.5%; border-radius: 2vw;overflow: hidden;box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.4);}
.merit ul.merit_list li .pic_back img {width: 100%;height: auto; margin: auto;vertical-align: bottom;}
.merit ul.merit_list li::after{content: "";width: 100%;height: 75%;display: block;background: #eee;position: absolute;bottom: 0;left: 0;z-index: -1;border-radius: 1vw;}
.merit ul.merit_list dl {width: 80%;margin: auto; padding: 5% 0;}
.merit ul.merit_list dl dt {font-size: 18px;font-weight: 700;margin: 0 0 1vw;}
.merit ul.merit_list dl dd {font-size: 14px;line-height: 1.6; text-align: left;}
.merit ul.merit_list dl dd span {}
.merit p.caption {font-size: 12px;line-height: 1.6;text-align: left;width: 1000px;margin: 0 auto ;}

@media (max-width: 1200px) {
.merit h2.merit_title {font-size: 2.1vw;padding: 1.66vw;margin:0 0 5vw;}
.merit ul.merit_list {width: 90vw;}
.merit ul.merit_list dl dt {font-size:1.5vw;}
.merit ul.merit_list dl dd {font-size: 1.16vw;}
.merit p.caption {font-size: 1vw;width: 90%;}
}
@media screen and (max-width: 767px) {
.merit {margin: 0 auto 10vw}
.merit h2.merit_title {font-size: 3.8vw;}
.merit ul.merit_list li {position: relative;width: 48%;margin: 0 4% 4% 0;}
.merit ul.merit_list li:nth-child(3n){margin-right: inherit;}
.merit ul.merit_list li:nth-child(2n){margin-right: 0;}
.merit ul.merit_list dl dt {font-size:3.2vw;}
.merit ul.merit_list dl dd {font-size: 2.8vw;}
.merit p.caption {font-size: 2.8vw;}
}


.banner {width: 800px;margin:0 auto 100px;}
.banner img {width: 100%;height: auto;transition: transform .6s ease;}
.banner:hover img {transform: scale(1.1);}
@media (max-width: 1200px) {
.banner {width: 90%;height: auto; margin:0 auto 8.33vw;}
}
@media screen and (max-width: 767px) {

}


.solar_power_block {width: 1000px; background: #41210f;border-radius: 1vw;margin: 0 auto 100px;padding: 60px 0;}
.solar_power_block h2.solar_power_title {font-size: 34px;font-weight: 700;color: #fff;background-color: inherit;padding: 0;margin: 0 0 20px;}
.solar_power_block p.sub_title {font-size: 18px;color: #fff; margin: 0 0 60px;}
.solar_power_block .solar_power_text {margin: 0 60px;padding: 60px;background: #fff;border-radius: 1vw;text-align: left;}
.solar_power_block .solar_power_text h3.list_title {font-size: 34px;line-height: 1.6;font-weight: 700;color: #804f21; margin: 0 0 20px;}
.solar_power_block .solar_power_text ul.check {}
.solar_power_block .solar_power_text ul.check li {margin: 0 0 20px;}
.solar_power_block .solar_power_text ul.check li h4 {font-size: 26px;line-height: 1.6;font-weight: 700; position: relative;padding: 0 0 0 40px;}
.solar_power_block .solar_power_text ul.check li h4:before {
content: '';display: inline-block;width: 30px;height: 30px;background-image: url("images/check.svg");background-size: contain;vertical-align: middle;position: absolute;left: 0;top: 5px;}
.solar_power_block .solar_power_text ul.check li p {font-size: 14px;line-height: 1.6;margin: 10px 0 0;padding: 0 0 0 40px;}
.solar_power_block .solar_power_text p.caption {font-size: 12px;line-height: 1.6;}
@media (max-width: 1200px) {
.solar_power_block {width: 90%; background: #41210f;border-radius: 1vw;margin: 0 auto 8.33vw;padding: 5vw 0;}
.solar_power_block h2.solar_power_title {font-size: 2.83vw;margin: 0 0 1.66vw;}
.solar_power_block p.sub_title {font-size: 1.5vw;margin: 0 0 5vw;}
.solar_power_block .solar_power_text {margin: 0 5vw;padding: 5vw;border-radius: 1vw;}
.solar_power_block .solar_power_text h3.list_title {font-size: 2.83vw;margin: 0 0 1.66vw;}

.solar_power_block .solar_power_text ul.check li {margin: 0 0 1.66vw;}
.solar_power_block .solar_power_text ul.check li h4 {font-size: 2.16vw;padding: 0 0 0 3.33vw;}
.solar_power_block .solar_power_text ul.check li h4:before {
content: '';display: inline-block;width: 2.5vw;height: 2.5vw;top: 0.41vw;}
.solar_power_block .solar_power_text ul.check li p {font-size: 1.16vw;margin:1.66vw 0 0 ;padding: 0 0 0 3.33vw;}
.solar_power_block .solar_power_text p.caption {font-size: 1vw;}
}
@media screen and (max-width: 767px) {
.solar_power_block h2.solar_power_title {font-size: 4.4vw;margin: 0 0 2.5vw;}
.solar_power_block p.sub_title {font-size: 3vw;margin: 0 0 5vw;}
.solar_power_block .solar_power_text h3.list_title {font-size: 4vw;margin: 0 0 1.66vw;}

.solar_power_block .solar_power_text ul.check li {margin: 0 0 5vw;}
.solar_power_block .solar_power_text ul.check li h4 {font-size: 3.4vw;padding: 0 0 0 4.5vw;}
.solar_power_block .solar_power_text ul.check li h4:before {
content: '';display: inline-block;width: 4vw;height: 4vw;top: 0.8vw;}
.solar_power_block .solar_power_text ul.check li p {font-size: 3vw;margin:2vw 0 0 ;padding: 0 0 0 4.5vw;}
.solar_power_block .solar_power_text p.caption {font-size: 2.8vw;}
}