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




.slick-slide, .slick-slide::before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.full-wide-slider {
  position: relative;
  width: 100%;
 /* height: 38vw;
  min-height: 8vw;*/
  margin-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}
.full-wide-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}

.slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slick-slide .slide-image {
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all .8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  height: auto;
  opacity: 0;
}






.container {
	position: relative;
    padding-bottom: 150px;
    width: 100%;
    overflow: hidden;
}
.filter{
    background: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
	display: none;
}
.mv {
	margin-bottom: 100px;
	position: relative;
}

.mv h1{
	z-index: 998;
	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: 40px;
	font-weight: 600;
	color: #ffffff;
	line-height: 76px;
	text-align: left;
	width: 90%;
}
.mv h1 span{
	font-family: Montserrat, "sans-serif";
	font-size: 15px;
	line-height: 38px;
	font-weight: normal;
	display: block;
	padding-top: 70px;
}
.mv h1 span::after {
    content: "";
    display: block;
    width: 40px;
    border-bottom: 4px solid #ffffff;
    position: absolute;
    top: 60%;
    left: 20px;
    -ms-transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    transform: translate(-50%,0);
}
.mv .video p{
	/*overflow: hidden;
	position: relative;*/
}
.mv video {
   display: block; 
   position: absolute; 
   top: 50%; 
   left: 50%; 
   min-width: 100%; 
   min-height: 100%; 
   width: auto; 
   height: auto;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  z-index: 1;
}

.mv .item{
	width:100%;
    height: 100vh;
    background: center / cover no-repeat;
	position: absolute;
}

.mv .scroll{
	font-family: Montserrat, "sans-serif";
	font-size: 12px;
	/* line-height: 38px; */
	font-weight: normal;
	color:#ffffff;
	/* display: block; */
	/* position:absolute; */
	/* bottom:0; */
	position: absolute;
	bottom: 3%;
	left: 50%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	margin: 0;
	padding: 0;
	z-index: 998;
}
.mv .scroll:hover{
    opacity: .7;
}
.mv .scroll span{display: block;padding-bottom: 60px;position: relative;}
.mv .scroll span::before, .mv .scroll span::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.mv .scroll span::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #c7c8c9;
}
.mv .scroll span::after {
	top: 5px;
	box-sizing: border-box;
	width: 7px;
	height: 5px;
	border: 3px solid transparent;
	border-top: 5px solid #47494c;
}
.custBlock {
	width: 1200px;
	margin: 0 auto 100px;
   margin-top: -100px;
   padding-top: 100px;
}
.custBlock .custDetail {
	width: 580px;
}
.custBlock .corp {
	float: left;
}
.custBlock .indiv {
	float: right;
}
.custBlock .custDetail .ttl {
	border-left: 4px solid #0060af;
	margin-bottom: 30px;
}
.custBlock .custDetail .ttl h2 {
	font-size: 28px;
	color: #000000;
	font-weight: 600;
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
}
.custBlock .custDetail .ttl h2 span {
	font-family: Montserrat, "sans-serif";
	font-size: 12px;
	color: #0060af;
	font-weight: bold;
	display: block;
}
.custBlock .custDetail .ttl a {
	float: right;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	padding-left: 25px;
	display: inline-block;
	vertical-align: middle;
}
.custBlock .custDetail .ttl a:hover {
	opacity: .7;
}
.custBlock .custDetail .ttl a::before, .custBlock .custDetail .ttl a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.custBlock .custDetail .ttl a::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #0d68b3;
}
.custBlock .custDetail .ttl a::after {
	left: 5px;
	box-sizing: border-box;
	width: 5px;
	height: 7px;
	border: 3px solid transparent;
	border-left: 5px solid #ffffff;
}
.custBlock .custDetail .ttl p {
	float: right;
	height: 55px;
	line-height: 55px;
}
.custBlock .custDetail .img {
	margin-bottom: 30px;
}
.custBlock .custDetail .img img {
	width: 580px;
	height: auto;
}
.custBlock .custDetail .txt {
	margin-bottom: 30px;
	font-size: 15px;
	font-weight: 300;
	line-height: 30px;
}
.custBlock .custDetail ul {
}
.custBlock .custDetail ul li {
	background: #0060af;
	width: 50%;
	position: relative;
	border-bottom: 1px solid #ffffff;
	cursor: pointer;
}
.custBlock .custDetail ul li: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;
}
.custBlock .custDetail ul li:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
}
.custBlock .custDetail ul li:nth-child(odd) {
	float: left;
	/* display: inline-block; */
	border-right: 1px solid #ffffff;
	box-sizing: border-box;
}
.custBlock .custDetail ul li:nth-child(even) {
	float: right;
}
.custBlock .custDetail ul li a {
	display: block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	padding: 10px 0;
	z-index: 2;
	position: relative;
	display: block;
	line-height: 50px;
	padding-left: 10px;
}
.custBlock .custDetail ul li a::before, .custBlock .custDetail ul li a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.custBlock .custDetail.corp ul li a::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
}
.custBlock .custDetail.corp ul li a::after {
	right: 12px;
	box-sizing: border-box;
	width: 5px;
	height: 7px;
	border: 3px solid transparent;
	border-left: 5px solid #0d68b3;
}

.custBlock .custDetail.indiv ul li a::after {
    position: absolute;
    top: 0;
    right: 10px;
    content: "";
    background: url(/common/img/blank_icon04.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
}
.custBlock .custDetail ul li a span img {
	width: 50px;
	height: auto;
	vertical-align: middle;
	margin-right: 10px;
}

.bg_color{
	background: linear-gradient(#fff 13%, #f1f2f3 13%);
	padding-bottom: 100px;
}
.historyBlock .bgImg{
	background: url(/img/history_img_pc.jpg) no-repeat top center;
	height: 400px;
	position: absolute;
	width: 100%;
	background-size: cover;
	transition: all 0.5s ease-out;
	transform: matrix3d( 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 );
	will-change: transform;
}
.historyBlock .bgImg:hover{
    transform: matrix3d( 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.9 );
    filter: grayscale(0);
    opacity: 1;
}

.historyBlock {
	width: 1200px;
	margin: 0 auto 40px;
	position: relative;
	height: 400px;
	overflow: hidden;
	cursor: pointer;
}
.historyBlock a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
  }
  
.historyBlock .img {
	position: absolute;
	top: 50%;
	left: 55px;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	pointer-events: none;
	z-index: 1;
}
.historyBlock .txt {
	position: absolute;
	top: 70px;
	right: 60px;
	width: 460px;
	font-size: 15px;
	color: #333333;
	font-weight: 300;
	line-height: 30px;
	pointer-events: none;
	z-index: 1;
}
.historyBlock .link {
	position: absolute;
	bottom: 70px;
	right: 32%;
	margin-right: 6px;
	pointer-events: none;
	z-index: 1;
}
.historyBlock .link span {
	float: right;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	padding-left: 25px;
	display: inline-block;
	vertical-align: middle;
}

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


	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #e50012;
}
.historyBlock .link span::after {
	left: 5px;
	box-sizing: border-box;
	width: 5px;
	height: 7px;
	border: 3px solid transparent;
	border-left: 5px solid #ffffff;
}
.companyList {
	width: 1200px;
	margin: 0 auto;
}
.companyList ul li {
	float: left;
	width: 380px;
	position: relative;
	overflow: hidden;
}
.companyList ul li a {
	display: block;
}
.companyList ul li a img {
	width: 100%;
	-webkit-transition: all .6s;
	transition: all .6s;
}
.companyList ul li a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.companyList ul li+li {
	margin-left: 30px;
}
.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%;
}
.companyList ul li p span {
	font-family: Montserrat, "sans-serif";
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.recruitBlock {
	background: url(/img/recruit_bg_pc.jpg) no-repeat top center;
	background-size: cover;
	height: 450px;
	position: relative;
	margin-bottom: 100px;
}
.recruitBlock .recruitDeatil {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
}
.recruitBlock .recruitDeatil .ttl {
	margin-bottom: 50px;
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
}










.recruitBlock .recruitDeatil .ttl span {
	font-family: Montserrat, "sans-serif";
	display: block;
	font-size: 50px;
	font-weight: bold;
	padding-top: 10px;
}
.recruitBlock .recruitDeatil .btn {
	width: 300px;
	line-height: 60px;
	margin: 0 auto;
	display: block;
	position: relative;
	color: #ffffff;
	padding: 0;
	cursor: pointer;
	font-weight: 200;
	border: 1px solid #ebeced;
	font-size: 15px;
	text-align: center;
	vertical-align: top;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box;
	overflow: hidden;
}
.recruitBlock .recruitDeatil .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;
}
.recruitBlock .recruitDeatil .btn:hover:after {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
}
.recruitBlock .recruitDeatil .btn a {
	display: block;
	z-index: 2;
	position: relative;
}
.recruitBlock .recruitDeatil .btn a::before, .recruitBlock .recruitDeatil .btn a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.recruitBlock .recruitDeatil .btn a::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #ffffff;
}
.recruitBlock .recruitDeatil .btn a::after {
	position: absolute;
	right: 14px;
	background: url(/common/img/blank_icon03.png) no-repeat;
	background-size: contain;
	width: 7px;
	height: 7px;
	border: none;
}
.logBlock {
	width: 1200px;
	margin: 0 auto;
}
.logBlock .logDetail {
	width: 580px;
}
.logBlock .news {
	float: left;
}
.logBlock .blog {
	float: right;
}
.logBlock .logDetail .ttl {
	border-left: 4px solid #0060af;
	margin-bottom: 30px;
}
.logBlock .logDetail .ttl h2 {
	font-size: 28px;
	color: #000000;
	font-weight: 600;
	padding-left: 20px;
	/* float: left; */
	
	display: inline-block;
	vertical-align: middle;
}
.logBlock .logDetail .ttl h2 span {
	font-family: Montserrat, "sans-serif";
	font-size: 12px;
	color: #0060af;
	font-weight: bold;
	display: block;
}
.logBlock .logDetail .ttl a {
	float: right;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	padding-left: 25px;
	display: inline-block;
	vertical-align: middle;
}
.logBlock .logDetail .ttl a:hover {
	opacity: .7;
}
.logBlock .logDetail .ttl a::before, .logBlock .logDetail .ttl a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.logBlock .logDetail .ttl a::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #0d68b3;
}
.logBlock .logDetail .ttl a::after {
	left: 5px;
	box-sizing: border-box;
	width: 5px;
	height: 7px;
	border: 3px solid transparent;
	border-left: 5px solid #ffffff;
}
.logBlock .logDetail .ttl p {
	float: right;
	height: 55px;
	line-height: 55px;
}
.logBlock .logDetail .newsInner {
	border-top: 1px solid #dddddd;
}
.logBlock .logDetail .newsInner .newsItem{
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.logBlock .logDetail .newsInner .newsItem: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;
	z-index: -1;
}
.logBlock .logDetail .newsInner .newsItem:hover:after{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	z-index: -1;
}
.logBlock .logDetail .newsInner .newsItem a {

	position: relative;
	display: block;
	padding: 1.1em 0 1.1em 0;
	border-bottom: 1px solid #ccc;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.logBlock .logDetail .newsInner .newsItem a::before, .logBlock .logDetail .newsInner .newsItem a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.logBlock .logDetail .newsInner .newsItem a::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #0d68b3;
}
.logBlock .logDetail .newsInner .newsItem a::after {
	right: 12px;
	box-sizing: border-box;
	width: 5px;
	height: 7px;
	border: 3px solid transparent;
	border-left: 5px solid #ffffff;
}
.logBlock .logDetail .newsInner .newsItem .newsCategory {
	width: 90px;
	/* float: left; */
	font-size: 13px;
	color: #0060af;
	font-weight: 300;
	text-align: center;
	padding-right: 20px;
	/* border-right: 2px solid #0060af; */
	/* height: 52px; */
	line-height: 1.6;
	position: relative;
}

.logBlock .logDetail .newsInner .newsItem .newsCategory span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    width: 100%;
}
.logBlock .logDetail .newsInner .newsItem .newsContent {
    width: 450px;
    border-left: 2px solid #0060af;
    padding-left: 20px;
}

.logBlock .logDetail .newsInner .newsItem .newsContent .newsTime {
	font-family: Montserrat, "sans-serif";
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-bottom: 8px;
}
.logBlock .logDetail .newsInner .newsItem .newsContent .newsLbl {
	font-size: 14px;
	color: #333333;
	font-weight: 300;
	line-height: 28px;
	width: 93%;
}




.logBlock .logDetail .blogInner {
	border-top: 1px solid #dddddd;
}
.logBlock .logDetail .blogInner .blogItem{
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.logBlock .logDetail .blogInner .blogItem: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;
	z-index: -1;
}
.logBlock .logDetail .blogInner .blogItem:hover:after{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	z-index: -1;
}

.logBlock .logDetail .blogInner .blogItem a {
	position: relative;
	display: block;
	padding: 1em 0 1em 10px;
	border-bottom: 1px solid #ccc;
	display: -ms-flexbox;
	/* display: flex; */
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
}
.logBlock .logDetail .blogInner .blogItem a::before, .logBlock .logDetail .blogInner .blogItem a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.logBlock .logDetail .blogInner .blogItem a::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #0d68b3;
}
.logBlock .logDetail .blogInner .blogItem a::after {
	right: 12px;
	box-sizing: border-box;
	width: 5px;
	height: 7px;
	border: 3px solid transparent;
	border-left: 5px solid #ffffff;
}
.logBlock .logDetail .blogInner .blogThumb {
  position: relative;
  width: 31.2%;
  width: 160px;
  display: inline-block;
  vertical-align: top;
}
.logBlock .logDetail .blogInner .blogThumb img{
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	max-width: 100%;
	width: 100%;
	height: auto;
}
.logBlock .logDetail .blogInner .blogItem .blogCategory  {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #005eae;
  font-size: 13px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 6px 0;
  opacity: .8;
}

.logBlock .logDetail .blogInner .blogItem .blogContent {
	padding-left: 20px;
	width: 380px;
	display: inline-block;
	vertical-align: top;
}
.logBlock .logDetail .blogInner .blogItem .blogContent .blogTime {
	font-family: Montserrat, "sans-serif";
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 5px 0 10px;
}
.logBlock .logDetail .blogInner .blogItem .blogContent .blogTime span.new{
	color:#e50012;
	margin-left: 10px;
}
.logBlock .logDetail .blogInner .blogItem .blogContent .blogLbl {
	font-size: 14px;
	color: #333333;
	font-weight: 300;
	line-height: 28px;
	width: 93%;
}
/* tb */
@media screen and (max-width: 980px) {
 .slider{
 	height: 1029px;
 }
}


@media screen and (max-width: 767px) {
	.container {
		 padding-bottom: 30%;
	}
	.mv {
		margin-bottom: 15%;
	}

	.mv h1{
		font-size: 29px;
		line-height: 1.7;
	}
	.mv h1 span{
		font-size: 14px;
		line-height: 1.8;
		padding-top: 15%;
		letter-spacing:  normal;
	}
	.mv h1 span::after {
		 content: "";
		 display: block;
		 width: 30px;
		 border-bottom: 3px solid #ffffff;
		 position: absolute;
		 top: 62%;
	}

	.mv .scroll{
		font-size: 10px;
		line-height: 1.9;
		position: absolute;
		bottom: 0;
	}
	.mv .scroll span{padding-bottom: 40px;}
	.mv .scroll span::before, .mv .scroll span::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.mv .scroll span::before {
		width: 15px;
		height: 15px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #c7c8c9;
	}
	.mv .scroll span::after {
		top: 5px;
		box-sizing: border-box;
		width: 7px;
		height: 5px;
		border: 3px solid transparent;
		border-top: 5px solid #47494c;
	}
	 .slider{
		height: auto;
	 }
	.custBlock {
		width: 92%;
		margin: 0 auto 20%;
	   margin-top: -60px;
   	padding-top: 60px;
	}
	.custBlock .custDetail {
		width: 100%;
	}
	.custBlock .corp {
		float: none;
		margin-bottom: 15%;
	}
	.custBlock .indiv {float: none;}
	.custBlock .custDetail .ttl {
		border-left: 3px solid #0060af;
		margin-bottom: 6%;
	}
	.custBlock .custDetail .ttl h2 {
		font-size: 22px;
		padding-left: 3%;
		padding-top: 5px;
	}
	.custBlock .custDetail .ttl h2 span {
		font-size: 10px;
	}
	.custBlock .custDetail .ttl a {
		font-size: 14px;
		padding-left: 15px;
	}
	.custBlock .custDetail .ttl a:hover {
		opacity: .7;
	}
	.custBlock .custDetail .ttl a::before, .custBlock .custDetail .ttl a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;

	}
	.custBlock .custDetail .ttl a::before {
		width: 11px;
		height: 11px;
	}
	.custBlock .custDetail .ttl a::after {
		left: 5px;
		box-sizing: border-box;
		width: 4px;
		height: 5px;
		border: 2px solid transparent;
		border-left: 3px solid #ffffff;
	}
	.custBlock .custDetail .ttl p {
	}
	.custBlock .custDetail .img {
		margin-bottom: 8%;
	}
	.custBlock .custDetail .img img {
		width: 100%;
	}
	.custBlock .custDetail .txt {
		margin-bottom: 8%;
		font-size: 14px;
		line-height: 1.8;
	}
	.custBlock .custDetail 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;
	}
	.custBlock .custDetail ul li {
	}
	.custBlock .custDetail ul li: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;
	}
	.custBlock .custDetail ul li:hover:after {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
	}
	.custBlock .custDetail ul li:nth-child(odd) {
		border-right: 1px solid #ffffff;
		width: 49.8%;
	}
	.custBlock .custDetail ul li:nth-child(even) {
	}
	.custBlock .custDetail ul li a {
		font-size: 15px;
		padding: 10px 0;
		text-align: center;
	}
	.custBlock .custDetail ul li a span {
		line-height: 1.2;
		padding-left: 0;
		display: block;
	}
	.custBlock .custDetail.corp ul li a::before, .custBlock .custDetail.corp ul li a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.custBlock .custDetail.corp  ul li a::before {
		width: 11px;
		height: 11px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #ffffff;
	}

	.custBlock .custDetail.corp ul li a::after {
		right: 12px;
		box-sizing: border-box;
		width: 4px;
		height: 5px;
		border: 2px solid transparent;
		border-left: 3px solid #0d68b3;
	}
	.custBlock .custDetail.indiv ul li a::after{
		position: absolute;
		top: 0;
		right: 10px;
		content: "";
		background: url(/common/img/blank_icon04.png) no-repeat;
		background-size: contain;
		width: 13px;
		height: 13px;
	}
	.custBlock .custDetail ul li a span img {
		display: block;
		/* width: 23.4%; */
		margin: 0 auto 7%;
	}
	.bg_color{
		background: linear-gradient(#fff 5%, #f1f2f3 5%);
		padding-bottom: 10%;
	}
	.historyBlock {
		width: 92%;
		margin: 0 auto 40px;
		position: relative;
		background: url(/img/history_img_sp.jpg) no-repeat top center;
		background-size: cover;
		height: auto;
		padding-bottom: 10%;
		overflow: inherit;
	}
	.historyBlock a{
		
position: inherit;
	}
	.historyBlock .img {
		/* position: relative; */
		position: inherit;
		top: 0;
		left: 0;
		-ms-transform: translate(0);
		-webkit-transform: translate(0);
		transform: translate(0);
		width: 82.8%;
		margin: 0 auto;
		padding: 50px 0 20px;
	}
	.historyBlock .txt {
		position: inherit;
		top: 0;
		left: 0;
		right: 0;
		width: 84%;
		margin: 0 auto;
		font-size: 14px;
		color: #ffffff;
		line-height: 1.8;
	}
	.historyBlock .link {
		position: initial;
		bottom: 0;
		right: 0;
		left: 0;
		width: 84%;
		margin: 4% auto 0;
	}
	.historyBlock .link span {
		float: none;
		position: relative;
		font-size: 14px;
		color: #ffffff;
		padding-left: 15px;
		display: inline-block;
		vertical-align: middle;
	}
	.historyBlock .link span::before, .historyBlock .link span::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.historyBlock .link span::before {
		width: 11px;
		height: 11px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #e50012;
	}
	.historyBlock .link span::after {
		left: 5px;
		box-sizing: border-box;
		width: 4px;
		height: 5px;
		border: 2px solid transparent;
		border-left: 3px solid #ffffff;
	}
	.companyList {
		width: 92%;
		margin: 0 auto 10%;
	}
	.companyList ul li {
		float: none;
		width: 100%;
		position: relative;
		overflow: hidden;
		margin-bottom: 5%;
	}
	.companyList ul li a {
		display: block;
	}
	.companyList ul li a img {
		width: 100%;
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	.companyList ul li a:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.companyList ul li+li {
		margin-left: 0;
	}
	.companyList ul li p {
		font-size: 22px;
	}
	.companyList ul li p span {
		font-size: 10px;
	}
	.recruitBlock {
		background: url(/img/recruit_bg_sp.jpg) no-repeat top center;
		background-size: cover;
		height: 330px;
		position: relative;
		margin-bottom: 10%;
	}
	.recruitBlock .recruitDeatil {
		width: 100%;
	}
	.recruitBlock .recruitDeatil .ttl {
		margin-bottom: 50px;
		font-size: 16px;
	}
	.recruitBlock .recruitDeatil .ttl span {
		/* font-family: Montserrat, "sans-serif"; */
		display: block;
		font-size: 36px;
		/* font-weight: bold; */
		/* padding-top: 10px; */
	}
	.recruitBlock .recruitDeatil .btn {
		width: 68%;
		line-height: 50px;
	}
	.recruitBlock .recruitDeatil .btn a {
		display: block;
	}
	.recruitBlock .recruitDeatil .btn span::before {
		width: 15px;
		height: 15px;
	}
	.recruitBlock .recruitDeatil .btn span::after {
		position: absolute;
		right: 14px;
		background: url(/common/img/blank_icon03.png) no-repeat;
		background-size: contain;
		width: 7px;
		height: 7px;
		border: none;
	}
	.logBlock {
		width: 92%;
	}
	.logBlock .logDetail {
		width: 100%;
	}
	.logBlock .news {
		float: none;
		margin-bottom: 20%;
	}
	.logBlock .blog {
		float: right;
	}
	.logBlock .logDetail .ttl {
		border-left: 3px solid #0060af;
		margin-bottom: 6%;
	}
	.logBlock .logDetail .ttl h2 {
		font-size: 22px;
		padding-left: 3%;
		padding-top: 5px;
	}
	.logBlock .logDetail .ttl h2 span {
		font-size: 10px;
	}
	.logBlock .logDetail .ttl a {
		font-size: 14px;
		padding-left: 15px;
	}
	.logBlock .logDetail .ttl a:hover {
		opacity: .7;
	}
	.logBlock .logDetail .ttl a::before, .logBlock .logDetail .ttl a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.logBlock .logDetail .ttl a::before {
		width: 11px;
		height: 11px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #0d68b3;
	}
	.logBlock .logDetail .ttl a::after {
		left: 5px;
		box-sizing: border-box;
		width: 4px;
		height: 5px;
		border: 2px solid transparent;
		border-left: 3px solid #ffffff;
	}
	.logBlock .logDetail .ttl p {
		float: right;
		height: 55px;
		line-height: 55px;
	}
	.logBlock .logDetail .newsInner {
		border-top: 1px solid #dddddd;
	}
	.logBlock .logDetail .newsInner .newsItem a:hover {
		background: #f1f2f3;
	}

	.logBlock .logDetail .newsInner .newsItem a {
		position: relative;
		display: block;
		/* padding: 1.1em 0 1.1em 10px; */
		border-bottom: 1px solid #ccc;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.logBlock .logDetail .newsInner .newsItem a::before, .logBlock .logDetail .newsInner .newsItem a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.logBlock .logDetail .newsInner .newsItem a::before {
		width: 11px;
		height: 11px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #0d68b3;
	}
	.logBlock .logDetail .newsInner .newsItem a::after {
		right: 2px;
		box-sizing: border-box;
		width: 4px;
		height: 5px;


		border: 2px solid transparent;
		border-left: 3px solid #ffffff;
	}
	.logBlock .logDetail .newsInner .newsItem .newsCategory {
		width: 130px;
		font-size: 12px;
		color: #0060af;
		font-weight: 300;
		text-align: center;
		padding-right: 10px;
		line-height: 1.6;
		letter-spacing: -0.07em;
		position: relative;
	}
.logBlock .logDetail .newsInner .newsItem .newsCategory span {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	width: 100%;
}
    
	.logBlock .logDetail .newsInner .newsItem .newsContent {
		padding-left: 10px;
		width: 390px;
		border-left: 2px solid #0060af;
	}

	.logBlock .logDetail .newsInner .newsItem .newsContent .newsLbl {

		line-height: 1.7;
		width: 93%;
	}




	.logBlock .logDetail .blogInner {
		border-top: 1px solid #dddddd;
	}
	.logBlock .logDetail .blogInner .blogItem a:hover {
		background: #f1f2f3;
	}

	.logBlock .logDetail .blogInner .blogItem a::before, .logBlock .logDetail .blogInner .blogItem a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.logBlock .logDetail .blogInner .blogItem a::before {
		width: 11px;
		height: 11px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background: #0d68b3;
	}
	.logBlock .logDetail .blogInner .blogItem a::after {
		right: 2px;
		box-sizing: border-box;
		width: 4px;
		height: 5px;
		border: 2px solid transparent;
		border-left: 3px solid #ffffff;
	}
	.logBlock .logDetail .blogInner .blogThumb {
	  width: 29.7%;
	  padding-top: 3%;
	}

	.logBlock .logDetail .blogInner .blogItem .blogCategory  {

	  font-size: 12px;

	  padding: 0;
	}

	.logBlock .logDetail .blogInner .blogItem .blogContent {
		padding-left: 2%;
		width: 66%;
	}
	.logBlock .logDetail .blogInner .blogItem .blogContent .blogTime {
		font-family: Montserrat, "sans-serif";
		font-size: 14px;
		font-weight: bold;
		display: block;
		padding: 5px 0 10px;
	}
	.logBlock .logDetail .blogInner .blogItem .blogContent .blogTime span.new{
		color:#e50012;
		margin-left: 10px;
	}
	.logBlock .logDetail .blogInner .blogItem .blogContent .blogLbl {
		line-height: 1.7;
	}
}



@media screen and (max-width: 320px) {
	.mv h1{
		letter-spacing: -0.1em;
	}
	.custBlock .custDetail ul li:nth-child(even){
		width:49.8%;
	}
	.historyBlock .txt{
		letter-spacing:-0.1em;
	}

	.logBlock .logDetail .newsInner .newsItem a{	
		padding: 1.1em 0 1.1em 0;
	}
	.logBlock .logDetail .newsInner .newsItem .newsCategory{
		letter-spacing: -0.1em;
		width: 160px;
		padding-right: 10px;
	}
	.logBlock .logDetail .newsInner .newsItem .newsContent{
		padding-left:10px;
	}
	.logBlock .logDetail .newsInner .newsItem .newsContent .newsLbl{
		letter-spacing: -0.1em;
	}
	.logBlock .logDetail .blogInner .blogItem a{
		padding: 1.1em 0 1.1em 0;
	}
}