/*
CSS Module
*/
/*
============================================================Device
*/

.pc{display:block;}
.smt{display: none;}
@media (max-width: 768px) {
	.pc{display:none;}
	.smt{display: block;}
}
/*
.fadeConts{ opacity:0; transition: 1.0s; }
.fadeConts.show { opacity: 1; }
*/

p,li,dd,dt{
	font-size:14px;
	line-height:1.8em;
	}



h2{
	text-align: left;
	width:calc(100% - 20px);
	max-width:1024px;
	margin:20px auto;
	font-size:14px;
	}
h1.titleCategory,
h2.titleCategory{
	text-align: left;
	width:100%;
	max-width:none;
	margin:0 auto;
	background: #1a2e56;
	background-position: center center;
	background-size: cover;
	}
h1.titleCategory.ex-title,
h2.titleCategory.ex-title{
    padding: 50px 0;
	}


h1.titleCategory div,
h2.titleCategory div{
	max-width:1024px;
	margin:0 auto;
	padding:50px 5px 50px 5px;
	color:#fff;
	text-align: left;
	font-size:41px;
	line-height:41px;
	font-family: "NSK-TSR-E","NSK-TSR-J",sans-serif;
	font-style: normal;
	font-weight:normal;
	}
	h1.titleCategory.ex-title div,
	h2.titleCategory.ex-title div{
	padding:50px 5px 50px 5px;
	}
	h1.titleCategory div br,
	h2.titleCategory div br{
	display: none;	
	}
h3.itemName{
	text-align: left;
	max-width:1024px;
	margin:20px auto;
	font-size:29px;
	letter-spacing: normal;
	position: relative;
	}

h3.itemName span,
.list-wrap h3 span{
	display: inline-block;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 5px;
    vertical-align: middle;
    margin-bottom: 5px;
    min-width: 40px;
    text-align: center;
	}
h3.itemName img.group_icon{
	display: block;
    position: absolute;
    right: 10px;
    top: 6px;
	}

span.retio-up{ background: #ff0000; }
span.retio-even{ background: #005bac; }
span.retio-down{ background: #009944; }

div#wrap_products_list{
	padding-top:60px;
	margin-top:-60px;
	}

div.wrap-product{
	background: #e5e9ec;
	padding:20px;
	//margin:40px auto 80px auto;
	margin:0px auto 0px auto;
	position: relative;
	letter-spacing: -0.4em;
	z-index: 999;
	border-bottom: 80px solid #fff;
	}
div.hp{ /*Handpiece部分*/
	padding: 0 0 80px 0;
	padding:0;
	}
div.hp div.wrap-product{
	padding:40px 0;
	margin:0 auto;
	background: #fff;
	position: static;
	}
div.hp div.wrap-product h3.itemName{
    font-size: 24px;
	z-index: 1;
	text-align: left;
	}
div.hp div.wrap-product div.prod-inner{
	text-align: left;
	}
div.hp div.wrap-product div.prod-inner div.prod-left{
	width:500px;
	margin-right: 10px;
	}

div.wrap-tips{
	background:#fff;
	margin-top: -100px;
    padding-top: 100px;
	}

div.prod-inner{
	width:calc(100% - 20px);
	margin:0 auto;
	max-width:1024px;
	}
div.prod-inner div.wrap-function{
	margin:20px auto 20px auto;
	}
div.prod-inner div.wrap-function h2{
	margin:20px auto; padding:0;
	letter-spacing: normal;
	font-size:26px;
	}

div.prod-inner div.prod-left,
div.prod-inner div.prod-right{
	width:calc((100% - 60px) / 2);
	letter-spacing: normal;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	}
div.prod-inner div.prod-left{
	/*background: #eee;
	margin-right:60px;*/
	width: 500px;
	}
div.prod-inner div.prod-right{
	margin-right: 0;
	width: calc(100% - 500px);
	}


div.wrap-photo{
	text-align: left;
    max-width: 1024px;
    margin: 20px auto;
	position: relative;
	}
div.wrap-photo h2{
	letter-spacing: normal;
	width: auto;
	text-align: left;
	margin: 20px auto;
	font-size: 24px;
	position: relative;
	display: inline-block;
	}

p.img-product{
	display: inline-block;
	max-width:480px;
	/*min-height:300px;*/
	overflow: hidden;
	position: relative;
	}
p.img-product img{
	width: 100%;
	}
p.img-center{
	margin:40px auto;
	}
p.img-center img{
	max-width: 100%;
	}
div.wrap-repimg ul.contents{
	letter-spacing: -0.4em;
	}
div.wrap-repimg ul.contents li{ 
	letter-spacing: normal;
	margin-right:5px;
	width:calc((100% - 10px) / 5)!important;
	}
div.wrap-repimg ul.contents li img{
	width:100%;
	}
div.wrap-repimg ul.contents li:nth-child(5n){
	margin-right:0;
	}
div.wrap-repimg ul.contents li p{text-align: left!important; font-size: 12px;}


.wrap_photo_center div.wrap-repimg{
	text-align: left;
	max-width: 1024px;
	margin: 20px auto;
	position: relative;
	}
.wrap_photo_center div.wrap-repimg ul.contents{
	text-align: center;
	}
.wrap_photo_center div.wrap-repimg ul.contents li{
	width:calc((100% - 10px) / 3)!important;
	display: inline-block;
	}
.wrap_photo_center div.wrap-repimg ul.contents li:nth-child(5n){
	margin-right:10px;
	}
.wrap_photo_center div.wrap-repimg ul.contents li:nth-child(3n){
	margin-right:0;
	}
.wrap_photo_center div.wrap-repimg ul.contents li p{
	text-align: center!important;
	font-size: 14px;
	}




p.icon-thermo{
	text-align: left;
	}
p.icon-thermo2,
h3.itemName .icon-thermo2{
	display: inline-block;
	position: absolute;
    top: 30px; bottom: auto;
    left: auto; right: 0;
    width: calc(100% - 20px);
	height:35px;
    max-width: 1024px;
    margin: 0;
	text-align: right;
	}
img.cupling{
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 150px;
	}
/*
============================================================comments
*/
div.comments,
p.comments{
	text-align: left;
	max-width:1024px;
	margin:20px auto;
	letter-spacing: normal;
	font-size:11px;
    position: relative;
	overflow-wrap: break-word;
	}

/*
============================================================function
*/
p.function{
	text-align: left;
	width:calc(100% - 20px);
	max-width:1024px;
	margin:20px auto;
	}




/*
============================================================model
*/

.wrap-model_name_block{
    max-width: 1024px;
    margin: 20px auto 40px auto;
	text-align: left;
	}
.wrap-model_name_block h2{
	letter-spacing: -0.4em;
	margin:0 0 10px 0; padding:0;
	letter-spacing: normal;
	font-size: 12px;
	}

ul.model{
	letter-spacing: -0.4em;
	margin:0; padding:0;
    line-height: 22px;
	display: flex;
	gap: 10px;
	align-items: center;
	border-bottom:1px solid #333;
	}
ul.model li{
	letter-spacing: normal;
	display: inline-block;

	text-align: left;
	margin:0; padding:5px 0;
	font-size:11px;
	text-align: left;
	width:calc(100% - 230px);
	vertical-align: bottom;
	padding-bottom: 10px;
	}

ul.model li:nth-child(1),
ul.model li:nth-child(3n+1){
	width:80px;
	text-align: left;
	padding:5px 0;
	}
.modaal-content-container ul.model li:nth-child(1){
	height: 33px;
	}
.modaal-content-container ul.model li:nth-child(1) span, ul.model li:nth-child(3n+1) span{
	margin:0;
	}
.modaal-content-container ul.model li:nth-child(1) span{
	padding:5px;
	}


ul.model li:nth-child(3n){
	width:140px;
	}
ul.model li.no-opt{
	display: none;
	}

ul.model li:nth-child(1) span,
ul.model li:nth-child(3n+1) span{
	background: #f6bf00;
	color:#fff;
	display: inline-block;
	padding:0 5px;
	min-width:70px;
	text-align: center;
	font-size: 10px;
	}
ul.model li:nth-child(1) span.nonop,
ul.model li:nth-child(3n+1) span.nonop{
	background: #1a2e56;
	}
ul.model li span{
	/*display: inline-block;*/
	}
ul.model li span.note{
	margin-right:5px;
	color:#999;
	padding:0;
	text-align: left;
	font-size: 10px;
    display: block;
	}
ul.model li.no-optic{
	width:calc(100% - 140px);
	}
ul.model li.no-optic:nth-child(3n+1){
	display: none;
	}
ul.model li.no-optic:nth-child(3n){
	width:140px;
	}
.list-wrap ul li.list-detail ul.model li.no-optic:nth-child(3n){
    width: 140px;
	width: auto;
	}
.list-wrap ul li.list-detail ul.model li.no-optic{
	width: calc(100% - 140px);
	}

ul.model li.chinacode{
	width:100%!important;
	border-bottom: none!important;
	margin-bottom:10px!important;
	}
ul.model li.chinacode span{
	width:auto;
	color:#999;
	background: none;
	text-align: left;
	}
ul.model li.chinacode span:after{
	content: ":";
	}

/*
============================================================specifications
*/
.wrap-specifications{
    margin: 0 0 40px 0;
	text-align: left;
	}
.wrap-specifications h2{
	letter-spacing: -0.4em;
	margin:0 0 10px 0; padding:0;
	letter-spacing: normal;
	font-size: 12px;
	}
ul.specifications{
	letter-spacing: -0.4em;
	margin:0; padding:0;
	border-bottom:1px solid #ccc;
	}
ul.specifications li{
	letter-spacing: normal;
	display: inline-block;
	border-top:1px solid #ccc;
	width: calc(100% / 3);
	text-align: left;
	margin:0; padding:5px 0;
	font-size:11px;
	text-align: left;
	width:calc(100% - 200px);
	vertical-align: top;
	}
ul.specifications li:nth-child(1),
ul.specifications li:nth-child(2n+1){
	width:200px;
	}
ul.specifications li sup{
    display: inline-block;
    margin-top: -12px;
	}
ul.specifications li sup:after{
	content: "";
	margin:2px;
	display: inline-block;
	}

/*
============================================================features
*/
.wrap-features{
	vertical-align: top;
	margin: 0 0 0 0;
    font-size: 14px;
	}
.wrap-features h2{
	letter-spacing: normal;
	margin:20px 0; padding:0;
	text-align: left;
	}
.wrap-features ul.features{
	letter-spacing: -0.4em;
	margin:0; padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align: left;
	}
.wrap-features ul.features li,
.wrap-features2 ul.features li{
	letter-spacing: normal;
	text-align: left;
	font-size: 11px;
	display: inline-block;
	}
.wrap-features ul.features li:after,
.wrap-features2 ul.features li:after{
	content: "/";
	margin:0 5px;
	}
.wrap-features ul.features li:last-child:after,
.wrap-features2 ul.features li:last-child:after{
	content: none;
	margin:0;
	}

/*
============================================================contents
*/
.wrap-contents{
	vertical-align: top;
	margin: 0 0 40px 0;
    font-size: 14px;
	}
.wrap-contents h2{
	letter-spacing: -0.4em;
	margin:0 0 10px 0; padding:0;
	letter-spacing: normal;
	font-size: 12px;
	}
.wrap-contents ul.contents{
	letter-spacing: -0.4em;
	margin:0; padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align: left;
	}
.wrap-contents ul.contents li{
	letter-spacing: normal;
	text-align: left;
	font-size: 11px;
	display: inline-block;
	}
.wrap-contents ul.contents li:after{
	content: "/";
	margin:0 5px;
	}
.wrap-contents ul.contents li:last-child:after{
	content: none;
	margin:0;
	}

/*
============================================================共通
*/
.wrap-contents h2,
.wrap-specifications h2,
.wrap-features h2{
	margin:0 0 10px 0!important;
	padding:0!important;
	letter-spacing: normal!important;
	font-size: 13px!important;
	}
.list-wrap ul li.list-detail ul.model,
.wrap-contents,
.wrap-specifications,
.wrap-features{
	margin:40px 0!important;
	}


/*
============================================================Modal
*/

.wrap-modalspec{
	letter-spacing: -0.4em;
	text-align: left;
	}
.wrap-specifications2,
.wrap-features2,
.wrap-contents2{
	margin-bottom: 20px!important;
	}

.wrap-specifications2,
.wrap-features2,
.wrap-contents2{
	display: inline-block;
	vertical-align: top;
	width:calc((100% - 60px) / 2);
	letter-spacing: normal;
	margin-right:30px!important;
	}
.wrap-specifications2 h2,
.wrap-features2 h2,
.wrap-contents2 h2{
	letter-spacing: normal;
	width: 100%;
	margin-bottom: 10px;
	}
.wrap-specifications2:nth-child(2),
.wrap-features2:nth-child(2),
.wrap-contents2:nth-child(2){
	margin-right:0;
	}


.wrap-specifications2 ul.specifications{
	letter-spacing: -0.4em;
	margin:0; padding:0;
	border-bottom:1px dotted #333;
	}

.wrap-features2 ul.features{
	margin:0; padding:5px 0;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	text-align: left;
	}
.wrap-features2 ul.features li{
	font-size: 11px;
	text-align: left;
	}
.wrap-contents2 ul.contents{
	margin:0; padding:5px 0;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	text-align: left;
	}
.wrap-contents2 ul.contents li{
	letter-spacing: normal;
	text-align: left;
	font-size: 11px;
	display: inline-block;
	}
.wrap-contents2 ul.contents li:after{
	content: "/";
	margin:0 5px;
	}
.wrap-contents2 ul.contents li:last-child:after{
	content: none;
	margin:0;
	}


/*
============================================================list
*/
.list-wrap{
    max-width: 1024px;
    margin: 0 auto;
	}

.list-wrap h3{
	letter-spacing: normal;
	width: auto;
	text-align: left;
	margin:20px auto;
	font-size: 24px;
	position: relative;
	display: inline-block;
	}
.list-wrap h3 span.tips{
	background:#666;
	color:#fff;
	font-size:18px;
	padding:10px;
	text-align: center;
	border-radius:5px;
	}

.list-wrap h3 img.icons{
	position: absolute;
	right:0;
	}
.list-wrap ul{
	letter-spacing: -0.4em;
	margin:0; padding:0;
	width:calc(100% - 20px);
	max-width:1024px;
	margin:20px auto;
	}

.list-wrap ul{
	letter-spacing: -0.4em;
	margin:0; padding:0;
	width:100%;
	max-width:1024px;
	margin:20px auto;
	text-align: left;
	}
.list-wrap ul > li{
	letter-spacing: normal;
	display: inline-block;
	width: calc(100% / 2);
	text-align: left;
	margin:0;
	padding:5px 10px;
	padding:0;
	font-size:11px;
	text-align: left;
	vertical-align: top;
	}
.list-wrap ul.specifications > li{
	padding:5px 0;
	}

.list-wrap ul > li sup{
    display: inline-block;
    font-size: 9px;
    vertical-align: top;
    margin-top: -5px;
    padding: 0;
	}
.list-wrap ul li.list-vis{
	width:500px;
	}
	.list-wrap.list-tips ul li.list-vis{ width:400px; }

.list-wrap ul li.list-detail{
	width:calc(100% - 500px);
	}
	.list-wrap.list-tips ul li.list-detail{ width:calc(100% - 400px); }

	.list-wrap ul li.list-vis2{
		width:100px;
		}
.list-wrap ul li.list-detail h2{
	letter-spacing: -0.4em;
	margin:0 0 10px 0; padding:0;
	letter-spacing: normal;
	font-size: 12px;
	position: relative;
	}


.list-wrap ul li.list-detail img{
	margin-top:10px;
	}
.list-wrap ul li.list-vis img{
	max-width: 100%;
	max-width: 90%;
	margin-bottom: 5px;
	}
.list-wrap.list-tips ul li.list-vis img{
	margin-bottom: 20px;
	}
.list-wrap ul li.list-vis img.icons{
	margin:10px 0;
	position: relative;
	z-index: 1;
	display: block;
	}


.list-wrap ul li.list-detail　ul.model{
	width:100%;
	margin:20px auto;
	}
.list-wrap ul li.list-detail p.comment{
	text-align: left;
	font-size: 12px;
	}

.list-wrap ul li.list-detail ul.model{
	letter-spacing: -0.4em;
	margin:0 0 0 0!important;
	padding:0;
	width:100%;
	}
.list-wrap ul li.list-detail ul.model li{
	letter-spacing: normal;
	display: inline-block;
	/*order-bottom:1px solid #333;*/
	text-align: left;
	margin:0; padding:5px 0;
	font-size:11px;
	text-align: left;
	width:calc(100% - 230px);
	vertical-align: bottom;
	}
.list-wrap ul li.list-detail ul.model li:nth-child(1),
.list-wrap ul li.list-detail ul.model li:nth-child(3n+1){
	width:80px;
	text-align: left;
	padding:5px 0;
	}
.list-wrap ul li.list-detail ul.model li:nth-child(3n){
	width:150px;
	}
.list-wrap ul li.list-detail ul.model li.no-opt{
	width:calc(100% - 140px);
	}
.list-wrap ul li.list-detail ul.model li.no-opt:nth-child(3n+1){
	display: none;
	}
.list-wrap ul li.list-detail ul.model li.no-opt:nth-child(3n){
	width:140px;
	text-align: right;
	}

.list-wrap ul li.list-detail .wrap-features{
	margin:0 0 40px 0;
	}
.list-wrap ul li.list-detail ul.features li,
.list-wrap ul li.list-detail ul.contents li{
	letter-spacing: normal;
	text-align: left;
	font-size: 11px;
	display: inline-block;
	width:auto;
	padding:5px;
	}
.list-wrap ul li.list-detail ul.specifications li:nth-child(2n+1){
	width:200px;
	}
.list-wrap ul li.list-detail ul.specifications li:nth-child(2n){
	width: calc(100% - 200px);
	}
.wrap-repeat_tipmov{

	}
.list-wrap .wrap-repeat_tipmov ul{
	display: flex;
	gap: 10px;
	}
.list-wrap .wrap-repeat_tipmov ul li{
	width: calc(100% / 3);
	padding: 0;
	}
.list-wrap .wrap-repeat_tipmov ul li a{
	position: relative;
	}
.list-wrap .wrap-repeat_tipmov ul li a:after{
	content: "\f167";
	font-family: "Font Awesome 5 Brands";
	font-size: 30px;
	display: block;
	position: absolute;
	margin: auto;
	padding-right: 10px;
	color: red;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 110px;
	}

.list-wrap .wrap-repeat_tipmov ul li p{
	text-align: left;
	font-size: 12px;
	}
.list-wrap ul li.list-detail  .wrap-repeat_tipmov img{
	margin: 0;
	}

/*
============================================================区切り
*/

.wrap-product .list-wrap{
	border-bottom:2px solid #fff;
	text-align: left;
	}

.wrap-product div.prod-inner:last-child,
.wrap-product .list-wrap:last-child{
	border-bottom:none;
	}



/*
============================================================Cuplings
*/
.wrap-cupling{
	//max-width: 1024px;
	margin: 0px auto;
	padding: 20px 0;
	z-index: 999;
	position: relative;
	background: #fff;
	}
.wrap-cupling h2{
	max-width: 1024px;
	letter-spacing: -0.4em;
	margin:0 auto; padding:0;
	letter-spacing: normal;
	font-size:26px;
	}

.list-cupling{
    width: calc(100% - 20px);
    max-width: 1024px;
	letter-spacing: -0.4em;
	text-align: left;
    //margin: 20px auto 80px auto;
	margin: 20px auto 0px auto;
	border-bottom: 80px solid #fff;
	}
.list-cupling li{
	letter-spacing: normal;
	display: inline-block;
	width:calc((100% - 60px) / 2);
	text-align: left;
	margin-right:60px;
	border-top:1px solid #6d727b;
	}
.list-cupling li:nth-child(2n){
	margin-right:0;	
	}
.list-cupling li:nth-last-child(1),
.list-cupling li:nth-last-child(2){
	border-bottom:1px solid #6d727b;
	}

.list-cupling li img{
	display: inline-block;
	margin:10px;
	vertical-align: middle;
	width:100px;
	}
.list-cupling li span{
	display: inline-block;
	width: calc(100% - 200px);
   vertical-align: middle;
	}
.list-cupling li span.wide{
	display: inline-block;
	width: calc(100% - 125px);
   vertical-align: middle;
	}

.list-cupling li span.optic_type{
    display: inline-block;
    color: #fff;

    width: 65px;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
	}
.list-cupling li span.optic_type.optic{
    background: #f6bf00;
    vertical-align: middle;
	}
.list-cupling li span.optic_type.non-optic{
    background: #1a2e56;
	}

.list-cupling li a{
	display: block;
	}
.list-cupling li a:hover{
	background: #e5e9ec;
	}

.wrap-cuplings{
    width: calc(100% - 20px);
    max-width: 1024px;
    margin: 20px auto;
	text-align: center;
	background: #fff;
	padding:40px;
	}

.modaal-content-container ul.model,
.wrap-cuplings ul.model{
	display: inline-block;
	vertical-align: top;
	margin: -10px 20px;
	width: calc(100% - 450px);
	}

.modaal-content-container h3.itemName{
	margin:-30px 0 0 0;
	}
.modaal-content-container h3.itemName p.title,
.modaal-content-container h3.itemName span.title{
text-align: left;
    max-width: 1024px;
    font-size: 29px;
    letter-spacing: normal;
	line-height:29px;
    margin: 30px 0 5px 0;
	display: block;
	font-size: 29px;
	color: #1a2e56;
	}
.modaal-content-container h3.itemName div.wrap-modelname{
	display: inline-block;
	width:100%;
	}
.modaal-content-container ul.model{
	margin: 0;
	}
.modaal-content-container ul.model span{
	display: inline-block;
    margin:0;
	padding:0 5px;
	text-align: center;
	font-size: 10px;
	color:#1a2e56;
	}


.modaal-content-container img,
.wrap-cuplings img{
	vertical-align: middle;
	}
.modaal-content-container img.cupling,
.wrap-cuplings img.cupling{
	position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 150px;
    background: none;
	display: inline-block;
	}

/*
============================================================Tables
*/
.wrap-table{
	/*width:calc(100% - 40px);*/
    max-width: 1024px;
	letter-spacing: -0.4em;
	text-align: left;
    margin: 20px auto 20px auto;
	display: block;
	overflow: scroll;
	overflow: hidden;
	}
.wrap-table p.sub-heading{
	text-align: left;
	letter-spacing: normal;
	font-size:18px;
	}
.wrap-table table{
	border-collapse: collapse;
	margin:0 auto 20px auto;
	}
.wrap-table th,
.wrap-table td{
	letter-spacing: normal;
	text-align: center;
	border:1px solid #ccc;
	font-size:12px;
	padding:5px 10px;
	}
.wrap-table th{
	background:#1a2e56;
	color:#fff;
	}
.wrap-table td{
	text-align: left;
	}
/*
============================================================Tables with Fig
*/
.wrap-table.with_fig{
	display: block;
	}
.wrap-table.with_fig img,
.wrap-table.with_fig table{
	display: inline-block;
	vertical-align: top;
	}
.wrap-table.with_fig img{
	margin-right: 20px;
	}





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


Page Modules


============================================================
*/
/*
============================================================Tables
*/
.wrap-page{
	width:calc(100% - 20px);
    max-width: 1024px;
	letter-spacing: -0.4em;
	text-align: left;
    margin: 20px auto 80px auto;
	display: inline-block;
	}
#mb0.wrap-page{
	margin-bottom: 0;
	}

.wrap-block{
	margin:0 0 40px 0;
	}

.wrap-page h4,
.wrap-page p,
.wrap-page li{
	letter-spacing: normal;
	text-align: left;
	}

.page-mod-list li{
	list-style: disc;
	margin-left:2em;
	}
.page-mod-leftvis,
.page-mod-rightvis{
	letter-spacing:-0.4em;
	}
.page-mod-leftvis > li,
.page-mod-rightvis > li{
	letter-spacing:normal;
	display: inline-block;
	vertical-align: top;
	}
.page-mod-leftvis > li:nth-child(1),
.page-mod-rightvis > li:nth-child(2){
	width:250px;
	margin-right:20px;
	}
.page-mod-leftvis > li:nth-child(2n+1) img,
.page-mod-rightvis > li:nth-child(2n) img{
	max-width: 250px;
	}
.page-mod-leftvis > li:nth-child(2n),
.page-mod-rightvis > li:nth-child(2n+1){
	width: calc(100% - 250px - 20px);
	}

.page-mod-mark{
	letter-spacing: -0.4em;
	}
.page-mod-mark li{
	letter-spacing:normal;
	display: inline-block;
	vertical-align: top;
	margin-bottom:10px;
	}
.page-mod-mark > li:nth-child(2n+1){
	width:40px;
	margin-right:20px;
	}
.page-mod-mark > li:nth-child(2n){
	width: calc(100% - 40px - 20px);
	}


.wrap-block.anchor_link{
	padding-top:150px;
	margin-top:-150px;
	}

.page-mod-list_view li{
	margin-right:20px;
	display: inline-block;
	vertical-align: top;
	}
.page-mod-list_view li img{
	display: block;
	margin-bottom: 20px;
	}
.page-mod-list_view li a img:hover{
	opacity:0.5;
	}

.page-mod-list_view.column-2,
.page-mod-list_view.column-3,
.page-mod-list_view.column-4,
.page-mod-list_view.column-5{

	}

.page-mod-list_view.column-2 li{
	width: 100%;
	margin-right:0;
	letter-spacing:-0.4em;
	}
.page-mod-list_view.column-2 li img{
	display: inline-block;
	margin-right: 20px;
	width:300px;
	}
.page-mod-list_view.column-2 li div.wrap-tex{
	width:calc(100% - 320px);
	display: inline-block;
	}
.page-mod-list_view.column-2 li div.wrap-tex h4{
	margin:0 0 20px 0;
	font-size:21px;
	}
.page-mod-list_view.column-2 li div.wrap-tex p{
	margin:0;
	}

.page-mod-list_view.column-3 li{
	width: calc((100% - 40px)/3);
	}
.page-mod-list_view.column-4 li{
	width: calc((100% - 60px)/4);
	}
.page-mod-list_view.column-5 li{
	width: calc((100% - 80px)/5);
	}
.page-mod-list_view.column-3 li:last-child,
.page-mod-list_view.column-4 li:last-child,
.page-mod-list_view.column-5 li:last-child{
	margin-right:0;
	}

.page-mod-list_view ul.link_list,
.page-mod-link_list ul.link_list{
	letter-spacing: -0.4em;
	text-align: left;
	margin-top:20px;
	}
.page-mod-link_list ul.link_list{
	text-align: center;
	}
.page-mod-list_view ul.link_list li,
.page-mod-link_list ul.link_list li{
	display: inline-block;
	letter-spacing: normal;
	width: auto;
	margin-right:10px;
	margin-bottom:10px;
	}
.page-mod-list_view ul.link_list li a,
.page-mod-link_list ul.link_list li a{
	border:2px solid #999;
	padding:10px 20px;
	display: inline-block;
	}
.page-mod-link_list ul.link_list li a{
	border:2px solid #1a2e56;
	padding:20px 20px;
	font-size: 16px;
	}


.page-mod-list_view ul.link_list li a:hover,
.page-mod-link_list ul.link_list li a:hover{
	background:#002a64;
	color:#fff;
	}

#products .page-mod-list_view li{
	border: 2px solid #6d727b;
    margin-right: 10px;
    margin-bottom: 10px;
	}
#products .page-mod-list_view li img{
	margin:10px auto;
	height:140px;
	}
#products .page-mod-list_view li p{
	text-align: center;
	}





/* ===================== */
@media (max-width: 768px) {

.wrap-page{
	display:block;
	width: calc(100% - 20px);
	}

h1.titleCategory.ex-title div,
h2.titleCategory.ex-title div{
	font-size: 20px;
	}

h2.titleCategory div {
    width: calc(100% - 20px);
    font-size: 20px;
    line-height: 20px;
    font-family: "NSK-TSR-E","NSK-TSR-J",sans-serif;
	}
h3.itemName {
    width: calc(100% - 20px);
    margin: 20px auto;
	}
h3.itemName img.group_icon {
    position: relative;
    right: auto;
    top: auto;
	margin-top:10px;
	}
div.prod-inner div.prod-left, div.prod-inner div.prod-right {
    width: calc(100% - 0px)!important;
	margin-right:0!important;
	margin-left:0!important;
	}
.list-cupling li {
    width: calc(100% - 20px);
    margin-right: 0;
	}
.list-cupling li:nth-last-child(1){

	}
.list-cupling li:nth-last-child(2) {
    border-bottom: none;
	}
.list-cupling li a{
	text-align: center;
	padding-top:10px;
	}
.list-cupling li a span{
	text-align: left;
	width: calc(100% - 100px);
	}
.page-mod-list{
	margin-left:0;
	}

.page-mod-leftvis > li:nth-child(2n+1){
	text-align: center;
	margin: 0 0 20px 0;
	}
.page-mod-leftvis > li:nth-child(2n){
	width: 100%;
	}
.page-mod-list_view.column-2 li img,
.page-mod-list_view.column-2 li div.wrap-tex,
.page-mod-list_view.column-3 li,
.page-mod-list_view.column-4 li,
.page-mod-list_view.column-5 li{
	width: 100%;
	margin-right:0;
	}


}


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


Special


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

.block_wrapper p strong,
.block_wrapper p span{
	overflow-wrap: break-word;
}


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

Event Index & Single Page

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

.wrap-event.nsk-event {
	max-width: 1024px;
	margin: 0 auto;
	padding-bottom: 80px;
}

.wrap-event.nsk-event.stretched {
	max-width: 1280px;
}

.wrap-event.nsk-event .wrap-event__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}

.wrap-event.nsk-event .wrap-event__grid > div {
	/* border: 1px solid red; */
}

.wrap-event.nsk-event .wrap-event__grid * {
	margin: 0;
	text-align: left;
}

.wrap-event.nsk-event h2 {
	font-size: 26px;
	text-align: left;
	margin: 0;
}

.wrap-event.nsk-event h3 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 400;
	text-align: left;
}

.wrap-event.nsk-event h4 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: left;
}

.wrap-event.nsk-event p:not(:last-child) {
	margin-bottom: 20px;
}

.wrap-event.nsk-event h4 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.wrap-event.nsk-event .event-divider {
	overflow: visible;
    text-align: inherit;
    margin: 40px 0;
    border: 0;
    border-top: 1px solid #ededed;
}


.wrap-event.nsk-event .event-register-btn {
	margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
    font-weight: 700;
    background-origin: border-box;


	background-color: #ff5000;
    color: #fff;
    border: 1px solid transparent;
	text-align: center;
	font-size: 15px;
}

.wrap-event.nsk-event .event-register-btn:hover {
	background-color: transparent;
    color: #ff5000;
    border-color: #ff5000;
}

.wrap-event.nsk-event p,
.wrap-event.nsk-event li,
.wrap-event.nsk-event ul,
.wrap-event.nsk-event ol {
	text-align: left;
	margin-bottom: 20px;
}

.wrap-event.nsk-event ol li ol,
.wrap-event.nsk-event ul li ul {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 20px;
}

.wrap-event.nsk-event ol li ol,
.wrap-event.nsk-event ol li ol li {
	list-style-type: lower-alpha;
}

.wrap-event.nsk-event li {
	margin-bottom: 3px;
	margin-left: 10px;
}

.wrap-event.nsk-event ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.wrap-event.nsk-event ol {
	padding: 0;
}

.wrap-event.nsk-event ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

@media screen and (max-width: 768px) {
	.wrap-event.nsk-event {
		padding-left: 20px;
		padding-right: 20px;
	}
	.wrap-event.nsk-event .wrap-event__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

.events {
	margin-top: -50px; /* Optional */
}


.events .events__meta {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	padding-top: 40px;
    padding-bottom: 40px;
	max-width: 1200px;
	width: 100%;
    margin: 0 auto 0px auto;
	border-bottom: 1px solid #1a2e56 !important;
	margin-bottom: 40px;
}

.events .events__meta div {
	text-align: left;
	font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
}

.events .event {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 5px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 80px auto;
	border-bottom: 1px solid #ededed;
	padding-bottom: 40px;
}

.events .event:not(:only-child):last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.events .event * {
	text-align: left;
}

.events .event p {
	margin: 0;
}

.events .event .event-learn-more a {
	margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, background-position, background-size, border-color, box-shadow;
    font-weight: 700;
    background-origin: border-box;

	background-color: #fff;
    color: #002a64;
    border: 1px solid #002a64;
}

.events .event .event-learn-more a:hover {
	background-color: #002a64;
	color: #fff;
	border-color: #002a64;
}

.events .event h4 {
	display: none;
}

@media (max-width: 768px) {
	.events .events__content {
		display: flex;
		flex-direction: column;
	}


	.events .events__meta {
		display: none;
	}

	.events .event {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-left: 20px;
		padding-right: 20px;

		margin-bottom: 0px;
	}

	.events .event:not(:first-child) {
		padding-top: 40px;
	}

	.events .event h4 {
		display: block;
		font-size: 18px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

p.sold-out {
    padding: 10px;
    background: red;
    color: white !important;
    max-width: 130px;
    text-align: center !important;
    margin: 0 !important;
    color: red;
    font-weight: 600;
}

div.wrapBrochures h3 + h4.group-video-title {
    text-align: left;
    font-weight: 400;
    margin-top: 0;
    font-size: 16px;
}

.wrapBrochures h4.group-video-title {
    text-align: left;
    font-weight: 400;
    margin-top: 0;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.wrapBrochures h4.group-video-title a {
	border: 1px solid #1a2e56;
    padding: 10px 15px;
    font-size: 14px;
}



/* 
	Custom Layout Events for PPP
	----------------------------
*/

.wrap-event.nsk-event .wrap-event__column {
	width: 100%;
}


.wrap-event.nsk-event .wrap-event__details {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: left;
    gap: 50px;
}

.wrap-event.nsk-event .wrap-event__details .wrap-event__presenter-details {
	grid-column: span 2;
}

.wrap-event.nsk-event .wrap-event__details .wrap-event__presenter-details .presenters-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.wrap-event.nsk-event .wrap-event__main-content {
	margin-top: 20px;
}

.wrap-event.nsk-event.stretched .event-register-btn {
	justify-self: center;
    align-self: baseline;
}

.wrap-event.nsk-event .wrap-event__inner-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.wrap-event.nsk-event .button-container {
	display: flex;
}

@media screen and (max-width: 768px) {
	.wrap-event.nsk-event .wrap-event__details {
    	display: block;
	}

	.wrap-event.nsk-event .wrap-event__inner-content,
	.wrap-event.nsk-event .wrap-event__details .wrap-event__presenter-details .presenters-grid {
		grid-template-columns: 1fr;
		gap: 0px;
	}
}


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


MIT


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

.mit-page-container #breadcrumb,
.mit-page-container h1 div {
	padding-left: 20px;
	padding-right: 20px;
}

.mit section {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mit #breadcrumb {
	margin-bottom: 0px;
}

section.mit-hero {
	padding: 0;
	padding-bottom: 80px;
	padding-top: 80px;
	background-color: #f4f5f8;
}

.mit-hero .mit-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 20px;
}

.mit-hero .mit-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mit-hero .mit-hero__content h2 {
	max-width: 100%;
	width: 100%;
	font-size: 32px;
	
}

.mit-hero .mit-hero__content p {
	margin-top: 0;
	margin-bottom: 1.6842em;
}

.mit-hero .mit-hero__content p:last-child {
	margin-bottom: 0;
}

.mit-hero .mit-hero__content > * {
	text-align: left !important;
	font-size: 16px;
}

.mit-hero .mit-hero__content a {
	display: inline-block;
	background: #ff5000;
	color: #fff;
	padding: 12px 24px;
	text-decoration: none;
	font-weight: normal;
	transition: all .3s ease-in-out;
	max-width: fit-content;
	border: 1px solid #ff5000;
}

.mit-hero .mit-hero__content a:hover {
	background: transparent;
	color: #ff5000;
	border: 1px solid #ff5000;
}

.mit-hero .mit-hero__image {
	width: 100%;
}

.mit-hero .mit-hero__image img,
.mit-hero .mit-hero__image svg {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

/* 
	---------------------------------------------
	Copy MIT Section 
	---------------------------------------------
*/

.mit-copy {}

.mit-copy__content {
	text-align: left;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 20px;
}

.mit-copy__custom-content {
	max-width: 1024px;
	width: 100%;
	margin:  0 auto;

	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px;

	padding: 0 20px;
}

.mit-copy__content * {
	text-align: left;
}

.mit-copy__content h2 {
	color: #1a2e56;
	font-size: 32px;
	margin: 0;
	margin-bottom: 20px;

}

.mit-copy__content p {}


.mit-copy__custom-content {
	margin-top: 80px;
}

.custom-content-item > *,
.custom-content-item > * > * {
	margin: 0;
}

.custom-content-item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.custom-content-item .custom-content-item__icon {
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.custom-content-item .custom-content-item__icon img {
	width: 100%;
	height: 100%;
}

.custom-content-item h4 {
	font-size: 14px;
	margin-top: 10px;
}

/* 
	---------------------------------------------
	Illustration Section 
	---------------------------------------------
*/

.mit-illustration {
	padding-top: 0;
}

.mit-illustration.has-color {
	margin-bottom: 80px;
}

.mit-illustration .mit-illustration__container {
	max-width: 1024px;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.mit-illustration .mit-illustration__container .video-container {
  /* Establish the container as a positioning context */
  position: relative;
  /* Set the width of the container (e.g., full width of its parent) */
  width: 100%;
  /* This is the magic line: sets the height based on 56.25% of the width (9/16) */
  padding-top: 56.25%;
  /* Hide content that might overflow (though usually not necessary here) */
  overflow: hidden;
}

.mit-illustration .mit-illustration__container .video-container video {
  /* Position the video absolutely within the container */
  position: absolute;
  /* Set it to fill the entire container area */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Optional: Ensure the video covers the space without distortion */
  object-fit: cover;
}

.mit-illustration .mit-illustration__container img {
	max-width: 650px;
	width: 100%;
	margin: 0 auto;

	transform: translateX(-10px);
}

.mit-illustration__container .mit-illustration__empty {
	background: #eaeaea;
	height: 300px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.mit-illustration__container .mit-illustration__empty p {
	font-size: 30px;
}


/* 
	---------------------------------------------
	MIT Steps Section 
	---------------------------------------------
*/

.mit-steps {
	background: #f4f5f8;
}

.mit-steps__container {
	max-width: 1024px;
	margin: 0 auto;
}

/* .steps {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
} */

.steps {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.steps .step {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.steps .step.step--reversed .step__container {
	order: 1;
}

.step--first {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 25px;
	border: 3px solid #002a64;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

	position: sticky;
	top: 20px;

	height: fit-content;
}

.step--first .step__number {
	margin-bottom: 20px;
}

.steps__remaining {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
	width: 100%;
	place-items: center;
	place-content: center;

	padding: 10px;
}

.step--remaining {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.step__number {
	font-size: 48px;
	font-weight: bold;
	color: #1a2e56;
	text-align: center;
	padding: 20px;
	border: 3px solid #1a2e56;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	background-color: #fff;
	transition: all 0.3s ease;
	margin-bottom: 10px;
}

.step--remaining .step__number {
	width: 80px;
	height: 80px;
	font-size: 32px;
	padding: 15px;
}

.step__icon {
	width: 120px;
	height: 120px;
	margin-bottom: 10px;
}

.step__icon img {
	width: 100%;
	height: 100%;
}

.step--1 .step__number {
	background-color: #1a2e56;
	color: #fff;
}

.step--first .step__number {
	background-color: #1a2e56;
	color: #fff;
}

.step__title {
	font-size: 24px;
	color: #1a2e56;
	margin: 0 0 20px 0;
	font-weight: bold;
}

.step__text {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}

.step__text p {
	margin: 0 0 15px 0;
	text-align: left;
}

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


.steps .inner-step:has(.inner-step__image),
.steps .inner-step {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 10px;
	text-align: left;
	align-items: flex-start;
}

.steps .inner-step {
	display: flex;
	flex-direction: column;
}

.steps .inner-step p,
.steps .inner-step h4 {
	text-align: left;
}

.steps .inner-step h4 {
	margin: 0;
	margin-bottom: 10px;
}

.steps .inner-step p {
	margin-top: 0;
}

.steps .inner-step p:not(:last-child) {
	margin: 0;
}

.steps .inner-step .inner-step__image {
	max-width: 80px;
	width: 100%;
}

.steps .inner-step .inner-step__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.mit-why {
	padding-bottom: 0px;
}

.mit-why__custom-content {
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 80px;
}


/* 
	---------------------------------------------
	MIT Review Section 
	---------------------------------------------
*/

.mit-review {
	padding: 80px 0;
	background-color: #f4f5f8;
}

.mit-review__container {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 20px;
}

.mit-review__content {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 60px;
	align-items: center;
}

.mit-review__text {
	padding: 40px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(26, 46, 86, 0.1);
	position: relative;
}

.mit-review__text::before {
	content: '"';
	font-size: 120px;
	color: #1a2e56;
	font-family: serif;
	position: absolute;
	top: -20px;
	left: 20px;
	line-height: 1;
	opacity: 0.3;

	display: none !important;
}

.mit-review__text blockquote {
	font-size: 18px;
	line-height: 1.6;
	color: #333;
	margin: 0;
	padding: 0;
	border: none;
	font-style: italic;
	position: relative;
	z-index: 1;
}

.mit-review__author {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 2px solid #1a2e56;
}

.mit-review__author h4 {
	font-size: 20px;
	color: #1a2e56;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.mit-review__author p {
	font-size: 14px;
	color: #666;
	margin: 0;
}

.mit-review__image {
	width: 100%;
	max-width: 300px;
	height: 300px;
	object-fit: cover;
	border-radius: 50%;
	border: 5px solid #1a2e56;
	overflow: hidden;
	margin: 0 auto;
}

.mit-review__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1024px) {
	.mit-review__content {
		grid-template-columns: 1fr;
		gap: 30px;
		text-align: center;
	}

	.mit-review__image {
        order: -1;
	}
}

@media screen and (max-width: 768px) {
	.mit-hero .mit-grid {
		grid-template-columns: 1fr;
		padding: 0 20px;
	}

	.mit-hero .mit-hero__content {
		order: 2;
	}

	.mit-hero .mit-hero__image {
		order: 1;
		margin-bottom: 1.6842em;
	}

	.mit-hero .mit-hero__image img,
	.mit-hero .mit-hero__image svg {
		margin-right: 0;
		transform: scale(1) translateX(-5px);
	}

	.mit-copy .mit-copy__content {
		padding: 0 20px;
	}

	.mit-copy .mit-copy__custom-content {
		grid-template-columns: 1fr;
		gap: 25px;
		padding: 0 20px;
	}

	.mit-illustration .mit-illustration__container img {
		transform: translateX(0);
	}


	.mit-steps__container {
		padding: 0 20px;
	}

	.steps {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.steps .step {
		display: flex;
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}

	.steps .step.step--reversed .step__container {
		order: unset;
	}

	.step--first {
		padding: 25px;
	}

	.step__number {
		width: 80px;
		height: 80px;
		font-size: 32px;
		margin: 0 auto 0px auto;
	}

	.step--first .step__number,
	.step__number {
		margin-bottom: 5px;
	}

	.step__content {
		grid-template-columns: 1fr;
		gap: 15px;
		text-align: left;
	}

	.step__title {
		font-size: 20px;
		text-align: center;
		margin-bottom: 10px;
	}

	/* MIT Review Mobile */
	.mit-review {
		padding: 40px 0;
	}

	.mit-review__container {
		padding: 0 20px;
	}

	.mit-review__text {
		padding: 20px;
		order: 2;
	}

	.mit-review__text::before {
		font-size: 80px;
		top: -10px;
		left: 10px;
	}

	.mit-review__text blockquote {
		font-size: 16px;
	}

	.mit-illustration .mit-illustration__container {
		padding: 0 20px;
	}

	.mit-review__image {
        max-width: 225px;
        height: 225px;
	}
}


/* New styling below */
section.step {
	background: #f4f5f8;
}

section.step .container {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 20px;
}

section.step .step__header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;

	/* background: white; */

    /* padding: 50px 25px; */
    /* border-bottom: 3px solid #002a64; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}

section.step .step__header .step__icon {
	max-width: 200px;
	width: 100%;
	height: 100%;

	margin: 0;
	margin-right: 50px;
}

section.step .step__header .step__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.step .step__header .step__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

section.step .step__header .step__content * {
	margin: 0;
	text-align: left;
}

section.step .step__header .step__content h2 {
	font-size: 24px;
	color: #1a2e56;
	font-weight: bold;
}

section.step .step__header .step__content h2 span {
	display: block;
	color: #ff5000;
}

section.step .step__header .step__content p {
    font-family: "NSK-TSR-E", "NSK-TSR-J", sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.8em;
    color: #1a2e56;
}

section.step .steps {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 80px;
}

section.step .steps .step__item {
	text-align: center;

	display: flex;
    flex-direction: column;
    gap: 12px;
}

section.step .steps .step__item * {
	margin: 0;
}

section.step .steps .step__item p {
	margin-bottom: 6px;
}

section.step .steps .step__item p:only-child,
section.step .steps .step__item p:last-child {
	margin-bottom: 0px;
}

section.step .steps .step__item h4.step__item-title {
    font-size: 16px;
}

section.step .steps .step__item .step__item-image {
	max-width: 120px;
		width: 100%;
	text-align: center;
	margin: 0 auto;
}

section.step .steps .step__item .step__item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

	section.step .container {
		padding: 0 20px;
	}


	section.step .step__header .step__content p {
		font-size: 14px;
	}


	section.step .step__header {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 40px;
	}

	section.step .step__header .step__icon {
		margin: 0 0 20px 0;
		max-width: 150px;
		margin-right: 0;
	}

	section.step .step__header .step__content * {
		text-align: center;
	}

	section.step .step__header .step__content h2 {
		font-size: 20px;
		width: auto !important;
	}

	section.step .steps {
		grid-template-columns: 1fr;
		gap: 30px;
	}

}
.mit-why.has-divider,
section.step + section.step {
	position: relative;
}

.mit-why.has-divider:after,
section.step + section.step:after {
	content: '';
	display: block;
	height: 2px;
	max-width: 1024px;
	width: 100%;
	background: #e5e9ec;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.mit-why.has-divider:after {
	top: 5px;
}

section.mit-products div.wrap-related {
	padding: 0 20px;
}

section.mit-products div.wrap-related ul,
section.mit-products div.wrap-related {
	margin-bottom: 0px;
}

section.mit-products div.wrap-related ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

section.mit-products div.wrap-related ul li {
	width: 100%;
	margin: 0;
}

section.mit-products div.wrap-related ul li {
	border: 2px solid #6d727b;
}

section.mit-products div.wrap-related ul li a {
	border: none;
	height: 100%;
}


section.mit-products.mit-products--adjusted-padding {
	padding-bottom: 40px;
}

section.mit-products h2.titleSupport {
	font-size: 22px;
	padding: 0;
}

@media (max-width: 1024px) {
	section.mit-products div.wrap-related ul {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media (max-width: 768px) {
	section.mit-products div.wrap-related ul li {
		max-width: 100%;
	}
	
	section.mit-products h2.titleSupport {
		font-size: 18px;
	}

	section.step + section.step:after {
		max-width: 95%;
	}

	section.mit-products div.wrap-related ul li img {
		width: auto;
		height: auto;
	} 

	section.mit-products div.wrap-related ul li p {
		padding: 0;
		font-size: 14px;
	}
}


/*@media (max-width: 550px) {*/
/*	section.mit-products:nth-child(1) div.wrap-related ul {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	section.mit-products div.wrap-related ul {
		grid-template-columns: 1fr;
	}*/
/*}*/


.mit-page-container div.wrap-related ul li p small {
    font-size: 10px;
    display: block;
    line-height: 1;
}

.mit-page-container .titleSupport {
	padding: 0 20px !important;
}


.mit-banner {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;

	margin-bottom: -40px;
}