/*service*/
.service_btn:link, .service_btn:visited {display:block;width: 44%;margin: 5% auto auto auto;padding: 2.5% 5%;text-align: right;color:#ffe800;font-size: 1.3vw;background: #009844 url(../../../franchise/assets/img/nav_bg.png) 0 0 no-repeat;background-size:auto 100%;border-radius: 5px;transition: all 0.15s ease-in;font-style: italic;letter-spacing: 3px;box-shadow: -6px 8px 20px rgba(0,0,0,0.4);z-index: 3;position: relative;font-weight: 700;}

.service_btn:link span, .service_btn:visited span { font-weight:700;}
.green01 { color:#009844;}

.service_item .item_head.gray01 h1 { color:#999;}
.service_item li.mb20 { padding-bottom:2%;}

.service_menu {position:absolute;left:50%;transform:translate(-50%,-50px);display:flex;gap: 10px;}
.service_menu_p1 {position:absolute;left:50%;transform:translate(-50%,-50px);display:flex;gap: 10px; z-index: 8;}
.service_menu_p1 a:link, .service_menu_p1 a:visited {display:block;padding: 20px 10px;color:#333333;letter-spacing: 5px;border-radius:5px;width: 9vw;text-align: center;font-size: 1vw;font-weight: bold;transition: all 0.15s ease-in;}
.service_menu_p1 a:hover { background:#009844; color:#FFF; font-weight:700;}
.service_menu_p1 .on:link, .service_menu_p1 .on:visited {background:#009844;color:#FFF;font-weight:700;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}

.section_service {position:relative;margin: 4% auto auto;width: 100%;/* min-height: 600px; */}
.section_service .service_bg1 {display:none;position:absolute;width: 72%;height:100%;background: url(/assets/img/service/b1.jpg) right 17% no-repeat;background-size: calc(100vw * 564 / 1920) auto;top: 0;left: 14%;z-index: 2;}
.section_service .service_bg1.bb2 {display:none;background-position-y: 35%;}
.section_service .service_bg1.bb3 {display:block; background-position-y: 18%;}
.section_service .service_bg1.bb4 {display:none;}
.section_service .service_bg2 {position:absolute;width: 100%;height:100%;background: url(/assets/img/service/b2_01.jpg) right bottom no-repeat;background-size: contain;top: 0;left: 0;z-index: 1;}

.service_item {margin:auto;width: 910px;display:none;position: relative;z-index: 2;}
.service_item.show01 {display:block;}

.service_item li {float:left;width:100%;padding-bottom: 2%;}
.service_item .item_head h1 {display:flex;gap: 20px;font-weight: 700;color: #009844;padding-bottom: 4%;}
.service_item .item_head h1 a { position:absolute; top:-150px; left:0;}
.service_item .item_head img {width: calc(100vw * 60 / 1920);}
.service_item .item_head .a1 {padding: 4% 0 2% 0;font-size: 1.2vw;}
.service_item .item_pic {border-radius: 10px;overflow: hidden;}

.service_item .item_head h1 p {width:50%;display:flex;gap: 20px; white-space: nowrap;}

.service_item .item_copy {width: 94%;margin: 3.4% auto auto;/* display: flex; *//* align-items: flex-end; */}
.service_item .item_copy .copy_r1 {width: 100%;padding-bottom: 2%;}
.service_item .item_copy .p1 {/* width: 96%; */}
.service_item .item_copy .p1 h3 { margin-bottom:3%;font-weight: bold;}
.service_item .item_copy .p1 p {line-height: 2.2;padding-bottom: 4%;}
.service_item .item_copy .p1 p .big01 {font-size:1.2vw;font-weight: 700;letter-spacing: 2px;}
.service_item .item_copy .p1 p .small_info01 { font-size:12px; display:block; color:#333; line-height:1.6; margin-top:1rem;}
.service_item .item_copy .p1 .h3 {font-size:1.2vw;letter-spacing: 1px;margin-bottom:3%;padding: 0; font-weight:700;}
.service_item .item_copy .p1 .a1 {display:flex;flex-wrap: nowrap;justify-content: flex-start;}
.service_item .item_copy .p1 .a1 span {display:inline-block;padding-right: 5%;width: auto;/* padding-bottom: 1%; */white-space: nowrap;font-size: 1.1vw;}
.service_item .item_copy .p1 .a1 span img {width: 37px;margin-right: 2%;}
.service_item .item_copy .p1 p strong { font-weight:700;}

.service01 .footer {background:url(/assets/img/service/b2_02.jpg) 0 0 no-repeat;padding: 20% 0 100px 0;background-size: 100% auto;}

.service_item .item_copy .copy_r1.pc .service_btn:link, .service_item .item_copy .copy_r1.pc .service_btn:visited { display:none;}
.sidefloating_dealer-locator { display:none!important; margin-bottom:12px;}
.service_dealer_pc { display:none; width:910px; position:fixed; left:50%; bottom:2%; transform:translateX(-50%); z-index:8;}

.item_copy_ev .p3 { padding:1vw 0;}
.item_copy_ev .p3 .a1 { padding:1vw 0;}
.item_copy_ev .p3 .a1 strong { display:inline-block; padding:0.5vw 1vw; background:#009844; color:#ffe800; font-size:1.3vw; border-radius:0.4vw;}
.item_copy_ev .p3 .a2 { padding:1vw 0;}
.item_copy_ev .p3 .a2 .img1 { width:calc(100vw * 549 / 1920);}
.item_copy_ev .p3 .a2 .img2 { width:calc(100vw * 793 / 1920);}
.item_copy_ev .p3 .a2 .img3 { width:calc(100vw * 689 / 1920);}
.item_copy_ev .p3 .a2 .img4 { width:calc(100vw * 788 / 1920);}
.item_copy_ev .p3 .a2 img { margin-left:1.5vw;}

.service_item .item_copy.item_copy_ev { width:100%;}
.service_item .item_copy.item_copy_ev .p1 p { line-height:1.6;}
.service_item .ev_item { position:relative;}
.service_item .ev_item .item_head { position:relative; z-index:2; cursor: pointer; user-select: none; background:url(/assets/img/trans.gif) 0 0 repeat;}
.service_item .ev_item .item_copy { width:100%;}
.service_item .ev_item .item_copy h3 { color:#009844;}
.ev_item .p1 .a2 { display:flex;}

.service_item .item_copy.item_copy_ev .p1 .a2 .a21 { line-height:2.4;}
.ev_item .p1 .a2 .a21 { width:44%; padding-right:6%;}
.ev_item .p1 .a2b .a21 { width:100%; padding-right:0;}
.service_item .item_copy .p1 .a2b:first-of-type p { padding-bottom:1%;}
.service_item .item_copy .p1 .a2c p { padding-bottom:1%;}
.ev_item .p1 .a2 .a21 strong { display:block; font-size:1.2vw; line-height: 1.6; margin-bottom:0.4vw;}
.ev_item .p1 .a2 .a21 .x01 { font-weight:700;}

.ev_item .p1.wa1 font { display:inline-block; padding-left:1.2vw;}

.service_item .ev_item .item_qa { padding:2vw 2vw 1vw 2vw; background:#e5f4ec url(../../../assets/img/service/0930/p2.jpg) 0 0 no-repeat; background-size: contain; line-height:2; margin-bottom:2vw;}
.service_item .ev_item .item_qa h4 { display:inline-block; height:50px; line-height: 50px; font-weight:700; color:#FFF; background:#009844; margin-bottom:20px; position:relative; padding-left:1.4vw; padding-right:5vw;}
.service_item .ev_item .item_qa h4::after { content:''; position:absolute; bottom:-10px; left:3.4vw; width:20px; height:20px; background:#009844; transform:rotate(45deg);}
.service_item .ev_item .item_qa p { padding-bottom:1vw;}
.service_item .ev_item .item_qa .a1 { width:69%;}
.ev_item.ev_close .ev_hide { display:none;}
.ev_item .ev_btn { position:absolute; right:0; top:0.8vw; width:35px; height:35px; text-indent:-9999px; overflow: hidden; background:url(/assets/img/trans.gif) 0 0 repeat;}
.ev_item .ev_btn::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:5px; background:#009844;}
.ev_item .ev_btn::after { display:none; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:5px; height:100%; background:#009844;}
.ev_item.ev_close .ev_btn::after { display:block;}

@media only screen and (max-width: 768px){
	.service_dealer_pc { display:none!important;}
	.sidefloating_dealer-locator { display:none!important;}
	.service_menu_p1 a:link, .service_menu_p1 a:visited {width: 50px;height: 50px;margin-left: 0%;padding: 0.6rem;font-size: 18px;text-align: center;letter-spacing: 0;display: flex;align-items: center;justify-content: center;transition: all 0.35s ease-in;flex-wrap: wrap;line-height: 1;font-weight: 100;}
	.service_menu_p1 .on:link, .service_menu_p1 .on:visited { margin-left:10%;}

	.service_menu_p1 a:link span, .service_menu_p1 a:visited span {display:inline-block;width:50%;height: 20px;line-height: 20px;overflow: hidden;}

	.header { position:fixed;}
	.container {/*margin-top: calc(100vw * 206 / 1125); background:url(/service/assets/img/mobi/service/menu_bg.jpg) 0 0 repeat-y; background-size:100% auto;*/}
	.service_menu {position: absolute;left: 0;transform: translate(0,0);display: flex;flex-direction: column;top: 0;width: calc(100vw * 200 / 1125);height: 100%;background: #f4f4f4;padding-top: calc(100vw * 754 / 1125);/* z-index: 1; */}
	.service_menu_p1 {display: flex;flex-direction: column;gap: 10px;z-index: 9;position: absolute;/* top: 0; */left: 0;transform: translate(0, 0);}
	.section_service {margin-left: calc(100vw * 270 / 1125);width: 73%;margin-top: 2%;}

	.section1 {z-index: 2;;}

	.service_item { width:100%;}
	.service_item li { padding-bottom:10%;}
	.service_item li.mb20 { padding-bottom:3%;}
	.service_item .item_head img { width:calc(100vw * 93 / 1125);}
	.service_item .item_head h1 {gap:10px;font-size: 24px;letter-spacing: 1px;display: flex;flex-wrap: wrap;}
	.service_item .item_head h1 a { top:-80px;}
	.service_item .item_head .a1 {font-size: 18px;padding: 5% 0 3% 0;line-height: 1.6;}
	.service_item .item_pic { border-radius: 5px;}

	.service_item .item_copy {margin-left:0;width: 100%;}
	.service_item .item_copy .p1 {width:100%;padding: 0;}
	.service_item .item_copy .p1 h3 { position:relative; margin-top: 8px;padding-right:30px;font-size: 18px;font-weight: 700; transition: all 0.35s ease-in;}
	.service_item .item_copy .p1 h3:after {position: absolute;right: 0px;top: -6px;width: 20px;height: 20px;border-right: 2px solid #000;border-bottom: 2px solid #000;transform: rotate(45deg);content: ''; transition: all 0.3s ease-in-out;}

	.service_item .item_copy .p1 .h3 {font-size: 18px;font-weight: 700; letter-spacing: 1px;}

	.service_item .item_copy .p1 p {/* display:none; */font-size: 14px;text-align: justify;padding-right: 5%;}
	.service_item .item_copy .p1.on p { display:block; text-align: justify;}
	.service_item .item_copy .p1.on h3:after {transform: rotate(-135deg);top: 6px;}
	.service_item .item_copy .p1 p .big01 {font-size: 18px;}

	.service_item .item_head h1 p {gap: 10px;width: 100%;}
	.service_item .item_head h1 p:first-child {padding-bottom: 10%;}
	.service_item .item_copy .p1 .a1 span img {width: 20px;margin-right: 1px;}
	.service_item .item_copy .p1 .a1 span {font-size: 15px;padding-right: 10px;}
	.service_item .item_copy .p1 .a1 {display:flex;flex-wrap: wrap;padding-right: 0;}

	.service_nav {position:fixed;bottom: 3px;left: 2%;width: 86%;padding:0 5%;height: 60px;line-height: 60px;background:#009844 url(../../../assets/img/mobi/service/nav.png) 0 0 no-repeat;background-size:auto 100%;z-index: 9;border-radius: 5px;box-shadow: 0px 0px 16px rgba(0,0,0,0.6);}
	.service_nav:after {position: absolute;right: 5%;top: 26px;width: 6px;height: 6px;border-right: 2px solid #ffe800;border-bottom: 2px solid #ffe800;transform: rotate(-45deg);content:'';}
	.service_nav a:link, .service_nav a:visited {display:block;height:100%;width: 90%;color:#ffe800;font-style: italic;font-size: 16px;text-align: right;font-weight: 700;letter-spacing: 2px;padding: 0 5%;}

	.service01 .footer {background: #FFF url(../../../assets/img/mobi/p_19.jpg) 0 bottom no-repeat;background-size:42% auto;padding: 30% 0 100px 0;}
	.service01 .footer:before {content:'';top:0;left:0;width:100%;height:100%;background: url(/assets/img/mobi/service/bg02.jpg) 0 0 no-repeat;background-size:100% auto;position: absolute;}
	.service_item .item_copy .p1 p strong { font-size:16px;}

	.service_item .item_copy .p1 p { line-height: 1.6;}
	.item_copy_ev .p3 { padding:0.5rem 0 1rem 0;}
	.item_copy_ev .p3 .a1 { padding:0.5rem 0;}
	.item_copy_ev .p3 .a1 strong { padding:0.4rem 0.6rem; font-size:15px; border-radius:4px;}
	.item_copy_ev .p3 .a2 { padding:0.5rem 0;}
	.item_copy_ev .p3 .a2 .img1 { width:100%;}
	.item_copy_ev .p3 .a2 .img2 { width:100%;}
	.item_copy_ev .p3 .a2 .img3 { width:100%;}
	.item_copy_ev .p3 .a2 .img4 { width:100%;}
	.item_copy_ev .p3 .a2 img { margin-left:0;}

	.ev_item .p1 .a2 .a21 { width:100%; padding-right:0; line-height:2; font-size:13px;}
	.ev_item .p1 .a2 .a21 strong { font-size:15px; margin-bottom:0.4rem;}

	.service_item .ev_item .item_qa { padding:5.4rem 1rem 1rem 1rem; background:#e5f4ec url(../../../assets/img/mobi/service/0930/p2.jpg) 0 0 no-repeat; margin-bottom:2rem;background-size: contain;}
	.service_item .ev_item .item_qa h4 { height:36px; line-height: 36px; margin-bottom:10px; padding-left:0.5rem; padding-right:0.5rem; font-size:12px;}
	.service_item .ev_item .item_qa h4::after { bottom:-7px; left:1.5rem; width:14px; height:14px;}
	.service_item .ev_item .item_qa p { padding-bottom:1rem; font-size:12px;}
	.service_item .ev_item .item_qa .a1 { width:100%;}
	.ev_item .ev_btn {  right:0; top:8px; width:20px; height:20px;}
	.ev_item .ev_btn::before {height:3px;}
	.ev_item .ev_btn::after { width:3px;}

	.service_item .ev_item .p1 h3:after { display:none;}
	.ev_item .p1 .a2 { flex-direction: column;}
	.service_item .ev_item:last-child .item_qa { padding-top:4.4rem;}
	.service_item .item_copy .p1 { margin-top:1rem;}
	
	.service_item .item_copy .p1 .a2b:first-of-type p { padding-bottom:4%;}
	.service_item .item_copy .p1 .a2c p { padding-bottom:4%;}
	.ev_item .p1.wa1 font { padding-left:12px;}

}
@media only screen and (max-width: 320px){
.service_item .item_copy .p1 .a1 span { padding-right:5px; font-size:14px;}
.service_item .item_copy .p1 .a1 span:nth-child(2n) { padding-right:0;}
.service_item .item_copy .p1 .a1 span img { margin-right:auto; width:18px;}
.service_item .item_head h1 { font-size:22px;}
}
