@charset 'UTF-8';
/*************
/* 100%表示用
*************/
/* 基本設定 */
#page-main {
  width: 100%;
}
#page-main img {
  max-width: 100%;
  height: auto;
}

/********************
/* font
********************/
.f20{
	font-size: 1.15rem;
}
.f30{
	font-size: 1.38rem;
}
.f35{
	font-size: 1.69rem;
}
.f40{
	font-size: 2rem;
}
@media screen and (min-width: 1200px){
	.f20{
		font-size: 1.33rem;
	}
	.f30{
		font-size: 2rem;
	}
	.f35{
		font-size: 2.33rem;
	}
	.f40{
		font-size: 2.66rem;
	}
}


/********************
/* 洗う
********************/
/*** laundry_main ***/
.laundry_main{
	width: 96.15%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5.36rem;
	position: relative;
}
.laundry_main_img{
	width: 100%;
	height: 250px;
	position: relative;
}
.laundry_main_img::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
}
#page-main .laundry_main_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.laundry_main .logo{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 200px;
	display: block;
}
.laundry_main .award{
	position: absolute;
	right: 2.78%;
	bottom: 8.33%;
	width: 100px;
	display: block;
}
@media screen and (min-width: 576px){
	.laundry_main_img{
		height: auto;
		aspect-ratio: 11 / 4;
	}
}
@media screen and (min-width: 768px){
	.laundry_main{
		width: 97.05%;
	}
	.laundry_main .logo{
		width: 30.84%;
	}
	.laundry_main .award{
		width: 18.18%;
	}
}
@media screen and (min-width: 1200px){
	.laundry_main{
		margin-bottom: 9.5rem;
	}
}


/*** laundry_difference ***/
.laundry_difference .f40{
	line-height: 1.4;
	margin-bottom: 3.44rem;
}
.laundry_index{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.laundry_index li{
	list-style: none;
	width: calc((100% - 20px)/2);
}
.laundry_index li:nth-child(2){
	margin-left: 20px;
}
.laundry_index li a{
	background-color: #e67800;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	padding: 20px 0 15px;
	transition: .3s;
}
.laundry_index li a .no{
	font-size: 0.84rem;
	line-height: 1;
	margin-bottom: 0;
}
.laundry_index li a .txt{
	font-size: 1.3rem;
	line-height: 1;
	margin-bottom: 0;
}
.laundry_index li a .arrow{
	display: block;
	width: 10px;
	height: 10px;
	background-image: url("../images/arrow_w.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: rotate(90deg);
	position: relative;
	top: 0;
	transition: .3s;
}
.laundry_index li a:hover{
	text-decoration: none;
	opacity: 0.8;
}
.laundry_index li a:hover .arrow{
	top: 5px;
}
@media screen and (min-width: 576px){
	.laundry_index li{
		width: calc((100% - 30px)/3);
		margin-right: 15px;
	}
	.laundry_index li:nth-child(2){
		margin-left: 0;
	}
	.laundry_index li:last-child{
		margin-right: 0;
	}
}
@media screen and (min-width: 768px){
	.laundry_index li{
		width: calc((100% - 50px)/3);
		margin-right: 25px;
	}
}
@media screen and (min-width: 992px){
	.laundry_index li{
		width: calc((100% - 76px)/3);
		margin-right: 38px;
	}
}
@media screen and (min-width: 1200px){
	.laundry_difference .f40{
		margin-bottom: 6.16rem;
	}
	.laundry_index li{
		width: calc((100% - 100px)/3);
		margin-right: 50px;
	}
	.laundry_index li a{
		padding: 35px 0 30px;
	}
	.laundry_index li a .no{
		font-size: 0.86rem;
	}
	.laundry_index li a .txt{
		font-size: 1.86rem;
	}
	.laundry_index li a .arrow{
		width: 14px;
		height: 14px;
	}
	.laundry_index li a:hover .arrow{
		top: 10px;
	}
}
/*** ld_block ***/
.ld_block{
	margin-top: 5rem;
}
.ld_img{
	margin-bottom: 2.39rem;
}
.ld_txtArea .inner{
	width: 100%;
	max-width: 510px;
}
.ld_txtArea .f35{
	margin-bottom: 1.7rem;
}
.ld_sub{
	font-size: 1rem;
	letter-spacing: 0;
	line-height: 2;
	margin-bottom: 0;
}
.ld_sub + .ld_copy{
	margin-top: -0.015rem;
	margin-bottom: 0;
}
.ld_copy span{
	background: linear-gradient(transparent 60%, #e67800 40%);
}
.ld_copy + .ld_list{
	margin-top: 1.25rem;
}
.ld_list{
	margin-bottom: 0;
}
.ld_list li{
	list-style: none;
	position: relative;
	font-size: 1.07rem;
	letter-spacing: 0;
	line-height: 1.76;
	padding-left: 27px;
	padding-bottom: 8px;
	margin-top: 10px;
}
.ld_list li::before{
	position: absolute;
	content: "";
	width: 13px;
	height: 14px;
	background-image: url("../images/page/check.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
	top: 7px;
	left: 0;
}
.ld_list li::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background-image: url("../images/page/dots.svg");
	background-size: 9px 3px; /* 横9px間隔、縦3px */
	background-repeat: repeat-x;
	background-position: left center;
	bottom: 0;
	left: 0;
}
.ld_list li:first-child{
	margin-top: 0;
}
.ld_list.ld1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ld_list.ld1 li{
	width: calc((100% - 23px)/2);
}
.ld_list.ld1 li:nth-child(2){
	margin-top: 0;
}
.ld_txtArea .txt_block{
	text-align: justify;
}
.ld_txt{
	font-size: 1.15rem;
	letter-spacing: 0;
	line-height: 1.75;
	margin-top: 1.65rem;
	margin-bottom: 0;
}
.ld_sub_flex{
	display: flex;
	justify-content: space-between;
}
.ld_per{
	font-size: 1.07rem;
	line-height: 1;
	margin-bottom: 0;
}
.ld_per .f-eng{
	font-size: 2.69rem;
	color: #ea7a46;
	letter-spacing: 0;
	font-weight: 400;
}
.ld_sub_flex + .txt_block{
	margin-top: 1.15rem;
}
.txt_block + .ld_list{
	margin-top: 1.05rem;
}
.txt_block + .ld_list + .txt_block{
	margin-top: 1.16rem;
}
.ld_fin{
	margin-top: 2.26rem;
}
.ld_fin .f30{
	line-height: 1.66;
	margin-bottom: 2.42rem;
}
@media screen and (min-width: 768px){
	.ld_block{
		display: flex;
		justify-content: space-between;
	}
	#difference1.ld_block, #difference3.ld_block{
		flex-direction: row-reverse;
	}
	.ld_img{
		width: 41.84%;
		margin-bottom: 0;
	}
	.ld_txtArea{
		width: 50.46%;
		align-self: center;
	}
}
@media screen and (min-width: 992px){
	.ld_img{
		width: 53.84%;
	}
	.ld_txtArea{
		width: 38.46%;
	}
}
@media screen and (min-width: 1200px){
	.ld_block{
		margin-top: 8rem;
	}
	.ld_img{
		width: 40.84%;
	}
	.ld_txtArea{
		width: 51.46%;
	}
	.ld_txtArea .f35{
		margin-bottom: 3rem;
	}
	.ld_sub + .ld_copy{
		margin-top: -0.03rem;
	}
	.ld_copy + .ld_list{
		margin-top: 2.23rem;
	}
	.ld_list li{
		font-size: 1.13rem;
		padding-left: 32px;
		padding-bottom: 10px;
		margin-top: 12px;
	}
	.ld_list li::before{
		top: 10px;
	}
	.ld_txt{
		font-size: 1.66rem;
		margin-top: 2.53rem;
	}
	.ld_per{
		font-size: 1.33rem;
	}
	.ld_per .f-eng{
		font-size: 4rem;
	}
	.ld_sub_flex + .txt_block{
		margin-top: 2.23rem;
	}
	.txt_block + .ld_list{
		margin-top: 2.13rem;
	}
	.txt_block + .ld_list + .txt_block{
		margin-top: 2.38rem;
	}
	.ld_fin{
		margin-top: 4.76rem;
	}
	.ld_fin .f30{
		margin-bottom: 3.96rem;
	}
}
@media screen and (min-width: 1400px){
	.ld_img{
		width: 48.84%;
	}
	.ld_txtArea{
		width: 43.46%;
	}
}
@media screen and (min-width: 1600px){
	.ld_img{
		width: 53.84%;
	}
	.ld_txtArea{
		width: 38.46%;
	}
}
/*** ld_night ***/
.ld_night{
	max-width: 800px;
	margin-top: 3.04rem;
	margin-right: auto;
	margin-left: auto;
}
.ld_night .table-bordered{
	border: 1px solid #e67800;
}
.ld_night .table-bordered tr:nth-child(2){
	border-bottom: 1px solid #e67800;
}
.ld_night .table-bordered th, .ld_night .table-bordered td{
	font-weight: 400;
	text-align: center;
	border: none;
}
.ld_night .table-bordered th.lg_night_head{
	background-color: #e67800;
	color: #fff;
}
.ld_night .table-bordered th{
	vertical-align: middle;
	color: #e67800;
	font-size: 1.23rem;
}
.ld_night .table-bordered td{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-left: 1px solid #e67800;
}
.ld_night .table-bordered td .arrow{
	position: relative;
	width: 15px;
	height: 15px;
}
.ld_night .table-bordered td .arrow::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-image: url("../images/arrow_b.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 0;
	left: 0;
	transform: rotate(90deg);
}
.ld_night .table-bordered td .big{
	color: #e67800;
	font-size: 1.23rem;
}
@media screen and (min-width: 768px){
	.ld_night .table-bordered td{
		flex-direction: row;
		justify-content: center;
	}
	.ld_night .table-bordered td .arrow{
		margin: 0 20px 0 10px;
	}
	.ld_night .table-bordered td .arrow::after{
		transform: rotate(0);
	}
}
@media screen and (min-width: 1200px){
	.ld_night{
		margin-top: 5.46rem;
	}
	.ld_night .table-bordered th{
		font-size: 1.33rem;
		width: 35%;
	}
	.ld_night .table-bordered td .big{
		font-size: 1.33rem;
	}
}
/*** laundry_bfaf ***/
.laundry_bfaf{
	margin-top: 4.38rem;
}
.bfaf{
	margin-bottom: 0;
	text-align: center;
}
.bfaf li{
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bfaf li + li{
	margin-top: 2.38rem;
}
.bfaf li .item{
	width: 46.15%;
}
.bfaf li .item .f-eng{
	color: #e67800;
	display: block;
	font-size: 1.06rem;
	line-height: 1;
	margin-top: 1.38rem;
}
.bfaf li .arrow{
	width: 10px;
	height: 10px;
	position: relative;
	margin-top: -32px;
}
.bfaf li .arrow::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-image: url("../images/page/arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (min-width: 768px){
	.bfaf li .arrow{
		width: 20px;
		height: 20px;
	}
}
@media screen and (min-width: 1200px){
	.laundry_bfaf{
		margin-top: 8.9rem;
	}
	.bfaf li + li{
		margin-top: 3.9rem;
	}
	.bfaf li .item .f-eng{
		font-size: 1.2rem;
		margin-top: 1.96rem;
	}
	.bfaf li .arrow{
		width: 25px;
		height: 25px;
		margin-top: -48px;
	}
}
/* こんなものが洗えます */
.page_container .wash_block{
	margin-top: 4.51rem;
}
@media screen and (min-width: 1200px){
	.page_container .wash_block{
		margin-top: 9.8rem;
	}
}
/* jiro_info */
.jiro_info{
	margin-top: 4.51rem;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.jiro_info_txtArea{
	margin-bottom: 2.67rem;
}
.jiro_info_txtArea ul{
	margin-bottom: 0;
}
.jiro_info_txtArea ul li{
	list-style: none;
	display: flex;
}
.jiro_info_txtArea ul li + li{
	margin-top: 1rem;
}
.jiro_info_txtArea ul li .item{
	color: #e67800;
	width: 80px;
}
.jiro_info_txtArea ul li .con{
	width: calc(100% - 80px);
}
.jiro_info_txtArea ul li .con .txt_block p + p{
	margin-top: 0.5rem;
}
.jiro_info_txtArea ul li .con span{
	display: block;
}
@media screen and (min-width: 768px){
	.jiro_info_flex{
		display: flex;
		justify-content: space-between;
	}
	.jiro_info_txtArea{
		width: calc((100% - 2rem)/2);
		margin-bottom: 0;
	}
	.jiro_info_map{
		width: calc((100% - 2rem)/2);
	}
	.jiro_info_map .youtube{
		height: 100%;
		padding: 0;
	}
}
@media screen and (min-width: 1200px){
	.jiro_info{
		margin-top: 8.9rem;
	}
	.jiro_info_txtArea ul li .con{
		width: calc(100% - 100px);
	}
	.jiro_info_txtArea ul li .item{
		width: 100px;
	}
}
@media screen and (min-width: 1400px){
	.jiro_info_txtArea{
		width: calc((100% - 3rem)/2);
	}
	.jiro_info_map{
		width: calc((100% - 3rem)/2);
	}
}

/********************
/* 会社概要
********************/
.co_map{
	margin-top: 5.38rem;
}
@media screen and (min-width: 768px){
	.co_map .youtube{
		padding: 0;
		aspect-ratio: 13 / 5;
	}
}
@media screen and (min-width: 1200px){
	.co_map{
		margin-top: 8rem;
	}
}

/********************
/* お問い合わせ
********************/
.bukken_cf.p_contact{
	margin-top: 0;
}

/********************
/* プライバシーポリシー
********************/
.privacy-con + .privacy-con{
	margin-top: 2.06rem;
}
.privacy-con-inner{
	margin-bottom: 1rem;
}
.indices{
	margin-left: 12px;
}
.indices li{
	list-style: none;
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin-bottom: 10px;
}
.privacy-list{
	margin-left: 7px;
	margin-bottom: 15px;
}
.privacy-list li{
	margin-left: 20px;
	list-style: disc;
}
.privacy-list li:first-child {
	list-style: none;
	margin-left: 0;
}
@media screen and (min-width: 992px){
	.privacy-con + .privacy-con{
		margin-top: 2.153rem;
	}
}
@media screen and (min-width: 992px){
	.privacy-con + .privacy-con{
		margin-top: 2.69rem;
	}
}
@media screen and (min-width: 1200px){
	.indices{
		margin-left: 20px;
	}
	.privacy-list{
		margin-left: 20px;
	}
}
@media screen and (min-width: 1400px){
	.privacy-con + .privacy-con{
		margin-top: 3.23rem;
	}
}

/********************
/* 著書
********************/
/* accordion */
.accordion_area{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.accordion_area .accordion_one{
	position: relative;
}
.accordion_area .accordion_one::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(170,170,170,0.5);
	bottom: 0;
	left: 0;
}
.accordion_area .accordion_one .ac_header {	
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition: .3s;
	padding: 1.538rem 0 2rem;
}
.ac_tit{
	margin-bottom: 0.838rem;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
	opacity: 0.8;
	transition: .3s;
}
.accordion_area .accordion_one .ac_header .i_box {
	background-color: #000;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.846rem;
	width: 110px;
	height: 25px;
	border-radius: 50px;
}
.accordion_area .accordion_one .ac_header .i_box .arrow{
	width: 10px;
	height: 10px;
	position: relative;
	margin-right: 8px;
}
.accordion_area .accordion_one .ac_header .i_box .arrow::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background-image: url("../images/page/book_arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box .arrow::after{
	transform: rotate(180deg);
}
.accordion_area .accordion_one .ac_inner {
	display: none;
	padding: 1rem 0 3rem;
	position: relative;
}
@media screen and (min-width: 576px){
	.accordion_area .accordion_one .ac_header{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1.66rem 0;
	}
	.ac_tit{
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1200px){
	.accordion_area .accordion_one .ac_header{
		padding: 2.66rem 0;
	}
	.accordion_area .accordion_one .ac_header .i_box{
		font-size: 0.86rem;
		width: 120px;
		height: 30px;
	}
}