@charset "utf-8";
/* CSS Document */
.l-pageTitle ,
#case01 + .m-heading-level2,
.m-layout.--gap-row-sp-8 {
	display:none;
}
.l-pageTitle + .l-section {
  padding-top: 0 !important;
}
.md_disp{
	display:none;
}
@media (min-width: 768px){
	.md_disp{
		display:block;
	}
}
#case01 {
	font-size:1.0625rem;
	line-height:1.75;
}
.wrp-contents{
	max-width:1248px;
	margin:0 auto;
	padding:0 16px;
}
#sec_detail .wrp-contents,
#sec_inquiry .wrp-contents{
	padding:0;
}
@media (min-width: 768px){
	#sec_detail .wrp-contents,
	#sec_inquiry .wrp-contents{
	padding:0 16px;
	}
}
.mainVisual{
	position:relative;
	overflow:hidden;
	height:346px;
	margin:0 calc(50% - 50vw) 20px;
	padding-top:24px;
	background-repeat:no-repeat;
	background-size:auto 100%;
	font-weight:700;
	color:#fff;
}
#case01 .mainVisual {
	background-image: url("/resource/images/bearing/thumb-case-automotive-compressor.jpg") ;
	background-color:#000;
	background-position:80% bottom;
	background-size:auto 100%;
}

.mainVisual::after{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:250px;
	background-color:rgba(0,78,168,0.75);
	content:"";
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 76%, 0% 100%);
	clip-path:polygon(0 0, 100% 0, 100% 76%, 0% 100%);
}
@media (min-width: 1024px){
	.mainVisual::after{
		width:52.26667%;
	}
}
.mainVisual .wrp-contents{
	max-width:1332px;
}
.mainVisual .copy{
	position:relative;
	z-index:2;
	text-shadow:2px 2px 3px var(--key);
}
.mainVisual .tag{
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-ms-inline-flexbox;
	display:inline-flex;
	min-width:69px;
	height:24px;
	margin-bottom:5px;
	padding:3px 5px 0;
	background-color:#fff;
	font-size:.8125rem;
	color:#004EA8;
	text-shadow:none;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.mainVisual .sub{
	margin-bottom:8px;
	font-size: 1.0625rem;
}
.mainVisual h1{
	font-size:1.375rem;
	line-height:1.45455;
	letter-spacing:0.00591em;
}
@media (min-width: 768px){
	.mainVisual{
	position:absolute;
	left:0;
	width:100%;
	height:334px;
	margin:0;
	padding-top:96px;
	/*background-position:calc(50% + 355px) center;
	background-size:auto 100%;*/
	background-position:40% bottom;
	background-size:auto 100%;
	}
	.mainVisual::after{
		width:52.26667%;
		height:100%;
		background-color:var(--key);
		-webkit-clip-path:polygon(0 0, 100% 0, 80.61224% 100%, 0% 100%);
		clip-path:polygon(0 0, 100% 0, 80.61224% 100%, 0% 100%);
	}
	.mainVisual video {
		position:absolute;
		top:0;
		right:0;
		width:auto;
		height:100%;
	}
	.mainVisual .tag{
		min-width:76px;
		height:28px;
		font-size:.875rem;
	}
	.mainVisual .sub{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		margin-bottom:16px;
		-webkit-column-gap:10px;
		-moz-column-gap:10px;
		column-gap:10px;
		align-items: center;
	}
	.mainVisual h1{
		font-size:1.8125rem;
		line-height:1.34483;
		letter-spacing:0.01724em;
	}
	.mainVisual+section{
		padding-top:392px;
	}
}
@media (min-width: 1280px){
.mainVisual video {
	right:80px;
}
}
#sec_lead{
	margin-bottom:20px;
	font-size:1.125rem;
	line-height:1.66667;
	font-weight:bolder;
}
#sec_lead span{
	color:#004EA8;
}
@media (min-width: 768px){
	#sec_lead{
		margin-bottom:50px;
		font-size:1.375rem;
		line-height:1.59091;
		text-align:center;
	}
}
.m-heading-level2{
	line-height:1.33333;
	margin-block:0 30px;
	margin-top:60px;
}
.m-heading-level2::before{
	top:0;
}
.m-heading-level2::after{
	top:17px;
}
@media (min-width: 768px){
	.m-heading-level2{
		margin-bottom:38px;
		font-size:1.5625rem;
		line-height:1.6;
	}
	.m-heading-level2::before,
	.m-heading-level2::after{
		height:17px;
	}
	.m-heading-level2::after{
		top:19px;
	}
}
.facts_bl .wrp-contents{
	background-color:#F6F7F7;
	padding-block:14px 32px;
}
@media (min-width: 768px){
	.facts_bl .wrp-contents{
		max-width:1216px;
		padding:0 51px 51px;
	}
}
.facts_bl h3{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	height:40px;
	margin-bottom:20px;
	padding-top:4px;
	background-color:#6C6E74;
	font-size:1.25rem;
	color:#fff;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
@media (min-width: 768px){
	.facts_bl h3{
		height:58px;
		margin:0 -51px 30px;
		font-size:1.75rem;
	}
}
.facts_bl__facts{
	position:relative;
}
.facts_bl__facts::after{
	display:block;
	width:89px;
	height:25px;
	margin:22px auto 17px;
	background-color:#5991D3;
	content:'';
	-webkit-clip-path:polygon(0 0, 50% 100%, 100% 0);
	clip-path:polygon(0 0, 50% 100%, 100% 0);
}
@media (min-width: 768px){
	.facts_bl__facts::after{
		width:108px;
		height:30px;
		margin-block:32px 28px;
	}
}
.facts_bl__application .wrp-contents{
	padding-bottom:51px;
	background-color:#F3F5F9;
}
@media (min-width: 768px){
	.facts_bl__application .wrp-contents{
		padding-bottom:68px;
	}
}
.facts_bl__application h3{
	background-color:#004EA8;
}
@media (min-width: 768px){
	.facts_bl__application .facts_bl__text{
		margin-bottom:38px;
	}
}
.benefits_box{
	padding:24px 20px 34px;
	background-color:#fff;
}
@media (min-width: 768px){
	.benefits_box{
		padding:42px 11px 42px 42px;
	}
}
@media (min-width: 1024px){
	.benefits_box__inner{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-column-gap:8.76532%;
		-moz-column-gap:8.76532%;
		column-gap:8.76532%;
		justify-content: space-around;
	}
}
.benefits_box h4{
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-ms-inline-flexbox;
	display:inline-flex;
	min-width:140px;
	height:31px;
	margin-bottom:20px;
	padding:4px 10px 0;
	background-color:#C00C1E;
	font-size:1.0625rem;
	color:#fff;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
@media (min-width: 768px){
	.benefits_box h4{
		min-width:166px;
		height:35px;
		margin-bottom:24px;
		font-size:1.25rem;
	}
}
.benefits_box .list_checked{
	margin-bottom:40px;
}
@media (min-width: 1024px){
.benefits_box .list_checked{
	margin-bottom:9px;
	}
}
.benefits_box .list_checked li{
	padding-left:23px;
	background:url("/resource/images/bearing/case-icon_checked.svg") left 0.25em no-repeat;
	font-size:1.0625rem;
	font-weight:700;
	line-height:1.35294;
}
.benefits_box .list_checked li:not(:last-child){
	margin-bottom:10px;
}
@media (min-width: 768px){
	.benefits_box .list_checked li{
		padding-left:40px;
		background-size:21px 15px;
		font-size:1.25rem;
		line-height:1.25;
	}
	.benefits_box .list_checked li:not(:last-child){
		margin-bottom:12px;
	}
}
@media (min-width: 1024px){
	.benefits_box figure{
		width:40%;
		-webkit-flex-shrink:0;
		-ms-flex-negative:0;
		flex-shrink:0;
	}
}
.benefits_box figure figcaption{
	margin-bottom:8px !important;
}
.benefits_box figure figcaption .em{
	display:block;
}
@media (min-width: 768px){
	.benefits_box figure figcaption{
		font-size:1.125rem;
		text-indent:-5.0em;
		padding-left:5.0em;
	}
	.benefits_box figure figcaption .em{
		display:inline;
		font-weight:bolder;
	}
}
.benefits_box .m-button{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	max-width:239px;
	height:56px;
	font-size:.9375rem;
	font-weight:700;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	padding-block:4px 0;
	margin-inline:auto;
}
@media (min-width: 768px){
	.benefits_box .m-button{
		margin-top:0;
	}
}
.benefits_box .m-button::after{
	right:23px;
}
#sec_detail {
	margin:96px 0;
}
#sec_detail .m-text {
	font-size:1.125rem;
	line-height:1.61111;
}
#sec_detail figure{
	width:100%;
	margin:40px auto 60px;
}
#sec_detail figure img{
	width:100%;
}

@media (min-width: 768px){
#sec_detail .wrp-contents:first-of-type figure{
	width:50%;
}
#sec_detail figure{
	width:65%;
}
}
.grid {
	margin-top:20px;
}
.grid-item{
	margin-top:20px;
	text-align:center;	
	background:#F3F5F9;
	padding:24px;
}
.grid-item .m-list {
	margin-left:0;
	margin-top:0;
	font-size:.9375rem;
	text-align:left;
}
@media (min-width: 768px){
	.grid {
		display:grid;
		grid-template-columns: repeat(3,1fr);
		grid-template-rows: auto;
		/*gap:10px;*/
		margin-top:40px;
	}
	.grid-item{
		padding:24px 20px;
	}
	.grid-item .m-list {
		margin-left:2.0em;
	}
}
.grid-item h3{
	display:inline-block;
	font-weight:normal;
	border:1px solid #222;
	padding:0.3em 2.0em;
	font-size:1.0625rem;
	line-height:1.0;
}
.grid-item img {
	margin:20px 0;
}
.grid-item .m-list .m-list__itemText{
	margin-left:0;
}
.grid-item .m-list .m-list__item,
.grid-item .m-list .m-list__itemText{
	line-height:1.3;
}
.video-area {
	text-align:center;
}
.video-area iframe{
	width:100%;
	height:210px;
	margin:0;
	padding:0;
	box-shadow:0 0 16px rgba(0,0,0,0.15);
}
@media (min-width: 768px){
.video-area {
	text-align:center;
	padding:60px 0;
	background:#F3F5F9;
	
}
.video-area iframe{
	width:600px;
	height:338px;
}
}
.m-media-layout--half {
	margin-top:96px;
}
.m-heading-link__heading {
	border:none;
	/*padding-bottom:0;*/
}
.m-media-layout__content .m-heading-link:nth-of-type(3) {
	margin-bottom:0;
}
.m-media-layout__content .m-heading-level3:nth-of-type(2) {
	padding-top:24px;
}