@charset "utf-8";
/*ソーラーストレージ公式CSS*/
/*----スマホ用と各デバイス共通CSS======================================================================================================================================================--*/
html {
	font-size: 14px;
	scroll-behavior: smooth;
}
body {
	color: #333;
	line-height: 1.7;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
a {
	color: #333;
	text-decoration: none;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
}
.a-opacity:hover {
	opacity: 0.9;
	cursor: pointer;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.pc-none {
	display: block;
}
.sp-none {
	display: none;
}
.mk-yellow {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #FFF985 50%);
}
.mk-green {
	background: linear-gradient(rgba(255, 255, 255, 0) 60%, #C4F2A7 50%);
}
.mb-05rem {
	margin-bottom: 0.5rem;
}
.mb-1rem {
	margin-bottom: 1rem;
}
.mb-2rem {
	margin-bottom: 2rem;
}
.mb-3rem {
	margin-bottom: 3rem;
}
.mb-4rem {
	margin-bottom: 4rem;
}
.mb-5rem {
	margin-bottom: 5rem;
}
/*--==================================================
ヘッダー
==================================================--*/
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: .5rem;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.18);
}
.header__logo {
	width: 175px;
	height: 30px;
}
.header__menu a {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}
.header__menu li {
	margin: 2rem;
	border-bottom: 1px solid #ddd;
}
/* ボタン */
.btn-menu {
	z-index: 1000;
	width: 110px;
	height: 3.5rem;
	border: 1px solid #fff;
	background: #93C931;
	color: #fff;
	padding: .5rem 0;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	border-radius: 7px;
}
/* メニュー */
.global-nav {
	z-index: 100;
	position: absolute;
	top: 0;
	right: 0;
	overflow-x: hidden;
	width: 0;
	height: 100vh;
	padding-top: 2.5rem;
	background: #ecf5e6;
	transition: .5s;
}
/* メニューを開いた時 */
.global-nav.open-menu {
	width: 70%;
	height: 100vh;
}
/*--==================================================
フッター
==================================================--*/
.footer {
	width: 100%;
	padding: 1rem;
	border-top: 1px solid #aaa;
}
.footer__box {
	width: 100%;
	margin-bottom: 1rem;
}
.footer__logo {
	display: block;
	width: 150px;
	height: auto;
	margin: 0 auto 0.8rem;
}
.footer__nav {
	width: 100%;
}
.footer__nav ul {
	display: flex;
	justify-content: center;
	font-size: 0.8rem;
}
.footer__nav li {
	margin-right: 1rem;
}
.footer__nav li:last-child {
	margin-right: 0;
}
.footer__copy {
	display: block;
	font-size: 0.7rem;
	text-align: center;
}
/*--==================================================
CVエリア
==================================================--*/
.cv-area {
	width: 100%;
	padding: 1.2rem;
	background-image: url("../images/city.jpg");
	background-position: 50% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.cv-area__box {
	width: 100%;
	padding: 1.8rem 1.3rem;
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.cv-area__inner-box {
	width: 100%;
}
.cv-area__title {
	display: block;
	margin-bottom: 0.3rem;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}
.cv-area__commodity {
	margin-bottom: 1.3rem;
	padding: 1rem 1rem 0.6rem;
	background-color: #FFF5CA;
}
.cv-area__commodity__title {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;
	text-align: center;
	line-height: 1.4;
}
.cv-area__commodity__item {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}
.cv-area__commodity__item-column {
	width: 50%;
	margin-bottom: 0.5rem;
}
.cv-area__commodity__item-text {
	font-size: 0.8rem;
}
.cv-area__commodity__item-text:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 0.6rem;
	background-image: url("../images/cv_check-icon.svg");
	background-size: contain;
	vertical-align: middle;
}
.cv-area__contact {
	width: 100%;
	margin-bottom: 1.2rem;
}
.cv-area__contact__tel-box {
	width: 100%;
	margin-bottom: 0.7rem;
}
.cv-area__contact__tel-number {
	color: #93C931;
	font-size: 2.5rem;
	line-height: 1.2;
	text-align: center;
}
.cv-area__contact__tel-number:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 35px;
	background-image: url("../images/cv_tel-icon .svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top 0 left 0;
	vertical-align: middle;
}
.cv-area__contact__tel-time {
	display: block;
	font-size: 1rem;
	margin-left: 1rem;
	text-align: center;
	line-height: 1;
}
.cv-area__contact__btn {
	width: 100%;
	padding: 0.7em;
	background-color: #93C931;
	text-align: center;
}
.cv-area__contact__btn-text {
	font-size: 1rem;
	color: #fff;
}
.cv-area__contact__btn-text::after {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	padding-left: 0.3em;
	font-weight: 900;
}
.cv-area__company-info {
	display: block;
	font-size: 0.9rem;
	text-align: center;
}
/*--==================================================
全ページ共通
==================================================--*/
.page-title {
	position: relative;
	width: 100%;
	padding: 2rem 0;
	background-position: 50% 40%;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-title::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(154, 247, 213, 0.35);
}
.page-title.battery {
	background-image: url("../images/page-title-bg_battery.jpg");
}
.page-title.solar {
	background-image: url("../images/page-title-bg_solar.jpg");
}
.page-title.electric {
	background-image: url("../images/page-title-bg_electric.jpg");
}
.page-title.battery-merit {
	background-image: url("../images/page-title-bg_battery-merit.jpg");
}
.page-title.company {
	background-image: url("../images/page-title-bg_company.jpg");
}
.page-title.privacy {
	background-image: url("../images/page-title-bg_privacy.jpg");
}
.page-title.faq {
	background-image: url("../images/page-title-bg_faq.jpg");
}
.page-title.contact {
	background-image: url("../images/page-title-bg_contact.jpg");
}
.page-title__inner {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 0 auto;
	padding: 0.8rem 0;
	font-size: 1.5rem;
	color: #fff;
	background-color: rgba(18, 158, 54, 0.64);
}
.container_commodity {
	width: 90%;
	margin: 2rem auto 3rem;
}
.heading_commodity {
	margin-bottom: 0.8rem;
	padding: 0 0 0 0.5em;
	/*padding: 0.25em 0.5em;*/
	background: transparent;
	color: #32A12A;
	border-left: solid 6px #32A12A;
	font-size: 1.2rem;
	line-height: 1.3;
	font-weight: bold;
}
.heading_commodity .small {
	font-size: 0.7em;
	font-weight: normal;
}
.container_commodity_inner {
	width: 100%;
	margin-bottom: 2rem;
}
.container_subpage {
	width: 94%;
	margin: 2rem auto 3rem;
}
.heading_subpage {
	margin-bottom: 1rem;
	padding: 0 0 0 0.5em;
	background: transparent;
	border-left: solid 6px #32A12A;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3;
}
.container_subpage_inner {
	width: 99%;
	margin-left: 1%;
}
.title-with-arrow {
	position: relative;
	margin-bottom: 1.5rem;
	padding: 0.8em 0;
	width: 100%;
	background-color: #93C931;
	text-align: center;
	color: #fff;
}
.title-with-arrow:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #93C931;
	width: 0;
	height: 0;
	z-index: 50;
}
.title-with-arrow__sub {
	display: block;
	font-size: 1rem;
}
.title-with-arrow__title {
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
}
.commodity_btn-box {
	display: flex;
	justify-content: space-between;
	width: 96%;
	margin: 0 auto;
	padding: 1.5rem 0;
}
.commodity_btn-box__btn {
	position: relative;
	width: 32%;
	padding: 1em;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	font-size: 0.9rem;
	font-weight: bold;
	color: #32A12A;
	text-align: center;
	border: 1px solid #32A12A;
	border-radius: 6px;
}
.commodity_btn-box__btn::after {
	position: absolute;
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	bottom: 0;
	line-height: 1;
	right: 50%;
	color: #32A12A;
}



.commodity_btn-box__btn a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
/*--==================================================
トップページ
==================================================--*/
/*アイキャッチ*/
.eye-chatch {
	position: relative;
	width: 100%;
	height: 400px;
	margin-bottom: 11rem;
	background-image: url("../images/city.jpg");
	background-position: 50% 40%;
	background-repeat: no-repeat;
	background-size: auto 120%;
	;
}
.eye-chatch__chatch-sp {
	display: block;
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 230px;
}
.eye-chatch__chatch-pc {
	display: none;
}
/*トップページの新着情報*/
.top__news {
	position: absolute;
	top: 290px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.top__news__title {
	width: 100%;
	padding: 0.5rem;
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	letter-spacing: 0.15em;
	background-color: #93C931;
}
.top__news__contents {
	width: 100%;
	height: auto;
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.9);
}
.top__news__contents li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-bottom: 0.4rem;
}
.top__news__contents li:last-child {
	margin-bottom: 0;
}
.top__news__day {
	font-size: 0.8rem;
	margin-right: 0.6rem;
}
.top__news__category {
	background-color: #fff;
	padding: 0.2rem;
	font-size: 0.8rem;
	color: #65B730;
}
.top__news__text {
	width: 100%;
	font-size: 0.9rem;
}
/*トップページのh2*/
.top__h2-box {
	width: 100%;
	margin-bottom: 1rem;
	text-align: center;
}
.top__h2__sub {
	display: block;
	font-size: 1rem;
	color: #45BA00;
}
.top__h2_title {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
}
/*アイキャッチ下の文章*/
.top__introduction {
	width: 94%;
	margin: 0 auto;
}
.top__eye-under-text {
	width: 94%;
	margin: 0 auto 2rem;
	font-size: 1rem;
	text-align: center;
}
.top__commodity {
	width: 100%;
	margin-bottom: 2rem;
}
.top__commodity__column {
	display: flex;
	width: 100%;
}
.top__commodity__img-box {
	display: none;
}
.top__commodity__text-box {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 2.8rem 1rem 4rem 1.5rem;
	color: #fff;
	background-size: cover;
}
.top__commodity__text-box.battery {
	background-image: url("../images/top_battery_bg.jpg");
}
.top__commodity__text-box.solar {
	background-image: url("../images/top_solar-power_bg.jpg");
}
.top__commodity__text-box.electric {
	background-image: url("../images/top_all-electric_bg.jpg");
}
.top__commodity__text-box::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
}
.top__commodity__btn-a {
	position: absolute;
	bottom: 0;
	right: 0;
}
.top__commodity__btn {
	background-color: #93C931;
	padding: 0.7em;
}
.top__commodity__btn-text {
	font-size: 1rem;
	color: #fff;
}
.top__commodity__btn-text::after {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	padding-left: 0.3em;
	font-weight: 900;
}
.top__commodity__over {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.top__commodity__system-box {
	display: flex;
	align-items: baseline;
	width: 100%;
	margin-bottom: 0.3rem;
}
.top__commodity__system {
	font-size: 1.1rem;
}
.top__commodity__system-number {
	font-size: 1.8rem;
	font-weight: bold;
}
.top__commodity__name {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 0.5rem;
}
.top__commodity__ex {
	font-size: 1rem;
}
.top__merit {
	width: 90%;
	margin: 0 auto 4rem;
	padding: 2rem 1.5rem;
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.top__merit__box {
	width: 100%;
}
.top__merit__column {
	width: 100%;
	border: 1px solid #FBB03B;
	padding: 1rem;
	margin-bottom: 1.3rem;
}
.top__merit__number {
	width: 100%;
	font-size: 2rem;
	color: #FF931E;
	line-height: 1;
}
.top__merit__icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: -0.4rem auto 1rem;
}
.top__merit__title {
	width: 100%;
	margin-bottom: 0.9rem;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	color: #FF931E;
	line-height: 1.2;
}
.top__merit__text {
	width: 90%;
	margin: 0 auto;
	font-size: 0.9rem;
}
/*トップページ共通のボタン*/
.top__btn {
	background-color: #93C931;
	padding: 0.7em;
	text-align: center;
}
.top__btn-text {
	font-size: 1rem;
	color: #fff;
}
.top__btn-text::after {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	padding-left: 0.3em;
	font-weight: 900;
}
.top__merit .top__btn {
	width: 70%;
	margin: 0 auto;
}
.top__faq .top__btn {
	width: 100%;
}
/*トップページのよくある質問*/
.top__faq {
	width: 100%;
	margin-bottom: 3rem;
}
.top__faq__box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}
.top__faq__column {
	width: 48%;
	margin-bottom: 0.5rem;
	padding: 1.7rem 0.4rem 0.4rem 0.4rem;
	background-color: #FFF8DB;
}
.top__faq__icon {
	display: block;
	width: 65px;
	height: 65px;
	margin: 0 auto 0.6rem;
}
.top__faq__text {
	width: 100%;
	line-height: 1.3;
	color: #45BA00;
	text-align: center;
	margin-bottom: 1rem;
}
.top__faq__text .item {
	font-size: 1.5rem;
	font-weight: bold;
}
.top__faq__text .about {
	font-size: 1.2rem;
}
/*--==================================================
蓄電池のメリット
==================================================--*/
.merit {
	width: 90%;
	margin: 2.5rem auto 2rem;
}
.merit__title {
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
}
.merit__title-sub {
	font-size: 0.7em;
	color: #45BA00;
}
.merit__intro {
	font-size: 1rem;
}
.merit__btn-box {
	width: 100%;
	margin-bottom: 3rem;
}
.merit__btn {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 0.7rem;
	padding: 1rem;
	border: 1px solid #FF931E;
}
.merit__btn a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.merit__btn::after {
	position: absolute;
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	font-size: 1.7rem;
	font-weight: 900;
	line-height: 1;
	top: 42%;
	right: 4%;
	color: #64BC2B;
}
.merit__btn__number {
	font-size: 2.2rem;
	color: #FF931E;
	font-weight: 500;
	margin-right: 1rem;
}
.merit__btn__icon {
	width: 40px;
	height: 40px;
	margin-right: 1rem;
}
.merit__btn__text {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.4;
	color: #555;
}
.merit__heading {
	display: flex;
	align-items: center;
	margin-bottom: 0.6rem;
	width: 100%;
}
.merit__heading-number {
	margin-right: 0.1em;
	font-size: 2.2rem;
	font-weight: 500;
	color: #FF931E;
	line-height: 1;
}
.merit__heading-text {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
}
.merit__text {
	width: 100%;
	font-size: 1rem;
	margin-bottom: 1rem;
}
.merit__illust {
	display: block;
	margin: 0 auto 4rem;
	width: 300px;
	height: auto;
}
.merit_end {
	font-size: 1rem;
}
/*--==================================================
system01 蓄電池
==================================================--*/
.battery {}
.battery__title {
	padding-top: 0.5rem;
}
.battery__logo {
	display: block;
	width: 60%;
	margin: 0 auto 1.2rem;
}
.battery__catch {
	width: 100%;
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
.battery__intro-text {
	width: 100%;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}
.battery__iedenchi-intro-text {
	width: 90%;
	margin: -0.7rem auto 1.5rem;
	padding: 0.5rem;
	background-color: #FBD33B;
	font-size: 0.8rem;
	text-align: center;
}
.battery__sunrage-case-img {
	display: block;
	margin: 0 auto 1.5rem;
	width: 70%;
}
.battery__iedenchi-case-img {
	display: block;
	margin: 0 auto 1.5rem;
	width: 35%;
}
.battery article {
	margin-bottom: 2rem;
}
.battery .container_commodity_inner p {
	margin-bottom: 1rem;
}
.battery__figure-box {
	width: 100%;
	text-align: center;
}
.battery__figure-box > img:first-child {
	margin-bottom: 1rem;
}
.battery__figure-box img.column1 {
	width: 80%;
}
.battery__figure-box img.column2 {
	width: 80%;
}
.battery__figure-box img.w-half {
	width: 80%;
}
.battery__figure-box img.w-middle {
	width: 80%;
}
.battery__figure-box img.w-long {
	width: 80%;
}
.battery__info-title-box {
	display: flex;
	margin-bottom: 0.7rem;
}
.battery__info-title {
	padding: 0.3rem 0.8rem;
}
.battery__info-title.spec-en {
	background-color: #4D4D4D;
	color: #fff;
	margin-right: 0.5rem;
}
.battery__info-title.spec-ja {
	color: #4D4D4D;
	border: 1px solid #4D4D4D;
}
.battery__info-table {
	width: 100%;
	margin-bottom: 2rem;
	border: 1px dotted;
	border-collapse: collapse;
	border-spacing: 1px;
}
.battery__info-table th, .battery__info-table td {
	border: 1px dotted;
	padding: 0.5rem;
}
.battery__info-table th {
	font-weight: bold;
	white-space: nowrap;
}
.battery__size-box {
	width: 100%;
}
.battery__size-box img {
	display: block;
	width: 85%;
	margin: 0 auto 2rem;
}
.battery__info-table_iedenchi-box {
	width: 100%;
}
.battery__info-table_iedenchi-box img {
	display: block;
	margin: 0 auto;
	width: 80%;
}
.battery__iedenchi-contents {
	width: 100%;
	margin-bottom: 3rem;
	padding: 3rem 5% 0.5rem;
	background-color: #FBF8EC;
}
.battery__iedenchi__title {
	width: 100%;
	margin-bottom: 0.8rem;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
}
.battery__iedenchi__title .big {
	display: block;
	font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
	font-size: 1.8em;
}
.battery__iedenchi__text {
	width: 100%;
	font-size: 1rem;
	margin-bottom: 1rem;
}
.battery__iedenchi__img {
	margin: 0 auto;
	margin-bottom: 2rem
}
.battery__iedenchi__img.w-long {
	width: 100%;
}
.battery__iedenchi__img.w-medium {
	width: 100%;
	margin-bottom: 3rem;
}
.battery__iedenchi__img.w-short {
	display: block;
	margin: 0 auto 1rem;
	width: 70%;
}
.battery__iedenchi__img-2column {
	width: 100%;
}
.battery__iedenchi__img.w-half {
	display: block;
	margin: 0 auto 1rem;
	width: 75%;
}
.battery__iedenchi__title.self {
	font-size: 1.4em;
	display: block;
	font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
}
.battery__iedenchi__system-img {
	width: 100%;
	margin-bottom: 3rem;
	padding: 1.5rem 0;
	background-color: #fff;
	text-align: center;
}
.battery__iedenchi__system-img img {
	width: 80%;
}
.battery__iedenchi__reason {
	width: 100%;
	margin: 0 auto 3.5rem;
}
.battery__iedenchi__reason__title-box {
	width: 100%;
}
.battery__iedenchi__reason__icon {
	display: block;
	margin: 0 auto 0.6rem;
	width: 60px;
}
.battery__iedenchi__reason__title {
	width: 100%;
	margin-bottom: 1rem;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.battery__iedenchi__reason__el-app-box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 1.5rem 1.5rem 0 1.5rem;
	background-color: #fff;
}
.battery__iedenchi__reason__el-app-box p{
	width: 100%;
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
}
.battery__iedenchi__reason__el-app {
	width: 50%;
	margin-bottom: 2rem;
	text-align: center;
	align-self: flex-end;
}
.battery__iedenchi__reason__el-app.light {
	margin-bottom: 15px;
}
.battery__iedenchi__reason__el-app img {
	width: 100px;
}
/*--==================================================
system02 太陽光発電
==================================================--*/
.solar {}
.solar__panel-img {
	display: block;
	width: 70%;
	height: auto;
	margin: 0 auto 2rem;
}
.solar__desc-title {
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.solar__desc-text {
	width: 100%;
	margin-bottom: 1.5rem;
}
.solar__equipment-img {
	width: 100%;
	height: auto;
	margin-bottom: 2.5rem;
}
.solar__warranty {
	margin-bottom: 3.5rem;
}
.solar__warranty__icon-box {
	width: 100%;
	margin-bottom: 0.2rem;
}
.solar__warranty__icon {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: auto;
}
.solar__warranty__text-box {
	width: 100%;
}
.solar__warranty__title {
	width: 100%;
	font-size: 1.3rem;
	color: #32A12A;
	text-align: center;
	font-weight: bold;
}
.solar__warranty__text {
	width: 100%;
	font-size: 1rem;
}
.solar__warranty__img {
	display: block;
	margin: 1rem auto 0;
	width: 85%;
}
/*--==================================================
system03 オール電化
==================================================--*/
.container_commodity.electric {
	margin-bottom: 5rem;
}
.electric__ecocute__title {
	padding-top: 0.5rem;
}
.electric__ecocute__logo {
	display: block;
	width: 90%;
	margin: 0 auto 1.2rem;
}
.electric_catch {
	width: 100%;
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
.electric_intro-text {
	width: 100%;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}
.electric article {
	margin-bottom: 2rem;
}
.electric .container_commodity_inner p {
	margin-bottom: 0.5rem;
}
.electric__figure {
	display: block;
	margin: 0 auto;
}
.electric__figure.middle {
	width: 80%;
}
.electric__figure.big {
	width: 100%;
}
.electric__ih__logo-box {
	display: block;
	width: 96%;
	margin: 0 auto 2rem;
	padding-top: 0.9rem;
}
.electric__ih__logo-mark {
	display: block;
	width: 70px;
	height: auto;
	margin: 0 auto 0.6rem;
}
.electric__ih__logo-text {
	display: block;
	width: 90%;
	margin: 0 auto 1.5rem;
}
.electric_ih__intro-box {
	width: 100%;
}
.electric_ih__intro-text {
	width: 100%;
}
.electric_ih__intro-text p {
	font-size: 1rem;
}
.electric_ih__intro-img-box {
	width: 100%;
	margin-bottom: 1rem;
}
.electric_ih__intro-img-box img {
	display: block;
	width: 70%;
	margin: 0 auto;
}
/*--==================================================
会社概要
==================================================--*/
.company__greeting {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 2.5rem;
}
.company__greeting-ceo {
	width: 100%;
}
.company__greeting-ceo-photo {
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto 1rem;
}
.company__greeting-textbox {
	width: 100%;
}
.company__greeting-text {
	margin-bottom: 0.8rem;
}
.company__signature {
	display: block;
	width: 160px;
	height: auto;
	margin-left: auto;
}
.company__table {
	width: 100%;
	margin-bottom: 3rem;
}
.company__table tr:first-child th {
	border-top: 1px solid #fff;
}
.company__table th, .company__table td {
	padding: 0.8rem;
	border: 1px solid #fff;
	width: 100%;
	display: block;
	border-top: none;
}
.company__table th {
	color: #fff;
	font-weight: bold;
	background: #6EC47A;
}
.company__table td {
	background: #EAF5E4;
}
/*--==================================================
プライバシーポリシー
==================================================--*/
.container_subpage.privacy {
	font-size: 0.8rem
}
.privacy__intro-text {
	margin-bottom: 2rem;
}
.container_subpage.privacy .container_subpage_inner {
	margin-bottom: 2rem;
}
.container_subpage.privacy ol.number-on {
	list-style-type: decimal;
	margin: 0.5rem 0 0 1rem;
}
.container_subpage.privacy ol.number-on li {}
/*--==================================================
よくある質問
==================================================--*/
.faq__commodity-title {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.faq__qa-box {
	width: 100%;
	margin-bottom: 3rem;
}
.faq__qa-box .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.faq__qa-box.solar .cp_actab {
	border-top: 2px solid #FF931E;
}
.faq__qa-box.battery .cp_actab {
	border-top: 2px solid #45BA00;
}
.faq__qa-box.ecocute .cp_actab {
	border-top: 2px solid #0079D6;
}
.faq__qa-box.ih .cp_actab {
	border-top: 2px solid #FF7BAC;
}
.faq__qa-box .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.faq__qa-box .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0;
	padding: 1em 2em 1em 3em;
	cursor: pointer;
	text-indent: 1em;
	background: rgba(27, 37, 56, 0.05);
}
.faq__qa-box .cp_actab label::before {
	content: '';
	display: inline-block;
	width: 2em;
	height: 2em;
	margin: 0 0.3em 0 -3.2em;
	background-size: contain;
	vertical-align: middle;
}
.faq__qa-box.solar .cp_actab label::before {
	background-image: url("../images/faq_q_solar.svg");
}
.faq__qa-box.battery .cp_actab label::before {
	background-image: url("../images/faq_q_battery.svg");
}
.faq__qa-box.ecocute .cp_actab label::before {
	background-image: url("../images/faq_q_ecocute.svg");
}
.faq__qa-box.ih .cp_actab label::before {
	background-image: url("../images/faq_q_ih.svg");
}
.faq__qa-box .cp_actab label:hover {
	transition: all 0.3s;
}
/* --質問の＋アイコン */
.faq__qa-box .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: -0.3em;
	content: '×';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	transition: transform 0.4s;
}
/* 答え */
.faq__qa-box .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	/*-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;*/
}
.faq__qa-box .cp_actab .cp_actab-content::before {
	font-size: 1.3em;
	position: absolute;
	margin: 0.5em 0 0 -1em;
	padding: 0;
	content: 'A.';
}
.faq__qa-box.solar .cp_actab .cp_actab-content::before {
	color: #FF931E;
}
.faq__qa-box.battery .cp_actab .cp_actab-content::before {
	color: #45BA00;
}
.faq__qa-box.ecocute .cp_actab .cp_actab-content::before {
	color: #0079D6;
}
.faq__qa-box.ih .cp_actab .cp_actab-content::before {
	color: #FF7BAC;
}
.faq__qa-box .cp_actab .cp_actab-content p {
	margin: 1rem 1rem 1rem 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.faq__qa-box .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27, 37, 56, 0.05);
	border-top: none;
}
/* 質問をクリックした時のアイコンの動き */
.faq__qa-box .cp_actab input:checked ~ label {
	/*	color: #00838f;*/
}
/* 質問をクリックした時の+の動き */
.faq__qa-box .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.faq__qa-box ol {
	list-style-type: decimal;
	margin-left: 1.3em;
}
.faq__qa-box .cp_actab .cp_actab-content p.mb-0 {
	margin: 1rem 1rem 0 0;
}
/*--==================================================
お問い合わせ
==================================================--*/
.contact section{
	margin-bottom: 3rem;
}
.contact__number{
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
}
.contact__attention{
	font-size: 0.9rem;
}

.contact__form{
	width: 100%;
	margin-top: 1.5rem;
	border-collapse: collapse;
	border: none;
}
.contact__form tr{
}
.contact__form th,.contact__form td{
	display: block;
	border: none;
	padding: 0.1rem;
}
.contact__form th{
	font-size: 1.2rem;
	font-weight: bold;
}
.contact__form td{
	margin-bottom: 1rem;
}
.contact__form input[type="text"],.contact__form input[type="email"]{
	width: 100%;
	height: 3rem;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 1rem;
	color: #333;
	border-radius: 5px;
}
.contact__form textarea{
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 1rem;
	color: #333;
	border-radius: 5px;
}
.contact__form .required-icon {
	display: inline-block;
	margin: -6px 0 0 0.1em;
	padding: 2px 6px;
	color: #fff;
	font-size: 0.8em;
	letter-spacing:0.2em;
	background-color: #f66;
	border-radius: 3px;
}

#form input[type="submit"], #form input[type="button"] {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 1rem 2rem;
	border-style: none;
	box-shadow: 2px 2px 3px 1px #CCC;
	border-radius: 3px;
}
#form input[type="submit"].col1, #form input[type="button"].col1 {
	width: 46%;
	margin: 0 auto;
}
#form input[type="submit"].col2, #form input[type="button"].col2 {
	width: 46%;
}
#form .col2-space {
	margin-right: 6px;
}
#form input[type="submit"].go, #form input[type="button"].go {
	color: #fff;
	background-color: #32A12A;
}
#form input[type="submit"].back, #form input[type="button"].back {
	background-color: #eee;
	color: #aaa;
}
.btn-center{
	display: block;
	margin: 0 auto;
}

/*ステップアップバー*/
.stepBar {
	position: relative;
	list-style: none;
	margin: 2rem auto 1rem;
	padding: 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	*zoom: 1;
}
.stepBar .step {
	position: relative;
	float: left;
	display: inline-block;
	line-height: 50px;
	padding: 0 20px 0 0px;
	/*padding: 0 40px 0 20px;*/
	background-color: #eee;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
.stepBar .step:before, .stepBar .step:after {
	position: absolute;
	left: -15px;
	display: block;
	content: '';
	background-color: #eee;
	border-left: 4px solid #FFF;
	width: 20px;
	height: 25px;
}
.stepBar .step:after {
	top: 0;
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
}
.stepBar .step:before {
	bottom: 0;
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
}
/*
.stepBar .step:first-child {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
*/
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
	content: none;
}
/*
.stepBar .step:last-child {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
*/
.stepBar .step.current {
	color: #FFF;
	background-color: #5BCC52;
}
.stepBar .step.current:before, .stepBar .step.current:after {
	background-color: #5BCC52;
}
.stepBar .step1 {
	width: 33%;
}
.stepBar .step2 {
	width: 38%;
}
.stepBar .step3 {
	width: 29%;
}

/*php*/
.formTable{
	width: 100%;
	margin: 1rem auto 1.5rem;
}

/*サンクスページ*/
.contact-thanks__text{
	width: 100%;
	padding-top: 1.5rem;
	font-size: 1.1rem;
}



/*----------------------------------------------------
iOSでのデフォルトスタイルをリセット
----------------------------------------------------*/
input[type="submit"], input[type="button"] {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
	outline-offset: -2px;
}
/*----画面サイズが小さいスマホ用CSS======================================================================================================================================================--*/
@media screen and (max-width:360px) {
	html {
		font-size: 12px;
	}
	/*↓画面サイズが小さいスマホ用CSS閉じタグ*/
}
/*----タブレット用CSS======================================================================================================================================================-*/
@media screen and (min-width: 481px) and (max-width: 896px) {
	html {
		font-size: 16px;
	}
	.pc-none {
		display: none;
	}
	.pc-block {
		display: block;
	}
	.sp-none {
		display: block;
	}
	/*--==================================================
CVエリア
==================================================--*/
	.cv-area {
		width: 100%;
		padding: 2rem 0;
	}
	.cv-area__box {
		width: 84%;
		margin: 0 auto;
		padding: 1.8rem 1.3rem;
	}
	.cv-area__inner-box {
		width: 100%;
		margin: 0 auto;
	}
	.cv-area__commodity {
		margin-bottom: 1.5rem;
		padding: 1rem 1rem 1.2rem 1rem;
	}
	.cv-area__commodity__title {
		margin-bottom: 0.9rem;
	}
	.cv-area__commodity__item {
		justify-content: center;
		width: 105%;
		margin: 0 auto;
	}
	.cv-area__commodity__item-column {
		width: auto;
		margin: 0 1rem 0 0;
	}
	.cv-area__commodity__item-column:last-child {
		margin: 0;
	}
	/*--==================================================
全ページ共通
==================================================--*/
	.page-title {
		padding: 3.5rem 0;
	}
	.container_commodity {
		width: 84%;
		margin: 2rem auto 3rem;
	}
	.container_subpage {
		width: 84%;
		margin: 3rem auto 4rem;
	}
	.container_subpage_inner {
		width: 97%;
		margin-left: 3%;
	}
	/*--==================================================
蓄電池のメリット
==================================================--*/
	.merit {
		width: 84%;
	}
	.merit__btn__text br {
		display: none;
	}
	/*--==================================================
system01 蓄電池
==================================================--*/
	.battery__iedenchi-contents {
		padding: 3rem 8% 0.5rem;
	}
	/*--==================================================
system03 オール電化
==================================================--*/
	.electric__ecocute__logo {
		width: 60%;
	}
	.electric__figure.middle {
		width: 60%;
	}
	.electric__figure.big {
		width: 80%;
	}
	.electric__ih__logo-box {
		width: 80%;
	}
	.electric_ih__intro-img-box img {
		width: 60%;
	}
	/*--==================================================
会社概要
==================================================--*/
	.company__greeting {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row-reverse;
		width: 100%;
		margin-bottom: 3.5rem;
	}
	.company__greeting-ceo {
		width: 30%;
	}
	.company__greeting-ceo-photo {
		width: 80%;
		margin: 0 auto;
	}
	.company__greeting-textbox {
		width: 70%;
	}
	.company__greeting-text {
		margin-bottom: 1rem;
		font-size: 0.9rem;
	}
	.company__signature {
		width: 230px;
		margin: 0 auto 0 0;
	}
	/*--==================================================
トップページ
==================================================--*/
	/*トップページの新着情報*/
	.top__news {
		width: 80%;
	}
	/*トップページの商材*/
	.top__commodity {
		margin-bottom: 5rem;
	}
	.top__commodity__text-box {
		padding: 2.8rem 4rem 4rem 4.5rem;
	}
	.top__commodity__over {
		width: 80%;
	}
	.top__commodity__btn {
		padding: 0.9em 2rem;
	}
	/*トップページのメリット*/
	.top__merit {
		width: 80%;
		margin: 0 auto 6rem;
		padding: 2rem 2.5rem;
	}
	.top__merit__box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 1.5rem;
	}
	.top__merit__column {
		width: 48%;
		padding: 1rem;
		margin-bottom: 1.5rem;
	}
	.top__faq .top__btn {
		width: 85%;
		margin: 0 auto;
	}
	/*トップページのよくある質問*/
	.top__faq {
		margin-bottom: 6rem;
	}
	.top__faq__box {
		width: 80%;
	}
	.top__faq__column {
		width: 48%;
		margin-bottom: 1rem;
		padding: 1.7rem 1rem 1.2rem 1rem;
	}
	/*--==================================================
フッター
==================================================--*/
	/*↓タブレット用CSS閉じタグ*/
}
/*----PC用CSS======================================================================================================================================================---*/
@media screen and (min-width:897px) {
	html {
		font-size: 18px;
	}
	img {
		/*max-width: initial;*/
		width: auto;
		height: auto;
	}
	.pc-none {
		display: none;
	}
	.pc-block {
		display: block;
	}
	.sp-none {
		display: block;
	}
	a div:hover {
		opacity: 0.9;
		cursor: pointer;
	}
	/*--==================================================
ヘッダー
==================================================--*/
	.header {
		padding: 0.9rem 1.2rem;
	}
	.header__logo{
		width: 200px;
		height: auto;
	}
	.header__menu {
		display: flex;
	}
	.header__menu a {
		color: #333;
		font-size: 0.9rem;
	}
	.header__menu a:hover {
		border-bottom: 1px solid #333;
	}
	.header__menu li {
		margin: 0 1.1rem 0 0;
		border-bottom: none;
	}
	.header__menu li:last-child {
		margin: 0;
		border-bottom: none;
	}
	/* ボタン */
	.btn-menu {
		display: none;
	}
	/* メニュー */
	.global-nav {
		position: static;
		top: auto;
		right: auto;
		overflow-x: visible;
		width: auto;
		height: 1.5rem;
		padding-top: 0;
		background: #fff;
		transition: none;
	}
	/* メニューを開いた時 */
	.global-nav.open-menu {
		width: 70%;
	}
	/*--==================================================
フッター
==================================================--*/
	.footer__box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
		width: 90%;
		margin: 0 auto 1rem;
	}
	.footer__logo {
		display: block;
		width: 180px;
		height: auto;
		margin: 0 auto 0.8rem;
	}
	.footer__nav {
		width: 100%;
	}
	.footer__nav ul {
		justify-content: flex-start;
	}
	.footer__nav a:hover {
		border-bottom: 1px solid #333;
	}
	/*--==================================================
CVエリア
==================================================--*/
	.cv-area {
		min-width: 1100px;
		padding: 2.5rem 0;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.cv-area__box {
		width: 1000px;
		margin: 0 auto;
		padding: 2.4rem 1.3rem;
	}
	.cv-area__inner-box {
		width: 800px;
		margin: 0 auto;
	}
	.cv-area__title {
		margin-bottom: 0.8rem;
	}
	.cv-area__commodity {
		margin-bottom: 1.5rem;
		padding: 1.5rem;
	}
	.cv-area__commodity__title {
		margin-bottom: 0.9rem;
	}
	.cv-area__commodity__item {
		justify-content: center;
		width: 75%;
		margin: 0 auto;
	}
	.cv-area__commodity__item-column {
		width: auto;
		margin: 0 3rem 0 0;
	}
	.cv-area__commodity__item-column:last-child {
		margin: 0;
	}
	.cv-area__contact {
		display: flex;
		justify-content: space-between;
		margin-bottom: 2rem;
	}
	.cv-area__contact__tel-box {
		width: 48%;
		margin-bottom: 0;
	}
	.cv-area__contact__btn-a {
		width: 48%;
	}
	.cv-area__contact__btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0;
	}
	/*--==================================================
全ページ共通
==================================================--*/
	.page-title {
		padding: 3.5rem 0;
	}
	.page-title.battery {
		background-position: top 70% left 50%;
	}
	.page-title.electric {
		background-position: top 60% left 50%;
	}
	.page-title.company {
		background-position: top 60% left 50%;
	}
	.page-title__inner {
		width: 500px;
		padding: 0.8rem 0;
		font-size: 1.5rem;
	}
	.container_commodity {
		width: 1000px;
		margin: 3rem auto 5rem;
	}
	.container_commodity_inner {
		width: 98%;
		margin-left: 2%;
	}
	.container_subpage {
		width: 1000px;
		margin: 3.5rem auto 5rem;
	}
	.container_subpage_inner {
		width: 98%;
		margin-left: 2%;
	}
	.title-with-arrow {
		padding: 1.5em 0;
	}
	.commodity_btn-box {
		width: 700px;
	}
	.commodity_btn-box__btn {
		width: 32%;
		padding: 1.1rem;
	}
.commodity_btn-box__btn:hover {
	background-color: #E2F5D5;
}
	/*--==================================================
トップページ
==================================================--*/
	/*アイキャッチ*/
	.eye-chatch {
		height: 600px;
		margin-bottom: 3rem;
		background-position: 50% 60%;
		background-size: cover;
	}
	.eye-chatch__chatch-sp {
		display: none;
	}
	.eye-chatch__chatch-pc {
		display: block;
		position: absolute;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		height: 210px;
	}
	/*トップページの新着情報*/
	.top__news {
		display: flex;
		top: 390px;
		width: 900px;
	}
	.top__news__title {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 14%;
		font-size: 1.1rem;
		letter-spacing: 0.03em;
	}
	.top__news__contents {
		width: 86%;
		padding: 1rem;
	}
	.top__news__contents li {
		flex-wrap: nowrap;
	}
	.top__news__day {
		width: 10%;
	}
	.top__news__category {
		width: 10%;
		margin-right: 0.7rem;
		text-align: center;
	}
	.top__news__text {
		width: 80%;
	}
	/*商材*/
	/*
	.top__commodity-h2 {
		padding: 1.5em 0;
	}
	*/
	.top__commodity {
		margin-bottom: 6rem;
	}
	.top__commodity__img-box {
		display: block;
		width: 50%;
		/*		background-position:50% 40%;*/
		background-repeat: no-repeat;
		background-size: cover;
	}
	.top__commodity__img-box.battery {
		background-image: url("../images/top_battery_bg.jpg");
	}
	.top__commodity__img-box.solar {
		background-image: url("../images/top_solar-power_bg.jpg");
	}
	.top__commodity__img-box.electric {
		background-image: url("../images/top_all-electric_bg.jpg");
	}
	.top__commodity__text-box {
		width: 50%;
		padding: 2.8rem 2.5rem 5.5rem 2.5rem;
		color: #333;
		background-color: #FFF8DB;
	}
	.top__commodity__text-box.battery {
		background-image: none;
	}
	.top__commodity__text-box.solar {
		background-image: none;
	}
	.top__commodity__text-box.electric {
		background-image: none;
	}
	.top__commodity__text-box::before {
		background-color: transparent;
	}
	.top__commodity__over {
		display: flex;
		flex-wrap: wrap;
		position: static;
		z-index: 10;
		width: 400px;
		height: 100%;
	}
	.top__commodity__text-inner {
		width: 400px;
	}
	.top__commodity__text-box.solar .top__commodity__text-inner {
		margin-left: auto;
	}
	.top__commodity__btn-a {
		/*position: static;*/
		bottom: auto;
		right: auto;
	}
	.top__commodity__btn {
		width: 400px;
		background-color: #93C931;
		padding: 0.7em;
	}
	.top__commodity__ex {
		margin-bottom: 1rem;
	}
	.top__commodity__btn-text {
		font-size: 1rem;
		color: #fff;
	}
	/*トップページのメリット*/
	.top__merit {
		width: 1100px;
		margin: 0 auto 6rem;
		padding: 3rem 2.5rem 2.5rem;
	}
	.top__merit__box {
		display: flex;
		justify-content: space-between;
		margin-bottom: 1.5rem;
	}
	.top__merit__column {
		width: 24%;
		padding: 1rem;
		margin-bottom: 0;
	}
	.top__merit__icon {
		width: 70px;
		height: 70px;
	}
	.top__merit__title {
		line-height: 1.35;
	}
	/*トップページ共通のボタン*/
	.top__btn {
		background-color: #93C931;
		padding: 0.6em;
		text-align: center;
	}
	.top__merit .top__btn {
		width: 270px;
	}
	.top__faq .top__btn {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	/*トップページのよくある質問*/
	.top__faq {
		width: 1100px;
		margin: 0 auto 5rem;
	}
	.top__faq__box {
		width: 100%;
	}
	.top__faq__column {
		width: 24%;
		margin-bottom: 0.5rem;
		padding: 1.7rem 1.7rem 2.2rem;
	}
	.top__faq__icon {
		width: 65px;
		height: 65px;
		margin: 0 auto 0.9rem;
	}
	.top__faq__text {
		margin-bottom: 0.9rem;
	}
	/*--==================================================
蓄電池のメリット
==================================================--*/
	.merit {
		width: 1000px;
		margin: 3.5rem auto 3rem;
	}
	.merit__btn-box {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 3rem;
	}
	.merit__btn {
		align-items: center;
		width: 23%;
		margin-bottom: 0;
		padding: 1rem 1rem 3rem 1rem;
		text-align: center;
		flex-direction: column;
	}
	.merit__btn::after {
		font-size: 1.5rem;
		top: 85%;
		left: 50%;
		transform: translateX(-50%);
		color: #64BC2B;
	}
	.merit__btn__number {
		font-size: 2.2rem;
		margin-right: 0;
	}
	.merit__btn__icon {
		width: 60px;
		height: 60px;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	.merit__btn__text {
		width: 100%;
		font-size: 1.3rem;
	}
	.merit__text {
		width: 95.5%;
		margin-left: 4.5%;
	}
	.merit__illust {
		margin: 0 auto 4rem;
		width: 500px;
	}
	/*--==================================================
system01 蓄電池
==================================================--*/
	.battery {}
	.battery__title{
		padding-top: 0rem;
	}
	.battery__logo {
		width: 400px;
		margin: 0 auto 1.2rem;
	}
	.battery__iedenchi-intro-text{
		width: 67%;
		margin: -0.7rem auto 1.5rem;
		padding: 0.6rem 0;
		font-size: 0.9rem;
	}
	.battery__sunrage-case-img{
		width: 500px;
	}
	.battery__iedenchi-case-img{
		margin: 0 auto 1.5rem;
		width: 200px;
	}
	.battery article{
		margin-bottom: 3rem;
	}
	.battery__figure-box{
		
		/*display: flex;
		justify-content: space-around;
		align-items: center;*/
		text-align: center;
	}
	.battery__figure-box > img:first-child{
		margin-bottom: 1.5rem;
	}
	.battery__figure-box img.column1{
		width: auto;
	}
	.battery__figure-box img.column2 {
		width: auto;
		height: auto;
	}
	.battery__figure-box img.w-half{
		width: 45%;
	}
	.battery__figure-box img.w-medium{
		width: 60%;
		margin-bottom: 3rem;
	}

	.battery__figure-box img.w-long{
		width: 80%;
	}	
	.battery__info-table{
		width: 50%;
		margin-bottom: 2rem;
	}	
	.battery__size-box{
		display: flex;
		align-items: flex-start;
	}
	.battery__size-box img{
		display: inline-block;
		width: 47%;
		margin: 0 5% 0 0;
	}	
	.battery__size-box img:last-child{
		margin: 0;
	}	
	.battery__iedenchi-contents-inner {
		width: 950px;
		margin: 0 auto;
	}
	.battery__iedenchi__title {
		font-size: 1.3rem;
	}	
	.battery__info-table_iedenchi-box{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.battery__info-table_iedenchi-box img{
		display: inline-block;
		margin: 0;
		width: 45%;
	}	
	.battery__iedenchi__title.self {
		font-size: 1.7em;
	}
	.battery__iedenchi__img {
		margin: 0;
		margin-bottom: 0
	}
	.battery__iedenchi__img.w-long {
		width: 100%;
	}
	.battery__iedenchi__img.w-medium {
		display: block;
		width: auto;
		margin:0 auto 3rem;
	}
	.battery__iedenchi__img.w-short {
		display: block;
		margin: 0 auto 1rem;
		width: 50%;
	}
	.battery__iedenchi__img-2column {
		display: flex;
		justify-content: space-between;
		width: 86%;
		margin: 0 auto;
	}
	.battery__iedenchi__img.w-half {
		display: inline-block;
		margin: 0;
		width: 45%;
	}
	.battery__iedenchi__system-img {
		width: 690px;
		margin:0 auto 3rem;
		padding: 2rem 0;
	}	
	.battery__iedenchi__system-img img {
		width: 600px;
	}	
	.battery__iedenchi__reason {
		margin: 0 auto 4.5rem;
	}
	
	.battery__iedenchi__reason__title-box {
		display: flex;
		align-items: center;
		margin-bottom: 0.3rem;
	}
	.battery__iedenchi__reason__icon {
		margin: 0 1rem 0 0;
		width: 60px;
	}	
	.battery__iedenchi__reason__title {
		width: 90;
		margin-bottom: -0.3rem;
		font-size: 1.4rem;
		text-align: left;
	}
	
	.battery__iedenchi__reason__el-app-box {
		padding: 1.8rem 0 2.5rem;
		justify-content: center;
	}	
	
	.battery__iedenchi__reason__el-app {
		width: 23%;
		margin-bottom: 0;
	}
	.battery__iedenchi__reason__el-app.light {
		margin-bottom: -15px;
	}
	.battery__iedenchi__reason__el-app img {
		width: 200px;
	}	
	/*--==================================================
system02 太陽光発電
==================================================--*/
	.solar {}
	.solar__panel-img {
		width: 375px;
	}
	.solar__desc-title {
		font-size: 1.3rem;
		margin-bottom: 1rem;
	}
	.solar__warranty {
		display: flex;
		margin-bottom: 2.5rem;
	}
	.solar__warranty__icon-box {
		width: 9%;
		margin-bottom: 0;
		padding-right: 1rem;
	}
	.solar__warranty__icon {
		width: 100%;
	}
	.solar__warranty__text-box {
		width: 91%;
	}
	.solar__warranty__title {
		font-size: 1.3rem;
		text-align: left;
	}
	.solar__warranty__img {
		margin: 1rem auto 0;
		width: 600px;
	}
	/*--==================================================
system03 オール電化
==================================================--*/
	.electric__ecocute__logo {
		width: 600px;
		margin: 0 auto 1.2rem;
	}
	.electric article {
		margin-bottom: 3rem;
	}
	.electric .container_commodity_inner p {
		margin-bottom: 1rem;
	}
	.electric__figure.middle {
		width: 500px;
	}
	.electric__figure.big {
		width: 900px;
	}
	.electric__ih__logo-box {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80%;
		margin: 0 auto 2rem;
		padding-top: 0.1rem;
	}
	.electric__ih__logo-box h4 {
		width: 700px;
	}
	.electric__ih__logo-mark {
		display: block;
		width: auto;
		height: 65px;
		margin: 0;
	}
	.electric__ih__logo-text {
		display: block;
		width: 100%;
		margin: 0 0 0 1rem;
	}
	.electric_catch {
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
	.electric_ih__intro-box {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.electric_ih__intro-text {
		width: 68%;
	}
	.electric_ih__intro-img-box {
		width: 30%;
		margin-bottom: 0;
	}
	.electric_ih__intro-img-box img {
		display: block;
		width: 100%;
		margin: 0;
	}
	/*--==================================================
会社概要
==================================================--*/
	.company__greeting {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row-reverse;
		width: 100%;
		margin-bottom: 3.5rem;
	}
	.company__greeting-ceo {
		width: 30%;
	}
	.company__greeting-ceo-photo {
		width: 80%;
		margin: 0 auto;
	}
	.company__greeting-textbox {
		width: 70%;
	}
	.company__greeting-text {
		margin-bottom: 1rem;
		font-size: 0.9rem;
	}
	.company__signature {
		width: 230px;
		margin: 0 auto 0 0;
	}
	.company__table {
		width: 100%;
		margin-bottom: 3.8rem;
	}
	.company__table th, .company__table td {
		display: table-cell;
	}
	.company__table th {
		width: 20%;
	}
	.company__table td {
		width: 80%;
	}
	/*--==================================================
プライバシーポリシー
==================================================--*/
	.privacy__text {
		font-size: 0.8rem
	}
	/*--==================================================
よくある質問
==================================================--*/
	.faq__qa-box .cp_actab label::after {
		top: 10%;
	}
/*--==================================================
お問い合わせ
==================================================--*/	
	#form {
		width: 800px;
		margin: 0 auto;
	}
	#form.w-100per {
		width: 100%;
		margin: 0 20% 0 0;
	}
	#form.w-80per {
		width: 80%;
		margin: 0 20% 0 0;
	}
	.contact__form th{
		font-size: 1.1rem
	}
	#form input[type="submit"].col1, #form input[type="button"].col1 {
		width: 300px;
	}
	#form input[type="submit"].col2, #form input[type="button"].col2 {
		width: 250px;
	}
	#form input[type="submit"].go:hover, #form input[type="button"].go:hover {
		opacity: 0.8;
	}
	#form input[type="submit"].back:hover, #form input[type="button"].back:hover {
		opacity: 0.8;
	}
	.stepBar .step {
		line-height: 50px;
		padding: 0 20px 0 0px;
		font-size: 1rem;
	}
	.stepBar .step:before, .stepBar .step:after {
		left: -15px;
		border-left: 6px solid #FFF;
		width: 25px;
		height: 25px;
	}
	.contact-thanks__text{
		width: 70%;
		margin: 0 auto;
		padding-top: 1.5rem;
		font-size: 1.1rem;
	}
	
	
	/*↓PC用CSS閉じタグ*/
}