@charset "utf-8";

/******************************************************************************/
/***                                                                        ***/
/***                                                                        ***/
/***     tos.css                                                            ***/
/***                                                                        ***/
/***    【内容】                                                            ***/
/***                                                                        ***/
/***     ・エネモール利用規約専用のスタイルを記述する                       ***/
/***                                                                        ***/
/***                                                                        ***/
/******************************************************************************/

.tos ul {
	font-size: 100%;
}
.tos li p {
	font-size: 100%;
}
.tos h3 + * {
	margin-bottom: 30px;
}
.tos .indent1 p,
.tos .indent2 p,
.tos .indent3 p {
	margin-bottom: 0;
}
.tos ol.indent1 p,
.tos div.indent1 p:not([class]),
.tos ol.indent3 p.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}
.tos ol.indent2 p {
	padding-left: 2em;
	text-indent: -2em;
}
.tos ol.indent3 p {
	padding-left: 3em;
	text-indent: -3em;
}
.tos .tab_wp {
	margin-bottom: 40px;
}
.tos ul.tab_list {
	margin: 0;
	border-bottom: 3px solid #0A5428;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.tos .tab_list_item {
	box-sizing: border-box;
	width: calc(50% - 10px);
	text-align: center;
	/*margin: 0 calc(13px / 2);*/
	padding: 15px 10px;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.4;
	color: #0A5428;
	background-color: #FFF;
	border-radius: 6px 6px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	transition: .3s;
	filter: brightness(1.0);
}
.tos .tab_list_item:hover {
	color: #FFF;
	background-color: #0A5428;
	transition: .3s;
	filter: brightness(1.15);
}
.tos .tab_list_item.active {
	color: #0A5428;
	background-color: #FFF;
	border-top: 3px solid #0A5428;
	border-left: 3px solid #0A5428;
	border-right: 3px solid #0A5428;
	margin-bottom: -3px;
}
.tos .tab_list_item.active:hover {
	filter: brightness(1.0);
}
.tos .tab_list_item:not(.active) {
	color: #333333;
	background-color: #EEEEEE;
	border-top: 3px solid #CCCCCC;
	border-left: 3px solid #CCCCCC;
	border-right: 3px solid #CCCCCC;
}
.tos .tab_list_item:not(.active):hover {
	filter: brightness(1.1);
}
.tos .tab_contents_item {
	border-left: 3px solid #0A5428;
	border-right: 3px solid #0A5428;
	border-bottom: 3px solid #0A5428;
	margin-bottom: 20px;
	padding: 40px 30px 10px;
	display: none;
}

/*areaにis-activeというクラスがついた時の形状*/
.tos .tab_contents_item.show {
	display: block;/*表示*/
	animation-name: fadein;/*ふわっと表示させるためのアニメーション*/
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.tos .rev {
	border: 3px solid #D9333F;
	line-height: 1.8;
	margin-bottom: 40px;
	padding: 20px;
}
.tos .rev p {
	margin-bottom: 5px;
	padding-left: 1.0em;
	text-indent: -1.0em;
}

.tos .tos_top {
	text-align: right;
}
.tos .tos_top a {
	position: relative;
	padding-left: 25px;
	font-size: 110%;
	display: inline-block;
}
.tos .tos_top a:after {
	content: "\f139";
	position: absolute;
	top: 50%;
	left: 0;
	font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
	font-weight: bold;
	font-size: 120%;
	color: #26AA0B;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
.tos ul.tab_list {
	border-bottom: 2px solid #0A5428;
}
.tos .tab_list_item {
	width: calc(50% - 5px);
	padding: 15px 2px;
	font-size: min(4.0vw, 120%);
}
.tos .tab_list_item.active {
	border-top: 2px solid #0A5428;
	border-left: 2px solid #0A5428;
	border-right: 2px solid #0A5428;
	margin-bottom: -2px;
}
.tos .tab_list_item:not(.active) {
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
}
.tos .tab_contents_item {
	border-left: 2px solid #0A5428;
	border-right: 2px solid #0A5428;
	border-bottom: 2px solid #0A5428;
	margin-bottom: 40px;
	padding: 40px 20px 0;
	display: none;
}
.main_contents p.tos_top {
	margin-top: -20px;
	margin-bottom: 40px;
}
.tos .tos_top a {
	padding-left: 25px;
	font-size: 110%;
}
}


@media print {
.tos {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}

.sp_menu_panel,
.tos .tos_top,
.page_top {
	display: none;
}
}