@charset "UTF-8";
/* auther: cee; */

article #kv {background-image: url(/jpn/images/common/kv_bg.jpg);}
#submenuData a[href='https://www.arai.co.jp/jpn/faq/fq_top.htm#q1']::before {margin-bottom: -.5em;}
#leaf.shoplist #submenuData a[href*='shoplist.html'],
#leaf.repair #submenuData a[href*='repair.html'] {color: #E4FF00;}
#leaf.manual #submenuData a[href*='manual.html'] {color: #E4FF00;}
#leaf.faq #submenuData a[href*='faq.html'] {color: #E4FF00;}
#leaf.contact #submenuData a[href*='contact.html'] {color: #E4FF00;}

/* contact start */
#leaf.contact .container ul.container-list > li:nth-child(2){margin-top: 40px; padding-bottom: 60px;}
#leaf.contact .container ul.container-list > li:nth-child(3){margin-top: 40px; }

#leaf.contact .box-content.grey{ max-width: 640px;background: #ebebeb; margin: 40px auto 0;}
#leaf.contact .box-content.grey a{height: 50px;line-height: 49px;}
#leaf.contact .box-content {max-width: 640px;margin: 40px auto 0;}
#leaf.contact .box-content .box-content-container { padding: 20px 40px;}
#leaf.contact .box-content .step{ width: 100%;}
#leaf.contact .box-content .step.pc{ display: block;}
#leaf.contact .box-content .step.sp{ display: none;}
#leaf.contact .box-content a:before{ height: 49px; }
#leaf.contact .box-content img{width: 100%;}
#leaf.contact .notice{font-size: 14px;}
#leaf.contact .privacy-policy li{display: flex; justify-content: space-between;}
#leaf.contact .privacy-policy .num{font-weight: bold;font-size: 24px;width: fit-content;display: block;flex-shrink: 0;padding-top: 4px;}
#leaf.contact .privacy-policy p{flex-shrink: 0;width: 90%; margin: 0;}
#leaf.contact .privacy-policy li.pdf{justify-content: center;}
#leaf.contact .pdf a{display: flex;justify-content: space-between;align-items: center;}
#leaf.contact .pdf p{font-size: 18px;font-weight: bold;}
#leaf.contact .pdf img{width:70px;}
/* contact end */

/* repair start: M.Yasuda; */
#leaf.repair .container ul.container-list > li:nth-child(2){margin-top: 40px; padding-bottom: 60px;}
#leaf.repair .container ul.container-list > li:nth-child(3){margin-top: 40px; }

/* repair layout */
#leaf.repair .container ul.container-list > li:nth-child(2){margin-top: 40px; padding-bottom: 60px;}
#leaf.repair .container ul.container-list > li:nth-child(3){margin-top: 40px; }


#leaf.repair .box-content{ max-width: 640px;}
#leaf.repair .box-content .step{ width: 100%;}
#leaf.repair .box-content .step.pc{ display: block;}
#leaf.repair .box-content .step.sp{ display: none;}

#leaf.repair .box-content.request{margin: 0 auto;}
#leaf.repair .box-content.request .box-content-container{padding: 0;}

#leaf.repair .box-content.service{background: #ebebeb;margin: 40px auto 0;}
#leaf.repair .box-content.service .box-content-container{padding: 20px 40px;}
#leaf.repair .box-content.service.arrow{background: #ffffff;margin: 30px auto;}
#leaf.repair .box-content.service.arrow img{display: block; margin: 0 auto;}

#leaf.repair .box-content.faq{margin: 0 auto;}
#leaf.repair .box-content.faq .box-content-container{padding: 20px 0}


#leaf.repair .box-content.lightbox{background: #ebebeb;margin: 40px auto 0;}
#leaf.repair .box-content.lightbox .box-content-container{padding: 20px 40px;}
#leaf.repair .box-content.lightbox.arrow{background: #ebebeb;margin: 30px auto;}
#leaf.repair .box-content.lightbox.arrow img{display: block; margin: 0 auto;}

/* repair request style */
#leaf.repair .box-content.request ul li {margin-bottom: 0;border-bottom: 1px dotted #ebebeb;padding: 10px 0; }
#leaf.repair .box-content.request ul li p{display: inline-block;}
#leaf.repair .box-content.request ul li p.button{max-width: 170px;float: right;}
#leaf.repair .box-content.request .button.button-2x:not(.s) a{height: 50px;line-height: 49px;}
#leaf.repair .box-content.request .button.button-2x:not(.s) a:hover {line-height: 51px;}
#leaf.repair .box-content.request .button.button-2x:not(.s) a:before {height: 49px;}

/* repair service style */
#leaf.repair .box-content.service ul li {margin-bottom: 0; border-bottom: 1px dotted #ebebeb;}
#leaf.repair .box-content.service ul li p a{color: #4AAFD3;}
#leaf.repair .box-content.service .box-content-container iframe{width: 100%;}
#leaf.repair .box-content.service .button.button-2x:not(.s) a{height: 50px;line-height: 49px;}
#leaf.repair .box-content.service .button.button-2x:not(.s) a:hover {line-height: 51px;}
#leaf.repair .box-content.service .button.button-2x:not(.s) a:before {height: 49px;}

/* repair request faq */
#leaf.repair .box-content.faq ul li {margin-bottom: 0; border-bottom: 1px dotted #ebebeb; padding: 20px 0; letter-spacing: -.05em;}
#leaf.repair .box-content.faq ul li p{line-height: 1.25em;}
#leaf.repair .box-content.faq ul li p.button{max-width: 170px;float: right;}

/* repair lightbox-content style */
#leaf.repair .box-content.lightbox ul li {margin-bottom: 0; border-bottom: 1px dotted #ebebeb;}
#leaf.repair .box-content.lightbox ul li p a{color: #4AAFD3;}
#leaf.repair .box-content.lightbox .box-content-container iframe{width: 100%;}
#leaf.repair .box-content.lightbox .button.button-2x:not(.s) a{height: 50px;line-height: 49px;}
#leaf.repair .box-content.lightbox .button.button-2x:not(.s) a:hover {line-height: 51px;}
#leaf.repair .box-content.lightbox .button.button-2x:not(.s) a:before {height: 49px;}

/* repair tooltip style */
#leaf.repair .con-tooltip {position: relative;transition: all 0.3s ease-in-out;cursor: default;margin: 0;padding: 0;display: block;width: 170px;float: right;}
#leaf.repair .tooltip {
visibility: hidden; z-index: 1; opacity: .40; width: 100%; padding: 0px 20px;
background: linear-gradient(0deg,rgba(44,177,231,.85),rgba(73,190,226,.85));
color: #fff; position: absolute; top:-140%; left: -25%;border-radius: 9px;font: 16px;
transform: translateY(9px);transition: all 0.3s ease-in-out;box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}
#leaf.repair .tooltip::after {
content: " "; width: 0; height: 0; border-style: solid; position: absolute; left: 40%;
border-width: 12px 12.5px 0 12.5px; border-color: #35a3cc transparent transparent transparent;
}
#leaf.repair .con-tooltip:hover .tooltip{
visibility: visible; transform: translateY(-10px); opacity: 1; transition: .3s linear;
animation: odsoky 1s ease-in-out infinite  alternate; width: 240px; line-height: 25px;
}
@keyframes odsoky {
	0%{transform: translateY(4px); }
	100%{transform: translateY(1px); }
}
#leaf.repair .con-tooltip.left:hover {transform: translateX(-6px); }
#leaf.repair .con-tooltip.top:hover {transform: translateY(-6px);  }
#leaf.repair .con-tooltip.bottom:hover {transform: translateY(6px);}
/* #leaf.repair .con-tooltip.right:hover {transform: translateX(6px); }
#leaf.repair .con-tooltip.left .tooltip{ top:-20%; left:-170%; }
#leaf.repair .con-tooltip.left .tooltip::after{top:40%;left:90%;transform: rotate(-90deg);} */
/* #leaf.repair .con-tooltip.bottom .tooltip { top:115%; left:0; }
#leaf.repair .con-tooltip.bottom .tooltip::after{top:-38%;left:40%;transform: rotate(180deg);} */
#leaf.repair .con-tooltip.bottom .tooltip { top:-20%; left:115%; }
#leaf.repair .con-tooltip.bottom .tooltip::after{top:40%;left:-12%;transform: rotate(90deg);}


/* repair request faq */
#leaf.faq .faq-accordion .faq-item h4{
	background: #1F3E85 url(../support/img/icon-plus.svg) no-repeat;
	color: #fff;
	padding: 10px;
	margin-bottom: 2px!important;
	background-position: right 30px center;
	background-size: 25px;
	cursor: pointer;
	font-family: 'Noto Sans JP', 'Meiryo', 'MS PGothic', 'Hiragino Kaku Gothic ProN', sans-serif!important;
}
#leaf.faq .faq-accordion .faq-item h4.active{
	background: #1F3E85 url(../support/img/icon-minus.svg) no-repeat;
	background-position: right 30px center;
	background-size: 25px;
}
#leaf.faq .faq-accordion .faq-item{
	margin-bottom: 5px;
}
/* #leaf.faq faq-accordion .faq-item dl{

} */
#leaf.faq .faq-accordion .faq-item img.w70{
	width: 70%;
	margin: 0 auto;
}
#leaf.faq .faq-accordion .faq-item dt{
	background: #4DC0E2 url(../support/img/icon-plus.svg) no-repeat;
	color: #fff;
	padding: 12.5px 80px 12.5px 30px;
	background-position: right 20px center;
	background-size: 15px;
	cursor: pointer;
	font-family: 'Noto Sans JP', 'Meiryo', 'MS PGothic', 'Hiragino Kaku Gothic ProN', sans-serif!important;
	border-bottom: 2.5px solid #fff;
	line-height: 125%;
}
#leaf.faq .faq-accordion .faq-item dt.active{
	background: #4DC0E2 url(../support/img/icon-minus.svg) no-repeat;
	background-position: right 20px center;
	background-size: 15px;
	border-bottom: 0;
}
#leaf.faq .faq-accordion .faq-item dd{
	border: 2.5px solid #4DC0E2;
	padding: 10px 30px 10px;
	font-family: 'Noto Sans JP', 'Meiryo', 'MS PGothic', 'Hiragino Kaku Gothic ProN', sans-serif!important;
    line-height: 150%;
}
#leaf.faq .faq-accordion .faq-item dt.active + dd{
	margin-bottom: 2px!important;
}
#leaf.faq .faq-accordion .faq-item dd img{
	margin: 20px 0;
	display: block;
	width: 100%;
}
#leaf.faq .faq-accordion .faq-item dd img.w75{
	width: 75%;
}
#leaf.faq .faq-accordion .faq-item dd img.w50{
	width: 50%;
}
#leaf.faq .faq-accordion .faq-item dd img.w25{
	width: 25%;
}
#leaf.faq p{
	max-width: 100%;
	margin-top: 10px;
}
#leaf.faq .faq-accordion .faq-item a{
	color: #0000ff;
	-webkit-decoration:  underline!important;
	text-decoration: underline!important;
	/* font-family: 'Noto Sans JP', 'Meiryo', 'MS PGothic', 'Hiragino Kaku Gothic ProN', sans-serif!important; */
}
#leaf.faq .faq-accordion .faq-item a:hover{
	opacity: .8;
}
/* repair manual style */
#leaf.manual .wrapper{
}
#leaf.manual .wrapper .title03{
	display: block!important;
	background-color: #003399;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Noto Sans JP', 'Meiryo', 'MS PGothic', 'Hiragino Kaku Gothic ProN', sans-serif;
	color: #fff;
	text-align: left;
	padding: 10px 20px;
	margin-top: 30px;
	margin-bottom: 0;
}
#leaf.manual .wrapper ul{
	width: 100%;
	padding: 20px;
	background: #fff;
	margin: 0 auto;

}
#leaf.manual .wrapper ul li{
	width: calc((100% / 5) - 5px);
	display: inline-block;
	margin: 0;
	padding: 30px;
	margin-bottom: 20px;
}
#leaf.manual .wrapper ul li img{
	width: auto;
	max-height: 150px;
}
#leaf.manual .wrapper ul li .modelPhoto{
	display: block;
	text-align: center;
}
#leaf.manual .wrapper ul li .model{
	display: block;
	text-align: center;
	margin-top: 20px;
}
/* repair end: M.Yasuda; */

@media all and (max-width:1239.9px) {
	/* repair tooltip style */
	#leaf.repair .con-tooltip.bottom .tooltip { top:180%; left:0; }
	#leaf.repair .con-tooltip.bottom .tooltip::after{top:-38%;left:40%;transform: rotate(180deg);}
}

@media all and (min-width:995px) {
	#submenuData li {width: calc((100% - 1px) / 7);}
	.related h4 {max-width: 100%;}
	.repair #archive {padding: 150px 0;}
}
@media all and (max-width:994.9px) {
	.repair #archive {padding: 60px 0;}
}

@media all and (max-width:994.9px) {
	/* repair layout */
	#leaf.repair .box-content .step.pc{ display: none;}
	#leaf.repair .box-content .step.sp{ display: block;}

	/* repair request style */
	#leaf.repair .box-content.request ul li p{display: block;}
	#leaf.repair .box-content.request ul li p.button{max-width: 200px; float: none; margin: 0 0 10px;}

	/* repair service style */
	#leaf.repair .box-content.service .box-content-container iframe{width: 100%; height: 36.333vw;}
	#leaf.repair .box-content.service .button.button-2x:not(.s) a{height: 50px;line-height: 24px;}
	#leaf.repair .box-content.service .button.button-2x:not(.s) a span{display: block;}
	#leaf.repair .box-content.service .button.button-2x:not(.s) a:hover {line-height: 24px;}
	#leaf.repair .box-content.service .button.button-2x:not(.s) a:before {height: 24px;}

	/* repair tooltip style */
	#leaf.repair .con-tooltip {float: none; width: 200px;}
	#leaf.repair .con-tooltip.bottom .tooltip { top:180%; left:0; }
	#leaf.repair .con-tooltip.bottom .tooltip::after{top:-38%;left:40%;transform: rotate(180deg);}


}

@media all and (max-width:1124px) {
	#leaf.manual .wrapper ul li{
		width: calc((100% / 5) - 5px);
		display: inline-block;
		margin: 0;
		padding: 5px;
		margin-bottom: 20px;
	}
	#leaf.manual .wrapper ul li img{
		width: auto;
		max-height: 125px;
	}

}

@media all and (max-width:1024px) {

	/* repair manual style */
	#leaf.manual .wrapper ul li{
		width: calc((100% / 4) - 5px);
		display: inline-block;
		margin: 0;
		padding: 15px;
		margin-bottom: 20px;
	}

}

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

	/* repair manual style */
	#leaf.manual .wrapper .title03{
		font-size: 20px;
	}
	#leaf.manual .wrapper ul li{
		width: calc((100% / 3) - 5px);
		display: inline-block;
		margin: 0;
		padding: 10px;
		margin-bottom: 20px;
	}
	#leaf.manual .wrapper ul li .model{
		font-size: 14px;
	}
	#leaf.faq .faq-accordion .faq-item h4{

		background-position: right 3.5vw center;
		background-size: 3vw;
	}
	#leaf.faq .faq-accordion .faq-item h4.active{
		background-position: right 3.5vw center;
		background-size: 3vw;
	}

	#leaf.faq .faq-accordion .faq-item dt{
		background-position: right 3vw center;
		background-size: 2.5vw;
	}
	#leaf.faq .faq-accordion .faq-item dt.active{
		background-position: right 3vw center;
		background-size: 2.5vw;
	}
	#leaf.faq .faq-accordion .faq-item dt{
		padding: 12.5px 30px 12.5px 10px;
	}
}

@media all and (max-width:567px) {
	/* repair manual style */
	#leaf.manual .wrapper ul li{
		width: calc((100% / 3) - 5px);
		display: inline-block;
		margin: 0;
		padding: 5px;
		margin-bottom: 20px;
	}
	#leaf.manual .wrapper ul li img{
	width: auto;
	max-height: 80px;
	}
}

@media all and (max-width:367px) {
	/* repair manual style */
	#leaf.manual .wrapper ul li{
		width: calc((100% / 2) - 5px);
		display: inline-block;
		margin: 0;
		padding: 5px;
		margin-bottom: 20px;
	}
	#leaf.manual .wrapper ul li img{
	width: auto;
	max-height: 100px;
	}
}