@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project
3. Others
	3-1. Special

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

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
@media (min-width: 768px){
	body{
		min-width: 1180px;
	}
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	/*vertical-align: baseline;*/
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	height: 24px;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
	resize: none;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
small{
	font-size: 0.86em;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
input,textarea,button,select{
	font-family: "游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}

/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 14px;
	color: #333;
	font-family: "游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	background: #fff url("/enelog/common/images/cmn-bg01.jpg");
}
@media (min-width: 768px) {
	body {
		font-size: 16px;
	}
}
a{
	color: #333;				/* ベースのリンク文字の色を指定 */
	text-decoration: underline;	/* ベースのリンク文字の下線の有無を指定 */
}
a:visited{
	color: #333;				/* ベースのリンク文字の色を指定 */
}
a:hover,
a:active{
	text-decoration: none;		/* ベースのリンク文字の下線の有無を指定 */
}
a:focus {
	outline: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;			/* ベースの行間を指定 */
}
p{
	line-height: 1.428;			/* ベースの行間を指定 */
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.5;			/* ベースの行間を指定 */
}


/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */
#l-document{

}

/* 1-2. #l-header
-------------------------------------------------- */
#l-header{
	background: #fff;
	padding: 15px 0;
	text-align: center;
	position: relative;
	z-index: 2;
}

#l-header > a {
	display: inline-block;
}
#l-header > a img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
	#l-header > a {
		width: 380px;
	}
}
@media screen and (max-width: 767px) {
	#l-header > a {
		width: 200px;
	}
}
.l-sitelogo{
	line-height: 0;
}
.l-sitelogo img {
	width: 120px;
	height: auto;
}
@media (min-width: 768px) {
	#l-header{
		padding: 23px 0 24px;
	}
	.l-sitelogo img {
		width: 331px;
		height: auto;
	}
}

li.media-sns__googleplus	{
	display: none !important;
	}

/* 1-3. #l-container
-------------------------------------------------- */
#l-container{
}


/* 1-3-1. #l-main
-------------------------------------------------- */
#l-main{
	margin-bottom: 15px;
}
@media (min-width: 768px) {
	#l-main {
		margin-bottom: 30px;
	}
}

/* 1-3-2. #l-sub
-------------------------------------------------- */


/* 1-4. #l-footer
-------------------------------------------------- */
#l-footer{
	background: #333;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	padding: 20px 0 25px;
	margin-top: 80px;
}
#l-footer a{
	color: #fff;
	text-decoration:none;
}
#l-footer a:hover{
	color: #aaa;
}
#l-footer .wrp-container {
	position: relative;
}
#l-footer ul li {
	text-align: center;
}
#l-footer .media-sns {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: -62px;
	text-align: center;
}
#l-footer .media-sns li {
	display: inline-block;
	padding: 7px;
}
#l-footer .media-sns img {
	height: 15px;
	width: auto;
}
@media (min-width: 768px) {
	#l-footer{
		font-size: 18px;
		padding: 35px 0;
	}
	#l-footer a{
		text-decoration:none;
	}
	#l-footer ul li:first-child {
		float: left;
	}
	#l-footer .media-sns {
		display: none;
	}
}

/* 1-5. #l-nav-global
-------------------------------------------------- */
.l-nav-global{
	position: absolute;
	right: 40px;
	top: 20px;
	bottom: 0;
	margin: auto;
}
@media (max-width: 767px) {
	.nav.l-nav-global{
		display: none;
	}
}


/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */

/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container {
	padding: 0 10px;
}
@media (min-width: 1203px) {
	.wrp-container {
		width: 1180px;
		margin: 0 auto;
		padding: 0;
	}
}
.wrp-block {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.wrp-block {
		margin-bottom: 40px;
	}
}

/*2-1-2.  Box      [box-***]*/
.box,
.box2 {
	background: #fff;
	color: #333;
	overflow: hidden;
	padding: 20px 15px;
	margin-bottom: 20px;
	position: relative;
}
.box__corner {
	background: url("/enelog/common/images/cmn-bg-pagecorner02.png") no-repeat top right;
	background-size: 40px;
	width: 50px;
	height: 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px 0 0;
	text-align: right;
	font-family: 'Roboto',sans-serif;
}

.box__corner_sp,
.page-focus .box__corner_sp,
.page-cover .box__corner_sp {
	background: url("/enelog/common/images/cmn-bg-pagecorner_sp.png") no-repeat top right;
	background-size: 40px;
	width: 100px;
	height: 80px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	padding: 5px 10px 0 0;
	text-align: right;
	font-family: 'Roboto',sans-serif;
	line-height:1.3;
}
.box__heading {
	margin-bottom: 10px;
}
.box__heading .box__datetime {
	font-style: italic;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}
.box__heading .nav {
	margin-left: -8px;
}
.box__heading nav img {
	width: auto;
	height: 15px;
}
.box p,.box2 p {
	line-height: 1.9;
}


.box__enclos--b{
	width: auto;
	padding: 0 10px;
	margin-bottom: 15px;
	background-color: #888;
	color: #FFF;
	border: #888 1px solid;
}
.box__enclos--w{
	width: auto;
	padding: 0 10px;
	margin-bottom: 15px;
	border: #888 1px solid;
}




@media (min-width: 768px) {
	.box {
		padding: 80px 100px;
		margin-bottom: 80px;
	}
	.box2 {
		padding: 40px 100px;
		margin-bottom: 80px;
	}
	.box__corner {
		background-size: auto;
		width: 100px;
		height: 80px;
		padding: 10px;
		font-size: 20px;
		padding: 24px 24px 0 0;
	}
	.box__heading {
		margin-bottom: 60px;
	}
	.box__heading .box__datetime {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.box__heading .nav {
		margin-left: -10px;
	}
	.box__heading nav img {
		width: auto;
		height: auto;
	}
}

/* ----------------------------------------------- */
.box--border {
	border-top: 2px solid #fff571;
	box-sizing: border-box;
}
.box--border--sora	{
	border-top: 12px solid #83ccd2;
	box-sizing: border-box;
}
.box--border--wakaba	{
	border-top: 12px solid #9cca54;
	box-sizing: border-box;
}
.box--border--koniro	{
	border-top: 12px solid #264a94;
	box-sizing: border-box;
}
.box--border--aiiro	{
	border-top: 12px solid #5286c0;
	box-sizing: border-box;
}
.box--border--cha {
  border-top: 12px solid #9f8237;
  box-sizing: border-box;
}
.box--border--orange {
	border-top: 12px solid #F4A21A;
	box-sizing: border-box;
}
.box--border--red {
	border-top: 12px solid #e50011;
	box-sizing: border-box;
}

/* ----------------------------------------------- */
.box-noscript{
 	padding: 24px;
	background: #3a3a3a;
	box-sizing: border-box;
}
.box-noscript p{
	text-shadow: 0 0 1px #fff;
	color: #fff;
}

/* ----------------------------------------------- */
.box-media{
	margin: 20px 0 15px;
}
.box-media__pic,
.box-media__pic_w250,
.box-media__pic_rght_w250{
	margin: 10px 0;
	text-align: center;
}
.box-media__txt {
	line-height: 1.8;
}
@media (min-width: 768px) {
	.box-media{
		display: table;
		margin: 40px 0 55px;
	}
	.box-media__txt,
	.box-media__pic,
	.box-media__pic_w250,
	.box-media__pic_rght_w250{
		display: table-cell;
		vertical-align: top;
	}
	.box-media__pic{
		padding-left: 30px;
		width: 380px;
	}
	.box-media__pic_w250{
		padding-left: 30px;
		width: 250px;
	}
	.box-media__pic_rght_w250{
		padding-right: 30px;
		width: 250px;
	}
}
/* ----------------------------------------------- */
.box-main-img {
	height: 120px;
	position: relative;
	overflow: hidden;
}
.box-main-img__content {
	position: absolute;
	bottom: 10px;
	left: auto;
	right: 10px;
	font-size: 12px;
}
.box-main-img__name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 5px;
}
.box-main-img__name small {
	font-size: 10px;
	font-weight: normal;
}
@media (min-width: 768px) {
	.box-main-img {
		height: 240px;
	}
	.box-main-img__content {
		left: auto;
		right: 280px;
		bottom: 25px;
		font-size: 16px;
	}
	.box-main-img__content li.name-right-pc	{
		text-align:right;
	}
	.box-main-img__name {
		text-align: right;
		font-size: 22px;
	}
	.box-main-img__name small {
		font-size: 14px;
	}
}
/* ----------------------------------------------- */
.box-article a {
	display: block;
	text-decoration: none;
	background: #fff;
    position: relative;
}
.box-article--focus .box-article__content,
.box-article--focus1 .box-article__content,
.box-article--focus1-main .box-article__content,
.box-article--focus2 .box-article__content,
.box-article--focusHalf .box-article__content{
	background: #fff url(/enelog/common/images/cmn-bg-pagecorner03.png) no-repeat top right;
	background-size: 20px;
}
.box-article--voice .box-article__content,
.box-article--overseasvoice .box-article__content,
.box-article--contrib .box-article__content{
	background: #fff url(/enelog/common/images/cmn-bg-pagecorner02.png) no-repeat top right;
	background-size: 20px;
}
.box-article--topics .box-article__content {
	background: #fff url(/enelog/common/images/cmn-bg-pagecorner04.png) no-repeat top right;
	background-size: 20px;
}
.box-article--cover .box-article__content,
.box-article--cover-main .box-article__content,
.box-article--greet-main .box-article__content,
.box-article--greet .box-article__content {
	background: #fff url(/enelog/common/images/cmn-bg-pagecorner01.png) no-repeat top right;
	background-size: 20px;
}
.box-article--sp .box-article__content,
.box-article--sp02 .box-article__content{
	background: #fff url(/enelog/common/images/cmn-bg-pagecorner_sp.png) no-repeat top right;
	background-size: 20px;
}

.box-article__img{
	font-size: 0;
	line-height: 0;
	padding-bottom: 60%;
	overflow: hidden;
	position: relative;
}
.box-article__img img {
	left: 50%;
	top: 50%;
	position: absolute;
	opacity: 0;
	transition: opacity 0.3s;
}
.box-article__img img {
	transition: transform 0.5s ease-out;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
	z-index: 5;
}
.box-article a:hover img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
}
.box-article__content {
	background: #fff;
	padding: 10px 10px 15px 10px;
	box-sizing: border-box;
}
.box-article__title{
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 14px;
	margin-bottom: 30px;
	height: 1.4em;
	position: relative;
}
.box-article__title:before{
	content: "";
	width: 15px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.box-article__text {
	display: none;
}
.box-article__note {
	font-size: 8px;
	font-weight: bold;
	margin-top: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: bold;
}
.box-article__note li {
	display: inline-block;
}
.box-article__vol{
	margin-right: 0
}
.box-article__date{
	float: right;
	font-size: 8px;
	font-style: italic;
}
.box-article__number {
	position: absolute;
	top: 0;
	left: 0;
	/* color: #222 !important; */
	color: #fff !important;
	font-weight: bold;
	padding: 5px 0 0 15px;
	z-index: 5;
}
.box-article__number span {
	font-size: 10px;
	position: relative;
}
.box-article__number span:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 23px;
	/* background: #222; */
    background: #fff;
	bottom: -1px;
	left: 0;
}
.box-article__number em {
	font-size: 36px;
	font-style: normal;
	position: relative;
	top: 4px;
	left: 2px;
}
.box-article--focus .box-article__title:before,
.box-article--focus1 .box-article__title:before,
.box-article--focus1-main .box-article__title:before,
.box-article--focus2 .box-article__title:before,
.box-article--focusHalf .box-article__title:before{
	background: #ffd872;
}
.box-article--voice .box-article__title:before,
.box-article--overseasvoice .box-article__title:before,
.box-article--contrib .box-article__title:before{
	background: #e65331;
}
.box-article--cover .box-article__title:before,
.box-article--greet .box-article__title:before,
.box-article--cover-main .box-article__title:before,
.box-article--greet-main .box-article__title:before {
	background: #0066cc;
}
.box-article--sp .box-article__title:before,
.box-article--sp02 .box-article__title:before{
	background: #84a383;
}
.box-article--topics .box-article__title:before {
	background: #728792;
}
@media (min-width: 768px) {
	.box-article .box-article__content {
		padding: 30px;
		background-size: 40px;
	}
	.box-article__title{
		font-weight: bold;
		font-size: 16px;
		padding-bottom: 20px;
		height: 3em;
	}
	.box-article__text {
		line-height: 1.4;
		font-size: 16px;
		display: block;
	}
	.box-article__vol{
		margin-right: 5px;
	}
	.box-article__note{
		font-size: 13px;
	}
	.box-article__date{
		font-size: 14px;
	}
	.box-article__title:before{
		width: 25px;
		height: 2px;
	}
	.box-article__number {
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		font-weight: bold;
		padding: 15px 0 0 35px;
	}
	.box-article__number span {
		font-size: 20px;
	}
	.box-article__number span:after {
		content: "";
		position: absolute;
		height: 3px;
		/* width: 73px; */
		/*通常*/
		width: 43px;

		background: #fff;
		/* background: #222; */

		bottom: -1px;
		left: 0;
	}
	.box-article__number em {
		font-size: 72px;
		top: 8px;
	}
}
@media (max-width: 767px) {
	.box-article--focus,
	.box-article--focus1,
	.box-article--focus1-main,
	.box-article--focus2,
	.box-article--focusHalf,
	.box-article--cover,
	.box-article--greet,
	.box-article--topics,
	.box-article--sp {
		position: relative;
	}
}
/* ----------------------------------------------- */
.box-profile {
	margin-bottom: 20px;
}
.box-profile__title {
	font-weight: bold;
	margin-bottom: 5px;
}
.box-profile__txt {
	padding: 8px 0 5px;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	line-height: 1.6;
}
@media (min-width: 768px) {
	.box-profile {
		margin-bottom: 80px;
	}
	.box-profile__title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.box-profile__txt {
		padding: 13px 0 11px;
		line-height: 1.8;
		border-bottom: 2px solid #555;
		border-top: 2px solid #555;
	}
}

/* -----------------------------------------------
Focus box-style
-----------------------------------------------  */

.box-focus {
	background: #738792;
	padding: 1px;
	border-radius: 3px;
}
.box-focus__content {
	background: #fff;
}
.box-focus__title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
.box-focus__content {
	border-radius: 0 0 1px 1px;
	padding: 10px 15px;
}
.box-focus_ttl_sub {
    border-left: #738792 solid 3px;
    padding-left: 10px;
    line-height: 1.4 !important;
    text-align: left;
    margin-bottom: 10px;
}

.box-focus_gray {
    background: #eeeee8;
	padding: 30px;
	border: #738892 solid 2px;
    border-top: none;
}
.box-focus_gray_ttl {
    background: #738892;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}

.box-focus_blue {
    background: #fff;
    padding: 30px;
    border: #7ea1bb solid 2px;
    border-top: none;
}
.box-focus_blue_ttl {
    background: #7ea1bb;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.box-focus_blue_ttl_sub {
    border-left: #7ea1bb solid 3px;
    padding-left: 10px;
    line-height: 1.4 !important;
    text-align: left;
    margin-bottom: 10px;
}

.box_gray02 {
    background-color: #F4F4F4;
    padding: 1em;
    margin-bottom: 1em;
}
.box_gray02_ttl {
    background-color: #738792;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0;
}
.ttl_pink {
    color: #ee8475;
}

.add_width {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
	.box-focus {
		padding: 3px;
		border-radius: 6px;
	}
	.box-focus__title {
		font-size: 24px;
		padding: 18px 0;
	}
	.box-focus__content {
		border-radius: 0 0 3px 3px;
		padding: 22px 27px;
	}
    .add_width {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .box-focus_gray,
    .box-focus_blue {
        padding: 15px;
    }
}

/* ----------------------------------------------- */
.box__link {
	text-align: center;
	font-weight: bold;
	color: #555;
	margin-top: 20px;
}
.box__link a{
	text-decoration: none;
}
.box__link span {
	position: relative;
}
.box__link span:before {
	content: "";
	position: absolute;
	width: 100%;
	bottom: -2px;
	left: 0;
	height: 1px;
	background: #555;
}
@media (min-width: 768px) {
	.box__link {
		margin-top: 40px;
	}
	.box__link span:before {
		bottom: -4px;
		height: 2px;
	}
}
/* ----------------------------------------------- */
.box-linkback .btn {
	margin-bottom: 0;
}

/*2-1-3.  Table    [tbl-***]*/
.tbl-base{
	width: 100%;
	border: 0;
	font-size: 14px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.tbl-base{
	text-align: left;
}
.tbl-base th{
	border-right: 1px solid #ddd;
	background-color: #f9f9f9;
	font-weight: normal;
}
.tbl-base tr{
	border-top: 1px solid #ddd;
}
.tbl-base th,
.tbl-base td{
	padding: 5px 10px;
	vertical-align: top;
	line-height: 1.8em;
}
.tbl-base thead th{
	background-color: #e1f3f8;
	text-align: center;
	color: #0097c2;
	padding: 5px 0;
}
.tbl-base tbody th{
	width: 25%;
}




/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1{
	font-size: 24px;
	color: #0097c2;
	margin: 20px 0 10px;
	line-height: 1.1;
}
.hdg-lv2{
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
	/*text-decoration:underline;*/
	color:#797979;
}
.hdg-lv2 span {
	color: #000;
	/*border-bottom:2px solid #797979;*/
}
.hdg-lv2-border{
	font-size: 19px;
	margin: 40px 0 30px;
	line-height: 1.3;
	color:#707f87;
	border-left: 7px solid;
	padding-left: 10px;
}
.hdg-lv3{
	color: #738792;
	margin-bottom: 15px;
	font-size: 16px;
}
.hdg-lv3.icon {
	display: flex;
	gap: 1em;
	align-items: center;
}
.hdg-lv3.icon .ico {
	color: #fff;
	display: block;
}
.hdg-lv3.icon .ico >span {
	background: #738792;
	border-radius: 10px;
	padding: .5em;
	display: block;
}

.page-focus .lst-cover--50per .hdg-lv3  {
  margin: 0 0 30px;
  text-align: left;
}
.page-focus .lst-cover--50per .hdg-lv3 span {
  font-size: 75%;
}
.hdg-lv4{
	/*font-size: 14px;*/
	margin: 20px 0;
}
.hdg-lv5 {
	margin: 20px 0;
}
@media (min-width: 768px) {
	.hdg-lv1{
		font-size: 24px;
		color: #0097c2;
		margin: 20px 0 10px;
		line-height: 1.1;
	}
	.hdg-lv2{
		font-size: 30px;
		margin-bottom: 40px;
	}
	.hdg-lv2 span:before {
		content: "";
		background-color: #797979;
		position: absolute;
		width: 100%;
		bottom: 3px;
		left: 0;
		height: 2px;
	}
	.hdg-lv2-border{
	font-size: 24px;
	margin: 100px 0 50px;
	line-height: 1.5;
	color:#707f87;
	border-left: 7px solid;
	padding-left: 13px;
 }
  .hdg-lv3{
		margin-bottom: 30px;
		font-size: 24px;
  }
  .page-focus .lst-cover--50per .hdg-lv3  {
    margin: 15px 0;
    text-align: left;
  }
  .hdg-lv4{
		/*font-size: 14px;*/
		margin: 20px 0px;
  }
  .hdg-lv5 {
		margin: 20px 0 0;
  }
}

/*2-1-5.  Nav      [nav-***]*/
.nav{
	display: table;
	table-layout: fixed;
}
.nav li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.nav li a{
	padding: 7px;
}
@media (min-width: 768px) {
	.nav li a {
		padding: 10px;
	}
}

/* ----------------------------------------------- */
.nav-backtotop{
	width: 26px;
	height: 33px;
	position: absolute;
	bottom: 75px;
	right: 20px;
	background: url("/enelog/common/images/cmn-btn-pagetop01.png") no-repeat center;
	background-size: cover;
	z-index: 5;
}
@media (min-width: 768px) {
	.nav-backtotop{
		width: 35px;
		height: 44px;
		bottom: 90px;
		right: 10px;
	}
}
@media (min-width: 1203px) {
	.nav-backtotop{
		right: -3px;
	}
}

/*2-1-6.  List     [lst-***]*/
.lst-dot li{
	text-indent: -1em;
	padding-left: 1em;
}
.lst-dot li:before {
	content: "・";
}

/* ----------------------------------------------- */
.lst-article {
	margin: 0 -5px 20px;
}
.lst-article > li{
	float: left;
	padding: 5px;
	box-sizing: border-box;
	width: 50%;
}
@media (min-width: 768px) {
	.lst-article {
		margin: 0 -1px 40px;
	}
	.lst-article > li{
		float: left;
		padding: 1px;
		width: 33.3333333333333%;
	}
}

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

.lst-featured > li{
	margin-bottom: 3px;
}
@media (min-width: 768px) {
	.lst-featured{
		margin-bottom: 60px;
		min-width: 1180px;
		position: relative;
	}
	.lst-featured > li{
		float: left;
		box-sizing: border-box;
		margin: 0;
	}
	.lst-featured__first{
		width: 50%;
		padding: 2px 1px 0 2px;
		min-height: 960px;
		position: relative;
		overflow: hidden;
	}
	.lst-featured__second{
		width: 50%;
		height: 50%;
		padding: 2px 2px 1px;
		position: absolute;
		left: 50%;
	}
	.lst-featured__third{
		width: 50%;
		height: 50%;
		padding: 1px 2px 0 2px;
		position: absolute;
		left: 50%;
		top: 50%;
	}
	.lst-feature__item a{
		display: block;
		text-decoration: none;
	}
}

/* ----------------------------------------------- */
/*.box-article--type1 {
	position: relative;
}*/
.box-article--type1 .box-article__content{
	position: relative;
}
.box-article--type1 .box-article__content,
.box-article--type2 .box-article__content {
	padding: 30px 18px 30px;
}
.box-article--type1 .box-article__title{
	font-size: 20px;
	max-height: 3em;
	height: auto;
}
.box-article--type1 .box-article__content:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 7px 6px;
	border-color: transparent transparent #fff transparent;
	display: block;
	z-index: 1;
	top: -6px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
}
.box-article--type2{
	position: relative;
	background: #fff;
	overflow: hidden;
}
.box-article--type2:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 0 6px 7px;
	border-color: transparent transparent transparent #fff;
	display: block;
	top: 50%;
	left: 49.75%;
	z-index: 1;
	margin-top: -3px;
	z-index: 10;
}
.box-article--type2 a{
	display: block;
}
.box-article--type2 a:after{
	display: block;
	content: "";
	clear: both;
}
.box-article--type2 .box-article__content,
.box-article--type2 .box-article__img {
	float: right;
	width: 50%;
}
.box-article--type2 .box-article__note {
	position: absolute;
	right: 50%;
	margin-right: 25px;
	bottom: 10px;
	font-size: 10px;
	font-family: "Roboto",sans-serif;
	font-weight: bold;
	font-style: italic;
}
.box-article--type2 .box-article__title {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
	max-height: 3em;
	height: auto;
}
.box-article--type2 .box-article__desc {
	max-height: 3.6em;
	font-size: 14px;
}
.box-article--type1 .box-article__date,
.box-article--type2 .box-article__date{
	font-size: 10px;
}
.box-article--type1 .box-article__img{
	padding-bottom: 80%;
}
.box-article--type2 .box-article__img{
	font-size: 0;
	overflow: hidden;
	position: relative;
	right: 0;
	/*padding-bottom: 50%;*/
}
.box-article--type1 .box-article__title:before,
.box-article--type2 .box-article__title:before{
	content: "";
	width: 20px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.box-article--type1 .box-article__vol,
.box-article--type2 .box-article__vol,
.box-article--type1 .box-article__cate,
.box-article--type2 .box-article__cate{
	display: none;
}
.box-article__lead{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}
.box-article__subtitle {
	font-size: 14px;
}
.box-article__subtitle em {
	font-size: 14px;
	font-style: normal;
	display: block;
}
.box-article__subtitle em small {
	font-size: 7px;
	font-weight: normal;
}
.box-article--focus .box-article__content:before,
.box-article--focus1 .box-article__content:before,
.box-article--focus1-main .box-article__content:before,
.box-article--focus2 .box-article__content:before,
.box-article--focusHalf .box-article__content:before,
.box-article--voice .box-article__content:before,
.box-article--overseasvoice .box-article__content:before,
.box-article--contrib .box-article__content:before,
.box-article--cover .box-article__content:before,
.box-article--cover-main .box-article__content:before,
.box-article--greet .box-article__content:before,
.box-article--greet-main .box-article__content:before,
.box-article--sp .box-article__content:before,
.box-article--sp02 .box-article__content:before,
.box-article--topics .box-article__content:before {
	font-family: "Roboto",sans-serif;
	font-size: 8px;
	font-weight: bold;
	position: absolute;
	right: 5px;
	top: 5px;
	line-height: 1.2;
}
.box-article--focus .box-article__content:before,
.box-article--focusHalf .box-article__content:before{
	content: 'FOCUS';
}
.box-article--focus1 .box-article__content:before,
.box-article--focus1-main .box-article__content:before{
	content: 'FOCUS1';
}
.box-article--focus2 .box-article__content:before{
	content: 'FOCUS2';
}
.box-article--voice .box-article__content:before{
	content: 'VOICE';
	right: 50%;
	margin-right: 5px;
	top: 5px;
}
.box-article--topics .box-article__content:before {
	content: 'TOPICS';
	right: 50%;
	margin-right: 5px;
	top: 5px;
}
.box-article--overseasvoice .box-article__content:before{
	content: 'OVERSEAS VOICE';
	right: 50%;
	margin-right: 5px;
	top: 5px;
}
.box-article--contrib .box-article__content:before{
	content: '寄稿';
	right: 50%;
	margin-right: 5px;
	top: 5px;
}
.box-article--cover .box-article__content:before{
	content: 'COVER PHOTO';
	right: 50%;
	margin-right: 5px;
	top: 5px;
	width: 3.5em;
}
.box-article--cover-main .box-article__content:before {
  content: 'COVER PHOTO';
}
.box-article--greet .box-article__content:before{
	content: 'GREETING';
	right: 50%;
	margin-right: 5px;
	top: 5px;
	width: 3.5em;
}
.box-article--greet-main .box-article__content:before {
	content: 'GREETING';
  }
.box-article--sp .box-article__content:before{
	content: 'SPECIAL ISSUE';
	width: 4em;
	margin-right: 5px;
}
.box-article--sp02 .box-article__content:before{
	content: 'SPECIAL ISSUE';
	right: 50%;
	margin-right: 5px;
	top: 5px;
	width: 4em;
}
@media (min-width: 768px) {
	.box-article--type1 .box-article__content{
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	.box-article--type1 .box-article__img{
		position: absolute;
		width: 100%;
		height: 100%;
		padding-bottom: 0;
		box-sizing: border-box;
	}
	.box-article--type1 .box-article__content,
	.box-article--type2 .box-article__content {
		padding: 40px 40px 60px;
		background-size: 60px;
	}
	.box-article--type1 .box-article__content:after {
		border-width: 0 10px 12px 10px;
		top: -11px;
	}
	.box-article--type1 .box-article__title{
		font-size: 28px;
		height: auto;
		max-height: 3em;
		padding-right: 80px;
	}
	.box-article__lead{
		font-size: 28px;
		padding-right: 80px;
	}
	.box-article--type1 .box-article__title:before,
	.box-article--type2 .box-article__title:before{
		width: 40px;
		height: 3px;
	}
	.box-article--type1:after {
		border-width: 0 10px 12px 10px;
	}
	.box-article--type2{
		height: 100%;
	}
	.box-article--type2:after{
		border-width: 10px 0 10px 12px;
		margin-top: -5px;
	}
	.box-article--type2 .box-article__img{
		padding-bottom: 0;
	}
	.box-article--type2 .box-article__title{
		font-size: 28px;
		padding-right: 35px;
	}
	.box-article--type2 .box-article__desc {
		max-height: 5.8em;
		font-size: 16px;
	}
	.box-article--type1 .box-article__date,
	.box-article--type2 .box-article__date{
		font-size: 14px;
	}
	.lst-featured .box-article__subtitle {
		margin-bottom: 35px;
		font-size: 16px;
	}
	.lst-featured .box-article__subtitle em {
		font-size: 22px;
		font-style: normal;
		display: block;
	}
	.lst-featured .box-article__subtitle em small {
		font-size: 14px;
		font-weight: normal;
	}
	.box-article--type1 .box-article__note{
		right: 0;
		margin-right: 40px;
		bottom: 40px;
		position: absolute;
	}
	.box-article--type2 .box-article__note{
		right: 50%;
		margin-right: 40px;
		bottom: 40px;
	}
	.box-article--focus .box-article__content:before,
	.box-article--focus1 .box-article__content:before,
	.box-article--focus1-main .box-article__content:before,
	.box-article--focus2 .box-article__content:before,
	.box-article--focusHalf .box-article__content:before,
	.box-article--voice .box-article__content:before,
	.box-article--cover .box-article__content:before,
	.box-article--topics .box-article__content:before,
	.box-article--overseasvoice .box-article__content:before,
	.box-article--contrib .box-article__content:before,
	.box-article--cover-main .box-article__content:before,
	.box-article--greet .box-article__content:before,
	.box-article--greet-main .box-article__content:before,
	.box-article--sp .box-article__content:before,
	.box-article--sp02 .box-article__content:before{
		font-size: 16px;
		right: 15px;
		top: 15px;
	}
	.box-article--voice .box-article__content:before,
	.box-article--topics .box-article__content:before,
	.box-article--overseasvoice .box-article__content:before,
	.box-article--contrib .box-article__content:before,
	.box-article--sp02 .box-article__content:before{
		right: 50%;
		margin-right: 15px;
	}
	.box-article--cover .box-article__content:before,
	.box-article--greet .box-article__content:before,
	/*.box-article--focus .box-article__content:before,*/
	.box-article--focus1 .box-article__content:before,
	.box-article--focusHalf .box-article__content:before,
	.box-article--sp02 .box-article__content:before{
		right: 50%;
		margin-right: 10px;
		/* width: 3.5em; */
		width: 5.5em;
		text-align: right;
	}
	.box-article--focus2 .box-article__content:before{
		right: 50%;
		margin-right: 18px;
		width: 3.5em;
	}
}
@media (max-width: 767px){
	/*.box-article--cover .box-article__content:before{
		right: 0;
		width: 3.5em;
	}*/
	.box-article--cover .box-article__content:before,
	.box-article--greet .box-article__content:before,
	.box-article--topics .box-article__content:before,
	.box-article--focus1 .box-article__content:before,
	.box-article--focusHalf .box-article__content:before{
		right: 50%;
		/* width: 3.5em; */
		width: 5.5em;
		margin-right: 10px;
		text-align: right;
	}
	.box-article--focus2 .box-article__content:before{
		right: 50%;
		width: 3.5em;
		margin-right: 15px;
	}
}

/* ----------------------------------------------- */
.lst-btn{
	margin-top: 35px;
}
@media (min-width: 768px) {
	.lst-btn{
		margin-top: 70px;
	}
}
.lst-btn li .btn {
	width: 100%;
}

/*2-1-7.  Button   [btn-***]*/
.btn {
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(85,85,85,.25);
	box-sizing: border-box;
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	min-width: 145px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.btn--primary {
	background: #fff;
}
@media (min-width: 768px) {
	.btn {
		border-radius: 6px;
		box-shadow: 0 1px 3px rgba(85,85,85,.25);
		margin-bottom: 20px;
		min-width: 340px;
		width: auto;
		padding: 19px 10px;
	}
}

/*2-1-8.  Anchor   [acr-***]*/
.acr-type01{
}


/*2-1-9.  Text     [txt-***]*/
.txt-copyright {
	text-align: center;
}
.txt-copyright small{
	font-size: 9px;
	font-family: "Roboto",sans-serif;
}
.txt-english {
	font-family: "Roboto",sans-serif;
}
.txt-note {
	font-size: 10px;
	color: #999;
}
.txt-small {
	font-size: 10px;
}
.txt-caption,
.txt-caption_tight {
	font-size: 12px;
	text-align: center;
	margin-bottom:15px;
}
@media (min-width: 768px) {
	.txt-copyright {
		float: right;
	}
	.txt-copyright small{
		font-size: 12px;
	}
	.txt-note {
		font-size: 14px;
	}
	.txt-small {
		font-size: 14px;
	}
	.txt-caption {
		font-size: 14px;
		text-align: right;
	}
	.txt-caption_tight {
		letter-spacing: -.03em;
		font-feature-settings: "palt";
		font-size: 14px;
		text-align: right;
	}
}

/*2-1-10. Icon     [icn-***]*/

/*2-1-11. Label    [lbl-***]*/
.lbl{
	padding: 2px 8px;
	border-radius: 10px;
	vertical-align: middle;
	line-height: 1;
	text-align: center;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	background-color: #777;
}
.lbl--primary{
	background-color: #337ab7;
}
.lbl--success{
	background-color: #5cb85c;
}
.lbl--info{
	background-color: #5bc0de;
}
.lbl--warning{
	background-color: #f0ad4e;
}
.lbl--danger{
	background-color: #d9534f;
}

/*2-1-12. Form     [frm-***]*/
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder{
	color: #999;
	font-size: 16px;
}

/*2-1-13. Error    [err-***]*/


/*2-1-14. UI*/



/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer:after,.nav ul:after,.wrp-container:after, .lst-article:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}


/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
@media (min-width: 768px) {
	.mb0-pc{margin-bottom: 0!important;}.mb30-pc{margin-bottom: 30px!important;}.mb60-pc{margin-bottom: 60px!important;}.mb70-pc{margin-bottom: 70px!important;}
	.mt0-pc{margin-top: 0!important;}
	.pt15-pc{padding-top: 15px!important;}.plr30-pc{padding:0 30px!important;}
}
@media (max-width: 767px) {
	.mt0-sp{margin-top: 0!important;}.mt20-sp{margin-top: 20px!important;}.mt30-sp{margin-top: 30px !important;}.mt50-sp{margin-top: 50px !important;}.mb0-sp{margin-bottom:0px!important;}.mb15-sp{margin-bottom: 15px!important;}.mb30-sp{margin-bottom: 30px!important;}.mb50-sp{margin-bottom: 50px!important;}.plr15-sp{padding:0 15px!important;}
}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}


@media (min-width: 1024px) {
	.view_tab,
	.view_sp {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.view_sp,
	.view_pc {
		display: none;
	}
}
@media (max-width: 767px) {
	.view_pc,
	.view_tab {
		display: none;
	}
}

/*2-2-3. Object-Oriented CSS [OOCSS]*/
.no-display{
	display: none;
}
.no-br{
	white-space: nowrap;
}
.no-line-height{
	line-height: 1!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}

/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}


/* 2-2-4. Grid System [grid-***] */
.wrp-grid, .row{
	box-sizing: border-box;
}
.wrp-grid:after, .row:after{
	clear: both;
	content: " ";
	display: table;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
	box-sizing: border-box;
	float: left;
}


/* Column Grid 0px - 767px
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 767px){
	.wrp-grid{
		margin-left: -5px;
		margin-right: -5px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12,
	.grid-1--sp, .grid-2--sp, .grid-3--sp, .grid-4--sp, .grid-5--sp, .grid-6--sp, .grid-7--sp, .grid-8--sp, .grid-9--sp, .grid-10--sp, .grid-11--sp, .grid-12--sp{
		width: 100%;
		padding: 0 5px 0 5px;
	}
	.grid-1--sp{
		width: 8.33333%;
	}
	.grid-2--sp{
		width: 16.66667%;
	}
	.grid-3--sp{
		width: 25%;
	}
	.grid-4--sp{
		width: 33.3333333%;
	}
	.grid-5--sp{
		width: 41.66667%;
	}
	.grid-6--sp{
		width: 50%;
	}
	.grid-7--sp{
		width: 58.33333%;
	}
	.grid-8--sp{
		width: 66.66667%;
	}
	.grid-9--sp{
		width: 75%;
	}
	.grid-10--sp{
		width: 83.33333%;
	}
	.grid-11--sp{
		width: 91.66667%;
	}
	.grid-12--sp{
		width: 100%;
	}
}
/*  Column Grid 768px - Infinity
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media only screen and (min-width: 768px), print{
	.wrp-grid{
		margin-left: -10px;
		margin-right: -10px;
	}
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
		padding: 0 10px;
	}
	.grid-1{
		width: 8.33333333333%;
	}
	.grid-2{
		width: 16.6666666667%;
	}
	.grid-3{
		width: 25%;
	}
	.grid-4{
		width: 33.3333333333%;
	}
	.grid-5{
		width: 41.6666666667%;
	}
	.grid-6{
		width: 50%;
	}
	.grid-7{
		width: 58.3333333333%;
	}
	.grid-8{
		width: 66.6666666667%;
	}
	.grid-9{
		width: 75%;
	}
	.grid-10{
		width: 83.3333333333%;
	}
	.grid-11{
		width: 91.6666666667%;
	}
	.grid-12{
		width: 100%;
	}
}

/* 2-2-5. WebFont [FontAwesome] */
@font-face{
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
	url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),
	url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
	url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fa{
	font-style: normal;
}
.fa:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 5px;
}
.fa--right:before {
	margin-right: 0;
	margin-left: 5px;
}
/* 使用するもののみ追加
https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css
*/
.fa-file-pdf-o:before {
	content: "\f1c1";
}
.fa-chevron-circle-right:before{
	content: "\f138";
}
.fa-phone:before{
	content: "\f095";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before{
	content: "\f0c9";
}
.fa-chevron-right:before{
	content: "\f054";
}
.fa-chevron-left:before{
	content: "\f053";
}
.fa-chevron-up:before{
	content: "\f077";
}
.fa-chevron-down:before{
	content: "\f078";
}
.fa-caret-right:before{
	content: "\f0da";
}
.fa-caret-down:before{
	content: "\f0d7";
}
.fa-map-marker:before{
	content: "\f041";
}
.fa-search:before{
	content: "\f002";
}
.fa-desktop:before{
	content: "\f108";
}
.fa-chevron-circle-left:before{
	content: "\f137";
}
.fa-home:before{
	content: "\f015";
}
.fa-warning:before, .fa-exclamation-triangle:before {
	content: "\f071";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}

/*2-2-6. Backgrounds [bg-***]*/

/*2-2-7. Font size [fs-***]*/
.fs-18 {
	font-size: 18px;
}
.fs-16 {
	font-size: 16px;
}
.fs-14 {
	font-size: 14px;
}
.fs-12 {
	font-size: 12px;
}



/* 2-3. State [is-***]
-------------------------------------------------- */
.is-open{
	display: block;
}
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.45;
}
.is-show{
	visibility: visible;
	opacity: 1;
}
.visible-pc {
	display: none !important;
}
@media (min-width: 768px) {
	.visible-pc {
		display: block !important;
	}
}
.visible-sp {
	display: block !important;
}
@media (min-width: 768px) {
	.visible-sp {
		display: none !important;
	}
}

/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */

/* 2-5. Project
-------------------------------------------------- */
.box-main-img#page-voice20 {
	background: url("/enelog/voice/images/voice20-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice21 {
	background: url("/enelog/voice/images/voice21-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice22 {
	background: url("/enelog/voice/images/voice22-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice23 {
	background: url("/enelog/voice/images/voice23-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice24 {
	background: url("/enelog/voice/images/voice24-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-2017sp {
	background: url("/enelog/voice/images/2017sp-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice25 {
	background: url("/enelog/voice/images/voice25-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice26 {
	background: url("/enelog/voice/images/voice26-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-201708sp {
	background: url("/enelog/voice/images/201708sp-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice27 {
	background: url("/enelog/voice/images/voice27-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice28 {
	background: url("/enelog/voice/images/voice28-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice29 {
	background: url("/enelog/voice/images/voice29-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice30 {
	background: url("/enelog/voice/images/voice30-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice31 {
	background: url("/enelog/voice/images/voice31-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice32 {
	background: url("/enelog/voice/images/voice32-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice33 {
	background: url("/enelog/voice/images/voice33-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice34 {
	background: url("/enelog/voice/images/voice34-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice36 {
	background: url("/enelog/voice/images/voice36-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice34-focus {/*focusでもvoiceのレイアウトを使用*/
	background: url("/enelog/voice/images/voice34-pct-main02.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice37-focus {/*focusでもvoiceのレイアウトを使用*/
	background: url("/enelog/focus/images/focus37-pct-03.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice37 {
	background: url("/enelog/voice/images/voice37-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice38 {
	background: url("/enelog/voice/images/voice38-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice39 {
	background: url("/enelog/voice/images/voice39-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice40 {
	background: url("/enelog/voice/images/voice40-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice41 {
	background: url("/enelog/voice/images/voice41-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice42-focus {/*focusでもvoiceのレイアウトを使用*/
	background: url("/enelog/focus/images/focus42-pct03.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice42 {
	background: url("/enelog/voice/images/voice42-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-contrib42 {
	background: url("/enelog/contrib/images/contrib42-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice43 {
	background: url("/enelog/voice/images/voice43-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice44 {
	background: url("/enelog/voice/images/voice44-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice202011sp {
	background: url("/enelog/voice/images/202011sp-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-202011-01sp {
	background: url("/enelog/special/images/sp202011-01-01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-202011-02sp {
	background: url("/enelog/special/images/sp202011-01-10.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice202103sp {
	background: url("/enelog/voice/images/202103sp-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice46 {
	background: url("/enelog/voice/images/voice46-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice46-2 {
	background: url("/enelog/voice/images/voice46-pct-main02.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice47 {
	background: url("/enelog/voice/images/voice47-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice48 {
	background: url("/enelog/voice/images/voice48-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice49 {
	background: url("/enelog/voice/images/voice49-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice50 {
	background: url("/enelog/voice/images/voice50-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice51 {
  background: url("/enelog/voice/images/voice51-pct-main01.jpg") no-repeat center;
  background-size: cover;
}
.box-main-img#page-voice52 {
  background: url("/enelog/voice/images/voice52-pct-main01.jpg") no-repeat center;
  background-size: cover;
}
.box-main-img#page-voice53 {
  background: url("/enelog/voice/images/voice53-pct-main01.jpg") no-repeat center;
  background-size: cover;
}
.box-main-img#page-voice54 {
  background: url("/enelog/voice/images/voice54-pct-main01.jpg") no-repeat center;
  background-size: cover;
}
.box-main-img#page-voice55 {
    background: url("/enelog/voice/images/voice55-pct-main01.jpg") no-repeat center;
    background-size: cover;
}
.box-main-img#page-voice56 {
    background: url("/enelog/voice/images/voice56-pct-main01.jpg") no-repeat center;
    background-size: cover;
}
.box-main-img#page-voice58 {
	background: url("/enelog/voice/images/voice58-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice59 {
	background: url("/enelog/voice/images/voice59-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice60 {
	background: url("/enelog/voice/images/voice60-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice61 {
	background: url("/enelog/voice/images/voice61-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice62 {
	background: url("/enelog/voice/images/voice62-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice64 {
	background: url("/enelog/voice/images/voice64-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice65 {
	background: url("/enelog/voice/images/voice65-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice66 {
	background: url("/enelog/voice/images/voice66-pct-main01.webp") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice67 {
	background: url("/enelog/voice/images/voice67-pct-main01.png") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice68 {
	background: url("/enelog/voice/images/voice68-pct-main01.png") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice69 {
	background: url("/enelog/voice/images/voice69-pct-main01.png") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice70 {
	background: url("/enelog/voice/images/voice70-pct-main01.webp") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice71 {
	background: url("/enelog/voice/images/voice71-pct-main01.webp") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice72 {
	background: url("/enelog/voice/images/voice72-pct-main01.png") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice73 {
	background: url("/enelog/voice/images/voice73-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice75 {
	background: url("/enelog/voice/images/voice75-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
.box-main-img#page-voice76 {
	background: url("/enelog/voice/images/voice76-pct-main01.jpg") no-repeat center;
	background-size: cover;
}
@media (max-width: 767px) {
	.box-main-img#page-voice75 {
		background: url("/enelog/voice/images/voice75-pct-main01.jpg") no-repeat -40vw center;
		background-size: cover;
	}
}
/* Added YouTube to Voice page */
.movie-wrap	{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
@media (min-width: 768px)	{
	.movie-wrap	{
		margin-bottom: 30px;
	}
}

/* #page-focus
-------------------------------------------------- */

.box-main-img#page-focus20 {/*廃止*/
	background: url("/enelog/focus/images/focus20-pct-main01.png") no-repeat center;
	background-size: cover;
}

.box-main-img#page-focus21 {/*廃止*/
	background: url("/enelog/focus/images/focus21-pct-main01.png") no-repeat center;
	background-size: cover;
}

.page-focus .box__corner {
	background: url("/enelog/common/images/cmn-bg-pagecorner03.png") no-repeat top right;
	background-size: 40px;
	width: 60px;
	height: 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 0 0;
	text-align: right;
	font-family: 'Roboto',sans-serif;
}
.page-focus1 .box__corner,
.page-focus2 .box__corner {
	background: url("/enelog/common/images/cmn-bg-pagecorner03.png") no-repeat top right;
	background-size: 40px;
	width: 57px;
	height: 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px 0 0;
	text-align: right;
	font-family: 'Roboto',sans-serif;
}
.page-topics .box__corner {
	background: url("/enelog/common/images/cmn-bg-pagecorner04.png") no-repeat top right;
	background-size: 40px;
	width: 60px;
	height: 40px;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 0 0;
	text-align: right;
	font-family: 'Roboto', sans-serif;
}
.page-focus .txt-note {
	margin: 20px 0 25px;
}
/* .page-focus .txt-caption {
	text-align: left;
} */
.page-focus .txt-caption--right {/*add 20160803 sahashi*/
	text-align: center;
}
.txt-caption .title {
	font-weight: bold;
	margin-top: 3px;
}
.page-focus .pic05 {
	margin-top: 15px;
}

	/*20170203*/
	.gaiyo ul{
		list-style:disc;
		color:#007aaa;
		padding-left:20px;
	}
	.gaiyo02 ul{
		list-style:disc;
		color:#c8161e;
		padding-left:20px;
	}
	.gaiyo03 ul{
		list-style:disc;
		color:#565656;
		padding-left:20px;
	}
	.gaiyo ul li span,
	.gaiyo02 ul li span{
		color:#333;
	}


@media (min-width: 768px) {
	.page-focus .box__corner,
	.page-focus .box__corner_sp,
	.page-focus1 .box__corner,
	.page-focus2 .box__corner,
	.page-topics .box__corner {
		background-size: auto;
		width: 100px;
		height: 80px;
		font-size: 20px;
		padding: 24px 24px 0 0;
	}
	.page-focus .hdg-lv3 {
		margin-top: 70px;
	}
	.page-focus .box-media__pic.pic01 {
		padding: 0 20px 0 0;
		width: 480px;
	}

	.page-focus .txt-note {
		margin: 30px 0 50px;
	}
	.page-focus .wrp-block {
		margin-bottom: 30px;
	}
	.txt-caption .title {
		margin-top: 7px;
	}
	.page-focus .pic05 {
		margin-top: 30px;
	}
	.page-focus .box-media__txt {
		min-width: 250px;
	}
	.page-focus .txt-caption--right {/*add 20160803 sahashi*/
		text-align: right;
	}
	/*20170203*/
	.page-focus .img_R{
		float:right;
		margin-bottom:140px;
	}

}
/* #page-cover
-------------------------------------------------- */
.box-main-img#page-cover{
	text-align: center;
	padding: 10px;
	height: auto;
}
.page-cover .box__corner {
	background: url("/enelog/common/images/cmn-bg-pagecorner01.png") no-repeat top right;
	background-size: 40px;
}
.page-cover .box .box__corner {
	line-height: 1.3;
}
.lst-cover {
	display: table;
	margin: 0 -5px;
	margin-top: 15px;
	margin: 0 auto;
}
.lst-cover li {
	padding: 0 5px;
	box-sizing: border-box;
	text-align: center;
}
.lst-cover li img{ /*add 20160805 sahashi IEだとウィンド幅に合わせて画像が小さくならないため*/
	width:100%;
}

	/*20170203*/
.acr-youtube {
    background:url(../../images/icn-youtube.png) no-repeat top left;
    background-size: 33px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    padding-top: 5px;
}

.box-video{
	background-color:#eaf6f9;
	padding:20px 0;
	margin-bottom:30px;
}
.box-video a:hover{
	color: #47aba9 !important;
    text-decoration: none;
}

.box-video__title02 {
    color: #53a7a2;
}
.box-video-sub{
	background-color:#eaf6f9;
	padding:20px 30px;
	margin-bottom:30px;
}
@media (max-width: 767px) {
	.box-video-sub{
		padding: 20px 15px;
	}
}
@media (min-width: 768px) {
	.page-cover .box__corner,
	.page-cover .box__corner_sp {
		background-size: auto;
		width: 100px;
		height: 80px;
		font-size: 20px;
		padding: 20px 15px 0 0;
	}
	.box-main-img#page-cover {
		height: auto;
		max-height: 410px;
		padding: 40px 0;
	}
	.box-main-img#page-cover {
		background-size: cover;
	}
	.lst-cover {
		margin: 0 -10px;
		margin-top: 35px;
	}
	.lst-cover li {
		float: left;
		padding: 0 10px;
		/*width: 30%;	del 20160802 sahashi*/
		width: 33%;
	}
	/*del 20160802 sahashi
	.lst-cover li:last-child {
		width: 40%;
	}
	*/


		/*add 210312 negi*/
	.lst-cover li.lst-cover--80per {
		float: left;
		padding: 0 10px;
		width: 80%;
	}
	.lst-cover li.lst-cover--75per {
		float: left;
		padding: 0 10px;
		width: 75%;
	}
	/*add 20160802 sahashi*/
	.lst-cover li.lst-cover--67per {
		float: left;
		padding: 0 10px;
		width: 67%;
	}
	.lst-cover li.lst-cover--40per {
		float: left;
		padding: 0 10px;
		width: 40%;
	}
	.lst-cover li.lst-cover--50per {
		float: left;
		padding: 0 10px;
		width: 50%;
	}
	.lst-cover li.lst-cover--60per {
		float: left;
		padding: 0 10px;
		width: 60%;
	}
	.lst-cover li.lst-cover--25per {
		float: left;
		padding: 0 10px;
		width: 25%;
	}
		/*add 210312 negi*/
	.lst-cover li.lst-cover--20per {
		float: left;
		padding: 0 10px;
		width: 20%;
	}

	/*20170203*/
	.acr-youtube {
		background:url(../../images/icn-youtube.png) no-repeat top left;
		background-size: 33px;
		padding-left: 40px;
		display: inline-block;
		min-height: 35px;
		padding-top: 5px;
	}

	ul.last_box{
		width:100% !important;
	}
	.pt30-pc	{
		padding-top: 30px !important;
	}
}
@media (max-width: 767px) {
	.youtube {
	  position: relative;
	  width: 90%;
	  padding-top: 56.25%;
	}
	.youtube iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 90% !important;
	  height: 90% !important;
	}
}

/* #page-greeting
-------------------------------------------------- */
.page-greeting .box__corner {
	background: url("/enelog/common/images/cmn-bg-pagecorner01.png") no-repeat top right;
	background-size: 40px;
}
.page-greeting .box .box__corner {
	line-height: 1.3;
	width: 110px;
}
@media (min-width: 768px) {
	.page-greeting .box__corner {
		background-size: auto;
		width: 80px;
		height: 80px;
		padding: 20px 15px 0 0;
	}
}

/* #page-file
-------------------------------------------------- */
#page-file {
	margin-top: 20px;
}
.lst-file li a {
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	overflow: hidden;
	text-decoration: none;
	width: 100%;
}
.lst-file__title span {
	display: block;
}
.lst-file__pdf {
	float: right;
	width: 75px;
	padding-left: 10px;
}

@media (min-width: 768px) {
	#page-file {
		margin-top: 40px;
	}
	#page-file h2 {
		margin-bottom: 20px!important;
	}
	.lst-file li a {
		padding: 20px 0;
		text-decoration: none;
	}
	.lst-file__title span{
		display: inline-block;
		margin-left: 40px;
	}
	.lst-file__pdf {
		width: 90px;
	}
}

/* -----------------------------------------------
 [3. Others]
-------------------------------------------------- */
/* 3-1. Special
-------------------------------------------------- */
.bluelist dt	{
	float: left;
	border:#7fa8c8 solid 1px;
	padding:10px;
	color:#7fa8c8;
	font-weight:bold;
	clear: left;
	margin-bottom: 10px;
}
.bluelist dd	{
	float: left;
	margin-left: 20px;
}
.bluelist dd span	{
	color:#7fa8c8;
}
dl.bluelist:after	{
	content: "";
	display: block;
	clear: both;
	margin-bottom: 30px;
}
.question	{
	color: #7fa8c8;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 158%;
	text-indent: -49px;
	margin-left: 49px;
}
.question span {
	color: #FFF;
	background: #7fa8c8;
	padding: 5px 10px;
	margin-right: 8px;
	border-radius: 15px;
}
.answer	{
	color: #ef8575;
	margin-left: 49px;
	font-size: 16px;
	line-height: 158%;
	text-indent: -49px;
	margin-bottom: 20px;
}
h3.answer span {
	color: #FFF;
	background: #ef8575;
	padding: 5px 10px;
	margin-right: 8px;
	border-radius: 15px;
}
.blue-title01	{
	color:#7fa8c8;
	border-top: #7fa8c8 solid 1px;
	padding: 10px 15px 10px 0;
}
@media (min-width: 768px)	{
	.question	{
	font-size: 24px;
	margin-bottom: 30px;
	margin-left: 56px;
	text-indent: -56px;
	line-height: 1.5;
	}
	.answer	{
	font-size: 24px;
	margin-left: 60px;
	margin-bottom: 30px;
	text-indent: -60px;
	line-height: 1.5
	}
	.blue-title01	{
		font-size: 20px;
		margin-top: 50px;
	}
}

/* vol.46 add style
-------------------------------------------------- */
/*
.v46-green	{
	padding: 5px;
	text-align: left;
}
.v46-green h3	{
	color: #FFF;
	background: #7abb55;
	padding: 6px;
	font-size: 130%;
	text-align: center;
}
.v46-green p	{
	border: #7abb55 solid 1px;
	color: #66b738;
	padding: 18px 22px;
	font-size: 110%;
	font-weight: bold;
}
*/

/* overseas page */
.overseas01	{
	background:#fdfae9;
	border:#7abb55 1px solid;
	border-radius:10px;
	padding:35px 30px;
	margin-bottom: 30px;
}
@media (max-width: 768px)	{
	.overseas01	{
		padding: 20px 15px;
	}
}
.overseas01 h5	{
	color:#7abb55;
	text-align:left;
	margin-bottom:20px;
	font-weight:bold;
	font-size:120%;
}
.overseas01 h6.ttl-green	{
	background: #7abb55;
	color: #FFF;
	padding: 8px 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.overseas01 .list-no	{
	text-indent: -2em;
	padding-left: 2em;
}
.overseas01 .list-no li{
	text-align: left;
	color: #7abb55;
	font-weight: bold;
	margin-bottom: 11px;
}
@media (min-width: 768px)	{
	.overseas01 .list-no li	{
		float: none;
		width: 100%;
		margin-bottom: 17px;
	}
	.overseas01 .list-no li:last-child	{
		margin-bottom: 0;
	}
}
.overseas01 .list-no li span	{
	display: inline;
	color: #fff;
	background-color: #7abb55;
	margin-right: 7px;
	padding: 3px 6px;
	border-radius: 2px;
}

/* vol.51 add style 220317
-------------------------------------------------- */
.red-box  {
  border: 5px solid #fadad1;
  border-radius: 12px;
  background: #fffef7;
  padding: 2em;
}
.red-box-list-cover {
  width: 65% !important;
  margin: 40px auto 0 !important;
}
.red-box-h3 {
  font-size: 24px;
  color: #df8971;
  border-style: double;
  border-radius: 30px;
  border-width: inherit;
  padding: 7px 30px;
}
.red-box-h4 {
  color: #df8971;
  font-size: 24px;
}
.red-box-mise {
  font-size: 30px;
  font-weight: bold;
  color: #df8971;
  margin: 20px 0 10px 20px;
  text-align: left;
  line-height: 1.3 !important;
}
.red-box-mise span  {
  font-size: 20px;
}
.red-box-namae  {
  font-size: 24px;
  margin: 0 0 30px 20px;
  text-align: left;
}
.red-box-dotted {
  border-bottom: #fadad1 dotted 4px;
}
.red-box-caption  {
  border-left: #df8971 solid 4px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.5 !important;
  text-align: left;
}
@media (max-width: 768px)	{
  .red-box  {
    padding: 1em;
  }
  .red-box-list-cover {
    width: 100% !important;
  }
	.red-box-mise	{
    text-align: center;
    margin: 10px 0 0;
	}
  .red-box-namae	{
    text-align: center;
    margin: 0 0 10px 0;
	}
  .red-box-h4 {
    margin-top: 20px;
  }
  .red-box-caption  {
    font-size: 12px;
    line-height: 1.3 !important;
  }
}

/* vol.53 add style 220723
-------------------------------------------------- */
.vol53_box  {
  position: relative;
}
.vol53_icon {
  position: absolute;
  width: 150px;
  right: 0;
  top: -170px;
}
.vol53_01 {
  background-color: #93bd36;
  font-size: 140%;
  padding: 10px;
  color: #fff;
  font-weight: bold;
}
.vol53_02 {
  background: #fff;
  border-radius: 25px;
  border: #9cca54 solid 2px;
  padding: 5px;
  margin-bottom: 10px;
  color: #9cca54;
  text-align: center;
  width: calc(100% - 14px);
}
.vol53_03 {
  color: #7cb401;
  font-weight: bold;
  font-size: 119%;
  line-height: 1.5 !important;
}
.vol53-txt01  {
  font-size: 96%;
  font-weight: bold;
}
.vol53_box_grn {
  padding: 15px;
  background: #eef5e1;
}
.vol53_box_grn:not(:last-child) {
  border-bottom: #93bd36 dotted 3px
}
.spbr {
  display: none;
}
@media (max-width: 768px) {
  .vol53_icon {
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .vl53_pdt {
  padding-top: 150px;
  }
  .spbr {
    display: block;
  }
  .vol53-none {
    display: none;
  }
}