@charset "UTF-8";


.service_navigation .wrapper{position: relative;}
.service_navigation .wrapper::before,.service_navigation .wrapper::after{content: "";display: block;position: absolute;}
.service_navigation .wrapper::before{width: 60px;height: 61px;background: url(../../images/parts_01.png) no-repeat center;background-size: cover;left: 2vw;bottom: 15px;}
.service_navigation .wrapper::after{width: 51px;height: 102px;background: url(../../images/parts_02.png) no-repeat center;background-size: cover;right: 4vw;top: -90px;}

.service_navigation .wrapper{max-width: 780px;margin: 0 auto;}
.service_navigation .explain{margin-bottom: 30px;text-align: center;line-height:1.85;}
.service_navigation ul{margin: 0 auto;}

.service_navigation li a{display: block;background: #7EBD25;color: #fff;text-decoration: none;text-align: center;line-height: 1.5;font-weight: bold;border:2px solid #7EBD25;border-radius: 110px;overflow: hidden;}
.service_navigation li:first-child a {background: #FFBF00;border-color:#FFBF00;}

.service_purchase .wrapper{max-width: 1200px;margin: 0 auto;}
.service_purchase h2{max-width: 1100px;margin: 0 auto 14px;}
.service_purchase .explain{max-width: 1100px;margin: 0 auto 60px;}

.service_purchase .box{border-radius: 20px;background: #FFF4E9;position: relative;}
.service_purchase .box:last-child {margin-bottom: 0;}

.service_purchase .box h3{position:absolute;background-color:#fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);position: absolute;font-weight: bold;border: 1.5px solid #FFBF00;border-radius: 60px;display: inline-block;line-height: 1.1;}
.service_purchase .box h3 span{position: absolute;color: #fff;text-align: center;font-weight: bold;left: 0;top:50%;background: #FFBF00;border-radius: 50%;}

.service_purchase .box .text{margin-bottom: 25px;line-height:1.75;}
.service_purchase .box ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:982px;margin-right:auto;margin-left:auto;}
.service_purchase .box li span{display:block;}

.service_purchase .box li a,
.service_purchase .box li span.set{overflow:hidden;background-color:#fff;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);box-shadow: 0 0 10px rgba(0,0,0,0.3);}

.service_purchase .box li a{display:block;-webkit-border-radius: 20px; border-radius: 20px;}

.service_purchase .box li span.set{padding:18px;-webkit-border-radius: 5px; border-radius: 5px;}

.service_purchase .box li .image_wrap{padding:18px 18px 0;}
.service_purchase .box li .image{ position: relative; }
.service_purchase .box li .image:before{ padding-top: 68.42%;content:"";display: block; }
.service_purchase .box li .image span{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain; }

.service_purchase .box li .name{font-weight:bold;}

.service_purchase .box li a .name{background-color:#FFF6EE;padding:18px 42px 18px 18px;text-align: left;position:relative;text-align:center;font-size:0.9375rem;}
.service_purchase .box li a .name::after{content:"";display:block;top:18px;right:18px;position:absolute;width:24px;height:24px;background:url(../../images/icon_products.svg) 50% 50% no-repeat;-webkit-background-size:auto 24px;background-size:auto 24px;}
.service_purchase .box li span.set .name{border-top:1px solid #aeaeae;padding-top:18px;text-align:center;}

.service_purchase dl.trade{margin: 30px auto 0;max-width: 1100px;}
.service_purchase dl.trade dt{font-size:1.25rem;padding-left: 42px;background: url(../img/icon_worn.png) no-repeat 0% 50%;background-size: auto 32px;margin-bottom: 5px;}
.service_purchase dl.trade dd{line-height:1.75;}

.service_oem .wrapper{max-width: 1100px;margin: 0 auto;}
.service_oem h2{margin-bottom: 14px;}
.service_oem dl{margin-top:40px;}
.service_oem dl dt{background-color:#fff;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);margin-bottom: 25px;font-weight: bold;border: 1.5px solid #7EBD25;border-radius: 60px;display: inline-block;position: relative;line-height: 1.1;}
.service_oem dl dt span{position: absolute;color: #fff;text-align: center;font-weight: bold;left: 0;top:50%;background: #7EBD25;border-radius: 50%;}
.service_oem dl dd{padding-left: 22px;margin-bottom: 40px;line-height:1.75;}
.service_oem dl dd:last-child {margin-bottom: 0;}


.service_contact .wrapper{max-width:727px;margin-right:auto;margin-left:auto;}
.service_contact .box{border:5px solid #E60012;background-color:#FFF4E9;color:#FF0000;-webkit-border-radius: 2px; border-radius: 2px;}
.service_contact .box p.text{font-size:1.5625rem;text-align:center;font-weight:bold;}
.service_contact .box .to_call{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.service_contact .box a.tel{width:281px;font-weight:bold;font-size:28.5px;margin-right:-10px;background:url(../../images/icon_phone_red.svg) 0% 50% no-repeat;}
.service_contact .box p.day_worn{width:268px;text-align:center;line-height:1.2;}
.service_contact .box p.day_worn span{display:block;}
.service_contact .box p.day_worn .day{font-size:1.3125rem;font-weight:bold;}
.service_contact .box p.day_worn .worn{font-size:0.75rem;letter-spacing: 0.5px;}
.service_contact .box .bnn{max-width:456px;margin-right:auto;margin-left:auto;text-align:center;}

.service_purchase .box li.li_1_1 .image span{background-image:url(../img/1-1.png);}
.service_purchase .box li.li_1_2 .image span{background-image:url(../img/1-2.png);}
.service_purchase .box li.li_1_3 .image span{background-image:url(../img/1-3.png);}
.service_purchase .box li.li_1_4 .image span{background-image:url(../img/1-4.png);}
.service_purchase .box li.li_1_5 .image span{background-image:url(../img/1-5.png);}
.service_purchase .box li.li_1_6 .image span{background-image:url(../img/1-6.png);}

.service_purchase .box li.li_2_1 .image span{background-image:url(../img/2-1.png);}
.service_purchase .box li.li_2_2 .image span{background-image:url(../img/2-2.png);}
.service_purchase .box li.li_2_3 .image span{background-image:url(../img/2-3.png);}
.service_purchase .box li.li_2_4 .image span{background-image:url(../img/2-4.png);}
.service_purchase .box li.li_2_5 .image span{background-image:url(../img/2-5.png);}
.service_purchase .box li.li_2_6 .image span{background-image:url(../img/2-6.png);}
.service_purchase .box li.li_2_7 .image span{background-image:url(../img/2-7.png);}
.service_purchase .box li.li_2_8 .image span{background-image:url(../img/2-8.png);}
.service_purchase .box li.li_2_9 .image span{background-image:url(../img/2-9.png);}
.service_purchase .box li.li_2_10 .image span{background-image:url(../img/2-10.png);}

.service_purchase .box li.li_3_1 .image span{background-image:url(../img/3-1.png);}
.service_purchase .box li.li_3_2 .image span{background-image:url(../img/3-2.png);}
.service_purchase .box li.li_3_3 .image span{background-image:url(../img/3-3.png);}
.service_purchase .box li.li_3_4 .image span{background-image:url(../img/3-4.png);}
.service_purchase .box li.li_3_5 .image span{background-image:url(../img/3-5.png);}
.service_purchase .box li.li_3_6 .image span{background-image:url(../img/3-6.png);}
.service_purchase .box li.li_3_7 .image span{background-image:url(../img/3-7.png);}
.service_purchase .box li.li_3_8 .image span{background-image:url(../img/3-8.png);}
.service_purchase .box li.li_3_9 .image span{background-image:url(../img/3-9.png);}

@media screen and (min-width:590px) {
	.service_navigation .explain{padding: 0;}
	.service_navigation .wrapper::before{width: 103px;height: 106px;top: auto;left: 0;bottom: 25px;}
	.service_navigation .wrapper::after{width: 81px;height: 158px;top: auto;right: 30px;bottom: 5px;}
	.service_navigation .wrapper{padding-bottom:30px;}
}


/** PC ****/
@media screen and (min-width:768px) {

	.contents_service{padding-top:55px;}
	.contents_service .wrapper{padding-left:30px;padding-right:30px;}
	
	.service_navigation .wrapper{padding-top: 40px;padding-bottom:50px;}
	.service_navigation .wrapper::before{left: 0;bottom: 150px;}
	.service_navigation .wrapper::after{right: 0;bottom: 160px;}
	.service_navigation .explain{margin-bottom: 30px;padding: 0 120px;}
	.service_navigation ul{max-width: 700px;display: flex;justify-content: space-between;}
	.service_navigation li{width: 48.57%;}
	.service_navigation li a{font-size:1.25rem;padding: 29px 20px;}

	.service_navigation li a:hover{background-color:#fff;color:#7EBD25;}
	.service_navigation li:first-child a:hover{color:#FFBF00;}

	.service_purchase .wrapper{padding-bottom:60px;}

	.service_purchase .box{padding: 50px 60px;margin-bottom: 72px;}
	.service_purchase .box h3{top: -15px;left: 55px;font-size:1.25rem;padding: 10px 29px 9px 75px;}
	.service_purchase .box h3 span{width: 60px;height: 60px;margin-top:-30px;line-height: 60px;}
	
	.service_purchase .box li{margin-top:25px;}
	.service_purchase .box li a{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
	.service_purchase .box li a:hover{transform:scale(1.1);}
	
	.service_oem dl dt{font-size:1.25rem;padding: 10px 29px 9px 75px;}
	.service_oem dl dt span{width: 60px;height: 60px;margin-top:-30px;line-height: 60px;}
	
	.service_oem .wrapper{padding-bottom: 84px;}
	
	.service_contact .box{padding:30px;max-width: 727px;margin-right: auto;margin-left: auto;}
	.service_contact .box p.text{font-size:1.5625rem;margin-bottom:14px;}
	.service_contact .box .to_call{max-width:554px;margin:0 auto 19px;}
	.service_contact .box a.tel{padding-left:40px;-webkit-background-size:40px auto;background-size:40px auto;}
}


/** SP ****/
@media screen and (max-width:767px) {
	.contents_service{padding-top:40px;}
	.contents_service .wrapper{padding-left:20px;padding-right:20px;}

	.service_navigation .wrapper{padding-top: 20px;padding-bottom: 80px;}
	.service_navigation .explain{text-align:left;margin-bottom: 20px;padding: 0;}
	.service_navigation ul{max-width:320px;}
	.service_navigation li{width:100%;margin-bottom:20px;}
	.service_navigation li:last-child{margin-bottom:0;}
	.service_navigation li a{font-size:1rem;padding: 14px 10px;}

	.service_purchase,.service_oem{padding-top: 90px;margin-top: -90px;}

	.service_purchase .wrapper{padding-bottom:40px;}

	.service_purchase .box{padding: 40px 30px;margin-bottom: 50px;}
	.service_purchase .box h3{top: -10px;left: 15px;font-size:1rem;padding: 10px 25px 9px 52px;}
	.service_purchase .box h3 span{width: 40px;height: 40px;margin-top:-20px;line-height: 40px;}

	.service_purchase .box li{width:47.6%;margin-right:4.8%;margin-top:20px;}
	.service_purchase .box li:nth-child(2n){margin-right:0;}
	.service_purchase .box li:nth-child(-n+2){margin-top:0;}

	.service_oem dl dt{font-size:1rem;padding: 10px 25px 9px 52px;}
	.service_oem dl dt span{width: 40px;height: 40px;margin-top:-20px;line-height: 40px;}

	.service_oem .wrapper{padding-bottom: 60px;}
	
	.service_contact .box{border-width:3px;padding:20px;}
	.service_contact .box p.text{font-size:1rem;margin-bottom:10px;}
	.service_contact .box .to_call{justify-content:center;margin-bottom:20px;}
	.service_contact .box a.tel{padding-left:28px;-webkit-background-size:28px auto;background-size:28px auto;}
	.service_contact .box p.day_worn .worn{margin-top:5px;}
}



/** PC(wide) ****/
@media screen and (min-width:1160px) {
.service_navigation .wrapper::before{left: -56px;bottom: 25px;}
.service_navigation .wrapper::after{right: -40px;bottom: 5px;}

	.contents_service{padding-top:85px;}
	.contents_service .wrapper{padding-left:0px;padding-right:0px;max-width: 1102px;}

	.service_purchase .box{padding: 50px 110px;}

	.service_purchase .box li{width:23.09%;margin-right:2.54%;}
	.service_purchase .box li:nth-child(4n){margin-right:0;}
	.service_purchase .box li:nth-child(-n+4){margin-top:0;}
	
	.service_contact .box .to_call{justify-content: space-between;align-items: center;}
}

@media screen and (min-width:768px) and (max-width:1159px){
	.service_purchase .box li{width:31.2%;margin-right:3.2%;}
	.service_purchase .box li:nth-child(3n){margin-right:0;}
	.service_purchase .box li:nth-child(-n+3){margin-top:0;}
}

@media screen and (min-width:1390px) {
.service_navigation .wrapper::before{left: -122px;bottom: 0;}
.service_navigation .wrapper::after{right: -84px;}
}