@charset "utf-8";
/* CSS Document */

/* company common */
.mv {
	background: url(/company/img/company_mv_pc.jpg) no-repeat top center;
	background-size: cover;
	height: 220px;
	margin-bottom: 80px;
	position: relative;
}
.mv::after {
	content: "";
	display: block;
	width: 60px;
	border-bottom: 4px solid #0060af;
	position: absolute;
	bottom: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0);
}
.mv h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	font-size: 36px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	width: 100%;
}
.mv h1 span {
	font-family: Montserrat, "sans-serif";
	font-size: 16px;
	font-weight: bold;
	display: block;
}
.container .inner {
	width: 1200px;
	margin: 0 auto;
}
.container .inner img {
	width: 100%;
	height: auto;
}
.container .inner h2 {
	font-size: 30px;
	color: #000000;
	font-weight: 600;
	border-left: 4px solid #0060af;
	padding: 0 0 0 20px;
	margin-bottom: 40px;
}

#company .companyList {
	margin-bottom: 0;
	width: 1200px;
	margin: 0 auto;
}
#company .companyList ul li {
	float: left;
	width: 380px;
	position: relative;
	overflow: hidden;
}
#company .companyList ul li a {
	display: block;
}
#company .companyList ul li a img {
	width: 100%;
	-webkit-transition: all .6s;
	transition: all .6s;
}
#company .companyList ul li a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#company .companyList ul li+li {
	margin-left: 30px;
}
#company .companyList ul li p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	width: 100%;
}
#company .companyList ul li p span {
	font-family: Montserrat, "sans-serif";
	font-size: 12px;
	font-weight: bold;
	display: block;
}


/* company index */
.company .container .inner h2{
	display:inline-block;
	vertical-align: middle;
	margin-bottom: 60px;
}
.company .container .inner h3 {
	background: #f1f2f3;
	font-size: 20px;
	font-weight: 600;
	color: #0060af;
	line-height: 1.5;
	padding: 20px;
	margin-bottom: 30px;
}
.companyArea dl, .companyArea dt, .companyArea dd {
	box-sizing: border-box;
}
.companyArea dl {
	background: #005faf;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 100px;
}
.companyArea dt, .companyArea dd {
	padding: 30px 40px 0 40px;
	border-top: 1px solid #dddddd;
}
.companyArea dt {
	width: 20%;
	float: left;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
}
.companyArea dd {
	background: #fff;
	margin-left: 20%;
	padding-bottom: 30px;
	border-left: 4px solid #f1f2f3;
	font-size: 14px;
	font-weight: 300;
	color: #333333;
	line-height: 2em;
}
.companyArea dd:after {
	content: '';
	display: block;
	clear: both;
}
.companyArea dd ul li {
}
.companyArea dd ul li+li {
	padding-top: 20px;
}
.companyArea dd ul li p {
	display: inline-block;
}
.companyArea dd ul li span {
	color: #0060af;
	display: inline-block;
	vertical-align: top;
	margin-right: 35px;
	width: 100px;
}

.company #anchorLink {
	float: right;
}
.company #anchorLink ul {
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
.company #anchorLink ul li {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	width: 200px;
	border: 1px solid #0060af;
	display: inline-block;
	box-sizing:  border-box;
}
.company #anchorLink ul li+li {
	margin-left: 5px;
}
.company #anchorLink ul li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f1f2f3;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.company #anchorLink ul li:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	border-bottom: solid 1px #ffffff;
}
.company #anchorLink ul li a {
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #0060af;
	text-align: center;
	z-index: 2;
	padding: 10px 0;
}
.company #anchorLink ul li a:after, .company #anchorLink ul li a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.company #anchorLink ul li a:after {
	right: 24px;
	top: 3px;
	box-sizing: border-box;
	width: 7px;
	height: 5px;
	border: 3px solid transparent;
	border-top: 5px solid #ffffff;
}
.company #anchorLink ul li a:before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #0d68b3;
}

.accessmap {
	margin-bottom: 100px;
	margin-top: -100px;
	padding-top: 100px;
}
.accessmap .accessImg {
	width: 380px;
	float: left;
	font-size: 14px;
	font-weight: 300;
	color: #333333;
}

.accessmap .accessImg>img {
	margin-bottom: 40px
}
.accessmap .accessImg p {
	margin-bottom: 20px;
}
.accessmap .accessImg .tel{
    font-family: Montserrat, "sans-serif";
}
.accessmap .accessImg ul li {
	margin-bottom:20px;
}
.accessmap .accessImg  ul li:nth-child(even){
	margin-left: 0;
}
.accessmap .accessImg ul li span {
	margin-right: 15px;
}
.accessmap .accessImg ul li span img{
	width:16px;
	height:auto;
}
.accessmap .map {
	width: 780px;
	height: 450px;
	float: right;
}
.accessmap .map iframe{
	width:100%;
	height:100%;
}
.accessmap ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.accessmap ul li{
	width: 570px;
	margin-bottom: 60px;
}
.accessmap ul li:nth-child(even) {
    margin-left: 60px;
}
.accessmap ul li h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 40px;
}

.container .inner .accessmap ul li h4 span img{
    width: 58px;
    height: auto;
    margin-right: 10px;
}
.accessmap ul li .map {
    width: 570px;
    height: 350px;
    float: none;
    margin-bottom: 20px;
}
.accessmap ul li .map iframe{
	width:100%;
	height:100%;
}


.accessmap ul li .address p{
	width:230px;
	float: left;
}
.accessmap ul li .address ul{
	float: left;
	display: block;
	margin-top: 30px;
}
.accessmap ul li .address ul li{
	width:310px;
	margin-bottom: 20px;
	margin-left:30px;
	font-size: 14px;
	font-weight: 300;
	color: #333333;
}
.accessmap ul li .address ul li+li{
	font-family: Montserrat, "sans-serif";
}
.accessmap ul li .address ul li:nth-child(even) {
	margin-left:30px;
}
.accessmap ul li .address ul li span{
    margin-right: 15px;
}
.accessmap ul li .address ul li span img{
	width:16px;
}


/* message */

.message .mv {
	background: url(/company/img/message_mv_pc.jpg) no-repeat top center;
	background-size: cover;
}
.messageArea {
	margin-bottom: 100px;
}
.messageArea h2 {
	float: left;
}
.messageArea .img {
	float: right;
	width: 300px;
	margin-left: 30px;
	margin-bottom: 20px;
}
.messageArea .comment {
	/*float: left;*/
	/*width: 781px;*/
}
.messageArea .comment h3 {
	font-size: 24px;
	font-weight: 600;
	color: #0060af;
	line-height: 50px;
	margin-bottom: 30px
}
.messageArea .comment p {
	font-size: 15px;
	font-weight: 300;
	color: #333333;
	line-height: 34px;
	margin-bottom: 40px
}
.messageArea .comment span {

	width: 253px;
	display: block;
}
.idea{
	margin-bottom: 90px;
}
.idea h3{
    font-size: 20px;
    font-weight: 600;
    color: #0060af;
    line-height: 1.5;
    margin-bottom: 20px;
}
.idea ul {
	margin: 0 auto 30px 10px;
}
.idea ul li {
	text-indent: -0.5em;
	margin-left: 0.5em;
	font-size: 15px;
	line-height: 2;
}
.idea ul li::before {
	position: relative;
	top: -2px;
	left: -8px;
	display: inline-block;
	width: 7px;
	height: 7px;
	content: '';
	border-radius: 100%;
	background: #0060af;
}

/* csr */
.csr .mv {
	background: url(/company/img/csr_mv_pc.jpg) no-repeat top center;
	background-size: cover;
}
.csr h3 {
	background: #f1f2f3;
	font-size: 20px;
	font-weight: 600;
	color: #0060af;
	line-height: 1.5;
	padding: 20px;
	margin-bottom: 30px;
}


.csr h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.csr dl {
	margin-left: 1em;
	margin-bottom: 1em;
}

.csr dl dt{
	font-size: 15px;
	color: #0060af;

}

.csr dl dd{
	font-size: 14px;
	margin-bottom: 0.5em;
	/*margin-left: 0.5em;*/
}

.csr #anchorLink {
	margin-bottom: 75px;
}
.csr #anchorLink ul {
	font-size: 0;
}
.csr #anchorLink ul li {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	width: 290px;
	border: 1px solid #0060af;
	display: inline-block;
}
.csr #anchorLink ul li+li {
	margin-left: 10px;
}
.csr #anchorLink ul li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f1f2f3;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.csr #anchorLink ul li:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	border-bottom: solid 1px #ffffff;
}
.csr #anchorLink ul li a {
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #0060af;
	text-align: center;
	z-index: 2;
	padding: 15px 0;
}
.csr #anchorLink ul li a:after, .csr #anchorLink ul li a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.csr #anchorLink ul li a:after {
	right: 29px;
	top: 3px;
	box-sizing: border-box;
	width: 7px;
	height: 5px;
	border: 3px solid transparent;
	border-top: 5px solid #ffffff;
}
.csr #anchorLink ul li a:before {
	width: 15px;

	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #0d68b3;
}

.csr #work {
	margin-bottom: 100px;
	margin-top: -100px;
	padding-top: 100px;
}
.csr .container p {
	font-size: 15px;
	font-weight: 300;
	color: #333333;
	margin-bottom: 40px;
	line-height: 2;
}
.csr #work .workBlock {
	background: url(/company/img/csr_img01_pc.jpg?20200324) no-repeat top center;
	background-size: 100% auto;
	padding: 40px;
}
.csr #work .workBlock p {
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
}
.csr #work .workBlock ul {
	width: 620px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.csr #work .workBlock ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: #ffffff;
	padding: 10px 10px 10px 0;
	margin-bottom: 10px;
	min-height: 60px;
	font-size: 15px;
	font-weight: 300;
	color: #333333;
	width: 100%;
}
.csr #work .workBlock ul li p {
	font-size: 15px;
	font-weight: 300;
	color: #333333;
	margin-bottom: 0;
}
.csr #work .workBlock ul li span {
	font-family: Montserrat, "sans-serif";
	font-size: 24px;
	font-weight: bold;
	color: #0060af;
	text-align: center;
	min-width: 80px;
	height: 60px;
	line-height: 60px;
	border-right: 1px solid #0060af;
	margin-right: 20px;
	padding-top: 0;
}
.csr #work .workBlock span {
	font-size: 15px;
	font-weight: 300;
	color: #ffffff;
	padding-top: 15px;
	display: block;
}

.csr #work .work_action{
	clear: both;
	margin-left:20px;
	border-left:6px #cacaca solid;
	padding-left: 10px;
	margin-bottom:30px;
	font-size: 14px;
}

.csr #work .work_action strong{
	font-weight: bold;
	line-height: 33px;
	display: block;
}

.csr #work .work_action ul {
	margin-left: 20px;
}

.csr #work .work_action ul li{
	list-style-type: square;
}


.csr #mgmt {
	margin-bottom: 100px;
	margin-top: -100px;
	padding-top: 100px;
}

.csr #ikuboss .logo,
.csr #mgmt .mgmt_logo,
.csr #woman .logo  {
	width: 300px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}



.csr #collab , .csr #sdgs{
	position: relative;
	height: 900px;
	margin-bottom: 100px;
	margin-top: -100px;
	padding-top: 100px;
}

 .csr #sdgs{
 	/*height: 700px;*/
 	height: auto;
 	position: static;
 	font-size: 14px;

 }

.csr #sdgs .sdgs_action{
	clear: both;
	margin-left:20px;
	border-left:6px #cacaca solid;
	padding-left: 10px;
	margin-bottom:30px;
	font-size: 14px;
}
.csr #collab p , .csr #sdgs p{
	width: 580px;
}

.csr #collab p {
	width: 750px;
}
.csr #collab img, .csr #sdgs img{
	float: right;
	width: 390px;
}

.csr #collab img{
	float: right;
	width: 250px;
	margin-bottom: 20px;
}

 .csr #sdgs img{
 	float: right;
	width: 570px;
	margin-bottom: 20px;
}

.csr #sdgs ul{
	margin-left: 20px;
}

.csr #sdgs .sdgs_action strong{
	font-weight: bold;
	line-height: 33px;
	display: block;
}
.csr #sdgs .sdgs_action ul li{
	list-style-type: square;
}

.csr #environ {
	margin-bottom: 50px;
	margin-top: -100px;
	padding-top: 100px;
}
.csr #environ .environBlock {
	background: url(/company/img/csr_img03_pc.jpg) no-repeat top center;
	background-size: cover;
	margin-bottom: 60px;
	position: relative;
	height: 358px;
}
.csr #environ .environBlock .txt {
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	margin-left: 60px;
}
.csr #environ .environBlock p {
	line-height: 2;
}
.csr #environ .environBlock p.white_txt {
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	line-height: 1.8;
}
.csr #environ ul {
	padding-bottom: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.csr #environ ul li {
	width: 580px;
}
.csr #environ ul li:nth-child(even) {
	margin-left: 40px;
}

@media screen and (max-width: 767px) {
	/* company common */
	.container .inner {
		width: 92%;
	}
	.container .inner h2 {
		font-size: 22px;
		margin-bottom: 8%;
	}
	.mv {
		background: url(/company/img/company_mv_sp.jpg) no-repeat top center;
		background-size: cover;
		height: 150px;
		margin-bottom: 13%;
		position: relative;
	}
	.mv h1 {
		font-size: 26px;
		width: 92%;
		margin: 0 auto;
		text-align: center;
	}
	.mv h1 span {
		font-size: 12px;
	}



	#company .companyList {
		width: 100%;
		margin: 0 auto;
	}
	#company .companyList ul li {
		float: none;
		width: 100%;
		position: relative;
		overflow: hidden;
		margin-bottom: 5%;
	}
	#company .companyList ul li a {
		display: block;
	}
	#company .companyList ul li a img {
		width: 100%;
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	#company .companyList ul li a:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	#company .companyList ul li+li {
		margin-left: 0;
	}
	#company .companyList ul li:last-child {
		margin-bottom: 0;
	}
	#company .companyList ul li p {
		font-size: 22px;
	}
	#company .companyList ul li p span {
		font-size: 10px;
	}

	/* company index */
	.company .container .inner h2{
		margin-bottom: 7%;
	}
	.company .container .inner h3 {
		font-size: 16px;
		 padding: 5%;
		 margin-bottom: 7%;
	}

	.companyArea dl {
		margin-bottom: 20%;
	}
	.companyArea dt, .companyArea dd {
		padding: 4%;
		border-top: none;
	}
	.companyArea dt {
		width: 100%;
		float: none;
		display: block;
		border-bottom: 4px solid #f1f2f3;
	}
	.companyArea dd {
		margin-left: 0;
		padding-bottom: 5%;
		border-left: none;
		border-top: 1px solid #dddddd;
		line-height: 1.7em;
	}

	.companyArea dd ul li+li {
		padding-top: 5%;
	}

	.companyArea dd ul li span {
		display: block;
		margin-right: 0;
	}

	.company #anchorLink {
		float: none;
		margin-bottom: 7%;
	}
	.company #anchorLink ul {
		font-size: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 1px solid #0060af;
	}
	.company #anchorLink ul li {
		width: 50%;
		box-sizing: border-box;
		border-top: none;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.company #anchorLink ul li+li {
		margin-left: 0;
	}
	.company #anchorLink ul li:nth-child(even){
		border-left: none;
	}
	.company #anchorLink ul li:after {
		display:none;
	}

	.company #anchorLink ul li a {
		font-size: 14px;
		padding: 10% 0;
		width: 100%;
	}
	.company #anchorLink ul li a:after, .company #anchorLink ul li a:before {
		right: 10px;
	}
	.company #anchorLink ul li a:after {
		right: 14px;
		width: 5px;
		height: 4px;
		border: 2px solid transparent;
		border-top: 3px solid #ffffff;
	}
	.company #anchorLink ul li a:before {
		width: 12px;
		height: 12px;
	}

	.accessmap {
		 margin-bottom: 20%;
		 margin-top: -60px;
		 padding-top: 60px;
	}
	.accessmap .accessImg {
		width: 100%;
		float: none;
	}
	.accessmap .accessImg  ul li:nth-child(even){
		margin-left: 2.2em;
	}
	.accessmap .accessImg>img {
		margin-bottom: 40px
	}
	.accessmap .accessImg p {
		margin-bottom: 5%;
	}

	.accessmap .accessImg ul li {
		margin-bottom:5%;
		text-indent: -2.2em;
		margin-left: 2.2em;
	}

	.accessmap .map {
		width: 100%;
		float: none;
		position: relative;
		padding-bottom: 75%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom: 5%;
	}
	.accessmap .map iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.accessmap ul li{
		width: 100%;
		margin-bottom: 10%;
	}
	.accessmap ul li:nth-child(even) {
		 margin-left: 0;
	}
	.accessmap ul li h4{
		 font-size: 16px;
	}

	.container .inner .accessmap ul li h4 span img{
		 width: 58px;
		 height: auto;
		 margin-right: 10px;
	}

	.accessmap ul li .map {
		width: 100%;
		float: none;
		position: relative;
		padding-bottom: 75%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom: 5%;
	}
	.accessmap ul li .map iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.accessmap ul li .address p{
		width: 50%;
		float: left;
	}
	.accessmap ul li .address ul{
		float: right;
		margin-top: 0;
		width: 45%;
	}
	.accessmap ul li .address ul li{
		width: auto;
		margin-bottom: 10%;
		text-indent: -2.2em;
		margin-left: 2.2em;
	}
	.accessmap ul li .address ul li+li{
		font-family: Montserrat, "sans-serif";
	}
	.accessmap ul li .address ul li:nth-child(even) {
		margin-left:30px;
	}

	.accessmap ul li .address ul li span img{
		width:16px;
	}


	/* message */

	.message .mv {
		background: url(/company/img/message_mv_sp.jpg) no-repeat top center;
		background-size: cover;
	}
	.message .mv h1 {
		font-size: 26px;
		width: 92%;
		margin: 0 auto;
	}
	.message .mv h1 span {
		font-size: 12px;
	}
	.messageArea {
		margin-bottom: 20%;
	}
	.messageArea h2 {
		float: none;
	}
	.messageArea .img {
		float: none;
		width: 74%;
		margin: 0 auto 5%;
	}
	.messageArea .comment {
		float: none;
		width: auto;
	}
	.messageArea .comment h3 {
		font-size: 18px;
		line-height: 1.8;
		margin-bottom: 5%;
	}
	.messageArea .comment p {
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 10%;
	}
	.messageArea .comment span {
		width: 70%;
		display: block;
	}
	.idea {
		margin-bottom: 20%;
	}
	.idea h3 {
		 font-size: 16px;
		 margin-bottom: 7%;
	}
	.idea ul {
		margin: 0 auto 5% 10px;
	}
	.idea ul li {
		line-height: 1.8;
		margin-bottom: 3%;
	}

	/* csr */

	.csr .mv {
		background: url(/company/img/csr_mv_sp.jpg) no-repeat top center;
		background-size: cover;
	}
	.csr h3 {
		font-size: 16px;
		padding: 5%;
		margin-bottom: 7%;
	}
	.csr #anchorLink {
		margin-bottom: 15%;
	}
	.csr #anchorLink ul {
		font-size: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: 1px solid #0060af;
	}
	.csr #anchorLink ul li {
		width: 50%;
		box-sizing: border-box;
		border-top: none;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.csr #anchorLink ul li:nth-child(1) a,
	.csr #anchorLink ul li:nth-child(4) a{
		padding: 10% 0;
	}
	.csr #anchorLink ul li+li {
		margin-left: 0;
	}
	.csr #anchorLink ul li:nth-child(even){border-left: none;}
	.csr #anchorLink ul li:after {
		display: none;
	}
	.csr #anchorLink ul li a {
		font-size: 14px;
		padding: 5% 0;
		width: 100%;
	}
	.csr #anchorLink ul li a:after, .csr #anchorLink ul li a:before {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.csr #anchorLink ul li a:after {
		right: 14px;
		top: 3px;
		box-sizing: border-box;
		width: 5px;
		height: 4px;
		border: 2px solid transparent;
		border-top: 3px solid #ffffff;
	}
	.csr #anchorLink ul li a:before {
		width: 12px;
		height: 12px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #0d68b3;
	}

	.csr #work {
		margin-bottom: 20%;
		margin-top: -60px;
		padding-top: 60px;
	}

	.csr .container p {
		font-size: 14px;
		margin-bottom: 7%;

		line-height: 1.7;
	}
	.csr #work .workBlock {
		background: url(/company/img/csr_img01_sp.jpg?20200324) no-repeat top center #9fa7a8;
		background-size: 100% auto;
		padding: 60% 5% 5%;
	}

	.csr #work .workBlock p {
		font-size: 16px;
		margin-bottom: 5%;
	}
	.csr #work .workBlock ul {
		width: 100%;
	}

	.csr #work .workBlock ul li {
		padding: 5% 4% 5% 0;
		min-height: auto;
	}
	.csr #work .workBlock ul li p {
		border-left: 1px solid #0060af;
		padding-left: 5%;
		min-height: 35px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.csr #work .workBlock ul li span {
		font-size: 18px;
		min-width: 50px;
		height: auto;
		line-height: normal;
		border-right: none;
		margin-right: 0;
	}
	.csr #work .workBlock span {
		padding-top: 3%;
	}

	.csr #mgmt {
		margin-bottom: 20%;
		margin-top: -60px;
		padding-top: 60px;
	}


.csr #ikuboss .logo,
.csr #mgmt .mgmt_logo,
.csr #woman .logo  {
	width: 100%;
	float: none;
	margin-left: 0px;
	margin-bottom: 20px;
}



	.csr #collab, .csr #sdgs{
		height: auto;
		margin-bottom: 20%;
		margin-top: -60px;
		padding-top: 60px;
	}
	.csr #collab p , .csr #sdgs p{
		width: 100%;
	}
	.csr #collab img, .csr #sdgs img{
		width: 100%;
		position: inherit;
		right: 0;
		top: 0;
	}
	.csr #sdgs img{
		position: static;
	}
	.csr #environ {
		margin-bottom: 10%;
		margin-top: -60px;
		padding-top: 60px;
	}
	.csr #environ h2 {
	}
	.csr #environ .environBlock {
		background: url(/company/img/csr_img03_sp.jpg) no-repeat bottom center;
		background-size: cover;
		margin-bottom: 10%;
		position: relative;
		height: auto;
		padding: 10% 0 60%;
	}
	.csr #environ .environBlock .txt {
		position: inherit;
		top: 0;
		left: 0;
		-ms-transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		margin-left: 0;
		width: 92%;
		margin: 0 auto;
	}

	.csr #environ .environBlock p.white_txt {
		font-size: 18px;
	}
	.csr #environ ul {
		padding-bottom: 30px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.csr #environ ul li {
		width: 100%;
		margin-bottom: 5%;
	}
	.csr #environ ul li:nth-child(even) {
		margin-left: 0;
	}
}

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




/* history */

@font-face {
	font-family: "NotoSerifCJKjp";
	src: url(/company/NotoSerifCJKjp-Bold.woff) format("woff");
}

@media screen and (min-width: 768px) {
.history .wrapper{
	position: relative;
}
.history .bg {
	background: url(/company/img/history_bg_pc.jpg) center top/cover no-repeat fixed;
}
.history .mv {
	background: none;
	margin-bottom: 0;
}
.history .mv::after {
	border-bottom-color: #e50012;
}
.history .container {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 120px;
}
.history .container .read {
	background: rgba(102, 86, 49, .7);
	text-align: center;
	padding: 70px 0 100px;
	color: #ffffff;
}
.history .container .read h2 {
	font-size: 36px;
	margin-bottom: 20px;
}
.history .container .read p {
	font-size: 15px;
	line-height: 2;
	margin-bottom: 10px;
}
.history .companyList{
	padding: 120px 0 160px;
}
.history .container .historyArea {
	background: rgba(255, 255, 255, .8);
	position: relative;
	overflow: hidden;
	height: 100%;
}
.history .container .historyArea .oneBlock {
	position: relative;
}
.history .container .historyBlock {
	position: relative;
}
.history .container .badge {
	position: relative;
	width: 160px;
	margin: 0 auto;
}
.history .container .badge img {
	width: 160px;
	height: auto;
	position: absolute;
	top: -80px;
	z-index: 2;
}
.history .container .historyBlock .left {
	z-index: 1;
}
.history .container .historyBlock .left .ad {
	border-right: 20px solid #cd0b17;
	border-bottom: 2px solid #cd0b17;
	box-sizing: border-box;
}
.history .container .historyBlock .left .ad:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 12px;
	height: 12px;
	background: #e50012;
	border-radius: 50%;
}
.history .container .historyBlock .left .text {
	padding: 0 0 0 50px;
}
.history .container .historyBlock .right {
	z-index: 1;
}
.history .container .historyBlock .right .ad {
	border-left: 20px solid #cd0b17;
	border-bottom: 2px solid #cd0b17;
	box-sizing: border-box;
}
.history .container .historyBlock .right .ad:before {
	content: '';
	position: absolute;
	bottom: -6px;
	right: 0;
	width: 12px;
	height: 12px;
	background: #e50012;
	border-radius: 50%;
}
.history .container .historyBlock .right .text {
	padding: 0 0 0 70px;
}
.history .container .historyBlock .year {
	position: relative;
}
.history .container .historyBlock .year .ad {
	font-family: NotoSerifCJKjp, "sans-serif";
	font-style: italic;
	color: #e50012;
	font-size: 50px;
	line-height: 1.2;
	margin-bottom: 20px;
	position: relative;
}
.history .container .historyBlock .year .ad span {
	font-size: 24px;
}
.history .container .historyBlock .year .ad span.jc {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-style: normal;
	font-size: 18px;
	display: block;
	color: #000000;
	font-weight: bold;
	margin-top: 5px;
}
.history .container .historyBlock .year .text {
	font-size: 14px;
	line-height: 2;
	letter-spacing: -0.06em;
}
.history .container .historyBlock .year .text p+p {
	margin-top: 30px;
}
.history .container .historyBlock .year .text span {
	color: #e50012;
	font-size: 16px;
	display: block;
}
/* 1856 */	
.history .container .historyBlock.year1856 .year {
	width: 440px;
	padding: 90px 0 38px 150px;
}
.history .container .historyBlock.year1856 .left .ad {
	border: none;
}
.history .container .historyBlock.year1856 .left .ad:before {
	display: none;
}
.history .container .historyBlock.year1856 .text {
	padding: 0;
	width: 380px;
}
/* 1895 */
.history .container .historyBlock.year1895 {
	position: absolute;
	top: 0;
	right: 0;
	width: 610px;
}
.history .container .historyBlock.year1895 .year {
	background: url(/company/img/history_img01.png) no-repeat top right;
	background-size: auto;
	width: 510px;
	padding-right: 100px;
}
.history .container .historyBlock.year1895 .right .ad {
	padding: 200px 0px 30px 50px;
}
.history .container .historyBlock.year1895 .text {
	width: 365px;
}
/* 1910 */
.history .container .historyBlock.year1910 {
	background: url(/company/img/history_img03.png) no-repeat right 220px;
	height: 100%;
}
.history .container .historyBlock.year1910 .year {
	background: url(/company/img/history_img02.png) no-repeat 90px 10px, url(/company/img/history_img04.png) no-repeat 370px 110px;
	background-size: auto;
	width: 510px;
	padding-left: 100px;
	margin-top: 10px;
}
.history .container .historyBlock.year1910 .left .ad {
	padding: 300px 0px 40px 50px;
	font-size: 80px;
}
.history .container .historyBlock.year1910 .text {
	width: 275px;
}
/* 1947 */
.history .container .historyBlock.year1947 {
	position: absolute;
	top: 454px;
	right: 0;
	width: 610px;
	margin-top: 10px;
}
.history .container .historyBlock.year1947 .year {
	background: url(/company/img/history_img05.png) no-repeat 380px 250px;
	background-size: auto;
	width: 430px;
	padding-right: 180px;
	margin-top: 10px;
}
.history .container .historyBlock.year1947 .right .ad {
	padding: 280px 0px 30px 50px;
}
.history .container .historyBlock.year1947 .text {
	width: 250px;
}
/* 1953 */
.history .container .historyBlock.year1953 .year {
	background: url(/company/img/history_img06.png) no-repeat 50px 10px;
	background-size: auto;
	width: 380px;
	padding-left: 230px;
	margin-top: 30px;
}
.history .container .historyBlock.year1953 .left .ad {
	padding: 60px 0px 40px 70px;
}
.history .container .historyBlock.year1953 .text {
	width: 250px;
	padding: 0 0 0 70px;
}
/* 1962 */
.history .container .historyBlock.year1962 {
	position: absolute;
	top: 188px;
	right: 0;
	width: 610px;
}
.history .container .historyBlock.year1962 .year {
	background: url(/company/img/history_img07.png) no-repeat right 120px;
	background-size: auto;
	width: 360px;
	padding-right: 250px;
	margin-top: 10px;
}
.history .container .historyBlock.year1962 .right .ad {
	padding: 130px 0px 30px 50px;
}
.history .container .historyBlock.year1962 .text {
	width: 200px;
}
/* 1983 */
.history .container .historyBlock.year1983 .year {
	background: url(/company/img/history_img08.png) no-repeat left 80px;
	background-size: auto;
	width: 360px;
	padding-left: 250px;
	margin-top: -10px;
}
.history .container .historyBlock.year1983 .left .ad {
	padding: 60px 0px 40px 90px;
}
.history .container .historyBlock.year1983 .text {
	width: 200px;
	padding: 0 0 0 90px;
	letter-spacing: -0.06em;
}
/* 1986 */
.history .container .historyBlock.year1986 {
	position: absolute;
	top: 188px;
	right: 0;
	width: 610px;
}
.history .container .historyBlock.year1986 .year {
	width: 510px;
	padding-right: 100px;
	margin-top: 10px;
}
.history .container .historyBlock.year1986 .right .ad {
	padding: 20px 0px 30px 50px;
}
.history .container .historyBlock.year1986 .text {
	width: 380px;
}
/* 2000 */
.history .container .historyBlock.year2000 {
	height: 100%;
}
.history .container .historyBlock.year2000 .year {
	background: url(/company/img/history_img09.png) no-repeat 30px 10px;
	background-size: auto;
	width: 430px;
	padding-left: 180px;
	margin-top: 26px;
}
.history .container .historyBlock.year2000 .left .ad {
	padding: 40px 0px 40px 100px;
}
.history .container .historyBlock.year2000 .text {
	width: 180px;
	padding: 0 0 60px 100px;
}
.history .container .oneBlock.img01 {
	background: url(/company/img/history_img10.png) no-repeat left 40px;
	background-size: auto;
	/* padding-bottom: 470px; */
	height: 470px;
}
/* 2005 */
.history .container .historyBlock.year2005 {
	position: absolute;
	top: -98px;
	right: 0;
}
.history .container .historyBlock.year2005 .year {
	width: 510px;
	padding-right: 100px;
}
.history .container .historyBlock.year2005 .right .ad {
	padding: 150px 0px 30px 140px;
	font-size: 80px;
}
.history .container .historyBlock.year2005 .text {
	width: 300px;
	padding: 0 0 0 160px;
}
/* 2007 */
.history .container .historyBlock.year2007 {
	height: 100%;
	top: -255px;
}
.history .container .historyBlock.year2007 .year {
	background: url(/company/img/history_img11.png) no-repeat left bottom;
	background-size: auto;
	width: 390px;
	padding-left: 220px;
}
.history .container .historyBlock.year2007 .left .ad {
	padding: 290px 0px 40px 100px;
}
.history .container .historyBlock.year2007 .text {
	width: 220px;
	padding: 0 0 0 90px;
}
.oneBlock.img02 {
	/* background: url(/company/img/history_img12.png) no-repeat right 100px; */
}
/* 2009 */
.history .container .historyBlock.year2009 {
	top: -32px;
	background: url(/company/img/history_img12.png) no-repeat right 120px;
}
.history .container .historyBlock.year2009 .year {
	width: 510px;
	padding-left: 100px;
	margin-top: -321px;
}
.history .container .historyBlock.year2009 .left .ad {
	padding: 230px 0px 30px 50px;
	font-size: 80px;
}
.history .container .historyBlock.year2009 .text {
	width: 290px;
}
/* 2011 */
.history .container .historyBlock.year2011 {
	position: absolute;
	top: 557px;
	right: 0;
	width: 610px;
}
.history .container .historyBlock.year2011 .year {
	background: url(/company/img/history_img13.png) no-repeat 270px 200px;
	width: 320px;
	padding-right: 290px;
	margin-top: 10px;
}
.history .container .historyBlock.year2011 .right .ad {
	padding: 256px 0px 40px 50px;
}
.history .container .historyBlock.year2011 .text {
	width: 350px;
	padding: 0 0 0 70px;
}
/* 2014 */
.history .container .historyBlock.year2014 {
}
.history .container .historyBlock.year2014 .year {
	width: 510px;
	padding-left: 100px;
	margin-top: 66px;
}
.history .container .historyBlock.year2014 .left .ad {
	padding: 0px 0px 30px 50px;
}
.history .container .historyBlock.year2014 .text {
	width: 330px;
}
/* 2015 */
.history .container .historyBlock.year2015 {
	/* background: url(/company/img/history_img14.png) no-repeat right 130px; */
	padding-bottom: 20px;
	margin-top: -160px;

}
.history .container .historyBlock.year2015 .year {
	width: 510px;
	padding-left: 100px;
}
.history .container .historyBlock.year2015 .left .ad {
	padding: 240px 0px 40px 50px;
}
.history .container .historyBlock.year2015 .text {
	width: 400px;
	padding: 0 0 0 50px;
}
/* 2016 */
.history .container .historyBlock.year2016 {
	position: absolute;
	top: 128px;
	right: 0;
	width: 610px;

}
.history .container .historyBlock.year2016 .year {
	background: url(/company/img/history_img14.png) no-repeat right top;
	padding: 250px 0 0;
}
.history .container .historyBlock.year2016 .right .ad {
	padding: 40px 0px 30px 50px;
	width: 510px;
}
.history .container .historyBlock.year2016 .text {
	width: 400px;
}
.history .container .historyBlock.year2016 .text .btn {
	background: #e50012;
	width: 300px;
	position: relative;
	cursor: pointer;
	margin: 20px 0;
}
.history .container .historyBlock.year2016 .text .btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.1);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.history .container .historyBlock.year2016 .text .btn:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
}
.history .container .historyBlock.year2016 .text .btn a {
	display: block;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 0;
	position: relative;
	line-height: 50px;
	text-align: center;
	z-index: 2;
}
.history .container .historyBlock.year2016 .text .btn a::after {
	position: absolute;
	top: 37%;
	right: 20px;
	content: "";
	background: url(/common/img/blank_icon04.png) no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
}
/* 2017 */
.history .container .historyBlock.year2017 {
}
.history .container .historyBlock.year2017 .year {
	background: url(/company/img/history_border_repeat.png) repeat-y center right;
	width: 510px;
	padding-left: 100px;
	margin-top: -92px;
}
.history .container .historyBlock.year2017 .left .ad {
	padding: 150px 0px 30px 50px;
}
.history .container .historyBlock.year2017 .text {
	width: 400px;
	padding: 0 0 90px 50px;
}
}

@media screen and (max-width: 767px) {
.history .wrapper {
	position: relative;
}

.history .bg:before {
	  content: "";
	  display: block;
	  min-width: 100vw;
	  min-height: 100vh;
	  background-image: url(/company/img/history_bg_sp.jpg);
	  background-position: center center;
	  background-size: cover;
	  background-repeat: no-repeat;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: -1
 }

.history .mv {
	background: none;
	margin-bottom: 0;
}
.history .mv::after {
	border-bottom-color: #e50012;
}
.history .container {
	width: 92%;
	margin: 0 auto;
	padding-bottom: 15%;
}
.history .container .read {
	background: rgba(102, 86, 49, .7);
	text-align: center;
	padding: 15% 0 25%;
	color: #ffffff;
}
.history .container .read h2 {
	font-size: 36px;
	margin-bottom: 20px;
	width: 78.2%;
	margin: 0 auto 10%;
}
.history .container .read p {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 10px;
	width: 84%;
	margin: 0 auto;
	text-align: left;
}
.history .companyList{
	padding: 15% 0 30%;
	background: #ffffff;
}
.history .companyList ul{
	width: 92%;
	margin: 0 auto;
}
.history .container .historyArea {
	background: rgba(255, 255, 255, .8);
	position: relative;
	overflow: hidden;
	height: 100%;
}
.history .container .historyArea .oneBlock {
	position: relative;
}
.history .container .historyBlock {
	position: relative;
}
.history .container .badge {
	position: relative;
	width: 115px;
	margin: 0 auto;
}
.history .container .badge img {
	width: 115px;
	height: auto;
	position: absolute;
	top: -60px;
	z-index: 2;
}
.history .container .historyBlock .left {
	z-index: 1;
}
.history .container .historyBlock .right {
	z-index: 1;
}
.history .container .historyBlock .year {
	position: relative;
}
.history .container .historyBlock .year .ad {
	font-family: NotoSerifCJKjp, "sans-serif";
	font-style: italic;
	color: #e50012;
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}
.history .container .historyBlock .year .ad span {
	font-size: 15px;
}
.history .container .historyBlock .year .ad span.jc {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-style: normal;
	font-size: 14px;
	display: block;
	color: #000000;
	font-weight: bold;
	margin-top: 10px;
}
.history .container .historyBlock .year .text {
	font-size: 14px;
	line-height: 2;
	letter-spacing: -0.06em;
}
.history .container .historyBlock .year .text p+p {
	margin-top: 30px;
}
.history .container .historyBlock .year .text span {
	color: #e50012;
	font-size: 16px;
	display: block;
}
/* 1856 */	
.history .container .historyBlock.year1856 {
	padding: 20% 0 5%;
}
.history .container .historyBlock .year {
	width: 82%;
	margin: 0 auto;
}
.history .container .historyBlock.year1856 .left .ad {
	border: none;
}
.history .container .historyBlock.year1856 .left .ad:before {
	display: none;
}
/* 1895 */
.history .container .historyBlock.year1895 {
}
.history .container .historyBlock.year1895 .year {
	background: url(/company/img/history_img01.png) no-repeat top right;
	background-size: 191px auto;
	padding: 25% 0 15%;
	width: 100%;
}
.history .container .historyBlock.year1895 .year .ad{
	width: 82%;
	margin: 0 auto;
}
.history .container .historyBlock.year1895 .year .text{
	width: 82%;
	margin: 0 auto;
}
/* 1910 */
	.history .container .historyBlock.year1910{
		opacity: 1 !important;
		right: 0 !important;
	}
.history .container .historyBlock.year1910 .year {
	width: 100%;
	padding: 0 0 10% 0;
}
.history .container .historyBlock.year1910 .left .ad {
	width: 82%;
	margin: 0 auto;
	font-size: 60px;
}
.history .container .historyBlock.year1910 .left .ad span {
	font-size: 22px;
}
.history .container .historyBlock.year1910 .year .text {
	background: url(/company/img/history_img03.png) no-repeat left 10px;
	background-size: 345px 212px;
	position: relative;
	padding: 75% 0 0;
}
.history .container .historyBlock.year1910 .text p{
	width: 82%;
	margin: 0 auto;
}

.history .container .historyBlock.year1910 .year .text:after {
	content: "";
	background: url(/company/img/history_img04.png) no-repeat right 40%;
	background-size: 105px 145px;
	width: 105px;
	height: 145px;
	position: absolute;
	top: 100px;
	right: 0;
}
.history .container .historyBlock.year1910 .year .text:before {
	content: "";
	background: url(/company/img/history_img02.png) no-repeat;
	background-size: 154px 120px;
	width: 154px;
	height: 120px;
	position: absolute;
	top: -70px;
	right: 20px;
}
/* 1947 */
.history .container .historyBlock.year1947 {
	padding: 0 0 15% 0;
}
.history .container .historyBlock.year1947 .year {
	background: url(/company/img/history_img05.png) no-repeat left 0;
	background-size: 100px auto;
	width: 100%;
}
.history .container .historyBlock.year1947 .year .ad{
	width: 54%;
	margin: 0 30px 0 auto;
}
.history .container .historyBlock.year1947 .year .text{
	width: 54%;
	margin: 0 30px 0 auto;
}

/* 1953 */
.history .container .historyBlock.year1953 {
	padding: 0 0 10% 0;
}
.history .container .historyBlock.year1953 .year {
	background: url(/company/img/history_img06.png) no-repeat right 0;
	background-size: 105px auto;
	width: 100%;
}
.history .container .historyBlock.year1953 .year .ad{
	width: 52%;
	margin: 0 auto 0 30px;
}
.history .container .historyBlock.year1953 .year .text{
	width: 52%;
	margin: 0 auto 0 30px;
}
/* 1962 */
.history .container .historyBlock.year1962 {
	padding: 0 0 10% 0;
}
.history .container .historyBlock.year1962 .year {
	background: url(/company/img/history_img07.png) no-repeat left 0;
	background-size: 150px auto;
	width: 100%;
}
.history .container .historyBlock.year1962 .year .ad{
	width: 42%;
	margin: 0 30px 0 auto;
}
.history .container .historyBlock.year1962 .year .text{
	width: 42%;
	margin: 0 30px 0 auto;
}

/* 1983 */
.history .container .historyBlock.year1983 {
	padding: 0 0 10% 0;
}
.history .container .historyBlock.year1983 .year {
	background: url(/company/img/history_img08.png) no-repeat right 0px;
	background-size: 145px auto;
	width: 100%;
}
.history .container .historyBlock.year1983 .year .ad{
	width: 42%;
	margin: 0 auto 0 30px;
}
.history .container .historyBlock.year1983 .year .text{
	width: 42%;
	margin: 0 auto 0 30px;
}
/* 1986 */
.history .container .historyBlock.year1986 .year {
	padding: 0 0 10% 0;
}
/* 2000 */
.history .container .historyBlock.year2000 {

}
.history .container .historyBlock.year2000 .year {
	background: url(/company/img/history_img09.png) no-repeat 30px top;
	background-size: 100px auto;
	width: 100%;
	padding: 0 0 20% 0;
}
.history .container .historyBlock.year2000 .year .ad{
	width: 50%;
	margin: 0 10px 0 auto;
}
.history .container .historyBlock.year2000 .year .text{
	width: 50%;
	margin: 0 10px 0 auto;
}
/* 2005 */
	.oneBlock.img01{
		opacity: 1 !important;
		left: 0 !important;
	}
.history .container .historyBlock.year2005 .year {
	/*background: url(/company/img/history_img10.png) no-repeat right 130px;
	background-size: 345px auto;*/
	width: 100%;
	padding: 0 0 10% 0;
}
.history .container .historyBlock.year2005 .right .ad {
	width: 82%;
	margin: 0 auto 20px;
	font-size: 60px;
}
.history .container .historyBlock.year2005 .right .ad span {
	font-size: 22px;
}
.history .container .historyBlock.year2005 .year .text {
	/*background: url(/company/img/history_img10.png) no-repeat right 10px;
	background-size: 345px auto;*/
	/*padding: 70% 0 0;*/
}
.history .container .historyBlock.year2005 .text{
	position: relative;
}
.history .container .historyBlock.year2005 .year .text:before {
	content: "";
	background: url(/company/img/history_img10.png) no-repeat top center;
	background-size: contain;
	width: 345px;
	height: 212px;
	display: inline-block;
}
.history .container .historyBlock.year2005 .text p{
	width: 82%;
	margin: 0 auto;
}

/* 2007 */
.history .container .historyBlock.year2007 {
	padding: 0 0 10% 0;
}
.history .container .historyBlock.year2007 .year {
	background: url(/company/img/history_img11.png) no-repeat left center;
	background-size: 135px auto;
	width: 100%;
}
.history .container .historyBlock.year2007 .year .ad{
	width: 42%;
	margin: 0 30px 0 auto;
}
.history .container .historyBlock.year2007 .year .text{
	width: 42%;
	margin: 0 30px 0 auto;
}

/* 2009 */
.history .container .historyBlock.year2009 {
	opacity: 1 !important;
	right: 0 !important;
	/*background: url(/company/img/history_img12.png) no-repeat right 130px;
	background-size: 345px 212px;
	width: 100%;
	padding: 0 0 10% 0;*/
}
.history .container .historyBlock.year2009 .year {
	/*background: url(/company/img/history_img12.png) no-repeat right 130px;
	background-size: 345px 212px;*/
	width: 100%;
	padding: 0 0 10% 0;
}
.history .container .historyBlock.year2009 .left .ad {
	width: 82%;
	margin: 0 auto 20px;
	font-size: 60px;
}
.history .container .historyBlock.year2009 .left .ad span {
	font-size: 22px;
}
.history .container .historyBlock.year2009 .text{
	position: relative;
}
.history .container .historyBlock.year2009 .year .text:before {
	content: "";
	background: url(/company/img/history_img12.png) no-repeat top center;
	background-size: contain;
	width: 345px;
	height: 212px;
	display: inline-block;
}
.history .container .historyBlock.year2009 .text p{
	width: 82%;
	margin: 0 auto;
}

/* 2011 */
.history .container .historyBlock.year2011 .year {
	background: url(/company/img/history_img13.png) no-repeat right 0;
	background-size: 155px auto;
	padding: 0 0 10% 0;
}
/* 2014 */
.history .container .historyBlock.year2014 .year {
	padding: 0 0 10% 0;
}
/* 2015 */
.history .container .historyBlock.year2015 .year {
	padding: 0 0 10% 0;
}
/* 2016 */
.history .container .historyBlock.year2016 {
}
.history .container .historyBlock.year2016 .year{
	background: url(/company/img/history_img14.png) no-repeat right top;
	background-size: 250px;
	padding: 30% 0 5% 0;
	width: 100%;
}
.history .container .historyBlock.year2016 .year .ad{
	width: 82%;
	margin: 0 auto;
}
.history .container .historyBlock.year2016 .year .text{
	width: 82%;
	margin: 0 auto;
}
.history .container .historyBlock.year2016 .text .btn {
	background: #e50012;
	width: 100%;
	position: relative;
	cursor: pointer;
	margin: 20px 0;
}
.history .container .historyBlock.year2016 .text .btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.1);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.history .container .historyBlock.year2016 .text .btn:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
}
.history .container .historyBlock.year2016 .text .btn a {
	display: block;
	font-size: 14px;
	color: #ffffff;
	position: relative;
	line-height: 50px;
	text-align: center;
	z-index: 2;
}
.history .container .historyBlock.year2016 .text .btn a::after {
	position: absolute;
	top: 37%;
	right: 20px;
	content: "";
	background: url(/common/img/blank_icon04.png) no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
}
/* 2017 */
.history .container .historyBlock.year2017 {
	padding-bottom: 20%;
}
}

@media screen and (max-width: 320px) {
	.history .container .historyBlock.year1895 .year .text{
		margin: 20px auto 0;
	}
	
	.history .container .historyBlock.year1910 .year .text{
		padding: 85% 0 0;
	}
	
	.history .container .historyBlock.year1947 .year .ad{
		margin: 0 20px 10px auto;
	}
	.history .container .historyBlock.year1947 .year .text{
		margin: 0 20px 0 auto;
	}
	
	.history .container .historyBlock.year1953 .year .ad{
		margin: 0 auto 10px 20px;
	}
	.history .container .historyBlock.year1953 .year .text{
		margin: 0 auto 0 20px;
	}
	
	.history .container .historyBlock.year1962 .year .ad{
		margin: 0 10px 10px auto;
	}
	.history .container .historyBlock.year1962 .year .text{
		margin: 0 10px 0 auto;
	}
	
	.history .container .historyBlock.year1983 .year .ad{
		margin: 0 auto 10px 20px;
	}
	.history .container .historyBlock.year1983 .year .text{
		margin: 0 auto 0 20px;
	}
	

	.history .container .historyBlock.year2016 .year {
		 padding: 35% 0 5% 0;
	}
	.history .container .historyBlock.year2016 .text .btn a{
		font-size: 12px;
		letter-spacing: -0.06em;
	}


}