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

a:visited{
	opacity: 1;
}
a:hover{
	opacity: 1;
}
a:focus {
	outline:none;
	text-decoration: none;
}

a:active {
	color: #333333;
}

body{
	font-size: 3.6vw;
}

#wap{
	padding-top: 60px;
}

.f_14{
	font-size: 3.4vw;
}

.f_18{
	font-size: 4.0vw;
}
.f_20{
	font-size: 4.4vw;
}
.f_22{
	font-size: 4.6vw;
}
.f_24{
	font-size: 5.0vw;
}
.f_26{
	font-size: 5.4vw;
}
.f_28{
	font-size: 5.8vw;
}

.f_32{
	font-size: 6.0vw;
}

.f_38{
	font-size: 7.0vw;
}


.f_42{
	font-size: 6.6vw;
}


.f_46{
	font-size: 7.0vw;
}




.btn{
	font-size: 3.6vw;
	padding: 15px 50px;
	line-height: 18px;
}

a .arrow_btn i{
	top: -3px;
}

.wh_bg{
	width: 90%;
}

.sp_blocl{
	display: block;
}

.pc_blocl{
	display: none;
}


/*----------------------------------------------------------------

ハンバーガー

----------------------------------------------------------------*/
.accordion_drawer .link {
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.menu-trigger {
  display: inline-block;
  width: 30px;
  height: 23px;
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  transform: translateX(0);
  transition: transform .5s;
 }
 .menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #222;
}
.menu-trigger.active span {
  background-color: #444444;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-11px) rotate(45deg);
}
.sp_blk nav {
	width: 250px;
	height: 100%;
	padding-top: 100px;
	background-color:#FFFFFF;
	position: fixed;
	top: 60px;
	right: 0;
	z-index: 1000;
	transform: translate(290px);
	transition: all .5s;
	padding: 10px 20px;
}
.sp_blk nav.open {
	transform: translateZ(0);
}
.sp_blk nav li {
	text-align: left;
	border-bottom:1px solid #CCCCCC;
	font-size:14px;
	padding: 9px 0 9px 9px;
	position: relative;
}
.sp_blk .menu_08 a{
	display: block;
	width:100%;
	padding: 10px 0;
	color:#fff;
	font-weight: 900;
}
.sp_blk .menu_09{
	text-align: center;
}
.sp_blk .menu_09 a{
	display: block;
	width:100%;
	border: 3px solid #546BA8;
	color:#546BA8;
	font-size:24px;
	padding-top:3px; 
}
.sp_blk .menu_09 a span{
	font-size:18px;
}
.side_nav.sp_blk .navi_logo{
	position: fixed;
	top:0;
	left:0;
	height:40px;
	width: 100%;
	background:#fff;
	z-index: 1000;
	padding:10px 0 10px 10px
}
.side_nav.sp_blk .navi_logo img{
	width: 130px;
	height:auto;
}
.side_nav.sp_blk {
  height: 100%;
  overflow-x: hidden;
  position: relative;
}

/*--- Submenu ----*/
.submenu {
	display: none;
	font-size: 14px;
	padding: 7px 0 0px 10px;
}
.submenu p{
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.side_nav li i.material-icons-down {
    font-size: 20px;
	position: absolute;
	top: 2px;
	right: 8px;
}
.side_nav li.open i.material-icons-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.side_nav .btn-wap{
	margin-top: 20px;
}

.side_nav .btn{
	line-height: 18px;
}






/*---------------------/footer---------------------*/

#contact{
	padding: 30px 0 50px;
}

#contact .fl{
	display: block;
}

#contact .contact_txt_box01{
	max-width: 100%;
	width: 100%;
	text-align: center;
	padding: 10px 0 0 0;
}

#contact .contact_txt_box02{
	padding-left: 0;
	max-width: 100%;
	width: 100%;
	text-align: center;
}

#contact .contact_txt_box02 .btn-wap{
	text-align: center;
}

footer{
	text-align: center;
	padding: 40px 0 0;
}

.page_top{
	position: relative;
	top: 15px;
	right: 0;
}

address{
	padding: 20px 0;
}

/*---------------------footer/---------------------*/

/*---------------------/top---------------------*/
#top .main_img.fl{
	flex-direction: column-reverse;
}

#top .main_img img{
	width: 86%;
	max-width: 86%;
	position: relative;
    z-index: 2;
}

#top .main_img img.main_img{
	margin-left: 14%;
}

#top .main_img .main_img_txt{
	margin: 0;
	left: 0;
	top: -110px;
}

#top .main_img .main_img_txt .main_img_txt_img{
	width: 70%;
	max-width: 70%;
	position: relative;
	z-index: 3;
	margin-left: 3%;
}

#top .main_img .main_img_txt p{
	margin-left: 4%;
	position: relative;
	top: -10px;
	font-weight: 700;
}

#top .service{
	background-image: url("../img/top/bg01_sp.png");
	background-size: cover;
	padding: 40px 0 30px;
	top: 0;
	margin-top: -90px;
	
}

#top .service .fl{
	display: block;
	margin-top: 20px;
}

.card{
	width: 76%;
	margin: 0 auto 20px;
	padding: 20px 20px 20px;
}

#top .service .service_box_ttl{
	width: 100%;
	margin: 20px auto 10px;
}

#top .service_box ul{
	margin-bottom: 30px;
}

#top .service_box ul li{
	margin-left: 10px;
}

#top .service_box a .arrow_btn{
	right: 23px;
	bottom: 20px;
}
#top .top_sns .fb,
#top .insta{
    width:100%;
}

#top .top_sns .sub_ttl01{
	width: 100%;
	text-align: center;
	margin: 50px 0 15px 0;
}

#top .insta_img_wap{
	background-image: none;
	padding: 0;
	width: 100%;
}

#top .insta_img_wap img{
	max-width: 33.3%;
	width: 33.3%;
}

#top .top_sns .arrow_btn{
	width: 58%;
	margin: 10px auto 0;
	text-align: center;
}

#top .top_sns iframe{
    width: 100%;
    height: 400px;
}

#top .top_company{
	padding: 30px 0 30px;
	background-size: 250%;
}

#top .top_company .top_company_bg{
	background: none;
	width: 100%;
	margin: auto;
}

#top .top_company .top_company_bg_sp{
	background: #1A72B8;
	width: 90%;
	margin: auto;
	padding-bottom: 30px;
}

#top .top_company .fl{
	display: block;
	top: 0;
}

#top .top_company .top_company_img_box{
	width: 90%;
	margin: 0 auto 15px;
	height: auto;
}

#top .top_company .top_company_img_box img{
	width: 100%;
	height: auto;
	margin: auto;
}
.view .mask,
.view .content,
.view .mask02{
    width: 100%;
    height: auto;
}



#top .top_company .top_company_bg .sub_ttl01{
	padding: 30px 0 15px;
}

#top .top_company .fl .top_company_img_box02{
	top: 0;
}

#top #contact{
	margin-top: 0;
}

#top .top_company .fl p.top_company_txt{
	top: 0;
	left: 20px;
}

#top .top_company .top_company_txt_box{
	margin-top: -50px;
}

#top .top_company .arrow_btn{
	width: 62%;
	margin: 10px auto 0;
	text-align: center;
}

p.news {
	margin: 0 20px;
	font-size: 14px;
}

/*---------------------top/---------------------*/

/*---------------------/sub共有---------------------*/
.sub_main_ttl01{
	background: url("../img/common/sub_ttl01_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl02{
	background: url("../img/common/sub_ttl02_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl03{
	background: url("../img/common/sub_ttl03_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl04{
	background: url("../img/common/sub_ttl04_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl05{
	background: url("../img/common/sub_ttl05_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl06{
	background: url("../img/common/sub_ttl06_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl07{
	background: url("../img/common/sub_ttl07_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl08{
	background: url("../img/common/sub_ttl08_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl09{
	background: url("../img/common/sub_ttl09_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl10{
	background: url("../img/common/sub_ttl10_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl11{
	background: url("../img/common/sub_ttl11_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl12{
	background: url("../img/common/sub_ttl12_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl13{
	background: url("../img/common/sub_ttl13_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl14{
	background: url("../img/common/sub_ttl14_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl15{
	background: url("../img/common/sub_ttl15_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl16{
	background: url("../img/common/sub_ttl16_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl17{
	background: url("../img/common/sub_ttl17_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl18{
	background: url("../img/common/sub_ttl18_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl19{
	background: url("../img/common/sub_ttl19_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl20{
	background: url("../img/common/sub_ttl20_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}

.sub_main_ttl21{
	background: url("../img/common/sub_ttl21_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl22{
	background: url("../img/common/sub_ttl22_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl23{
	background: url("../img/common/sub_ttl23_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}
.sub_main_ttl24{
	background: url("../img/common/sub_ttl24_sp.jpg");
	background-size: cover;
	background-position: center;
	height: 160px;
}


.sub_main_ttl h3{
	padding: 50px 0 0;
}

.sub_main_ttl h3 p{
	margin-bottom: 4px;
}

.sub_main_txt{
	top: -20px;
	width: 80%;
	padding: 25px 0 20px;
}

.sub_main_txt p.sub_main_txt02{
	text-align: left;
	width: 94%;
	margin: 20px auto 0;
}


.sub_menu{
	background-size: 320%;
	padding-bottom: 40px;
}

.sub_menu .fl{
	width: 90%;
}

.sub_menu .card{
	width: 100%;
	margin-bottom: 18px;
}

.sub_menu img{
	height: 140px;
	width: 100%;
	object-fit: cover;
}

.sub_main_fot_txt{
	width: 98%;
	margin: 0 auto 30px;
}

.sub_main_fot_txt .sub_main_fot_txt_box{
	width: 46%;
	margin: 10px 1%;
	text-align: center;
}

.sub_main_fot_txt .sub_main_fot_txt_box img{
	width: 80%;
    margin: auto;
	height: auto;
}

.sub_main_fot_txt .sub_main_fot_txt_box .sub_main_fot_txt_box_txt02{
	text-align: left;
	font-size: 12px;
}

.sub_menu .sub_menu_box .card{
	margin: 0 12px 10px;
	padding: 20px 0 0;
	max-width: 93%;
}

.sub_menu .sub_menu_box p.sub_menu_box_txt01{
	width: 88%;
}

.sub_menu .sub_menu_box .card .sub_menu_ttl p{
	    background: url(../img/common/arrow01.png) center right 20px;
	background-repeat: no-repeat;
    background-size: 20px;
}

img.delivery_btn{
    width: 70%;
    height: auto;
    margin-bottom: 20px;
}


.sub_list_btn-wap{
	margin: 0 auto 30px;
}



.sub_list_btn-wap .btn{
	margin: 0 0 10px;
	 padding: 10px 0px 0px;
    width: 60%;
}

.sub_list{
	width: 90%;
}
.sub_list .sub_list_txt01{
	width: 100%;
}

.sub_list .sub_list_box01{
	width: 100%;
	margin: 0;
}

.sub_list .sub_list_box01 .open_button img{
	width: 100%;
	height: 230px;
	object-fit: cover;
}

.sub_list .sub_list_box01 img.sub_list_img_notxt{
	height: auto;
	margin-bottom: 20px;
}

.sub_list hr{
	height: 30px;
}

.sub_list .sub_list_txt02{
	line-height: 30px;
}

.sub_list .sub_list_box01 .fl{
	margin-bottom: 10px;
}

.sub_list .sub_list_txt03{
	margin-bottom:3px;
}

.sub_list .sub_list_txt04{
	margin: 0 5px 30px 15px;
}

.sub_list hr.sub_list_3{
	background-size: 76%;
}

.sub_list .sub_list_txt05{
	width: 90%;
	padding: 20px 4% 20px 6%;
}

.sub_list .sub_list_txt05 img{
    display: block;
    margin: auto;
}
.sub_list .sub_list_txt05 p{
    margin-top: 15px;
}

.sub_list_txt01{
	line-height: 1.6;
	padding: 10px 0;
}

.sub_list > .fl{
	margin-bottom: 30px;
}

.sub_list_fot_bnr a{
	margin-bottom:70px;
}

.sub_list_fot_bnr{
	padding: 80px 0 0px;
}

.sub_list_fot_bnr .sub_list_fot_bnr_box{
	margin: 0;
	padding: 0 0 25px;
}

.sub_list_fot_bnr .sub_list_fot_bnr_box img{
    width: 30%;
    height: auto;
    top: -50px;
}

.delivery{
    width: 90%;
    margin: 0 auto 40px;
}

.delivery .sub_main_txt04_hr{
    margin-bottom: 30px;
}

.delivery hr.delivery{
    width: 100%;
    margin: 10px 0;
}

.delivery .delivery_txt01,
.delivery .delivery_txt01 a{
    font-weight: 700;
}

.delivery .delivery_txt03{
    margin-top: 0;
}


.sub_main_txt.sub_main_txt_box01{
	padding: 30px 0 20px;
}

.sub_main_txt .sub_main_txt04_hr{
	margin-bottom: 30px;
}

.sub_list .sub_list_txt06{
	width: 100%;
	margin: -30px auto 20px;
}

.sub_list .sub_list_txt06:before, 
.sub_list .sub_list_txt06:after {
  width: 26%;
}


.sub_list_fot_bnr .sub_list_fot_bnr_txt01{
	margin-top: -40px;
}

.sub_list_fot_bnr{
	background: #0062B0;
}

.sub_list_monme{
    padding: 40px 0;
    margin-bottom: 40px;
}

.sub_list_monme .sub_list_monme_txt01{
    top: -12px;
    margin-bottom: 5px;
}

.modal_content{
    width: 90%;
    padding: 30px 10px 10px 10px;
}

.close_button{
    font-size: 16px;
    top: 4px;
    right: 7px;
}

.sub_set{
    padding-bottom: 50px;
}

.sub_set01{
    margin-top: 10px;
}

.sub_set .sub_set_icon01{
    width: 24%;
    height: auto;
    top: -27px;
}
.sub_set .sub_set_txt01 {
    margin: -10px auto 20px;
}

.sub_set .sub_set_img_wap{
    width: 80%;
    justify-content: center;
}

.sub_set .sub_set_img_wap .sub_set_img_box{
    width: 100%;
    padding: 30px 0 20px;
}

.sub_set .sub_set_img_wap .sub_set_img_box p{
    margin-bottom: 10px;
}

.sub_set .sub_set_img_wap img{
    width: 60%;
    height: auto;
}

.sub_set .sub_set_img_wap i{
    margin: 10px auto;
}

.sub_set_last{
    margin-bottom: 0;
}


/*---------------------sub共有/---------------------*/

/*---------------------/rental_towel---------------------*/
#rental_towel .sub_main_txt{
	padding-bottom: 0;
}
/*---------------------rental_towel/---------------------*/

/*---------------------/other---------------------*/
#other .sub_menu{
	padding-bottom: 20px;
}
/*---------------------other/---------------------*/

/*---------------------/water-server---------------------*/

#water-server .sub_menu .fl{
	width: 90%;
	margin: auto;
}

#water-server .sub_menu .view-imgbox,
#water-server .sub_menu .view .mask,
#water-server .sub_menu .view .content{
	width: 100%;
}

#water-server .sub_menu .card{
	max-width: 93%;
	width: 93%;
}


#water-server .sub_menu .sub_menu_box p.sub_menu_box_txt01{
	width: 90%;
}

#water-server.purest img.purest_img02{
	margin-bottom: 30px;
}

#water-server.crecla img.crecla_btn{
	width: 80%;
	max-width: 80%;
	margin: 20px 0 30px;
}

#water-server.crecla .crecla_btn-wap{
	margin: 30px 0;
}
#water-server.crecla .crecla_btn-wap .btn{
	margin: 5px 0;
	padding: 10px 0px 0px;
	width: 60%;
}

#water-server.crecla img{
	margin-top: 20px;
}

#water-server.crecla #an01,
#water-server.crecla #an02,
#water-server.crecla #an03,
#water-server.crecla #an04{
	position: relative;
	top: 10px;
}	



/*---------------------water-server/---------------------*/

/*---------------------/company---------------------*/
#company .company_txt{
	width: 90%;
	margin: -15px auto 30px;
	padding: 30px 0;
	background-size: 30%;
	border: 5px solid;
	border-image: linear-gradient(to right, #80D0C7 0%, #0098D8 100%);
	border-image-slice: 1;
}

#company .company_txt p.company_txt01{
	padding-bottom: 15px;
}

#company .company_txt p.company_txt02{
	line-height: 1.6;
	width: 75%;
	margin: auto;
	text-align: left;
}

/*---------------------company/---------------------*/

/*---------------------/contact_form---------------------*/
#contact_form .sub_main_txt03{
	text-align: left;
}

#contact_form #form{
	width: 80%;
	margin-bottom: 0;
	margin-top: -10px;
}

#contact_form #form i{
	font-size: 20px;
}

#contact_form th,
#contact_form td{
	display: block;
	width: 100%;
	text-align: left;
	
}

#contact_form th{
	padding-bottom: 0px;
	padding-top: 10px;
}

#contact_form td{
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}

#contact_form td .it_a,
#contact_form td .it_c,
#c_detail{
	width: 100%;
}

#contact_form td.radio{
	padding: 8px 0 0 0;
}

#submit input {
	display: block;
	margin: auto;
}

input[type="submit"] {
   -webkit-appearance: none;
	margin-top: 10px;
}

#submit input{
	font-size: 3.6vw;
	line-height: 50px;
	margin: 30px auto 50px;
	width: 195px;
}

#contact_form .formTable{
	width: 80%;
}

#contact_form .formTable td{
	width: 100%;
}

#contact_form .contact_form_btn-wap{
	margin-bottom: 40px;
}


/*---------------------contact_form/---------------------*/

/*---------------------/privacypolicy---------------------*/

#privacypolicy .privacypolicy_txt_wap{
	width: 90%;
	margin: 0 auto 50px;
}

/*---------------------privacypolicy/---------------------*/

/*---------------------/overview---------------------*/

#overview .sub_main_txt.sub_main_txt_box01{
	padding: 30px 0 0;
}

#overview table.overview{
	width: 90%;
	display: block;
	border: none;
	margin: -30px auto 20px;
}

#overview .overview th{
	display: block;
	border-bottom:none;
	padding: 10px 0 5px;
	width: 100%;
	font-weight: 700;
}

#overview .overview td{
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
}

#overview img.overview_img01{
	width: 90%;
	height: auto;
	margin: auto;
}
#overview .greeting{
	margin: 50px auto 30px;
}

#overview .move .wh_bg .sub_main_txt04_hr,
#overview .address .sub_main_txt04_hr,
#overview .history .sub_main_txt04_hr,
#overview .greeting .sub_main_txt04_hr{
	margin-bottom: 30px;
}

#overview .greeting_main_txt{
	width: 100%;
	background-size: 150%;
	padding-top: 20%;
}

#overview .greeting_main_txt .greeting_main_txt01{
	margin: 0 0 10px 0;
	line-height: 40px;
    padding-left: 4%;
    font-size: 4.4vw;
}

#overview .greeting_main_txt .greeting_main_txt01_long{
    width: 96%;
}

#overview .greeting_main_txt .greeting_main_txt01_wap{
    width: 90%;
    margin: auto;
}


#overview .greeting_main_txt .greeting_sub_txt{
	width: 80%;
	margin: 0 auto;
}

#overview .greeting_main_txt .greeting_sub_txt p{
	width: 90%;
	margin: 2% 4% 10px 6%;
	padding-top: 15px;
}

#overview .greeting_main_txt .greeting_sub_txt img{
	padding-left: 6%;
	width: 70%;
	height: auto;
}

#overview .history{
	padding: 50px 0;
}

#overview .history .wh_bg{
	padding: 30px 0 10px;
}

#overview table.history_table{
	width: 90%;
    margin: 0 auto 5px;
}

#overview .history_table th{
	width: 100%;
	display: block;
	text-align: center;
	padding-left: 0;
	line-height: 40px;
    border-bottom: 15px #fff solid;
    margin-bottom: 0;
}

#overview .history_table th.odd{
	width: 100%;
	padding-left: 0;
    line-height: 40px;
    border-bottom: 15px #fff solid;
    margin-bottom: 0;
}

#overview .history_table td{
	display: block;
	width: 100%;
	text-align: center;
    padding-left: 0;
    margin-bottom: 20px;
}

#overview .history_table th:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 18px solid transparent;
  border-top: 18px solid #0098D3;
}


#overview .history_table th.odd:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 18px solid transparent;
  border-top: 18px solid #0062B0;
}

#overview .address{
    padding: 40px 0 15px;
}

#overview .address_fl{
    width: 100%;
}

#overview .address .address_box{
    width: 90%;
    margin: 0 auto 20px;
}

#overview .address .address_box iframe{
    width: 100%;
    height: 200px;
}

#overview .address .address_box .address_txt01{
    background-size: 6%;
    line-height: 23px;
    padding-left: 26px;
    margin: 10px 0 8px;
}

#overview .address .address_box .address_txt02 {
    margin-left: 0;
    padding-bottom: 15px;
}

#overview .move{
    padding: 50px 0;
}

#overview .move .wh_bg{
    padding: 30px 0 20px;
}

#overview .move_fl{
    width: 90%;
}

#overview .move .wh_bg iframe{
    width: 100%;
    margin: 0 0 10px;
     height: 200px;
}

/*---------------------overview/---------------------*/

/*---------------------/list-of-towel---------------------*/
#list-of-towel .sub_list_btn-wap .btn03{
    padding: 10px 0 0;
}
/*---------------------list-of-towel/---------------------*/




/*---------------------/header---------------------*/
#flow .flow_box{
    width: 90%;
    padding: 0;
}

#flow .flow_box .flow_box_txt_img{
    position: relative;
    top: -15px;
    left: 0;
    width: 30%;
    height: auto;
}

#flow .flow_box img{
    display: block;
    margin: auto;
}

#flow .flow_box .flow_box_txt_box{
    width: 90%;
    margin: 10px auto 20px;
}
#flow .flow_box .flow_box_img01{
    height: 160px;
    width: 90%;
    object-fit: cover;
}
#flow .flow_box .flow_box_txt_box .flow_box_txt_box_txt01{
    margin-bottom: 8px;
    text-align: center;
}

#flow .flow_hr {
    background: url(../img/flow/bg01.png) no-repeat;
    background-size: auto 40px;
    height: 50px;
    margin-top: 3px;
    width: 7px;
}

#flow .flow_contact{
    margin-top: 30px;
    padding: 40px 0;
}

#flow .flow_contact .flow_contact_txt01{
    top: -13px;
    margin-bottom: 0;
}

#flow .flow_contact .flow_contact_txt02{
    width: 90%;
    margin: 0 4% 0 6%;
    text-align: left;
}

#flow .flow_contact table{
    display: block;
    width: 71%;
    text-align: center;
    margin-top: 25px;
}

#flow .flow_contact table th{
    display: block;
    width: 100%;
}

#flow .flow_contact table td{
    display: block;
        margin-bottom: 17px;
    line-height: 1.2;
}

#flow .flow_contact table img{
    margin-right: 2px;
}
#flow .flow_contact .wh_bg {
    padding-bottom: 10px;
}

/*---------------------related_company/---------------------*/
#related_company .sub_list_btn-wap{
    margin: 0 auto
}

#related_company .sub_list_btn-wap .btn{
    width: 76%;
}

#related_company .btn_link{
    padding: 19px 9px 0 0;
    background-image: url(../img/common/link_icon01.svg);
    background-repeat: no-repeat;
    background-position: top 22px right 37px;
}

#related_company .sub_main_txt04_hr{
    margin-bottom: 30px;
}

#related_company .related_company01 .related_company01_txt01{
    margin: 20px auto 10px;
}
#related_company .related_company02 .related_company02_txt02,
#related_company .related_company01 .related_company01_txt02{
    width: 90%;
    margin: 0 4% 20px 6%;
    line-height: 1.6;
    text-align: left;
}

#related_company table.related_company{
	width: 90%;
	display: block;
	border: none;
	margin: 0px auto 20px;
    border-top: 1px dashed #CCCCCC;
}

#related_company .related_company th{
	display: block;
	border-bottom:none;
	padding: 10px 0 5px;
	width: 100%;
	font-weight: 700;
}

#related_company .related_company td{
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
}
#related_company .related_company01_fot{
    margin: 40px auto 40px;
    padding: 40px 0;
}
#related_company .related_company02_fot .related_company02_fot_txt01,
#related_company .related_company01_fot .related_company01_fot_txt01{
    top: -17px;
}

#related_company .related_company01_fot .related_company01_fot_txt02{
    margin: 0 auto 5px;
    width: 90%;
}
#related_company .related_company01_fot .related_company01_fot_txt03{
    margin: 0 auto 15px;
    width: 90%;
}
#related_company .related_company02_fot .wh_bg,
#related_company .related_company01_fot .wh_bg{
    padding: 5px 0 10px;
}

#related_company .related_company02 .related_company02_txt01{
    margin: 20px auto 10px;
}

#related_company .related_company02_fot .related_company02_fot_txt03{
    width: 90%;
    margin: 0 4% 0 6%;
}

#related_company .related_company02_fot .related_company02_fot_img_wap{
    width: 90%;
    margin: 20px auto 30px;
}

#related_company .related_company02_fot .related_company02_fot_img_box img{
    width: 100%;
    height: auto;
}

#related_company .related_company02_fot .related_company02_fot_img_box{
    margin-bottom: 15px;
}

#related_company .related_company02_fot .related_company02_fot_contact{
    width: 90%;
    margin-bottom: 20px;
}

#related_company .related_company02_fot .related_company02_fot_contact .related_company02_fot_contact_txt01{
    top: -13px;
}

#related_company .related_company02_fot .related_company02_fot_contact .related_company02_fot_contact_txt02{
    width: 90%;
    margin: auto;
}

#related_company .related_company02_fot{
    margin: 40px auto 0;
    padding: 30px 0;
}


#related_company .related_company02_fot .related_company02_fot_contact table{
    display: block;
    width:54%;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 5px;
}

#related_company .related_company02_fot .related_company02_fot_contact table th{
    display: block;
    width: 100%;
}

#related_company .related_company02_fot .related_company02_fot_contact table td{
    display: block;
        margin-bottom: 17px;
    line-height: 1.2;
}

#related_company #an01{
    position: relative;
    top: -30px;
}


/*---------------------/related_company---------------------*/

/*---------------------zakka/---------------------*/
#zakka .sub_list{
    margin-bottom: 60px;
}
/*---------------------/zakka---------------------*/

/*---------------------fragrance/---------------------*/
#fragrance .fragrance_main_img01{
    width: 90%;
    height: auto;
    margin: 0 auto 30px;
}

#fragrance .sub_main_fot_txt{
    margin: 20px auto 40px;
}

#fragrance .sub_main_fot_txt{
    margin: 20px 1% 20px 2%;
}

#fragrance .sub_main_fot_txt{
    justify-content: end;
}

#fragrance .fragrance_cont01_txt01{
    padding: 0 30px;
    line-height: 50px;
}

#fragrance .fragrance_cont01_txt01:before{
    border: 8px solid transparent;
    border-top: 8px solid #005DA2;
}

#fragrance .fragrance_cont01{
    padding: 50px 0 30px;
    margin-bottom: 40px;
}

#fragrance .fragrance_cont01_box{
    width: 90%;
    flex-direction: column;
     margin: -20px auto 30px;
}

#fragrance .fragrance_cont01_box img{
    width: 100%;
    height: auto;
}
#fragrance .fragrance_cont01_box img.fragrance_cont01_txt_img{
    width: 60%;
    height: auto;
}
#fragrance .fragrance_cont01_box01{
    flex-direction: column-reverse;
    display: flex;
}

#fragrance .fragrance_cont01_box01 .fragrance_cont01_box_ttl_box{
    margin-left: 0;
    text-align: center;
}
#fragrance .fragrance_cont01_box02 .fragrance_cont01_box_ttl_box{
    margin-right: 0;
    text-align: center;
}

#fragrance .fragrance_cont01_box .fragrance_cont01_box_ttl_box p{
    margin: 0 auto 10px;
}


/*---------------------/fragrance---------------------*/

/*---------------------towel-factory/---------------------*/

.wettowel-factory_main_img {
    width: 90%;
    height: auto;
    margin: -20px auto 0;
}

#wettowel-factory .wettowel-factory_main_img.pc_blocl {
    display: none;
}

#towel-factory .wettowel-factory_main_img {
    width: 90%;
    height: auto;
    margin-top: -20px;
    margin-bottom: 20px;
}


#towel-factory .sub_main_txt.sub_main_txt_box01,
#wettowel-factory .wettowel-factory_main_txt01{
    width: 90%;
    margin: 20px auto 30px;
    line-height: 1.6;
}

#towel-factory .sub_main_txt.sub_main_txt_box01,
#wettowel-factory .wettowel-factory_main_txt01{
    width: 90%;
    margin: 20px auto 30px;
    line-height: 1.6;
}


.factory_approach{
    padding: 50px 0 30px;
}
.factory_approach .wh_bg .factory_approach_txt01{
    top: -13px;
}

.factory_approach .wh_bg{
    padding: 0 0 10px;
}
.factory_approach .wh_bg .factory_approach_txt_box{
    width: 90%;
    margin: auto;
}
.factory_approach .wh_bg .factory_approach_nam{
    width: 40%;
    height: auto;
}

.factory_approach .wh_bg .factory_approach_txt02{
    line-height: 1.4;
    padding: 7px 10px;
}

.factory_approach .wh_bg .factory_approach_txt03{
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#wettowel-factory .factory_flow .factory_flow_txt01{
    margin: 40px auto 0;
}

#wettowel-factory .factory_flow{
    width: 90%;
}

#wettowel-factory .factory_flow .factory_flow_box{
    flex-direction: column;
}

#wettowel-factory .factory_flow .factory_flow_box01 img.factory_flow_box01_main_img{
    width: 96%;
    margin: 15px auto 0;
    height: 160px;
    object-fit: cover;
}

#wettowel-factory .factory_flow .factory_flow_box02 img.factory_flow_box01_main_img{
    width: 96%;
    margin: 15px auto 0;
    height: 160px;
    object-fit: cover;
}


#wettowel-factory .factory_flow .factory_flow_box .factory_flow_txt_box{
    width: 100%;
    margin-top: 20px;
}
#wettowel-factory .factory_flow .factory_flow_box{
    height: auto;
}

#wettowel-factory .factory_flow .factory_flow_box01 .factory_flow_txt_box .factory_flow_txt_box_txt02{
    position: static;
    width: 94%;
    padding: 10px 3% 10px 3%;
}

#wettowel-factory .factory_flow .factory_flow_box02 .factory_flow_txt_box .factory_flow_txt_box_txt02{
    position: static;
    width: 94%;
    padding: 10px 3% 10px 3%;
}

#wettowel-factory .factory_flow .factory_flow_box .factory_flow_txt_box img{
    width: 20%;
    height: auto;
}

#wettowel-factory .factory_flow .factory_flow_box .factory_flow_txt_box img.sp_blocl{
    width: 90%;
    height: auto;
    margin: auto;
}

#wettowel-factory .factory_flow .factory_flow_box .factory_flow_txt_box .factory_flow_txt_box_txt01{
    margin: 10px auto 15px;
    padding-bottom: 5px;
}

#wettowel-factory .factory_fot_txt01{
    width: 90%;
    margin: 20px auto 30px;
    line-height: 1.6;
}
#wettowel-factory .factory_fot_txt01 span{
    font-size: 5.2vw;
}

#wettowel-factory .factory_flow .factory_flow_box{
    margin-bottom: 0px;
}

#towel-factory .factory_approach{
    margin-bottom: 0;
}

/*---------------------/towel-factory---------------------*/

/*---------------------extermination /---------------------*/
#extermination .sub_list_txt01{
    width: 90%;
    margin: auto;
}

#extermination .extermination_cont01{
    width: 90%;
    margin: 0 auto 40px;
}

#extermination .extermination_cont01 .extermination_cont01_box01 img{
    width: 34%;
    height: auto;
    margin: 0 auto;
}

#extermination .extermination_cont01 .extermination_cont01_box01{
    padding: 20px 0;
}

#extermination .extermination_cont01 .extermination_cont01_box01 .extermination_cont01_txt_box{
    width: 90%;
    margin: 0 4% 0 6%;;
}

#extermination .extermination_cont01 .extermination_cont01_box01 .extermination_cont01_txt01{
    margin: 10px 0 5px;
    text-align: center;
}

#extermination .sub_list_txt06{
    width: 90%;
    margin-top: 30px;
}

#extermination .sub_list_txt06:before, #extermination .sub_list_txt06:after{
    width: 32%;
}

#extermination .extermination_cont02{
    width: 90%;
    margin-bottom: 20px;
}

#extermination .extermination_cont02 img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: 100% 100%;
}

#extermination .extermination_cont03{
    padding: 40px 0;
}

#extermination .extermination_cont03 .extermination_cont03_txt01{
    top: -12px;
}

#extermination .extermination_cont03 .extermination_cont03_box img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

#extermination .extermination_cont03 .extermination_cont03_box{
    margin: 0 auto 20px;
    width: 90%;
}

#extermination .extermination_cont04{
    margin: 40px auto;
}

#extermination .extermination_cont04 .extermination_cont04_txt02{
    margin: 15px auto 20px;
    width: 90%;

}

#extermination .extermination_cont04 .fl{
    width: 90%;
}

#extermination .extermination_cont04 .fl img.extermination_cont04_img{
    width: 100%;
    height: auto;
}
#extermination .extermination_cont04 .extermination_cont04_txt_box{
    height: auto;
    padding: 20px 0;
}

/*---------------------/extermination ---------------------*/

/*---------------------header/---------------------*/

#blossom-beauty .blossom-beauty_btn{
    margin-bottom: 40px;
}
#blossom-beauty .blossom-beauty_btn img{
    width: 90%;
    height: auto;
}
#blossom-beauty .sub_main_txt p.sub_main_txt02 img {
    top: -5px;
}
/*---------------------/other-bi_jia---------------------*/
#bijia .bijia_approach{
    margin-bottom: 0;
}
.bijia_approach{
    padding: 50px 0 30px;
}
.bijia_approach .wh_bg .bijia_txt01{
    top: -13px;
}

.bijia_approach .wh_bg{
    padding: 0 0 10px;
}
.bijia_approach .wh_bg .bijia_txt_box{
    width: 90%;
    margin: auto;
}
.bijia_approach .wh_bg .bijia_nam{
    width: 40%;
    height: auto;
}

.bijia_approach .wh_bg .bijia_txt02{
    line-height: 1.4;
    padding: 7px 10px;
}

.bijia_approach .wh_bg .bijia_txt03{
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.pc_img{
	display: none;	
}
.sp_img{
	display: block;	
	width:100%;
}
#bijia .sub_list_txt06{
    width: 90%;
    margin-top: 30px;
}

#bijia .sub_list_txt06:before{
    width: 32%;
}
 #bijia .sub_list_txt06:after{width: 32%;}

#bijia .extermination_cont02{
    width: 90%;
    margin-bottom: 20px;
}

#bijia .extermination_cont02 img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: 100% 100%;
 }
#bijia .greeting_main_txt {
    width: 100%;
    background-size: 150%;
    padding-top: 20%;
}

#bijia .greeting_main_txt .greeting_main_txt01_wap {
    width: 90%;
    margin: auto;
}

#bijia .greeting_main_txt .greeting_main_txt01 {
    margin: 0 0 10px 0;
    line-height: 40px;
    padding-left: 4%;
    font-size: 4.4vw;
}
#bijia.greeting_main_txt .greeting_main_txt01 {
    background: #0062B0;
    padding-left: 20px;
    line-height: 50px;
    width: auto;
    display: inline-block;
    margin: 0 0 10px 170px;
}
#bijia .greeting_main_txt .greeting_main_txt01 {
    margin: 0 0 10px 0;
    line-height: 40px;
    padding-left: 4%;
    font-size: 4.4vw;
    padding-right: 3%;
}
#bijia .greeting_main_txt .greeting_sub_txt {
    width: 80%;
    margin: 0 auto;
}
#bijia .greeting_main_txt .greeting_sub_txt p {
    width: 90%;
    margin: 2% 4% 10px 6%;
    padding-top: 15px;
}
#bijia .greeting_main_txt .greeting_sub_txt img {
    padding-top:10%;
    width: 90%;
    height: auto;
}

#bijia span.f_blue.f_bold {
    letter-spacing: 0px;
}
/*---------------------other-bi_jia/---------------------*/


/*----------------------------------------------------------------

2021.10.07追加　ドレープタオル

----------------------------------------------------------------*/
.drape_con_03 {
    width: 80%;
    top: -20px;
    padding: 20px 0 0 0 ;
    box-sizing: border-box;
}
.drape_con_03 .drape_con_03_box {
    box-sizing: border-box;
    float: none;
    padding: 0px;
}
.drape_con_03 .drape_con_03_box:first-child {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
.drape_con_03 .drape_con_03_box:nth-child(2) {
    width: 100%;
}
.drape_con_01 .drape_con_01_box {
    width: 100%;
    padding: 20px;
}
.drape_con_01 {
    margin: 20px auto 50px;
    display: block;
}
.drape_con_02 .drape_con_02_img{
	width: 90%;
	margin: 20px auto 20px;
}
.drape_con_02_img img{
	width: 100%;
	height: auto;
}
.sp_blk{
	display: block;
}
.pc_blk{
	display: none;
}
.size_blk{
	padding: 10px;
}
/*----------------------------------------------------------------

2021.10.07追加　レジかご洗浄

----------------------------------------------------------------*/
.basket_con_01 {
    margin: 20px 20px 50px;
    display: block;
}
.basket_con_01_box:first-child {
    margin-right: 0%;
}
.basket_con_01_box {
    box-sizing: border-box;
    padding: 0 0 15px 15px;
    width: 100%;
    margin-bottom: 30px;
}
.basket_con_01_box .basket_con_01_img img{
    width: 100%;
    height: auto;
}
.basket_con_02{
	margin: 0 20px 50px;
}
.basket_con_02 p {
    font-size: 20px;
}
.basket_con_02 p span {
    display: block;
    padding: 2px 10px;
    margin-right: 0;
    margin-bottom: 10px;
}
/*----------------------------------------------------------------

2023.8.21追加　バナー追加

----------------------------------------------------------------*/
.banner {
	display: none;
}

.banner_sp {
	display: flex;
	flex-direction: column;	
	align-items: center;
	gap: 30px;
	margin-bottom: 40px;
}

.banner_sp .banner_ray {
	width: 90%;
}

.banner_sp .banner_ray img {
	width: 100%;
}

/*---------------------お知らせ追加202402---------------------*/
.information {
	width: 90%;
    margin: 0px auto 50px;
}
.information p:nth-child(2) {
	margin-bottom: 20px;
}