@charset "utf-8";

#dMainColumn #aMainContents {
	padding-bottom: 0;
}

/* eco.css */
#dKVBCWrapper {
	background-image: url(/image/member/p/eco/bg_kvbcwrapper.jpg);
}

/* .basics div.dModBoxNormal {
	margin-bottom: 44px;
} */

a[target="_blank"]>img:last-child[src="/image/module/ico_popup.png"][width="20"][height="16"] {
	position: relative;
	top: .2em;
	margin-left: .5em;
}

.diagnosis .dModBoxNormal ul {
	margin: 20px 0;
}

.list-disc li {
	list-style-type: disc;
	margin-left: 1.5em;
}

.list-disc li+li {
	margin-top: .725em;
}

@media screen and (max-width: 768px) {
	.diagnosis .dModBoxNormal ul {
		margin: 15px 0;
	}
}

.diagnosis a[target="_blank"]>img:last-child[src="/image/module/ico_popup.png"] {
	vertical-align: middle;
	margin-left: .5em;
}

/*----------------------------------------------*
*
* CategoryTop
*
*----------------------------------------------*/
.index .dSection {
	width: 1000px;
	margin: auto auto 50px;
}

.dThanks {
	width: 100%;
	height: 300px;
	background-image: url(/image/member/p/eco/bg_thanks.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom: 50px;
}

.index .dThanks .dSection {
	padding-top: 10px;
}

/*----------------------------------------------------------------------*
*
* CategoryTop & Child Category index【.ulEco】 / detail 【title box】
*
*----------------------------------------------------------------------*/
.ulEco .dList {
	/* margin-bottom: 0;
	padding-top: 14px;
	background-image: url(/image/module/bg_arrow_up.png);
	background-repeat: no-repeat;
	background-position: center top; */
}

.ulEco .dList .dModBoxPadding {
	padding: 30px 30px 40px;
	background-color: #edf2f5;
	margin-bottom: 0;
}

.ulEco.ulModEleFloat>li {
	margin-bottom: 30px;
	white-space: normal;
}

.ulEco .liButton,
.dButton {
	/* background-color: #f1e6e6; */
}

.ulEco .liBox,
.dBox {
	background-color: #dfedf2;
}

.ulEco .liBoard,
.dBoard {
	background-color: #f2ecdf;
	margin-bottom: 0;
}

/*title box*/
.ulEco>li>.dModBoxPadding {
	padding: 66px 30px 30px 160px;
	min-height: 74px;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: 30px 40px;
}

body.index .ulEco>li>.dModBoxPadding {
	width: 810px;
	/*for IE7*/
}

.dButton.dModBoxPadding,
.dBox.dModBoxPadding,
.dBoard.dModBoxPadding {
	padding: 56px 30px 40px 160px;
	min-height: 74px;
	margin-bottom: 1px;
	background-repeat: no-repeat;
	background-position: 30px 35px;
}

.ulEco>.liButton>.dModBoxPadding,
.dButton.dModBoxPadding {
	background-image: url(/image/member/p/eco/ico_eco_button.png);
	display: none;
}

.ulEco>.liBox>.dModBoxPadding,
.dBox.dModBoxPadding {
	background-image: url(/image/member/p/eco/ico_eco_box.png);
}

.ulEco>.liBoard>.dModBoxPadding,
.dBoard.dModBoxPadding {
	background-image: url(/image/member/p/eco/ico_eco_board.png);
}

body.index .ulEco>li>.dList .dModBoxPadding {
	width: 940px;
}

/*h2*/
body.index .ulEco>li>.dModBoxPadding p,
body.index .ulEco>li>.dModBoxPadding h2 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

body.index div#aMainContents .ulEco>li>.dModBoxPadding>h2 {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #aaaaaa;
}

.ulEco>li>.dModBoxPadding h2,
.button div#dMain #aMainContents .dButton.dModBoxPadding h2,
.popup .dBoxButton .dButton.dModBoxPadding h2,
.box div#dMain #aMainContents .dModBoxNormal .dBox.dModBoxPadding h2,
.dBoard.dModBoxPadding h2 {
	margin: 0;
	padding: 0;
	color: #003974;
	font-size: 2em;
	background-image: none;
}

.ulEco>li>.dModBoxPadding p {
	margin: 8px 0 0 0;
}

/*ulBorder*/
.ulEco .ulModEleFloat.ulBorder {
	margin-bottom: 0;
}

.ulEco .ulModEleFloat.ulBorder li {
	margin: 0 30px 40px 0;
	padding-right: 30px;
	border-right: 1px solid #aaaaaa;
	white-space: normal;
	width: 272px;
}

#dMainColumn.index .ulEco>li .ulModEleFloat.ulBorder>li {
	width: 264px;
}

.ulEco>li .ulModEleFloat.ulBorder li.lastElement {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

.ulEco>li .ulModEleFloat.ulBorder li.liBottom {
	margin-bottom: 0;
}

.ulEco .ulModEleFloat.ulBorder.ulIcon li .dIcon,
.ulEco .ulModEleFloat.ulBorder.ulIcon li h3 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 58px;
	/*layout-grid-line: 58px;
	/* IE7以下 */
	/* *display: inline;
	*zoom: 1; */
}

.ulEco .ulModEleFloat.ulBorder.ulIcon li .dIcon {
	width: 83px;
	padding-right: 22px;
	text-align: center;
}

.ulEco .ulModEleFloat.ulBorder li h3 {
	background-image: none;
	padding: 0;
	border-left: none;
	color: #333333;
	width: 167px;
	*width: 159px;
	/*forIE7*/
	font-size: 1.2em;
	margin-bottom: 0;
	background-color: transparent;
}

.ulEco .liButton .ulModEleFloat.ulBorder li h3>span {
	display: inline-block;
	margin-bottom: 10px;
}

.ulEco .ulModEleFloat.ulBorder li h3>a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
	color: #333333;
}

.ulEco .liBox .ulModEleFloat.ulBorder li h3>a {
	background-image: url(/image/member/p/eco/ico_arrow_box.gif);
}

.ulEco .liBoard .ulModEleFloat.ulBorder li h3>a {
	background-image: url(/image/member/p/eco/ico_arrow_board.gif);
}

.ulEco .ulModEleFloat.ulBorder li .ulModEleFloat li {
	margin: 0 20px 0 0;
	padding-right: 0;
	border-right: none;
	width: auto;
}

.ulEco .ulModEleFloat.ulBorder li .ulModEleFloat li.lastElement {
	margin-right: 0;
}

.ulEco .ulModEleFloat.ulBorder li .ulModEleFloat li a {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
	font-weight: bold;
	color: #333333;
}

.ulEco .ulModEleFloat.ulBorder li .ulModEleFloat li a.aSummer {
	background-image: url(/image/member/p/eco/ico_eco_summer.gif);
}

.ulEco .ulModEleFloat.ulBorder li .ulModEleFloat li a.aWinter {
	background-image: url(/image/member/p/eco/ico_eco_winter.gif);
}

/*----------------------------------------------*
*
* detail
*
*----------------------------------------------*/
/* button
---------------------------------------------------*/
/* モーダルスタイル */
#cboxOverlay {
	background-color: #383a47;
	z-index: 1000;
}

#cboxClose {
	background-image: url(/member_assets/images/oyakudachi/energy_saving/check/modal/modal-close-icon.png);
	width: 25px;
	height: 25px;
	background-size: contain;
	top: 20px;
	right: 20px;
}

#colorbox {
	z-index: 1010;
}

#cboxWrapper {}

.energy-saving-modal {
	max-width: 640px;
	margin: 0 auto;
	padding: 40px;
	box-sizing: border-box;
	text-align: left;
}

.energy-saving-modal>h2 {
	margin-top: 0;
	margin-top: 0;
}

.energy-saving-modal>h3.Toph3Index {
	margin-bottom: 20px;
	margin-top: 0;
}

.energy-saving-modal>h4 {
	margin-bottom: 10px;
	margin-top: 0;
}

.energy-saving-modal>h4:before {
	top: 3px;
	left: 0;
	width: 4px;
	height: 26px;
}

.energy-saving-modal .img-block {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 35px;
}

@media screen and (max-width: 768px) {

	#dMain #dMainColumn .sectionWrapper a.btn-service,
	a:visited.btn-service,
	a:link.btn-service,
	.btn-service {
		font-size: 16px;
	}

	#cboxClose {
		width: 15px;
		height: 15px;
		top: 15px;
		right: 15px;
	}

	.energy-saving-modal {
		padding: 20px;
	}

	.energy-saving-modal>h4 {
		margin-bottom: 10px;
	}

	.energy-saving-modal>h4:before {
		top: 2px;
		left: 0;
		width: 3px;
		height: 20px;
	}
}

#eco h1 span {
	color: #333;
}

#eco .check-lead {
	font-size: 20px;
	font-weight: bold;
}

#eco .check-lead.check-lead-color {
	color: #153d70;
}

#eco .ulSteps {
	display: none;
}

#eco .check-step-list {
	margin-top: 25px;
	margin-bottom: 45px;
	border: 2px solid #153d70;
	display: flex;
	overflow: hidden;
	/* height: 100px; */
}

#eco .check-step-list.step02 {
	background-color: #153d70;
}

#eco .check-step-list.step03 {
	position: relative;
	margin-top: 0;
}

#eco .check-step-list.step03::before {
	content: '';
	width: 50%;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background: #153d70;
}

#eco .check-step-item {
	letter-spacing: normal;
	color: #153d70;
	background-color: #fff;
	font-weight: bold;
	font-size: 24px;
	font-size: 20px;
	padding: 00px 2.8%;
	padding-right: 10px;
	position: relative;
	vertical-align: top;
	width: calc(99.9% /3);
	margin-right: 26px;
	box-sizing: border-box;
	height: 80px;
	display: flex;
	align-items: center;
}

#eco .check-step-item a {
	text-decoration: none;
}

#eco .check-step-item:nth-last-of-type(1) {
	margin-right: 0;
}

#eco .check-step-item::before {
	content: '';
	position: absolute;
	right: -23px;
	top: 50%;
	transform: translate(0, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 54px 0 54px 26px;
	border-color: transparent transparent transparent #fff;
	z-index: 2;
}

#eco .check-step-item::after {
	content: '';
	position: absolute;
	right: -25px;
	top: 50%;
	transform: translate(0, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 54px 0 54px 26px;
	border-color: transparent transparent transparent #153d70;
	z-index: 1;
}

#eco .check-step-item.active::before {
	border: none;
	width: 26px;
	height: 100px;
	background-color: #fff;
	right: -26px;
	right: -30px;
	z-index: 0;
}

/* 
#eco .check-step-item.active::after {
	border-color: transparent transparent transparent #153d70;
} */
#eco .check-step-item:nth-last-of-type(1)::before,
#eco .check-step-item:nth-last-of-type(1):after {
	content: none;
}

#eco .check-step-item.active {
	background-color: #153d70;
	color: #fff;
}

#eco .check-step-item .step-num {
	height: 40px;
	margin-right: 20px;
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

#eco .check-step-item .step-num img {
	height: 100%;
	width: auto;
}

#eco .check-step-item .step-text {
	vertical-align: middle;
	line-height: 1.333;
	display: inline-block;
}

.dResultProposal {
	text-align: center;
	/* background-color: #eeeeee;
	overflow: hidden;
	margin-top: 20px;
	padding: 10px;
	clear: both; */
}

.dResultProposal p {
	/* float: left; */
}

.dResultProposal p span {
	/* font-size: 1.6rem; */
	font-weight: bold;
}

.dResultProposal p img {
	padding-right: 5px;
	vertical-align: middle;
}

.dResultProposal p.pResultProposal {
	/* float: right; */
}

/* .dResultProposal p.pResultProposal a.aIcon02 {
	
	display: inline-block;
	background-color: #153d70;
	text-decoration: none;
	color: #fff;
	width: 200px;
	font-size: 14px;
	line-height: 36px;
	border-radius: 100px;
	font-weight: bold;
	position: relative;
	text-align: center;
	padding: 6px 10px;
	margin-top: 15px;
}

.dResultProposal p.pResultProposal a.aIcon02::after {
	content: '';
	background-image: url(/member_assets/images/right-arrow-white.svg);
	height: 11px;
	width: 6px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 15px;
} */

.button #aMainContents .dModBoxNormal {
	margin-bottom: 20px;
}

.button #aMainContents .dButtonResult .dModBoxNormal+.dModBoxNormal {
	margin-bottom: 40px;
	margin-top: 60px;
}

.button #aMainContents .dModBoxNormal h2 {
	margin-bottom: 15px;
}

.button #aMainContents .dModBoxNormal h2#eco-measures {
	margin-top: 60px;
}

.button div#dMain .dModLayCol2 {
	overflow: hidden;
}

.button div#dMain .dModLayCol2 .dCol {
	/* float: left; */
	flex-basis: calc((100% - 30px)/2);
}

#eco div.dModLayCol2:after {
	content: none;
}

.button div#dMain .dModLayCol2 .dCol .dColBox {
	border: 1px solid #cbcbcb;
	border-radius: 10px;
	padding: 15px 30px 20px;
	margin-bottom: 30px;
}

.button div#dMain .dModLayCol2 .dCol .dColBox.dTop {
	margin-top: 0;
}

.button div#dMain .dModLayCol2 .dCol.dRight {
	/* float: right; */
}

.button div#dMain .dModLayCol2 .dCol .dColBox h3 {
	background: none;
	border: none;
	border-bottom: 1px solid;
	font-size: 20px;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 15px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

.button div#dMain .dModLayCol2 .dCol .dColBox h3 img {
	width: 45px;
}

.button div#dMain .dModLayCol2 .dCol .dColBox h3 img,
.button div#dMain .dModLayCol2 .dCol .dColBox h3 span {
	vertical-align: bottom;
}

.button div#dMain .dModLayCol2 .dCol .dColBox h3 span {
	/* margin: 0 0 0 8px;
	color: #f34006; */
}

.button div#dMain .dModLayCol2 .dCol .dColBox ul {
	margin-bottom: -5px;
}

.button div#dMain .dModLayCol2 .dCol .dColBox li {
	margin-bottom: 5px;
}

.button div#dMain .dModLayCol2 .dCol .dColBox .yesNoSwitch {
	background: url(/member_assets/images/oyakudachi/energy_saving/check/checkbox_off.png) no-repeat left top;
	background-size: 18px auto;
	font-size: 16px;
	background-position: 0px 3px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	padding-left: 28px;
	color: #333;
	text-decoration: none;
}

.button div#dMain .dModLayCol2 .dCol .dColBox input[type='checkbox'] {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
}

.button div#dMain .dModLayCol2 .dCol .dColBox .c_on {
	background: url(/member_assets/images/oyakudachi/energy_saving/check/checkbox_on.png) no-repeat left top;
	background-size: 25px auto;
	background-position: 0px 1px;
}

.button div#dMain .dButtonLarge {
	margin-top: 40px;
	clear: both;
}

.button div#dMain .dButtonLarge a {
	display: block;
	margin: 0 auto;
	padding: 16px 0;
	width: 390px;
	background-color: #f34006;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
}

.button div#dMain .dButtonLarge a span {
	background: url(/image/member/p/eco/button/arrow_right_red_reverse.png) 100% 50% no-repeat;
	padding-right: 20px;
}

.button div#dMain .dButtonLarge a:hover {
	background-color: #f56638;
}

.button div#dMain .dButtonResult .dResultBox {
	/* background: url(/image/member/p/eco/button/bg_result_top.gif) top left no-repeat; */
	border-radius: 10px;
	border: 1px solid #cbcbcb;
	overflow: hidden;
}

.button div#dMain .dButtonResult .dResultHead {
	/* padding: 11px 14px 0 11px; */
}

.button div#dMain .dButtonResult .dResultHead .dResultFactory {
	/* background: url(/image/member/p/eco/button/bg_result_factory.gif) top left no-repeat;
	height: 73px; */
}

.button div#dMain .dButtonResult .dResultHead .dResultOffice {
	/* background: url(/image/member/p/eco/button/bg_result_office.gif) top left no-repeat;
	height: 73px; */
}

.button div#dMain .dButtonResult .dResultHead .dResultHotel {
	/* background: url(/image/member/p/eco/button/bg_result_hotel.gif) top left no-repeat;
	height: 73px; */
}

.button div#dMain .dButtonResult .dResultHead .dResultCommercial {
	/* background: url(/image/member/p/eco/button/bg_result_commercial.gif) top left no-repeat;
	height: 73px; */
}

.button div#dMain .dButtonResult .dResultHead .dResultMedical {
	/* background: url(/image/member/p/eco/button/bg_result_medical.gif) top left no-repeat;
	height: 73px; */
}

.button div#dMain .dButtonResult .dResultHead p {
	font-size: 26px;
	font-weight: bold;
	/* padding-top: 15px; */
	text-align: center;
	/* height: 58px; */
	background-color: #153d70;
	color: #fff;
	padding: 14px 10px;
	margin-bottom: 0;
}

.button div#dMain .dButtonResult .dResultHead p.pResultScore20 {
	/* background: url(/image/member/p/eco/button/ico_result_20.gif) top right no-repeat; */
}

.button div#dMain .dButtonResult .dResultHead p.pResultScore40 {
	/* background: url(/image/member/p/eco/button/ico_result_40.gif) top right no-repeat; */
}

.button div#dMain .dButtonResult .dResultHead p.pResultScore60 {
	/* background: url(/image/member/p/eco/button/ico_result_60.gif) top right no-repeat; */
}

.button div#dMain .dButtonResult .dResultHead p.pResultScore80 {
	/* background: url(/image/member/p/eco/button/ico_result_80.gif) top right no-repeat; */
}

.button div#dMain .dButtonResult .dResultHead p.pResultScore100 {
	/* background: url(/image/member/p/eco/button/ico_result_100.gif) top right no-repeat; */
}

.button div#dMain .dButtonResult .dResultHead span.sResultScore {
	/* font-size: 1.7em; */
	background-color: #e6b32b;
	/* padding-right: 140px; */
	/* width: 102px; */
	width: 100px;
	padding: 7px;
	box-sizing: border-box;
	line-height: 1;
	text-align: center;
	display: inline-block;
}

.button div#dMain .dButtonResult .dResultHead span.sResultScore span {
	display: inline-block;
	line-height: 1;
	font-size: 0.75em;
	margin-left: 3px;
}

.button div#dMain .dButtonResult .dResultContent {
	/* background: url(/image/member/p/eco/button/bg_result_bottom.gif) bottom left no-repeat;
	padding: 10px 14px 30px 11px; */
}

.button div#dMain .dButtonResult .dResultContent div.dModLayCol2 {
	/* width: 460px;
	margin: 0 auto;
	font-size: 1.4em;
	font-weight: bold; */
}

.button div#dMain .dButtonResult .dResultContent div.dModLayCol2 div.dModLayColR {
	/* width: 210px;
	float: right; */
}

.button div#dMain .dButtonResult .dResultContent div.dModLayCol2 div.dModLayColL {
	/* width: 210px;
	float: left; */
}

.button div#dMain .dButtonResult .dResultContent dl.dResultDetail {
	/* width: 180px;
	padding: 0 0 10px 10px; */
	font-size: 20px;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	margin-right: -1px;
}

.button div#dMain .dButtonResult .dResultContent dl.dResultDetail div {
	flex-basis: 25%;
	/* flex-basis: 20%; */
	flex-grow: 1;
	padding: 20px 15px;
	box-sizing: border-box;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.button div#dMain .office .dButtonResult .dResultContent dl.dResultDetail div {
	flex-basis: 33.3%;
}

.button div#dMain .factory .dButtonResult .dResultContent dl.dResultDetail div {
	flex-basis: 20%;
}

.button div#dMain .dButtonResult .dResultContent dl.dResultDetail div:nth-of-type(4n) {
	/* border-right: none; */
}

.button div#dMain .dButtonResult .dResultContent dl.dResultDetail dt {
	/* width: 135px;
	float: left;
	color: #f34006;
	padding-bottom: 16px; */
}

.button div#dMain .dButtonResult .dResultContent dl.dResultDetail dt span {
	display: inline-block;
}

.button div#dMain .dButtonResult .dResultContent dl.dResultDetail dt img {
	width: 40px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 15px;
}

.button div#dMain .dButtonResult .dResultContent dl.dResultDetail dd {
	/* width: 45px;
	float: right;
	padding-bottom: 16px; */
	color: #153d70;
}

.button div#dMain .dButtonResult .dResultContent .dResultTotalWrap {
	border-top: 1px solid #cbcbcb;
	padding: 20px;
	width: 100%;
	text-align: center;
	text-align: right;
	position: relative;
	box-sizing: border-box;
	margin-top: -1px;
}

/* 
.button div#dMain .dButtonResult .look-measures-btn {
	display: inline-block;
	background-color: #153d70;
	text-decoration: none;
	color: #fff;
	width: 200px;
	font-size: 14px;
	line-height: 36px;
	border-radius: 100px;
	font-weight: bold;
	position: relative;
}

.button div#dMain .dButtonResult .look-measures-btn::after {
	content: '';
	background-image: url(/member_assets/images/under-arrow-white_2x.png);
	width: 11px;
	height: 6px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 15px;
} */

.button div#dMain .dButtonResult .dResultContent div.dResultTotal {
	/* position: absolute; */
	font-size: 26px;
	font-weight: bold;
	/* top: 50%;
	right: 15px; */
	/* transform: translate(0, -50%); */
}

.button div#dMain .dButtonResult .dResultContent div.dResultTotal p {
	display: inline-block;
	vertical-align: middle;
}

.button div#dMain .dButtonResult .dResultContent div.dResultTotal p.lastElement.pResultTotalScore {
	display: inline-block;
	vertical-align: middle;
	color: #153d70;
	margin-left: 20px;
	font-size: 1.06em;
}

.button div#dMain .dButtonResult .dResultContent div.dResultTotal p.pResultTotalScore {
	/* float: right; */
}

.button div#dMain .dButtonResult .dResultMenu+.dModLayCol2.dResultInfo {
	margin-top: 10px;
}

.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border: 1px solid #153d70;
	border-bottom: none;
	border-right: none;
}

.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat::after {
	content: none;
}

.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li {
	margin: 0;
	text-align: center;
	border-right: 1px solid #153d70;
	float: none;
	border-bottom: 1px solid #153d70;
	flex-basis: 20%;
	font-size: 18px;
	flex-grow: 1;
	box-sizing: border-box;
	font-weight: bold;
}

.button div#dMain .hotel .dButtonResult .dResultMenu ul.ulModEleFloat li,
.button div#dMain .medical .dButtonResult .dResultMenu ul.ulModEleFloat li,
.button div#dMain .commercial .dButtonResult .dResultMenu ul.ulModEleFloat li {
	flex-basis: 25%;
}

.button div#dMain .office .dButtonResult .dResultMenu ul.ulModEleFloat li {
	flex-basis: 33.3%;
}


.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li a {
	padding: 12px 10px;
	display: block;
	text-decoration: none;
}


.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li.lineHide {
	/* border-right: none; */
}

.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li.lastElement {
	/* border-bottom: none; */
}

.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li.active {
	background-color: #153d70;
}

.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li.active a {
	color: #ffffff;
}

.button div#dMain .dButtonResult .dModLayCol3 {
	clear: both;
	width: 100%;
}

.button div#dMain .dButtonResult #tabBoxes .dModLayCol3 {
	display: flex;
	flex-wrap: wrap;
}

.button div#dMain .dButtonResult .dModLayCol3 .dModLayCol2.dResultInfo {
	width: 100%;
}

.button div#dMain .dButtonResult .dModLayCol3 h2 {
	width: 100%;
}

.button div#dMain .dButtonResult .dModLayCol3 .dModLayCol2.dResultInfo {
	margin-bottom: 50px;
}

.button div#dMain .dButtonResult .dModLayCol3 h2 {
	display: none;
	background-image: none;
	padding: 0;
}


.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .dModLayColL,
.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .dModLayColR {
	width: 100%;
}

.button div#dMain .dButtonResult div.dModLayColBox {
	border: 1px solid #153d70;
	margin: 0 15px 15px 0;
	padding-bottom: 16px;
	/* padding-bottom: 0; */
	float: left;
	width: calc((100% - 30px)/3);
	flex-basis: calc((100% - 30px)/3);
	position: relative;
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	justify-content: end;
	height: auto !important;
}

.button div#dMain .dButtonResult h2+div.dModLayColBox {
	/* background-color: #ddd; */
}

.button div#dMain .dButtonResult div.dModLayColBox.lastElement {
	margin-right: 0;
}

.button div#dMain .dButtonResult div.dModLayColBox p {
	padding: 0 20px;
	margin-bottom: 0;
}

.button div#dMain .dButtonResult div.dModLayColBox h3+p {
	/* margin-bottom: 2.5em; */
	width: 100%;
}

.button div#dMain .dButtonResult div.dModLayColBox p.pResultDetail {
	/* position: absolute;
	bottom: 12px; */
	padding-bottom: 0;
	/* right: 0; */
	align-self: flex-end;
	order: 5;
	margin-top: 15px;
}

.button div#dMain .dButtonResult div.dModLayColBox p.pResultDetail a.aIcon01 {
	/* background: url("/image/module/ico_arrow_right_main.gif") no-repeat scroll 3px 50%; */
	/* padding: 9px 0 8px 25px; */
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}

.button div#dMain .dButtonResult div.dModLayColBox p.pResultImg {
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	margin-top: 10px;
	flex-grow: 1;
	/* margin-bottom: 16px; */
}

.button div#dMain .dButtonResult div.dModLayColBox p.pResultImg img {
	width: 45px;
}

.button div#dMain .dButtonResult div.dModLayColBox:before,
.button div#dMain .dButtonResult div.dModLayColBox:after {
	content: " ";
	display: table;
}

.button div#dMain .dButtonResult div.dModLayColBox:after {
	clear: both;
}

.button div#dMain .dButtonResult div.dModLayColBox {
	*zoom: 1;
}

.button div#dMain .dButtonResult div.dResultStep {
	/* background-color: #e5e5e5; */
	/* width: 201px; */
	overflow: hidden;
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	border-bottom: 1px solid;
	display: flex;
	color: #153d70;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.button div#dMain .dButtonResult div.dResultStep p {
	/* float: left; */
	/* color: #f34006; */
	/* font-weight: bold; */
	/* padding: 2px 0 0 10px; */
}

.button div#dMain .dButtonResult div.dResultStep p.pResultStepNo {
	float: none;
	background-color: #a6abb2;
	color: #ffffff;
	padding: 10px 20px;
}

.button div#dMain .dButtonResult div.dResultStep p.pResultStepOk {
	float: none;
	background-color: #3a76e6;
	color: #ffffff;
	padding: 10px 20px;
}

.button div#dMain .dButtonResult .dModLayImgLeft {
	padding: 20px;
}

.button div#dMain .dButtonResult .dModLayImgLeft div.dModLayText {
	width: 95px !important;
}

.button div#dMain .dButtonResult .dModLayImgLeft div.dModLayText h3 {
	color: #333333 !important;
}

.button div#dMain .dButtonResult .dModLayImgLeft div.dModLayImg {
	width: 60px !important;
}

.button div#dMain .dButtonResult .dModLayImgRight {
	padding: 20px;
}

.button div#dMain .dButtonResult .dModLayImgRight div.dModLayText {
	width: 130px !important;
}

.button div#dMain .dButtonResult .dModLayImgRight div.dModLayText h3 {
	color: #333333 !important;
}

.button div#dMain .dButtonResult .dModLayImgRight div.dModLayImg {
	width: 25px !important;
}

.button div#dMain .dButtonResult .dModLayColBox>h3 {
	/* color: #333333 !important; */
	padding: 18px 20px 0;
	background-image: none;
	font-size: 18px;
	margin-bottom: 6px;
	background-color: transparent;
	border-left: none;
	color: #153d70;
	width: 100%;
}

.button div#dMain .dButtonResult .ulModEleDef {
	margin-bottom: 40px;
}

.button div#dMain .dButtonResult .ulModEleDef li {
	/* padding: 0 0 0 20px; */
}

.button div#dMain .dButtonResult .ulModEleDef li.liPdf {
	/* background: url("/image/member/p/eco/button/ico_pdf.gif") no-repeat scroll left 50%; */
}

.button div#dMain .dButtonResult .ulModEleDef li.liPdf a::after {
	content: '';
	background: url("/image/member/p/eco/button/ico_pdf.gif");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: text-bottom;
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: 10px;
}

.button div#dMain .dButtonResult .ulModEleDef li.liXls {
	/* background: url("/image/member/p/eco/button/ico_xls.gif") no-repeat scroll left 50%; */
}

.button div#dMain .dButtonResult .ulModEleDef li.liXls a::after {
	content: '';
	background: url("/image/member/p/eco/button/ico_xls.gif");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	vertical-align: text-bottom;
	width: 1em;
	height: 1em;
	display: inline-block;
	margin-left: 10px;
}

.button div#dMain .dButtonResult .dModLayCol3 .ulModEleDef {
	margin: 13px 0 0;
}

.button div#dMain .dButtonResult .dModLayCol2.dResultInfo p {
	margin-bottom: 0 !important;
}

.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .dModLayColL p>img {
	vertical-align: middle;
	margin: 0 0.5em 0 0.25;
}

.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .pPrint {
	background: url(/image/member/p/eco/button/btn_print.gif) top left no-repeat;
	padding-left: 20px;
	margin-top: 13px;
}

.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .dModLayColL,
.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .dModLayColR {
	width: 100%;
}

.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .dModLayColR {
	/* float: right;
	width: auto; */
}

.comBtn.comBtn06.comBtn250 {
	background: none;
	background-color: transparent;
	width: auto;
}

.dResultProposal p.pResultProposal a.aIcon02,
.button div#dMain .dButtonResult .look-measures-btn,
.comBtn.comBtn06.comBtn250 a {
	display: inline-block;
	font-weight: bold;
	border-radius: 100px;
	background-color: #153D70;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1.4 !important;
	position: relative;
	padding: 6px 20px 5px;
	transition: opacity 0.3s ease-in-out;
	font-size: 15px;
	width: 300px;
	max-width: 100%;
	box-sizing: border-box;
}

.dResultProposal p.pResultProposal a.aIcon02 *,
.button div#dMain .dButtonResult .look-measures-btn *,
.comBtn.comBtn06.comBtn250 a * {
	line-height: 1.4 !important;
}

.dResultProposal p.pResultProposal a.aIcon02 {
	/* margin-top: 10px; */
	color: #153D70;
	background-color: #fff;
	border: 2px solid #153D70;
}

.comBtn.comBtn06.comBtn250 a span {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.dResultProposal p.pResultProposal a.aIcon02::after,
.button div#dMain .dButtonResult .look-measures-btn::after,
.comBtn.comBtn06.comBtn250 a::after {
	content: '';
	background-image: url(/member_assets/images/right-arrow-white.svg);
	/* width: 0.6em; */
	width: 8px;
	aspect-ratio: 8/14;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0%, -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.dResultProposal p.pResultProposal a.aIcon02::after {
	background-image: url(/member_assets/images/right-arrow-blue.svg);
}

.button div#dMain .dButtonResult .look-measures-btn {
	display: block;
	margin: 30px auto 0;
	display: none;
}

.button div#dMain .dButtonResult .look-measures-btn::after {
	background-image: url(/member_assets/images/under-arrow-white_2x.png);
	height: 0.6em;
	width: 1em;
}

@media screen and (max-width: 1480px) {
	.button div#dMain .dButtonResult .dResultHead p {
		font-size: 24px;
		padding: 14px 10px;
	}

	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail {
		font-size: 18px;
	}

	.button div#dMain .dButtonResult .dResultContent div.dResultTotal {
		font-size: 28px;
	}

	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail div {
		padding: 15px;
	}

	.button div#dMain .dButtonResult .dResultContent .dResultTotalWrap {
		padding: 10px 15px;
	}

	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail dt img {
		width: 45px;
		margin-right: 10px;
	}
}

@media screen and (min-width: 1460px) {
	#eco .check-step-item {
		height: 70px;

	}

	#eco .check-step-item .step-num {
		height: 30px;
		margin-right: 15px
	}

	#eco .check-step-item .step-text br {
		display: none;
	}
}


@media screen and (max-width: 1340px) {
	/* .button div#dMain .dButtonResult .dResultContent dl.dResultDetail div {
		flex-basis: 25%;
	} */
}

@media screen and (max-width: 1300px) {

	/* step */
	#eco .check-step-item {
		font-size: calc(20 / 1300 * 100vw);
		height: calc(80 / 1300 * 100vw);
	}

	#eco .check-step-item .step-num {
		height: calc(40 / 1300 * 100vw);
		margin-right: calc(20 / 1300 * 100vw);
	}

	#eco .check-step-item::before {
		right: calc((-26 / 1300 * 100vw) + 2px);
	}

	#eco .check-step-item::after {
		right: calc(-26 / 1300 * 100vw);
	}

	/* end step */
	#eco .season-btn-list .season-btn-item .season-btn::after {
		right: 10px;
	}
}

@media screen and (max-width: 1280px) {
	/* .button div#dMain .dButtonResult .dResultContent dl.dResultDetail div {
		flex-basis: 33.33%;
	} */
}

@media screen and (max-width: 1200px) {

	/* step */
	#eco .check-step-item {
		font-size: calc(22 / 1300 * 100vw);
	}

	#eco .check-step-item .step-num {
		height: calc(48 / 1300 * 100vw);
		margin-right: calc(20 / 1300 * 100vw);
	}

	/* end step */
	.button div#dMain .dModLayCol2 .dCol {
		flex-basis: calc((100% - 20px)/2);
	}
}

@media screen and (max-width: 1180px) {

	.button div#dMain .factory .dButtonResult .dResultContent dl.dResultDetail div {
		flex-basis: 50%;
	}
}

@media screen and (max-width: 920px) {

	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail div {
		flex-basis: 50%;
	}

	.button div#dMain .office .dButtonResult .dResultContent dl.dResultDetail div {
		flex-basis: 33.3%;
	}

}

@media screen and (max-width: 768px) {
	.button #aMainContents .dModBoxNormal h2 {
		margin: 15px 0;
	}

	#eco .check-lead {
		font-size: 16px;
	}

	#eco .check-step-list {
		display: block;
	}

	#eco .check-step-list.step03::before {
		width: 100%;
		top: 50%;
	}

	#eco .check-step-item {
		font-size: 18px;
		width: 100%;
		padding: 0 20px;
		padding-top: 10px;
		/* padding-bottom: 5px; */
		height: auto;
		justify-content: center;
		margin-bottom: 15px;
	}

	#eco .check-step-item:nth-last-of-type(1) {
		padding-bottom: 10px;
		margin-bottom: 0;
	}

	#eco .check-step-item .step-num {
		height: 20px;
		margin-right: 12px;
	}

	#eco .check-step-item .step-text {
		text-align: center;
	}

	#eco .check-step-item:nth-of-type(1) .step-text {
		line-height: 2.6;
	}

	#eco .check-step-item .step-num {
		height: 18px;
		margin-right: 10px;
	}

	#eco .check-step-item::before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 50vw 0 50vw;
		border-color: #fff transparent transparent transparent;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: -13px;
		top: auto;
	}

	#eco .check-step-item::after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 50vw 0 50vw;
		border-color: #153d70 transparent transparent transparent;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0);
		bottom: -15px;
		top: auto;
	}

	#eco .check-step-item.active::before {
		width: 100%;
		height: 15px;
		top: auto;
		left: 0;
		transform: translate(0, 0);
		bottom: -15px;
	}

	.dModBoxNormal.dModLayCol2 {
		flex-direction: unset;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	.button div#dMain .dModLayCol2 .dCol {
		flex-basis: calc((100% - 15px)/2);
	}

	.button div#dMain .dModLayCol2 .dCol .dColBox {
		padding: 15px;
		margin-bottom: 15px;
	}

	.button div#dMain .dModLayCol2 .dCol .dColBox h3 {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.button div#dMain .dModLayCol2 .dCol .dColBox h3 img {
		width: 35px;
	}

	.button div#dMain .dModLayCol2 .dCol .dColBox .yesNoSwitch {
		/* background-size: 18px auto; */
		font-size: 16px;
		/* background-position: 0px 3px; */
		/* padding-left: 30px; */
	}

	.button div#dMain .dModLayCol2 .dCol .dColBox .c_on {
		background-size: 25px auto;
	}

	.button div#dMain .dModLayCol2 .dCol .dColBox ul {
		margin-bottom: -5px;
	}

	.button div#dMain .dModLayCol2 .dCol .dColBox li {
		margin-bottom: 5px;
	}

	.dResultProposal p.pResultProposal a.aIcon02,
	.button div#dMain .dButtonResult .look-measures-btn,
	.comBtn.comBtn06.comBtn250 a {
		/* font-size: 16px; */
		font-size: 14px;
		padding: 12px 20px 11px;
	}

	.dResultProposal p.pResultProposal a.aIcon02::after,
	.button div#dMain .dButtonResult .look-measures-btn::after,
	.comBtn.comBtn06.comBtn250 a::after {
		/* width: 10px;
		height: 16px; */
		right: 15px;
	}

	.button div#dMain .office .dButtonResult .dResultContent dl.dResultDetail div,
	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail div {
		flex-basis: 50%;
		padding: 10px;
	}

	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail {
		font-size: 17px;
	}

	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail dt img {
		width: 35px;
	}

	.button div#dMain .dButtonResult .dResultContent div.dResultTotal {
		font-size: 20px;
	}

	.button div#dMain .dButtonResult .dResultHead p {
		font-size: 20px;
		padding: 13px 10px;
	}

	.button div#dMain .dButtonResult .dResultContent .dResultTotalWrap {
		padding: 15px 10px;
	}

	.button div#dMain .dButtonResult .dResultContent div.dResultTotal {
		position: static;
		transform: translate(0, 0);
		margin-top: 15px;
		line-height: 1;
	}

	.button div#dMain .dButtonResult .dResultContent div.dResultTotal p,
	.button div#dMain .dButtonResult .dResultContent div.dResultTotal span {
		line-height: 1;
	}

	.button div#dMain .dButtonResult .dResultContent div.dResultTotal p.pResultTotalScore {
		float: none;
	}

	.button div#dMain .dButtonResult .dResultContent div.dResultTotal p.lastElement.pResultTotalScore {
		margin-left: 10px;
	}

	.button #aMainContents .dButtonResult .dModBoxNormal+.dModBoxNormal {
		margin-bottom: 20px;
		margin-top: 40px;
	}

	.button #aMainContents .dModBoxNormal h2#eco-measures {
		margin-top: 40px;
	}

	.button div#dMain .dButtonResult div.dResultStep {
		font-size: 15px;
	}

	.button div#dMain .dButtonResult .dModLayColBox>h3 {
		font-size: 18px;
	}

	.button div#dMain .dButtonResult div.dModLayColBox p.pResultImg img {
		width: 45px;
	}

	.button div#dMain .dButtonResult div.dModLayColBox p.pResultDetail a.aIcon01 {
		font-size: 13px;
	}

	.button div#dMain .dButtonResult div.dModLayColBox p {
		padding: 0 15px;
	}

	.button div#dMain .dButtonResult div.dResultStep p.pResultStepNo {
		padding: 6px 13px;
	}

	.button div#dMain .dButtonResult .dModLayColBox>h3 {
		/* color: #333333 !important; */
		padding: 15px 15px 0;
		font-size: 18px;
		line-height: 1.4;
		margin-bottom: 8px;
	}

	.button div#dMain .dButtonResult div.dModLayColBox {
		width: 100%;
		flex-basis: 100%;
		margin: 0;
		margin-bottom: 15px;
		/* padding-bottom: 60px; */
		/* height: auto !important; */
	}

	.button div#dMain .dButtonResult .dModLayCol3 .dModLayCol2.dResultInfo {
		margin-bottom: 20px;
	}

	.button div#dMain .dButtonResult .dModLayCol2.dResultInfo .dModLayColR {
		margin-top: -13px;
	}

}

@media screen and (max-width: 680px) {
	.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li {
		/* flex-basis: 50%; */
		font-size: 16px;
	}

	.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li a {
		padding: 10px 10px;
	}
}

@media screen and (max-width: 575px) {
	.button div#dMain .dButtonResult .dResultMenu ul.ulModEleFloat li {
		flex-basis: 50%;
	}

	.button div#dMain .hotel .dButtonResult .dResultMenu ul.ulModEleFloat li,
	.button div#dMain .medical .dButtonResult .dResultMenu ul.ulModEleFloat li,
	.button div#dMain .commercial .dButtonResult .dResultMenu ul.ulModEleFloat li {
		flex-basis: 50%;
	}

	.button div#dMain .office .dButtonResult .dResultMenu ul.ulModEleFloat li {
		flex-basis: 50%;
	}

	.dModBoxNormal.dModLayCol2 {
		display: block;
	}

	.button div#dMain .dButtonResult .dResultContent dl.dResultDetail dt img {
		width: 25px;
	}

	.button div#dMain .dButtonResult .dResultContent div.dResultTotal {
		font-size: 20px;
	}

	.dResultProposal p.pResultProposal a.aIcon02,
	.button div#dMain .dButtonResult .look-measures-btn,
	.comBtn.comBtn06.comBtn250 a {
		font-size: 13px;
	}

	.dResultProposal p.pResultProposal a.aIcon02 {
		border-width: 1px;
	}
}

/* box
---------------------------------------------------*/
.box div#dMain .dBoxBox .dTitle h2 {
	float: left;
	margin: 9px 10px 0 0;
}

.box div#dMain .dBoxBox .dTitle h3 {
	float: left;
}

.box div#dMain .dBoxBoxNav {
	margin: 0 0 20px;
}

.box div#dMain .dBoxBoxNav li {
	width: 176px;
	height: 52px;
	float: left;
	padding: 20px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #52adcc;
	color: #00a2d9;
	display: table;
}

.box div#dMain .dBoxBoxNav li.lastElement {
	border-right: none;
}

.box div#dMain .dBoxBoxNav li .dIcon {
	width: 50px;
	padding-right: 5px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	*layout-grid-line: 30px;
	*display: inline;
	*zoom: 1;
}

.box div#dMain .dBoxBoxNav li p {
	display: table-cell;
	width: 121px;
	text-align: left;
	vertical-align: middle;
	height: 30px;
	*layout-grid-line: 30px;
	margin-bottom: 0;
	*display: inline;
	*zoom: 1;
}

.box div#dMain .dBoxBoxNav li a {
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
}

.box div#dMain .dBoxBoxNav li.active {
	background: url(/image/member/p/eco/box/ico_arrow_down_ac.png) center 72px no-repeat;
	color: #fff;
}

.box div#dMain .dBoxBoxNav li.active a {
	color: #00a2d9;
}

.box div#dMain .dBoxBoxNav li img {
	vertical-align: middle;
	margin-right: 10px;
}

.box div#dMain .dBoxBoxNav li.rowLast {
	border-right: none;
}

.box div#dMain .dBoxBoxNav li.rowBot {
	border-bottom: none;
}

.box div#dMain .dModLayCol2 .dCol {
	float: left;
	width: 273px;
	border: 1px solid #ccc;
	margin-top: 20px;
	padding: 20px;
}

.box div#dMain .dModLayCol2 .dCol.dRight {
	float: right;
}

.box div#dMain .dNoBorder {
	border: none !important;
}

.box div#dMain #aMainContents .dModBoxNormal h2,
.box div#dMain #aMainContents .dModLayCol1 h2,
.box div#dMain #aMainContents .dModLayCol2 h2 {
	background: url(/image/member/p/eco/box/bg_box_h2.gif) 0 0 no-repeat;
	color: #00a2d9;
	padding: 3px 0 4px 32px;
}

.box div#dMain .basics #aMainContents h2,
.box div#dMain .diagnosis #aMainContents h2,
.box div#dMain .season #aMainContents h2 {
	background: none;
	color: #153d70;
	padding: 0 0 0 calc(45 / 28 * 1em);
}

.box div#dMain #aMainContents .dModBoxNormal h2.h202,
.box div#dMain #aMainContents .dModLayCol1 h2.h202,
.box div#dMain #aMainContents .dModLayCol2 h2.h202 {
	background: url(/image/member/p/eco/box/bg_box_h202.gif) 0 0.25em no-repeat;
	padding-left: 20px;
}

.box div#dMain #aMainContents .dModBoxNormal h2.h203,
.box div#dMain #aMainContents .dModLayCol1 h2.h203,
.box div#dMain #aMainContents .dModLayCol2 h2.h203 {
	background: url(/image/member/p/eco/box/bg_box_h203.gif) 0 0 no-repeat;
	color: #f39700;
}

.box div#dMain #aMainContents .dModBoxNormal h3,
.box div#dMain #aMainContents .dModLayCol1 h3,
.box div#dMain #aMainContents .dModLayCol2 h3 {
	color: #333;
}

.box div#dMain .basics #aMainContents h3,
.box div#dMain .diagnosis #aMainContents h3,
.box div#dMain .season #aMainContents h3 {
	color: #0b3e73;
}

.basics h3.Toph3Index,
.diagnosis h3.Toph3Index,
.season h3.Toph3Index {
	margin-bottom: 13px;
}

.box div#dMain .dBoxBoxCaseStudyNav {
	overflow: hidden;
}

.box div#dMain .dBoxBoxCaseStudyNav li {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
}

.box div#dMain .dBoxBoxCaseStudyNav li img {
	vertical-align: middle;
	margin-right: 10px;
}

.box div#dMain .dBoxBoxCaseStudyNav li a {
	display: block;
}

.box div#dMain .dBoxBoxCaseStudyNav.dBoxBoxCaseStudyNav2Col li {
	float: left;
	width: 294px;
}

.box div#dMain .spanBlue {
	color: #3e95d8;
}

.box div#dMain dl {
	margin-bottom: 16px;
}

.box div#dMain dl.dlIndent dd {
	line-height: 1.5em;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom: 0.5em;
}

.box div#dMain .pFootnote {
	font-size: 1.4rem;
}

.box div#dMain .pCenter {
	text-align: center;
}

.box div#dMain .diagnosis .dDiagnosisSample {
	float: right;
}

.box div#dMain .diagnosis .dDiagnosisSample ul {
	overflow: hidden;
}

.box div#dMain .diagnosis .dDiagnosisSample ul li {
	float: left;
	width: 100px;
	padding-left: 20px;
}

@media screen and (max-width: 768px) {

	.basics h3.Toph3Index,
	.diagnosis h3.Toph3Index,
	.season h3.Toph3Index {
		margin-bottom: 30px;
	}
}

/* @group 季節対策 */

/* .seasonBeginningBody {
	margin: 36px 0 0;
} */

.seasonBeginningFigImg {
	margin: 45px 0 16px;
}

.dModBoxNormal.dModLayCol2.seasonFeature {
	align-items: stretch;
}

div.dModLayCol2 div.dModLayColL.winterFeature,
div.dModLayCol2 div.dModLayColR.summerFeature {
	box-sizing: content-box;
	width: 47%;
}

div.dModLayCol2 div.dModLayColL.winterFeature {
	margin-right: 0;
	padding-right: 3%;
}

div.dModLayCol2 div.dModLayColR.summerFeature {
	padding-left: calc(3% - 2px);
	border-left: 2px solid #153d70;
}

.winterFeature,
.summerFeature {
	background: center 3em no-repeat;
}

.winterFeature {
	background-image: url(/image/member/p/eco/box/img_box_season02.gif);
}

.summerFeature {
	background-image: url(/image/member/p/eco/box/img_box_season03.gif);
}

@media screen and (max-width: 575px) {

	div.dModLayCol2 div.dModLayColL.winterFeature,
	div.dModLayCol2 div.dModLayColR.summerFeature {
		width: auto;
	}

	div.dModLayCol2 div.dModLayColL.winterFeature {
		padding-right: 0;
	}

	div.dModLayCol2 div.dModLayColR.summerFeature {
		padding-left: 0;
		border-left: none;
		margin-top: 30px;
		border-top: 2px solid #153d70;
	}

}


/* @end 季節対策 */

/* @group 省エネの基礎 照度・温湿度基準値 */

.dBasicsValueFigContainer {
	display: flex;
	justify-content: center;
	gap: 28px;
	margin: 36px 0 48px;
}

@media screen and (max-width: 768px) {
	.dBasicsValueFigContainer {
		display: flex;
		flex-direction: column;
		gap: 15px;
		margin: 30px 0 48px;
		text-align: center;
	}
}

/* @end 照度・温湿度基準値 */

/* @group 省エネの基礎 省エネの分類 */

.dBasicsTypesContainer {
	margin: 36px 6px 0;
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
}

.box div#dMain .basics .dBasicsTypes {
	flex: 1 1 auto;
	display: flex;
	align-items: flex-start;
	/* column-gapを使わないのは、2列目の頭をページの中央に揃えるため */
	margin-right: 20px;
	width: calc(50% - 20px);
}

.box div#dMain .basics .dBasicsTypes.lastElement {}

.box div#dMain .basics .dBasicsTypes img {
	display: block;
	margin-right: 7px;
}

.box div#dMain .basics .dBasicsTypes>ul {
	display: block;
	width: max(75%, 370px);
}

.box div#dMain .basics .dBasicsTypes>ul>li {
	list-style-type: disc;
	margin: 0 0 0.725em 1.5em;
}

@media screen and (max-width: 768px) {
	.dBasicsTypesContainer {
		margin: 30px 0 0;
		flex-direction: column;
		gap: 30px;
	}

	.box div#dMain .basics .dBasicsTypes {
		margin-right: 0;
		width: auto;
		display: block;
	}

	.box div#dMain .basics .dBasicsTypes>ul {
		width: auto;
	}

	.box div#dMain .basics .dBasicsTypes img {
		margin: 0 auto 30px;
		text-align: center;
	}
}

/* @end 省エネの分類 */

/* @group 省エネの基礎 デマンド値とは */

.demandFig {
	margin: 35px 0 50px;
}

/* @end basics デマンド値とは */

.box div#dMain .links .dModLayCol4 {
	overflow: hidden;
}

.box div#dMain .links .dModLayCol4 .dCol {
	width: 137px;
	float: left;
	margin: 0 20px 20px 0;
}

.box div#dMain .links .dModLayCol4 .dCol.lastElement {
	margin-right: 0;
}

.box div#dMain .links .iThumbnail {
	display: block;
	border: 3px solid #9ecaeb;
	margin-bottom: 0.5em;
}

/* @group 業種別1日の電気消費量の内訳 */

/*

.box div#dMain .now .ulModEleFloat.ulBorder li,
.box div#dMain .detailed .ulModEleFloat.ulBorder li {
	width: 200px;
	margin: 0 12px 30px 0;
	padding-right: 12px;
	border-right: 1px solid #aaaaaa;
	text-align: center;
	white-space: normal;
}

.box div#dMain .now .ulModEleFloat.ulBorder li.lastElement,
.box div#dMain .detailed .ulModEleFloat.ulBorder li.lastElement {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

.box div#dMain .now .ulModEleFloat.ulBorder li.liBottom,
.box div#dMain .detailed .ulModEleFloat.ulBorder li.liBottom {
	margin-bottom: 0;
}

.box div#dMain .now .ulModEleFloat.ulBorder li h3,
.box div#dMain .detailed .ulModEleFloat.ulBorder li h3 {
	background-image: none;
	background-color: transparent;
	padding: 0;
	border-left: none;
	color: #333333;
	margin: 0;
}

.box div#dMain .now .ulModEleFloat.ulBorder li h3 a,
.box div#dMain .detailed .ulModEleFloat.ulBorder li h3 a {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
	color: #333333;
	background-image: url(/image/module/ico_arrow_right_main.gif);
}

.box div#dMain .now .ulModEleFloat.ulBorder li .ulModEleFloat {
	margin: 20px auto 0;
	width: 140px;
}

.box div#dMain .now .ulModEleFloat.ulBorder li .ulModEleFloat li {
	margin: 0 20px 0 0;
	padding-right: 0;
	border-right: none;
	width: auto;
}

.box div#dMain .now .ulModEleFloat.ulBorder li .ulModEleFloat li.lastElement {
	margin-right: 0;
}

.box div#dMain .now .ulModEleFloat.ulBorder li .ulModEleFloat li a {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}

.box div#dMain .now .ulModEleFloat.ulBorder li .ulModEleFloat li a.aSummer {
	background-image: url(/image/member/p/eco/ico_eco_summer.gif);
}

.box div#dMain .now .ulModEleFloat.ulBorder li .ulModEleFloat li a.aWinter {
	background-image: url(/image/member/p/eco/ico_eco_winter.gif);
}

*/

.syouene-nowdetail-row {
	display: flex;
	gap: 50px;
}

.syouene-nowdetail-row>* {
	flex: 1 0 0;
}

.syouene-light-title {
	border: none;
	background: none;
	padding: 0;
	padding-left: calc(30 / 18 * 1em);
	margin: 0 0 15px;
	color: #153d70;
	position: relative;
}

.syouene-light-title::before {
	content: '';
	display: block;
	width: calc(18 / 18 * 1em);
	height: calc(25 / 18 * 1em);
	background: url(/image/member/p/eco/box/bg_box_h2.gif) center/contain no-repeat;
	position: absolute;
	left: 2px;
	top: .75em;
	transform: translate(0, -50%);
}

.box div#dMain #aMainContents .dModBoxNormal .syouene-light-title {
	color: #153d70;
}

.syouene-nowdetail-figwrap {
	margin: 30px 0 0;
}

.syouene-nowdetail-figwrap figure {
	margin: 0;
	display: inline-block;
}

.syouene-nowdetail-figwrap figcaption {
	margin: 1.5em 0 0;
	font-size: 13px;
}

.dModLayCol1:first-child .syouene-nowdetail-figwrap figcaption {
	text-align: left;
}

.syouene-nowdetail-backwrap {
	text-align: center;
	margin: 40px 0 40px;
}

.syouene-nowdetail-back {
	color: #fff;
	background: #fff;
	border: solid 2px #153d70;
	border-radius: 100px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	min-width: min(300px, 100%);
	max-width: 100%;
	min-height: 36px;
	font-size: 1.5rem;
	font-weight: bold;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0 2.5em;
	transition: opacity 0.3s ease-in-out;
	font-weight: bold;
}

.syouene-nowdetail-back:link,
.syouene-nowdetail-back:hover,
.syouene-nowdetail-back:visited {
	color: #153d70;
	text-decoration: none;
}

.syouene-nowdetail-back:hover {
	opacity: 0.7;
}

.syouene-nowdetail-back:after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 15px;
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	background-image: url(/image/module/right_arrow_b.png);
}

@media screen and (max-width:768px) {

	.syouene-nowdetail-row {
		display: block;
	}

	.syouene-light-title {
		margin: 0 0 10px;
		font-size: 1.5rem;
	}

}

/* @end 業種別1日の電気消費量の内訳 */

/* @group ページ最後の省エネチェックへのリンク */

.eco-box-others {
	text-align: center;
}

.eco-box-others__text {
	margin-bottom: 12px;
}

.eco-box-others__list a {
	color: #fff;
	background: rgba(21, 61, 112, 1);
	border: solid 2px rgba(21, 61, 112, 1);
	border-radius: 100px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	width: 300px;
	max-width: 100%;
	min-height: 36px;
	font-size: 1.5rem;
	font-weight: bold;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0 2.5em;
	transition: opacity 0.3s ease-in-out;
}

.eco-box-others__list a:link,
.eco-box-others__list a:hover,
.eco-box-others__list a:visited {
	color: #fff;
	text-decoration: none;
}

.eco-box-others__list a:hover {
	opacity: 0.7;
}

.eco-box-others__list a:after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 15px;
	width: 8px;
	height: 12px;
	background-size: 8px 12px;
	background-image: url(/image/module/right_arrow_w.png);
}

/* @end eco-box-others */

/* board
---------------------------------------------------*/
.board div#dMain .dBoxBoard .dTitle h2 {
	float: left;
	margin: 9px 10px 0 0;
}

.board div#dMain .dBoxBoard .dTitle h3 {
	float: left;
	margin: 6px 0 0 0;
}

.board div#dMain .dBoxBoardNav {
	margin: 0 0 20px;
}

.board div#dMain .dBoxBoardNav li {
	width: 176px;
	height: 52px;
	float: left;
	padding: 20px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #f2b424;
	color: #e6a200;
	display: table;
}

.board div#dMain .dBoxBoardNav li.lastElement {
	border-right: none;
}

.board div#dMain .dBoxBoardNav li .dIcon {
	width: 50px;
	padding-right: 5px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	*layout-grid-line: 30px;
	*display: inline;
	*zoom: 1;
}

.board div#dMain .dBoxBoardNav li p {
	display: table-cell;
	width: 121px;
	text-align: left;
	vertical-align: middle;
	height: 30px;
	*layout-grid-line: 30px;
	margin-bottom: 0;
	*display: inline;
	*zoom: 1;
}

.board div#dMain .dBoxBoardNav li a {
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
}

.board div#dMain .dBoxBoardNav li.active {
	background: url(/image/member/p/eco/board/ico_arrow_down_ac.png) center 72px no-repeat;
	color: #fff;
	background-color: #ffffff;
}

.board div#dMain .dBoxBoardNav li.active a {
	color: #e6a200;
}

.board div#dMain .dBoxBoardNav li img {
	vertical-align: middle;
	margin-right: 10px;
}

.board div#dMain .dBoxBoardNav li.rowLast {
	border-right: none;
}

.board div#dMain .dBoxBoardNav li.rowBot {
	border-bottom: none;
}

/*
.board div#dMain .dBoxBoardNav li a:hover span { text-decoration: underline; }
.board div#dMain .dBoxBoardNav li span { float: left; display: block; }
.board div#dMain .dBoxBoardNav li span.twoLine { margin-top: 0; }
*/
.board div#dMain .dModLayCol3 {
	overflow: hidden;
	padding-bottom: 20px;
}

.board div#dMain .dModLayCol3 .dModLayColBox {
	width: 205px;
	float: left;
	padding-right: 17px;
}

.board div#dMain .dModLayCol3 .dModLayColBox>img {
	border-bottom: 12px solid #f4a300;
}

.board div#dMain .dModLayCol3 .dModLayColBox.lastElement {
	padding-right: 0;
}

.board div#dMain .dModLayCol3 .dModLayColBox .dBoardInner {
	border-left: 3px solid #ffd681;
	border-right: 3px solid #ffd681;
	border-bottom: 3px solid #ffd681;
	padding: 17px;
}

.board div#dMain .dModLayCol3 .dModLayColBox .dBoardInner h2 {
	font-size: 1.5em;
	padding: 0 0 0 25px;
	background: url(/image/member/p/eco/board/ico_board.gif) left 0.1em no-repeat;
}

.board div#dMain .dModLayCol3 .dModLayColBox .dBoardInner h2 span.sSmall {
	font-size: 0.8em;
}

.board div#dMain .dModLayCol2 {
	overflow: hidden;
}

.board div#dMain .dModLayCol2 .dCol {
	float: left;
	width: 273px;
	border: 1px solid #ccc;
	margin-top: 20px;
	padding: 20px;
}

.board div#dMain .dModLayCol2 .dCol.dRight {
	float: right;
}

.board div#dMain .dModLayCol2 h2 {
	font-size: 1.5em;
	padding: 0 0 0 25px;
	background: url(/image/member/p/eco/board/ico_board.gif) left 0.1em no-repeat;
}

.board div#dMain .dModLayCol2 h2 img {
	padding-bottom: 5px;
}

.board div#dMain .dModLayCol2 .dCol p img {
	border: 3px solid #ffd681;
}

.board div#dMain .dModLayCol2 .dCol p.pAttention {
	font-size: 0.8em;
}

/*popup*/
body.popup {
	padding: 2em;
	text-align: left;
	min-width: inherit;
}

body.popup .dBoxButton {
	clear: both;
}

body.popup h2 {
	background-image: none;
	padding-top: 0;
}

.dTitle {
	padding: 15px 10px 20px 15px;
	overflow: hidden;
	background-color: #fde3da;
	border-top: 6px solid #f34006;
}

.dTitle h1 {
	background: url("/image/member/p/eco/button/bg_button_h2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #F34006;
	margin-top: 20px;
	padding: 3px 0 0 28px;
}

.dTitle h2 {
	float: left;
	margin: 0 10px 0 0 !important;
}

.dTitle h3 {
	float: left;
	margin-top: 0.4em;
	color: #333 !important;
	font-size: 1.7em !important;
	font-weight: normal !important;
}

#cboxLoadedContent .dButton.dModBoxPadding {
	display: block;
	background: none;
	padding: 0;
	background-image: none;
	background-color: transparent;
	min-height: auto;
	height: auto;
	box-shadow: none;
}

#cboxLoadedContent .dBoxButton,
#cboxLoadedContent .dBoxButton.dModBoxNormal {
	padding: 0 40px;
	margin-top: 40px;
	margin-bottom: 0;
}

#cboxLoadedContent .dButton.dModBoxPadding h2 {
	display: none;
}

#cboxLoadedContent .dButton.dModBoxPadding p.lastElement {
	font-size: 2.1rem;
	font-weight: 700;
	background: none;
	color: #153d70;
	position: relative;
	border: none;
	text-align: left;
	padding: 0 0 0 45px;
	padding: 0 0 0 calc(45 / 24 * 1em);
	margin: 30px 0;
	min-height: 2.8rem;
}

#cboxLoadedContent .dButton.dModBoxPadding p.lastElement:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 40px;
	width: calc(15 / 24 * 1em);
	height: calc(40 / 24 * 1em);
	display: block;
	background: #e6b32b;
	transform: skewX(-20deg);
	left: 10px;
	left: calc(10 / 24 * 1em);
}

#cboxLoadedContent .dButton.dModBoxPadding p.lastElement .sLead {
	color: #153d70;
	font-size: 1em;
}

#cboxLoadedContent .ulNavi {
	overflow: hidden;
	float: right;
	margin-bottom: 20px;

	display: none;
}

.ulNavi li {
	float: left;
	padding-left: 20px;
}

.ulNavi .liPrint {
	background: url(/image/member/p/eco/button/btn_print.gif) 0 0 no-repeat;
	margin-right: 20px;
}

.ulNavi .liClose {
	background: url(/image/member/p/eco/button/btn_close.gif) 0 0 no-repeat;
}

.dBody {
	/* margin-top: 2em; */
	padding: 0 40px;
	text-align: left;
}


.dBody p.pIcon span {
	/* background-color: #f34006;
	padding: 0 1em; */
}

.dBody p.pIcon,
.dBody>h3 {
	/* display: none; */
	font-weight: bold;
	text-align: center;
	border: none;
	display: inline-block;
	padding: 3px 15px;
	margin-bottom: 0;
	font-size: 1em;
	color: #fff;
	background-color: #153d70;
}

.dBody h4 {
	/* font-size: 2.4rem;
	margin-bottom: 0.5em;
	padding: 0;
	background-color: transparent;
	border-left: none;
	color: #153d70;
	text-align: left;
	padding-left: calc(18px + 16px);
	line-height: 1.4; */
	font-weight: bold;
	background: transparent;
	border: none;
	font-size: 1.8rem;
	position: relative;
	padding: 10px 0 15px;
	margin: 30px 0;
	color: #153d70;
}

.dBody h4::before {
	content: '';
	position: absolute;
	width: 60px;
	height: 1px;
	border-bottom: solid 3px #e6b32b;
	display: block;
	left: 0;
	bottom: 0;
	top: auto;
	background-color: transparent;
}


.dBody h5 {
	font-size: 1.6rem;
	color: #153d70;
	font-weight: 700;
	padding: 0 0 0 0;
	margin: 20px 0;
	box-sizing: border-box;
	/* border-left: solid 5px #153d70; */
	position: relative;
}

.dBody h5::before {
	/* content: '';
	background-color: #153d70;
	width: 4px;
	height: 1.4em;
	position: absolute;
	left: 0;
	top: 0; */
}

.dBody p {
	margin-bottom: 2em;
	margin-bottom: 25px;
}

.dBody ul {
	margin: 1em 0 2em 0;
}

.dBody ul li {
	margin-left: 1.25em;
	list-style: disc;
}

.dDetailTitle {
	clear: both;
}

.dDetailTitle h1 {
	background: url("/image/member/p/eco/button/bg_button_h2.gif") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
	color: #d93021;
	padding: 3px 0 0 28px;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 20px;
}

#cboxLoadedContent .dDetailTitle {
	padding: 40px;
	padding-bottom: 0;
}

#cboxLoadedContent .dDetailTitle h1 {
	background-image: none;
	font-size: 2.4rem;
	font-weight: 700;
	background: none;
	color: #153d70;
	position: relative;
	border: none;
	text-align: left;
	padding: 0 0 0 45px;
	padding: 0 0 0 calc(45 / 28 * 1em);
	margin: 30px 0;
	margin-top: 0;
}

#cboxLoadedContent .dDetailTitle h1::before {
	content: "";
	position: absolute;
	width: 15px;
	height: 40px;
	width: calc(15 / 28 * 1em);
	height: calc(40 / 28 * 1em);
	display: block;
	background: #e6b32b;
	transform: skewX(-20deg);
	left: 10px;
	left: calc(10 / 28 * 1em);
}

#cboxLoadedContent .dDetailTitle .dModLayCol2 .dModLayColL {
	width: 100%;
}

#cboxLoadedContent .dDetailTitle .dModLayCol2 .dModLayColR p {
	text-align: left;
}

.dDetailTitle .dModLayCol2 .dModLayColL {
	width: 130px;
}

.dDetailTitle .dModLayCol2 .dModLayColR {
	width: auto;
}

.dBody .dModLayCol4 .dModLayColL {
	float: left;
	width: 145px;
	padding-right: 20px;
}

.dBody .dModLayCol4 .dModLayColC {
	float: left;
	width: 145px;
	padding-right: 20px;
}

.dBody .dModLayCol4 .dModLayColR {
	float: left;
	width: 145px;
}

#cboxLoadedContent .dModLayCol4.dDetailIconList {
	text-align: left;
}

#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL,
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC,
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR {
	float: none;
	width: 100%;
	padding: 0;
	display: flex;
}

#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL img,
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC img,
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR img {
	width: 100px;
}

#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL p:nth-of-type(1),
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC p:nth-of-type(1),
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR p:nth-of-type(1) {
	flex-basis: 120px;
}

#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL p:nth-of-type(2),
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC p:nth-of-type(2),
#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR p:nth-of-type(2) {
	flex-basis: calc(100% - 120px);
}

@media screen and (max-width:768px) {

	#cboxLoadedContent .dDetailTitle h1,
	#cboxLoadedContent .dButton.dModBoxPadding p.lastElement {
		font-size: 2.1rem;
		font-weight: 700;
		background: none;
		color: #153d70;
		position: relative;
		border: none;
		text-align: left;
		padding: 0 0 0 45px;
		padding: 0 0 0 calc(45 / 28 * 1em);
		margin: 30px 0;
	}

	#cboxLoadedContent .dDetailTitle h1::before,
	#cboxLoadedContent .dButton.dModBoxPadding p.lastElement:before {
		content: "";
		position: absolute;
		width: 15px;
		height: 40px;
		width: calc(15 / 28 * 1em);
		height: calc(36 / 28 * 1em);
		display: block;
		background: #e6b32b;
		transform: skewX(-20deg);
		left: 10px;
		left: calc(10 / 28 * 1em);
	}

	.dBody p.pIcon,
	.dBody>h3 {
		padding: 2px 10px;
		font-size: 0.9em;
	}

	.dBody h4 {
		background: transparent;
		border: none;
		font-size: 1.6rem;
		position: relative;
		padding: 10px 0 15px;
		margin: 30px 0;
		color: #153d70;
	}

	.dBody h4::before {
		content: "";
		position: absolute;
		width: 60px;
		height: 1px;
		border-bottom: solid 3px #e6b32b;
		left: 0;
		bottom: 0;
	}

	.dBody h5 {
		font-size: 14px;
	}

	.dBody h5::before {
		width: 2px;
	}

	#cboxLoadedContent .dBoxButton,
	#cboxLoadedContent .dBoxButton.dModBoxNormal {
		padding: 0 15px;
		margin-top: 20px;
	}

	.dBody {

		padding: 0px 15px;
	}

	#cboxLoadedContent .dDetailTitle {
		padding: 20px 15px;
		padding-bottom: 0;
	}

	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL p:nth-of-type(1),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC p:nth-of-type(1),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR p:nth-of-type(1) {
		flex-basis: 95px;
	}

	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL img,
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC img,
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR img {
		width: 80px;
	}

	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL p:nth-of-type(2),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC p:nth-of-type(2),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR p:nth-of-type(2) {
		flex-basis: calc(100% - 95px);
	}
}

@media screen and (max-width:575px) {

	#cboxLoadedContent .dDetailTitle h1,
	#cboxLoadedContent .dButton.dModBoxPadding p.lastElement {
		font-size: 1.8rem;
		font-weight: 700;
		background: none;
		color: #153d70;
		position: relative;
		border: none;
		text-align: left;
		padding: 0 0 0 45px;
		padding: 0 0 0 calc(45 / 28 * 1em);
		margin: 30px 0;
	}

	#cboxLoadedContent .dDetailTitle h1::before,
	#cboxLoadedContent .dButton.dModBoxPadding p.lastElement:before {
		content: "";
		position: absolute;
		width: 15px;
		height: 40px;
		width: calc(15 / 28 * 1em);
		height: calc(36 / 28 * 1em);
		display: block;
		background: #e6b32b;
		transform: skewX(-20deg);
		left: 10px;
		left: calc(10 / 28 * 1em);
	}


	.dBody p {
		font-size: 13px;
		margin-bottom: 20px;
	}

	.dBody h4 {
		font-size: 1.5rem;
		margin: 20px 0;
	}

	.dBody h5 {
		font-size: 1.4rem;
		color: #153d70;
		font-weight: 700;
	}

	/* .dBody h4::before {
		content: "";
		position: absolute;
		width: 60px;
		height: 1px;
		border-bottom: solid 3px #e6b32b;
		left: 0;
		bottom: 0;
	} */


	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL p:nth-of-type(1),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC p:nth-of-type(1),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR p:nth-of-type(1) {
		flex-basis: 70px;
	}

	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL img,
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC img,
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR img {
		width: 60px;
	}

	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColL p:nth-of-type(2),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColC p:nth-of-type(2),
	#cboxLoadedContent .dModLayCol4.dDetailIconList .dModLayColR p:nth-of-type(2) {
		flex-basis: calc(100% - 70px);
	}
}

/*----------------------------------------------*/
/*                                              */
/* column                                       */
/*                                              */
/*----------------------------------------------*/
/* common
--------------------------------------*/
.column .clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.column .clearfix:after {
	clear: both;
}

.column .clearfix {
	*zoom: 1;
}

.column #aMainContents {
	border: none !important;
	background: none !important;
}

.column #aContentsInner {
	padding: 0 !important;
}

.column #billboard {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.column #dContentsBorder {
	border: 1px solid #ccc;
	border-top: none;
}

.column #aMainContents {
	padding-bottom: 0 !important;
}

.column #aMainContents h2,
.column #aMainContents h3 {
	line-height: 1em;
}

.column #aMainContents h2 {
	background-image: none;
	padding-top: 0;
}

.column #aMainContents .noBorder {
	border: none;
}

.column #aMainContents .noBot {
	padding-bottom: 0;
}

.column #aMainContents .noBotMargin {
	margin-bottom: 0;
}

.column #aMainContents .botMargin5 {
	margin-bottom: 5px;
}

.column #aMainContents .noTop {
	padding-top: 0;
}

.column #aMainContents .noTopMargin {
	margin-top: 0 !important;
}

.column #aMainContents .topMargin20 {
	margin-top: 20px;
}

.column #aMainContents .tModEleHighlight {
	font-size: large;
	font-weight: bold;
	line-height: 1.3em;
	color: #5587ed;
}

.column #aMainContents .tModEleCaption {
	font-size: x-small;
	color: #a6a600;
}

.column #aMainContents .floatLeft {
	float: left;
	margin: 0 20px 20px 0;
}

.column #aMainContents .floatRight {
	float: right;
	margin: 0 0 20px 20px;
}

.column #aMainContents hr {
	margin-bottom: 20px;
	border: none !important;
	height: 1px !important;
	color: #fcffd9;
	background-color: #fcffd9;
}

.column #aMainContents .dModEleLarge {
	font-size: 15px;
}

.column #aMainContents .pIndent {
	margin-bottom: 0;
	text-indent: -2.5em;
	padding-left: 2.5em;
}

.column #aMainContents strong {
	color: #a6a600;
}

/* index
--------------------------------------*/
.column .dModTopMain {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.column .dModTopMain>div {
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-right: 20px;
}

.column .dModTopMain>div.dEven {
	background-color: #e1ebff;
}

.column .dModTopMain>div img {
	float: left;
	margin-right: 10px;
}

.column .dModTopMain>div h3 {
	margin-top: 20px;
	font-size: 1.5em !important;
	padding: 0;
	background-color: transparent;
	margin-bottom: 5px;
}

.column .dModTopMain>div h3 a {
	background: url(/image/module/ico_arrow_right_main.gif) 0 3px no-repeat;
	padding-left: 30px
}

/* title
--------------------------------------*/
.column .dModBoxHeading {
	background-color: #5587ed;
	padding: 30px 20px 20px;
	overflow: hidden;
	position: relative;
}

.column .dModBoxHeading h1 {
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.column .dModBoxHeading h2 {
	margin: 15px 0 0 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.column .dModBoxHeading h1 {
	margin-bottom: 10px !important;
}

.column .dModBoxHeading h3 {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.column .dModBoxHeading .linkIndex {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	padding-left: 20px;
	background: url(/image/member/p/eco/column/common/arrow_left_white_blue.gif) 0 25% no-repeat;
}

.column .dModBoxHeading .linkIndex a {
	color: #fff;
}

/* dModBox
--------------------------------------*/
.column .dModBox {
	padding: 40px 20px;
	border-bottom: 1px solid #ccc;
}

.column .dModBox .dModTwoCols {
	overflow: hidden;
}

.column .dModBox .dModTwoCols .col {
	width: 295px;
	float: left;
}

.column .dModBox .dModTwoCols .right {
	float: right;
}

.column .dModBox .dModThreeCols {
	overflow: hidden;
}

.column .dModBox .dModThreeCols .col {
	width: 190px;
	margin-right: 20px;
	float: left;
}

.column .dModBox .dModThreeCols .right {
	margin-right: 0;
	float: right;
}

/* dModGrid
--------------------------------------*/
.column .dModGrid {
	background: url(/image/member/p/eco/column/common/grid_bg_mid.jpg) 0 0 repeat-y;
	border-top: 1px solid #fff;
	clear: both;
}

.column .dModGrid>div {
	background: url(/image/member/p/library/column/common/grid_bg_top.jpg) 0 0 no-repeat;
}

.column .dModGrid>div>div {
	background: url(/member/p/eco/column/common/grid_bg_bot.jpg) 0 100% no-repeat;
}

.column .dModGrid>div>div>div {
	background: url(/member/p/eco/column/common/grid_bg_paperclip.jpg) 100% 10% no-repeat;
}

.column .dModGrid h3 {
	margin: 40px 0 20px 0 !important;
}

.column .dModGrid .dModGridBody {
	padding: 60px;
	width: 530px;
}

.column .dModGrid .dModThreeCols {
	overflow: hidden;
	clear: both;
	word-break: break-all;
	word-wrap: break-word;
}

.column .dModGrid .dModThreeCols>div {
	width: 161px;
	float: left;
	margin-right: 20px;
}

.column .dModGrid .dModThreeCols>div.right {
	margin-right: 0;
	text-align: left;
}

/* dModTable
--------------------------------------*/
.column .dModTable {
	border-collapse: collapse;
	margin-bottom: 20px;
}

.column .dModTable th {
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}

.column .dModTable th,
.column .dModTable td {
	border-bottom: 1px solid #a6a600;
	padding: 10px;
}

.column .dModTable thead th {
	background-color: #fed27f;
	border-top: 1px solid #a6a600;
}

.column .dModTable p {
	margin-bottom: 1em !important;
}

.column .dModTable li {
	list-style: disc;
	padding-left: 0;
	margin: 0 0 10px 20px;
	line-height: 1.6em !important;
}

.column .dModTable.vAlign td,
.dModTable.vAlign th {
	border: 1px solid #a6a600;
}

.column .dModTable.vAlign td {
	vertical-align: top;
}

/* dModUl
--------------------------------------*/
.column .dModUl {
	margin-left: 2em;
}

.column .dModUl li {
	list-style: disc;
	margin-bottom: 0.3em;
}

.column .dModUl2 {
	margin-left: 0;
}

.column .dModUl2 li {
	list-style: none;
	margin-bottom: 0.3em;
}

.column .dModUl2 li {
	text-indent: -2em;
	padding-left: 2em;
}

.column .dModUl3 {
	margin-left: 0;
}

.column .dModUl3 li {
	list-style: none;
	margin-bottom: 0.3em;
}

.column .dModUl3 li {
	text-indent: -2.6em;
	padding-left: 0.5em;
}

/* dChapterList
--------------------------------------*/
.column .dChapterList {
	margin-top: 40px;
}

.column .dChapterList h4 {
	border: none;
	background-color: #5587ed;
	color: #fff;
	padding: 0.25em 0.5em;
}

.column .dChapterList ul {
	margin-top: 20px;
}

.column .dChapterList ul li {
	background: url(/member/p/eco/column/common/arrow_right_blue.gif) 0 50% no-repeat;
	padding-left: 20px;
	margin-bottom: 0.5em;
}

/* dModJoin
--------------------------------------*/
.column .dModJoin {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*----------------------------------------------*
*
* casestudy
*
*----------------------------------------------*/
#eco.casestudy .index #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper.jpg);
}

#eco.casestudy .hospital #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_hospital.jpg);
}

#eco.casestudy .factory #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_factory.jpg);
}

#eco.casestudy .schoollunch #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_schoollunch.jpg);
}

#eco.casestudy .carefacility #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_carefacility.jpg);
}

.restaurant #dKVBCWrapper,
#eco.casestudy .shop #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_restaurant.jpg);
}

#eco.casestudy .hotel #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_hotel.jpg);
}

#eco.casestudy .commercialfacility #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_commercialfacility.jpg);
}

#eco.casestudy .supermarket #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_supermarket.jpg);
}

#eco.casestudy .agriculture #dKVBCWrapper {
	background-image: url(/image/member/p/eco/casestudy/bg_kvbcwrapper_agriculture.jpg);
}

#eco.casestudy #aMainContents.index .ulCaseNavi {
	border: solid 1px #aaaaaa;
	padding: 15px 0 15px 20px;
}

#eco.casestudy #aMainContents.index .ulCaseNavi li {
	margin-right: 20px;
	width: 294px;
	white-space: normal;
}

#eco.casestudy #aMainContents.index .ulCaseNavi li a {
	background: url(/image/module/ico_arrow_down_l_o.png) no-repeat 0 10px;
	padding: 5px 5px 5px 20px;
	display: block;
}

#eco.casestudy .shop #aMainContents.index .ulCaseNavi {
	border: 0;
	padding: 0;
}

#eco.casestudy .shop #aMainContents.index .ulCaseNavi li {
	border-right: 1px solid #adbfcc;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin: 0 12px 25px 0;
	padding: 0 12px 3px 0;
	width: 200px;
	white-space: normal;
}

#eco.casestudy .shop #aMainContents.index .ulCaseNavi li span {
	font-size: 0.8em;
}

#eco.casestudy .shop #aMainContents.index .ulCaseNavi li.lastElement {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

#eco.casestudy .shop #aMainContents.index .ulCaseNavi li.lastLine {
	margin-bottom: 0;
}

#eco.casestudy .shop #aMainContents.index .ulCaseNavi li a {
	background: url(/image/module/ico_arrow_down_l_o.png) no-repeat center bottom;
	padding: 0 0 30px 0;
	display: block;
}

#eco.casestudy #dMWrapper #dMain .sNewIcon {
	display: inline-block;
	background-color: #d93021;
	color: #ffffff;
	padding: 2px 5px;
	margin-left: 5px;
	vertical-align: middle;
	text-indent: 0;
}

#eco.casestudy #dMWrapper #dMain .detail .sNewIcon {
	font-size: 0.7em;
	padding: 0 5px;
}

#eco.casestudy .dLeadText {
	position: relative;
	width: 650px;
	max-height: 150px;
	overflow: hidden;
}

#eco.casestudy .dLeadText .dBG {
	width: 650px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(/image/member/p/eco/casestudy/bg_casestudy.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 10;
	min-height: 100px;
}

#eco.casestudy .dH1Box {
	margin-bottom: 60px;
}

#eco.casestudy .dH1Box p {
	color: #003974;
	font-size: 1.1em;
	font-weight: bold;
}

#eco.casestudy .dH1Box h1 {
	margin-bottom: 0;
}

#eco.casestudy .dH1Box h1 span {
	color: #003974;
	font-size: 0.5em;
	font-weight: bold;
}

#eco.casestudy #aMainContents .dExample {
	background-image: url(/image/module/bg_arrow_down02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 13px;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding {
	padding: 30px 20px;
	margin-bottom: 1px;
	background-color: #dfebf2;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding .sModEleMost {
	color: #003974;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul {
	margin-bottom: 0;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li {
	width: 295px;
	margin-right: 20px;
	white-space: normal;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li.lastElement {
	margin-right: 0;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li .dTitle {
	background-image: url(/image/module/bg_arrow_down01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
	padding-bottom: 13px;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li .dTitle .dModBoxPadding {
	color: #ffffff;
	padding: 20px;
	background-color: #0068b6;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li .pSolution {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #003974;
	text-align: center;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li .ulModEleDisc {
	margin-bottom: 0;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li .ulModEleDisc li {
	background-image: url(/image/home/ico_disc.gif);
	background-position: left 0.3em;
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 10px;
	margin-left: 0;
}

#eco.casestudy #aMainContents .dExample .dModBoxPadding ul li .ulModEleDisc li span {
	color: #003974;
	font-weight: bold;
}

#eco.casestudy #aMainContents.index h2 {
	font-size: 2.0em;
	color: #003974;
	padding-top: 0;
	background-image: none;
}

#eco.casestudy .shop #aMainContents .dCasestudy {
	background-color: #f2f1e9;
	padding: 50px 30px 40px;
	background-image: url(/image/member/p/eco/casestudy/shop/bg_detail.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#eco.casestudy #aMainContents .dCasestudy h2 span {
	font-size: 0.5em;
}

#eco.casestudy #aMainContents .dCasestudy .dModLayImgLeft {
	background-color: #edf2f5;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft {
	background-color: transparent;
	margin-bottom: 28px;
}

#eco.casestudy #aMainContents .dCasestudy .dModLayImgLeft .dModLayImg {
	width: 340px;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayImg {
	width: 225px;
	position: relative;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayImg span {
	position: absolute;
	top: 0;
	left: 0;
}

#eco.casestudy #aMainContents .dCasestudy .dModLayImgLeft .dModLayText {
	float: none;
	width: 260px;
	display: table-cell;
	height: 206px;
	vertical-align: middle;
	/*padding: 50px 40px 50px 10px;*/
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayText {
	width: 345px;
	float: right;
	display: block;
	height: auto;
	background-image: url(/image/member/p/eco/casestudy/shop/bg_arrow_wh.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
}

#eco.casestudy .shop .detail #aMainContents .dCasestudy .dModLayImgLeft .dModLayText {
	width: 345px;
	background-image: url(/image/member/p/eco/casestudy/shop/bg_arrow_wh.gif);
}

#eco.casestudy #aMainContents .dCasestudy .dModLayImgLeft .dModLayText p {
	color: #003974;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayText .dModBoxPadding {
	background-color: #ffffff;
	width: 345px;
	height: 170px;
	margin-bottom: 0;
	padding: 50px 0 0;
}

#eco.casestudy .shop .detail #aMainContents .dCasestudy .dModLayImgLeft .dModLayText .dModBoxPadding {
	background-color: #ffffff;
	width: 345px;
	height: 170px;
	margin-bottom: 0;
	padding-top: 50px;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayText .dModBoxPadding p {
	text-align: center;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayText .dModBoxPadding .pTitle {
	font-size: 1.6em;
	font-weight: bold;
	color: #0066b2;
	margin-bottom: 28px;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayText .dModBoxPadding .pSentense {
	font-size: 1.4em;
	font-weight: bold;
	color: #333333;
}

#eco.casestudy .shop #aMainContents .dCasestudy .dModLayImgLeft .dModLayText .dModBoxPadding .pSentense span {
	background-image: url(/image/member/p/eco/casestudy/shop/bg_underline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height: 1.4;
}

#eco.casestudy #aMainContents ul.ulModEleBorder {
	margin-bottom: 0;
}

#eco.casestudy #aMainContents ul.ulModEleBorder li {
	float: none;
	margin: 0 0 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #aaaaaa;
}

#eco.casestudy #aMainContents ul.ulModEleBorder li.lastElement {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

#eco.casestudy #aMainContents ul.ulModEleBorder li img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	*zoom: 1;
	/* for IE6-7 */
	*display: inline;
	/* for IE6-7 */
}

#eco.casestudy #aMainContents ul.ulModEleBorder li span {
	display: inline-block;
	vertical-align: middle;
	width: 500px;
	*zoom: 1;
	/* for IE6-7 */
	*display: inline;
	/* for IE6-7 */
}

#eco.casestudy .shop .detail #aMainContents ul.ulModEleBorder li span {
	width: 470px;
}

#eco.casestudy #aMainContents .dOthers .dModBoxPaddingBorder {
	border: 5px solid #003974;
	padding: 35px 25px;
}

#eco.casestudy #aMainContents .dOthers .dModBoxPaddingBorder .dModLayImgRight .dModLayImg {
	width: 280px;
}

#eco.casestudy #aMainContents .dOthers .dModBoxPaddingBorder .dModLayImgRight .dModLayText {
	width: 250px;
}

#eco.casestudy #aMainContents .dOthers .dModBoxPaddingBorder .dModLayImgRight .dModLayText p {
	margin-bottom: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #003974;
}

#eco.casestudy .detail ul.ulModEleFloat200 {
	padding: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat200 li {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#eco.casestudy .detail ul.ulModEleFloat200 img {
	vertical-align: bottom;
}

#eco.casestudy .detail ul.ulModEleFloat200 li.liRight {
	margin-right: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat270 {
	padding: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat270 li {
	width: 270px;
	float: left;
	padding-right: 30px;
}

#eco.casestudy .detail ul.ulModEleFloat270 img {
	vertical-align: bottom;
}

#eco.casestudy .detail ul.ulModEleFloat270 li.liRight {
	padding-right: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat310 {
	padding: 0px;
	margin-bottom: 20px;
}

#eco.casestudy .detail ul.ulModEleFloat310 li {
	width: 310px;
	float: left;
	padding-right: 30px;
}

#eco.casestudy .detail ul.ulModEleFloat310 img {
	vertical-align: bottom;
}

#eco.casestudy .detail ul.ulModEleFloat310 li.liRight {
	padding-right: 0px;
}

#eco.casestudy .detail div.dConclusion div.dInner {
	background-color: #edf2f5;
	padding: 20px;
}

#eco.casestudy .detail .ulColBox.ulModEleFloat li {
	position: relative;
	margin: 25px 25px 0 0;
	white-space: normal;
	background-color: transparent;
}

#eco.casestudy .detail .ulColBox.ulModEleFloat li.liTop {
	margin-top: 0;
}

#eco.casestudy .detail .ulColBox.ulModEleFloat li.lastElement {
	margin-right: 0;
}

#eco.casestudy .detail .ulColBox.ulModEleFloat li h3 {
	background-image: none;
	padding-top: 0;
}

#eco.casestudy .detail div.dGrayBox div.dInner {
	background-color: #eeeeee;
	padding: 20px;
}

#eco.casestudy .detail div.dGrayBox div.d240 div.dModLayText {
	width: 350px;
}

#eco.casestudy .detail div.dGrayBorderBox {
	border: #dddddd 5px solid;
	padding: 40px 30px;
}

#eco.casestudy .detail div.dGrayBorderBox h3 {
	border-bottom: none;
	margin: -60px 0 0 -45px;
}

#eco.casestudy .detail div.dGrayBorderBox ul.ulModEleFloat270 {
	margin-bottom: 20px;
}

#eco.casestudy .detail div.dGrayBorderBox div.d270 div.dModLayText {
	width: 275px;
}

#eco.casestudy .detail div.dGrayBorderBox .d160 {
	margin-bottom: 20px;
}

#eco.casestudy .detail div.dGrayBorderBox .d160 div.dModLayText {
	width: 400px;
}

#eco.casestudy .detail div.dSettleBox {
	background-color: #d3e5fe;
}

#eco.casestudy .detail div.dGrayBorderBox ul.ulModEleFloat {
	margin-bottom: 0;
}

#eco.casestudy .detail div.dGrayBorderBox ul.ulModEleFloat li {
	width: 270px;
	padding-right: 30px;
}

#eco.casestudy .detail div.dGrayBorderBox ul.ulModEleFloat li.liRight {
	padding-right: 0;
}

#eco.casestudy .detail div.dModLayCol3 div.dModLayColL {
	width: 200px;
	margin-right: 25px;
}

#eco.casestudy .detail div.dModLayCol3 div.dModLayColC {
	width: 200px;
	margin-right: 25px;
}

#eco.casestudy .detail div.dModLayCol3 div.dModLayColR {
	width: 200px;
}

#eco.casestudy .detail ul.ulModEleFloat.jsWidthFix li {
	white-space: nowrap;
	margin-bottom: 0;
}

#eco.casestudy .detail ul.ulModEleFloat li.liRight {
	padding-right: 0;
}

#eco.casestudy .detail ul.ulModEleFloat200 {
	padding: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat200 li {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#eco.casestudy .detail ul.ulModEleFloat200.new li {
	margin-right: 25px;
}

#eco.casestudy .detail ul.ulModEleFloat200 img {
	vertical-align: bottom;
}

#eco.casestudy .detail ul.ulModEleFloat200 li.liRight {
	margin-right: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat270 {
	padding: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat270 li {
	width: 270px;
	float: left;
	padding-right: 30px;
}

#eco.casestudy .detail ul.ulModEleFloat270 img {
	vertical-align: bottom;
}

#eco.casestudy .detail ul.ulModEleFloat270 li.liRight {
	padding-right: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat310 {
	padding: 0px;
	margin-bottom: 20px;
}

#eco.casestudy .detail ul.ulModEleFloat310 li {
	width: 310px;
	float: left;
	padding-right: 30px;
}

#eco.casestudy .detail ul.ulModEleFloat310 img {
	vertical-align: bottom;
}

#eco.casestudy .detail ul.ulModEleFloat310 li.liRight {
	padding-right: 0px;
}

#eco.casestudy .detail ul.ulModEleFloat li span {
	display: block;
}

#eco.casestudy .detail div.dConclusion div.dInner div.d160 div.dModLayText {
	width: 440px;
}

#eco.casestudy .detail ul.ulModEleFloat li p span {
	display: inline;
	font-size: 0.9em;
}

#eco.casestudy .detail ul.ulModEleFloat.jsWidthFix {
	margin-bottom: 15px;
}

#eco.casestudy .detail ul.ulModEleFloat.jsWidthFix li {
	white-space: normal;
	margin-right: 20px;
}

#eco.casestudy .detail ul.ulModEleFloat.jsWidthFix li.liRight {
	margin-right: 0;
	width: 330px;
}

#eco.casestudy .detail div.Viewer {
	margin: 0 auto;
	width: 270px;
	height: 220px;
}

#eco.casestudy .detail div.Viewer ul {
	width: 270px;
	height: 220px;
	text-align: left;
	position: relative;
}

#eco.casestudy .detail div.Viewer ul li {
	top: 0;
	left: 0;
	width: 270px;
	height: 180px;
	display: none;
	position: absolute;
}

#eco.casestudy .detail .comSpNone {
	display: none;
}

/*takasesou*/
#eco.casestudy .detail div.takasesou div#aMainContents h1.h1case {
	font-size: 2.3em;
}

/*accordion*/
#eco.casestudy .detail p.accordion {
	cursor: pointer;
	color: #2a68a6;
}

#eco.casestudy .detail p.accordion:hover {
	text-decoration: underline;
}

#eco.casestudy .detail div.accordionBody {}

#eco.casestudy .shop #aMainContents.index .dCasestudy .dShopClient h2 {
	background-image: url(/image/member/p/eco/casestudy/shop/ico_h2_info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px solid #297acc;
	font-size: 1.3em;
	padding: 0 0 10px 30px;
	margin-bottom: 20px;
	color: #0066b2;
}

#eco.casestudy .shop #aMainContents .dlModEleFloat dt {
	clear: left;
	float: left;
	width: 110px;
	font-weight: bold;
}

#eco.casestudy .shop #aMainContents .dlModEleFloat dd {
	padding: 0 0 20px 110px;
	margin-bottom: 20px;
	border-bottom: dashed 1px #6caad9;
}

#eco.casestudy .dModBoxNormalBorder.dCasestudy {
	padding-bottom: 0;
}

/*new version 2015.09
-------------------------------------*/
#eco.casestudy #dKayVisual {
	height: 325px;
}

#eco.casestudy #dKayVisual .dModBoxNormal {
	width: 300px;
	float: right;
}

#eco.casestudy #dKayVisual .pSolution {
	margin: 40px 0 50px;
	text-align: center;
}

#eco.casestudy #dKayVisual .pRead {
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	padding: 0 20px;
	line-height: 200%;
}

#eco.casestudy .h2Text {
	border-top: 2px solid #0064af;
	background-image: url(/image/member/p/eco/casestudy/bg_h2_casestudy.gif);
	background-position: left bottom;
	padding: 15px 0;
}

#eco.casestudy .detail .lightbox01 {
	position: relative;
	vertical-align: bottom;
	display: block;
}

#eco.casestudy .detail .sViewLarge {
	height: 15px;
	width: 15px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/*new version 2015.10
-------------------------------------*/
/* keyvisual */
#eco.casestudy #dKayVisual.hananosato {
	background-image: url(/image/member/p/eco/casestudy/carefacility/hananosato/img_hananosato_main.jpg);
}

#eco.casestudy #dKayVisual.nishihoikuen {
	background-image: url(/image/member/p/eco/casestudy/schoollunch/nishihoikuen/img_nishihoikuen_main.jpg);
}

#eco.casestudy .dNewMainContents #dKayVisual.karuizawa72golf {
	background-image: url(/image/member/p/eco/casestudy/hotel/karuizawa72golf/img_karuizawa72golf_main.jpg);
}

#eco.casestudy .dNewMainContents #dKayVisual.milkland {
	background-image: url(/image/member/p/eco/casestudy/factory/milkland/img_milkland_main.jpg);
}

#eco.casestudy .dNewMainContents #dKayVisual.hatozawaengei {
	background-image: url(/image/member/p/eco/casestudy/agriculture/hatozawaengei/img_hatozawaengei_main.jpg);
}

#eco.casestudy .dNewMainContents #dKayVisual.koa {
	background-image: url(/image/member/p/eco/casestudy/factory/koa/img_koa_main.jpg);
}

#eco.casestudy .dNewMainContents #dKayVisual.yahashi {
	background-image: url(/image/member/p/eco/casestudy/factory/yahashi/img_yahashi_main.jpg);
}

#eco.casestudy .dNewMainContents #dKayVisual.valor {
	background-image: url(/image/member/p/eco/casestudy/supermarket/valor/img_valor_main.jpg);
}

/* style */
#eco.casestudy .dNewMainContents #dKayVisual.milkland .pRead {
	font-size: 16px;
}

#eco.casestudy .detail .dNewMainContents p {
	font-size: 13px;
	margin-bottom: 20px;
}

#eco.casestudy .detail .dNewMainContents p.lastElement {
	margin-bottom: 0;
}

#eco.casestudy .detail .dNewMainContents .dH1Box {
	margin-bottom: 40px;
}

#eco.casestudy .detail .dNewMainContents .dH1Box h1 {
	font-size: 30px;
	line-height: 1.4;
}

#eco.casestudy .detail .dNewMainContents .dH1Box h1 span {
	font-size: 16px;
}

#eco.casestudy .detail .dNewMainContents .dH1Box p.lastElement {
	font-size: 14px;
	margin-bottom: 5px;
}

#eco.casestudy .detail .dNewMainContents .dH1Box p.pModEleTopHalf {
	font-size: 15px;
}

#eco.casestudy .detail .dNewMainContents h2.h2Text {
	font-size: 18px;
	margin-bottom: 30px;
}

#eco.casestudy .detail .dNewMainContents div.dModBoxNormal {
	margin-bottom: 40px;
}

#eco.casestudy .detail .dNewMainContents div.dData.dModBoxNormal {
	margin-bottom: 20px;
}

#eco.casestudy .detail .dNewMainContents p.icon.pModEleTop {
	font-size: 14px;
}

#eco.casestudy .detail .dNewMainContents ul.ulModEleFloat200 li {
	margin-right: 25px;
}

#eco.casestudy .detail .dNewMainContents ul.ulModEleFloat200 li.liRight {
	margin-right: 0px;
}

#eco.casestudy .detail .dNewMainContents ul.ulModEleFloat200 li p.pModEleCaptionB {
	margin-top: 10px;
	margin-bottom: 20px;
}

#eco.casestudy .detail .dNewMainContents ul.ulModEleFloat200 li p.pModEleCaptionB.lastElement {
	margin-bottom: 0px;
}

#eco.casestudy .detail .dNewMainContents .dDetailInfo p {
	font-size: 14px;
}

#eco.casestudy .detail .dNewMainContents .dDetailInfo .dList {
	font-size: 14px;
}

#eco.casestudy .detail .dNewMainContents .dDetailInfo table.tModEleDef tbody td {
	padding-bottom: 0;
}

#eco.casestudy .detail .dNewMainContents .tData,
#eco.casestudy .detail .dNewMainContents .tSystem {
	width: 100%;
	background: #e3eaf1;
	margin-bottom: 20px;
	border-collapse: separate;
	border-spacing: 25px;
}

#eco.casestudy .detail .dNewMainContents .tSystem {
	margin-bottom: 30px;
}

#eco.casestudy .detail .dNewMainContents .tData th,
#eco.casestudy .detail .dNewMainContents .tSystem th {
	width: 145px;
	padding: 0;
}

#eco.casestudy .detail .dNewMainContents .tData th div,
#eco.casestudy .detail .dNewMainContents .tSystem th div {
	text-align: center;
	margin-bottom: 15px;
}

#eco.casestudy .detail .dNewMainContents .tData th p,
#eco.casestudy .detail .dNewMainContents .tSystem th p {
	text-align: center;
	color: #003974;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
}

#eco.casestudy .detail .dNewMainContents .tData td,
#eco.casestudy .detail .dNewMainContents .tSystem td {
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc;
}

#eco.casestudy .detail .dNewMainContents .tData td p,
#eco.casestudy .detail .dNewMainContents .tSystem td p {
	font-size: 14px;
}

#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents tr {
	margin-bottom: 20px;
}

#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents th {
	width: 90px;
	font-weight: bold;
	vertical-align: top;
}

#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents th,
#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents td {
	border: 0;
	font-size: 14px;
}

#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents tr th {
	padding-top: 10px;
}

#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents tr:first-child th {
	padding-top: 0;
}

#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents td {
	padding-top: 10px;
	padding-bottom: 5px;
}

#eco.casestudy .detail .dNewMainContents .tSystem .tSystemContents tr:first-child td {
	padding-top: 0;
}

#eco.casestudy .detail .dNewMainContents .ulModEleFloat200425 .odd {
	width: 200px;
	float: left;
	margin-right: 25px;
}

#eco.casestudy .detail .dNewMainContents .ulModEleFloat200425 .even {
	width: 425px;
	float: left;
}

/* koa */
#eco.casestudy .dNewMainContents #dKayVisual.koa .dModBoxNormal {
	float: left;
}

#eco.casestudy .dNewMainContents #dKayVisual.koa .pSolution {
	margin-bottom: 20px;
}

#eco.casestudy .dNewMainContents #dKayVisual.koa .pRead {
	font-size: 17px;
}

/*yahashi*/
#eco.casestudy .dNewMainContents #dKayVisual.yahashi .dModBoxNormal {
	float: left;
}

#eco.casestudy .dNewMainContents #dKayVisual.yahashi .pSolution {
	margin-bottom: 20px;
}

#eco.casestudy .dNewMainContents #dKayVisual.yahashi .pRead {
	font-size: 16px;
}

/*valor*/
#eco.casestudy .dNewMainContents #dKayVisual.valor .dModBoxNormal {
	float: left;
}

#eco.casestudy .dNewMainContents #dKayVisual.valor .pSolution {
	margin-bottom: 20px;
}

#eco.casestudy .dNewMainContents #dKayVisual.valor .pRead {
	font-size: 16px;
}

.valor_ajust_left {
	margin-left: -12px;
}

/*----------------------------------------------*/
/*                                              
/* products
/*                                              
/*----------------------------------------------*/
/* products.css */
.products_index #dKVBCWrapper {
	background-image: url(/image/member/p/eco/products/bg_kvbcwrapper.jpg);
}

.products_factory #dKVBCWrapper {
	background-image: url(/image/member/p/eco/products/bg_kvbcwrapper_factory.jpg);
}

.products_airconditioning #dKVBCWrapper {
	background-image: url(/image/member/p/eco/products/bg_kvbcwrapper_airconditioning.jpg);
}

.products_hotwatersupply #dKVBCWrapper {
	background-image: url(/image/member/p/eco/products/bg_kvbcwrapper_hotwatersupply.jpg);
}

.products_cookingappliances #dKVBCWrapper {
	background-image: url(/image/member/p/eco/products/bg_kvbcwrapper_cookingappliances.jpg);
}

.products_floorheating #dKVBCWrapper {
	background-image: url(/image/member/p/eco/products/bg_kvbcwrapper_floorheating.jpg);
}

/*TAB*/
.ulTabLink.ul2Col {
	width: 450px;
	margin: 0 auto 20px;
}

.ulTabLink li {
	width: 210px;
	padding: 0 0 14px;
	margin: 0 10px 0 0;
	font-weight: bold;
	text-align: center;
	background-image: url(/image/module/bg_tab.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
	text-align: center;
}

.ulTabLink li.active,
#area .comBtn.active {
	background-image: url(/image/module/bg_tab_ac.png);
}

.ulTabLink .lastElement {
	margin-right: 0;
}

.ulTabLink li>a {
	display: block;
	padding: 0 14px;
}

.ulTabLink li>a>span {
	color: #ffffff;
	/*display: inline-block;*/
	font-size: 1.1em;
	height: 60px;
	line-height: 60px !important;
	/**display: inline; 
			*zoom: 1;*/
}

.ulTabLink li.active>a>span {
	color: #0068b6;
}

.ulTabLink li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";
	/* ie 8 */
	-moz-opacity: 0.7;
	/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
	/* Safari 1.x */
}

.ulTabLink li.active:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	/* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";
	/* ie 8 */
	-moz-opacity: 1;
	/* FF lt 1.5, Netscape */
	-khtml-opacity: 1;
	/* Safari 1.x */
}

.products span.sIcon::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.products h2.h2ProductsList {
	background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 35%, #eeeeee 65%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), color-stop(0.35, #eeeeee), color-stop(0.65, #eeeeee), to(#dddddd));
	/* ie11-10 */
	background: -ms-linear-gradient(top, #dddddd 0%, #eeeeee 35%, #eeeeee 65%, #dddddd 100%);
	/* ? */
	background: linear-gradient(top, #dddddd 0%, #eeeeee 35%, #eeeeee 65%, #dddddd 100%);
	/*ie9-7 色のポイントはtopとbottomしか付けられない */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#dddddd, endColorstr=#eeeeee);
	background-color: #0068b6;
	width: 648px;
	border: 1px solid #cccccc;
	font-size: 1.3em;
	margin-bottom: 20px;
	padding-top: 0;
}

.products h2.h2ProductsList a {
	background-image: url(/image/module/ico_arrow_down_l_o.png);
	background-position: 96% center;
	background-repeat: no-repeat;
	padding: 12px 20px;
	display: block;
	color: #333333;
}

.products h2.h2ProductsList a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";
	/* ie 8 */
	-moz-opacity: 0.7;
	/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
	/* Safari 1.x */
}

.products div.dMaker h2.h2ProductsList a {
	padding: 12px 20px;
}

.products div.dMaker h2.h2ProductsList span.noLink {
	padding: 12px 20px;
	display: block;
	color: #aaaaaa;
}

/* dTab
--------------------------------------*/
.products div.dTab {}

.products div.dTab ul {}

/* dSelectBox
--------------------------------------*/
.products div.dSelectBox {
	width: 610px;
	padding: 40px 20px 20px 20px;
	background-color: #fff4e5;
	margin-bottom: 30px;
}

.products div.dSelectBox dl dt {
	float: left;
	clear: both;
	margin-right: 20px;
}

.products div.dSelectBox dl dd {}

.products div.dSelectBox ul {
	margin-left: 160px;
}

.products div.dSelectBox ul li {
	float: left;
	font-size: 0;
	margin: 0 10px 10px 0;
}

.products div.dSelectBox ul li.liFirst {
	margin-bottom: 20px;
}

.products div.dSelectBox ul li.liRight {
	margin-right: 0;
}

.products div.dSelectBox p.pModEleRight {
	clear: both;
}

.products div.dSelectBox div.jsMessage {
	position: relative;
}

.products div.dSelectBox p.pTextCheck {
	position: absolute;
	top: -25px;
	font-weight: bold;
	color: #E35504;
}

/* dResultBox
--------------------------------------*/
.products div.dResultBox {
	width: 650px;
	overflow: hidden;
	position: relative;
}

.products div.dResultBox ul {
	width: 675px;
	overflow: hidden;
	zoom: 1;
}

.products div.dResultBox ul li {
	float: left;
	width: 201px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
}

.products div.dResultBox li a {
	color: #333333;
	display: block;
	height: 200px;
	background: radial-gradient(#ffffff, #f5f5f5);
	/*ie9-7 色のポイントはtopとbottomしか付けられない */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f5f5f5);
	background-color: #f5f5f5;
}

.products div.dResultBox li:hover {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-khtml-opacity: 0.7;
	/* Safari 1.x */
	-moz-opacity: 0.7;
	/* FF lt 1.5, Netscape */
	-ms-filter: "alpha(opacity=70)";
	/* ie 8 */
	/*filter: alpha(opacity=70);*/
	/* ie lt 8 */
	cursor: pointer;
}

.products div.dResultBox span.sIcon {
	background: url(../../image/module/ico_arrow_right_main.gif) no-repeat scroll right bottom;
	display: block;
	height: 200px;
}

.products div.dResultBox span.sPhoto {
	width: 201px;
	display: block;
	background-color: #ffffff;
	text-align: right;
}

.products div.dResultBox span.sText {
	padding: 10px 0px 0px 10px;
	line-height: 1.4;
	display: block;
}

/* dMaker
--------------------------------------*/
.products div.dMaker {
	margin-bottom: 20px;
}

.products div.dMaker h2.h2ProductsList {
	margin-bottom: 10px;
}

.products div.dMaker h2.h2ProductsList li a span.sIcon {
	display: block;
}

.products div.dMaker ul.ulIndex01 {
	margin-bottom: 40px;
}

.products div.dMaker ul.ulIndex01 li a span.sIcon {
	background: none;
}

.products div.dMaker ul.ulIndex01 span.sName {
	float: none;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	padding: 20px;
	width: 300px;
}

.products div.dMaker ul.ulIndex01 li {
	position: relative;
}

.products div.dMaker ul.ulIndex01 li img.icon {
	position: absolute;
	left: 94%;
	top: 70%;
}

/* dDetail
--------------------------------------*/
.products div.dDetail {
	background: #D4E6FF;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
	position: relative;
}

.products div.dCookingappliances div.dDetail {
	padding-top: 40px;
}

.products div.dCookingappliances div.dDetail {
	background: none;
}

.products div.dDetail div.dWrapper {
	padding: 20px;
}

.products div.dDetail div.dModLayImgRight {
	margin-bottom: 20px;
}

.products div.dDetail div.dInner {
	background: #FFFFFF;
	padding: 10px 10px 0 10px;
	margin-bottom: 30px;
}

.products div.dDetail div.dInner h3 {
	float: left;
	margin-bottom: 0;
	padding: 10px 30px 10px 20px;
}

.products div.dDetail div.dInner ul {
	width: 400px;
	margin-bottom: 0;
}

.products div.dDetail div.dInner li {
	padding-right: 5px;
}

.products div.dDetail div.dModLayImg {
	width: 200px;
	float: right;
}

.products div.dDetail div.dModLayText {
	width: 390px;
	float: left;
}

.products ul.ulRecommend {
	margin-bottom: 0;
}

.products ul.ulRecommend li {
	margin-right: 15px;
}

.products ul.ulTreatment {
	margin-bottom: 30;
}

.products div.dClose {
	position: absolute;
	top: 0px;
	right: 0;
	cursor: pointer;
}

.products div.dDetailDetail div.dClose {
	display: none;
}

.products div.dDetailDetail {
	background: #D4E6FF;
}

.products span.sFontStrong {
	font-weight: bold;
}

div#aMainContents div.dDetailDetail div#jsToggle1_1,
div#aMainContents div.dDetailDetail div#jsToggle2_1,
div#aMainContents div.dDetailDetail div#jsToggle3_1,
.products div#aMainContents div.dDetailDetail div#jsToggle4_1 {
	padding-top: 1px;
}

/*----------------------------------------------*/
/* airconditioning > dList,
/* hotwatersupply > dList,
/* floorheating > dList,
/* transport > dList
/*----------------------------------------------*/
.airconditioning div.dList div.dModLayImgLeft,
.hotwatersupply div.dList div.dModLayImgLeft,
.floorheating div.dList div.dModLayImgLeft,
.products .transport div.dList div.dModLayImgLeft {
	background: #fff url(/image/member/p/eco/products/bg_products_image.gif) left bottom repeat-y;
	margin-bottom: 10px;
}

.airconditioning div.dList div.dModLayImgLeft.lastElement,
.hotwatersupply div.dList div.dModLayImgLeft.lastElement,
.floorheating div.dList div.dModLayImgLeft.lastElement,
.products .transport div.dList div.dModLayImgLeft.lastElement {
	margin-bottom: 0;
}

.airconditioning div.dList,
.hotwatersupply div.dList,
.floorheating div.dList,
.products .transport div.dList {
	margin-bottom: 30px;
}

.airconditioning div.dList div.dModLayImgLeft div.dModLayImg,
.hotwatersupply div.dList div.dModLayImgLeft div.dModLayImg,
.floorheating div.dList div.dModLayImgLeft div.dModLayImg,
.products .transport div.dList div.dModLayImgLeft div.dModLayImg {
	width: 200px;
	float: left;
}

.airconditioning div.dList div.dModLayImgLeft div.dModLayText,
.hotwatersupply div.dList div.dModLayImgLeft div.dModLayText,
.floorheating div.dList div.dModLayImgLeft div.dModLayText,
.products .transport div.dList div.dModLayImgLeft div.dModLayText {
	width: 369px;
	padding: 30px 20px 20px;
	float: right;
}

.airconditioning div.dList div.dModLayImgLeft div.dModLayText dl dt,
.hotwatersupply div.dList div.dModLayImgLeft div.dModLayText dl dt,
.floorheating div.dList div.dModLayImgLeft div.dModLayText dl dt,
.products .transport div.dList div.dModLayImgLeft div.dModLayText dl dt {
	color: #003974;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 8px;
}

/*----------------------------------------------*/
/* detail > dList,
/*----------------------------------------------*/
.factory div.detail div.dList div.dModLayImgLeft div.dModLayText dl,
.products .factory div.factory4 div.dList div.dModLayImgLeft div.dModLayText dl {
	margin-bottom: 15px;
}

.factory div.detail div.dList div.dModLayImgLeft div.dModLayText dl dt,
.products .factory div.factory4 div.dList div.dModLayImgLeft div.dModLayText dl dt {
	color: #003974;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 3px;
}

/*----------------------------------------------*/
/* cookingappliances > dList
/*----------------------------------------------*/
.products .cookingappliances div.dDetailDetail div.dList {
	background: #D4E6FF;
	padding: 0 1px 1px 1px;
	position: relative;
}

.products .cookingappliances div.dDetailDetail div.dList div.dModLayImgLeft {
	background: #fff url(/image/member/p/eco/products/bg_products_list.gif) left bottom repeat-y;
}

.products .cookingappliances div.dDetailDetail div.dList div.dModLayImg {
	width: 94px;
	float: left;
}

.products .cookingappliances div.dDetailDetail div.dList div.dModLayText {
	width: 533px;
	padding: 30px 0 0 20px;
	font-size: 1.2em;
	float: right;
	height: auto;
}

.products .cookingappliances div.dDetailDetail div.dList02 div.dModLayText {
	height: auto;
}

.products .cookingappliances div.dDetailDetail div.dList div.dModLayText p {
	background: url(/image/module/ico_arrow_down_l_o.png) 98% 50% no-repeat;
}

/*----------------------------------------------*/
/* cookingappliances >dList02
/*----------------------------------------------*/
.products .cookingappliances div.dDetailDetail div.dList02 {
	margin-bottom: 30px;
}

.products .cookingappliances div.dDetailDetail div.dList02 div.dModLayImgLeft {
	background: #fff url(/image/member/p/eco/products/bg_products_image.gif) left bottom repeat-y;
	margin-bottom: 10px;
}

.products .cookingappliances div.dDetailDetail div.dList02 div.dModLayImgLeft.lastElement {
	margin-bottom: 0;
}

.products .cookingappliances div.dDetailDetail div.dList02 div.dModLayImgLeft div.dModLayImg {
	width: 200px;
	float: left;
}

.products .cookingappliances div.dDetailDetail div.dList02 div.dModLayImgLeft div.dModLayText {
	width: 369px;
	padding: 30px 20px 20px;
	float: right;
}

.products .cookingappliances div.dDetailDetail div.dList02 div.dModLayImgLeft div.dModLayText dl dt {
	color: #003974;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 8px;
}

/*----------------------------------------------*/
/*                                              
/* airconditioning                               
/*                                             
/*----------------------------------------------*/
.products #dMain div.dAirconditioning h2.h2ProductsList a {
	padding: 0;
}

.products #dMain div.dAirconditioning h2.h2ProductsList span.sIcon {
	display: block;
	margin-right: 0;
}

.products #dMain div.dAirconditioning h2.h2ProductsList span.sPhoto {
	display: block;
	float: left;
	height: 104px;
	width: 184px;
	margin-right: 0;
}

.products div.dAirconditioning h2.h2ProductsList span.sName {
	display: block;
	float: right;
	font-size: 1.4em;
	font-weight: bold;
	padding: 25px 10px 0 0;
	width: 435px;
}

.products div.dAirconditioning h2.h2ProductsList span.sText {
	display: block;
	float: right;
	line-height: 1.4;
	padding: 5px 10px 9px 0;
	width: 435px;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat {
	background: #666666;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	margin-bottom: 20px;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dt {
	width: 120px;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	padding-top: 4px;
	float: left;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd {}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd ul {
	margin-bottom: 0;
	padding-bottom: 15px;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li {
	width: 150px;
	margin-right: 5px;
	margin-bottom: 0;
	white-space: normal;
	/* chrome,safari */
	background: -webkit-linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/* firefox */
	background: -moz-linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/* ie11-10 */
	background: -ms-linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/* ? */
	background: linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/*ie9-7 色のポイントはtopとbottomしか付けられない */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0068b6, endColorstr=#0068b6);
	background-color: #0068b6;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li.lastElement {
	margin-right: 0;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd ul.ulColum2 li.li01 {
	width: 225px;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd ul.ulColum2 li.li02 {
	width: 225px;
}

.products .airconditioning div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li a {
	display: block;
	font-size: 1.2em;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	color: #ffffff;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li a span {
	background: url(../../image/module/ico_arrow_right_l_w.png) no-repeat 0 0.3em;
	display: block;
	padding-left: 25px;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li.active span {
	background: url(/image/module/ico_arrow_down_l_bl.png) no-repeat 0 0.5em;
	font-weight: bold;
}

.products .airconditioning div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li.active {
	background-color: #ffffff;
	background-image: none;
	color: #0068b6;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
}

.products .airconditioning div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li.active a {
	color: #0068b6;
}

.products div.dAirconditioning div.dTabsArea dl.dlModEleFloat dd li.lastElement {
	width: 150px;
	padding-right: 0;
}

.products div.dProAC .dModLayImgLeft {
	background-color: #edf2f5;
}

.products div.dProAC .dModLayImgLeft .dModLayImg {
	width: 200px;
}

.products div.dProAC .dModLayImgLeft .dModLayText {
	float: none;
	width: 390px;
	display: table-cell;
	height: 114px;
	vertical-align: middle;
	padding: 36px 30px;
}

.products div.dProAC .dModLayImgLeft .dModLayText .sLead {
	font-size: 1.4em;
}

div.dProAC .ulMenu li,
.products div.dProAC .ulCompany li {
	width: 310px;
	margin: 0 30px 0 0;
	white-space: normal;
}

.products div.dProAC .ulMenu li div {
	border-bottom: 1px solid #adbfcc;
	margin-bottom: 10px;
}

.products div.dProAC .ulMenu li p {
	margin-bottom: 40px;
}

.products div.dProAC .ulMenu li p.pModEleHalf {
	margin-bottom: 20px;
}

.products div.dProAC li.liRight {
	margin-right: 0;
}

.products div.dProAC .ulMenu li.liBottom div {
	border-bottom: none;
	margin-bottom: 0;
}

.products div.dProAC .ulCompany li.liBottom div {
	margin-bottom: 0;
}

.products div.dProAC .comBtn310 {
	width: 310px;
	margin: auto;
}

.products div.dProAC .ulCompany li div {
	border-bottom: 1px solid #003974;
	margin-bottom: 40px;
}

.products div.dProAC .ulCompany li.liBottom div {
	margin-bottom: 0;
}

.products div.dProAC .ulCompany li div h3 {
	color: #333333;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding: 0;
	border: none;
	background-color: transparent;
}

.products div.dProAC .ulCompany li div h3 a {
	display: block;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
}

.products div.dProAC .ulCompany li div h3.h3Down a {
	background-image: url(/image/member/p/eco/products/airconditioning/ico_arrow_down.gif);
}

.products div.dProAC .ulCompany li div h3.h3Up a {
	background-image: url(/image/member/p/eco/products/airconditioning/ico_arrow_up.gif);
}

.products div.dProAC .ulCompany li div .dModBoxPadding {
	position: relative;
	width: 250px;
	display: none;
	background-color: #edf2f5;
	padding: 20px 40px 20px 20px;
	border: none;
	margin-bottom: 0;
}

.products div.dProAC .ulCompany li div .dModBoxPadding div.dClose {
	position: absolute;
	top: 0;
	right: 0;
	border-bottom: none;
}

.products div.dProAC .dBuilding {
	width: 650px;
	position: relative;
}

.products div.dProAC .dBuilding ul li {
	position: absolute;
	font-size: 1.1em;
	font-weight: bold;
}

.products div.dProAC .dBuilding ul li a {
	background-image: url(/image/module/ico_arrow_right_main.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
	color: #333333;
}

.products div.dProAC .dBuilding ul li.li01 {
	top: 110px;
	left: 179px;
}

.products div.dProAC .dBuilding ul li.li02 {
	top: 80px;
	left: 377px;
}

.products div.dProAC .dBuilding ul li.li03 {
	top: 10px;
	left: 530px;
}

/*----------------------------------------------*/
/*                                              
/* hotwatersupply                               
/*                                             
/*----------------------------------------------*/
.products div.dHotwatersupply h2.h2ProductsList span.sName {
	display: block;
	font-weight: bold;
	float: left;
	width: 130px;
	padding: 30px 0 0 0;
}

.products div.dHotwatersupply h2.h2ProductsList span.sPhoto {
	height: 87px;
	width: 474px;
	vertical-align: middle;
	padding-top: 17px;
}

.products div.dHotwatersupply div.dTabsArea {}

.products div.dHotwatersupply div.dTabsArea ul {
	margin-bottom: 20px;
	padding-bottom: 15px;
	padding-left: 30px;
	background: #666666;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
}

.products div.dHotwatersupply div.dTabsArea ul li {
	width: 150px;
	padding-right: 5px;
	margin-bottom: 0;
	white-space: normal;
}

.products div.dHotwatersupply div.dTabsArea ul.ulColum2 li.li01 {
	width: 225px;
}

.products div.dHotwatersupply div.dTabsArea ul.ulColum2 li.li02 {
	width: 225px;
}

.products .hotwatersupply div.dHotwatersupply div.dTabsArea li {
	display: block;
	color: #ffffff;
	font-size: 1.2em;
	margin-right: 5px;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	/* chrome,safari */
	background: -webkit-linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/* firefox */
	background: -moz-linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/* ie11-10 */
	background: -ms-linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/* ? */
	background: linear-gradient(top, #0068b6 0%, #006ec2 50%, #006ec2 50%, #0068b6 100%);
	/*ie9-7 色のポイントはtopとbottomしか付けられない */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0068b6, endColorstr=#0068b6);
	background-color: #0068b6;
}

.products .hotwatersupply div.dHotwatersupply div.dTabsArea li a {
	color: #ffffff;
}

.products div.dHotwatersupply div.dTabsArea li a span {
	background: url(../../image/module/ico_arrow_right_l_w.png) no-repeat 0 0.3em;
	display: block;
	padding-left: 25px;
}

.products .hotwatersupply div.dHotwatersupply div.dTabsArea li.active {
	background-color: #ffffff;
	background-image: none;
	color: #0068b6;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
}

.products .hotwatersupply div.dHotwatersupply div.dTabsArea li.active a {
	color: #0068b6;
	background-color: #ffffff;
}

.products .hotwatersupply div.dHotwatersupply div.dTabsArea li.active span {
	background: url(/image/module/ico_arrow_down_l_bl.png) no-repeat 0 0.5em;
	font-weight: bold;
}

.products div.dHotwatersupply div.dTabsArea li.lastElement {
	width: 150px;
	padding-right: 0;
}

.products .hotwatersupply div.dProAC .ulMenu li.bottomSpaceL {
	margin-bottom: 40px;
}

.products .hotwatersupply div.dProAC .figure {
	margin-bottom: 50px;
}

.products .hotwatersupply div.dProAC .dModLayImgLeft .dModLayText {
	height: auto;
}

.products .hotwatersupply div.dProAC .dBuilding ul li.li01 {
	left: 59px;
	top: 88px;
}

.products .hotwatersupply div.dProAC .dBuilding ul li.li02 {
	top: 67px;
	left: 228px;
}

.products .hotwatersupply div.dProAC .dBuilding ul li.li03 {
	top: -2px;
	left: 456px;
}

/*----------------------------------------------*/
/*                                              
/* floorheating                               
/*                                             
/*----------------------------------------------*/
.products .floorheating h2.h2ProductsList span.sName {
	display: block;
	font-weight: bold;
	float: left;
	width: 130px;
	padding: 30px 0 0 40px;
}

.products .floorheating h2.h2ProductsList span.sPhoto {
	height: 87px;
	width: 474px;
	vertical-align: middle;
	padding-top: 17px;
}

.products .floorheating h2.h2ProductsList {
	display: block;
}

.products #products .floorheating h2.h2ProductsList a {
	padding: 12px 20px;
}

.products .floorheating ul.ulIndex02 li a span.sName {
	float: right;
	font-weight: bold;
	font-size: 1.4em;
	display: block;
	padding: 10px;
	width: 595px;
}

.products div.dFloorheating div.dDetail div.dBorderTop {
	border-top: solid 10px #ffffff;
}

.products .floorheating div.dList div.dModLayImgLeft div.dModLayText {
	padding: 20px;
}

/*----------------------------------------------*/
/*                                              
/* transport                               
/*                                             
/*----------------------------------------------*/
.products div.dTransport h2.h2ProductsList li a span.sIcon {
	display: block;
	background: url(../../image/module/ico_arrow_down.gif) 98% 50% no-repeat;
}

.products div.dTransport ul.ulIndex02 li a span.sName {
	float: right;
	font-weight: bold;
	font-size: 1.4em;
	display: block;
	padding: 10px;
	width: 595px;
}

.products div.dTransport div.dDetail div.dBorderTop {
	border-top: solid 10px #ffffff;
}

.products div.dTransport div.dList div.dModLayImgLeft div.dModLayText dl dd ul.ulModEleDisc li span {
	font-weight: bold;
}

.products div.dTransport ul.ulIndex02 li a.aNoLink span.sIcon {
	background-image: none;
	background-color: #f5f5f5;
	color: #aaaaaa;
}

.products div.dTransport ul.ulIndex02 li a.aNoLink:hover span.sIcon span.sName {
	cursor: default;
}

.products div.dTransport ul.ulIndex02 li a.aNoLink:hover {
	color: #aaaaaa;
}

/*----------------------------------------------*/
/*                                              
/* cookingappliances 
/*                                              
/*----------------------------------------------*/
.products .cookingappliances h2.h2ProductsList span.sName {
	display: block;
	float: right;
	font-weight: bold;
	float: left;
	width: 130px;
	padding: 30px 0 0 40px;
}

.products .cookingappliances h2.h2ProductsList span.sPhoto {
	height: 87px;
	width: 474px;
	vertical-align: middle;
	padding-top: 17px;
}

.products .cookingappliances h2.h2ProductsList {
	display: block;
}

.products #products .cookingappliances h2.h2ProductsList a {
	padding: 12px 20px;
}

.products .cookingappliances ul.ulIndex02 li a span.sName {
	float: right;
	font-weight: bold;
	font-size: 1.4em;
	display: block;
	padding: 10px;
	width: 595px;
}

.products .cookingappliances .dDetailDetail:first-child {
	border-top: 1px solid #d4e6ff;
}

.products .cookingappliances .dProAC .ulMenu li .boxFeature {
	margin-bottom: 20px;
}

.products .cookingappliances .dProAC .ulMenu li .boxFeature dt {
	font-weight: bold;
}

.products .cookingappliances ul.ulModEleFloat li.liRight {
	float: right;
}

.products .cookingappliances ul.ulModEleFloat li.mb {
	margin-bottom: 50px;
}

.products .cookingappliances div.dProAC .dModLayImgLeft .dModLayText {
	padding-bottom: 0;
}

/*----------------------------------------------*/
/*                                              
/* detail
/*                                              
/*----------------------------------------------*/
.products .factory div.detail div#aMainContents h2.hDef {
	border-bottom: 2px solid #cc3333;
	padding-top: 0;
	background-image: none;
}

.products .factory div.detail div#aMainContents div.dContentsInner {
	padding: 20px;
	background-color: #fff2f2;
}

.products .factory div.detail div#aMainContents div.dDeodorize {
	background-color: #eeffd8
}

.products .factory div.detail div#aMainContents div.dDeodorize h2.hDef {
	border-color: #55ac00;
	padding-top: 0;
	background-image: none;
}

.products .factory div.detail div#aMainContents div.dMelt {
	background-color: #fff4e5
}

.products .factory div.detail div#aMainContents div.dMelt h2.hDef {
	border-color: #e35504;
	padding-top: 0;
	background-image: none;
}

.products .factory div.detail div#aMainContents div.dWash {
	background-color: #d4e6ff
}

.products .factory div.detail div#aMainContents div.dWash h2.hDef {
	border-color: #2c68b6;
	padding-top: 0;
	background-image: none;
}

.products .factory div.detail div#aMainContents dl.dlEffectBox {
	margin-bottom: 20px;
}

.products .factory div.detail div#aMainContents dl.dlEffectBox dt {
	float: left;
	clear: both;
}

.products .factory div.detail div#aMainContents dl.dlEffectBox dd {
	padding-left: 125px;
}

.products .factory div.detail div#aMainContents dl.dlEffectBox dd ul li {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	font-size: 0;
}

.products .factory div.detail div#aMainContents div.dWhiteBox {
	background-color: #ffffff;
	padding: 20px 5px;
	display: block;
	width: 600px;
}

.products .factory div.detail div.dModLayImgLeft {
	margin-bottom: 20px;
}

#eco.casestudy .detail .dNewMainContents .tData td p.data_min_txt {
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

/*----------------------------------------------*/
/*                                              
/* product4（期間限定）
/*                                              
/*----------------------------------------------*/
.products div#aMainContents div.dContentsInner {
	padding: 20px;
	background-color: #fff4e5
}

.products div#aMainContents div.dContentsInnerWash {
	padding: 20px;
	background-color: #d4e6ff
}

.products div#aMainContents div.dContentsInnerHeat {
	padding: 20px;
	background-color: #fff2f2;
}

.products div#aMainContents dl.dlEffectBox {
	margin-bottom: 20px;
}

.products div#aMainContents dl.dlEffectBox dt {
	float: left;
	clear: both;
}

.products div#aMainContents dl.dlEffectBox dd {
	padding-left: 125px;
}

.products div#aMainContents dl.dlEffectBox dd ul li {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	font-size: 0;
}

.products div#aMainContents div.dWhiteBox {
	background-color: #ffffff;
	padding: 20px 5px;
}

.products div.factory4 div.dModLayImgLeft {
	margin-bottom: 20px;
}

.products div.factory4 div#aMainContents h2.h2Melt {
	border-bottom: 2px solid #e35504;
	padding: 0 0 3px;
	overflow: hidden;
}

.products div.factory4 div#aMainContents h2.h2Melt span,
h2.hDef span {
	display: block;
	text-align: right;
	font-size: small;
	color: #00693e;
}

.products h2.hDef span {
	padding-top: 5px;
}

.products div.factory4 div#aMainContents h2.h2Heat {
	border-bottom: 2px solid #cc3333;
	padding: 0 0 3px;
}

.products div.factory4 div.dProductBorder {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: solid 3px #cccccc;
}

/* 取材日 */
#eco.casestudy .dH1Box .coverage_date,
#eco.casestudy .detail .dNewMainContents .dH1Box p.pModEleTopHalf {
	font-size: 18px;
}

/* @group *********************************************************************/
/********************* 省エネ関連情報インデックス  ****************************/

.syouenebox-lead {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 32px;
}

.syouenebox-menu__list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.syouenebox-menu__item {
	flex: 0 1 calc((100% - (20px * 2)) / 3);
}

.syouenebox-menu__item-inner {
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}

.syouenebox-menu__icon img {
	flex: 0 0 auto;
}

.syouenebox-menu__contents {
	flex: 1 1 0;
	text-align: center;
}

.syouenebox-menu__title {
	margin: 36px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 56px;
	background: none;
	border: none;
	padding: 0;
	position: static;
	color: #242424;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
}

.syouenebox-menu__title span {
	font-size: inherit;
}

#eco h2.syouenebox-menu__title {
	margin: 8px 0 0;
	line-height: 1.33;
}

.syouenebox-menu__title::before,
.syouenebox-menu__title::after {
	content: none;
}

.syouenebox-menu__btn {
	margin: 16px 0 0;
	background: none;
	border-radius: 100px;
	text-decoration: none;
	padding: 9px 22px 7px;
	line-height: 1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	min-height: 36px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	max-width: 300px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #153d70;
	position: relative;
	transition: opacity 0.3s ease-in-out;
}

#eco .syouenebox-menu__btn {
	line-height: 1.4;
}

.syouenebox-menu__btn:link,
.syouenebox-menu__btn:hover,
.syouenebox-menu__btn:visited {
	color: #fff;
	text-decoration: none;
}

.syouenebox-menu__btn:after {
	content: '';
    display: block;
    width: 8px;
    height: 14px;
    background: url(/member_assets/images/common/icons/icon-arrow-white.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translate(0, -50%);
}

.syouenebox-menu__btn:hover {
	opacity: 0.7;
}

@media screen and (max-width:768px) {

	.syouenebox-lead {
		margin: 0 0 16px;
		font-size: 16px;
	}

	.syouenebox-menu__list {
		gap: 15px;
		margin: 24px 0 0;
	}

	.syouenebox-menu__item {
		flex: 0 1 calc((100% - (15px * 1)) / 2);
	}

}

@media screen and (max-width: 576px) {
	
	.syouenebox-menu__item {
		flex: 1 1 100%;
	}

	.syouenebox-menu__item-inner {
		display: flex;
		gap: 24px;
	}

	.syouenebox-menu__icon {
		flex: 0 0 auto;
	}

	.syouenebox-menu__icon img {
		width: 56px;
		height: auto;
	}

	#eco h2.syouenebox-menu__title {
		margin: 0;
	}

}

/* @end 省エネ関連情報インデックス */

/* @group *********************************************************************/
/********************* 省エネチェックインデックス  ****************************/

/* ボタン */
#dMain #dMainColumn .sectionWrapper a.btn-service,
a:visited.btn-service,
a:link.btn-service,
.btn-service {
	font-size: 21px;
	width: 520px;
	max-width: 90%;
	box-sizing: border-box;
}

/* モーダルスタイル */
#cboxOverlay {
	background-color: #383a47;
	z-index: 1000;
}

#cboxClose {
	background-image: url(/member_assets/images/oyakudachi/energy_saving/check/modal/modal-close-icon.png);
	width: 25px;
	height: 25px;
	background-size: contain;
	top: 20px;
	right: 20px;
}

#colorbox {
	z-index: 1010;
}

#cboxWrapper {}

.energy-saving-modal {
	max-width: 640px;
	margin: 0 auto;
	padding: 40px;
	box-sizing: border-box;
	text-align: left;
}

.energy-saving-modal>h2 {
	margin-top: 0;
	margin-top: 0;
}

.energy-saving-modal>h3.Toph3Index {
	margin-bottom: 20px;
	margin-top: 0;
}

.energy-saving-modal>h4 {
	margin-bottom: 10px;
	margin-top: 0;
}

.energy-saving-modal>h4:before {
	top: 3px;
	left: 0;
	width: 4px;
	height: 26px;
}

.energy-saving-modal .img-block {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 35px;
}

@media screen and (max-width:768px) {

	#dMain #dMainColumn .sectionWrapper a.btn-service,
	a:visited.btn-service,
	a:link.btn-service,
	.btn-service {
		font-size: 16px;
	}

	#cboxClose {
		width: 15px;
		height: 15px;
		top: 15px;
		right: 15px;
	}

	.energy-saving-modal {
		padding: 20px;
	}

	.energy-saving-modal>h4 {
		margin-bottom: 10px;
	}

	.energy-saving-modal>h4:before {
		top: 2px;
		left: 0;
		width: 3px;
		height: 20px;
	}
}

#eco.button h1 span {
	color: #333;
	display: inline-block;
	margin-left: 10px;
	font-size: 0.6em;
}

#eco h2 {
	margin-bottom: 15px;
}

#eco .basics h2,
#eco .diagnosis h2,
#eco .season h2 {
	margin-bottom: 30px;
}

/* 

以降のスタイルは以下のページでも利用
/member/p/oyakudachi/syouene/box/now/

*/

#eco .check-lead {
	font-size: 20px;
	font-weight: bold;
}

#eco .check-lead.check-lead-color {
	color: #153d70;
}

#eco .industry-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

#eco .industry-item {
	text-align: center;
	flex-basis: calc((100% - (20px * 2)) / 3);
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	padding: 20px;
	box-sizing: border-box;
}

#eco .industry-item .industry-icon {
	margin: 0 auto;
	margin-bottom: 10px;
	width: 70px;
}

#eco .industry-item .industry-icon img {
	width: 100%;
}

#eco .industry-item .industry-name {
	color: #153d70;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 13px;
}

#eco .industry-item .industry-note {
	font-size: 14px;
	text-decoration: underline;
	color: #153d70;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 15px;
	display: inline-block;
}

#eco .season-btn-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: -5px;
}

#eco .season-btn-list .season-btn-item {
	box-sizing: border-box;
	padding: 0 5px;
	text-align: center;
	margin-bottom: 5px;
}


#eco .season-btn-list .season-btn-item .season-btn {
	background: none;
	border-radius: 100px;
	text-decoration: none;
	padding: 10px;
	padding: 11px 7px;
	line-height: 1;
	display: inline-block;
	width: 100px;
	max-width: 100%;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #153d70;
	background-color: #e6b32b;
	position: relative;
	transition: opacity 0.3s ease-in-out;
}

#eco .season-btn-list .season-btn-item.even .season-btn {
	color: #fff;
	background-color: #153d70;
}

#eco .season-btn-list .season-btn-item.odd2 .season-btn {
	color: #fff;
	background-color: #153d70;
}

#eco .season-btn-list .season-btn-item.even2 .season-btn {
	color: #153d70;
	background-color: #fff;
	border: 2px solid #153d70;
	padding: 8px;
}

#eco .season-btn-list .season-btn-item .season-btn:hover {
	opacity: 0.7;
}

#eco .season-btn-list .season-btn-item .season-btn::after {
	content: '';
	width: 0.9em;
	height: 0.9em;
	width: 8px;
	height: 12px;
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
	background-image: url(/member_assets/images/right-arrow-blue.svg);
}

#eco .season-btn-list .season-btn-item.even .season-btn::after {
	background-image: url(/member_assets/images/right-arrow-white.svg);
}


@media screen and (max-width:1300px) {


	#eco .season-btn-list .season-btn-item .season-btn::after {
		right: 10px;
	}

}

@media screen and (max-width:1200px) {



	/* check top lineup */

	#eco .industry-list {
		gap: 15px;
	}

	#eco .industry-item {
		flex-basis: calc((100% - (15px * 2)) / 3);
		padding: 15px;
	}


	/* end check top lineup */
}

@media screen and (max-width:768px) {
	#eco h2 {
		margin: 15px 0;
	}

	#eco .check-lead {
		font-size: 16px;
	}



	#eco .industry-item {
		flex-basis: calc((100% - 15px) / 2);
		padding: 15px;
	}

	#eco .industry-item .industry-name {
		font-size: 16px;
		margin-bottom: 8px;
	}

	#eco .season-btn-list .season-btn-item .season-btn {
		padding: 7px 8px;
		font-size: 13px;
	}

	#eco .industry-item .industry-note {
		font-size: 13px;
		margin-top: 10px;
	}
}

@media screen and (max-width:480px) {

	#eco .industry-item {
		flex-basis: 100%;
		display: flex;
		align-items: center;
	}

	#eco .industry-item .industry-icon {
		margin: 0;
		width: 80px;
		margin-right: 15px;
		flex-basis: 80px;
	}

	#eco .industry-item .industry-icon+div {
		flex-grow: 1;
	}
}




/* ステップ2ページ */

#eco .dCol {
	flex-basis: calc((100% - 40px)/2);
}

#eco div.dModLayCol2:after {
	content: none;
}

#eco .dColBox {
	border: 1px solid #cbcbcb;
	border-radius: 10px;
	padding: 25px 30px;
	margin-bottom: 40px;
}

#eco .check-list {
	margin-top: 30px;
}

#eco .equipment-name {
	background: none;
	border: none;
	border-bottom: 1px solid;
	font-size: 26px;
	padding: 0;
	padding-bottom: 20px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.yesNoSwitchList {
	margin-bottom: -10px;
}

.yesNoSwitchList li {
	margin-bottom: 10px;
}

.yesNoSwitch {
	background: url(/member_assets/images/oyakudachi/energy_saving/check/checkbox_off.png) no-repeat left top;
	background-size: 18px auto;
	font-size: 16px;
	background-position: 0px 3px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	padding-left: 28px;
	color: #333;
	text-decoration: none;
}

.input[type='checkbox'] {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
}

.c_on {
	background: url(/member_assets/images/oyakudachi/energy_saving/check/checkbox_on.png) no-repeat left top;
	background-size: 25px auto;
	background-position: 0px 1px;
}


@media screen and (max-width:1200px) {
	#eco .dCol {
		flex-basis: calc((100% - 20px)/2);
	}
}

@media screen and (max-width:768px) {
	#eco .check-list {
		margin-top: 10px;
	}

	.dModBoxNormal.dModLayCol2 {
		flex-direction: unset;
		justify-content: space-between;
	}

	#eco .dCol {
		flex-basis: calc((100% - 15px)/2);
	}

	#eco .dColBox {
		padding: 15px;
		margin-bottom: 15px;
	}

	.yesNoSwitchList {
		margin-bottom: -5px;
	}

	.yesNoSwitchList li {
		margin-bottom: 5px;
	}

	#eco .equipment-name {
		font-size: 18px;
		padding-bottom: 10px;
	}

	#eco .equipment-name img {
		width: 35px;
	}

	.yesNoSwitch {
		/* background-size: 18px auto; */
		font-size: 16px;
		/* background-position: 0px 3px; */
		/* padding-left: 30px; */
	}

	.c_on {
		background-size: 25px auto;
	}
}

@media screen and (max-width:575px) {
	.dModBoxNormal.dModLayCol2 {
		display: block;
	}
}

/** @end 省エネチェックインデックス******************************************/
/********************************************/