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

.casestudyIn h4{
	color:#0E1737;
	font-family: ryo-gothic-plusn;
	font-size: 39px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}
.casestudyIn h4 span.small{
	color: #0E1737;
	font-family: ryo-gothic-plusn;
	font-size: 18px;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 8px;
	display: block;
}

.casestudyIn h4 span.cap{
	color: #0E1737;
	font-family: ryo-gothic-plusn;
	font-size: 25px;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 8px;
	display: inline-block;
}


.casestudyIn h5{
	color: #302C28;
	font-family: ryo-gothic-plusn;
	font-size: 25px;
	font-weight: 700;
	line-height: 150%; /* 37.5px */
	margin-bottom: 24px;
}

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


@media screen and (max-width: 1024px) {
.casestudyIn h4{
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}
.casestudyIn h4 span.cap{
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}
.casestudyIn h5{
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 12px;
}
}

@media screen and (max-width: 767px) {
.casestudyIn h4 span.small{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.casestudyIn h4{
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 20px;
}

.casestudyIn h4 span.cap{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	display: block;
}

.casestudyIn h5{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

.carouselIn p{
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 170%;
}

.casestudyIn h4 span.no{
	font-size: 117px;
}

}

/* lang_en */

.lang_en .casestudyIn h4{
	color:#0E1737;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 60px */
	letter-spacing: 0.5px;
}
.lang_en .casestudyIn h4 span.small{
	color:#0E1737;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Barlow;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.lang_en .casestudyIn h4 span.cap{
	color:#0E1737;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 27px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 60px */
	letter-spacing: 0.5px;
	display: block;
}


.lang_en .casestudyIn h5{
	color: #302C28;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 45px */
}

.lang_en .carouselIn 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%;
}


@media screen and (max-width: 1024px) {
.lang_en .casestudyIn h4 span.small{
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

.lang_en .casestudyIn h4{
	font-size: 43px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 51.6px */
	letter-spacing: 0.43px;
}

.lang_en .casestudyIn h4 span.cap{
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}
.lang_en .casestudyIn h5{
	font-size: 27px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
}

@media screen and (max-width: 767px) {
.lang_en .casestudyIn h4 span.small{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.lang_en .casestudyIn h4{
	font-size: 29px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 34.8px */
	letter-spacing: 0.58px;
}

.lang_en .casestudyIn h4 span.cap{
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	display: inline-block;
}

.lang_en .casestudyIn h5{
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

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

.lang_en .casestudyIn h4 span.no{
	font-size: 117px;
}

}