@charset "UTF-8";
/* fonts */

#compassTopBg h3{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 49px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 23px;
}

#compassTopBg .description{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 24px;
	font-weight: 400;
	line-height: 140%;
}

#compassBg .compassSec h3{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 25px;
	font-weight: 700;
	line-height: 120%; /* 30px */
	margin-bottom: 48px;
}

#compassBg .compassSec h3 span{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 18px;
	font-weight: 400;
	line-height: 120%; /* 21.6px */
	display: block;
	margin-top: 5px;
}

#compassBg .compassSec ul li.functionItem h4{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 20px;
	font-weight: 700;
	line-height: 120%; /* 24px */
	letter-spacing: 5px;
	margin-bottom: 8px;
}

#compassBg .compassSec ul li.functionItem .txt{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
}

#compassBg .compassSec ul.btn li{
	margin-left: 8px;
	color: #FFF;
	text-align: center;
	font-family: ryo-gothic-plusn;
	font-size: 12px;
	font-weight: 500;
	line-height: 120%; /* 14.4px */
	letter-spacing: 0.6px;
	padding: 5px 10px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.20);
	box-shadow: -5px -5px 250px 0px rgba(255, 255, 255, 0.02) inset;
	backdrop-filter: blur(21px);
}

#sticky-nav h4{
	color: #302C28;
	padding-top: 20px;
	font-family: ryo-gothic-plusn;
	font-size: 16px;
	font-weight: 700;
	line-height: 170%; /* 27.2px */
	margin-bottom: 16px;
}

#sticky-nav ul li a{
	color: #BABABA;
	font-family: ryo-gothic-plusn;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%; /* 21.6px */
	letter-spacing: 0.9px;
    transition: color .5s;
}

#sticky-nav ul li a span{
	display: block;
	font-family: ryo-gothic-plusn;
	font-size: 14px;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
}

#sticky-nav ul li.img a img{
	opacity: 0.3;
	width: 100%;
	max-width: 124px;
	transition: opacity .5s;
}

#sticky-nav ul li.img.current a img,
#sticky-nav ul li.img a:hover img{
	opacity: 1;
	
}
#sticky-nav ul li.current a,
#sticky-nav ul li a:hover{
	color: #302C28;
}

#core .coreIn .cat{
	color:#0E1737;
	text-align: right;
	font-family: ryo-gothic-plusn;
	font-size: 16px;
	font-weight: 500;
	line-height: 120%; /* 19.2px */
	letter-spacing: 1.6px;
}

#core .coreIn .headIn h3{
	margin-bottom: 24px;
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 39px;
	font-weight: 400;
	line-height: 120%; /* 46.8px */
	letter-spacing: 1.95px;
}

#core .coreIn .headIn h3 span{
	display: block;
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 20px;
	font-weight: 500;
	line-height: 120%; /* 24px */
	letter-spacing: 2px;
	margin-bottom: 4px;
}

#core .coreIn .headIn h3 small{
	display: block;
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 20px;
	font-weight: 400;
	line-height: 120%; /* 24px */
	letter-spacing: 2px;
	margin-top: 4px;
}

#core .coreIn .headIn .description{
	width: 100%;
	max-width: 650px;
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
}

.coreSec .txt p{
	color: #302C28;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 180%; /* 28.8px */
	text-indent: 1em;
}

.coreSec.point .pointList li{
	color:#A18B50;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 140%; /* 21px */
}

#consulting .headIn h3{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 39px;
	font-weight: 400;
	line-height: 120%; /* 46.8px */
	letter-spacing: 1.95px;
	margin-bottom: 24px;
}

#consulting .headIn .description{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
}


@media screen and (max-width: 1024px) {
	
#compassTopBg h3{
	font-size: 47px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; 
}

#compassTopBg .description{
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

#compassBg .compassSec h3{
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}


}

@media screen and (max-width: 820px) {
	#compassBg .compassSec ul li.functionItem .txt{
		font-size: 14px;
	}

}

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

		#compassBg .compassSec ul li.functionItem .txt{
		font-size: 16px;
	}


#compassTopBg h3{
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; 
}
#compassTopBg .description{
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
}
#compassBg .compassSec h3{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}

#sticky-nav h4{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; 
}

#core .coreIn .headIn h3 span{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 21.6px */
	letter-spacing: 1.8px;
}

#core .coreIn .headIn h3{
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 42px */
	letter-spacing: 1.75px;
}

#core .coreIn .headIn h3 small{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 19.2px */
	letter-spacing: 1.6px;
}

#core .coreIn .headIn .description{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.coreSec .txt p{
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 180%;
}

#consulting .headIn h3{
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 42px */
	letter-spacing: 1.75px;
}

#consulting .headIn .description{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 187.5% */
}

.linkBtn a.btn{
	font-size: 20px;
}

}



/* lang_en */

.lang_en #compassTopBg h3{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; 
}

.lang_en #compassTopBg .description{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Barlow;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.lang_en #compassBg .compassSec h3{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 48px;
}

.lang_en #compassBg .compassSec h3 span{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Barlow;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; 
	margin-top: 5px;
}

.lang_en #compassBg .compassSec ul li.functionItem h4{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%; /* 30px */
	letter-spacing: 3.75px;
	margin-bottom: 8px;
}

.lang_en #compassBg .compassSec ul li.functionItem .txt{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Barlow;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 20.4px */
	letter-spacing: -0.17px;
}

.lang_en #compassBg .compassSec ul.btn li{
	margin-left: 8px;
	padding: 5px 10px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.20);
	box-shadow: -5px -5px 250px 0px rgba(255, 255, 255, 0.02) inset;
	backdrop-filter: blur(21px);
	color: #FFF;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	letter-spacing: 0.28px;
}

.lang_en #sticky-nav h4{
	color: #302C28;
	padding-top: 20px;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; 
}

.lang_en #sticky-nav ul li a{
	color: #BABABA;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; 
    transition: color .5s;
}

.lang_en #sticky-nav ul li a span{
	display: block;
	color: #BABABA;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	transition: color .5s;
}

.lang_en #sticky-nav ul li.img a img{
	opacity: 0.3;
	width: 100%;
	max-width: 124px;
	transition: opacity .5s;
}

.lang_en #sticky-nav ul li.img.current a img,
.lang_en #sticky-nav ul li.img a:hover img{
	opacity: 1;
	
}
.lang_en #sticky-nav ul li.current a,
.lang_en #sticky-nav ul li.current a span,
.lang_en #sticky-nav ul li a:hover,
.lang_en #sticky-nav ul li a:hover span{
	color: #302C28;
}

.lang_en #core .coreIn .cat{
	color:#0E1737;
	text-align: right;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 21.6px */
	letter-spacing: 1.26px;
}

.lang_en #core .coreIn .headIn h3{
	margin-bottom: 24px;
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.lang_en #core .coreIn .headIn h3 span{
	display: block;
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 23px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%; /* 23px */
	letter-spacing: 2.3px;
}

.lang_en #core .coreIn .headIn h3 small{
	display: block;
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 21px;
	font-style: normal;
	font-weight: 300;
	line-height: 120%; 
	margin-top: 4px;
}

.lang_en #core .coreIn .headIn .description{
	width: 100%;
	max-width: 650px;
	color: #FFF;
	font-family: Barlow;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.lang_en .coreSec .txt p{
	color: #302C28;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Barlow;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 170%; 
}

.lang_en .coreSec.point .pointList li{
	color:#A18B50;
	font-family: Sofia Sans;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
}

.lang_en #consulting .headIn h3{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 50.4px */
	letter-spacing: 2.1px;
}

.lang_en #consulting .headIn .description{
	color: #FFF;
	font-family: Barlow;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 26.6px */
}


@media screen and (max-width: 1024px) {
	
.lang_en #compassTopBg h3{
	font-size: 47px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}

.lang_en #compassTopBg .description{
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%
}

.lang_en #compassBg .compassSec h3{
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}

.lang_en #sticky-nav h4{ 
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}


}

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

.lang_en #compassTopBg h3{
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; 
}
.lang_en #compassTopBg .description{
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
}
.lang_en #compassBg .compassSec h3{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}

.lang_en #compassBg .compassSec ul li.functionItem h4{
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 24px */
	letter-spacing: 2px;
}

.lang_en #compassBg .compassSec ul li.functionItem .txt{
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
	letter-spacing: -0.16px;
}

.lang_en #sticky-nav h4{
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}

.lang_en #core .coreIn .headIn h3 span{
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 24px */
	letter-spacing: 2px;
}

.lang_en #core .coreIn .headIn h3{
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
}

.lang_en #core .coreIn .headIn h3 small{
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 120%;
}

.lang_en #core .coreIn .headIn .description{
	font-family: Barlow;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.lang_en .coreSec .txt p{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
}

.lang_en #consulting .headIn h3{
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 45.6px */
	letter-spacing: 1.9px;
}

.lang_en #consulting .headIn .description{
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.linkBtn a.btn{
	font-size: 20px;
	height: 68px;
}

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


}