@charset "Shift_JIS";

/* ------------------------------------------------------------------------------

	[ファイル名]	various_plan.css

	[概要]	令和5年4月1日の料金プランアコーディオン対応

	[目次]


------------------------------------------------------------------------------ */
/* accordion style  ### start ### */
/*
.accordion-container {
	text-align: left;
	margin-bottom: 20px;
}
*/
.section-block:not(:first-child):not(:last-child)  {
	margin-top: 37px;
}
.accordion-container .title {
	display: inline-block;
	color: #FFF !important;
	text-decoration: none !important;
	font-weight: bold;
	padding: 10px 50px 9px 15px;
	min-width: 220px;
	position: relative;
	background: #29aa3f;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;
}
.major.accordion-title .cont_head_title_wrap {
	padding-right: 50px;
    }
.major.accordion-title .cont_head_title_wrap .cont_head_title::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 15px;
	height: 2px;
/*縦線に*/
	transform: rotate(90deg);
	background: #222222;
	transition: all .3s ease-in-out;
}
.major.accordion-title .cont_head_title_wrap .cont_head_title::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
/*横線*/
	width: 15px;
	height: 2px;
	background: #222222;
	transition: all .2s ease-in-out;
}

.major.accordion-title.open .cont_head_title_wrap .cont_head_title::before {
transform: rotate(180deg);
}

.major.accordion-title.open .cont_head_title_wrap .cont_head_title::after {
opacity: 0;
}

.accordion-container .accordion-title {
	display: inline-block;
	color: #222222 !important;
	text-decoration: none !important;
	font-weight: bold;
	padding: 5px 50px 4px 15px;
	border-left: 3px solid #222;
	border-bottom: 1px solid #222;
	position: relative;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
	text-indent: -1.7em;
    padding-left: 2.5em;
    }
.accordion-container .accordion-title.indent0 {
	text-indent: 0;
	padding-left: 0.8em;
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 15px;
height: 2px;
/*縦線に*/
transform: rotate(90deg);
background: #222222;
transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 25px;
/*横線*/
width: 15px;
height: 2px;
background: #222222;
transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
opacity: 0;
}
.major.accordion-content {
width: 100%;
overflow: hidden;
box-sizing: border-box;
}

.accordion-container .accordion-content {
/*width: 100%;*/
margin: 10px auto 0;
/*overflow: hidden;
box-sizing: border-box;*/
}

.wid1 {
	padding: 10px 20px;
}
.fz-xsmall .list-note {
	font-size: 120%;
}
/* accordion style ### end ### */

/* ------------------------------------------------------------------------------

テーブル　■特高受電・高圧受電

------------------------------------------------------------------------------ */
.equal {
	table-layout: fixed;
	white-space: nowrap;
}
.table.table-data table th:nth-last-child(2){
	width: auto;
}
.table.table-data table td:nth-last-child(-n+2) {
	white-space: nowrap;
}
.table table th.tbtom,
.table table td.tbtom {
	border-bottom: none !important;
}
.table table th.tbtop,
.table table td.tbtop {
	border-top: none !important;
}

/* 20240130追記 */
.table.table-data table.equal2 tr:first-child th:first-child {
	width: 192px;
}
.table.table-data table.equal2 tr:nth-child(3) th:first-child,
.table.table-data table.equal3 tr:nth-child(3) th:first-child {
	white-space: nowrap;
}
.table.table-data table.equal2 tr:not(:first-child) th:first-child,
.table.table-data table.equal3 tr:not(:first-child) th:first-child {
	width: auto;
}
.table.table-data table.equal3 tr:first-child th:first-child {
	width: 170px;
}
.table.table-data table.equal3 tr:first-child th:nth-child(2) {
	width: 120px;
}
.table.table-data table.equal4 tr:nth-child(3) td:nth-child(2) {
	width: 106px;
}
.table.table-data table.separate {
	border-collapse: separate;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.table.table-data table.separate th,
.table.table-data table.separate td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: none;
	border-left: none;
}
.table table th.bdtop,
.table table td.bdtop {
	border-top: 1px solid #cccccc !important;
}
.table table th.bdtom,
.table table td.bdtom {
	border-bottom: 1px solid #cccccc !important;
}
.table table th.height1 {
	height: 95px;
}
.table table td.height2 {
	height: 70px;
}
.table table td.height3 {
	height: 94px;
}
@media screen and (max-width: 667px) {
	.table table th.height1 {
		height: 80px;
	}
	.table table td.height2 {
		height: 57px;
	}
	.table table td.height3 {
		height: 80px;
	}
}