/*
	start COMMON CSS
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #3e3a39;
	font-family: 'Noto Sans Japanese', Meiryo, sans-serif;
	font-size: 15px;
	line-height: 1.7;
	background-color: #fff;
	overflow-x: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

a {
	outline: none;
	color: #3e3a39;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic !important;
}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

em {
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

ul {
	list-style: none;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.note {
	font-size: 11px;
}

.red {
	color: #e70012;
}

.iblock {
	display: inline-block;
}

.nowrap {
	white-space: nowrap;
}

.indent1 {
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}

.indent1 * {
	text-indent: 0;
}



/* --------------- common --------------- */

.bg_pagettl {
	width: 100%;
	height: 178px;
	margin: 0 0 16px 0;
	padding: 0 0 20px 0;
	color: #fff;
	background-size: 2000px auto;
	background-position: center top;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.pagettl {
	margin: 0 auto;
	font-size: 33px;
	font-weight: bold;
	line-height: 45px;
	position: relative;
	z-index: 0;
	display: inline-block;
}

.pagettl:before {
	content: "";
	width: 84px;
	height: 6px;
	margin: 0 auto -15px;
	padding: 0;
	background-image: url(../img/border_ttl.gif);
	background-repeat: no-repeat;
	background-size: auto 6px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.pagettl.action{
	text-align: center;
}

.pagetop {
	width: 84px;
	height: 0;
	margin: 0;
	padding: 84px 0 0 0;
	background-image: url(../img/btn_pagetop.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	display: block;
	overflow: hidden;
	position: fixed;
	right: 35px;
	bottom: 35px;
	z-index: 1;
	display: none;
}

.pagetop:hover {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.mds1 {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	position: relative;
	z-index: 0;
}

.mds1:after {
	content: "";
	width: 26px;
	height: 5px;
	margin: auto;
	background-color: #e60039;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -22px;
}

.mds1.blue:after {
	background-color: #0075c2;
}

.mds1.green:after {
	background-color: #00aa71;
}

.mds1.color3:after {
	width: 72px;
	background-color: transparent;
	background-image: url(../img/border_ttl.gif);
	background-repeat: no-repeat;
	background-size: 72px auto;
}

.col_prepare {
	width: 90%;
	max-width: 1200px;
	height: 550px;
	margin: 0 auto;
	padding: 150px 0 0 0;
	line-height: 180%;
	text-align: center;
	box-sizing: border-box;
}

.opacity0 {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.top15 {
	position: relative;
	top: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.left15,
.left30,
.right30 {
	position: relative;
	left: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}




/* --------------- header --------------- */

#header {
	width: 100%;
	margin: 0;
	padding: 25px 0 0 0;
}

.logo_header {
	width: 340px;
	margin: 0 auto 23px;
	padding: 0;
}

ul.col_header_group {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 8px 6%;
	text-align: center;
}

ul.col_header_group li {
	margin: 0 -3px 7px 0;
	padding: 0;
	display: inline-block;
}

ul.col_header_group li + li {
	margin-left: 2%;
}

ul.col_header_group li img {
	width: auto;
	max-width: 100%;
	height: 2.8vw;
	max-height: 26px;
}

ul.col_header_group li.btn_en {
	width: 125px;
	margin: 0;
	padding: 0 0 0 10px;
	float: right;
}

ul.col_header_group li.btn_en a {
	width: 100%;
	margin: 0;
	padding: 1px 0;
	color: #fff;
	background-color: #0075c1;
	border: solid 1px #0075c1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	display: block;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

ul.col_header_group li.btn_en a span {
	margin: 0;
	padding: 0 0 0 5px;
	display: inline-block;
	position: relative;
	z-index: 0;
}

ul.col_header_group li.btn_en a span:before {
	content: "";
	margin: -4px 0 0 0;
	padding: 0;
	border-left: solid 5px #fff;
	border-top: solid 4px transparent;
	border-bottom: solid 4px transparent;
	position: absolute;
	top: 50%;
	left: -5px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

#navi {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #e60039;
}

ul.col_navi {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	border-left: solid 1px #fff;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
}

ul.col_navi li {
	margin: 0;
	padding: 0;
	border-right: solid 1px #fff;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	position: relative;
	z-index: 1;
}

ul.col_navi li a,
ul.col_navi li span.navi {
	width: 200px;
	height: 58px;
	margin: 0;
	padding: 0 5px;
	color: #fff;
	line-height: 19px;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	transition: background .3s;
	-moz-transition: background .3s;
	-webkit-transition: background .3s;
}

ul.col_navi li ul.col_subnavi {
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: solid 1px #e60039;
	border-right: solid 1px #e60039;
	position: absolute;
	top: 58px;
	z-index: 10;
	display: none;
}

ul.col_navi li ul.col_subnavi li {
	width: 100%;
	margin: 0;
	padding: 0;
	border-right: none;
	border-bottom: solid 1px #e60039;
	display: block;
}

ul.col_navi li ul.col_subnavi li a {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 0 0 0;
	color: #e60039;
	font-size: 13px;
	font-weight: normal;
	background-color: rgba(255,255,255,0.9);
	display: flex;
	align-items: center;
	justify-content: center;
}




/* --------------- footer --------------- */

#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../img/bg_footer_red.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	position: relative;
	z-index: 0;
}

.col_footer {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 56px 0;
	color: #fff;
	box-sizing: border-box;
}

.col_l_footer {
	width: 33%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	float: left;
}

.logo_footer {
	max-width: 300px;
	margin: 0 0 18px 0;
	padding: 0;
}

.logo_footer a img {
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}

.logo_footer a:hover img {
	opacity: 0.7;
}

ul.list_foot_group {
	margin: 0 0 17px;
	padding: 0;
	color: #fff;
}

ul.list_foot_group li {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 14px;
}

.col_r_footer {
	width: 67%;
	margin: 0;
	padding: 0;
	color: #fff;
	border-color: #fff;
	float: left;
}

.col_r_footer a {
	color: #fff;
}

.col_r_footer a:hover {
	text-decoration: underline;
}

.col_r_footer dl {
	width: 24%;
	margin: 0;
	padding: 0 8px 0 0;
	box-sizing: border-box;
	float: left;
}

.col_r_footer dl.long {
	width: 28%;
}

.col_r_footer dl dt {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	font-size: 14px;
}

.col_r_footer dl dt.last {
	margin-top: 10px;
}

.col_r_footer dl dt a {
	margin: 0;
	display: inline-block;
	position: relative;
	z-index: 0;
}

.col_r_footer dl dt a:before {
	content: "";
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	position: absolute;
	top: 6px;
	left: -15px;
}

.col_r_footer dl dt a:after {
	content: "";
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-left: solid 3px #fff;
	border-top: solid 3px transparent;
	border-bottom: solid 3px transparent;
	font-size: 10px;
	position: absolute;
	top: 9px;
	left: -10px;
}
.col_r_footer dl dd {
	margin: 0 0 0 10px;
	padding: 0 0 3px 0;
	font-size: 12px;
}

.col_r_footer dl dd a {
	margin: 0 0 0 12px;
	display: inline-block;
	position: relative;
	z-index: 0;
}

.col_r_footer dl dd a:before {
	content: "";
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-left: solid 3px #FFF;
	border-top: solid 3px transparent;
	border-bottom: solid 3px transparent;
	font-size: 10px;
	position: absolute;
	top: 7px;
	left: -10px;
}

.copyright {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	font-size: 14px;
	text-align: center;
}



/* --------------- top --------------- */

#mainimg {
	width: 100%;
	height: 37vw;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

ul.bg_mainimg {
	width: 104%;
	margin: 0 0 0 -52%;
	padding: 0;
	background-color: transparent;
	position: absolute;
	left: 50%;
	z-index: -1;
}

ul.bg_mainimg li {
	width: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	position: relative;
	z-index: 0;
	transition: all .4s;
	float: left;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

/*
ul.bg_mainimg li:before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(62,58,57,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
*/

ul.bg_mainimg li img {
	height: 18.5vw;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.active ul.bg_mainimg li {
	width: 20%;
	opacity: 1;
}

ul.bg_mainimg li:nth-child(1){
	transition-delay: 0;
}

ul.bg_mainimg li:nth-child(2){
	transition-delay: .1s;
}

ul.bg_mainimg li:nth-child(3){
	transition-delay: .2s;
}

ul.bg_mainimg li:nth-child(4){
	transition-delay: .3s;
}

ul.bg_mainimg li:nth-child(5){
	transition-delay: .4s;
}

ul.bg_mainimg li:nth-child(6){
	transition-delay: .5s;
}

ul.bg_mainimg li:nth-child(7){
	transition-delay: .6s;
}

ul.bg_mainimg li:nth-child(8){
	transition-delay: .7s;
}

ul.bg_mainimg li:nth-child(9){
	transition-delay: .8s;
}

ul.bg_mainimg li:nth-child(10){
	transition-delay: .9s;
}

.col_mainimg {
	width: 70%;
	height: 40vw;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	opacity: 0;
	transition: opacity .4s linear 1s;
}

.active .col_mainimg {
	opacity: 1;
}

.copy_mainimg {
	width: 47.1%;
	margin: 0;
	padding: 0 0 5% 0;
}

.copy_mainimg div {
	margin: 0 0 6% 0;
	opacity: 0;
	position: relative;
	left: -20%;
	z-index: 0;
	transition: all .7s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.copy_mainimg div:before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 9px 17px;
	background-color: rgba(4,170,114,0.9);
	position: absolute;
	top: -9px;
	left: -17px;
	z-index: -1;
	display: block;
}

.active .copy_mainimg div {
	opacity: 1;
	left: 0;
}

.copy_mainimg div:nth-child(1) {
	width: 53.5%;
	margin-bottom: 5.5%;
	transition-delay: 1.2s;
}

.copy_mainimg div:nth-child(1):before {
	padding-top: 20px;
	top: -20px;
}

.copy_mainimg div:nth-child(2) {
	width: 89%;
	transition-delay: 1.75s;
}

.copy_mainimg div:nth-child(3) {
	width: 100%;
	padding: 6px 0;
	transition-delay: 2.3s;
}

.copy_mainimg div:nth-child(4) {
	width: 77%;
	margin-bottom: 0;
	transition-delay: 2.85s;
}

.img_mainimg {
	width: 53.6%;
	margin: 0;
	padding: 0;
	position: relative;
	right: -4%;
	transition: all .4s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.img_mainimg .hide {
	opacity: 0;
}

#svgarea {
	width: 100%;
	height: 100%;
	position: absolute;
}

#svgarea g {
	width: 100%;
}

#svgarea image {
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.img_mainimg span {
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	display: block;
	background: radial-gradient(circle, rgba(255,255,255,1) 1px, rgba(255,255,255,0));
	box-shadow: 0 0 4px rgba(255,255,255,0.8);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	opacity: 0;
	transition: opacity .3s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.img_mainimg.show span {
	opacity: 1;
}

.img_mainimg span.point1 {
	top: 30%;
	left: 51.5%;
	transition-delay: 1.4s
}

.img_mainimg span.point2 {
	top: 30%;
	left: 49.8%;
	transition-delay: 1.5s
}

.img_mainimg span.point3 {
	top: 32%;
	left: 46.5%;
	transition-delay: 1.6s
}

.img_mainimg span.point4 {
	top: 47%;
	left: 40.5%;
	transition-delay: 1.7s
}

.img_mainimg #svgbg {
	width: 100%;
	height: 104%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -2%;
	left: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.img_mainimg #svgbg path {
	fill: none;
	stroke: #fff;
	stroke-width: 0.3;
	stroke-linecap: round;
	stroke-dasharray: 1000;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.bg_top1 {
	margin: 0;
	padding: 60px 0;
	background-color: #f4f4f4;
}

.col_top1 {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

ul.tab_topnews {
	margin: 0;
	padding: 0;
	display: flex;
}

ul.tab_topnews li {
	width: 250px;
	min-height: 48px;
	margin: 0;
	padding: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background-color: #b5b5b5;
	box-sizing: border-box;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

ul.tab_topnews li:not(.active) {
	cursor: pointer;
}

ul.tab_topnews li + li {
	margin-left: 10px;
}

ul.tab_topnews li.active {
	background-image: url(../img/bg_btn_green.jpg);
	background-repeat: no-repeat;
	background-size: 600px auto;
	background-position: -290px center;
}

.col_tabcont {
	margin: 0;
	padding: 23px 0 16px;
	background-color: #fff;
	border-top: solid 1px #00aa71;
	display: none;
	position: relative;
	z-index: 0;
}

.col_tabcont dl {
	width: 100%;
	margin: 0;
	padding: 12px 0;
	display: table;
}

.col_tabcont dl + dl {
	border-top: solid 1px #c8c9ca;
}

.col_tabcont dl dt {
	width: 150px;
	margin: 0;
	padding: 0 12px;
	display: table-cell;
	vertica-align: middle;
}

.col_tabcont dl dd {
	margin: 0;
	padding: 0 12px;
	display: table-cell;
	vertica-align: middle;
}

a.btn_topnews {
	width: 105px;
	margin: 0;
	padding: 2px 0;
	color: #333;
	font-size: 13px;
	text-align: center;
	line-height: 1.5;
	background-color: #fff;
	border: solid 1px #c8c9ca;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	position: absolute;
	top: 10px;
	right: 20px;
	transition: background .3s;
	-moz-transition: background .3s;
	-webkit-transition: background .3s;
}

.bg_topgreeting {
	width: 100%;
	margin: 0;
	padding: 75px 0 0;
	background-image: url(../img/top/bg_topgreeting.jpg);
	background-repeat: no-repeat;
	background-size: 2000px auto;
	background-position: center top;
	overflow: hidden;
}

.bg_topgreeting .col_top1 {
	padding-bottom: 40px;
	position: relative;
	z-index: 0;
}

.mds_topgreeting {
	width: 50%;
	max-width: 560px;
	margin: 0 0 30px 0;
	padding: 0;
	transition-delay: .3s;
	-moz-transition-delay: .3s;
	-webkit-transition-delay: .3s;
}

dl.txt_topgreeting {
	width: 74%;
	margin: 0 0 0 10px;
	padding: 0;
	transition-delay: .6s;
	-moz-transition-delay: .6s;
	-webkit-transition-delay: .6s;
}

dl.txt_topgreeting dt {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: solid 1px #3e3a39;
}

dl.txt_topgreeting dd {
	margin: 0;
	padding: 0;
	font-size: 15px;
}

dl.txt_topgreeting dd p {
	margin: 0 0 45px 0;
}

a.btn_topgreeting {
	width: 86%;
	max-width: 320px;
	margin: 0;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	background-image: url(../img/bg_btn1.jpg);
	background-repeat: no-repeat;
	background-size: 600px auto;
	background-position: right center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	position: relative;
	z-index: 0;
	float: left;
}

a.btn_topgreeting:before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,0);
	transition: background .4s;
	-moz-transition: background .4s;
	-webkit-transition: background .4s;
	position: absolute;
	top: 0;
	left: 0;
}

.name_topgroup {
	width: 280px;
	margin: 0 10% 0 10px;
	padding: 0;
	text-align: right;
	float: right;
}

.name_topgroup span {
	padding-right: 20px;
}

.name_topgroup img {
	width: 180px;
	height: auto;
	margin: 0 0 3px 0;
	vertical-align: middle;
}

.img_topgreeting {
	width: 235px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 78%;
	bottom: 0;
}

.bg_topgroup {
	margin: 0;
	padding: 75px 0 60px;
	position: relative;
	z-index: 0;
}

.bg_topgroup:before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0 0 0 -50%;
	padding: 0;
	background-image: url(../img/top/bg_topgroup.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 4000px auto;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}

.mds_topgroup {
	width: 55%;
	max-width: 612px;
	margin: 0 15px 30px 0;
	padding: 0;
	float: right;
	transition-delay: .9s;
	-moz-transition-delay: .9s;
	-webkit-transition-delay: .9s;
}

.img_topgroup {
	width: 46%;
	margin: 0;
	padding: 0;
	float: left;
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
}

dl.txt_topgroup {
	width: 52%;
	margin: 0;
	padding: 0;
	float: right;
	transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	-webkit-transition-delay: 1.1s;
}

dl.txt_topgroup dt {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: solid 1px #3e3a39;
}

dl.txt_topgroup dd {
	margin: 0;
	padding: 0;
}

a.btn_topgroup {
	width: 86%;
	max-width: 320px;
	margin: 25px auto 0;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	background-image: url(../img/bg_btn_blue.jpg);
	background-repeat: no-repeat;
	background-size: 533px auto;
	background-position: right center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	position: relative;
	z-index: 0;
}

a.btn_topgroup:before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,0);
	transition: background .4s;
	-moz-transition: background .4s;
	-webkit-transition: background .4s;
	position: absolute;
	top: 0;
	left: 0;
}

a.btn_topgroup.products {
	background-image: url(../img/bg_btn_red.jpg);
	background-repeat: no-repeat;
	background-size: 720px auto;
}

.bg_topproduct {
	margin: 0;
	padding: 0 0 50px;
	overflow: hidden;
	background-image: url(../img/top/bg_topproduct.jpg);
	background-repeat: no-repeat;
	background-position: right 95px;
	background-size: 1682px auto;
}

.bg_topproduct .col_top1 {
	position: relative;
	z-index: 0;
}

.txt_topproduct {
	width: 56%;
	max-width: 660px;
	min-height: 180px;
	margin: 0 0 24% 0;
	padding: 60px 0 0 0;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.5;
	float: left;
}

.txt_topproduct span {
	color: #e60039;
}

.mov_topproduct {
	width: 87%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 240px;
	right: 44%;
	transition: all .8s ease .2s;
	-moz-transition: all .8s ease .2s;
	-webkit-transition: all .8s ease .2s;
}

.img_topproduct {
	width: 44%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: -8%;
	transition: .5s ease;
	-moz-transition: .5s ease;
	-webkit-transition: .5s ease;
}

.img_topproduct img {
	width: 120%;
	height: auto;
	position: absolute;
	top: -40px;
	right: -20px;
}

.bg_topbnr {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}

.bg_topbnr:before {
	content: "";
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
	position: absolute;
	top: 50%;
	z-index: -1;
}

.col_topbnr {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 70px 0 50px;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

.bnr_top {
	width: 49%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}

.bnr_top + .bnr_top {
	transition-delay: .1s;
}

.bnr_top dl {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

.bnr_top dl dt {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;;
	font-size: 25px;
	font-weight: bold;
	position: relative;
	z-index: 0;
}

.bnr_top dl dt:before {
	content: "";
	width: 50px;
	margin: 0 0 0 -25px;
	padding: 0;
	border-bottom: solid 5px #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
}

.bnr_top dl dd {
	width: 100%;
	margin: 0;
	padding: 0 10px;
	line-height: 1.4;
	box-sizing: border-box;
}

.bnr_top a.linkover {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transition: background .3s;
	-moz-transition: background .3s;
	-webkit-transition: background .3s;
}

.col_toprecruit {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 50px;
	padding: 7px;
	box-sizing: border-box;
	background-image: url(../img/bg_btn1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
}

.img_l_toprecruit {
	width: 36%;
	order: 1;
}

.img_r_toprecruit {
	width: 36%;
	order: 3;
}

.img_l_toprecruit img,
.img_r_toprecruit img {
	width: 50%;
	float: left;
}

.cont_toprecruit {
	width: 28%;
	margin: 0;
	padding: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	order: 2;
}

.cont_toprecruit dl {
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
}

.cont_toprecruit dl dt {
	margin: 0 0 30px;
	padding: 0 0 10px;
	font-size: 25px;
	font-weight: bold;
	position: relative;
	z-index: 0;
}

.cont_toprecruit dl dt:before {
	content: "";
	width: 50px;
	margin: 0 0 0 -25px;
	padding: 0;
	border-bottom: solid 5px #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
}

.cont_toprecruit dl dd {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}

a.btn_toprecruit {
	width: 82%;
	margin: 0 auto 8px;
	padding: 10px 0;
	color: #00aa71;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}

a.btn_toprecruit span {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	z-index: 0;
}

a.btn_toprecruit span:before {
	content: "\025b6";
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	background-color: #00aa71;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top: 6px;
	right: -20px;
}









/* --------------- contact --------------- */

.bg_pagettl.contact {
	background-image: url(../img/contact/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.col_contact1 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 40px;
	padding: 0;
	border: solid 2px #3e3a39;
	box-sizing: border-box;
}

.col_contact1.col_bottom {
	margin-bottom: 100px;
}

.mds_contact1 {
	margin: 0;
	padding: 10px 10px 12px;
	color: #fff;
	font-size: 25px;
	line-height: 35px;
	text-align: center;
	background-color: #3e3a39;
}

.cont_contact1 {
	margin: 0;
	padding: 40px 40px 55px;
}

.cont_contact1 ul.telno_contact {
	margin: 0 0 45px 0;
	padding: 15px 0 0 0;
}

.cont_contact1 ul.telno_contact li {
	width: 33.3%;
	margin: 0;
	padding: 0 3%;
	box-sizing: border-box;
	float: left;
}

.cont_contact1 ul.telno_contact li span {
	margin: 0 0 5px 0;
	padding: 0;
	color: #00aa71;
	display: inline-block;
}

p.note_contact1 {
	margin: 0 0 40px;
	padding: 0;
	text-align: center;
}

dl.list_contact {
	width: 90%;
	margin: 0 auto;
	padding: 8px 0;
	display: table;
}

dl.list_contact.btop {
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #3e3a39;
}

dl.list_contact dt {
	width: 290px;
	margin: 0;
	padding: 3px 0 0 8%;
	color: #00aa71;
	line-height: 26px;
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
}

dl.list_contact dd {
	margin: 0;
	padding: 0 0 0 20px;
	display: table-cell;
	vertical-align: middle;
}

dl.list_contact dd select {
	margin: 0;
	padding: 3px;
	font-size: 15px;
	line-height: 23px;
	border-radius: 4px;
	-mob-border-radius: 4px;
	-webkit-border-radius: 4px;
}

dl.list_contact dd input {
	width: 90%;
	margin: 0;
	padding: 5px;
	font-size: 15px;
	line-height: 26px;
	background-color: #f5f5f5;
	border: none;
}

.txt_require.red {
	display: none;
}

dl.list_contact dd.radio_contact1 span {
	margin: 0 15px 0 0;
	margin-left: 0 !important;
	display: inline-block;
}

dl.list_contact dd.radio_contact1 input {
	width: auto;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

dl.list_contact dd div {
	margin: 0 0 14px 0;
	padding: 0;
}

dl.list_contact dd div.postcode {
	margin-left: -19px;
}

dl.list_contact dd div.postcode span {
	color: #00aa71;
}

dl.list_contact dd div.postcode span.error {
	margin: 0 0 0 19px;
	color: #B70000;
}

dl.list_contact dd div.postcode input {
	width: 40%;
}

dl.list_contact dd textarea {
	width: 90%;
	height: 9em;
	padding: 5px;
	font-size: 15px;
	line-height: 23px;
	background-color: #f5f5f5;
	border: none;
}

.btn_contact {
	margin: 0;
	padding: 50px 0 0 0;
	text-align: center;
}

.btn_contact input {
	width: 46%;
	height: 50px;
	max-width: 315px;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: transparent;
	background-image: url(../img/bg_btn_green.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 390px auto;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	cursor: pointer;
}

.btn_contact input[name="submitBack"] {
	margin-right: 40px;
	background-image: none;
	background-color: #999;
}

.txt_thanks {
	margin: 0 auto 70px 0;
	padding: 20px 0 0 0;
	text-align: center;
}

a.btn_thanks {
	width: 100%;
	height: 50px;
	max-width: 315px;
	margin: 0 auto;
	padding: 13px 0 0 0;
	color: #fff;
	text-align: center;
	background-image: url(../img/contact/bg_send.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 390px auto;
	box-sizing: border-box;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	display: block;
}






/* --------------- company --------------- */

.bg_pagettl.company {
	height: 263px;
	background-image: url(../img/company/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.boxtab_company .mds1 {
	margin-bottom: 60px;
}

.col_company1 {
	width: 100%;
	margin: 0 auto 40px;
	padding: 0;
	box-sizing: border-box;
}

.tabbtn_company {
	width: 100%;
	margin: 0 0 55px 0;
	border-bottom: solid 1px #00aa71;
}

.tabbtn_company.btm {
	margin-bottom: 140px;
	border-bottom: none;
	border-top: solid 1px #00aa71;
}

.tabbtn_company ul {
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.tabbtn_company ul li {
	width: 23.7%;
	max-width: 284px;
	height: 57px;
	margin: 0 1.73% 0 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	line-height: 21px;
	text-align: center;
	float: left;
	display: table;
	position: relative;
	z-index: 0;
	overflow: hidden;
	cursor: pointer;
}

.tabbtn_company ul li div {
	padding: 0 5%;
	display: table-cell;
	vertical-align: middle;
}

.tabbtn_company ul li img {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
}

.tabbtn_company ul li img.on {
	opacity: 0;
}

.tabbtn_company ul li:last-child {
	margin-right: 0;
}

.tabbtn_company ul li:hover img.off,
.tabbtn_company ul li.active img.off {
	opacity: 0;
}

.tabbtn_company ul li:hover img.on,
.tabbtn_company ul li.active img.on {
	opacity: 1;
}

.col_company_philosophy1 {
	padding: 90px 3% 112px;
}

.col_company_philosophy1.top {
	padding: 30px 1% 62px;
}

.col_company_philosophy1:nth-child(even) {
	background-color: #f4f4f4;
}

.col_company_philosophy1.btm {
	margin-bottom: 40px;
	background-color: #f4f4f4;
}

.mds1.philosophy1 {
	margin-bottom: 74px;
}

.mds1.philosophy2 {
	margin-bottom: 55px;
}

.lead_company_philosophy1 {
	font-size: 25px;
	line-height: 38px;
	text-align: center;
}

.txt_company_philosophy1 {
	max-width: 856px;
	margin: 0 auto;
	line-height: 27px;
}

ol.list_company_philosophy1 {
	max-width: 946px;
	margin: 0 auto 75px;
	padding: 0;
	list-style-type: none;
	counter-reset:number;
}

ol.list_company_philosophy1 li {
	margin: 0 0 15px 0;
	padding: 0 0 0 3em;
	font-size: 15px;
	position: relative;
	z-index: 0;
}

ol.list_company_philosophy1 li:last-child {
	margin-bottom: 0;
}

ol.list_company_philosophy1 li:before {
	width: 1.5em;
	counter-increment: number;
	content: counter(number)'.';
	color: #00a58e;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

.txt_company_philosophy2 {
	max-width: 870px;
	margin: 0 auto;
}

.txt_company_philosophy2 .tab_none {
	display: block;
}

.lead_logo_company {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 40px;
	padding: 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.lead_logo_company span {
	color: #00aa71;
	font-size: 15px;
	font-weight: normal;
}

ul.col_logo_company {
	width: 92%;
	max-width: 890px;
	margin: 0 auto;
	padding: 0;
	display: flex;
}

ul.col_logo_company li {
	width: 48%;
	margin: 0 0 0 4%;
	padding: 20px 15px;
	background-color: #fff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.col_logo_company li:first-child {
	margin-left: 0;
}

.img_logo_company {
	width: 32%;
	margin: 0;
	padding: 0;
}

.txt_logo_company {
	margin: 0;
	padding: 7px 0 7px 30px;
	position: relative;
	z-index: 0;
}

.txt_logo_company:before {
	content: "";
	width: 100%;
	height: 40%;
	margin: 0;
	padding: 0;
	border-left: solid 1px #3d3d3d;
	border-bottom: solid 1px #3d3d3d;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: skewX(45deg);
}

.txt_logo_company span {
	color: #e60039;
}

.col_company_group1 {
	padding: 95px 0 90px;
}

.col_company_group1:nth-of-type(odd) {
	background-color: #f4f4f4;
}

.col_company_group1:nth-of-type(3) {
	padding-bottom: 70px;
}

.col_company_group1:nth-of-type(4) {
	padding: 78px 0 90px 0;
}

.col_company_group1 h4 {
	margin: 0 0 65px 0;
	font-size: 30px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}

.col_company_group1 h4.company3,
.col_company_group1 h4.company4,
.col_company_group1 h4.company5 {
	margin-bottom: 35px;
}

.col_company_group1 h4 span {
	padding: 8px 0 8px 60px;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	z-index: 0;
}

.col_company_group1 h4.company1 span {
	background-image: url(../img/company/icon_company1.png);
	background-size: 46px auto;
}

.col_company_group1 h4.company2 span {
	background-image: url(../img/company/icon_company2.png);
	background-size: 46px auto;
}

.col_company_group1 h4.company3 span {
	background-image: url(../img/company/icon_company3.png);
	background-size: 46px auto;
}

.col_company_group1 h4.company4 span {
	background-image: url(../img/company/icon_company4.png);
	background-size: 46px auto;
}

.col_company_group1 h4.company5 span {
	background-image: url(../img/company/icon_company5.png);
	background-size: 46px auto;
}

.col_company_group1 dl {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 45px;
	padding: 0;
}

.col_company_group1 dl.top {
	margin-bottom: 78px;
}

.col_company_group1 dl:last-child {
	margin-bottom: 0;
}

.col_company_group1 dl dt {
	margin: 0 0 20px 0;
	padding: 5px 0;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	text-align: center;
	background-color: #00aa71;
}

.col_company_group1 dl dd {
	margin: 0;
	padding: 0;
}

.col_company_group1 dl dd p {
	margin-bottom: 28px;
	line-height: 21px;
	text-align: center;
}

.box_company_map {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -ms-flex-pack: justify;
	 justify-content: space-between;
}

.box_company_map .left {
	width: 49%;
	padding-right: 1%;
	float: left;
}

.box_company_map .right {
	width: 49%;
	padding: 0;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	float: right;
}

.box_company_map .right iframe {
	width: 100%;
	height: 100%;
	max-height 287px;
	border: solid 2px #fff;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	display: inline-block;
}

.box_company_map #company2_kobe {
	width: 100%;
	min-height: 290px;
}

.link_company_map {
	text-align: right;
}

.link_company_map a {
	color: #00a58e;
	font-size: 15px;
	text-decoration: underline;
	position: relative;
	z-index: 0;
}

.link_company_map a:before {
	content: ">";
	position: absolute;
	left: -.8em;
}

.link_company_map a:hover {
	text-decoration: none;
}

.mds1.history1 {
	margin-bottom: 75px;
}

.box_company_history1 {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto 155px;
	padding: 0;
	position: relative;
	z-index: 0;
}

.box_company_history1:before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #00aa71;
	position: absolute;
	top: 0;
	left: 50%;
}

.box_company_history1 dl {
	width: 50%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	float: left;
}

.box_company_history1 dl {
	padding-right: 32px;
}

.box_company_history1 dl.short {
	padding-left: 48px;
}

.box_company_history1 dl.right {
	padding: 0 0 0 32px;
	float: right;
}

.box_company_history1 dl.right.short dt {
	padding-left: 45px;
}

.box_company_history1 dl.right.short dd {
	padding-left: 65px;
}

.box_company_history1 dl:nth-child(1) {
	margin: 50px 0 75px 0;
}
.box_company_history1 dl:nth-child(2) {
	margin: 136px 0 75px 0;
}
.box_company_history1 dl:nth-child(3) {
	margin-bottom: 70px;
}
.box_company_history1 dl:nth-child(4) {
	margin-bottom: 68px;
}
.box_company_history1 dl:nth-child(5) {
	margin-bottom: 65px;
}
.box_company_history1 dl:nth-child(6) {
	margin-bottom: 70px;
}
.box_company_history1 dl:nth-child(7) {
	margin-bottom: 72px;
}
.box_company_history1 dl:nth-child(8) {
	margin-bottom: 72px;
}
.box_company_history1 dl:nth-child(9) {
	margin-bottom: 72px;
}
.box_company_history1 dl:nth-child(10) {
	margin-bottom: 70px;
}
.box_company_history1 dl:nth-child(11) {
	margin-bottom: 75px;
}
.box_company_history1 dl:nth-child(12) {
	margin-bottom: 70px;
}
.box_company_history1 dl:nth-child(13) {
	margin-bottom: 68px;
}
.box_company_history1 dl:nth-child(14) {
	margin-bottom: 75px;
}
.box_company_history1 dl:nth-child(15) {
	margin-bottom: 72px;
}
.box_company_history1 dl:nth-child(16) {
	margin-bottom: 72px;
}
.box_company_history1 dl:nth-child(17) {
	margin-bottom: 72px;
}
.box_company_history1 dl:nth-child(18) {
	margin-bottom: 72px;
}
.box_company_history1 dl:nth-child(19) {
	margin-bottom: 65px;
}
.box_company_history1 dl:nth-child(20) {
	margin-bottom: 75px;
}
.box_company_history1 dl:nth-child(21) {
	margin-bottom: 0;
}

.box_company_history1 dl dt {
	margin: 0 0 8px 0;
	padding: 0 0 7px 5px;
	color: #00aa71;
	font-size: 23px;
	font-weight: 600;
	border-bottom: solid 1px #d8d9d9;
}

.box_company_history1 dl dd {
	min-height: 64px;
	margin: 0;
	padding: 0 20px;
	line-height: 21px;
}

.box_company_history1 dl:nth-child(11) dd {
	padding-right: 30px;
}

.box_company_history1 dl:after {
	content: "";
	width: 15px;
	height: 15px;
	background-color: #0075c2;
	border-radius: 50%;
	position: absolute;
	top: 38px;
}

.box_company_history1 dl:after {
	right: -8px;
}

.box_company_history1 dl.big:after {
	width: 22px;
	height: 22px;
	border: 3px solid #e60039;
	background-color: #fff;
	right: -15px;
	top: 32px;
}

.box_company_history1 dl.right:after {
	left: -7px;
	right: auto;
}

.box_company_history1 dl.right.big:after {
	left: -13px;
	top: 32px;
}

.mds1.unit1 {
	margin-bottom: 64px;
}

.col_company_unit1 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.col_company_unit1.btm {
	padding-top: 30px;
	margin-bottom: 90px;
}

.col_company_unit1:nth-child(even) {
	margin-bottom: 60px;
	padding: 105px 0 105px 0;
	background-color: #f4f4f4;
}

dl.list_company_unit1 {
	max-width: 1200px;
	margin: 0 auto 84px;
	padding: 0;
	position: relative;
	z-index: 0;
}

dl.list_company_unit1 dt {
	width: 500px;
	height: 138px;
	margin: 0;
	padding: 0 0 0 35px;
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	background-color: #00aa71;
	display: table;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	position: absolute;
	top: 205px;
	z-index: 0;
}

dl.list_company_unit1:nth-of-type(odd) dt {
	right: 0;
}

dl.list_company_unit1:nth-of-type(even) dt {
	left: 0;
}

dl.list_company_unit1 dt div {
	display: table-cell;
	vertical-align: middle;
}

dl.list_company_unit1 dt .small {
	margin: 13px 0 0 0;
	font-size: 15px;
	font-weight: normal;
	display: block;
}

dl.list_company_unit1 dd {
	margin: 0;
	padding: 0;
}

dl.list_company_unit1 dd.img_company_unit1 {
	margin-bottom: 18px;
	position: relative;
	z-index: -1;
}

dl.list_company_unit1:nth-of-type(odd) dd.img_company_unit1 {
	margin-left: -396px;
}

dl.list_company_unit1:nth-of-type(even) dd.img_company_unit1 {
	margin-left: 126px;
}

dl.list_company_unit1 dd.img_company_unit1 img {
	width: auto;
	height: 403px;
}

dl.list_company_unit1:nth-of-type(even) dd.txt_company_unit1 {
	margin-left: 126px;
}

.mds1.unit2 {
	margin-bottom: 52px;
}

.col_figure_group {
	width: 96%;
	max-width: 1246px;
	margin: 0 auto;
	padding: 0;
}

.tbl_company1 {
	width: 846px;
	margin: 0 auto 50px;
	padding: 0 3%;
	text-align: left;
	border-collapse: collapse;
}

.tbl_company1 tr {
	border-bottom: solid 1px #c9caca;
}

.tbl_company1 tr:last-child {
	border-bottom: none;
}

.tbl_company1 th {
	width: 130px;
	padding: 20px 0 25px 25px;
	color: #00aa71;
	font-size: 18px;
	font-weight: 400;
	vertical-align: top;
}

.tbl_company1 td {
	padding: 20px 20px 20px 0;
	vertical-align: top;
}

a.btn_company_uni1 {
	width: 92%;
	max-width: 314px;
	height: 51px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height: 1;
	background-image: url(../img/company/btn_uni1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	display: table;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
}

a.btn_company_uni1:hover {
	opacity: 0.7;
}

a.btn_company_uni1 span {
	display: table-cell;
	vertical-align: middle;
}



/* --------------- company_story --------------- */

.bg_pagettl.story {
	height: 263px;
	margin-bottom: 0;
	background-image: url(../img/company/story/bg_ttl.jpg);
	background-repeat: no-repeat;
}

#subcontent.story {
	width: 100%;
	margin: 0;
	padding-top: 16px;
	background-image: url(../img/company/story/bg_col1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.col_story1 {
	margin: 0 0 150px 0;
}

.mds_story1 {
	margin: 0 0 120px 0;
	text-align: center;
}

.mds_story1 h2 {
	margin: 0 0 20px 0;
	font-size: 75px;
	font-weight: bold;
	font-style: oblique;
	line-height: 1.3em;
}

.mds_story1 h2 span {
	color: #00aa71;
}

.lead_story1 {
	width: 100%;
	max-width: 1200px;
	min-height: 580px;
	margin: 0 auto;
	padding: 0;
	line-height: 1.8em;
	background-image: url(../img/company/story/bg1.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 46% auto;
	box-sizing: border-box;
}

.lead_story1 h3,
.lead_story2 h3 {
	width: 55%;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
	color: #00aa71;
	font-size: 25px;
	font-weight: bold;
	border-bottom: solid 5px #efefef;
	position: relative;
}

.bg_story2 {
	width: 100%;
	margin: 0;
	padding: 0 0 150px 0;
	background-image: url(../img/company/story/bg_col2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.col_story2 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.lead_story2 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 34%;
	line-height: 1.8em;
	background-image: url(../img/company/story/bg2.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 28% auto;
	box-sizing: border-box;
}

.lead_story2 h3 {
	width: 100%;
}

.lead_story1 h3:after,
.lead_story2 h3:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 15%;
	border-bottom: 5px solid #00aa71;
}

.lead_story1 p,
.lead_story2 p {
	margin: 0 0 20px 0;
	text-shadow:
    #FFF 1px 1px 0, #FFF -1px -1px 0,
    #FFF -1px 1px 0, #FFF 1px -1px 0,
    #FFF 0px 1px 0, #FFF  0-1px 0,
    #FFF -1px 0 0, #FFF 1px 0 0;
}

.bgimg_story1,
.bgimg_story2 {
	display: none;
}


/* --------------- CSR --------------- */

.bg_pagettl.csr {
	height: 263px;
	background-image: url(../img/csr/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.wrap_csr1 {
	width: 100%;
	margin: 0 auto 40px;
	padding: 0;
	box-sizing: border-box;
}

.col_csr1 {
	width: 100%;
	margin: 0;
	padding: 18px 0 72px 0;
	position: relative;
}

.bg_gray {
	background-color: #f4f4f4;
}

.mds1.csr1 {
	margin-bottom: 48px;
}

.txt_csr1 {
	margin: 0;
	text-align: center;
}

.col_csr2 {
	width: 100%;
	margin: 0;
	padding: 85px 0 100px 0;
}

.mds1.csr2 {
	margin-bottom: 60px;
}

dl.list_policy1 {
	width: 90%;
	max-width: 1100px;
	min-height: 138px;
	margin: 0 auto 23px;;
	padding: 22px 0;
	color: #fff;
	background-image: url(../img/csr/bg_csr_policy.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size 100% auto;
	display: table;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

dl.list_policy1:last-child {
	margin-bottom: 0;
}

dl.list_policy1 dt {
	width: 455px;
	margin: 0;
	padding: 3px 0 0 35px;
	font-size: 25px;
	line-height: 1;
	font-weight: 600;
	border-right: solid 1px #fff;
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

dl.list_policy1 dt img {
	width: 64px;
	height: auto;
	padding-right: 34px;
	vertical-align: middle;
}

.submds_csr1 {
	display: inline-block;
	vertical-align: middle;
}

dl.list_policy1 dt .small {
	margin-left: -0.5em;
	font-size: 15px;
	font-weight: 400;
}

dl.list_policy1 dd {
	margin: 0;
	padding: 0 38px 0 28px;
	display: table-cell;
	vertical-align: middle;
}

.col_csr3 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 158px 0 28px 0;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	overflow: hidden;
}

.mds_policy1 {
	width: 390px;
	margin: 0 0 50px 3%;
	padding: 0 0 0 65px;
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	line-height: 68px;
	background-color: #0075c2;
	position: relative;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

.mds_policy1:before {
	content: "";
	width: 6px;
	height: 50px;
	background-color: #FFF;
	position: absolute;
	top: 9px;
	left: 14px;
}

.mds_policy1:after {
	content: "";
	width: 1484px;
	height: 100px;
	background-image: url(../img/csr/img_csr1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	position: absolute;
	top: -18px;
	left: 315px;
	z-index: -1;
}

dl.list_policy2 {
	width: 100%;
	max-width: 958px;
	margin: 0 auto;
	padding: 0;
	display: table;
}

dl.list_policy2.btm1 {
	margin-bottom: 133px;
}

dl.list_policy2 dt {
	width: 225px;
	margin: 0;
	padding: 31px 16px 31px 16px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	border-bottom: solid 2px #00aa71;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	display: table-cell;
	vertical-align: middle;
}

dl.list_policy2.quality dt {
	padding-top: 40px;
	padding-bottom: 44px;
}

dl.list_policy2 dd {
	margin: 0;
	padding: 16px 28px 16px 38px;
	border-bottom: solid 1px #9fa0a0;
	display: table-cell;
	vertical-align: middle;
}

ol.list_csr_quality {
	margin: 0;
	padding: 10px 0 15px 0;
	list-style: none;
}

ol.list_csr_quality li {
	margin: 0 0 10px;
	padding: 0 0 0 38px;
	text-indent: -38px;
}

ol.list_csr_quality li:last-of-type {
	margin-bottom: 0;
}

ol.list_csr_quality li * {
	text-indent: 0;
}

ol.list_csr_quality li .indent1 {
	padding-left: 1em;
	text-indent: -1em;
}

ol.list_csr_env {
	margin: 0;
	padding: 0 0 0 20px;
}

ol.list_csr_env li {
	margin: 0 0 10px;
	padding: 0;
}

ol.list_csr_env li .indent1 {
	display: block;
}

ol.list_csr_env li:last-of-type {
	margin-bottom: 0;
}

.mds_policy1.right {
	margin-bottom: 50px;
	margin-right: 3%;
	margin-left: 0;
	float: right;
}

.mds_policy1.right:after {
	background-image: url(../img/csr/img_csr2.jpg);
	right: 315px;
	left: auto;
}

dl.list_policy2.btm2 {
	margin-bottom: 215px;
}

.box_csr_for {
	width: 100%;
	max-width: 967px;
	margin: 0 auto;
	padding: 0;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

.box_csr_for dl {
	width: 50%;
	max-width: 450px;
	margin: 0 0 148px 0;
	padding: 0;
}

.box_csr_for dl:nth-of-type(odd) {
	float: left;
}
.box_csr_for dl:nth-of-type(even) {
	float: right;
}

.box_csr_for dl dt {
	width: 410px;
	margin: 0 0 38px 0;
	padding: 0 0 0 65px;
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	line-height: 68px;
	background-color: #0075c2;
	position: relative;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

.box_csr_for dl dt:before {
	content: "";
	width: 6px;
	height: 50px;
	background-color: #FFF;
	position: absolute;
	top: 9px;
	left: 14px;
}

.box_csr_for dl dt:after {
	content: "";
	width: 425px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	position: absolute;
	top: -66px;
	left: 58px;
	z-index: -1;
}

.box_csr_for dl:nth-of-type(1) dt:after {
	background-image: url(../img/csr/img_csr3.jpg);
}
.box_csr_for dl:nth-of-type(2) dt:after {
	background-image: url(../img/csr/img_csr4.jpg);
}
.box_csr_for dl:nth-of-type(3) dt:after {
	background-image: url(../img/csr/img_csr5.jpg);
}
.box_csr_for dl:nth-of-type(4) dt:after {
	background-image: url(../img/csr/img_csr6.jpg);
}

.box_csr_for dl dd {
	margin: 0;
	padding: 0 0 0 60px;
}


/* --------------- effort --------------- */

.bg_pagettl.effort {
	height: 263px;
	background-image: url(../img/effort/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.col_effort1 {
	margin: 0 0 150px 0;
}

ul.pagenavi_effort {
	max-width: 1200px;
	margin: 0 auto;
	padding: 5px 3% 68px;
}

ul.pagenavi_effort li {
	width: 32%;
	max-width: 376px;
	height: 61px;
	margin: 0 2% 0 0;
	padding: 0;
	border-radius: 4px;
	text-align: center;
	background-image: url(../img/effort/bg_pagenavi.png);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	display: table;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

ul.pagenavi_effort li:hover {
	opacity: 0.75;
}

ul.pagenavi_effort li:last-child {
	margin-right: 0;
}

ul.pagenavi_effort li a {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	display: table-cell;
	vertical-align: middle;
}

ul.pagenavi_effort li span {
	position: relative;
	z-index: 0;
}

ul.pagenavi_effort li span:before {
	content: "";
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	position: absolute;
	top: 7px;
	left: -30px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.col_effort1 {
	width: 100%;
	margin: 0;
	padding: 96px 0 114px 0;
	background-color: #f4f4f4;
}

.inner_effort1 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 3%;
}

.mds1.effort1 {
	margin-bottom: 55px;
}

.txt_effort1 {
	margin-bottom: 40px;
	text-align: center;
}

.box_effort7s {
	width: 760px;
	margin: 0 auto 70px;
}

ul.item_effort7s {
	margin: 0;
	padding: 0;
	float: left;
}

ul.item_effort7s li {
	width: 100px;
	height: 100px;
	margin: 0 10px 0 0;
	padding: 0;
	color: #00aa71;
	font-size: 20px;
	text-align: center;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	float: left;
	display: table;
}

ul.item_effort7s.col4 li:last-child {
	margin: 0;
}

ul.item_effort7s li span {
	display: table-cell;
	vertical-align: middle;
}

.mds_effort1 {
	margin-bottom: 40px;
	position: relative;
	z-index: 0;
}

.mds_effort1:before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #9fa0a0;
	position: absolute;
	top: 28px;
	left: 0;
}

.mds_effort1 h3 {
	width: 150px;
	height: 86px;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 63px;
	text-align: center;
	position: relative;
	z-index: 0;
}

.mds_effort1 h3:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 86px 75px 0 75px;
	border-color: #0075c2 transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.readmore_effort {
	display: none;
}

.list_effort7s {
	max-width: 932px;
	margin: 0 auto 50px;
	padding: 0;
}

.list_effort7s dl {
	width: 48%;
	max-width: 434px;
	margin: 0 0 28px 0;
	padding: 0;
	display: table;
	float: left;
}

.list_effort7s dl:nth-child(even) {
	float: right;
}

.list_effort7s dl dt {
	width: 60px;
	margin: 0;
	padding: 5px 0 0 0;
	display: table-cell;
	vertical-align: top;
}

.list_effort7s dl dt img {
	width: 40px;
}

.list_effort7s dl dd {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: top;
}

.list_effort7s dl dd h4 {
	margin: 0 0 13px 0;
	padding: 0 0 6px 0;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 1px #00aa71;
}

.list_effort7s dl dd p {
	margin: 0;
}

.list_effort7s dl dd p .tab_none {
	display: block;
}

.img_effort7s {
	max-width: 1080px;
	margin: 0 auto 78px;

}

.img_effort7s dl {
	width: 32%;
	max-width: 346px;
	margin: 0 2% 40px 0;
	padding: 0;
	text-align: center;
	float: left;
}

.img_effort7s dl:nth-child(3n) {
	margin-right: 0;
}

.img_effort7s dl:nth-last-child(1),
.img_effort7s dl:nth-last-child(2),
.img_effort7s dl:nth-last-child(3) {
	margin-bottom: 0;
}

.img_effort7s dl dt {
	margin: 0 0 14px 0;
	padding: 0;
}

.img_effort7s dl dd {
	margin: 0;
	padding: 0;
}

.mds_effort1.effect {
	margin-bottom: 45px;
}

.circle_effort7s {
	width: 978px;
	margin: 0 auto;
	padding: 0;
}

.circle_effort7s dl {
	width: 282px;
	height: 282px;
	margin: 0 65px 0 0;
	padding: 84px 0 0 0;
	text-align: center;
	border-radius: 50%;
	background-color: rgba(0,193,168,0.1);
	float: left;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	position: relative;
	z-index: 0;
}

.circle_effort7s dl:before {
	content: "";
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 20px;
	left: 30px;
}

.circle_effort7s dl:nth-child(1):before {
	background-image: url(../img/effort/num1.png);
}
.circle_effort7s dl:nth-child(2):before {
	background-image: url(../img/effort/num2.png);
}
.circle_effort7s dl:nth-child(3):before {
	background-image: url(../img/effort/num3.png);
}

.circle_effort7s dl:last-child {
	margin-right: 0;
}

.circle_effort7s dl dt {
	margin: 0 0 32px 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	z-index: 0;
}

.circle_effort7s dl dt:after {
	content: "";
	width: 26px;
	height: 5px;
	margin: auto;
	background-color: #00aa71;
	position: absolute;
	bottom: -11px;
	left: 0;
	right: 0;
}

.circle_effort7s dl dd {
	margin: 0;
	padding: 0;
}

.col_effort2 {
	width: 100%;
	margin: 0;
	padding: 72px 3% 60px;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

.inner_effort2 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 65px 50px;
	border-left: solid 1px #00aa71;
	border-right: solid 1px #00aa71;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}

.mds1.effort2 {
	margin-bottom: 45px;
}

.txt_effort2 {
	margin-bottom: 65px;
	text-align: center;
}

.lead_effort1 {
	max-width: 808px;
	margin: 0 auto 40px;
}

.img_effort_smile {
	max-width: 830px;
	margin: 0 auto 65px;
}

.img_effort_smile img {
	width: 167px;
	margin-right: 54px;
	float: left;
}

.img_effort_smile img:last-child {
	margin-right: 0;
}

.catch_effort1 {
	margin: 0 0 55px 0;
	color: #000000;
	font-size: 25px;
	font-weight: 900;
	text-align: center;
}

.list_effort_smile dl {
	width: 48%;
	max-width: 515px;
	margin: 0 0 45px 0;
	padding: 0;
	display: table;
	float: left;
}

.list_effort_smile dl:nth-child(even) {
	float: right;
}

.list_effort_smile dl:last-child {
	margin-bottom: 0;
}

.list_effort_smile dl dt {
	width: 60px;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: top;
}

.list_effort_smile dl dt img {
	width: 40px;
}

.list_effort_smile dl dd {
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: top;
}

.list_effort_smile dl dd h4 {
	margin: 0;
	padding: 0 0 9px 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	border-bottom: solid 1px #00aa71;
}

.list_effort_smile dl dd h4 span.color {
	color: #00aa71;
}

.col_effort3 {
	width: 100%;
	margin: 0 0 15px 0;
	padding: 108px 0 115px 0;
	background-color: #f4f4f4;
}

.inner_effort3 {
	max-width: 1164px;
	margin: 0 auto;
	padding: 0 5% 10px;
}

.mds1.effort3 {
	margin-bottom: 45px;
}

.txt_effort3 {
	margin-bottom: 12px;
	text-align: center;
}

.col_effort_club {
	margin: 0;
	padding: 0;
}

.col_effort_club dl,
.col_effort_club dl.fleft,
.col_effort_club dl.fright {
	width: 46%;
	max-width: 534px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}

.col_effort_club dl {
	margin: 0 auto;
}

.col_effort_club dl dt {
	width: 72%;
	max-width: 376px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	line-height: 72px;
	text-align: center;
	background-image: url(../img/effort/bg_mds_club.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	position: relative;
	bottom: -40px;
	left: -35px;
}

.col_effort_club dl dd {
	margin: 0;
	padding: 0;
}

.col_effort_club img {
	display: block;
}


/* --------------- Sustainability --------------- */

.bg_pagettl.sustainability {
	height: 263px;
	background-image: url(../img/csr/bg_ttl.jpg);
	background-repeat: no-repeat;
}
.col_sustainability1 {
	width: 90%;
	max-width: 790px;
	margin: 0 auto 65px;
	padding: 0;
	text-align: justify;
}
.col_sustainability1 .mds1 {
	margin-bottom: 70px;
}
.cont_logo_sdgs {
	max-width: 614px;
	margin: 0 auto 45px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.cont_logo_sdgs .logo {
	width: 41.7%;
	margin: 0;
	padding: 0;
}
.cont_logo_sdgs ul.list_logo_sdgs {
	width: 55.4%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.cont_logo_sdgs ul.list_logo_sdgs li {
	width: 18.7%;
	margin: 0 1.625% 1.6% 0;
	padding: 0;
}
.cont_logo_sdgs ul.list_logo_sdgs li:nth-child(5n),
.cont_logo_sdgs ul.list_logo_sdgs li:last-child { margin-right: 0; }

.col_sustainability2 {
	margin: 0;
	padding: 70px 0 150px;
	background-color: #f4f4f4;
	overflow: hidden;
}
.col_sustainability2 .mds1 {
	margin-bottom: 92px;
}
.col_activities {
	width: 90%;
	max-width: 990px;
	margin: 0 auto 90px;
	padding: 0;
	display: flex;
	align-items: center;
}
.col_activities.social { justify-content: flex-end; }
.col_activities .img {
	width: 43.41%;
	max-width: 382px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.col_activities.social .img { order: 1; }
.col_activities .img::before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: -1;
}
.col_activities.environment .img::before { background-color: #00aa71; }
.col_activities.social .img::before { background-color: #e972ab; }
.col_activities.governance .img::before { background-color: #0075c2; }

.col_activities .img .w100 { width: 100%; }
.col_activities .cont {
	width: 56.59%;
	max-width: 490px;
	margin: 0;
	padding: 0;
}
.col_activities.social .cont { max-width: 530px; }
.col_activities .cont .mds {
	margin: 0 0 10px;
	padding: 0 0 6px min( calc( 5px + 12% ), 60px );
	line-height: 1.1;
	display: flex;
	align-items: center;
}
.col_activities.environment .cont .mds {
	color: #00aa71;
	border-bottom: solid 1px #00aa71;
}
.col_activities.social .cont .mds {
	padding: 0 min( calc( 5px + 12% ), 60px ) 6px 0;
	color: #e972ab;
	border-bottom: solid 1px #e972ab;
	justify-content: flex-end;
}
.col_activities.governance .cont .mds {
	color: #0075c2;
	border-bottom: solid 1px #0075c2;
}
.col_activities .cont .mds .jp {
	margin: 0 0.5em 0 0;
	font-size: min( 5.29vw, 45px );
	font-weight: 700;
}
.col_activities.social .cont .mds .jp {
	margin: 0 0 0 0.5em;
	order: 1;
}
.col_activities .cont .mds .en {
	width: 100%;
	margin: 0;
	padding: 0;
}
.col_activities.environment .cont .mds .en {
	width: 36.57%;
	max-width: 158px;
}
.col_activities.social .cont .mds .en {
	width: 15.5%;
	max-width: 67px;
}
.col_activities.governance .cont .mds .en {
	width: 29.3%;
	max-width: 124px;
}
.col_activities .cont .mds .en img { vertical-align: middle; }
.col_activities .list_link_activities {
	margin: 0;
	padding: 0 0 0 calc( 5px + 12% );
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.col_activities.social .list_link_activities { padding: 0 min( calc( 5px + 12% ), 60px ) 0 8%; }
.col_activities .list_link_activities a {
	width: 90%;
	min-height: 3.6em;
	margin: 0 0 6px;
	padding: 0.2em 0.4em 0.2em 26px;
	text-align: center;
	line-height: 1.2;
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 0;
}
.col_activities.environment .list_link_activities a {
	color: #00aa71;
	border: solid 1px #00aa71;
}
.col_activities.social .list_link_activities a {
	width: calc( ( 100% - 6px )/2 );
	margin: 0 6px 6px 0;
	color: #e972ab;
	border: solid 1px #e972ab;
}
.col_activities.social .list_link_activities a:nth-child(even) { margin-right: 0; }
.col_activities.governance .list_link_activities a {
	color: #0075c2;
	border: solid 1px #0075c2;
}
.col_activities .list_link_activities a::before {
	content: "";
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 12px;
}
.col_activities.environment .list_link_activities a::before { border: solid 1px #00aa71; }
.col_activities.social .list_link_activities a::before { border: solid 1px #e972ab; }
.col_activities.governance .list_link_activities a::before { border: solid 1px #0075c2; }
.col_activities .list_link_activities a::after {
	content: "";
	margin: 0;
	padding: 0;
	border-top: solid 4px rgba(255,255,255,0);
	border-bottom: solid 4px rgba(255,255,255,0);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 18px;
}
.col_activities.environment .list_link_activities a::after { border-left: solid 5px #00aa71; }
.col_activities.social .list_link_activities a::after { border-left: solid 5px #e972ab; }
.col_activities.governance .list_link_activities a::after { border-left: solid 5px #0075c2; }


/* --------------- common - Sustainability --------------- */

.wrap_sustainability {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.wrap_sustainability .w100 { width: 100%; }
.wrap_sustainability #side {
	width: 200px;
	margin: 0;
	padding: 0;
}
.wrap_sustainability #side dl.sidemenu {
	width: 100%;
	margin: 0 0 35px;
	padding: 0;
}
.wrap_sustainability #side dl.sidemenu dt {
	width: 100%;
	margin: 0 0 12px;
	padding: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
}
.wrap_sustainability #side dl.sidemenu.environment dt { background-color: #00aa71; }
.wrap_sustainability #side dl.sidemenu.social dt { background-color: #e972ab; }
.wrap_sustainability #side dl.sidemenu.governance dt { background-color: #0075c2; }
.wrap_sustainability #side dl.sidemenu dt .txt {
	width: 102px;
	margin: 0;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

.wrap_sustainability #side dl.sidemenu dt .img {
	width: 98px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.wrap_sustainability #side dl.sidemenu dt .img::before {
	content: "";
	margin: 0;
	padding: 0;
	border-left: solid 34px;
	border-bottom: solid 58px rgba(255,255,255,0);
	position: absolute;
	top: 0;
	left: 0;
}
.wrap_sustainability #side dl.sidemenu.environment dt .img::before { border-left-color: #00aa71; }
.wrap_sustainability #side dl.sidemenu.social dt .img::before { border-left-color: #e972ab; }
.wrap_sustainability #side dl.sidemenu.governance dt .img::before { border-left-color: #0075c2; }
.wrap_sustainability #side dl.sidemenu dd {
	margin: 0;
	padding: 0;
}
.wrap_sustainability #side dl.sidemenu dd ul {
	margin: 0;
	padding: 0;
}
.wrap_sustainability #side dl.sidemenu dd ul li {
	margin: 0;
	padding: 0.5em 0;
}

.wrap_sustainability #side dl.sidemenu dd a {
	margin: 0;
	padding: 0 0 0 40px;
	line-height: 1.2;
	display: block;
	position: relative;
	z-index: 0;
}
.wrap_sustainability #side dl.sidemenu.environment dd a.current { color: #00aa71; }
.wrap_sustainability #side dl.sidemenu.social dd a.current { color: #e972ab; }
.wrap_sustainability #side dl.sidemenu.governance dd a.current { color: #0075c2; }
.wrap_sustainability #side dl.sidemenu dd a::before {
	content: "";
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 15px;
}
.wrap_sustainability #side dl.sidemenu.environment dd a::before { background-color: #00aa71; }
.wrap_sustainability #side dl.sidemenu.social dd a::before { background-color: #e972ab; }
.wrap_sustainability #side dl.sidemenu.governance dd a::before { background-color: #0075c2; }
.wrap_sustainability #side dl.sidemenu dd a::after {
	content: "";
	margin: 0;
	padding: 0;
	border-top: solid 4px rgba(255,255,255,0);
	border-left: solid 6px rgba(255,255,255,1);
	border-bottom: solid 4px rgba(255,255,255,0);
	position: absolute;
	top: 5px;
	left: 20px;
}

.wrap_sustainability #main {
	width: calc( 94% - 200px );
	margin: 0;
	padding: 0
}
.col_ttl_sustainability {
	margin: 0 0 50px;
	padding: 7px 0 5px 3.675%;
	border-left: solid 8px;
	box-sizing: border-box;
}
.environment .col_ttl_sustainability { border-left-color: #00aa71; }
.social .col_ttl_sustainability { border-left-color: #e972ab; }
.governance .col_ttl_sustainability { border-left-color: #0075c2; }
.col_ttl_sustainability .tag {
	margin: 0 0 0.3em;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}
.environment .col_ttl_sustainability .tag { color: #00aa71; }
.social .col_ttl_sustainability .tag { color: #e972ab; }
.governance .col_ttl_sustainability .tag { color: #0075c2; }
.col_ttl_sustainability .ttl {
	margin: 0 0 0.16em;
	padding: 0;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.3;
}
.col_anchor_sustainability {
	width: 100%;
	margin: 0 0 58px;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.col_anchor_sustainability a {
	width: 23.56%;
	min-height: 54px;
	margin: 0 1.92% 1.92% 0;
	padding: 0.2em 10px 0.2em 34px;
	color: #fff;
	line-height: 1.3;
	border-radius: 3px;
	background-blend-mode: multiply;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 0;
}
.col_anchor_sustainability a:nth-child(4n) { margin-right: 0; }
.environment .col_anchor_sustainability a {
	background-color: #00aa71;
	background-image: url(../img/sustainability/bg_btn_anchor.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.social .col_anchor_sustainability a {
	background-color: #e972ab;
	background-image: url(../img/sustainability/bg_btn_anchor.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.governance .col_anchor_sustainability a {
	background-color: #0075c2;
	background-image: url(../img/sustainability/bg_btn_anchor.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.col_anchor_sustainability a::before {
	content: "";
	width: 7px;
	height: 7px;
	margin: 0;
	padding: 0;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: calc( 50% - 5px );
	left: 17px;
}
.col_anchor_sustainability a .ls { letter-spacing: -0.4em; }

.col_sustainability_d {
	margin: 0 0 90px;
	padding: 0;
}
.mds_sustainability_d {
	margin: 0 0 40px;
	padding: 0;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.mds_sustainability_d .img {
	width: 90%;
	max-width: 612px;
	margin: 0 0 0 auto;
	padding: 0;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: 0;
	z-index: -1;
}
.mds_sustainability_d .img img { vertical-align: top; }
.mds_sustainability_d .mds {
	width: 100%;
	margin: 0;
	padding: 0.7em 5px 0.7em 38px;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.environment .mds_sustainability_d .mds {
	max-width: 330px;
	background-color: #00aa71;
}
.social .mds_sustainability_d .mds {
	max-width: 330px;
	background-color: #e972ab;
}
.governance .mds_sustainability_d .mds {
	max-width: 380px;
	background-color: #0075c2;
    padding: 0.85em 5px 0.85em 38px;
}
.mds_sustainability_d .mds::before {
	content: "";
	width: 6px;
	height: calc( 100% - 15px );
	margin: 0;
	padding: 0;
	background-color: #fff;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 14px;
}
.mds_sustainability_d .mds::after {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	transform-origin: right bottom;
	transform: skewX(-45deg);
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.environment .mds_sustainability_d .mds::after { background-color: #00aa71; }
.social .mds_sustainability_d .mds::after { background-color: #e972ab;transform: skewX(-39deg); }
.governance .mds_sustainability_d .mds::after { background-color: #0075c2; transform: skewX(-39deg);}

.cont_sustainability_d {
	width: 94%;
	margin: 0 auto 50px;
	padding: 0
}
.cont_sustainability_d:last-child { margin-bottom: 0; }
.cont_sustainability_d .submds {
	margin: 0 0 15px;
	padding: 0;
	position: relative;
	z-index: 0;
}
.cont_sustainability_d .submds::before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #9fa0a0;
	position: absolute;
	left: 0;
	bottom: 0;
}
.cont_sustainability_d .submds span {
	margin: 0;
	padding: 0 9px 14px 9px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	display: inline-block;
	position: relative;
	z-index: 0;
}
.cont_sustainability_d .submds span::before {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: -0.5px;
}
.environment .cont_sustainability_d .submds span::before { background-color: #00aa71; }
.social .cont_sustainability_d .submds span::before { background-color: #e972ab; }
.governance .cont_sustainability_d .submds span::before { background-color: #0075c2; }

.cont_sustainability_d .cont {
	margin: 0;
	padding: 0 9px;
}
.cont_sustainability_d .cont div.indent1 { display: block; }

ol.list_num_sustainability {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol.list_num_sustainability li {
	margin: 0 0 1.6em;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}
ol.list_num_sustainability li *:not(.indent1) { text-indent: 0; }
ol.list_num_sustainability li .num {
	width: 1.2em;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.environment ol.list_num_sustainability li .num { color: #00aa71; }
.social ol.list_num_sustainability li .num { color: #ed6c00; }
.governance ol.list_num_sustainability li .num { color: #0075c2; }



/* --------------- environment - sustainability --------------- */

.cont_chart_iso {
	margin: 0;
	padding: 0;
}
.cont_chart_iso .box {
	width: 50%;
	max-width: 400px;
	margin: 0 auto 30px;
	padding: 0.5em 5px;
	color: #00aa71;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	background-color: #ecf6ef;
	border: solid 1px #00aa71;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.cont_chart_iso .box.green {
	width: 100%;
	max-width: 100%;
	color: #fff;
	background-color: #00aa71;
}
.cont_chart_iso .box::before {
	content: "";
	width: 1px;
	height: 31px;
	margin: 0;
	padding: 0;
	background-color: #00aa71;
	transform: translateX(-50%);
	position: absolute;
	top: 100%;
	left: 50%;
}
.cont_chart_iso .double {
	margin: 0 0 24px;
	padding: 0;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 0;
}
.cont_chart_iso .double::before {
	content: "";
	width: 1px;
	height: calc( 100% + 24px );
	margin: 0;
	padding: 0;
	background-color: #00aa71;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
.cont_chart_iso .double .box {
	width: calc( ( 100% - 68px )/2 );
	max-width: 318px;
	margin: 0;
}
.cont_chart_iso .double .box:first-child { margin-right: 68px; }
.cont_chart_iso .double .box:first-child::before {
	width: 70px;
	height: 1px;
	transform: translateY(-50%);
	top: 50%;
	left: 100%;
}
.cont_chart_iso .double .box:last-child::before { content: none; }
.cont_chart_iso .area {
	width: 100%;
	margin: 0;
	padding: 24px 0 0;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 0;
}
.cont_chart_iso .area::before {
	content: "";
	width: calc( (100% - 42px)*3/4 + 42px );
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #00aa71;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
.cont_chart_iso .area dl {
	width: calc( (100% - 42px)/4 );
	margin: 0;
	padding: 0 12px;
	background-color: #f0f5fb;
	border: solid 1px #00aa71;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.cont_chart_iso .area dl::before {
	content: "";
	width: 1px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-color: #00aa71;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 100%;
}
.cont_chart_iso .area dl dt {
	margin: 0;
	padding: 0.4em 0;
	color: #00aa71;
	font-size: min( 1.65vw, 20px );
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
	border-bottom: solid 1px #00aa71;
}
.cont_chart_iso .area dl dd {
	height: calc( 100% - ( 20px * 2.1 ) );
	margin: 0;
	padding: 8px 0;
	box-sizing: border-box;
}
.cont_chart_iso .area dl dd ul {
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cont_chart_iso .area dl dd ul li {
	margin: 0 0 1.2em;
	padding: 0;
	text-align: center;
	line-height: 1.4;
}
.cont_chart_iso .area dl dd ul li:last-child,
.cont_chart_iso .area dl:last-child dd ul li { margin-bottom: 0; }

.cont_sustainability_d .tblmds {
	width: 100%;
	max-width: 646px;
	margin: 0;
	padding: 0.5em 0.9em 0.6em;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	background-color: #00aa71;
	box-sizing: border-box;
}
.cont_sustainability_d table.tbl_iso {
	width: 100%;
	max-width: 646px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-left: solid 1px #00aa71;
	border-spacing: 0;
}
.cont_sustainability_d table.tbl_iso th {
	width: 152px;
	margin: 0;
	padding: 1.2em 5px;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	vertical-align: middle;
	background-color: #ecf6ef;
	border-bottom: solid 1px #00aa71;
	box-sizing: border-box;
}
.cont_sustainability_d table.tbl_iso td {
	width: calc( 100% - 152px );
	margin: 0;
	padding: 1.2em 1.5em;
	line-height: 1.3;
	vertical-align: middle;
	border-right: solid 1px #00aa71;
	border-bottom: solid 1px #00aa71;
	box-sizing: border-box;
}
.cont_sustainability_d table.tbl_iso td ol.list_num {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cont_sustainability_d table.tbl_iso td ol.list_num li {
	margin: 0 0 0.5em;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}
.cont_sustainability_d table.tbl_iso td ol.list_num li:last-child { margin-bottom: 0; }
.cont_sustainability_d table.tbl_iso td ol.list_num li * { text-indent: 0; }
.cont_sustainability_d table.tbl_iso td ol.list_num li .num {
	width: 1.2em;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.cont_list_environment {
	width: 100%;
	margin: 0;
	padding: 0;
}
.cont_list_environment dl {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
}
.cont_list_environment dl dt {
	width: 145px;
	margin: 0;
	padding: 0;
	font-weight: 600;
	text-align: center;
	background-color: #ecf6ef;
	border-bottom: solid 1px #00aa71;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cont_list_environment dl dd {
	width: calc( 100% - 145px );
	min-height: 136px;
	margin: 0;
	padding: 1em 1.5em;
	border-bottom: solid 1px #9fa0a0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}


/* --------------- material - sustainability --------------- */

.material .col_anchor_sustainability a {
	width: 49.04%;
	max-width: fit-content;
}
.material .col_anchor_sustainability a:last-child { margin-right: 0; }
.material .col_sustainability_d { margin: 0 0 115px; }
.environment.material .mds_sustainability_d .mds {
	width: fit-content;
	max-width: unset;
}
.material .cont_sustainability_d { margin: 0 auto 75px; }
.material .cont_sustainability_d:last-child { margin-bottom: 0; }

table.tbl_material1 {
	width: 100%;
	max-width: 626px;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	border-top: solid 1px #00aa71;
	border-left: solid 1px #00aa71;
}
table.tbl_material1 th {
	margin: 0;
	padding: 1.1em 1em 1em;
	font-weight: normal;
	box-sizing: border-box;
	border-right: solid 1px #00aa71;
	border-bottom: solid 1px #00aa71;
}
table.tbl_material1 thead th {
	width: calc( 69.15% / 3 );
	background-color: #f0f5fb;
}
table.tbl_material1 thead th:first-child {
	width: 30.85%;
	font-weight: 500;
	background-color: #efefef;
}
table.tbl_material1 tbody th {
	font-weight: 500;
	text-align: left;
	background-color: #ecf6ef;
}
table.tbl_material1 td {
	margin: 0;
	padding: 1.1em 1.2em 1em;
	text-align: right;
	box-sizing: border-box;
	border-right: solid 1px #00aa71;
	border-bottom: solid 1px #00aa71;
}


/* --------------- climate - sustainability --------------- */

.cont_climate1 {
	display: flex;
}
table.tbl_climate1 {
	width: 53.8%;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	border-top: solid 1px #00aa71;
	border-left: solid 1px #00aa71;
}
table.tbl_climate1 th {
	margin: 0;
	padding: 1em 1em 0.9em;
	font-weight: normal;
	box-sizing: border-box;
	border-right: solid 1px #00aa71;
	border-bottom: solid 1px #00aa71;
}
table.tbl_climate1 thead th {
	padding: 1em 0.5em 0.9em;
	background-color: #f0f5fb;
}
table.tbl_climate1 thead th:first-child {
	font-weight: 500;
	background-color: #efefef;
}
table.tbl_climate1 thead th:nth-child(2) {
       border-left: solid 2px #00aa71;
    border-right: solid 3px #00aa71;
	border-top: solid 2px #00aa71;
}
table.tbl_climate1 tbody th {
	font-weight: 500;
	text-align: left;
	background-color: #ecf6ef;
}
table.tbl_climate1 .total th {
	padding: 0.4em 0.8em;
	color: #00aa71;
	font-size: 1.2em;
	font-weight: 700;
}
table.tbl_climate1 td {
	margin: 0;
	padding: 1em 1.2em 0.9em;
	text-align: right;
	box-sizing: border-box;
	border-right: solid 1px #00aa71;
	border-bottom: solid 1px #00aa71;
}
table.tbl_climate1 td:nth-child(2) {
       border-left: solid 2px #00aa71;
    border-right: solid 3px #00aa71;
}
table.tbl_climate1 .total td {
	padding: 0.6em 1em 0.5em;
	color: #00aa71;
	font-size: 1.2em;
}
table.tbl_climate1 .total td:nth-child(2) {
	border-bottom: solid 3px #00aa71;
}

.graph_climate1 {
	width: 46.2%;
	margin: 0;
	padding: 3% 0 0;
	text-align: center;
}
.graph_climate1 img {
	width: 79.5%;
}

p.lead_climate1 { margin: 0 0 2.5em; }

table.tbl_climate2 {
	width: 100%;
	max-width: 624px;
	margin: 0 0 2em;
	padding: 0;
	line-height: 1.4;
	border-top: solid 1px #00aa71;
	border-left: solid 1px #00aa71;
}
table.tbl_climate2 th {
	margin: 0;
	padding: 0.9em 0.5em;
	font-weight: normal;
	border-right: solid 1px #00aa71;
	border-bottom: solid 1px #00aa71;
}
table.tbl_climate2 .mds th {
	padding: 0.3em 0.7em;
	color: #fff;
	font-weight: 500;
	text-align: left;
	background-color: #00aa71;
}
table.tbl_climate2 .head th {
	width: 32%;
	background-color: #f0f5fb;
}
table.tbl_climate2 .head th:first-child {
	width: 36%;
	background-color: #efefef;
}
table.tbl_climate2 .body th {
	font-weight: 500;
	background-color: #ecf6ef;
}
table.tbl_climate2 td {
	padding: 0.9em 0.5em;
	text-align: center;
	border-right: solid 1px #00aa71;
	border-bottom: solid 1px #00aa71;
}


/* --------------- quality - sustainability --------------- */

p.lead_quality1 { margin: 0 0 2em; }
ol.list_num_quality1 {
	margin: 0 0 110px 0;
	padding: 0;
	list-style: none;
}
ol.list_num_quality1 li {
	margin: 0 0 2em;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
ol.list_num_quality1 li:last-child { margin-bottom: 0; }
ol.list_num_quality1 li *:not(.indent1) { text-indent: 0; }
ol.list_num_quality1 li span.num {
	width: 1.5em;
	margin: 0;
	padding: 0;
	color: #e972ab;
	display: inline-block;
}

.quality .cont_chart_iso .box {
	color: #e972ab;
	background-color: #fceef5;
	border-color: #e972ab;
}
.cont_chart_iso .box.pink {
	width: 100%;
	max-width: 100%;
	color: #fff;
	background-color: #e972ab;
}
.quality .cont_chart_iso .box::before { background-color: #e972ab; }
.quality .cont_chart_iso .double::before { background-color: #e972ab; }
.quality .cont_chart_iso .area::before { background-color: #e972ab; }
.quality .cont_chart_iso .area dl { border-color: #e972ab; }
.quality .cont_chart_iso .area dl::before { background-color: #e972ab; }
.quality .cont_chart_iso .area dl dt {
	color: #e972ab;
	border-bottom-color: #e972ab;
}

.quality .cont_sustainability_d .tblmds { background-color: #e972ab; }
.quality .cont_sustainability_d table.tbl_iso { border-left-color: #e972ab; }
.quality .cont_sustainability_d table.tbl_iso th {
	background-color: #fdf2f7;
	border-bottom-color: #e972ab;
}
.quality .cont_sustainability_d table.tbl_iso td {
	border-right-color: #e972ab;
	border-bottom-color: #e972ab;
}

.figure_system_quality1 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.figure_system_quality1 .dot {
	margin: 0;
	padding: 2px 0;
	text-align: center;
}
.figure_system_quality1 .dot span {
	width: 2px;
	height: 2px;
	margin: 3px auto;
	padding: 0;
	background-color: #000;
	border-radius: 50%;
	display: block;
}




/* --------------- rights - sustainability --------------- */

p.lead_rights1 { margin: 0 0 2em; }

/* --------------- education - sustainability --------------- */
p.lead_education1 { margin: 0 0 2em; }

ul.list_education{
	margin: 0;
	padding: 0;
	list-style:none;
}

ul.list_education li{
	margin: 0;
	padding-left: 1em;
    text-indent: -1em;
	list-style:none;
}

/* --------------- diversity - sustainability --------------- */
p.lead_diversity1 { margin: 0 0 2em; }

.lead_diversity1 a{
	color: #e972ab;
	text-decoration: underline;
}

.lead_diversity1 a:hover{
	text-decoration:none;
}

.diversity .col_anchor_sustainability a {
    width: 29.46%;
}

.social #diversity1 .mds_sustainability_d .img {
    width: 100%;
}
.social #diversity1 .mds_sustainability_d .mds {
    max-width: 400px;
    padding: 0.85em 5px 0.85em 38px;
}
.social #diversity2 .mds_sustainability_d .mds {
    max-width: 350px;
}

/* --------------- safety - sustainability --------------- */
p.lead_safety1 { margin: 0 0 2em; }

.cont_chart_safe {
	margin: 0 0 120px 0;
	padding: 0;
}
.cont_chart_safe .box {
	width: 50%;
	max-width: 398px;
	margin: 0 auto 30px;
	padding: 0.4em 5px;
	color: #e972ab;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	background-color: #fdf2f7;
	border: solid 1px #e972ab;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.cont_chart_safe .box.pink {
	max-width: 398px;
	color: #fff;
	background-color: #e972ab;
	border: solid 1px #e972ab;
}
.cont_chart_safe .box::before {
	content: "";
	width: 1px;
	height: 31px;
	margin: 0;
	padding: 0;
	background-color: #e972ab;
	transform: translateX(-50%);
	position: absolute;
	top: 100%;
	left: 50%;
}
.cont_chart_safe .double {
	margin: 0 0 24px;
	padding: 0;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 0;
}
.cont_chart_safe .double::before {
	content: "";
	width: 1px;
	height: calc( 100% + 24px );
	margin: 0;
	padding: 0;
	background-color: #e972ab;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
.cont_chart_safe .double .box {
	width: calc( ( 100% - 68px )/2 );
	max-width: 318px;
	margin: 0;
}
.cont_chart_safe .double .box:first-child { margin-right: 68px; }
.cont_chart_safe .double .box:first-child::before {
	width: 70px;
	height: 1px;
	transform: translateY(-50%);
	top: 50%;
	left: 100%;
}
.cont_chart_safe .double .box:last-child::before { content: none; }
.cont_chart_safe .area {
	width: 100%;
	margin: 0;
	padding: 24px 0 0;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 0;
}
.cont_chart_safe .area::before {
	content: "";
	width: calc((100% - 42px) * 4 / 5 + 42px);
	height: 1px;
	margin: 0;
	padding: 0;
	background-color: #e972ab;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
}
.cont_chart_safe .area .bot_box {
	width: calc( (100% - 42px)/5 );
	margin: 0;
	padding: 0 2px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fdf2f7;
	border: solid 1px #e972ab;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.cont_chart_safe .area .bot_box::before {
	content: "";
	width: 1px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-color: #e972ab;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 100%;
}

.cont_chart_safe .area .bot_box span.name {
	/* height: calc( 100% - ( 20px * 2.1 ) ); */
	margin: 0;
	padding: 1.92em 0;
	text-align: center;
	font-size: min( 1.65vw, 16px );
	line-height: 1.3;
	box-sizing: border-box;
}

/* --------------- provide - sustainability --------------- */
p.lead_provide1 { margin: 0 0 2em; }

ol.list_num_provide1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol.list_num_provide1 li {
	margin: 0 0 2em;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
ol.list_num_provide1 li:last-child { margin-bottom: 0; }
ol.list_num_provide1 li *:not(.indent1) { text-indent: 0; }
ol.list_num_provide1 li span.num {
	width: 1.5em;
	margin: 0;
	padding: 0;
	color: #e972ab;
	display: inline-block;
}

ol.list_num_provide1 li span.pink{
	color: #e972ab;
}

/* --------------- governance - sustainability --------------- */
p.lead_governance1 { margin: 0 0 2em; }

.governance .col_anchor_sustainability a {
    width: 28.16%;
}

#governance1.col_sustainability_d{
	margin: 0px 0 120px;
}

#governance1 .mds_sustainability_d,
#governance2 .mds_sustainability_d{
	margin: 0 0 50px 0;
}

#governance1 .mds_sustainability_d .img ,
#governance2 .mds_sustainability_d .img {
    width: 100%;
}

#governance2 .cont_sustainability_d {
margin: 0px 0 80px;
}

ol.list_num_governance1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol.list_num_governance1 li {
	margin: 0 0 2em;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}
ol.list_num_governance1 li:last-child { margin-bottom: 0; }
ol.list_num_governance1 li *:not(.indent1) { text-indent: 0; }
ol.list_num_governance1 li span.num {
	width: 1.5em;
	margin: 0;
	padding: 0;
	color: #0075c2;
	display: inline-block;
}

.flex_img{
	max-width: 770px;
	width: 100%;
	display: flex;
	gap: 25px;
	margin: 0 auto 0 0;
	justify-content: flex-start;
}

.flex_img .img1,
.flex_img .img2{
	max-width: 373px;
	width: calc(100% - (25px / 2) / 2);
}

.flex_img img{
	width: 100%;
}

.cont_sustainability_d .caption{
	margin-top: 13px;
}





















/* --------------- news --------------- */

.bg_pagettl.news {
	background-image: url(../img/news/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.col_news1 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 80px;
	padding: 40px 10% 80px 10%;
	background-color: #FFF;
	box-sizing: border-box;
}

dl.list_news1 {
	width: 100%;
	margin: 0;
	padding: 45px 0;
	border-bottom: 1px solid #CCC;
	box-sizing: border-box;
}

dl.list_news1 dt {
	width: 20%;
	margin: 0;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	float: left;
}

dl.list_news1 dd {
	width: 55.5%;
	margin: 0;
	box-sizing: border-box;
	float: left;
}

dl.list_news1 dd:last-child {
	width: 24.5%;
	padding: 0;
}

dl.list_news1.noimg dd {
	width: 80%;
	padding: 0 0 0 15px;
}
dl.list_news1.noimg dd .ttl_news {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
}

ul.col_pagenation {
	width: 100%;
	margin: 0 0 80px 0;
	padding: 0;
	text-align: center;
}

ul.col_pagenation li {
	margin: 0 5px;
	padding: 0;
	color: #FFF;
	font-size: 16px;
	display: inline-block;
	transition: all .5s;
}

ul.col_pagenation li.is-current {
	padding: 5px 11px;
	background-color: #00aa71;
}

ul.col_pagenation li a {
	padding: 6px 11px;
	transition: all .5s;
}

ul.col_pagenation li a:hover {
	color: #FFF;
	background-color: #00aa71;
}

ul.col_pagenation li.prev {
	margin: 0 20px 0 0;
}

ul.col_pagenation li.next {
	margin: 0 0 0 20px;
}

ul.col_pagenation li.prev a,
ul.col_pagenation li.next a {
	width: 47px;
	height: 47px;
	padding: 13px 0 0 0;
	color: #FFF;
	font-size: 12px;
	background-color: #9fa0a0;
	border-radius: 50%;
	box-sizing: border-box;
	display: block;
}

ul.col_pagenation li.prev a:hover,
ul.col_pagenation li.next a:hover {
	background-color: #c9c9c9;
}




/* --------------- rnews --------------- */

.bg_pagettl.rnews {
	background-image: url(../img/news/bg_ttl.jpg);
	background-repeat: no-repeat;
}



/* --------------- advantage --------------- */

.bg_pagettl.advantage {
	height: 263px;
	background-image: url(../img/advantage/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.col_advantage1 {
	width: 100%;
	margin: 110px 0 0 0;
	padding: 160px 0 90px 0;
	background-color: #f4f4f4;
	position: relative;
}

.catch_advantage1 {
	margin: 48px 5% 155px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}

.img_advantage1 {
	width: 235px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
}

.img_advantage2 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 40px;
	padding: 0;
	position: relative;
}

.mds_advantage1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -50px;
	left: 45px;
}

.mds_advantage1 img {
	width: auto;
	height: 65px;
}

.mds_advantage2 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 45px;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
  position: relative;
}

.mds_advantage2:before {
  content: "";
  width: 30px;
  margin: 0 0 0 -15px;
  padding: 0;
  border-bottom: solid 6px #00aa71;
  position: absolute;
  bottom: -18px;
  left: 50%;
}

.lead_advantage1 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 60px auto;
	padding: 0 210px 55px 210px;
	border-bottom: 1px solid #00aa71;
	box-sizing: border-box;
}

.lead_advantage2 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 32px auto;
	padding: 0 210px;
	box-sizing: border-box;
}

.img_advantage3 {
	width: 90%;
	max-width: 894px;
	margin: 0 auto 70px auto;
	padding: 0;
}

.col_advantage2 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.col_advantage3 {
	width: 49%;
	margin: 0 2% 0 0;
	padding: 45px 25px 35px 25px;
	border: 1px solid #00aa71;
	box-sizing: border-box;
	float: left;
}

.col_advantage3:last-child {
	margin: 0;
}

.mds_advantage3 {
	width: 100%;
	margin: 0 auto 45px;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
  position: relative;
}

.mds_advantage3:before {
  content: "";
  width: 26px;
  margin: 0 0 0 -18px;
  padding: 0;
  border-bottom: solid 5px #00aa71;
  position: absolute;
  bottom: -18px;
  left: 50%;
}

.col_advantage4 {
	width: 100%;
	margin: 0 auto ;
	padding: 145px 0 100px 0;
	background-color: #f4f4f4;
}

.lead_advantage3 {
	width: 90%;
	max-width: 840px;
	margin: 0 auto;
	padding: 0;
}

.col_advantage5 {
	width: 100%;
	margin: 0;
	padding: 160px 0 120px 0;
	background-color: #fff;
	position: relative;
}

.col_advantage5 .img_advantage2 {
	margin-bottom: 70px;
}



/* --------------- company_world --------------- */

.bg_pagettl.world {
	height: 263px;
	background-image: url(../img/company/world/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.col_world1 {
	width: 90%;
	max-width: 1200px;
	height: 455px;
	margin: 0 auto 70px;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

.mov_imgworld {
	width: 1141px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 36%;
	transition: all .8s ease .2s;
	z-index: 1;
}

.lead_world1 {
	padding: 100px 0 0 0;
	position: relative;
	z-index: 2;
}

.lead_world1 span {
	padding: 0 10px 4px 2px;
	font-size: 38px;
	font-weight: bold;
	text-shadow: 1px 2px 3px #FFF;
  background: linear-gradient(transparent 94%, #00aa71 0%);
  display: inline;
}

.name_world {
	margin: 35px 0 0 80px;
}

.name_world .pc {
	display: block;
}

.name_world .sp {
	display: none;
}

.col_world2 {
	width: 90%;
	max-width: 900px;
	margin: 0 auto 50px;
	padding: 0 0 108px 45px;
	line-height: 2em;
	position: relative;
	z-index: 0;
}

.col_world2:before {
	content: "";
	width: 124px;
	height: 212px;
	background-image: url(../img/company/world/bg_world1.gif);
	background-repeat: no-repeat;
	background-size: auto auto;
	position: absolute;
	top: -104px;
	left: -96px;
	z-index: -1;
}

.col_world2:after {
	content: "";
	width: 120px;
	height: 112px;
	background-image: url(../img/company/world/bg_world2.gif);
	background-repeat: no-repeat;
	background-size: 120px auto;
	position: absolute;
	bottom: 20px;
	right: 0;
	z-index: -1;
}

.col_world2 p {
	margin: 0 0 25px 0;
}

.col_btmlink {
	width: 100%;
	margin: 0;
	padding: 60px 0;
	background-color: #f4f4f4;
}

.inner_btmlink {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.inner_btmlink a {
	width: 49%;
	margin: 0 2% 0 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	display: block;
	float: left;
	transition: all .4s ease;
}

.inner_btmlink a:last-child {
	margin: 0;
}

.inner_btmlink a span {
	padding: 23px 0 23px 22px;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

.inner_btmlink a span::before,
.inner_btmlink a span::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.inner_btmlink a span::before{
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 1px solid #00aa71;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.inner_btmlink a span::after{
	left: 8px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #00aa71;
}



/* --------------- company_story --------------- */

.bg_pagettl.story {
	height: 263px;
	background-image: url(../img/company/story/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.mds_story1 {
	text-align: center;
}

.mds_story1 h2 {
	margin: 0 0 20px 0;
	font-size: 75px;
	font-weight: bold;
	font-style: oblique;
}

.mds_story1 h2 span {
	color: #e60039;
}

.lead_story1 h3 {
	color: #00aa71;
	font-size: 25px;
	font-weight: bold;
	line-height: 33px;
	border-bottom: solid 5px #efefef;
	position: relative;
}

.lead_story1 h3:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 30%;
	border-bottom: 5px solid #00aa71;
}







/* --------------- recruit_new --------------- */

.bg_pagettl.recruit_new {
	height: 262px;
	background-image: url(../img/recruit_new/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.col_tabs {
	width: 100%;
	border-bottom: solid 1px #00aa71;
}

ul.tabs_recruit {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: flex-end;
}

ul.tabs_recruit li {
	width: 24%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.4;
	text-align: center;
	background-image: url(../img/bg_btn_gray.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 120% auto;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	display: table;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	cursor: pointer;
}

ul.tabs_recruit li.active {
	background-image: url(../img/bg_btn_green.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 120% auto;
}

ul.tabs_recruit li.entry {
	background-image: url(../img/bg_btn_pink.jpg);
	background-repeat: no-repeat;
}

ul.tabs_recruit li.entry.active {
	background-image: url(../img/bg_btn_red.jpg);
	background-repeat: no-repeat;
}

ul.tabs_recruit li + li {
	margin-left: 1.25%;
}

ul.tabs_recruit li div {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	vertical-align: middle;
}

.col_tabs.btm {
	margin-bottom: 30px;
	border-top: solid 1px #00aa71;
	border-bottom: none;
}

.col_tabs.btm ul.tabs_recruit {
	align-items: flex-start;
}

.col_tabs.btm ul.tabs_recruit li {
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}

.col_recruit {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
	position: relative;
	z-index: 0;
}

.col_recruit:before {
	content: "";
	width: 100%;
	height: 80%;
	margin: 0;
	padding: 0;
	background-color: #d1f4ef;
	transform: skewX(60deg);
	position: absolute;
	top: 80px;
	left: 115%;
	z-index:  -1;
}

.col_recruit.nobefore:before {
	content: none;
}

.col_recruit .mds1 {
	margin-bottom: 80px;
}

.copy_recnew {
	margin: 0 0 30px 0;
	padding: 0;
	color: #00aa71;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
}

.col_rec_message {
	margin: 0;
	padding: 0;
}

.col_rec_message p {
	width: 83%;
	margin: 0 0 30px 0;
	padding: 0;
}

.col_rec_message p.mb0 {
	margin-bottom: 0;
}

.col_rec_message p.btm {
	width: 52%;
	float: left;
}

.col_message_rec {
	width: 340px;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 15px;
	display: table;
	float: right;
}

.img_message_rec {
	width: 53%;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: bottom;
}

.col_message_rec div {
	margin: 0;
	padding: 0 0 0 12px;
	display: table-cell;
	vertical-align: bottom;
}

.col_message_rec span {
	font-size: 20px;
	font-weight: bold;
}


/* ��ｽd��ｽ��ｽ��ｽ��ｽ��ｽe��ｽE��ｽﾐ包ｿｽ */

.box_recwork {
	width: 49%;
	margin: 0 0 2% 0;
	padding: 50px 2% 40px;
	border: solid 1px #00aa71;
	box-sizing: border-box;
	float: left;
}

.box_recwork.right {
	margin-left: 2%;
}

.box_recwork.wide {
	width: 100%;
}

.box_recwork .mds1 {
	margin-bottom: 45px;
}

.lead_recwork {
	margin: 0 0 45px 0;
	padding: 0;
	text-align: center;
}

.box_recwork dl {
	margin: 0 0 20px 0;
	padding: 0;
}

.box_recwork dl + dl {
	border-top: none;
}

.box_recwork dl dt {
	width: 120px;
	margin: 0;
	padding: 5px 0 0 0;
	color: #fff;
	display: table-cell;
	vertical-align: top;
}


.box_recwork dl dt div {
	width: 100%;
	margin: 0;
	padding: 7px 5px;
	text-align: center;
	background-color: #00aa71;
	box-sizing: border-box;
}

.box_recwork dl dd {
	margin: 0;
	padding: 0 0 0 15px;
	display: table-cell;
}

.box_recwork.wide dl {
	display: flex;
	align-items: center;
	justify-content: center;
}

.box_recwork.wide dl dt {
	width: 46%;
	max-width: 458px;
	line-height: 1.5;
	display: block;
}

.box_recwork.wide dl dd {
	width: 40%;
	display: block;
}

.bg_reccorp {
	margin: 0 0 35px;
	padding: 110px 0 90px;
	background-color: #f4f4f4;
}

.col_reccorp {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 15px auto;
	padding: 35px 3%;
	background-color: #fff;
	box-sizing: border-box;
}

.col_reccorp.btm {
	padding-bottom: 90px;
}

.col_reccorp .mds_reccorp {
	width: 66%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #00aa71;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: solid 1px #00aa71;
	float: left;
}

.col_reccorp .txt_reccorp {
	width: 66%;
	margin: 0;
	padding: 0;
	float: left;
}

.col_reccorp.btm .txt_reccorp {
	width: auto;
	margin-bottom: 40px;
	float: unset;
}

.col_reccorp ul,
.col_reccorp ol {
	margin: 0;
	padding: 0 8px 0 0;
	list-style: none;
	box-sizing: border-box;
}

.col_reccorp ul li,
.col_reccorp ol li {
	margin: 0 0 2px 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.col_reccorp ul li.color,
.col_reccorp ol li.color {
	color: #00aa71;
	padding: 0;
	text-indent: 0;
}

.col_reccorp ul.fleft,
.col_reccorp ol.fleft {
	width: 50%;
}

.img_reccorp {
	width: 30%;
	margin: 0;
	padding: 0;
	float: right;
}

.col_reccorp.btm .img_reccorp {
	margin: 0 0 2% 3%;
}

.col_reccorp.btm .txt_reccorp p.big {
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 1.5;
}

a.link_reccorp {
	margin: 0;
	padding: 0 0 0 10px;
	color: #00aa71;
	text-decoration: underline;
	display: inline-block;
	position: relative;
	z-index: 0;
}

a.link_reccorp:before {
	content: "";
	margin: 0;
	padding: 0;
	border-left: 4px solid #00aa71;
	border-top: solid 4px transparent;
	border-bottom: solid 4px transparent;
	position: absolute;
	top: 9px;
	left: 0;
}

.mds_recevent {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

.col_recevent {
	width: 100%;
	max-width: 786px;
	margin: 0 auto 45px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.col_recevent div {
	width: 32%;
	max-width: 250px;
}


/* ��ｽ��ｽ��ｽy��ｽﾐ茨ｿｽ��ｽC��ｽ��ｽ��ｽ^��ｽr��ｽ��ｽ��ｽ[ */

.bg_recinterview {
	margin: 0 0 20px;
	padding: 20px 0 0 0;
	background-color: #f4f4f4;
}

.bg_recinterview.btm {
	margin-bottom: 50px;
}

.col_recinterview {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.img_recinterview {
	width: 100%;
	margin: 0 0 40px;
	padding: 0;
	position: relative;
	z-index: 0;
}

.num_recinterview {
	width: 65px;
	margin: 0;
	padding: 15px 30px 30px 15px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.num_recinterview:before {
	content: "";
	margin: 0;
	padding: 0;
	border-top: solid 130px #00aa71;
	border-right: solid 130px transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.lead_recinterview {
	width: 565px;
	margin: 0;
	padding: 15px 0 15px 34px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
	background-color: #00aa71;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 20px;
}

.cont_recinterview {
	width: 100%;
	max-width: 1058px;
	margin: 0 auto;
	padding: 0;
	display: table;
}

.img_recinterview2 {
	width: 200px;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	display: table-cell;
	vertical-align: top;
}

.img_recinterview2 img {
	margin-bottom: 5px;
}

.img_recinterview2 span {
	font-size: 20px;
	font-weight: bold;
}

.txt_recinterview {
	margin: 0;
	padding: 0 0 0 35px;
	display: table-cell;
	vertical-align: top;
	position: relative;
	z-index: 0;
}

.txt_recinterview dl {
	margin: 0 0 30px 0;
	padding: 0;
}

.txt_recinterview dl dt {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	color: #00aa71;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: solid 1px #00aa71;
}

.txt_recinterview dl dd {
	margin: 0;
	padding: 0;
}


/* ��ｽ��ｽ��ｽﾐ趣ｿｽ��ｽE��ｽ��ｽ��ｽC */

.img_recnyusha {
	width: 31%;
	margin: 0;
	padding: 0;
	float: left;
}

.img_recnyusha + .img_recnyusha {
	margin-left: 3.5%;
}

.img_recnyusha img {
	margin: 0 0 8px;
}

.col_list_training {
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}

.mds_list_training {
	width: 100%;
	margin: 0 0 20px;
	padding: 3px 16px;
	color: #fff;
	background-color: #3e3a39;
	box-sizing: border-box;
}

.col_list_training dl {
	margin: 0 0 4px;
	padding: 0 16px;
	line-height: 1.5;
	display: table;
}

.col_list_training dt {
	width: 175px;
	margin: 0;
	padding: 0;
	display: table-cell;
}

.col_list_training dd {
	margin: 0;
	padding: 0 0 0 5px;
	dipslay: table-cell;
}

.img_training {
	width: 47.5%;
	margin: 0 0 0 1.5%;
	padding: 0;
	float: right;
}


/* ��ｽ��ｽ��ｽW��ｽv��ｽ��ｽ��ｽE��ｽG��ｽ��ｽ��ｽg��ｽ��ｽ��ｽ[ */

.mds_require {
	width: 100%;
	margin: 0 0 22px 0;
	padding: 12px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
	background-color: #3e3a39;
	box-sizing: border-box;
}

.mds_require > div {
	margin: 0;
	padding: 0 10px;
	border-left: solid 6px #FFF;
}

.tbl_require {
	width: 47%;
	margin: 0;
	padding: 0;
	float: left;
}

.tbl_require.right {
	margin-left: 6%;
}

.tbl_require dl {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
}

.tbl_require dl dt {
	width: 100px;
	margin: 0;
	padding: 15px 10px;
	color: #00aa71;
	font-weight: normal;
	text-align: left;
	background-color: #e5f6f1;
	border-bottom: solid 1px #00aa71;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
}

.tbl_require dl dd {
	margin: 0;
	padding: 15px;
	border-bottom: solid 1px #b5b5b6;
	display: table-cell;
	vertical-align: top;
}

.tbl_require dl dd .indent {
	padding-left: 1em;
}

.tbl_require .btm dt,
.tbl_require .btm dd {
	border-bottom: none;
}

.tbl_require .btm dd p {
	margin-bottom: 10px;
}

.tbl_require .btm dd p.mb20 {
	margin-bottom: 20px;
}

.tbl_require .btm dd ol {
	margin: 0;
	padding: 0;
}

.tbl_require .btm dd ol li {
	margin: 0 0 6px 15px;
	padding: 0;
}

.tbl_require a {
	text-decoration: underline;
}

.tbl_require a:hover {
	text-decoration: none;
}

a.btn_require1 {
	width: 90%;
	max-width: 462px;
	margin: 45px auto 0;
	padding: 12px 0;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/bg_btn_red.jpg);
	background-repeat: no-repeat;
	background-size: 120% auto;
	background-positio: right center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}

.btop_require {
	border-top: solid 1px #b5b5b6;
}

.bg_form_newrec {
	margin: 0 0 50px;
	padding: 80px 0;
	background-color: #f4f4f4;
}

.mds_form_newrec {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 8px 0;
	color: #fff;
	font-size: 25px;
	text-align: center;
	background-color: #3e3a39;
}

.col_form_newrec {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 4%;
	background-color: #fff;
	border: solid 2px #3e3a39;
	box-sizing: border-box;
}

.col_form_newrec p {
	margin-bottom: 40px;
	text-align: center;
}

.col_form_newrec span.must {
	color: #e60039;
}

.cont_form_recruit {
	margin: 0 0 35px 0;
	padding: 35px 0 0 0;
	border-top: solid 1px #3e3a39;
}

.cont_form_recruit dl {
	width: 98%;
	max-width: 720px;
	margin: 0 auto 20px;
	padding: 0;
	font-size: 14px;
	display: table;
}

.cont_form_recruit dl dt {
	width: 190px;
	margin: 0;
	padding: 0;
	color: #00aa71;
	display: table-cell;
	vertical-align: top;
}

.cont_form_recruit dl dd {
	margin: 0;
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
}

.cont_form_recruit dl dd.cat .horizontal-item + .horizontal-item {
	margin-left: 0;
}

.cont_form_recruit dl dd input[type="text"] {
	width: 100%;
	margin: 0;
	padding: 10px 5px;
	box-sizing: border-box;
	background-color: #f3f3f3;
	border: none;
}

.cont_form_recruit dl dd label {
	display: inline-block;
}

.cont_form_recruit dl dd .postcode {
	color: #00aa71;
}

.cont_form_recruit dl dd .postcode input[type="text"] {
	width: 30%;
	min-width: 150px;
}

.cont_form_recruit dl dd.address div {
	margin: 0 0 20px 0;
}

.cont_form_recruit dl dd select {
	margin: 0 5px 0 0;
	padding: 4px;
}

.cont_form_recruit dl dd textarea {
	width: 100%;
	height: 8em;
	padding: 10px;
	background-color: #f3f3f3;
	border: none;
	box-sizing: border-box;
}

.btnarea_recform {
	margin: 0;
	padding: 50px 0;
	text-align: center;
}

.btnarea_recform input {
	width: 100%;
	max-width: 314px;
	margin: 0 auto;
	padding: 15px 5px;
	color: #fff;
	font-size: 15px;
	background-image: url(../img/bg_btn_red.jpg);
	background-repeat: no-repeat;
	background-size: 120% auto;
	background-position: right center;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}

.btnarea_recform input[name="submitBack"] {
	margin-right: 40px;
	background-image: url(../img/bg_btn_gray.jpg);
}

dl.jobtype {
	width: 100%;
	max-width: 740px;
	margin-top: 5px;
	padding: 18px 0 18px 20px;
	background-color: #f3f3f3;
	box-sizing: border-box;
	display: block;
	position: relative;
	z-index: 0;
}

dl.jobtype:before {
	content: "";
	margin: 0 0 0 -6px;
	padding: 0;
	border-bottom: solid 10px #f3f3f3;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	position: absolute;
	top: -8px;
	left: 50%;
}

dl.jobtype dt {
	margin: 0 0 8px 0;
	display: block;
}

dl.jobtype dd {
	display: block;
}

dl.jobtype dd.cat2 {
	display: none;
}

a.btn_thanks_recruit {
	width: 100%;
	max-width: 360px;
	margin: 40px auto 30px;
	padding: 13px 5px;
	color: #fff;
	text-align: center;
	background-image: url(../img/bg_btn_green.jpg);
	background-repeat: no-repeat;
	background-size: 120%;
	background-position: right center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}



/* --------------- recruit_career --------------- */

.bg_pagettl.recruit_career {
	height: 262px;
	background-image: url(../img/recruit_career/bg_ttl.jpg);
	background-repeat: no-repeat;
}

ul.tabs_recruit.tabs_career li {
	width: 32%;
}

ul.tabs_recruit.tabs_career li + li {
	margin-left: 2%;
}



/* --------------- product --------------- */

.bg_pagettl.product {
	height: 263px;
	background-image: url(../img/product/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.bg_product1 {
	margin: 0;
	padding: 80px 0;
	background-image: url(../img/product/bg_product1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2000px auto;
}

.col_product1 {
	width: 92%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0;
}

p.lead_product1 {
	margin: 0 0 50px 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.figure_product1 {
	width: 50%;
	margin: 0;
	padding: 0;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	float: left;
}

.figure_product1 img {
	margin: 0 0 10px 0;
}

ul.list_img_product {
	width: 44%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	float: right;
}

ul.list_img_product li {
	width: 31%;
	margin: 0 3.5% 3.5% 0;
	padding: 0;
	background-color: #fff;
	position: relative;
	z-index: 0;
}

ul.list_img_product li:nth-child(3n) {
	margin-right: 0;
}

ul.list_img_product li img {
	transition: opacity .3s;
	-moz-transition: opacity: .3s;
	-webkit-transition: opacity .3s;
}

.name_list_product {
	width: 100%;
	margin: 0;
	padding: 2px 2px 3px;
	color: #fff;
	font-size: 17px;
	line-height: 1.4;
	text-align: center;
	background-color: #e60039;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
}

.name_list_product span {
	width: 17px;
	height: 17px;
	margin: 0 2px 0 0;
	padding: 0;
	color: #e60039;
	font-size: 14px;
	text-align: center;
	line-height: 17px;
	background-color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: baseline;
}

.bg_product2 {
	margin: 0;
	padding: 90px 0 70px;
	background-color: #f4f4f4;
}

.mds_pickup_product {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 35px;;
	padding: 0;
	color: #00aa71;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}

.col_product2 {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.col_pickup_product {
	width: 100%;
	margin: 0;
	padding: 0;
}

.box_pickup_product {
	width: 31%;
	margin: 0 0 0 3.5%;
	padding: 0 0 30px 0;
	background-color: #fff;
	position: relative;
	z-index: 0;
	float: left;
}

.box_pickup_product:first-child {
	margin-left: 0;
}

.box_product {
	width: 48.5%;
	margin: 0 0 3% 0;
	padding: 0 0 40px 0;
	background-color: #fff;
	box-shadow: 0 0 2px 2px #f3f3f3;
	position: relative;
	z-index: 0;
	float: left;
}

.box_product:nth-child(even){
	margin-left: 3%;
}

.img_pickup_product {
	margin: 0;
	padding: 0;
}

.box_pickup_product dl,
.box_product dl {
	margin: 0;
	padding: 15px 20px;
}

.box_pickup_product dl dt,
.box_product dl dt {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	font-size: 25px;
	font-weight: bold;
	position: relative;
	z-index: 0;
}

.box_pickup_product dl dt:before,
.box_product dl dt:before {
	content: "";
	width: 30px;
	margin: 0;
	padding: 0;
	border-bottom: solid 7px #00aa71;
	position: absolute;
	left: 0;
	bottom: 0;
}

.box_pickup_product dl dd,
.box_product dl dd {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

.box_pickup_product a,
.box_product a {
	margin: 0;
	padding: 0;
	font-weight: bold;
	position: absolute;
	right: 20px;
	bottom: 14px;
}

.box_pickup_product a:hover,
.box_product a:hover {
	text-decoration: underline;
}

.box_pickup_product a:before,
.box_product a:before {
	content: "\025b6";
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	background-color: #e60039;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top: 4px;
	left: -19px
}

.border_pickup_product {
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	background-color:o #564;
	background-image: url(../img/bg_btn_green.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: right 60%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.col_product3 {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 70px 0 70px;
}

.num_product_sort {
	width: 30px;
	height: 30px;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	border: solid 2px #fff;
	box-shadow: 1px 1px 3px 0px #636262;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.num_product_sort.air {
	background-color: #0074c1;
}

.num_product_sort.hybrid {
	background-color: #e50038;
}

.num_product_sort.air-hybrid {
	background: -moz-linear-gradient(135deg, #0074c1 0%,#0074c1 21px,#e50038 21px,#e50038 100%);
	background: -webkit-linear-gradient(135deg, #0074c1 0%,#0074c1 21px,#e50038 21px,#e50038 100%);
	background: -ms-linear-gradient(135deg, #0074c1 0%,#0074c1 21px,#e50038 21px,#e50038 100%);
	background: linear-gradient(135deg, #0074c1 0%,#0074c1 21px,#e50038 21px,#e50038 100%);
}



/* --------------- product-water --------------- */

.bg_pagettl.water {
	height: 263px;
	background-image: url(../img/product/water/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.col_productlist {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 1;
}

.col_productlist .box_product {
	width: 31%;
	margin: 0 3.5% 3.5% 0;
}

.col_productlist .box_product:nth-child(even) {
	margin-left: 0;
}

.col_productlist .box_product:nth-child(3n) {
	margin-right: 0;
}

a.btn_productlist {
	width: 92%;
	max-width: 315px;
	margin: 30px auto 70px;
	padding: 12px 5px;
	color: #fff;
	text-align: center;
	background-image: url(../img/bg_btn_green.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 120% auto;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	display: block;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}



/* --------------- product-heat --------------- */

.bg_pagettl.heat {
	height: 263px;
	background-image: url(../img/product/heat/bg_ttl.jpg);
	background-repeat: no-repeat;
}



/* --------------- product-metal --------------- */

.bg_pagettl.metal {
	height: 263px;
	background-image: url(../img/product/metal/bg_ttl.jpg);
	background-repeat: no-repeat;
}



/* --------------- product-commission --------------- */

.bg_pagettl.commission {
	height: 263px;
	background-image: url(../img/product/commission/bg_ttl.jpg);
	background-repeat: no-repeat;
}



/* --------------- product-detail --------------- */

.wrap_prouctlist {
	background-color: #fff;
	position: relative;
}

.wrap_prouctlist .col_productlist {
	width: 100%;
	max-width: 100%;
	padding: 0 0 30px;
}

.bg_product_white {
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0 5px 0;
	background-color: #fff;
}

.wrap_prouctlist .col_productlist .mds_product_d {
	width: 92%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}

.mds_product_d {
	width: 100%;
	margin: 0 0 50px;
	padding: 0 0 10px 0;
	font-size: 33px;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 5px #efefef;
	position: relative;
	z-index: 0;
}

.mds_product_d:before {
	content: "";
	width: 110px;
	margin: 0 0 0 -55px;
	padding: 0;
	border-bottom: solid 5px #00aa71;
	position: absolute;
	left: 50%;
	bottom: -5px;
}

.img_product_d1 {
	width: 100%;
	max-width: 915px;
	margin: 0 auto 60px;
	padding: 0;
	position: relative;
	z-index: 0;
}

.bg_product_d {
	margin: 0;
	padding: 0 0 80px;
	position: relative;
	z-index: 0;
}

.bg_product_d.noimg {
	padding: 20px 0 60px;
}

.bg_product_d:before {
	content: "";
	width: 100%;
	height: calc( 100% + 210px );
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
	position: absolute;
	bottom: 0;
	z-index: -1;
}

.img_product_d2 {
	width: 100%;
	max-width: 915px;
	margin: 0 auto 60px;
	padding: 35px;
	text-align: center;
	background-color: #fff;
	border: solid 5px #efefef;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}

.img_product_d2 img {
	max-width: 100%;
	max-height: 100%;
}

.mds_img_product_d {
	margin: 0;
	padding: 0 0 0 12px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	border-left: solid 5px #00aa71;
	position: absolute;
	top: 28px;
	left: 28px;
}

.mds_shiyou_product {
	width: 100%;
	max-width: 915px;
	margin: 0 auto;
	padding: 12px 8px 12px 12px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	background-color: #0075c2;
	box-sizing: border-box;
}

.mds_shiyou_product.material {
	margin-top: 45px;
}

.mds_shiyou_product span {
	padding-left: 15px;
	border-left: solid 5px #FFF;
}

table.tbl_product_d {
	width: 100%;
	max-width: 915px;
	margin: 0 auto;
	padding: 0;
	border-left: solid 1px #d8d9d9;
	border-right: solid 1px #d8d9d9;
}

table.tbl_product_d th {
	width: 200px;
	margin: 0;
	padding: 10px 5px 10px 20px;
	font-weight: normal;
	text-align: left;
	border-right: solid 1px #d8d9d9;
	border-bottom: solid 1px #d8d9d9;
}

table.tbl_product_d td {
	margin: 0;
	padding: 10px 5px 10px 20px;
	background-color: #fff;
	border-bottom: solid 1px #d8d9d9;
}

ul.link_product_d {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
	display: flex;
	justify-content: center;
}

ul.link_product_d li {
	width: 31%;
	max-width: 245px;
	text-align: center;
}

ul.link_product_d li + li {
	margin-left: 3.5%;
}

ul.link_product_d li a{
	padding: 12px 3px;
	display: inline-block;
}

ul.link_product_d li:not(.tolist) a {
	width: 100%;
	margin: 0;
	color: #fff;
	text-align: center;
	background-image: url(../img/bg_btn_green.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 120% auto;
	box-sizing: border-box;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
}

ul.link_product_d li.tolist a {
	text-decoration: underline;
}



/* --------------- actionplan --------------- */

.bg_pagettl.actionplan {
	height: 263px;
	background-image: url(../img/actionplan/bg_ttl.jpg);
	background-repeat: no-repeat;
}

.logo_actionplan {
	width: 70%;
	max-width: 240px;
	margin: 0 auto 70px;
	padding: 20px 0 0 0;
	display: flex;
	justify-content: space-between;;
}

.logo_actionplan img {
	width: 44%;
	max-width: 100px;
	margin: 0;
	padding: 0;
}

.lead_actionplan {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto 80px;
	padding: 0;
	text-align: center;
}

.col_actionplan {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto 70px;
	padding: 0;
	border: solid 2px #3e3a39;
	box-sizing: border-box;
}

.cont_actionplan {
	width: 84%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 55px 0;
	border-bottom: solid 1px #c8c9ca;
}

.cont_actionplan:last-child {
	border-bottom: none;
}

.cont_actionplan .txt_span {
	margin: 0;
	padding: 0;
	font-size: 20px;
	text-align: center;
}

dl.txt_actionplan {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 50px;
	padding: 10px 0 0 0;
}

dl.txt_actionplan:last-child {
	margin-bottom: 0;
}

dl.txt_actionplan dt {
	margin: 0 0 20px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	display: flex;
}

dl.txt_actionplan dt .mds {
	width: 75px;
	margin: 0;
	padding: 0;
	color: #00a971;
}

dl.txt_actionplan dt .txt {
	width: calc( 100% - 75px );
	margin: 0;
	padding: 0;
}

dl.txt_actionplan dd {
	margin: 0;
	padding: 0;
}

ul.list_actplan {
	margin: 0;
	padding: 0;
}

ul.list_actplan li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

ul.list_actplan li * {
	text-indent: 0;
}

ul.list_actionplan_goal {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}

ul.list_actionplan_goal li {
	margin: 0 0 10px;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

dl.date_actionplan1 {
	width: 100%;
	margin: 0 0 5px;
	padding: 0;
	display: flex;
}

dl.date_actionplan1:last-of-type {
	margin-bottom: 0;
}

dl.date_actionplan1 dt {
	width: 7.5em;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	flex-shrink: 0;
}

dl.date_actionplan1 dd {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

dl.box_announce_actionplan {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 20px 20px 20px;
	border: solid 2px #00a971;
	box-sizing: border-box;
}

dl.box_announce_actionplan dt {
	margin: 0 0 15px;
	padding: 0 15px 10px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 2px #00a971;
}

dl.box_announce_actionplan dd {
	margin: 0;
	padding: 0 15px;
}

dl.box_announce_actionplan dd .list {
	max-width: 460px;
	margin: 0 0 5px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	overflow: hidden;
}

dl.box_announce_actionplan dd .list:last-of-type {
	margin-bottom: 0;
}

dl.box_announce_actionplan dd .list .left {
	flex-shrink: 0;
}

dl.box_announce_actionplan dd .list .right {
	width: 5em;
	text-align: right;
}

dl.box_announce_actionplan dd .list .bg {
	padding: 0 3px;
	background-color: #fff;
	position: relative;
	z-index: 0;
}

dl.box_announce_actionplan dd .list .left .bg::before {
	content: "\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}