@charset "UTF-8";

/* スライダー設定 ---------------------------------------*/

.slick-arrow {
	background: url(../img/common/icon_arrow_l.png) no-repeat center/100%;
	width: 57px;
	height: 60px;
	text-indent: -99em;
	overflow: hidden;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 22%;
	margin-top: 0;
	z-index: 999;
}

.slick-prev {left: 3px;}

.slick-next {
	right: 3px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.slick-dots {
	padding-top: 40px;
	text-align: center;
	width: 100%;
}

.slick-dots li {
	display: inline-block;
	margin: 0 5px;
	width: 6px;
}

.slick-dots li button {
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 6px;
	text-indent: -99em;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
}

.slick-dots li.slick-active button {background: #2E648D;}

@media (min-width: 481px) {

	.slick-arrow {top: 18%;}

}


/* title ---------------------------------------*/

.top-title {
	color: #fb3f16;
	font-size: 14px;
	margin: 0 0 23px;
	letter-spacing: 1px;
	line-height: 1;
}

.top-title-center {text-align: center;}

.top-title span {
	font-size: 35px;
	font-family: 'Poppins', sans-serif;
	font-style: italic;
	font-weight: normal;
	display: block;
	margin-bottom: 7px;
	letter-spacing: 0;
}

@media (min-width: 769px) {

	.top-title {
		font-size: 20px;
		margin: 0 0 55px;
	}

	.top-title span {
		font-size: 70px;
		margin-bottom: 10px;
	}

}


/* btn ---------------------------------------*/

.top-btn-wrap {width: 100%;}

.top-btn-wrap a {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #fb3f16;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
}

.top-btn-wrap-active,
.top-btn-wrap-ceo {
	display: block;
	margin: 0;
	width: 200px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #fb3f16;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
}

@media (min-width: 769px) {

	.top-btn-wrap a {
		width: 280px;
		height: 60px;
		line-height: 60px;
		font-size: 16px;
		transition: .5s ease all;
	}

	.top-btn-wrap a:hover {
		background: #ff7900;
	}

	.top-btn-wrap-active,
	.top-btn-wrap-ceo {
		width: 280px;
		height: 60px;
		line-height: 60px;
		font-size: 16px;
		transition: .5s ease all;
	}

	.img-left-inner a:hover .top-btn-wrap,
	.img-right-inner a:hover .top-btn-wrap {
		background: #ff7900;
	}

	.top-section {
		min-width: 980px;
		padding: 0 5px;
		overflow: hidden;
	}

}


/* kv ---------------------------------------*/

.top-kv {
	width: 100%;
	height: 455px;
	position: relative;
	margin-top: 60px;
}

.top-kv-slide{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.top-kv-slide-image1{
	position: absolute;
	left:0px;
	top:-20px;
	width:50.01%;
	height:calc(100% + 20px);
	background: url(../img/index/kv1_left.png) no-repeat top center/cover;
}

.top-kv-slide-image2{
	position: absolute;
	right:0px;
	top:-20px;
	width:50.01%;
	height:calc(100% + 20px);
	background: url(../img/index/kv1_right.png) no-repeat top center/cover;
}

#top-kv-slide-1 .top-kv-slide-image1{background-image: url(../img/index/kv1_left.png);}
#top-kv-slide-1 .top-kv-slide-image2{background-image: url(../img/index/kv1_right.png);}
#top-kv-slide-2 .top-kv-slide-image1{background-image: url(../img/index/kv2_left.png);}
#top-kv-slide-2 .top-kv-slide-image2{background-image: url(../img/index/kv2_right.png);}
#top-kv-slide-3 .top-kv-slide-image1{background-image: url(../img/index/kv3_left.png);}
#top-kv-slide-3 .top-kv-slide-image2{background-image: url(../img/index/kv3_right.png);}

.top-kv-message{
	position:absolute;
	left:0%;
	top:52%;
	transform:translate(0%,-50%);
	width:100%;
	text-align: center;
	color:#fff;
}

.top-kv-message-1{
	width:83%;
	margin:0 auto 20px;
}

.top-kv-message-2{
	width:80%;
	margin:0 auto;
}

/* animation */

.top-kv-slide-image1{
	opacity:0;
	transform:translate(0 , -20px);
	transition: all .75s ease;
}

.top-kv-slide-image2{
	opacity:0;
	transform:translate(0 , 20px);
	transition: all .75s ease;
}

.top-kv-slide.prepare .top-kv-slide-image1{
	transform:translate(0 , 20px);
	transition: all .15s ease;
}

.top-kv-slide.prepare .top-kv-slide-image2{
	transform:translate(0 , -20px);
	transition: all .75s ease;
}

.top-kv-slide.active .top-kv-slide-image1,
.top-kv-slide.active .top-kv-slide-image2{
	opacity:1;
	transform:translate(0 , 0px);
	transition: all .75s ease;
}

.top-kv-slide.end .top-kv-slide-image1{
	opacity:0;
	transform:translate(0 , -20px);
	transition: all .25s ease;
}

.top-kv-slide.end .top-kv-slide-image2{
	opacity:0;
	transform:translate(0 , 20px);
	transition: all .25s ease;
}

.top-kv-message-1{
	opacity:0;
	transform:translate(0 , -10px);
}

.top-kv-message-2{
	opacity:0;
	transform:translate(0 , -10px);
	transition: all .25s ease;
}

.top-kv.active .top-kv-message-1{
	opacity:1;
	transform:translate(0 , 0px);
	transition: all .55s 0.5s ease;
}

.top-kv.active .top-kv-message-2{
	opacity:1;
	transform:translate(0 , 0px);
	transition: all .55s 0.8s ease;
}

@media (min-width: 769px) {

	.top-kv {
		height: 100vh;
		margin-top: 0;
	}

	.top-kv-message{top:53%;}

	.top-kv-message-1{
		width:63%;
		max-width:935px;
	}

	.top-kv-message-2{
		width:27%;
		max-width:400px;
	}

	.top-kv-scroll{
		position: absolute;
		left:50%;
		bottom:30px;
		transform:translate(-50%,0);
		width:71px;
		height:72px;
	}

	.top-kv-scroll span{
		background: url(../img/index/kv_scroll.png) no-repeat left top;
		display: block;
		width:71px;
		height:72px;
		transform:translate(0 , -10px);
		opacity:0;
		transition: all .25s ease;
	}

	.top-kv.active .top-kv-scroll span{
		opacity:1;
		transform:translate(0 , 0px);
		transition: all .55s 1s ease;
	}
}


/* message ---------------------------------------*/

.top-message {
	background: url(../img/index/message_bg_sp.png) no-repeat top right/cover;
}

.top-message-inner {
	padding: 17px 39px 43px 22px;
	margin: 0;
}

.top-message p {
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 1.6px;
	text-align: left;
	margin: 0 0 26px;
}

.top-message p:last-child {
	margin-bottom: 0;
}

@media (min-width: 769px) {

	.top-message {
		background: url(../img/index/message_bg.png) no-repeat top right/auto 100%;
	}

	.top-message-inner {
		min-width: 980px;
		max-width: 1040px;
		padding: 110px 0 125px;
		margin: 0 auto;
	}

	.top-message p {
		width: 517px;
		font-size: 14px;
		line-height: 2;
		margin: 0 0 28px;
		font-weight: 500;
	}

}


/* business ---------------------------------------*/

.top-business {
	background: #f8f8f8;
	background: linear-gradient(to bottom, #f8f8f8, #f8f8f8 68%, #fff 68%, #fff);
}

.top-business-inner {
	padding: 42px 0 45px;
	width:100%;
	overflow: hidden;
}

.top-business-lead{
	text-align: center;
	margin-bottom: 20px;
	font-size:14px;
}

.top-swiper-container{
	position: relative;
	width:306px;
    max-width: 100%;
    overflow: visible;
    margin: 0 auto;

}

.top-business-list {margin: 0 0 39px;}

.top-business-list li {
	padding: 0;
	margin: 0;
	background: #fff;
}

.top-business-img {position: relative;}

.top-business-img:before {
	content: '';
	height: 20px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.top-business-img-marketing:before {
	width: 125px;
	background-image: url(../img/index/business_tag_marketing.png);
}

.top-business-img-tech:before {
	width: 134px;
	background-image: url(../img/index/business_tag_tech.png);
}

.top-business-img-media:before {
	width: 101px;
	background-image: url(../img/index/business_tag_media.png);
}

.top-business-img img {width: 100%;}

.top-business-list .comingsoon{
	display: block;
	position: relative;
}

.top-business-list .comingsoon > img{width:100%;}

.comingsoon-text{
	background: #E7E7E7;
	height:123px;
	text-align: center;
	position: relative;
}

.comingsoon-text img{
	width:175px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.top-business-info {padding: 15px 18px 21px;}

.top-business-title {
	color: #181818;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 9px;
}

.top-business-name {
	font-size: 11px;
	line-height: 1.6;
	color: #898989;
	margin-bottom: 0;
}

.top-business-name span {
	color: #898989;
	display: block;
}

.swiper-button-prev,
.swiper-button-next {
	background: url(../img/common/icon_arrow_l.png) no-repeat center/100%;
	width: 57px;
	height: 60px;
	text-indent: -99em;
	overflow: hidden;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 22%;
	margin-top: 0;
	z-index: 999;
}

.swiper-button-prev {left: -40px;}

.swiper-button-next {
	right: -40px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media (min-width: 769px) {

	.top-business {
		background: linear-gradient(to bottom, #f8f8f8, #f8f8f8 67%, #fff 67%, #fff);
		padding: 0;
	}

	.top-business-inner {
		min-width: 980px;
		max-width: 1074px;
		padding: 110px 0 120px;
		margin: 0 auto;
	}

	.top-swiper-container{
		width:100%;
	}

	.top-business-lead{
		margin-bottom: 50px;
		font-size:15px;
	}

	.top-business .top-title {margin: 0 0 30px;}

	.top-business-list {margin: 0 0 26px;}

	.top-business-list li {
		padding: 0;
		margin: 0 0 0 2.6%;
		width:31.6%;
	}

	.top-business-list li:first-child {margin-left: 0;}

	.top-business-img {
		width: 100%;
		overflow: hidden;
	}

	.top-business-img img {
		width: 100%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		transition: .3s ease all;
	}

	.top-business-img-marketing:before {width: 151px;}
	.top-business-img-tech:before {width: 160px;}
	.top-business-img-media:before {width: 122px;}
	.top-business-info {padding: 20px 20px 26px;}

	.comingsoon-text{height:155px;}
	.comingsoon-text img{width:189px;}

	.top-business-title {
		font-size: 16px;
		margin: 0 0 15px;
	}

	.top-business-name {font-size: 14px;}

	.top-business-list li a:hover .top-business-img img {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}

	.swiper-button-prev,
	.swiper-button-next{display: none;}

}


/* interview ---------------------------------------*/

.top-interview {
	overflow: hidden;
	background: #f8f8f8;
	background: linear-gradient(to right, #f8f8f8, #f8f8f8 84%, #fff 84%, #fff);
}

.top-interview-inner {padding: 40px 0 50px;}

.top-interview-lead{
	padding:0 20px;
	margin-bottom: 30px;
}

.top-interview-lead p{
	font-size:14px;
	line-height: 1.7;
}

.top-interview .top-title {margin: 0 0 15px 20px;}

.top-interview-list li {
	padding: 0;
	margin: 0 0;
	background: #fff;
}

.top-interview-list li img {width: 100%;}
.top-interview-detail {padding: 14px 19px 12px;}

.top-interview-title {
	font-size: 14px;
	line-height: 1.8;
	color: #181818;
	margin: 0 0 0px;
	height:60px;
}

.top-interview-list p {
	font-size: 11px;
	line-height: 1.6;
	color: #6c6c6c;
}

.top-interview .slick-arrow {top: 27.5%;}

.top-interview .swiper-button-prev,
.top-interview .swiper-button-next {top:30%;}

@media (min-width: 769px) {

	.top-interview {background: linear-gradient(to right, #f8f8f8, #f8f8f8 76%, #fff 76%, #fff);}

	.top-interview-inner {
		min-width: 980px;
		max-width: 1200px;
		padding: 108px 0 120px;
		margin: 0 auto;
		display: flex;
		justify-content: flex-end;
	}

	.top-interview-inner > div {
		width: 100%;
		max-width: 1060px;
		position: relative;
		left: 13px;
	}

	.top-interview .top-title {margin: 0 0 74px 10px;}

	.top-interview-lead{
		position: absolute;
		left:380px;
		top:10px;
	}

	.top-interview-lead p{
		font-size:16px;
	}

	.top-interview-list li {
		padding: 0;
		margin: 0 0 0 2.9%;
		width:31.4%;
	}

	.top-interview-list li:first-child{
		margin-left: 0;
	}

	.top-interview-list li:nth-of-type(2) {top: -35px;}
	.top-interview-list li:nth-of-type(3) {top: -70px;}

	.top-interview-img {
		width: 100%;
		overflow: hidden;
	}

	.top-interview-img img {
		width: 100%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		transition: .3s ease all;
	}

	.top-interview .slick-list {overflow: visible;}
	.top-interview-detail {padding: 20px 20px 26px;}

	.top-interview-title {
		font-size: 16px;
		margin: 0 0 14px;
		line-height: 1.7;
		height:auto;
	}

	.top-interview-list p {font-size: 14px;}
	.top-interview .slick-arrow {top: 27.5%;}

	.top-interview-list li a:hover .top-interview-img img {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}

}


/* active place ---------------------------------------*/

.img-left-inner {padding: 44px 58px 60px 20px;}

.img-left .top-title {margin: 0 0 13px;}

.img-left-img {margin: 0 0 28px;}

.img-left-info {margin: 0;}

.img-left-info p {
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 1.3px;
	margin: 0 0 37px;
}

.top-btn-wrap-active a {margin-left: 0;}

@media (min-width: 769px) {

	.img-left-inner {
		min-width: 980px;
		max-width: 1200px;
		padding: 120px 0 100px;
		margin: 0 auto;
	}

	.img-left-inner>a,
	.img-left-inner>div{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		color: #181818;
	}

	.img-left .top-title {margin: 0 0 32px;}

	.img-left-img {
		width: 50%;
		max-width: 600px;
		margin: 0;
		overflow: hidden;
	}

	.img-left-img img {
		width: 100%;
		height: auto;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		transition: .3s ease all;
	}

	.img-left-info {
		width: 500px;
		padding-top: 43px;
	}

	.img-left-info p {
		font-size: 16px;
		line-height: 2;
		letter-spacing: 0;
		margin: 0 0 40px;
		font-weight: 500;
	}

	.img-left-inner a:hover .img-left-img img {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}

}


/* ceo ---------------------------------------*/

.img-right {
	display: flex;
	justify-content: flex-end;
}

.img-right-inner {
	padding: 0 20px 45px 60px;
	text-align: right;
}

.img-right .top-title {margin: 0 0 12px;}

.img-right-img {margin: 0 0 34px;}

.img-right-img img {width: 100%;}

.img-right-info {
	width: 234px;
	margin: 0;
	display: inline-block;
	text-align: left;
}

.img-right-info p {
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 1.3px;
	margin: 0 0 31px;
}

.top-btn-wrap-ceo a {margin-left: 0;}

@media (min-width: 769px) {

	.img-right {display: block;}

	.img-right-inner {
		text-align: left;
		min-width: 980px;
		max-width: 1200px;
		padding: 0 0 120px;
		margin: 0 auto;
	}

	.img-right-inner>a,
	.img-right-inner>div{
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		color: #181818;
	}

	.img-right .top-title {margin: 0 0 32px;}

	.img-right-img {
		width: 50%;
		max-width: 600px;
		margin: 0;
		overflow: hidden;
	}

	.img-right-img img {
		width: 100%;
		height: auto;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		transition: .3s ease all;
	}

	.img-right-info {
		width: 500px;
		display: block;
		padding-top: 41px;
	}

	.img-right-info p {
		font-size: 16px;
		line-height: 2;
		margin: 0 0 73px;
		letter-spacing: 1.7px;
		font-weight: 500;
	}

	.img-right-inner a:hover .img-right-img img {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}

}


/* bottom link ---------------------------------------*/

.top-link {background: #f8f8f8;}

.top-link-inner {padding: 60px 40px;}

.top-link-list li {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.top-link-list li:first-child {margin: 0 0 20px;}

.top-link-list li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.top-link-img {width: 38%;}

.top-link-img img {width: 100%;}

.top-link-text {
	width: 62%;
	text-align: center;
	font-size: 13px;
	color: #181818;
	position: relative;
	background: url(../img/common/arrow_gray.png) no-repeat center right 15px/5px;
}

@media (min-width: 769px) {

	.top-link-inner {
    min-width: 980px;
    max-width: 1040px;
    padding: 60px 0;
    margin: 0 auto;
	}

	.top-link-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.top-link-list li {
		width: 48%;
		max-width: 570px;
	}

	.top-link-list li:first-child {margin: 0;}

	.top-link-img {
		width: 36%;
		overflow: hidden;
	}

	.top-link-img img {
		width: 100%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		transition: .3s ease all;
	}

	.top-link-text {
		width: 64%;
		font-size: 20px;
		background: url(../img/common/arrow_gray.png) no-repeat center right 28px/10px;
	}

	.top-link-list li {transition: .3s ease all;}
	.top-link-list li:hover {box-shadow: none;}

	.top-link-list li:hover .top-link-img img {
		-webkit-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1);
	}

}