@charset "UTF-8";

.contents_contact > section:nth-child(2n+3){background-color:#e3f1e8;}
.contents_contact .wrapper{padding:60px 0;max-width:820px;}
.contents_contact h2{background-color:#fff;}
.contents_contact .explain{margin-bottom:20px;text-align:center;font-size:0.9325rem;padding:0 20px;}

/* menu */
.contact_menu .wrapper{padding-bottom:0 !important;}
.contact_menu ul{display: flex;}
.contact_menu ul li a{font-size:0.8125rem;display: grid;place-content: center;border: 1px solid #989898;line-height:1.1;}
.contact_menu ul li.on a{border-color: #379d5a;background-color: #379d5a;color: #fff;}

.contact_faq dl .set{border-bottom: 1px solid #cdcdcd;}
.contact_faq dl dt,
.contact_faq dl dd{position: relative;color: #333;}
.contact_faq dl dt{font-weight: bold;}
.contact_faq dl dt i,
.contact_faq dl dd i{font-weight: bold;font-style: normal;display: inline-block;position: absolute;}
.contact_faq dl dt i{color: #379d5a;}
.contact_faq dl dd i{color: #7a1b1b;}
.contact_faq dl dd a{color: #379d5a;font-weight: bold;}

.contact_come_base .box{margin-right:auto;margin-left:auto;}
.contact_come_base .box a{display: inline-block;border: 2px solid #cdcdcd;background-color: #fff;text-decoration: none;width: 100%;-webkit-border-radius: 10px;border-radius: 10px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contact_come_base .box a > span{display: block;line-height: 1;position: relative;}
.contact_come_base .box .name{color: #379d5a;font-weight: bold;}
.contact_come_base .box .tel{color: #333;font-weight: bold;}
.contact_come_base .box .time{color: #333;font-weight: normal;margin-top:5px;}
.contact_come_base .box .tel::before{content: "";display: inline-block;background: url(../img/icon_tel.png) no-repeat;background-size: contain;}

.contact_shop .area{padding:0 20px;margin-bottom:20px;}
.contact_shop h3{background:#a5d3b5;color: #333;position: relative;-webkit-border-radius: 10px;border-radius: 10px;-webkit-transition: border-radius 0.3s ease-in;transition: border-radius 0.3s ease-in;}
.contact_shop .area.on h3{-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.contact_shop h3::after{content: "＋";position: absolute;top: 50%;right: 26px;line-height: 20.5px;text-align: center;font-size: 20px;width: 26px;height: 26px;transform: translateY(-50%);font-family: 'Noto Sans JP', sans-serif;color: #333;-webkit-border-radius: 13px;border-radius: 13px;-webkit-transition: transform 0.3s ease-in;transition: transform 0.3s ease-in;box-sizing: border-box;}
.contact_shop .area.on h3::after{content: "－";}
.contact_shop .box{display:none;}
.contact_shop .box ul li{display: flex;justify-content: space-between;align-items: center;}
.contact_shop .box ul li:nth-child(2n){background: #e3f1e8;}
.contact_shop .box .tel{width: 180px;text-align: right;}

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

	.contact_menu ul{gap: 0 1.76vw;}
	.contact_menu ul li{min-width: 22%;}
	.contact_menu ul li a{width: 100%;border-radius: 5px;height: 44px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
	.contact_menu ul li a:hover{border-color: #379d5a;background-color: #379d5a;color: #fff;}

	.contact_come_base .box{max-width:500px;}
	.contact_come_base .box a{padding:10px;}
	.contact_come_base .box .name{font-size: 16px;margin-bottom: 5px;}
	
	.contact_come_base .box a .tel::before{width: 15px;height: 24px;margin-bottom: -3px;margin-right: 5px;}
	.contact_come_base .box a .tel{font-size:26px;font-weight:bold;}
	
	.contact_faq dl{padding:0 20px;}
	.contact_faq dl dt{padding: 15px 10px 15px 50px;line-height: 1.3;}
	.contact_faq dl dd{padding: 0 10px 15px 52px;}
	.contact_faq dl dt i,
	.contact_faq dl dd i{font-size: 20px;left: 15px;top: 12px;}
	.contact_faq dl dd i{top: -5px;}

	.contact_shop h3{font-weight:bold;line-height: 52px;height: 52px;padding-left: 30px;padding-right: 70px;}
	.contact_shop h3:hover{cursor:pointer;}
	.contact_shop .box{padding:8px 30px 30px;}
	.contact_shop .box ul li{padding:13px 14px 14px;font-size:14px;}
}

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

	.contents_contact .wrapper{padding-right:20px;padding-left:20px;}

	.contact_menu ul{gap: 10px;flex-wrap: wrap;}
	.contact_menu ul li{width: calc(50% - 5px);}
	.contact_menu ul li a{width: 100%;border-radius: 5px;height: 44px;}

	.contact_come_base .box{max-width: 360px;}
	.contact_come_base .box a{padding-top: 14px;padding-bottom: 16px;padding: 10px;}
	.contact_come_base .box a .name,.contents_contact .tel .btn a .name{font-size: 16px;margin-bottom: 5px;}
	.contact_come_base .box a .tel{font-size: 28px;}

	.contact_come_base .box a .tel::before{width: 15px;height: 24px;margin-bottom: -3px;margin-right: 5px;}

	.contact_come_base .box a .time{font-size: 13px;margin-top: 4px;}
	.contact_come_base .box a .tel{font-size: 26px;font-weight: bold;padding: 10px 0;}
    
	.contact_faq dl{padding:0 10px;}
	.contact_faq dl dt{font-size: 16px;padding: 15px 10px 15px 50px;line-height: 1.3;}
	.contact_faq dl dd{padding: 0 10px 15px 52px;}
	.contact_faq dl dt i,
	.contact_faq dl dd i{font-size: 20px;left: 15px;top: 12px;}
	.contact_faq dl dd i{top: -5px;}

	.contact_shop h3{padding: 10px 40px 10px 20px;}
	.contact_shop .box{padding:10px 10px 30px;}
	.contact_shop .box ul li{padding:10px;font-size:14px;}
}




















/**
.contents_contact section:nth-of-type(even){background: #f7f6fa;}
.contents_contact h2{text-align: center;color: #6b4f99;font-weight: bold;}


.area_menu ul li a{display: inline-block;border: 2px solid #cdcdcd;text-decoration: none;width: 100%;-webkit-border-radius: 5px;border-radius: 5px;
text-align: center;position: relative;color: #333;font-weight: bold;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-webkit-box-sizing: border-box;box-sizing: border-box;}
.area_menu ul li a::after{content: "";display: inline-block;background: url(../../images/contact/icon_btn_menu.png) no-repeat;background-size: contain;
	position: absolute;top: 50%;transform: translateY(-50%);width: 14px;height: 9px;}
.area_menu ul li a:hover{border-color: #6b4f99;background-color: #eeeaf5;color: #6b4f99;}
.area_menu ul li a:hover::after{background: url(../../images/contact/icon_btn_menu_on.png) no-repeat;background-size: contain;}

.about_shop_contact div.box{padding-bottom: 10px;}
.contact_shoph3{background:#e4def4;;color: #333;position: relative;}
.contact_shoph3::after{content: "＋";position: absolute;top: 50%;right: 26px;line-height: 20.5px;text-align: center;font-size: 12px;
    width: 26px;height: 26px;transform: translateY(-50%);font-family: 'Noto Sans JP', sans-serif;color: #6e529c;border: 2px solid #6e529c;
    -webkit-border-radius: 13px;border-radius: 13px;-webkit-transition: transform 0.3s ease-in;transition: transform 0.3s ease-in;box-sizing: border-box;
}
.contact_shoph3.active::after{transform: rotateX(180deg) translateY(50%);content: "－";}
.contact_shop.area_list{}
.contact_shop.area_list .box{display: flex;justify-content: space-between;}
.contact_shop.area_list .box .tel{width: 150px;text-align: right;}
.contact_shop.area_list .box:nth-child(2n){background: #f7f6fa;}

.contents_contact .btn a{display: inline-block;border: 2px solid #cdcdcd;background-color: #fff;text-decoration: none;width: 100%;-webkit-border-radius: 10px;border-radius: 10px;
	text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contents_contact .btn a span{display: block;line-height: 1;position: relative;}
.about_lost_article .btn a .name,.contents_contact .tel .btn a .name{color: #6b4f99;font-weight: bold;}
.about_lost_article .btn a .tel{color: #333;font-weight: bold;}
.about_lost_article .btn a .time{color: #333;font-weight: normal;}
.btn a span.tel::before{content: "";display: inline-block;background: url(../../images/contact/icon_tel.png) no-repeat;background-size: contain;}
.form .btn a::before{content: "";display: inline-block;background: url(../../images/contact/icon_btn_form.png) no-repeat;background-size: contain;
position: absolute;top: 50%;transform: translateY(-50%);}

.about_lost_article .btn{text-align: center;}
.tel .btn a span.time{font-weight: normal;margin-top: 5px;}
.form .btn a{border: 2px solid #6b4f99;background-color: #6b4f99;color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;font-weight: bold;}
.form .btn a span.name{font-weight: normal;margin-bottom: 4px;}
.form .btn a::before{width: 18px;height: 18px;}

section.about_shop_contact .wrap{background: #FFF;-webkit-box-sizing: border-box;box-sizing: border-box;}
contact_faq dl{border-top: 1px solid #cdcdcd;}
contact_faq dl.faq_list .box{border-bottom: 1px solid #cdcdcd;}
contact_faq dl dt,contact_faq dl dd{position: relative;color: #333;}
contact_faq dl dt{font-weight: bold;}
contact_faq dl dt i,contact_faq dl dd i{font-weight: bold;font-style: normal;display: inline-block;position: absolute;}
contact_faq dl dt i{color: #6b4f99;}
contact_faq dl dd i{color: #ed3b3b;}
contact_faq dl dd a{color: #6b4f99;font-weight: bold;}


@media screen and (max-width:767px) { 
	.contents_contact section{padding-right: 15px;padding-left: 15px;padding-top: 30px;padding-bottom: 30px;}
	.contents_contact h2{font-size: 22px;line-height: 1.1;margin-bottom: 15px;}
	
	.area_menu ul li{padding-bottom: 10px;}
	.area_menu ul li a{line-height: 36px;text-align: left;padding-left: 20px;}
	.area_menu ul li a::after{right: 20px;}
	.contents_contact section.area_menu{padding-bottom: 20px;}

	.about_other ul li.box{margin-bottom: 15px;}

	.about_lost_article .text,.about_shop_contact .text{padding-bottom: 15px;}
	.about_lost_article .btn a{max-width: 360px;padding-top: 14px;padding-bottom: 16px;}
	.about_lost_article .btn a .name,.contents_contact .tel .btn a .name{font-size: 16px;margin-bottom: 5px;}
	.about_lost_article .btn a .tel{font-size: 28px;}
	.about_lost_article .btn a .time{font-size: 13px;margin-top: 4px;}

    .about_shop_contact .box h3{padding: 10px 40px 10px 20px;font-size: 17px;}
	.about_shop_contact .box .area_list .box{align-items: center;}

	.contact_shoph3::after,contact_faq dl dt::after{right: 15px;line-height: 16px;font-size: 14px;width: 22px;height: 22px;
		-webkit-border-radius: 11px;border-radius: 11px;font-weight: bold;}


		.contact_shop.area_list .box{padding: 10px;}
		.contact_shop.area_list .box .tel{width: 100%;max-width: 150px;}
	.tel .btn a{font-size: 26px;font-weight: bold;padding: 10px 0;}
	.tel .btn a span.time{font-size: 14px;}
	
	.form .btn{padding-top: 10px;}
	.form .btn a{font-size: 20px;padding: 12px 0;}
	.form .btn a span.name{font-size: 14px;}
	.form .btn a::before{right: 15px;}
	.btn a .tel::before{width: 15px;height: 24px;margin-bottom: -3px;margin-right: 5px;}

	.contents_contact section .wrap .text br.pc{display: none;}
	section.about_shop_contact .wrap{padding: 20px 10px;}
	contact_faq dl dt{font-size: 16px;padding: 15px 10px 15px 50px;line-height: 1.3;}
	contact_faq dl dd{padding: 0 10px 15px 52px;}
	contact_faq dl dt i,contact_faq dl dd i{font-size: 20px;left: 15px;top: 12px;}
	contact_faq dl dd i{top: -5px;}

}

@media screen and (min-width:768px){
	.contents_contact section{padding-right: 40px;padding-left: 40px;padding-top: 60px;padding-bottom: 60px;}
	.contents_contact section .wrap{max-width: 980px;margin: 0 auto;}
	.area_menu ul{justify-content: center;}
	.area_menu ul li a{line-height: 56px;padding-right: 10px;}
	.area_menu ul li a::after{right: 17px;}
	.come_btn.form_btn a,.come_btn.web_btn a{border-width:2px;font-size:20px;line-height:24px;}

	.about_lost_article .text{padding-bottom: 22px;}
	.about_lost_article .btn a{max-width: 450px;padding-top: 18px;padding-bottom: 22px;}
	.about_lost_article .btn a .name,.contents_contact .tel .btn a .name{font-size: 18px;margin-bottom: 9px;}
	.about_lost_article .btn a .tel{font-size: 28px;}
	.about_lost_article .btn a .time{font-size: 15px;margin-top: 6px;}

	.area_menu ul{display: flex;padding: 20px 0 0;margin-left: -25px;gap: 0 10px;}
	.area_menu ul li{width: 25%;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.area_menu ul li:first-of-type a{letter-spacing: -0.03rem;padding-right: 20px;}
	.area_menu ul li.long{min-width:380px;}

	.contents_contact h2{font-size: 30px;line-height: 1.2;margin-bottom: 24px;}
	.contents_contact h2 br{display:none;}
	.contents_contact section .wrap .text{text-align: center;line-height: 1.75;padding-bottom: 23px;}
	.contents_contact section .wrap .text br.sp{display: none;}

	.about_other .text{padding-bottom: 24px;}
	.about_other ul{max-width: 500px;margin: 0 auto 10px;}
	.about_other ul li{width: 100%;padding: 10px 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.about_other ul li p.text{margin-bottom: 10px;}

	.about_shop_contact .box h3{font-size: 22px;line-height: 70px;height: 70px;padding-left: 30px;padding-right: 70px;}
	.about_shop_contact .box h3:hover{cursor: pointer;}
	.about_shop_contact .box .area_list{padding: 8px 30px 20px;}
	.about_shop_contact .box .area_list .box{padding: 13px 14px 14px;}
	.about_shop_contact .box .area_list .box a{text-decoration: none;}
	.about_shop_contact .box .area_list .box a:hover{text-decoration: underline;color: #6b4f99;}

	section.about_other .wrap .text{padding-bottom: 0;}
	.tel .btn a{font-size: 26px;font-weight: bold;padding: 18px 0;}
	.tel .btn a span.time{font-size: 15px;}
	.form .btn a{font-size: 24px;padding: 18px 0;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
	.form .btn a:hover{opacity: 0.8;}
	.form .btn a span.name{font-size: 18px;}
	.form .btn a::before{right: 26px;}
	.btn a .tel::before{width: 15px;height: 24px;margin-bottom: -3px;margin-right: 5px;}

	section.about_shop_contact .wrap{padding: 50px 20px 40px;}
	contact_faq dl dt{font-size: 20px;padding: 20px 20px 20px 60px;line-height: 1.3;}
	contact_faq dl dd{padding: 0 0 20px 60px;}
	contact_faq dl dt i,contact_faq dl dd i{font-size: 22px;left: 25px;top: 20px;}
	contact_faq dl dd i{top: -5px;}
}


@media screen and (min-width:768px) and (max-width:900px){
	.contents_contact section.area_menu{padding-right: 20px;padding-left: 20px;}
	.area_menu ul{margin-left: -15px;}
	.area_menu ul li{padding-left: 15px;}
	.area_menu ul li:first-of-type a{letter-spacing: 0;}
	.area_menu ul li a::after{right: 10px;}
	.form .btn a{font-size: 22px;}
	.form .btn a::before{right: 14px;}
}
**/