@charset "UTF-8";

/*============================
#service
============================*/
#service {
}
#service .item {
	display:flex;

	margin-bottom:40px;

}


#service .item .img {
	width:50%;
	position:relative;
}
#service .item .img img{
	object-fit:cover;
	height:100%;
	width:100%;
}
#service .item .img-inner{
	width:110%;
	background-color:#000;
	height: 85%;
	max-height: 500px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#service .item:nth-child(odd) .img{
	order:2;
}
#service .item:nth-child(odd) .info{
	order:1;
}
#service .item:nth-child(odd) .img-inner{
	right:0;
	left:auto;
	top:0;
}
.main-v .content-wrap{
	padding: 0 0;
}




.info-wrap{
	max-width:600px;
	float:left;
}

#service .item:nth-child(odd) .info .info-wrap{
	float:right;
	text-align: right;
}
#service .item:nth-child(odd) .info .info-wrap .txt{
	text-align: left;
}

#service .item .info {
	overflow:hidden;
	margin-top:80px;
	width:50%;
	background-color:#fff;
	padding:60px;
	box-shadow: 0 6px 10px rgba(0,0,0,.2);
	z-index:2;
	position:relative;
}
/*
#service .item .info:before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #001157 transparent transparent transparent;
}*/
/*
#service .item:nth-child(2) .info:before {
  position:absolute;
  content:"";
  right:0;
  left:auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #001157 transparent transparent;
}

 */
#service .item .info .eng {
	color:#97bade;
	font-size: 40px;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.8em;
}
#service .item .info .ttl {
	font-size:20px;
	margin-top:24px;
	position:relative;
}
#service .item .info .ttl:after {
	content: "";
	width: 50px;
	position: absolute;
	left: 0;
	bottom: -24px;
	height: 1px;
	background-color: #01157C;
}

#service .item:nth-child(odd) .info .ttl:after {
	content: "";
	width: 50px;
	position: absolute;
	left: auto;
	right:0;
	bottom: -24px;
	height: 1px;
	background-color: #01157C;
}


#service .item .info .txt {
	margin-top: 80px;
	line-height: 1.8em;
}

#service .item .info .txt a{
	text-decoration: underline;
}

#service .item .info .to-btn.common-btn {
	margin-top:24px;
}

.fadein{opacity:0;transform:translate(0, 200px);transition:all 1000ms}
.fadein2{opacity:0;transform:translate(100px, 0px);transition:all 1000ms}
.fadein3{opacity:0;transform:translate(0px, -200px);transition:all 1000ms}
.scrollin{opacity:1;transform:translate(0, 0)}


.slick-next{
	right: 13px;
}
.slick-prev {
	left: 15px;
	z-index: 99;
}