@charset "UTF-8";

/*service*/

@media screen and (max-width: 1440px) {
	.coreSec.flex{
	display: block;
}

#coreContents > div:nth-child(1) > div:nth-child(6) > div.img{
	text-align: center;
	
}

.coreSec.flex .txt{
	width: 100%;
	margin-bottom: 32px;
}

.coreSec.flex .img{
	width: 100%;
	text-align: right;
}

.coreSec.flex .img img{
	width: 100%;
	max-width: 400px;
}
}



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

.linkBtn{
	max-width: 519px;
}

#compassTopBg .fix .pc{
	display: none;
}

#compassTopBg .fix .tab{
	display: block;
}

#compassTopBg .fix .sp{
	display: none;
}

#compassTopBg .fix img.bg{
	height: 845px;
}
#compassTopBg .logo{

}

#compassTopBg .container .containerIn{
	left: 40px;
	bottom: 200px;
}

#core .container{
	display: block;
}

#coreList{
	display: none;
}

#core .container #coreNav{
	width: 100%;
}

#core .container #coreContents{
	width: 100%;
}

#core .coreIn .headIn .description{
	max-width: none;
}




.img.swipe {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: none;
    -ms-overflow-style: none; 
}

.img.swipe::-webkit-scrollbar {
    display: none;
}

.swipe {
    display: flex;
    flex-wrap: nowrap;
}

.img.swipe img {
    flex: 0 0 auto;
    width: 970px;
    max-width: none;
    height: auto;
}

#compassBg .compassSec{
	padding-top: 40px;
}

#compassTopBg .logo span img{
	width: 400px;
}

#compass{
	margin-bottom: 64px;
}


}

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

	.coreSec.img{
		padding: 0;
	}

	#compass{
		margin-bottom: 56px;
	}

	#compassTopBg .logo img{
		max-width: calc(225px + 216 * ((100vw - 390px) / (767 - 390)));
		min-width: 225px;
	}

	#compassTopBg .fix .pc{
	display: none;
	}

	#compassTopBg .fix .tab{
		display: none;
	}

	#compassTopBg .fix .sp{
		display: block;
	}

	#compassTopBg .fix img.bg{
		height: 469px;
	}

	#compassTopBg .container .containerIn{
		left: 40px;
		bottom: 200px;
		width: calc(90% - 40px);
	}

	#compassTopBg .description br{
		display: none;
	}


	/* Slickスライダーの矢印をカスタマイズ */
	.functionList .slick-arrow {
	    position: absolute;
	    z-index: 1;
	}

	/* 左矢印 */
	.functionList .slick-prev {
		top: auto;
		bottom: 0;
	    left: 30px;
	    font-size: 0; /* 既存のテキストを隠す */
	    line-height: 0;
	    width: 13px; /* 矢印の幅 */
	    height: 20px; /* 矢印の高さ */
	    background: transparent; /* 背景色を透明に */
	    border: none; /* ボーダーを削除 */
	}

	/* 右矢印 */
	.functionList .slick-next {
		top: auto;
		bottom: 0;
	    right: 30px;
	    font-size: 0; /* 既存のテキストを隠す */
	    line-height: 0;
	    width: 13px; /* 矢印の幅 */
	    height: 20px; /* 矢印の高さ */
	    background: transparent; /* 背景色を透明に */
	    border: none; /* ボーダーを削除 */
	}

	/* 左矢印 */
	.functionList .slick-prev:before {
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    border: solid #fff;
	    border-width: 0 1px 1px 0;
	    display: inline-block;
	    padding: 7px;
	    transform: rotate(135deg);
	    -webkit-transform: rotate(135deg);
	}

	/* 右矢印 */
	.functionList .slick-next:before {
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    border: solid #fff;
	    border-width: 0 1px 1px 0;
	    display: inline-block;
	    padding: 7px;
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	}

	

	.img.scroll {
    overflow-x: auto;
    white-space: nowrap;
}

.scroll-container {
    display: inline-block;
}

.img.scroll img {
    max-width: none;
    width: 970px;
    height: auto;
}

.functionList .slick-slide img{
	width: 100%;
	height: auto;
}

/* スライダーコンテナのサイズ調整も必要に応じて行う */
.functionList  {
    overflow: hidden;
}

#consulting{
	padding-bottom: 120px;
}

.coreSec.point .pointTtl{
	position: static;
}

.coreSec.point .pointList{
	padding-left: 0;
}

#consulting .container{
	width: 100%;
}

#consulting .head{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}

#consultingSlider{
	width: 100%;
}

#consultingSlider .slick-next{
	right: 5%;
}

#consultingSlider .slick-prev{
	left: 5%;
}

.linkBtn{
	max-width: 326px;
}

.linkBtn a span.linkIn{
	height: 60px;
	line-height: 60px;
}

.linkBtn a{
	width: 326px;
	height: 68px;
}

#compassBg .compassSec ul.functionList{
	display: block;
}

#compassBg .compassSec ul li.functionItem{
	width: 100%;
}

.coreSec.flex{
	padding-left: 0;
	padding-right: 0;
}

#compassTopBg .containerIn{
	bottom: 60px;
}

#compassBg .compassSec ul li.functionItem{
	padding: 0;
	margin-right: 20px;
}

.lang_en #compassBg .compassSec ul li.functionItem .txt span{
	display: block;
}

#compassBg{
	padding-bottom: 120px;
}


#consultingSlider .slick-slide[data-slick-index="0"]{
	padding-left: 3%;
	padding-right: 0;
}

#consultingSlider .slick-slide[data-slick-index="1"]{{
	padding-left: 0;
	padding-right: 3%;
}


}