@charset "utf-8";

/*----------------------------------------------
	basic setup
-----------------------------------------------*/
body{ min-width: 1200px; font-family: "Zen Maru Gothic"; color: #333; text-align: center;}
body.ovh{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}
#wrapper{ overflow: hidden;}
a{ color: #333; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .7; text-decoration:none;}
.underline{ text-decoration: underline;}
/* font */
.regular{ font-weight: 400;}
.medium{ font-weight: 500;}
.bold{ font-weight: 700;}
.black{ font-weight: 900;}
/* bg */
.bg-white{ background: #fff;}
/* color */
.f-white{ color: #fff;}
.f-red{ color: #c00;}
/* anchor */
.anchorwrap{ position: relative;}
.anchorwrap .anchor{ position: absolute; top: -100px;}
/*----------------- responsive ----------------*/
@media screen and (max-width: 540px) {
	body{
		min-width: inherit;
		font-size: 3.88vw;
	}
	a:hover{ opacity: 1;}
	/* anchor */
	.anchorwrap .anchor{ top: -70px;}
}
@media screen and (max-width: 350px) {
	html{ font-size: 50%;}
}



/*----------------------------------------------
	header
-----------------------------------------------*/
header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	padding: 0 5%;
	background: #fff;
}
/*----------------- responsive ----------------*/
@media screen and (max-width: 540px) {
	header{
		height: 11.11vw;
		padding: 0 2%;
	}
	header .duskin{
		width: 17.22vw;
	}
	header .wako{
		width: 20vw;
	}
}



/*----------------------------------------------
	main
-----------------------------------------------*/
.wrap{ clear: both; box-sizing: content-box; max-width: 900px; margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%;}
.wrap990{ clear: both; box-sizing: content-box; max-width: 990px; margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%;}
.wrap1090{ clear: both; box-sizing: content-box; max-width: 1090px; margin-left: auto; margin-right: auto; padding-left: 5%; padding-right: 5%;}
.wrap1130{ clear: both; box-sizing: content-box; max-width: 1130px; margin-left: auto; margin-right: auto; padding-left: 4%; padding-right: 4%;}
/* common parts */
.ttl1 .fk1{
	display: block;
	color: #FF8498;
	font-size: 16px;
	font-weight: bold;
}
.beige .ttl1 .fk1{ color: #FF8B59;}
.green .ttl1 .fk1{ color: #24B490;}
.yellow .ttl1 .fk1{ color: #FF6F16;}
.blue .ttl1 .fk1{ color: #1672DB;}
.ttl1 .fk1:before{
	content: "\\";
	font-size: 25px;
	margin-right: .2em;
}
.ttl1 .fk1:after{
	content: "/";
	font-size: 25px;
	margin-left: .2em;
}
.ttl1 .fk2{
	display: inline-block;
	padding: .8em 1.8em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.22;
	background: #FF8498;
	border-radius: 1.2em;
	position: relative;
}
.beige .ttl1 .fk2{ background: #FF8B59;}
.green .ttl1 .fk2{ background: #24B490;}
.yellow .ttl1 .fk2{ background: #FF6F16;}
.blue .ttl1 .fk2{ background: #1672DB;}
.ttl1 .fk2:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% - 1px);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 14px solid #FF8498;
	border-bottom: 0;
}
.beige .ttl1 .fk2:before{ border-top: 14px solid #FF8B59;}
.green .ttl1 .fk2:before{ border-top: 14px solid #24B490;}
.yellow .ttl1 .fk2:before{ border-top: 14px solid #FF6F16;}
.blue .ttl1 .fk2:before{ border-top: 14px solid #1672DB;}
.ttl1 strong{
	display: block;
	padding: .6em 0 .8em;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2;
	position: relative;
}
.yellow .ttl1 strong{ color: #4C071C;}
.ttl1 strong:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -.1em;
	width: 2.86em;
	height: .23em;
	background: #FF8498;
	border-radius: 100px;
}
.beige .ttl1 strong:before{ background: #FF8B59;}
.green .ttl1 strong:before{ background: #24B490;}
.yellow .ttl1 strong:before{ background: #FF6F16;}
.blue .ttl1 strong:before{ background: #1672DB;}
.anim-updown{
	display: inline-block;
	animation: anim-updown 3s ease infinite;
	will-change: transform;
}
@keyframes anim-updown {
	0%{ transform: translateY(0);}
	50%{ transform: translateY(30px);}
	100%{ transform: translateY(0);}
}
/*----------------- responsive ----------------*/
@media screen and (max-width: 540px) {
	/* common parts */
	.ttl1 .fk1{
		font-size: 4.44vw;
	}
	.ttl1 .fk1:before,
	.ttl1 .fk1:after{
		font-size: 6.94;
	}
	.ttl1 .fk2{
		font-size: 5vw;
	}
	.ttl1 .fk2:before{
		border-right: 2.22vw solid transparent;
		border-left: 2.22vw solid transparent;
		border-top: 3.88vw solid #FF8498;
	}
	.ttl1 strong{
		font-size: 8.33vw;
	}
}



/*----------------------------------------------
	footer
-----------------------------------------------*/
footer{
	padding-top: 40px;
	background: #EB5FA0;
}
.yellow footer{ background: url(../img/footer-bg-yellow.png) center top / 16.5px auto repeat;}
.blue footer{ background: #CEEAFF;}
footer .contact{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.yellow footer .contact,
.blue footer .contact{
	margin-bottom: 40px;
}
footer .contact a{
	display: block;
	width: 300px;
	height: 120px;
	margin: 0 .5em;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 0 10px rgba(255,255,255,.5) inset;
	border-radius: 10px;
}
.yellow footer .contact a,
.blue footer .contact a{
	width: 350px;
}
footer .contact a.tel{
	padding-top: 1em;
	line-height: 1.2;
	background: #00b4ad;
}
footer .contact a.tel:hover{
	opacity: 1;
	color: #00B4AD;
	background: #A7EEEB;
}
footer .contact a.tel span{
	font-size: 40px;
	font-weight: 900;
}
footer .contact a.mail{
	padding-top: 1.1em;
	font-size: 18px;
	background: #FFB100;
}
.yellow footer .contact a.mail{
	background: #FF6F16;
}
.blue footer .contact a.mail{
	background: #538EF4;
}
footer .contact a.mail:hover{
	opacity: 1;
	color: #FFB100;
	background: #FFDE93;
}
.yellow footer .contact a.mail:hover{
	color: #FF6F16;
}
.blue footer .contact a.mail:hover{
	color: #fff;
	background: #8FBBF9;
}
footer .contact a.mail span{
	display: inline-block;
	padding: 0 .7em;
	color: #FFB100;
	background: #fff;
	border-radius: 100px;
}
.yellow footer .contact a.mail span{
	color: #FF6F16;
}
.blue footer .contact a.mail span{
	color: #1672DB;
}
footer .txt{
	margin-bottom: 4em;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.25;
	text-align: left;
}
footer .copy{
	padding: 1.5em 5% 1em;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background: #D6007F;
}
.yellow footer .copy{
	background: #4C071C;
}
.blue footer .copy{
	background: #1672DB;
}
/*----------------- responsive ----------------*/
@media screen and (max-width: 540px) {
	footer{
		padding-top: 10vw;
	}
	footer .contact{
		display: block;
		margin-bottom: 1em;
	}
	.yellow footer .contact,
	.blue footer .contact{
		margin-bottom: 5vw;
	}
	footer .contact a{
		display: block;
		width: auto!important;
		height: 28vw;
		margin: 0 0 1em;
		border-radius: 2.77vw;
	}
	footer .contact a.tel{
		font-size: 4.44vw;
		line-height: 1;
	}
	footer .contact a.tel:hover{
		color: #fff;
		background: #00b4ad;
	}
	footer .contact a.tel span{
		font-size: 11.11vw;
	}
	footer .contact a.mail{
		padding-top: .5em;
		font-size: 5vw;
	}
	footer .contact a.mail:hover{
		color: #fff;
		background: #FFB100;
	}
	footer .txt{
		margin-bottom: 4em;
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.25;
		text-align: left;
	}
	footer .copy{
		font-size: 3.33vw;
	}
}




















/*--------------------------------------------------------------------
	Sub-page settings
---------------------------------------------------------------------*/
/*----------------------------------------------
	shop/
-----------------------------------------------*/
.shop1{
	height: 535px;
	position: relative;
}
.shop1.pink{
	border-top: 3px solid #FF8498;
	background: url(../img/shop1-bg1-pink.png) center top / 8px repeat;
}
.beige .shop1.pink{
	border-top: 3px solid #FF8B59;
	background: url("../img/shop1-bg1-beige.png") center top / 8px repeat;
}
.green .shop1.pink{
	border-top: 3px solid #24B490;
	background: url("../img/shop1-bg1-green.png") center top / 8px repeat;
}
.shop1.yellow{
	border-top: 3px solid #FF6F16;
	background: url("../img/shop1-bg1-yellow.png") center top / 8px repeat;
}
.shop1.blue{
	border-top: 3px solid #1672DB;
	background: url("../img/shop1-bg1-blue.png") center top / 8px repeat;
}
.shop1wrap{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1440px;
}
.shop1 h1{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding-top: .5em;
	font-size: 36px;
	font-weight: 900;
	line-height: 1.8;
}
.shop1 h1.tsuymamd{
	padding-top: 1em;
}
.shop1 h1 span{
	display: inline-block;
	vertical-align: middle;
	padding: .3em 0;
	color: #ff8498;
	line-height: 1.2;
	text-shadow: 2px 2px 0px #d61f22;
	border-top: 2px dashed #FF8498;
	border-bottom: 2px dashed #FF8498;
}
.beige .shop1 h1 span{
	color: #FF8B59;
	text-shadow: 2px 2px 0px #E95409;
	border-top: 2px dashed #FF8B59;
	border-bottom: 2px dashed #FF8B59;
}
.green .shop1 h1 span{
	color: #24B490;
	text-shadow: 2px 2px 0px #1B7A88;
	border-top: 2px dashed #24B490;
	border-bottom: 2px dashed #24B490;
}
.shop1.yellow h1 span{
	color: #FF6F16;
	text-shadow: none;
	border-top: 2px dashed #FF6F16;
	border-bottom: 2px dashed #FF6F16;
}
.shop1.blue h1 span{
	color: #1672DB;
	text-shadow: none;
	border-top: 2px dashed #1672DB;
	border-bottom: 2px dashed #1672DB;
}
.shop1 h1 span strong{
	font-size: 65px;
}
.shop1 h1 span small{
	font-size: 30px;
}
.shop1 .txt{
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	width: 23.88%;
	z-index: 1;
}
.shop1 .img1{
	position: absolute;
	bottom: 0;
	left: 330px;
	width: 278px;
	animation: shop1img1 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
.shop1 .img2{
	position: absolute;
	bottom: 0;
	right: 322px;
	width: 281px;
	animation: shop1img2 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
.shop1 .img3{
	position: absolute;
	bottom: 0;
	right: 322px;
	width: 278px;
	animation: shop1img2 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
.shop1 .img4{
	position: absolute;
	bottom: 0;
	left: 330px;
	width: 268px;
	animation: shop1img1 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
.shop1 .img7{
	position: absolute;
	bottom: 0;
	left: 340px;
	width: 328px;
	animation: shop1img2 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
.shop1 .img8{
	position: absolute;
	bottom: 0;
	right: 340px;
	width: 296px;
	animation: shop1img1 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
.shop1 .img9{
	position: absolute;
	bottom: 0;
	left: 340px;
	width: 328px;
	animation: shop1img2 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
.shop1 .img10{
	position: absolute;
	bottom: 0;
	right: 340px;
	width: 304px;
	animation: shop1img1 2s ease-in-out infinite;
	transform-origin: center bottom;
	will-change: transform;
}
@keyframes shop1img1{
	0%{ transform: rotate(2deg);}
	50%{ transform: rotate(-2deg);}
	100%{ transform: rotate(2deg);}
}
@keyframes shop1img2{
	0%{ transform: rotate(-2deg);}
	50%{ transform: rotate(2deg);}
	100%{ transform: rotate(-2deg);}
}
.bg-colorful{
	padding: 100px 0 20px;
	background: url(../img/shop-bg-colorful-left.png) left top / 335px auto no-repeat, url(../img/shop-bg-colorful-right.png) right top / 320px auto no-repeat #FFFCF4;
	position: relative;
}
.bg-colorful:before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(100% - 1px);
	width: 100%;
	height: 13px;
	background: url(../img/shop-bg-colorful.svg) center top repeat-x;
}
.shop-news{
	margin-bottom: 100px;
}
.shop-news dl{
	display: flex;
	text-align: left;
	margin-bottom: 1em;
	padding: 1em 5em;
	background: #fff;
}
.shop-news dl dt{
	width: 6em;
	color: #ff8498;
	font-weight: bold;
}
.beige .shop-news dl dt{ color: #FF8B59;}
.green .shop-news dl dt{ color: #24B490;}
.shop-news dl dd{ flex: 1;}
.shop2{
	margin-bottom: 100px;
	position: relative;
}
.yellow .shop2{ color: #4C071C;}
.shop2 .img1{
	position: absolute;
	left: 20px;
	top: 20px;
}
.shop2 .img1-2{
	position: absolute;
	left: 20px;
	top: 100px;
}
.shop2.shop2-2 .img1{
	left: inherit;
	right: 20px;
	top: 140px;
}
.shop2.isokou .img1{ left: 10px;}
.shop2.sasaoki .img1{
	top: 160px;
	left: 70px;
}
.shop2 .img2{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.shop2 .bgbox.pink{ background: url(../img/shop2-boxbg-pink.png) center top / 100% 100% no-repeat;}
.shop2 .bgbox.pink2{ background: url(../img/shop2-boxbg-pink2.png) center top / 100% 100% no-repeat;}
.beige .shop2 .bgbox.pink{ background: url(../img/shop2-boxbg-beige.png) center top / 100% 100% no-repeat;}
.green .shop2 .bgbox.pink{ background: url(../img/shop2-boxbg-green.png) center top / 100% 100% no-repeat;}
.green .shop2.shop2-2 .bgbox.pink{ background: url("../img/shop2-2-boxbg-green.png") center top / 100% 100% no-repeat;}
.yellow .shop2 .bgbox,
.blue .shop2 .bgbox{ background: url(../img/shop2-boxbg-yellow.png) center top / 100% 100% no-repeat;}
.shop2 .lead{
	padding: 2em 0;
	font-weight: bold;
	line-height: 1.5;
}
.shop2 .list{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.beige .shop2 .list{ margin-bottom: 60px;}
.green .shop2 .list{ margin-bottom: 60px;}
.shop2 .list.clm3{
	padding-top: 150px;
	position: relative;
	justify-content: space-between;
	margin-bottom: 70px;
}
.yellow .shop2 .list.clm3{
	margin-bottom: 30px;
}
.shop2 .list.clm2-2{
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.shop2 .list.list-small{ margin-bottom: 80px;}
.shop2 .list dl{
	width: 420px;
	height: 420px;
	padding: 90px 95px 0;
	margin: 0 .5em;
	position: relative;
}
.shop2 .list.clm3 dl,.shop2 .list.list-small dl{
	width: 330px;
	height: 330px;
	padding: 68px 80px 0;
}
.shop2 .list.clm3 dl.w340{
	padding-right: 50px;
	padding-left: 50px;
}
.shop2 .list.clm2-2 dl{ margin: 0 0 20px;}
.shop2 .list.clm3 dl.many,.shop2 .list.list-small dl.many{
	padding-right: 30px;
	padding-left: 30px;
}
.shop2 .list dl.plr50{
	padding-right: 50px;
	padding-left: 50px;
}
.shop2 .list dl.plr60{
	padding-right: 60px;
	padding-left: 60px;
}
.shop2 .list dl.plr70{
	padding-right: 70px;
	padding-left: 70px;
}
.wrap990 .shop2 .list.clm3 dl{
	width: 360px;
	height: 360px;
}
.wrap1130 .shop2 .list.clm3 dl{
	width: 400px;
	height: 400px;
}
.shop2 .list.clm3 dl.w340,
.shop2 .list.list-small dl.w340,
.wrap990 .shop2 .list.clm3 dl.w340,
.wrap1130 .shop2 .list.clm3 dl.w340,
.shop2 .list dl.w340{
	width: 340px;
	height: 340px;
}
.shop2 .list.list-small dl{ margin: 0 2.5em;}
.shop2 .list dl:nth-child(1){ background: url(../img/shop2-list-bg1.png) center / cover no-repeat;}
.shop2 .list dl:nth-child(2){ background: url(../img/shop2-list-bg2.png) center / cover no-repeat;}
.shop2 .list dl:nth-child(3){ background: url(../img/shop2-list-bg3.png) center / cover no-repeat;}
.shop2 .list dl:nth-child(4){ background: url(../img/shop2-list-bg4.png) center / cover no-repeat;}
.shop2 .list.clm3 dl.abs{
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.shop2 .list dl dt{ margin-bottom: .6em;}
.shop2 .list dl dt .ic{
	position: absolute;
	left: 50%;
	top: -10px;
	transform: translateX(-50%);
	width: 88px;
}
.shop2 .list.clm3 dl dt .ic,.shop2 .list.list-small dl dt .ic{ top: -30px;}
.shop2 .list dl dt .sub{
	display: inline-block;
	padding: 0.5em 2em;
	color: #FF8498;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 900;
	border: 1px solid #FF8498;
	border-radius: 100px;
}
.beige .shop2 .list dl dt .sub{
	color: #FF8B59;
	border: 1px solid #FF8B59;
}
.green .shop2 .list dl dt .sub{
	color: #24B490;
	border: 1px solid #24B490;
}
.yellow .shop2 .list dl dt .sub{
	color: #4C071C;
	border: 1px solid #FF6F16;
}
.blue .shop2 .list dl dt .sub{
	color: #1672DB;
	border: 1px solid #1672DB;
}
.shop2 .list dl dt strong{
	display: block;
	padding: .6em 0 .8em;
	font-size: 22px;
	line-height: 1.22;
	font-weight: 900;
	position: relative;
}
.shop2 .list dl dt strong:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 1.55em;
	height: .23em;
	background: #FF8498;
	border-radius: 100px;
}
.beige .shop2 .list dl dt strong:before{ background: #FF8B59;}
.green .shop2 .list dl dt strong:before{ background: #24B490;}
.yellow .shop2 .list dl dt strong:before{ background: #FF6F16;}
.blue .shop2 .list dl dt strong:before{ background: #1672DB;}
.shop2 .list dl dd{
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
.shop2 .list dl dd.t-center{ text-align: center;}
.shop2 .list dl dd span{
	display: inline-block;
	text-align: left;
}
.shop2 .list dl dd strong{
	font-size: 16px;
}
.shop3{
	margin-bottom: 100px;
	position: relative;
}
.yellow .shop3{ color: #4C071C;}
.shop3 .img1{
	position: absolute;
	right: -20px;
	top: 20px;
}
.shop3 .img1-2{
	position: absolute;
	right: -50px;
	top: 100px;
}
.shop3.taniyon .img1{ right: -70px;}
.shop3.kizuki .img1{ right: 50px;}
.shop3 .bgbox.pink{ background: url(../img/shop3-boxbg-pink.png) center top / 100% 100% no-repeat;}
.beige .shop3 .bgbox.pink{ background: url("../img/shop3-boxbg-beige.png") center top / 100% 100% no-repeat;}
.beige .shop3 .bgbox.beige2{ background: url("../img/shop3-boxbg-beige2.png") center top / 100% 100% no-repeat;}
.green .shop3 .bgbox.pink{ background: url("../img/shop3-boxbg-green.png") center top / 100% 100% no-repeat;}
.green .shop3 .bgbox.green2{ background: url("../img/shop3-boxbg-green2.png") center top / 100% 100% no-repeat;}
.yellow .shop3 .bgbox,
.blue .shop3 .bgbox{ background: url("../img/shop3-boxbg-yellow.png") center top / 100% 100% no-repeat;}
.shop3 .lead{
	padding: 2em 0;
	font-weight: bold;
	line-height: 1.5;
}
.shop3.taniyon .lead{ padding-top: 2.8em;}
.shop3 .list{ padding: 0 115px 90px;}
.shop3 .list.clm2{
	display: flex;
	justify-content: center;
}
.shop3 .list article{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.shop3 .list article.shop3-list2{ justify-content: center;}
.shop3 .list article.shop3-list2 dl{ width: 32%;}
.shop3 .list.clm2 article{
	display: block;
	width: 36%;
	margin-right: 5%;
	margin-left: 5%;
}
.shop3 .list article:nth-child(odd){ flex-direction: row-reverse;}
.shop3 .list article figure{ width: 53%;}
.shop3 .list.clm2 article figure{
	width: auto;
	margin-bottom: 20px;
}
.shop3 .list article dl{
	width: 45%;
	text-align: left;
}
.shop3 .list.clm2 article dl{
	width: 100%;
	margin-bottom: .5em;
}
.shop3 .list article dl dt span{
	display: inline-block;
	margin-bottom: .8em;
	padding: .5em .7em;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 900;
	background: #FF8498;
	border-radius: 10px;
}
.shop3 .list.clm2 article dl dt span{
	text-align: center;
	display: block;
	border-radius: 50px;
}
.beige .shop3 .list article dl dt span{ background: #FF8B59;}
.green .shop3 .list article dl dt span{ background: #24B490;}
.yellow .shop3 .list article dl dt span{ background: #FF6F16;}
.blue .shop3 .list article dl dt span{ background: #1672DB;}
.shop3 .list article dl dt strong{
	display: block;
	margin-bottom: .5em;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.22;
}
.shop3 .list article dl dd{
	font-size: 14px;
	line-height: 1.57;
}
.shop3 .list article .bg-white{
	line-height: 1.5;
	font-weight: 700;
	background: #fff;
	padding: 10px 15px;
	border-radius: 10px;
}
.shop3 .list article .bg-white h3{
	padding-bottom: .3em;
	border-bottom: 1px solid #000;
	margin-bottom: .3em;
}
.shop3 .list article .bg-white h3 span{ color: #FF8498;}
.beige .shop3 .list article .bg-white h3 span{ color: #FF8B59;}
.green .shop3 .list article .bg-white h3 span{ color: #24B490;}
.shop3 .list article .bg-white p{ text-align: left;}
.shop4{
	margin-bottom: 150px;
	position: relative;
}
.yellow .shop4{
	margin-bottom: 100px;
	color: #4C071C;
}
.blue .shop4{
	margin-bottom: 100px;
}
.shop4 .ttl1{ background: url(../img/shop4-flagleft-pink.svg) left top no-repeat, url(../img/shop4-flagright-pink.svg) right top no-repeat;}
.beige .shop4 .ttl1{ background: url(../img/shop4-flagleft-beige.svg) left top no-repeat, url(../img/shop4-flagright-beige.svg) right top no-repeat;}
.green .shop4 .ttl1{ background: url(../img/shop4-flagleft-green.svg) left top no-repeat, url(../img/shop4-flagright-green.svg) right top no-repeat;}
.yellow .shop4 .ttl1,
.blue .shop4 .ttl1{ background: none;}
.shop4 .bgbox.pink{ background: url(../img/shop4-boxbg-pink.png) center top / 100% 100% no-repeat;}
.shop4 .bgbox.pink2{ background: url(../img/shop4-boxbg-pink2.png) center top / 100% 100% no-repeat;}
.beige .shop4 .bgbox{ background: url(../img/shop4-boxbg-beige.png) center top / 100% 100% no-repeat;}
.beige .shop4 .bgbox.beige2{ background: url(../img/shop4-boxbg-beige2.png) center top / 100% 100% no-repeat;}
.green .shop4 .bgbox{ background: url(../img/shop4-boxbg-green.png) center top / 100% 100% no-repeat;}
.green .shop4 .bgbox.green2{ background: url(../img/shop4-boxbg-green2.png) center top / 100% 100% no-repeat;}
.yellow .shop4 .bgbox,
.blue .shop4 .bgbox{ background: url(../img/shop4-boxbg-yellow.png) center top / 100% 100% no-repeat;}
.shop4 .lead{
	padding: 2em 0;
	font-weight: bold;
	line-height: 1.5;
}
.beige .shop4 .lead{ padding-top: 2.5em;}
.shop4 .box1{
	position: relative;
}
.shop4 .box1.okusawakita{
	margin-bottom: 100px;
}
.shop4 .box1.inokuchimyoujin .img1{
	position: absolute;
	left: 120px;
	top: 130px;
}
.shop4 .box1.inokuchimyoujin .img2{
	position: absolute;
	right: 138px;
	top: 128px;
}
.shop4 .box2.inokuchimyoujin{
	display: flex;
	justify-content: center;
	margin: -50px 0 40px;
}
.shop4 .box2.inokuchimyoujin li{ margin: 0 10px;}
.shop4 .box2.okusawakita{
	display: flex;
	justify-content: center;
}
.shop4 .box2.okusawakita li{ margin: 0 10px;}
.shop4 .box2.box2-saihaku{
	display: flex;
	justify-content: center;
	margin-top: -80px;
	margin-bottom: 30px;
	position: relative;
	z-index: 99;
}
.shop4 .box2.haraoshima{
	display: flex;
	justify-content: center;
	margin: -120px 0 30px;
	position: relative;
}
.shop4 .box2.haraoshima li{ margin: 0 10px;}
.shop4 .box2.clm3{
	display: flex;
	justify-content: center;
	padding: 60px 0 70px;
	position: relative;
}
.beige .shop4 .box2.clm3{ padding: 30px 0 20px;}
.green .shop4 .box2.clm3{ padding: 0 0 70px;}
.shop4 .box2.clm3 li{
	margin: 0 10px;
}
.shop4 .box2.clm3 li:nth-child(1),.shop4 .box2.clm3 li:nth-child(3){ position: absolute;}
.shop4 .box2.clm3 li:nth-child(1){
	top: -55px;
	left: -120px;
}
.shop4 .box2.clm3.box2-kizuki li:nth-child(1){
	top: -10px;
	left: -80px;
}
.shop4 .box2.clm3.box2-kizuki li:nth-child(3){
	top: -10px;
}
.shop4 .box2.clm3.box2-miyamotokita li:nth-child(1){
	top: -130px;
	left: -80px;
}
.shop4 .box2.clm3.box2-miyamotokita li:nth-child(3){
	top: -100px;
	right: -80px;
}
.shop4 .box2.clm3.box2-isokou li:nth-child(1){
	top: -80px;
	left: -90px;
}
.shop4 .box2.clm3.box2-isokou li:nth-child(3){
	top: -70px;
	right: -90px;
}
.shop4 .box2.clm3 li:nth-child(3){
	top: -80px;
	right: -80px;
}
.green .shop4 .box2.clm3 li:nth-child(1){
	top: 0;
	left: -100px;
}
.green .shop4 .box2.clm3 li:nth-child(3){
	top: -20px;
	right: -75px;
}
.green .shop4 .box2.box2-sasaoki li:nth-child(1){
	top: -50px;
	left: -100px;
}
.green .shop4 .box2.box2-sasaoki li:nth-child(3){
	top: -80px;
	right: -75px;
}
.shop4 .box1.taniyon .img1{
	position: absolute;
	left: 110px;
	top: 90px;
}
.shop4 .box1.taniyon .img2{
	position: absolute;
	right: 60px;
	top: 100px;
}
.shop4 .box1.okusawakita .img1{
	position: absolute;
	left: 60px;
	top: 130px;
}
.shop4 .box1.okusawakita .img2{
	position: absolute;
	right: 95px;
	top: 270px;
}
.shop4 .box1.kizuki .img1{
	position: absolute;
	left: 30px;
	top: 60px;
}
.shop4 .box1.kizuki .img2{
	position: absolute;
	right: 50px;
	top: 50px;
}
.shop4 .box1.miyamotokita .img1{
	position: absolute;
	left: 60px;
	top: 80px;
}
.shop4 .box1.miyamotokita .img2{
	position: absolute;
	right: 55px;
	top: 120px;
}
.shop4 .box1.isokou .img1{
	position: absolute;
	left: 50px;
	top: 50px;
}
.shop4 .box1.isokou .img2{
	position: absolute;
	right: 20px;
	top: 40px;
}
.shop4 .box1.saihaku .img1{
	position: absolute;
	left: 60px;
	top: 100px;
}
.shop4 .box1.saihaku .img2{
	position: absolute;
	right: 50px;
	top: 130px;
}
.shop4 .box1.tsuyama .img1{
	position: absolute;
	left: 100px;
	top: 30px;
}
.shop4 .box1.tsuyama .img2{
	position: absolute;
	right: 140px;
	top: -40px;
}
.shop4 .box1.tsudaka .img1{
	position: absolute;
	left: 120px;
	top: 100px;
}
.shop4 .box1.tsudaka .img2{
	position: absolute;
	right: 100px;
	top: 120px;
}
.shop4 .box1.sasaoki .img1{
	position: absolute;
	left: 20px;
	top: 80px;
}
.shop4 .box1.sasaoki .img2{
	position: absolute;
	right: 40px;
	top: 90px;
}
.shop4 .box1.haraoshima .img1{
	position: absolute;
	left: 30px;
	top: 10px;
}
.shop4 .box1.haraoshima .img2{
	position: absolute;
	right: 55px;
	top: 30px;
}
.shop4 .box1.tsuyamara .img1{
	position: absolute;
	left: 30px;
	top: 10px;
}
.shop4 .box1.tsuyamara .img2{
	position: absolute;
	right: 0;
	top: 10px;
}
.shop4 .box3{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	max-width: 724px;
	margin: 0 auto 70px;
	padding: 30px;
	background: #fff;
	border: 5px solid #FF8498;
	border-radius: 50px;
	position: relative;
}
.beige .shop4 .box3{ border: 5px solid #FF8B59;}
.green .shop4 .box3{ border: 5px solid #24B490;}
.yellow .shop4 .box3{ border: 5px solid #FF6F16; color: #4C071C;}
.blue .shop4 .box3{ border: 5px solid #1672DB;}
.shop4 .box3:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 4px);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 18px solid transparent;
	border-left: 18px solid transparent;
	border-top: 50px solid #FF8498;
	border-bottom: 0;
}
.beige .shop4 .box3:before{ border-top: 50px solid #FF8B59;}
.green .shop4 .box3:before{ border-top: 50px solid #24B490;}
.yellow .shop4 .box3:before{ border-top: 50px solid #FF6F16;}
.blue .shop4 .box3:before{ border-top: 50px solid #1672DB;}
.shop4 .box3 figure{
	width: 47.3%;
}
.shop4 .box3 figure .pop{
	position: absolute;
	left: -30px;
	top: -30px;
}
.shop4 .box3 div{
	width: 49%;
}
.shop4 .box3 div h3{
	margin-bottom: .8em;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.4;
}
.shop4 .box3 div h3 span{
	display: block;
	margin-bottom: .5em;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	line-height: 2;
	background: #FF8498;
	border-radius: 100px;
}
.beige .shop4 .box3 div h3 span{ background: #FF8B59;}
.green .shop4 .box3 div h3 span{ background: #24B490;}
.yellow .shop4 .box3 div h3 span{
	padding: .5em 0;
	font-size: 16px;
	line-height: 1.21;
	background: #FF9216;
}
.blue .shop4 .box3 div h3 span{
	padding: .5em 0;
	font-size: 16px;
	line-height: 1.21;
	background: #1672DB;
}
.shop4 .box3 div h3 strong{
	font-size: 36px;
	font-weight: 900;
	background: linear-gradient(transparent 80%, #FFD9D9 80%);
}
.beige .shop4 .box3 div h3 strong{ background: linear-gradient(transparent 80%, #FFCEB8 80%);}
.green .shop4 .box3 div h3 strong{ background: linear-gradient(transparent 80%, #D0F4E8 80%);}
.yellow .shop4 .box3 div h3 strong{ background: linear-gradient(transparent 80%, #FFC2A1 80%);}
.blue .shop4 .box3 div h3 strong{ background: linear-gradient(transparent 80%, #FFE642 80%);}
.shop4 .box3 div p{
	font-size: 14px;
	line-height: 1.57;
	text-align: left;
}
.shop4 .box4{
	position: relative;
}
.yellow .shop4 .box4,
.blue .shop4 .box4{ padding-bottom: 170px;}
.shop4 .box4 h3{
	padding: 40px 0 .8em;
	color: #D6007F;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: .05em;
	line-height: 1.5;
	background: url(../img/shop4-box4.svg) center top no-repeat;
}
.yellow .shop4 .box4 h3{
	color: #4C071C;
	background: url(../img/shop4-box4-yellow.svg) center top no-repeat;
}
.blue .shop4 .box4 h3{
	color: #4A4A4A;
	background: url(../img/shop4-box4-blue.svg) center top no-repeat;
}
.shop4 .box4 .btn a{
	display: inline-block;
	margin-bottom: -30px;
	padding-top: .8em;
	width: 400px;
	height: 100px;
	color: #D6007F;
	font-weight: 900;
	line-height: 1.3;
	background: #FFF0BD;
	border-radius: 100px;
	border: 5px solid #EA6696;
	box-shadow: 0px 5px 0px #da037f;
}
.shop4 .box4 .btn a:hover{
	opacity: 1;
	background: #FFE642;
}
.shop4 .box4 .btn a strong{
	display: inline-block;
	font-size: 30px;
}
.yellow .shop4 .box4 .btn a{
	margin-bottom: -30px;
	padding-top: 1.2em;
	color: #fff;
	background: #FF6F16;
	border: 5px solid #FF6F16;
	box-shadow: 0px 5px 0px #D51044;
}
.yellow .shop4 .box4 .btn a:hover{
	color: #FF6F16;
	background: #FFC2A1;
}
.yellow .shop4 .box4 .btn a strong{
	font-size: 36px;
}
.blue .shop4 .box4 .btn a{
	color: #1672DB;
	background: #fff;
	border: 5px solid #1672DB;
	box-shadow: 0px 5px 0px #1672DB;
}
.blue .shop4 .box4 .btn a:hover{
	color: #1672DB;
	background: #CEEAFF;
}
.shop4 .box4 .img1{
	position: absolute;
	left: 75px;
	bottom: -85px;
}
.shop4 .box4 .img2{
	position: absolute;
	right: 60px;
	bottom: -85px;
}
.yellow .shop4 .box4 .img1,
.blue .shop4 .box4 .img1{
	bottom: 100px;
}
.yellow .shop4 .box4 .img2,
.blue .shop4 .box4 .img2{
	bottom: 100px;
}
.shop5{
	max-width: 736px;
	margin: 0 auto 150px;
	position: relative;
}
.shop5 ul .slick-slide{ margin: 0 5px;}
.shop5 ul .slick-list{ padding-bottom: 40px;}
.shop5 ul .slick-prev,.shop5 ul .slick-next{
	width: 16px;
	height: 35px;
	z-index: 99;
	top: 45%;
}
.shop5 ul .slick-disabled{ opacity: 0;}
.shop5 ul .slick-prev{
	left: -40px;
	background: url("../img/slick-prev.svg") center no-repeat;
}
.shop5 ul .slick-next{
	right: -40px;
	background: url("../img/slick-next.svg") center no-repeat;
}
.shop5 ul li.list{
	display: flex!important;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 40px 60px 60px;
	border-radius: 50px;
}
.shop5 ul li.merrymaids{ background: #FFDCEC;}
.shop5 ul li.homerepair{ background: #FCD9D9;}
.shop5 ul li.cleanservice{ background: #E8E8E8;}
.shop5 ul li.servicemaster{ background: #DDF5F4;}
.shop5 ul li.terminix{ background: #FFE4DF;}
.shop5 ul li.totalgreen{ background: #E4F4EA;}
.shop5 ul li.healthbeauty{ background: #FBEAC1;}
.shop5 ul li.uniformservice{ background: #EBF7FF;}
.shop5 ul li.officedrink{ background: #FFEFEC;}
.shop5 ul li.gray{ background: #FFDCEC;}
.shop5 ul li.green{ background: #FFDCEC;}
.shop5 ul li.yellow{ background: #FFDCEC;}
.shop5 ul li dl{
	width: 48.68%;
	text-align: left;
}
.shop5 ul li dl dt{
	margin-bottom: .5em;
	padding-bottom: .5em;
	font-size: 25px;
	font-weight: 900;
	line-height: 1.2;
	border-bottom: 2px dashed #333;
}
.shop5 ul li dl dt span{ color: #D6007F;}
.shop5 ul li.cleanservice dl dt span{ color: #E50044;}
.shop5 ul li.servicemaster dl dt span{ color: #009FB9;}
.shop5 ul li.terminix dl dt span{ color: #EA5532;}
.shop5 ul li.totalgreen dl dt span{ color: #00A040;}
.shop5 ul li.healthbeauty dl dt span{ color: #C98700;}
.shop5 ul li.uniformservice dl dt span{ color: #0070C3;}
.shop5 ul li.officedrink dl dt span{ color: #D2543A;}
.shop5 ul li dl dd{ line-height: 1.56;}
.shop5 ul li figure{
	width: 48.68%;
	text-align: left;
}
.shop5 ul li .btn{
	position: absolute;
	left: 50%;
	bottom: -40px;
	transform: translateX(-50%);
}
.shop5 ul li .btn a{
	color: #D6007F;
	display: inline-block;
	padding: .85em 50px .85em 0;
	width: 300px;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.22;
	background: url(../img/shop5-ic-merrymaids.svg) center right 1.5em no-repeat #fff;
	border: 3px solid #D6007F;
	border-radius: 10px;
}
.shop5 ul li.cleanservice .btn a{
	color: #333;
	background: url(../img/shop5-ic-cleanservice.svg) center right 1.5em no-repeat #fff;
	border: 3px solid #333;
}
.shop5 ul li.servicemaster .btn a{
	color: #009FB9;
	background: url(../img/shop5-ic-servicemaster.svg) center right 1.5em no-repeat #fff;
	border: 3px solid #009FB9;
}
.shop5 ul li.terminix .btn a{
	color: #EA5532;
	background: url("../img/shop5-ic-terminix.svg") center right 1.5em no-repeat #fff;
	border: 3px solid #EA5532;
}
.shop5 ul li.totalgreen .btn a{
	color: #00A040;
	background: url("../img/shop5-ic-totalgreen.svg") center right 1.5em no-repeat #fff;
	border: 3px solid #00A040;
}
.shop5 ul li.healthbeauty .btn a{
	color: #C98700;
	background: url("../img/shop5-ic-healthbeauty.svg") center right 1.5em no-repeat #fff;
	border: 3px solid #C98700;
}
.shop5 ul li.uniformservice .btn a{
	color: #0070C3;
	background: url("../img/shop5-ic-uniformservice.svg") center right 1.5em no-repeat #fff;
	border: 3px solid #0070C3;
}
.shop5 ul li.officedrink .btn a{
	color: #D2543A;
	background: url("../img/shop5-ic-officedrink.svg") center right 1.5em no-repeat #fff;
	border: 3px solid #D2543A;
}
.shop5 ul li .btn a:hover{ opacity: 1;}
.shop5 ul li.merrymaids .btn a:hover{ background-color: #FFDCEC;}
.shop5 ul li.homerepair .btn a:hover{ background-color: #FCD9D9;}
.shop5 ul li.cleanservice .btn a:hover{ background-color: #E8E8E8;}
.shop5 ul li.servicemaster .btn a:hover{ background-color: #DDF5F4;}
.shop5 ul li.terminix .btn a:hover{ background-color: #FFE4DF;}
.shop5 ul li.totalgreen .btn a:hover{ background-color: #E4F4EA;}
.shop5 ul li.healthbeauty .btn a:hover{ background-color: #FBEAC1;}
.shop5 ul li.uniformservice .btn a:hover{ background-color: #EBF7FF;}
.shop5 ul li.officedrink .btn a:hover{ background-color: #FFEFEC;}
.shop6{
	padding: 80px 0 70px;
	background: #FFF0BD;
	position: relative;
}
.yellow .shop6{
	color: #4C071C;
}
.shop6:before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(100% - 1px);
	width: 100%;
	height: 13px;
	background: url(../img/shop6-bg.svg) center top repeat-x;
}
.shop6 .wrap{
	max-width: 1060px;
	display: flex;
	justify-content: space-between;
}
.shop6 .wrap .leftcol{
	width: 42.26%;
	text-align: left;
}
.shop6 .wrap .leftcol h2{
	margin-bottom: .5em;
	font-size: 30px;
	font-weight: 900;
	border-bottom: 2px dashed #000;
}
.shop6 .wrap .leftcol dt{
	margin-bottom: .5em;
	padding: .5em .7em;
	font-weight: bold;
	line-height: 1.22;
	text-align: left;
	background: #fff;
}
.shop6 .wrap .leftcol dd{
	margin-bottom: .5em;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}
.shop6 .wrap .leftcol dd h3{
	padding-bottom: .2em;
	border-bottom: 1px solid #000;
	marign-bottom: .2em;
}
.shop6 .wrap .leftcol dd table{
	width: 100%;
	line-height: 2;
}
.shop6 .wrap .leftcol dd table th{
	width: 27%;
	font-weight: bold;
}
.shop6 .wrap .leftcol dd table td small{
	font-size: 12px;
	line-height: 1.2;
	display: inline-block;
	font-weight: 400;
}
.shop6 .wrap .rightcol{
	width: 54.24%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.shop6 .wrap .rightcol .map{
	width: 327px;
}
.yellow .shop6 .wrap .rightcol .map{
	width: 320px;
}
.shop6 .wrap .rightcol .map iframe{
	width: 327px;
	height: 334px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
.yellow .shop6 .wrap .rightcol .map iframe{
	width: 320px;
	height: 310px;
}
.shop6 .wrap .rightcol .access{
	width: 236px;
}
.yellow .shop6 .wrap .rightcol .access img{
	width: 268px;
	max-width: inherit;
	margin-top: -55px;
	margin-right: -32px;
}
.shop6 .wrap .rightcol .imgleft{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: -30px;
}
.shop6 .wrap .rightcol .imgleft figure{
	width: 182px;
	margin-right: 20px;
}
.shop6 .wrap .rightcol .imgleft div{
	font-weight: bold;
	padding-top: 30px;
	line-height: 1.5;
	text-align: left;
	flex: 1;
}
/*----------------- responsive ----------------*/
@media screen and (min-width: 1440px) {
	.shop1{
		height: auto;
	}
	.shop1wrap{
		position: static;
		transform: none;
		width: inherit;
	}
	.shop1 h1{
		font-size: 2.5vw;
	}
	.shop1 h1 span strong{
		font-size: 4.51vw;
	}
	.shop1 .img1{
		left: 22.95%;
		width: 19.3%;
	}
	.shop1 .img2{
		right: 22.36%;
		width: 19.51%;
	}
	.shop1 .img3{
		bottom: 0;
		right: 22.36%;
		width: 19.51%;
	}
	.shop1 .img4{
		left: 22.95%;
		width: 19%;
	}
	.shop1 .img7{
		bottom: 0;
		left: 23.61%;
		width: 22.77%;
	}
	.shop1 .img8{
		right: 23.61%;
		width: 20.55%;
	}
	.shop1 .img9{
		bottom: 0;
		left: 23.61%;
		width: 22.77%;
	}
	.shop1 .img10{
		right: 23.61%;
		width: 20.55%;
	}
}
@media screen and (max-width: 540px) {
	.shop1{
		height: auto;
	}
	.shop1.pink{
		border-width: 1px;
		background-size: 2.13vw;
	}
	.shop1wrap{
		position: static;
		transform: none;
		width: auto;
	}
	.shop1 h1{
		width: 100%;
		padding-top: .8em;
		font-size: 8.33vw;
	}
	.shop1 h1.tsuymamd{
		padding-top: 1.5em;
	}
	.shop1 h1 span{
		border-width: .42vw;
	}
	.shop1 h1 span strong{
		font-size: 15.27vw;
	}
	.shop1 .txt{
		bottom: auto;
		top: 42.5%;
		width: 95.55%;
	}
	.shop1 .img1{
		left: 1vw;
		bottom: -16vw;
		width: 52vw;
	}
	.shop1 .img2{
		bottom: -16vw;
		right: 0;
		width: 54vw;
	}
	.shop1 .img3{
		bottom: -16vw;
		right: 0;
		width: 50vw;
	}
	.shop1 .img4{
		left: 1vw;
		bottom: -16vw;
		width: 48vw;
	}
	.shop1 .img7{
		left: -2vw;
		bottom: 0;
		width: 55vw;
	}
	.shop1 .img8{
		right: 0;
		bottom: 0;
		width: 50vw;
	}
	.shop1 .img9{
		left: -2vw;
		bottom: 0;
		width: 55vw;
	}
	.shop1 .img10{
		right: 0;
		bottom: 0;
		width: 50vw;
	}
	.bg-colorful{
		padding: 15vw 0 5vw;
		background: #FFFCF4;
	}
	.shop-news{
		margin-bottom: 15vw;
	}
	.shop-news dl{
		display: block;
		margin-bottom: .5em;
		padding: .8em 1em;
		line-height: 1.5;
	}
	.shop2{
		margin-bottom: 15vw;
	}
	.shop2 .img1,
	.shop2 .img1-2{
		display: none;
	}
	.shop2 .img2{
		position: static;
		transform: none;
	}
	.shop2 .img2 img{
		width: 45%;
		margin-top: -2em;
		z-index: 999;
		position: relative;
	}
	.blue .shop2 .img2 img{
		margin-top: -4em;
	}
	.shop2 .bgbox{
		margin: 0 -5vw;
	}
	.shop2 .bgbox.pink{ background: #FFDCE2;}
	.beige .shop2 .bgbox.pink{ background: #F9E6CE;}
	.green .shop2 .bgbox.pink{ background: #D0F4E8;}
	.yellow .shop2 .bgbox,
	.blue .shop2 .bgbox{ background: #FFF0BD;}
	.shop2 .lead{
		padding: 2em 2em 4em;
		font-size: 4.44vw;
		text-align: left;
	}
	.shop2 .list{
		display: block;
		margin-bottom: 0;
	}
	.beige .shop2 .list,
	.green .shop2 .list,
	.yellow .shop2 .list,
	.blue .shop2 .list{ margin-bottom: 0;}
	.shop2 .list.clm3{
		padding-top: 30vw;
		margin-bottom: 0!important;
	}
	.shop2 .list.clm2-2{ margin-bottom: 0;}
	.shop2 .list.sp-mlr8p{
		padding-right: 8vw!important;
		padding-left: 8vw!important;
	}
	.beige .shop2 .list,.shop2 .list.list-small{ margin-bottom: 0;}
	.shop2 .list .slick-list{ overflow: visible;}
	.shop2 .list .slick-prev{
		position: absolute;
		left: 7vw;
		top: 23vw;
		width: 15vw;
		height: 15vw;
		background: url(../img/spslider-arrow.svg) center / auto 9.72vw no-repeat;
		transform: scaleX(-1);
		cursor: pointer;
		z-index: 9;
	}
	.shop2 .list .slick-next{
		position: absolute;
		right: 7vw;
		top: 30vw;
		width: 15vw;
		height: 15vw;
		background: url(../img/spslider-arrow.svg) center / auto 9.72vw no-repeat;
		cursor: pointer;
		z-index: 999;
	}
	.shop2 .list .slick-disabled{
		background: none;
		cursor: auto;
	}
	.shop2 .list dl{
		width: 100vw;
		height: 100vw;
		padding: 16vw 17vw 0;
		margin: 0;
		position: relative;
		background-size: 116% auto!important;
	}
	.shop2 .list.clm3 dl, .shop2 .list.list-small dl,.shop2 .list.list-small dl{
		height: 100vw;
		padding: 16vw 17vw 0;
		margin: 0;
	}
	.shop2 .list dl dt .ic{
		top: -12.22vw;
	}
	.shop2 .list.clm3 dl dt .ic, .shop2 .list.list-small dl dt .ic{ top: -12.22vw;}
	.shop2 .list dl dt .ic img{
		width: 24.44vw;
	}
	.shop2 .list dl dt .sub{
		font-size: 3.88vw;
	}
	.shop2 .list dl dt strong{
		font-size: 6.11vw;
	}
	.shop2 .list dl dd{
		font-size: 3.88vw;
	}
	.shop2 .list dl dd strong{
		font-size: 4.44vw;
	}
	.shop2 .list.clm3{
		padding: 0;
		margin: 0;
	}
	.shop2 .list.clm3 dl,.wrap990 .shop2 .list.clm3 dl,.wrap1130 .shop2 .list.clm3 dl,.shop2 .list dl.w340,.shop2 .list.clm3 dl.w340, .shop2 .list.list-small dl.w340, .wrap990 .shop2 .list.clm3 dl.w340, .wrap1130 .shop2 .list.clm3 dl.w340, .shop2 .list dl.w340{
		width: 100vw;
		height: 100vw;
		padding: 16vw 17vw 0;
	}
	.shop2 .list.sp-mlr8p dl,.shop2 .list dl.sp-100p{
		width: 100%!important;
		height: 100%!important;
	}
	.shop2 .list.clm3 dl.many, .shop2 .list.list-small dl.many{ padding: 10vw 5vw 10vw;}
	.shop2 .list.sp-mlr8p dl{ padding: 19vw 10vw 20vw!important;}
	.shop2 .list.clm3 dl.abs{ position: relative; top: 0;}
	.shop2 .list.clm3 dl dt .ic{ top: -12.22vw;}
	.shop3{ margin-bottom: 40vw;}
	.shop3 .img1{ display: none;}
	.shop3 .img1-2{
		position: absolute;
		top: auto;
		bottom: -30vw;
		right: 20vw;
		width: 45vw;
	}
	.shop3 .bgbox{ margin: 0 -5vw;}
	.shop3 .bgbox.pink{ background: #FFDCE2;}
	.beige .shop3 .bgbox.pink,.beige .shop3 .bgbox.beige2{ background: #F9E6CE;}
	.green .shop3 .bgbox.pink,.green .shop2.shop2-2 .bgbox.pink,.green .shop3 .bgbox.green2,.green .shop4 .bgbox.green2{ background: #D0F4E8;}
	.beige .shop3 .bgbox.beige2 .img1-sp img{ margin-top: 0;}
	.yellow .shop3 .bgbox,
	.blue .shop3 .bgbox{ background: #FFF0BD;}
	.shop3 .lead{
		padding: 2em;
		font-size: 4.44vw;
		text-align: left;
	}
	.shop3 .list{ padding: 0 8%;}
	.shop3 .list article{
		display: block;
		margin-bottom: 3em;
	}
	.shop3 .list article figure{ width: auto;}
	.shop3 .list article dl{
		width: auto;
		margin-bottom: 1em;
	}
	.shop3 .list article.shop3-list2 dl{ width: auto;}
	.shop3 .list article dl dt span{ font-size: 3.88vw;}
	.shop3 .list article dl dt strong{ font-size: 6.11vw;}
	.shop3 .list article dl dd{ font-size: 3.88vw;}
	.shop3 .list.clm2{ display: block;}
	.shop3 .list.clm2 article{
		width: 100%;
		margin: 0 0 10vw;
	}
	.shop3 .list.clm2 article figure{ margin-bottom: 4vw;}
	.shop3 .img1-sp img{
		width: 80%;
		margin: -10vw 0 -25vw;
	}
	.shop3 .img1-2-sp img{
		width: 60%;
		margin: 0 0 -25vw;
	}
	.shop3.kizuki .img1-sp img,
	.shop3.kizuki .img1-2-sp img{ width: 50%; margin-top: -20vw;}
	.shop4{ margin: 0 -5vw 15vw!important;}
	.shop4 .ttl1,.beige .shop4 .ttl1,.green .shop4 .ttl1{
		background-position: left top 18vw, right top 18vw;
		background-size: 26.11vw auto;
	}
	.shop4 .bgbox{ margin: 0;}
	.shop4 .bgbox.pink,.shop4 .bgbox.pink2{
		padding-bottom: 15vw;
		background: #FFDCE2;
	}
	.beige .shop4 .bgbox,.beige .shop4 .bgbox.pink,.beige .shop4 .bgbox.pink2,.beige .shop4 .bgbox.beige2{ padding-bottom: 15vw; background: #F9E6CE;}
	.green .shop4 .bgbox.pink,.green .shop4 .bgbox{ padding-bottom: 15vw; background: #D0F4E8;}
	.yellow .shop4 .bgbox,
	.blue .shop4 .bgbox{ background: #FFF0BD;}
	.shop4 .lead{
		padding: 2em;
		font-size: 4.44vw;
		text-align: left;
	}
	.shop4 .box1.inokuchimyoujin .img1,
	.shop4 .box1.inokuchimyoujin .img2,
	.shop4 .box1.taniyon .img1,
	.shop4 .box1.taniyon .img2,
	.shop4 .box1.okusawakita .img1,
	.shop4 .box1.okusawakita .img2,
	.shop4 .box1.kizuki .img1,
	.shop4 .box1.kizuki .img2,
	.shop4 .box1.miyamotokita .img1,
	.shop4 .box1.miyamotokita .img2,
	.shop4 .box1.isokou .img1,
	.shop4 .box1.isokou .img2,
	.shop4 .box1.saihaku .img1,
	.shop4 .box1.saihaku .img2,
	.shop4 .box1.tsuyama .img1,
	.shop4 .box1.tsuyama .img2,
	.shop4 .box1.tsudaka .img1,
	.shop4 .box1.tsudaka .img2,
	.shop4 .box1.sasaoki .img1,
	.shop4 .box1.sasaoki .img2,
	.shop4 .box1.haraoshima .img1,
	.shop4 .box1.haraoshima .img2,
	.shop4 .box1.tsuyamara .img1,
	.shop4 .box1.tsuyamara .img2{
		display: none;
	}
	.shop4 .box2.inokuchimyoujin{
		display: block;
		margin: 0 0 10vw;
	}
	.shop4 .box2.spslider .slick-list{
		overflow: visible;
	}
	.shop4 .box2.spslider .slick-prev{
		position: absolute;
		left: 0;
		top: 45vw;
		width: 15vw;
		height: 15vw;
		background: url(../img/spslider-arrow.svg) center right .3em / auto 9.72vw no-repeat;
		transform: scaleX(-1);
		cursor: pointer;
		z-index: 9;
	}
	.shop4 .box2.spslider .slick-next{
		position: absolute;
		right: 0;
		top: 52vw;
		width: 15vw;
		height: 15vw;
		background: url(../img/spslider-arrow.svg) center right .3em / auto 9.72vw no-repeat;
		cursor: pointer;
		z-index: 999;
	}
	.shop4 .box2.spslider .slick-disabled{
		background: none;
		cursor: auto;
	}
	.shop4 .box2.inokuchimyoujin li{
		margin: 0;
		padding: 0 5vw;
	}
	.shop4 .box2.clm3,
	.shop4 .box2.okusawakita,
	.shop4 .box2.box2-saihaku,
	.shop4 .box2.haraoshima{
		display: block;
		padding: 0;
		margin: 0 0 10vw;
	}
	.green .shop4 .box2.clm3{ padding-bottom: 0; margin-bottom: 5vw;}
	.shop4 .box2.clm3 li,
	.shop4 .box2.okusawakita li,
	.shop4 .box2.haraoshima li{
		margin: 0;
		padding: 0 5vw;
	}
	.shop4 .box2.clm3 li:nth-child(1),.shop4 .box2.clm3 li:nth-child(3){ position: static;}
	.shop4 .box3{
		display: block;
		max-width: inherit;
		margin: 0 5% 20vw;
		padding: 8% 3%;
		border-radius: 13.88vw;
	}
	.shop4 .box3:before{
		border-right: 5vw solid transparent;
		border-left: 5vw solid transparent;
		border-top: 13.88vw solid #FF8498;
		border-bottom: 0;
	}
	.beige .shop4 .box3:before{ border-top: 13.88vw solid #FF8B59;}
	.green .shop4 .box3:before{ border-top: 13.88vw solid #24B490;}
	.yellow .shop4 .box3:before{ border-top: 13.88vw solid #FF6F16;}
	.shop4 .box3 figure{
		width: auto;
		position: relative;
	}
	.shop4 .box3 figure .pop{
		position: absolute;
		left: -6vw;
		top: .1em;
		width: 42vw;
	}
	.shop4 .box3 figure .pop{ top: -1.4em;}
	.shop4 .box3 div{
		width: auto;
		margin-bottom: 1em;
	}
	.shop4 .box3 div h3{
		font-size: 6.11vw;
	}
	.shop4 .box3 div h3 span{
		font-size: 5.55vw;
	}
	.shop4 .box3 div h3 strong{
		font-size: 10vw;
	}
	.shop4 .box3 div p{
		font-size: 3.88vw;
	}
	.shop4 .box4{
		margin-bottom: 10vw!important;
	}
	.yellow .shop4 .box4,
	.blue .shop4 .box4{ padding-bottom: 0;}
	.shop4 .box4 h3{
		padding: 11vw 0 .8em;
		font-size: 5.55vw;
		background-size: 17.65vw auto;
	}
	.shop4 .box4 .btn a{
		margin-bottom: 0!important;
		width: 96%;
		height: 30vw;
		font-size: 5vw;
		position: relative;
		z-index: 9;
	}
	.shop4 .box4 .btn a:hover{
		background: #FFF0BD;
	}
	.shop4 .box4 .btn a strong{
		font-size: 8.33vw;
	}
	.yellow .shop4 .box4 .btn a strong{
		font-size: 9.6vw;
	}
	.shop4 .box4 .img1{
		left: 0;
		bottom: inherit!important;
		top: 5vw;
		width: 30%;
	}
	.shop4 .box4 .img2{
		right: 0;
		bottom: inherit!important;
		top: 5vw;
		width: 30%;
	}
	.yellow .shop4 .box4 .img1{
		left: -2vw;
		top: 0;
		width: 37%;
	}
	.yellow .shop4 .box4 .img2{
		top: 0;
		width: 34%;
	}
	.shop5{
		max-width: inherit;
		margin: 0 auto 15vw;
	}
	.shop5 ul li.list{
		display: block!important;
		padding: 7vw 3%;
		border-radius: 5.55vw;
	}
	.shop5 ul li dl{
		width: auto;
		margin-bottom: 1em;
		font-size: 4.44vw;
	}
	.shop5 ul li dl dt{
		margin-bottom: 1em;
		padding-bottom: 1em;
		font-size: 6.11vw;
		text-align: center;
	}
	.shop5 ul li figure{
		width: auto;
	}
	.shop5 ul li .btn{
		position: static;
		padding: 1em 8% 0;
		transform: none;
	}
	.shop5 ul li .btn a{
		width: 100%;
		font-size: 4.44vw;
		background-size: 13.05vw auto;
		background-position: right 1em center;
		border-radius: 2.77vw;
	}
	.shop5 ul li.cleanservice .btn a,.shop5 ul li.servicemaster .btn a,.shop5 ul li.terminix .btn a,.shop5 ul li.totalgreen .btn a,.shop5 ul li.healthbeauty .btn a,.shop5 ul li.uniformservice .btn a,.shop5 ul li.officedrink .btn a{ background-position: right 1em center;}
	.shop5 ul li .btn a:hover{ background-color: #fff!important;}
	.shop5 ul .slick-slide{ margin: 0 5px 40px;}
	.shop5 ul .slick-list{ overflow: hidden;}
	.shop5 .slick-dots li{ margin: 0;}
	.shop5 .slick-dots li button:before{ background: #BEBEBE;}
	.shop5 .slick-dots li.slick-active button:before{ background: #333333;}
	.shop5 ul .slick-prev{
		position: absolute;
		left: -10px;
		top: 65vw;
		width: 15vw;
		height: 15vw;
		background: url(../img/spslider-arrow.svg) center right .3em / auto 9.72vw no-repeat;
		transform: scaleX(-1);
		cursor: pointer;
		z-index: 9;
	}
	.shop5 ul .slick-next{
		position: absolute;
		right: -10px;
		top: 72vw;
		width: 15vw;
		height: 15vw;
		background: url(../img/spslider-arrow.svg) center right .3em / auto 9.72vw no-repeat;
		cursor: pointer;
		z-index: 999;
	}
	.shop5 ul .slick-disabled{
		background: none;
		cursor: auto;
	}
	.shop6{
		padding: 10vw 0 15vw;
	}
	.shop6 .wrap{
		display: block;
		padding: 0 8%;
	}
	.shop6 .wrap .leftcol{
		width: auto;
		text-align: center;
		margin-bottom: 1em;
	}
	.shop6 .wrap .leftcol h2{
		display: inline-block;
		padding: 0 .5em;
		margin-bottom: 1.5em;
		font-size: 7.5vw;
	}
	.shop6 .wrap .leftcol dd{
		margin-bottom: 1em;
		font-size: 4.44vw;
	}
	.shop6 .wrap .rightcol{
		width: auto;
		display: block;
		justify-content: space-between;
	}
	.shop6 .wrap .rightcol .map{
		width: auto!important;
		margin-bottom: 2em;
	}
	.shop6 .wrap .rightcol .map iframe{
		width: 100%!important;
		height: 80vw!important;
		border-radius: 5.55vw;
	}
	.shop6 .wrap .rightcol .access{
		width: auto!important;
		padding: 0 5vw;
		margin: 0 -1.5em;
	}
	.yellow .shop6 .wrap .rightcol .access img{
		width: 100%;
		max-width: inherit;
		margin-top: -5vw;
		margin-right: 0;
	}
	.shop6 .wrap .rightcol .imgleft{
		display: block;
		margin-top: -8vw;
	}
	.shop6 .wrap .rightcol .imgleft figure{
		width: auto;
		margin-right: 5vw;
	}
	.shop6 .wrap .rightcol .imgleft figure img{ width: 90vw;}
	.shop6 .wrap .rightcol .imgleft div{ padding-top: 1vw;}
}


.red{ color: #c00;}
.form{ margin-bottom: 100px;}
.form .formwrap{ text-align: left; margin: 0 auto; padding: 60px 90px; background: #fff; box-shadow: 0px 0px 20px 0px rgba(227, 227, 227,1); }
.form .formwrap h1{ margin-bottom: 40px; font-size: 39px; font-weight: bold; letter-spacing: .15em; padding-left: .5em; border-left: 10px solid #FF8498;}
.form .formwrap .txt{ margin-bottom: 50px; font-size: 15px;}
.form .formwrap dl{ margin-bottom: 50px;}
.form .formwrap dl dt{ margin-bottom: 20px; font-size: 20px; font-weight: 700; letter-spacing: .15em;}
.form .formwrap dl dt em{ display: inline-block; margin-right: .5em; padding: 0 .5em 0 .7em; color: #FF8498; font-size: 18px; font-weight: 700; border: 1px solid #FF8498; border-radius: 10px;}
.form .formwrap dl dd{ margin-bottom: 50px;}
.form .formwrap .btns { text-align: center; }
.form .formwrap .btns .btn { display: inline-block; margin-right: 10px; } /* ボタンの間にマージンを追加 */
.form .formwrap .btn button { display: inline-block; width: 330px; line-height: 75px; color: #fff; font-size: 20px; letter-spacing: .1em; background: #BEBEBE; border-radius: 10px; }
.form .formwrap .btn button:hover { opacity: 1; background: #D9D9D9;}
.form .formwrap .back button { background: #4C444D;}
.form .formwrap .back button:hover { background: #D9D9D9;}
.form .class_err_box{ font-size: 15px;}
.form .validation_failed{ font-size: 20px;}
.form input[type="text"],.form input[type="button"],.form input[type="submit"],.form input[type="password"],.form input[type="email"],.form input[type="tel"]{
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	padding: 0 10px;
	background: #D9D9D9;
	border: none;
}
.form textarea{
	width: 100%;
	height: 300px;
	padding: 10px;
	font-size: 16px;
	background: #D9D9D9;
	border: none;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	.form .formwrap{ padding: 40px 5% 80px;}
	.form .formwrap h1{ margin-bottom: 5.3vw; font-size: 5.3vw; border-left: 8px solid #FF8498;}
	.form .formwrap .txt{ margin-bottom: 5.3vw; font-size: 3.7vw;}
	.form .formwrap dl{ margin-bottom: 3.7vw; overflow: hidden;}
	.form .formwrap dl dt{ margin-bottom: 3.7vw; font-size: 4vw;}
	.form .formwrap dl dt em{ font-size: 3.7vw;}
	.form .formwrap dl dd{ margin-bottom: 8vw;}
	.form .formwrap dl dd input{ height: 45px; line-height: 45px;}
	.form .formwrap dl dd textarea{ height: 160px;}
	.form .formwrap .btn button{ width: 260px; line-height: 55px; font-size: 4.8vw; margin: 0;}
	.form .formwrap .btn button:hover{ background: #BEBEBE;}
	.form .class_err_box{ font-size: 3.7vw;}
	.form .validation_failed{ font-size: 4vw;}
}