@charset "UTF-8";
/* CSS Document */

#Main .contentsBox{
    margin: 0px;
    padding-top: 5px;
}

.main_image01{
	width: 686px;
	height: 500px;
	margin-bottom: 35px;
}

.sl_3_banner{
	width:686px;
	height: 88px;
	padding-bottom: 30px;
}

.sl_3_banner img:hover,.spec_boxA_kouseirei a:hover{
	opacity: 0.85;	
}

.wf-sawarabiminchowf-sawarabimincho {
    font-family: 'Sawarabi Mincho',serif;
}

.textstyle_basic{
	font-size:14px;
	line-height: 1.7;
}

/*各項目タイトルあしらい*/
.title{
	font-size: 20px;
	color:#323232;
	padding-left:20px;
	padding-bottom:0.3em;
	padding-top:5px;
	border-left:solid 10px #d73a2e;
	border-bottom:solid 2px #d73a2e;
}


.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.smallAttention{
	font-size:11px;
	color:#da3924;
}

/*--------------------------------------ローカルナビ部分のcss*/
.consapoNavi{
	width:686px;
	margin:0px auto 40px auto;
}

.consapoNavi__tab{
	display:table;
	width:100%;
	table-layout:fixed;
}

.consapoNavi__tab a{ text-decoration: none; }
.consapoNavi__tabItem{
	display:table-cell;
	cursor:pointer;
}

.consapoNavi__tabText{
	display:table-cell;
	width:800px;
	height:40px;
	vertical-align:middle;
	font-size:1.2em;
	font-weight: bold;
}

.consapoNavi__text{
	text-align:center;
	color:#fff;
}

.consapoNavi__text:hover{
	background-color:#0060aa;
	border-color:#0060aa;
}

/*--------------------------------------ローカルナビ*/
.selfconsumption_navi{
	/*margin-bottom:80px;*/
	background-color:#4a4a4a;
    color:#fff;
}

/*
.selfconsumption_navi .consapoNavi__tabText{
	border-bottom: 4px solid #323232;
}*/

.selfconsumption_navi .consapoNavi__text:hover{
	background-color: #626262;
	border-color:#505050;
	box-shadow: none;
}

.consapoNavi__tabText{
	display:table-cell;
	width:800px;
	height:40px;
	vertical-align:middle;
	font-size:1.2em;
	font-weight: bold;
	border: #323232 solid 1px;
}

#download .consapoNavi__tabText{
    border: #c8c8c8 solid 1px;
}



/*-----------------------------------------概要*/


.outline_box{
	margin:50px auto 30px auto;
	font-size: 13px;
}/* width: 635px; margin:10px auto 20px auto; */

.outline_title{
	height:23px;
	padding-left:8px;
	padding-bottom:3px;
	font-size: 20px;
	font-weight:500;
	border-left:5px solid #000;
}


.outline_text{
	width:380px;
	height:100px;
	margin-top:35px;
	margin-right:30px;
	font-size: 15px;
	float:left;
}

.outline_text p{
	line-height: 1.7;
}

.outline_box a{
	color:#4780e1;
}

.reason_box{
	margin-bottom:80px;
}


.reason_box_w{
    width:626px;
	height:auto;
	margin-top:10px;
    padding-bottom: 18px;	
    border-radius: 10px;
}

.reason_box_w_top{
    width:626px;
	height:auto;
	margin-top:40px;
    padding-bottom: 18px;
    border-radius: 10px;
}




.reason_title {
	text-align: center;
	margin:0 auto;
}

.reason01_text01{
	float:left;
	color: #da3924;
	font-size:28px;
	font-weight:500;
	margin-left:20px;
	padding-top:35px;
	line-height: 1.7em;
}

.reason01_text01 span{
	font-size:13px;
	font-weight:300;
}

.reason01_text02{
	float:left;
	color: #da3924;
	font-size:120px;
	font-weight:700;
	padding-left:40px;
}

.reason01_text02 span{
	font-size:50px;
}

.reason_boxA{
	margin-top:30px;
	float:left;
	width:47%;
	margin-right:20px;
	margin-left:20px;
}

.reason_boxB{
	margin-top:30px;
	float:left;
	width:42%;
}

.top{
	vertical-align: top;
	
}


.reason02_title{
	color: #da3924;
	font-size:32px;
	font-weight:500;
	margin-bottom:13px;
	
}

.reason02_text01{
	color:#da3924;
	font-size:13px;
	line-height: 1.5em;
	font-weight:500;
	
}

.attention_reason{
	color:#da3924;
	margin-top:15px;
	font-size:11px;
	line-height: 1.4em;
}

.reason03_list{
	margin:35px 0 45px 15px;
	
}

.reason03_list a:hover{
	text-decoration:none;
	opacity:0.9;
	
}

.reason03_text{
	font-size:30px;
	margin-top:18px;
	font-weight:700;
	color:#da3924;
	padding-left: 18px;
	border-left:10px solid #da3924;
}

.reason03_text .underline{
	text-decoration: underline;
	font-weight:800;
}

.attention_reason03{
	color: #da3924;
	margin-top:5px;
	padding-left: 18px;
	font-size:11px;
}

.reason03_img{
	margin-top:25px;
}
.reason03_textbox{
	padding:18px 38px 18px 30px;
}

	
.PCSichiran{
	color:#FFF;
	font-size:15px;
	background-color:#da3924;
	padding:0.5em;
	margin-left:16px;
	margin-bottom:3px;
}


/*自家消費型発電が抱える課題とは*/

.subject_title{
    width:450px;
	margin:0 auto;
	text-align: center;
	font-size:18px;
	font-weight:450;
	border-bottom: 2px solid #000;
}

.subject_box{
    width:626px;
	height:265px;
	margin-top:20px;
    background-color:#f1f1f1;
    padding: 30px;
    border-radius: 10px;
}

.subject_smalltitle{
	font-size:15px;
	font-weight:500;
	margin-bottom:10px;
}

.subject_box p{
	font-size:13px;
	line-height: 1.5;
	margin-bottom:10px;
}

.subject_box01{
    width:280px;
	height:auto;
	float: left;
}

.subject_box02{
    width:280px;
	height:auto;
	float: right;
}

.subject_box03 {
	width:626px;
	height:auto;
	margin:15px auto 80px;
	text-align: center
}



/*--------------------------------------特徴*/

.features_01,.features_02{
	margin-bottom:70px;	
}

.features_titlered_00{
	color: #da3924;
	font-size: 32px;
	font-weight:700;
	margin-top:40px;
}


.features_titlered{
	float:left;
	color: #da3924;
	font-size: 32px;
	font-weight:700;
}

.features_newicon{
  float:left;
  color:#da3924;
  font-size:20px;
  margin-right:18px;
  margin-left:10px;
  line-height: 53px;
}


.features_newtitle{
	margin-top:50px;
	margin-bottom:20px;
	
}

.patent_icon{
	color: #FFF;
	background-color: #da3924;
	border-radius: 20px;
	margin-left:30px;
	padding:0.4em 0.6em;
	font-size: 17px;
	font-weight:400;
	vertical-align: middle;
}

.features_title{
	width:686px;
	height: 45px;
	margin:60px auto 0;
	padding-top:10px;
	font-size:25px;
	color:#fff;
	background-color: #da3924;
	text-align: center;
}

.features_txtbox{
	width:686px;
	margin:30px auto 0;
}

.features_txt01{
	width:395px;
	margin-top:10px;
	margin-right:35px;
	font-size:14px;
	line-height: 1.7;
	float:left;		
}

.features_txt02{
	width:335px;
	margin-top:30px;
	margin-right:35px;
	font-size:14px;
	line-height: 1.7;
	float:left;		
	margin-bottom:20px;
}

.features_txt03{
	width:auto;
	margin-top:10px;
	font-size:14px;
	line-height: 1.7;
	margin-bottom:15px;
}

.features_txt03_new{
	width:520px;
	margin-top:10px;
	font-size:14px;
	line-height: 1.7;
	border: 2px solid #da3924;
	padding:15px;
	margin-bottom:50px;
}

.features_txt03_new span{
	font-weight: bold;
	color: #da3924;
}

.features_memo{
	width:626px;
	margin-top:50px;
	margin-bottom:80px;
	padding:30px 30px 0 30px;
	background-color:#f1f1f1; 
	border-radius: 10px;
}

.features_memo_title{
	font-size:16px;
	font-weight: 500;
	margin-bottom:15px;
}

.features_memo_boxA{
	width:280px;
	margin-right:40px;
	float:left;
}


.features_memo_text01{
	font-size:15px;
	font-weight:bolder;
	margin-top:15px;
	margin-bottom:10px;
}

.features_memo_text02{
	font-size:13px;
	font-weight:500;
	line-height:1.7;
}

.equation{
	width:671px;
	height: 35px;
	margin:60px auto 0;
	padding-top:10px;
	font-size:18px;
	color:#fff;
	background-color: #da3924;
	text-align: center;
}

.equation_confAB{
	float:left;
	margin:15px 35px 30px ;
}


.equation_confAB p{
	font-size:15px;
}

.equation_confAB span{
	font-size:13px;
}

.PCSpickup_titlememo{
	margin:0 auto;
	text-align: center;
	font-size:17px;
}

.PCSpickup_titlememo span{
	fint-size:20px;
	font-weight:500;
	border-bottom:2px solid #da3924;
}

/*--------------------------------------機能のポイント*/
.point_box_all{
	margin-bottom: 70px;
}

.acd_content{
	margin:20px 0px 40px;
}

#point a:hover{
	opacity: 0.85;
}

.point_content{
	margin-top:40px;
}

.point_content_00{
	margin-top:15px;
	margin-bottom:70px;
}

.newicon {
　font-size:15px;
  background:#da3924;
  color: #fff;
  height: 25px;
  margin-left:10px;
  margin-bottom: 5px;
  padding:4px 7px 3px;
}


.point_boxB,.point_boxB_00{
	width:686px;
	height:25px;
	color:#da3924;
	padding-bottom:5px;
	margin-bottom:30px;
	border-bottom:2px #da3924 solid;
}

.point_boxB p1,.point_boxB_00 p1{
	font-size:18px;
	font-weight:400;
}

.point_boxB_00{
	margin-bottom:10px;
}

.point_text{
	margin-bottom:20px;
}

.point_bat{
	margin-top:20px;
}
.point_01_bat,.point_02_bat{
	width:320px;
	margin-bottom:20px;
	float:left
}
.point_01_bat{
	margin-right:30px;
}

.point_battitle{
	margin-bottom:10px;
	font-size:20px;
	font-weight:600;
	color:#da3924;
}

.point_imagetitle p{
	font-weight:600;
	font-size:17px;
	margin-top:20px;
	margin-bottom:10px
}

.point_imagetitle span{
	font-weight:400;
	font-size:14px;
	padding-left:8px;
}

.pont_image_raw01{
	margin-bottom:8px;
}

.genchi_01{
	margin-right:10px;
}

.genchi_margin{
	margin-right:5px;
	margin-bottom:5px;
}



.te_smart_text{
	width:320px;
	margin:15px 0px;
}


.point_textbox00{
	margin-bottom:50px;
}

.attention_small{
	font-size:11px;
	margin-bottom:25px;
	border_bottom: 10px;
	line-height: 1.2em;
}

.point_titlebox,.point_titlebox_bat{
	height:20px;
	font-size:17px;
	font-weight:bolder;
	border-left:5px #000 solid;
	margin-bottom:10px;
	padding-left:8px;
	
}

.point_titlebox_bat{
	margin-top:30px;
	margin-bottom:10px;
	
}

.point_text00{
	margin-top:50px;
}

.point_text00 p{
	margin-top:20px;
}

.point_titlebox_small{
	margin-top:30px;
	margin-bottom:20px;
	
}
.point_titlebox_small span{
	margin-right: 10px;
	font-size:15px;
	font-weight:400;
	height:35px;
	padding:10px 15px;
	border-radius: 25px;
	background-color: #5B5B5B;
	color:#FFF;
	
}

.point_01_title,.point_02_title,.point_03_title{
	margin-bottom: 10px;
}

.point_01_content,.point_02_content,.point_03_content{
	margin-top:20px;
	margin-bottom:20px;
}

.point_shindan_text{
	float:left;
	width:300px;
	margin-right:20px;
}

.point_shindan_image{
	float:left;
	width:300px;
}

.point_shindan .title02,.MWimage_box .title02{
	font-size: 16px;
	color:#d73a2e;
	font-weight: 700;
	padding-left:10px;
	border-left:solid 8px #d73a2e;
}

.point_shindan p,.MWimage_box p{
	margin-top:15px;
	margin-bottom:30px;
}


.point_02_contentbox{
	width: 200px;
	float:left;
	margin-right:25px;
	margin-bottom:20px;
}

.point_02_contentbox:last-child{
	margin-left:none
}

.MWimage_box{
	margin-bottom:35px;
}


.acd_title{
    padding:11px 25px 8px;
    color :#000;
    font-size: 23px;
    font-weight: 600;
    display: block;
	-ms-padding:10px 25px 8px;

}
/*アコーディオンメニューを使用するキーワードのクラス名&大枠の設定*/
.accordion {
	height:auto;
	width:680px;
	/*margin:0px 15px 0px 0px;*/
	text-align:left;
}

/*アコーディオンメニューを開閉する時、クリックする要素につけるクラス*/
.openKey{
	cursor:pointer;	
	background-color: #F1F1F1;
}

/*開閉のためクリックする要素の前に三角をつける*/
.openKey:before{
	position:relative;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    margin-top: -15px;
    top: 21px;
    right: 15px;
    border-left: 7px solid #da3924;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;

}


/*マウスオーバーで色変え*/
.openKey:hover
{
	/*背景色の変更*/
	background-color:#FFF;
}


/*****アコーディオンメニューが開いている時のcss*****/

.open:before{
	/*三角を下向きにする*/
    top: 25px;
	right:20px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #da3924;
}



/*--------------------------------------仕様*/

.spec_box{
	margin-bottom:100px;
}

.h5title_hidden{
	display:none;
	
}

.SL_pkg_img{
	margin-top:50px;
	margin-bottom:15px;
}

.pkg_text{
	height:30px;
	margin-bottom:20px;
}

.pkg_ichiran_btn,.MW_btn{
	width:200px;
	height:18px;
	padding:10px 25px;
	text-align: center;
	background-color:#da3924;
	font-size:15px;
	color:#FFF;
}

.spec_boxA a:hover{
	text-decoration: underline;
}

.spec_boxA_FL{
	border-top:2px solid #da3924;
	border-bottom:2px solid #da3924;
	padding:20px;
	margin-top:40px;
}

.match_STA_title{
	width:auto;
	height:30px;
	margin-top:50px;
	margin-bottom:10px;
	font-size:25px;
	font-weight: 500;
	color:#da3924;
}


.FL_title{
	font-size:20px;
	font-weight:500;
	color:#da3924;
	margin-bottom:20px;
	vertical-align: middle;
}

.FL_title span{
	color:#FFF;
	font-size:18px;
	background-color: #da3924;
	padding: 0.2em 0.3em;
	margin-right:10px;	
}

.spec_match_text,.spec_STA_text{
	margin-top:10px;
	margin-bottom:20px;
}

.spec_FL_text{
	float:left;
	width:370px;
	color: #da3924;
	margin-right:20px;
}

.attention_FL{
	color:#da3924;
	font-size:11px;
	line-height: 1.4em;
}

.spec_boxA_kouseirei{
	margin:80px auto;
}

.spec_boxA_kouseirei img{
	width:686px;
}

.spec_smalltitle01{
	height:20px;
	padding-left:7px;
	padding-bottom:7px;
	font-size: 18px;
	font-weight:600;
	color: #da3924;
	border-left:5px solid #da3924;
}

.spec_smalltitle02,.download_smalltitle{
	width:626px;
	height:20px;
	font-size:16px;
	margin-top:35px;
	padding-bottom:8px;
	border-bottom: 1px solid #313131;	
}

.spec_smalltitle03{
	font-size: 16px;
	margin-top:40px;
}

.spec_smalltitle03_text{
	margin-top:25px;
	font-size:14px;
}

.spec_boxA_table{
	margin-top:20px;
	margin-bottom:50px;
}

.table_PCS{
	width:684px;
	height:100px;
}

.table_PCS td{
	width:114px;
	height:42px;
	border:solid 1px #B1B1B1;
	text-align: center;
	vertical-align: middle;
}

.bg_grey{
	background-color: #DCDCDC;
}

.table_small{
	font-size:8px;
}

.rubi{
	font-size:6.5px;
}

.spec_boxB{
	width:626px;
	height:auto;
	margin:0 auto 50px;
}

.spec_textbox01{
	margin-top:20px;
	font-size:13px;
	line-height: 1.3;
}

.spec_textbox02{
	margin-top:20px;
	font-size:11px;
	line-height: 1.3;
}

.spec_table{
	width:626px;
	height:200px;
	margin-top:20px;
}

.spec_table td{
	vertical-align: middle;
	font-size:13px;
	border:solid 1px #B1B1B1;
	padding:10px 10px;
}

.bg_red{
	width:150px;
	background-color: #da3924;
	color: #FFF;
}

.spectable_memo{
	font-size:12px;
	margin-top:5px ;
}


/*--------------------------------------download*/

.download_box{
	margin-top:20px;
	margin-bottom:80px;
}

.download_boxA{
	width:626px;
	height:auto;
	margin:0 auto;
}

.download_ul{
	margin-top:20px;	
}
.download_ul li{
	margin-top:10px;	
}

.consapoDL__tabText{
	display:table-cell;
	width:800px;
	height:50px;
	vertical-align:middle;
	font-size:17px;
	font-weight: bold;
	padding-left: 1em;
	background-color: #ECECEC;
	border:1px solid #CBCBCB;
}

.consapoDL__text:hover{ text-decoration: underline; }


/*--------------------------------------Solar Pro trial*/

.simulation_box{
	margin-top:20px;
	margin-bottom:130px;
}


.simulation_boxA{
	width:450px;
	height:auto;
	margin: 0 auto;
	text-align: center;
}

.simuration_title01{
	width:380px;
	font-size:17px;
	margin:0 auto 20px;
	padding:7px 15px;
	border-radius: 30px;
	background-color: #5B5B5B;
	color: #FFF;
}

.simuration_title02{
	font-size:18px;
	font-weight:500;
	margin-bottom:30px;
}

.simuration_btn{
	width: 450px;
	height:48px;
	margin-top:15px;
	display:table;
	color: #FFF;
	text-align: center;
	background: -webkit-linear-gradient(top, #f48000,#df4b14);
	background: -o-linear-gradient(top, #f48000,#df4b14);
	background: linear-gradient(to bottom, #f48000,#df4b14);
	
}

.simuration_btn p{
	font-size:17px;
	
}

.simulation_boxA a{
	text-decoration:none;	
}

.simulation_boxA img{
	margin-bottom:20px;	
}

.simulation_boxA a :hover{
	text-decoration:underline;
	
}


/*--------------------------------------contact*/


.contact_btn_box{
	width:525px;
	margin:50px auto 80px;
}
.contact_btn01,.contact_btn02{
	width:250px;
	height:48px;
	color: #FFF;
	font-size:17px;
	background-color:#525252;
	display:table;
	text-align: center;
}

.contact_btn01{
	margin-right:25px;
	float:left;
}

.table_cell{
	display: table-cell;
	vertical-align: middle;
}


.contact_btn p{
	font-size:15px;
}


/* --- Solar Legato 2用スタイル --- */
.sl2_teaser {
	width: 680px;
    margin: 60px auto 80px;
    background-color: #fff;
    border: 2px solid #d01e37;
    border-radius: 10px;
    overflow: hidden;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.sl2_teaser_header {
	background-color: #d01e37;
	padding: 20px 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}
.sl2_teaser_header .coming_soon {
	background: #fff;
	color: #d01e37;
	font-weight: bold;
	padding: 2px 12px;
	font-size: 13px;
	border-radius: 20px;
	flex-shrink: 0;
	margin-top: 4px;
}
.sl2_logo_img {
	height: 35px;
	width: auto;
	filter: brightness(0) invert(1);
}
.sl2_teaser_content {
	padding: 40px 30px;
	text-align: left;
}
.sl2_main_copy {
	font-size: 26px;
	font-weight: bold;
	color: #d01e37;
	margin-bottom: 20px;
	text-align: left;
}
.sl2_sub_text {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 40px;
	color: #444;
	max-width: 520px;
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

/* ポイント解説アイテム */
.sl2_point_item {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 50px;
	text-align: left;
	padding-bottom: 40px;
	border-bottom: 1px dashed #ccc;
}
.sl2_point_item:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sl2_point_info {
	flex: 1;
}
.sl2_point_tag {
	color: #d01e37;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.sl2_point_item h4 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #333;
	line-height: 1.2;
	word-break: keep-all; 
}
.sl2_point_item p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}
.sl2_point_note {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	color: #888;
	line-height: 1.4;
}
.sl2_point_img {
	width: 260px;
	flex-shrink: 0;
}
.sl2_point_img img {
	width: 100%;
	height: auto;
	filter: none;
	/*border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
}