@charset "utf-8";
/* CSS Document */

/*------------------------------*/
/* Reset */
/*------------------------------*/
ul {padding: 0;}
ul, li, dl, dt {list-style: none;}
html {
font-size: 62.5%;
font-family: 'Noto Sans JP', sans-serif;
}

/*------------------------------*/
/* 共通設定 */
/*------------------------------*/
.bg {
	background-color: #fff;
}
main{
	margin:0;
	padding:0;
	background-color:#fff;
	overflow-x: inherit;
}
footer{
	background-color: #fff;
}
img{
	width:100%;
	display: block;
}
a{
	color: #FFF;
}
ol, ul, dl {
    margin-bottom: 0;
}
h1,h2,h3,h4,p{
	color:#4e4d4e;
	letter-spacing: 0.03em;
	font-family: 'Noto Sans JP', sans-serif;
}
p{
	font-size:1.6rem;
	font-size:16px;
	line-height: 1.6;
}
.balloon img{
	display: block;
	margin:10px auto 20px;
	width: 70%;
	max-width: 300px;
}

/* ------------------------------------------------------- */
/* フェードイン */
/* ------------------------------------------------------- */
.fadeup{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(60px);
}
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* ------------------------------------------------------- */
/* スライドイン */
/* ------------------------------------------------------- */
/*bace code*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/*slide in*/
.slide_in {
    -webkit-animation:slide_in 0.8s 1 ease alternate;
    animation:slide_in 0.8s 1 ease alternate;
}
@-webkit-keyframes slide_in {
0% { opacity: 0;
	transform: translateX(-200vw);}
 100% {opacity:1;
 transform: translateX(0);
 }
}
@keyframes slide_in {
0% { opacity: 0;
  	animation-delay: 2s;
	transform: translateX(-200vw);}
 100% {opacity:1;
 transform: translateX(0);
 }
}

/* ------------------------------------------------------- */
/* 文字スライドイン */
/* ------------------------------------------------------- */
.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 0.2s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}


/* スマホ縦　画面サイズが960pxまで /////////////////////////////////////////////////////////////// */
@media screen and (max-width:960px) {

/* ------------------------------------------------------- */
/* ページトップ設定 */
/* ------------------------------------------------------- */
#pagetop {
    position: fixed;
    bottom: 26vw;
    right: 7vw;
    z-index: 999;
}
#pagetop img {
    width: 60px;
    height: auto;
}

/* ------------------------------------------------------- */
/* タイトル */
/* ------------------------------------------------------- */
h1,h2{
	font-size:5.9vw;
	text-align: center;
	font-weight: 700;
	line-height: 1.6;
	position: relative;
	letter-spacing: inherit;
	margin-bottom: 10px;
}

/* ------------------------------------------------------- */
/* ヘッダー */
/* ------------------------------------------------------- */
header{
	width: 100%;
	height: 70px;
	min-height:initial;
	border-bottom: none;
	background-color:#fff;
	padding:0;
	position: inherit;
}
header .logo img{
	width: 100%;
	max-width:250px;
	line-height: 70px;
	margin:0 auto;
	display: block;
}

/* ------------------------------------------------------- */
/* アイキャッチ */
/* ------------------------------------------------------- */
/*#eyecatch{
	position: relative;
	width:100%;
	margin:0 auto 30px;
	display: block;
}
#eyecatch img{
	width:100%;
	max-width: 960px;
	margin:auto;
	display: block;
}*/

#eyecatch{
	position: relative;
	width:100%;
	height: 147vw;
	margin:0 auto 30px;
	display: block;
	background-image: url("../../_img/eyecatch_bg-sp.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
#eyecatch_title{
	position: absolute;
	top:4%;
	right:0;
	left:68%;
	width:31%;
	height:auto;
	z-index:1;
}
#eyecatch_text{
	position: absolute;
	top:44%;
	right:0;
	left:2%;
	width:63%;
	height:auto;
	z-index:1;
}

/* ------------------------------------------------------- */
/* ウッドボタン */
/* ------------------------------------------------------- */
#nenmatsu .button_wood{
	width:100%;
	margin: 0 auto;
	position: relative;
}
#nenmatsu .button_wood a{
	width:90%;
	display: block;
	margin: 0 auto;
	position: fixed;
	bottom:10px;
	left:0;
	right:0;
	z-index:998;
	background-image: url("../../_img/button_wood_bg.jpg");
	background-size:cover;
	box-shadow: 5px 5px 5px rgba(56,17,0, 0.7);
	height:60px;
	line-height: 60px;
	border-radius: 15px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size:5.5vw;
	letter-spacing: 0.07em;
	color:#fff;
	text-shadow: 4px 2px 2px rgba(35,10,1, 0.7);
}
#nenmatsu .button_wood a::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../_img/shop_arrow.png)no-repeat;
	background-size: contain;
	background-position: right 0;
	vertical-align: middle;
	margin-bottom:5px;
	position: absolute;
	top:35%;
	right:15px;
}

/* ------------------------------------------------------- */
/* まとめ洗いで新年*/
/* ------------------------------------------------------- */
#nenmatsu_box{
	background-color: #f2ede3;
	margin:0;
}
.fuchi{
	padding:15px;
	background:url(../../_img/nenmatsu_line.jpg);
	background-size: 15px;
	/*border: 10px solid;
	border-image-source: url(../../_img/nenmatsu_fuchi.jpg);
	border-image-slice: 25px;
	border-image-repeat: repeat;
	border-image-width: 20px;*/
}
.fuchi .inner{
	background-color:#f2ede3;
	padding:30px 5px 10px;
}
#nenmatsu_box h1{
	font-size:6vw;
	line-height:1.4;
	padding:20px 0; 
}
#nenmatsu_box h1 em{
	background: linear-gradient(transparent 60%, #fff3a7 60%);
	color:#f12b23;
	letter-spacing: 0.1em;
}
#nenmatsu_box p{
	font-size:5vw;
	text-align: center;
	font-weight: 700;
	margin-bottom:0;
}
#nenmatsu_box p em{
	background: url("../../_img/wave_line_red.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:6px;
	margin-bottom: 10px;
	display: inline-block;
	color:#f12b23;
}
#nenmatsu_box img{
	width:96%;
	margin:0 auto;
	display: block;
}
#nenmatsu_box .time{
	margin:20px 0;
	letter-spacing: inherit;
}
#nenmatsu_box .red{
	color:#f12b23;
	margin:10px auto 0;
}

/* ------------------------------------------------------- */
/* ウォッシュインはこんなコインランドリー */
/* ------------------------------------------------------- */
#wash_inn{
	padding:40px 0 0;
	margin:0 auto;
	background-color: #fff;
}
#wash_inn h2::before{
	content: '姫路・たつのに計8店舗 !'; 
	color: #f98f00; 
	font-size: 5vw; 
	display: block; 
	padding-bottom:10px;
}
#wash_inn h3{
	font-size:6vw;
	font-weight: 700;
	line-height: 1.6;
	position: relative;
	letter-spacing: 0.05em;
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:8px;
	margin-bottom: 10px;
	display: inline-block;
}
#wash_inn p{
	font-size:4.5vw;
	text-align: left;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.02em;
}
#wash_inn ul{
	display: flex;
	flex-direction:column;
	text-align: center;
}
#wash_inn li{
	margin-bottom:30px;
}
#wash_inn li:last-of-type{
	margin-bottom:10px;
}

/* ------------------------------------------------------- */
/* 洗濯するといいことがいっぱい */
/* ------------------------------------------------------- */
#coin_laundry{
	padding:30px 0 0;
	margin:0 auto;
	background-color: #fffeea;
	background-image:url("../../_img/bg_wave_yellow.jpg");
	background-repeat: repeat-x;
	background-size: 400px;
}
#coin_laundry h2{
	padding-top:10vw;
}
#coin_laundry h3{
	font-size:6vw;
	font-weight: 700;
	line-height: 1.6;
	position: relative;
	letter-spacing: 0.05em;
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:6px;
	margin-bottom: 10px;
	display: inline;
	text-align: left;
}
#coin_laundry p{
	font-size:5vw;
	text-align: left;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.02em;
}
#coin_laundry ul{
	display: flex;
	flex-direction:column;
	text-align: center;
	width: 100%;
}
#coin_laundry ul div{
	display: flex;
	justify-content:center;
	align-items:center;
	padding:20px 0 0;
}
#coin_laundry ul img{
	display: inline-block;
	margin:0 20px 10px 0;
	width:25%;
}
#coin_laundry li{
	margin-bottom:40px;
}
#coin_laundry li:last-of-type{
	margin-bottom:0px;
}
#coin_laundry p{
	color:#f98f00;
	text-align: center;
}

/* ------------------------------------------------------- */
/* 家庭では洗いにくい大物類も洗える！ */
/* ------------------------------------------------------- */
#washing{
	padding:30px 0;
	margin:0 auto;
	background-color: #fff;
	background-image:url("../../_img/bg_wave_yellow_bottom.jpg");
	background-repeat: repeat-x;
	background-size: 400px;
}
#washing h2{
	padding-top:15vw;
}
#washing h3{
	font-size:6vw;
	font-weight: 700;
	line-height: 1.6;
	position: relative;
	letter-spacing: 0.05em;
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:6px;
	margin-bottom: 10px;
	display: inline;
	text-align: left;
}
#washing p{
	font-size:4.2vw;
	text-align: center;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.02em;
	padding:2vw 0;
}
#washing ul{
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items: flex-end;
	align-self:flex-end;
	width: 100%;
	padding:30px 0 15px;
}
#washing li{
	width:27%;
	margin-right:5%;
	text-align: center;
}
#washing li:nth-child(3n){
	margin-right:0%;
}
#washing .fuwa{
	font-size:5vw;
	line-height: 1.8;
	padding:20px 0; 
	letter-spacing: 0.1em;
}
#washing .fuwa em{
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-weight: 700;
}
#washing .fuwa_box img{
	border-radius: 20px;
}

/* ------------------------------------------------------- */
/* 選ばれる4つの理由 */
/* ------------------------------------------------------- */
#reason{
	padding:30px 0 0;
	margin:0 auto;
	background-color: #fffeea;
	background-image:url("../../_img/bg_wave_yellow.jpg");
	background-repeat: repeat-x;
	background-size: 400px;
}
#reason h2{
	padding-top:10vw;
}
#reason .reason_title{
	display: flex;
	align-items: center;
	justify-content: center;
}
#reason h3{
	font-size:6vw;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}
#reason h3 img{
	width:20px;
}
#reason p{
	font-size:4.5vw;
	text-align: center;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.02em;
	padding:2vw 0;
}
#reason ul{
	display: flex;
	justify-content:center;
	flex-direction:column;
	align-items: center;
	width: 100%;
	padding:30px 0 15px;
	text-align: center;
}
#reason ul p{
	text-align: left;
	color:#f98f00;
}
#reason li{
	margin-bottom: 50px;
}
#reason li:last-of-type{
	margin-bottom: 0px;
}
#reason ul .reason_qr_title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
#reason ul .reason_number{
	display: inline-block;
	margin:0 13px 0 0;
	width:18%;
}
#reason h4{
	font-size:4.5vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 15px;
	display: inline-block;
	color: #fff;
	background-color: #f98f00;
	border-radius: 20px;
	padding:0 20px;
	line-height: 30px;
}
#reason .some::after{
	content: '※南条店、広畑店、たつの西店、太子店のみ';
	font-size:3.8vw;
	display: block;
	letter-spacing: -0.03em;
}
#reason .pitapa{
	font-size:4.2vw;
	display: block;
	text-align: center;
	color:#4e4d4e;
}
#reason .qr_electronic_box{
	display: flex;
	flex-direction: column;
	text-align: center;
}
#reason .qr_electronic_box div{
	margin-bottom:30px;
}
#reason .qr_electronic_box div:last-of-type{
	margin-bottom:0px;
}
#reason .qr_electronic_box img{
	width:80%;
	margin:0 auto;
}
	
/* ------------------------------------------------------- */
/* 店舗一覧 */
/* ------------------------------------------------------- */
#shop{
	padding:30px 0 0;
	margin:0 auto;
	background-color: #fff;
	background-image:url("../../_img/bg_wave_yellow_bottom.jpg");
	background-repeat: repeat-x;
	background-size: 400px;
}
#shop h2{
	padding-top:10vw;
}
#shop h3{
	font-size:5vw;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0;
	display: flex;
	align-items: center;
}
#shop h3 span{
	font-size:3.5vw;
	font-weight: 400;
	line-height: 20px;
	position: relative;
	letter-spacing: 0.05em;
	margin-left:3px;
	background-color:#f98f00;
	color:#fff;
	border-radius: 20px;
	padding:0 10px;
}
#shop p{
	font-size:4.5vw;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.02em;
	color:#f98f00;
	text-align: left;
	margin-bottom:10px;
}
#shop ul{
	display: flex;
	justify-content:center;
	flex-direction:column;
	align-items: center;
	width: 100%;
	padding:30px 0 15px;
	text-align: center;
}
#shop li{
	margin-bottom: 50px;
}
#shop li .photo{
	position: relative;
}
#shop li .photo_qr{
	position: absolute;
	top:10vw;
	right:-1vw;
	z-index:997;
	width:23vw;
}
#shop a.cv_shop_button{
	position: relative;
	width:100%;
	max-width:280px;
	margin:15px auto 0;
	display: block;
	line-height: 50px;
	border-radius: 15px;
	font-size:5.5vw;
	font-family: 'Noto Sans JP', sans-serif;
	background: linear-gradient(135deg, #A0C332 10%, #00964F 100%);
	box-shadow: 0px 6px 1px #006f4d;
	text-shadow: 2px 2px 2px rgba(0,129,61, 1);
}
#shop a.cv_shop_button::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../_img/shop_arrow.png)no-repeat;
	background-size: contain;
	background-position: right 0;
	vertical-align: middle;
	margin-bottom:5px;
	position: absolute;
	top:30%;
	right:20px;
}
/* ------------------------------------------------------- */
/* フッター*/
/* ------------------------------------------------------- */
footer{
	padding-bottom:80px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
#ct-footer li#footer-logo img{
	margin:0 auto;
}
#ct-footer li a #privacy{
	padding-top:0;
	display: inline-block;
}
/* ------------------------------------------------------- */
/* プライバシーポリシー*/
/* ------------------------------------------------------- */
#privacy{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#privacy h2{
	font-size: 20px;
	line-height: 2;
	padding:30px 0 10px;
}
#privacy dt{
	font-size:20px;
	color:#f98f00;
	margin-bottom:10px;
	border-left:solid 8px #f98f00;
	padding:0.25em 0.5em;
}
#privacy dd{
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 2;
	margin-bottom: 30px;
}
#privacy ul{
	margin:20px 0 0;
}
#privacy p,
#privacy li {
	font-size: 16px;
	margin-bottom:20px;
	line-height: 2;
	font-family: 'Noto Sans JP', sans-serif;
}
#privacy li:last-of-type{
	margin-bottom:0px;
}
#privacy .disc{
	list-style: disc;
	margin-left: 2.0em;
	padding-left: -1.0em;
}
#privacy .accessTable {
	width:100%;
	background-color: #fff;
	margin-bottom:30px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-top:20px;
	border-collapse:  collapse;
}
#privacy .accessTable a{
	color:#4e4d4e;
}
#privacy .accessTable th,td {
	font-size: 1.6rem;
	border: #f98f00 1px solid;
	padding: 10px;
}
#privacy .accessTable th {
	color: #ffffff;
	background: #f98f00;
}
}


/* スマホ横　画面サイズが480pxから600pxまで /////////////////////////////////////////////////////// */
@media screen and (min-width:481px) and ( max-width:600px) {

#nenmatsu .button_wood a{
	font-size:25px;
}
}


/* タブレット　画面サイズが600pxから960pxまで /////////////////////////////////////////////////////// */
@media screen and (min-width:601px) and ( max-width:960px) {

#nenmatsu .button_wood a{
	font-size:25px;
}
}



/* PC小　画面サイズが960pxから
/////////////////////////////////////////////////////// */
@media screen and (min-width:961px){

/* ------------------------------------------------------- */
/* 共通*/
/* ------------------------------------------------------- */
a:hover{
	text-decoration: none;
	color: #FFF;
	opacity: 0.7;
	cursor: pointer;
	transition: 0.3s;
}
.balloon img{
	margin:20px auto;
}
	
/* ------------------------------------------------------- */
/* タイトル */
/* ------------------------------------------------------- */
h1,h2{
	font-size:35px;
	text-align: center;
	font-weight: 700;
	line-height: 1.4;
	position: relative;
	letter-spacing: inherit;
}

/* ------------------------------------------------------- */
/* ヘッダー */
/* ------------------------------------------------------- */
header{
	width: 100%;
	height: 100px;
	min-height:initial;
	border-bottom: none;
	background-color:#fff;
	padding:0;
	position: inherit;
}
header .logo img{
	width: 100%;
	max-width:400px;
	line-height: 100px;
	margin:0 auto;
	display: block;
}
	
/* ------------------------------------------------------- */
/* アイキャッチ */
/* ------------------------------------------------------- */
/*#eyecatch{
	position: relative;
}
#eyecatch img{
	width:100%;
	height:auto;
	max-width:1200px;
	margin:0 auto;
	display: block;
}*/

#eyecatch{
	position: relative;
	width:100%;
	max-width: 1200px;
	height: 44vw;
	margin:0 auto 30px;
	display: block;
	background-image: url("../../_img/eyecatch_bg-pc.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
#eyecatch_title{
	position: absolute;
	top:2vw;
	right:0;
	left:44vw;
	width:16vw;
	height:auto;
	z-index:1;
}
#eyecatch_text{
	position: absolute;
	top:57%;
	right:0;
	left:3%;
	width:39%;
	height:auto;
	z-index:1;
}

/* ------------------------------------------------------- */
/* ウッドボタン */
/* ------------------------------------------------------- */
#nenmatsu .button_wood{
	position: relative;
	width:400px;
	margin:0 auto;
}
#nenmatsu .button_wood a{
	width:400px;
	display: block;
	z-index:998;
	background-image: url("../../_img/button_wood_bg.jpg");
	background-size:cover;
	box-shadow: 5px 5px 5px rgba(56,17,0, 0.7);
	height:70px;
	line-height: 70px;
	border-radius: 15px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size:27px;
	letter-spacing: 0.07em;
	color:#fff;
	text-shadow: 4px 2px 2px rgba(35,10,1, 0.7);
	margin:30px auto 80px;
}
#nenmatsu .button_wood a::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../_img/shop_arrow.png)no-repeat;
	background-size: contain;
	background-position: right 0;
	vertical-align: middle;
	margin-bottom:5px;
	position: absolute;
	top:35%;
	right:20px;
}
#nenmatsu .button_wood a:active {
	-webkit-transform: translate(0,5px);
	-moz-transform: translate(0,5px);
	transform: translate(0,5px);
	box-shadow: 0px 0px 0px rgba(56,17,0, 0);
}
	
/* ------------------------------------------------------- */
/* まとめ洗いで新年*/
/* ------------------------------------------------------- */
#nenmatsu_box{
	background-color: #f2ede3;
	width:100%;
	margin:0 auto;
	max-width:900px;
}
.fuchi{
	padding:15px 0;
	background:url(../../_img/nenmatsu_line.jpg);
	background-size: 15px;
	width:100%;
	max-width: 960px;
	margin:0 auto;
}
.fuchi .inner{
	width:100%;
	margin:0 auto;
	background-color:#f2ede3;
	padding:40px 0;
}
#nenmatsu_box h1{
	font-size:33px;
	line-height:1.6;
	padding:20px 0 10px; 
	letter-spacing: 0.05em;
}
#nenmatsu_box h1 em{
	background: linear-gradient(transparent 60%, #fff3a7 60%);
	color:#f12b23;
	letter-spacing: 0.1em;
}
#nenmatsu_box p{
	font-size:30px;
	text-align: center;
	font-weight: 700;
	margin:35px auto;
}
#nenmatsu_box .busy_box{
	width:500px;
	margin:0 auto;
	display: block;
}
#nenmatsu_box .worry_box{
	width:800px;
	margin:40px auto 0;
	display: block;
}
#nenmatsu_box .time{
	font-size:30px;
	letter-spacing: inherit;
}
#nenmatsu_box .lets_box{
	display: flex;
	align-items: center;
	width:100%;
	max-width:750px;
	margin:30px auto 0;
}
#nenmatsu_box .lets_box picture{
	width:35%;
}
#nenmatsu_box .red{
	color:#f12b23;
	margin-left:20px;
	font-size:27px;
}
#nenmatsu_box p em{
	background: url("../../_img/wave_line_red.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:6px;
	margin-bottom: 10px;
	display: inline-block;
	color:#f12b23;
}
	
/* ------------------------------------------------------- */
/* ウォッシュインはこんなコインランドリー */
/* ------------------------------------------------------- */
#wash_inn{
	padding:80px 0 10px;
	margin:0 auto;
	background-color: #fff;
}
#wash_inn h2::before{
	content: '姫路・たつのに計8店舗 !'; 
	color: #f98f00; 
	font-size: 30px; 
	display: block;
	padding-bottom: 10px;
}
#wash_inn h3{
	font-size:26px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.05em;
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:6px;
	margin:0 0 20px;
	display: inline-block;
}
#wash_inn p{
	font-size:18px;
	text-align: left;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.02em;
}
#wash_inn ul{
	display: flex;
	flex-direction:column;
	justify-content:center;
	width:100%;
	max-width:1200px;
	margin:30px auto;
}
#wash_inn li{
	width:100%;
	max-width:850px;
	align-items: center;
	display: flex;
	margin:0 auto;
}
#wash_inn li:nth-child(odd){
	flex-direction: row-reverse;
}
#wash_inn li:nth-child(even){
	flex-direction: row;
}
#wash_inn li div{
	text-align: center;
	width:400px;
}
#wash_inn li div{
	margin-left:30px;
}
#wash_inn li img{
	width:400px;
}

/* ------------------------------------------------------- */
/* 洗濯するといいことがいっぱい */
/* ------------------------------------------------------- */
#coin_laundry{
	margin:0 auto;
	background-color: #fffeea;
	background-image:url("../../_img/bg_wave_yellow.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}

#coin_laundry h2{
	padding-top:120px;
}
#coin_laundry h3{
	font-size:30px;
	font-weight: 700;
	line-height: 1.6;
	position: relative;
	letter-spacing: 0.05em;
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:6px;
	margin-bottom: 30px;
	display: inline;
	text-align: left;
}
#coin_laundry p{
	font-size:20px;
	text-align: left;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.02em;
}
#coin_laundry ul{
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: center;
	align-content:flex-start;
	text-align: center;
	width: 100%;
	margin:30px 0 0;
}
#coin_laundry li{
	margin-bottom:80px;
	width:48%;
	margin-right:2%;
}
#coin_laundry li:nth-of-type(2n){
	margin-right:0;
}
#coin_laundry ul div{
	display: flex;
	justify-content:center;
	align-items:center;
	padding:10px 0 0;
}
#coin_laundry ul img{
	display: inline-block;
	margin:0 20px 10px 0;
	width:100px;
}
#coin_laundry p{
	font-size:18px;
	color:#f98f00;
	text-align: left;
	width: 85%;
	margin:0 auto;
}

/* ------------------------------------------------------- */
/* 家庭では洗いにくい大物類も洗える！ */
/* ------------------------------------------------------- */
#washing{
	padding:30px 0;
	margin:0 auto 60px;
	background-color: #fff;
	background-image:url("../../_img/bg_wave_yellow_bottom.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}
#washing h2{
	padding-top:100px;
}
#washing h3{
	font-size:30px;
	font-weight: 700;
	line-height: 1.6;
	position: relative;
	letter-spacing: 0.05em;
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom:8px;
	margin-bottom: 10px;
	display: inline;
	text-align: left;
}
#washing p{
	font-size:22px;
	text-align: center;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.02em;
	padding:20px 0;
}
#washing ul{
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items: flex-end;
	align-self:flex-end;
	width: 100%;
	padding:30px 0 30px;
}
#washing li{
	width:18%;
	margin-right:2%;
	text-align: center;
}
#washing li:nth-child(5n){
	margin-right:0%;
}
#washing li img{
	width:75%;
	display: block;
	margin:0 auto;
}
#washing .fuwa{
	font-size:25px;
	line-height: 1.8;
	padding:20px 0; 
	letter-spacing: 0.1em;
}
#washing .fuwa em{
	background: url("../../_img/wave_line_orange.png")bottom repeat-x;
	background-size: 20px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-weight: 700;
}
#washing .fuwa_box{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
#washing .fuwa_box img{
	width:100%;
	max-width:600px;
	margin:0 auto;
	display: block;
	border-radius: 50px;
}

/* ------------------------------------------------------- */
/* 選ばれる4つの理由 */
/* ------------------------------------------------------- */
#reason{
	padding:30px 0 0;
	margin:0 auto;
	background-color: #fffeea;
	background-image:url("../../_img/bg_wave_yellow.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}
#reason .reason_title{
	display: flex;
	align-items: center;
}
#reason h2{
	padding-top:80px;
}
#reason h3{
	font-size:27px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}
#reason h3 img{
	width:20px;
}
#reason p{
	font-size:18px;
	text-align: center;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.02em;
	padding:15px 0 10px;
}
#reason ul{
	display: flex;
	justify-content:flex-start;
	flex-direction:row;
	flex-wrap: wrap;
	width: 100%;
	padding:30px 0 15px;
	text-align: center;
}
#reason ul p{
	text-align: left;
	color:#f98f00;
}
#reason li{
	margin-bottom: 40px;
	width:42%;
	margin-right: 8%;
}
#reason li:nth-of-type(2n){
	margin-right: 0%;
}
#reason ul .reason_qr_title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
#reason ul .reason_number{
	display: inline-block;
	margin:0 30px 0 0;
	width:80px;
}
#reason h4{
	font-size:18px;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	display: inline-block;
	color: #fff;
	background-color: #f98f00;
	border-radius: 20px;
	padding:0 20px;
	line-height: 30px;
}
#reason .some::after{
	/*content: '※太子店のみ';*/
	content: '※南条店、広畑店、たつの西店、太子店のみ';
	font-size:16px;
	display: block;
	font-weight: 400;
	letter-spacing: -0.03em;
}
#reason .pitapa{
	font-size:16px;
	display: block;
	text-align: center;
	color:#4e4d4e;
}
#reason .qr_electronic_box{
	display: flex;
	flex-direction: column;
	text-align: center;
}
#reason .qr_electronic_box div{
	margin-bottom:10px;
	width:70%;
	margin-left: 20%;
}
#reason .qr_electronic_box div:last-of-type{
	margin-bottom:0px;
}
#reason .free_time{
	margin-bottom:38px;
}
	
/* ------------------------------------------------------- */
/* 店舗一覧 */
/* ------------------------------------------------------- */
#shop{
	padding:30px 0 0;
	margin:0 auto;
	background-color: #fff;
	background-image:url("../../_img/bg_wave_yellow_bottom.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}
#shop h2{
	padding-top:80px;
}
#shop h3{
	font-size:27px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0;
	display: flex;
	align-items: center;
}
#shop h3 span{
	font-size:18px;
	font-weight: 400;
	line-height: 30px;
	position: relative;
	letter-spacing: 0.05em;
	margin-left:10px;
	background-color:#f98f00;
	color:#fff;
	border-radius: 20px;
	padding:0 10px;
}
#shop p{
	font-size:20px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.02em;
	color:#f98f00;
	text-align: left;
	margin-bottom:15px;
}
#shop ul{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 100%;
	padding:30px 0 15px;
	text-align: center;
}
#shop li{
	margin-bottom: 90px;
	width:45%;
	margin-right:10%;
}
#shop li:nth-of-type(2n){
	margin-right:0%;
}
#shop li .photo{
	position: relative;
}
#shop li .photo_qr{
	position: absolute;
	top:55px;
	right:-15px;
	z-index:997;
	width:120px;
}
#shop a.cv_shop_button{
	position: relative;
	width:100%;
	max-width:350px;
	margin:27px auto 0;
	display: block;
	line-height: 60px;
	border-radius: 20px;
	font-size:27px;
	font-family: 'Noto Sans JP', sans-serif;
	background: linear-gradient(135deg, #A0C332 10%, #00964F 100%);
	box-shadow: 1px 6px 1px #006f4d;
	text-shadow: 2px 2px 2px rgba(0,129,61, 1);
}
#shop a.cv_shop_button::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../_img/shop_arrow.png)no-repeat;
	background-size: contain;
	background-position: right 0;
	vertical-align: middle;
	margin-bottom:5px;
	position: absolute;
	top:30%;
	right:20px;
}
#shop a.cv_shop_button:active {
	-webkit-transform: translate(0,6px);
	-moz-transform: translate(0,6px);
	transform: translate(0,6px);
	box-shadow: 0px 0px 0px rgba(56,17,0, 0);
}
/* ------------------------------------------------------- */
/* プライバシーポリシー*/
/* ------------------------------------------------------- */
#privacy{
	width:100%;
	max-width:1200px;
	margin:0 auto 30px;
}
#privacy h2{
	font-size: 30px;
	line-height: 2;
	padding:30px 0;
}
#privacy dt{
	font-size:20px;
	color:#f98f00;
	margin-bottom:10px;
	border-left:solid 8px #f98f00;
	padding:0.25em 0.5em;
}
#privacy dd{
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 2;
	margin-bottom: 30px;
}
#privacy ul{
	margin:20px 0 0;
}
#privacy p,
#privacy li {
	font-size: 16px;
	margin-bottom:30px;
	line-height: 2;
	font-family: 'Noto Sans JP', sans-serif;
}
#privacy li:last-of-type{
	margin-bottom:0px;
}
#privacy .disc{
	list-style: disc;
	margin-left: 2.0em;
	padding-left: -1.0em;
}
#privacy .accessTable {
	width:500px;
	background-color: #fff;
	margin-bottom:30px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-top:20px;
}
#privacy .accessTable a{
	color:#4e4d4e;
}
#privacy .accessTable th,td {
	font-size: 1.6rem;
	border: #f98f00 1px solid;
	padding: 10px;
}
#privacy .accessTable th {
	color: #ffffff;
	background: #f98f00;
}

}

/* PC小　画面サイズが1201pxから
/////////////////////////////////////////////////////// */
@media screen and (min-width:1201px){
#eyecatch{
	position: relative;
	width:100%;
	max-width: 1200px;
	height: 520px;
	margin:0 auto 30px;
	display: block;
	background-image: url("../../_img/eyecatch_bg-pc.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
#eyecatch_title{
	position: absolute;
	top:20px;
	right:0;
	left:530px;
	width:190px;
	height:auto;
	z-index:1;
}
#eyecatch_text{
	position: absolute;
	top:300px;
	right:0;
	left:30px;
	width:467px;
	height:auto;
	z-index:1;
}

}