/*
Brand / Create it
Brand / NSK STUDIO
*/

/*
========================================================================================== 

Create it

========================================================================================== 
*/

.styles2202 .createit-pagettl__inner{
	padding-top: 0!important;
	padding-bottom:30vh!important;
	}
.styles2202 .createit-pagettl h2{
	margin: 54px 0 0 0!important;
    height: calc(100vh - 80px - 54px);
/*
padding-top:calc(50vh - 100px);
border:1px solid pink;
*/
	padding-top:calc(((100vh - 80px - 54px) / 2) - 54px);

   	}
.styles2202 .createit-pagettl__sc a{
	width: 46px;
	}
.styles2202 .createit-pagettl.is-fade .createit-pagettl__sc{
	margin-top: 40px;
    margin-bottom: 40px;
	}
.styles2202 .createit-pagettl__sc a{
	padding-bottom: 0!important;
	}
.styles2202 .createit-pagettl.is-fade .createit-pagettl__names{
	margin-top: 0;
    margin-bottom: 0;
	}

.styles2202 .createit-pagettl.is-fade .createit-pagettl__names p a{
	color: #fff;
	}

.styles2202 .p-bnrs__img{
	position: relative;
	}
/*
.styles2202 .p-bnrs__img:after {
    content: "\f167";
    font-family: "Font Awesome 5 Brands";
    font-size: 50px;
    line-height: 50px;
    display: block;
    position: absolute;
    margin: auto auto;
    padding-right: 10px;
    color: red;
    top: calc(50% - 25px);
    bottom: auto;
    left: 0;
    right: 20px;
    text-align: center;
	}
*/
.styles2202 .createit-concept.is-fade .createit-concept__ttl {
    -webkit-transition: opacity 1.5s 1s!important;
    transition: opacity 1.5s 1s!important;
	}
.styles2202 .createit-concept.is-fade .createit-concept__txt {
    -webkit-transition: opacity 1.5s 1.2s!important;
    transition: opacity 1.5s 1.2s!important;
	}

.createit-concept__dots{
	z-index: 1!important;
	}
.styles2202 .createit-concept__txt p{
	font-size: 14px!important;
	}
.styles2202 .createit-pagettl__lead p span,
.styles2202 .createit-concept__txt p span{
	display: inline-block;
	/*background: gray;*/
	}

@media screen and (max-width: 1080px){
	.styles2202 .createit-concept__txt p{
	font-size: 12px!important;
	padding-right: 20px!important;
	}
}
@media screen and (max-width: 767px){

.styles2202 .p-ttl h2,
.styles2202 .p-bnrs__bnr,
.styles2202 img{
	width: 100%;
	}
.styles2202 .createit-pagettl h2{
	margin: 0!important;
    height: calc(90vh - 150px);
	padding-top:calc(45vh - 100px);
	width: 100%;
   	}

.styles2202 .createit-pagettl__names{
	margin-top: 0px!important;
	}
.styles2202 .createit-concept__colsCol:nth-child(2){
	padding-top:0!important;
	}
.styles2202 .createit-concept__ttl{
	padding-top:30px!important;
	}
.styles2202 .p-bnrs__img:after{
	padding-right: 0;
	width: 100%;
	}

}

.styles2202 .createit-concept__flag.-n1 {
    margin-top: 5.422%!important;
	}

/*
@media screen and (max-height: 700px) {
.styles2202 .createit-pagettl__lead p{
	font-size: 12px!important;
	line-height: 1.4!important;
	}
.styles2202 .createit-pagettl.is-fade .createit-pagettl__sc{
	margin-top: 40px;
    margin-bottom: 40px;
	}

}
*/


/*
========================================================================================== 

	NSK STUIDO

========================================================================================== 
*/

.products-mainBnr a .products-mainBnr__img{
	position: relative;
	}
.products-mainBnr a .products-mainBnr__img:after {
    content: "\f167";
    font-family: "Font Awesome 5 Brands";
    font-size: 60px;
    line-height: 60px;
    display: block;
    position: absolute;
    margin: auto auto;
    padding-right: 10px;
    color: red;
    top: calc(50% - 30px);
    bottom: auto;
    left: 0;
    right: 0;
    text-align: center;
	}
.styles2202 .products-kv__sc a{
	width: 46px;
	}

.styles2202 .p-ttl h2{
	position: relative;
	}

.styles2202 a.btn_download{
	position: absolute;
	font-size: 16px;
	line-height: 32px;
	height: 36px;
	left: auto;
	right: 0;
	top:0; bottom:auto;
	background: #ff5000;
	color: #fff;
	margin: auto;
	padding: 2px 15px;
	border-radius:18px;
	}
.styles2202 a.btn_download.pc{
	display: inline-block;
	}
.styles2202 a.btn_download.sp{
	display: none;
	}
@media screen and (max-width: 767px){
.styles2202 a.btn_download.pc{
	display: none;
	}
.styles2202 a.btn_download.sp{
	display: inline-block;
	position: relative;
	margin: 10px;
	}
.styles2202 .p-ttl{
	text-align: center;
}

}