@charset "utf-8";


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

/* main */
#main {
	padding-bottom: 40px;
}

/* sidebar */
#sidebar {
	display: none;
}

/* hero */
.hero {
	margin: 0 -15px;
	background-color: #f8f8f8;
}
.heroMain {
	background: url(/site_common/img/com_bg01.png) repeat 0 0;
}
.heroMain .media a {
	display: block;
	color: #333333;
	text-decoration: none;
}
.heroMain .mediaBody {
	position: relative;
	margin: 0;
}
.heroMain .mediaTxt {
	padding: 17px 20px;
}
.heroMain .mediaTxt > .title {
	color: #023894;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.194;
}
.heroMain .mediaTxt > .title + * {
	margin-top: 0.5em;
}
.heroMain .specialIcon {
	display: table;
	position: absolute;
	top: 0;
	left: 8px;
	width: 74px;
	height: 44px;
	background: url(/corporate/eco_social/figure/index_bg01_sp.png) no-repeat 0 0;
	-webkit-background-size: 74px auto;
	background-size: 74px auto;
}
.heroMain .specialIcon > span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 5px 27px;
	color: #ffffff;
	font-size: 1.3rem;
}
.heroSub {
	padding: 20px 15px;
}
.heroSub .thumbnail {
	width: calc((100% - 2px) / 2) !important;
	margin: 2px 0 0 2px;
}
.heroSub .thumbnail:nth-child(-n+2) {
	margin-top: 0;
}
.heroSub .thumbnail:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
.heroSub .thumbnailBody:link {
	display: block;
	background-color: #fff;
	color: #333333;
	text-decoration: none;
}
.heroSub .thumbnailBody {
	display: table;
	padding: 0 7px;
}
.heroSub .thumbnailBody > * {
	display: table-cell;
	height: 61px;
	vertical-align: middle;
}
.heroSub .thumbnailBody > .img {
	width: 79px;
}
.heroSub .thumbnailBody > .txt {
	padding-left: 6px;
	font-size: 1.2rem;
	line-height: 1.245;
}

/* slick */
.heroMain .slick-arrow {
	display: block;
	position: absolute;
	top: 25.344%;
	width: 14px;
	height: 24px;
	background: url(/corporate/eco_social/figure/index_ic01.png) no-repeat;
	-webkit-background-size: 100px auto;
	background-size: 100px auto;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	z-index: 2;
}
.heroMain .slick-prev {
	left: 5px;
	background-position: -60px -15px;
}
.heroMain .slick-next {
	right: 5px;
	background-position: -85px -15px;
}
.heroSub .slick-track {
	width: 100% !important;
}
.heroSub .slick-current .thumbnailBody {
	background-color: #fdffc7;
}

/* esCards */
.esCards {
	margin: 20px 0 30px;
}
.esCard + .esCard {
	margin-top: 15px;
}
.esCardDetail {
	margin: 0;
}
.esCardHead {
	position: relative;
}
.esCardHead .title {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	padding-left: 15px;
}
.esCardHead .title > span {
	display: inline-block;
	position: relative;
	padding-left: 16px;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.216;
	letter-spacing: -0.04em;
}
.esCardHead .title > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	background: url(/corporate/eco_social/figure/index_ic01.png) no-repeat 0 -10px;
	-webkit-background-size: 100px auto;
	background-size: 100px auto;
}
.esCardBody {
	padding: 15px 20px;
}
.esCardBody > *:first-child {
	margin-top: 0 !important;
}
.esCardBody .textLinkList.colStyle2 {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.esCardBody .textLinkList.colStyle2 > .textLink {
	-webkit-order: 1;
	order: 1;
	width: 100%;
	height: auto !important;
	margin: 0;
}
.esCardBody .textLinkList.colStyle2 > .textLink:nth-child(2n) {
	-webkit-order: 2;
	order: 2;
}
.esCardBody .textLinkList.colStyle2 > .textLink + .textLink {
	margin-top: 0.7em;
}

/* cardColor */
.cardColor01 { background-color: #ffedf4; }
.cardColor01 .esCardHead .title { background-color: rgba(172, 71, 107, 0.5); }
.cardColor02 { background-color: #fffddc; }
.cardColor02 .esCardHead .title { background-color: rgba(151, 129, 28, 0.5); }
.cardColor03 { background-color: #edf9ff; }
.cardColor03 .esCardHead .title { background-color: rgba(82, 141, 214, 0.5); }
.cardColor04 { background-color: #f2ffe5; }
.cardColor04 .esCardHead .title { background-color: rgba(42, 73, 11, 0.5); }

/* btnCsr */
.btnCsr01 {
	display: table;
	position: relative;
	width: 100%;
}
.btnCsr01 + .btnCsr01 {
	margin-top: 10px;
}
.btnCsr01 a {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	border: 2px solid #dbdbdb;
	color: #073892;
	text-align: center;
}
.btnCsr01 a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 3px;
	width: 15px;
	height: 14px;
	margin-top: -7px;
	background: url(/site_common/img/com_ic07.png) no-repeat 0 50%;
	-webkit-background-size: 15px auto;
	background-size: 15px auto;
}
.btnCsr01 a span {
	display: inline-block;
	position: relative;
	font-size: 1.3rem;
}
.btnCsr01 [class*="iconCsr"]:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
}
.btnCsr01 .iconCsr01 {
	padding-left: 36px;
}
.btnCsr01 .iconCsr01:before {
	width: 24px;
	height: 35px;
	margin-top: -17px;
	background: url(/corporate/eco_social/figure/index_ic02_sp.png) no-repeat 0 0;
	-webkit-background-size: 24px 35px;
	background-size: 24px 35px;
}
.btnCsr01 .iconCsr02 {
	padding-left: 37px;
}
.btnCsr01 .iconCsr02:before {
	width: 27px;
	height: 27px;
	margin-top: -14px;
	background: url(/corporate/eco_social/figure/index_ic03_sp.png) no-repeat 0 0;
	-webkit-background-size: 27px auto;
	background-size: 27px auto;
}
.oneContents .btnList.column2 > .btnCsr01 a {
	display: table-cell;
}
.oneContents .btnList.column2 > .btnCsr01 a span {
	display: inline-block;
	width: auto;
}

}