html { color: #333333; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,table,tr,th,td, figure, main, header { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; border: none; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: normal; font-weight: normal; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; line-height: 1.0; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
abbr { cursor: help; }
label { cursor: pointer; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
a:hover{
  opacity: 0.7;
}
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }
p {
    margin-bottom: 15px;
}
p, dt, dd, td, th, li {
    line-height: 30px;
}
.clearfix::after {content: "";display: block;clear: both;}
* {box-sizing: border-box;}
body{font-family: 'Noto Sans JP', sans-serif;}
.inner{max-width: 1680px;margin: 0 auto;padding: 0;overflow: hidden;}
/* .header{
    background: url(../../images/keepclean/index/main_visual.webp) no-repeat;
    background-size: cover;
	height: 100vh;
    background-position: center;
	position: relative;
} */
/* .logo{margin-top: 20px;} */
/* .header .header_ct{position: absolute;content: "";top: 50%;transform: translateY(-50%);} */
.keepclean_ttl{font-size: 40px;color: #fff;line-height: 1.2em;font-weight: bold;margin-bottom: 40px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";/*IE 8*/
text-shadow: 0 0 15px rgba(0,0,0,0.7);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.keepclean_intro, .room_clean, .housekeeping_service,.space_clean,.change_food_drink{padding: 30px 0;}
.keepclean_intro_ttl01:before{
	content: "";
    position: absolute;
    width: 150px;
    left: 50%;
	transform: translateX(-50%);
    bottom: -15px;
    background: #c1c1c1;
    height: 1px;
}
.keepclean_intro_ttl01:after{content: none;}
.keepclean_intro_txt01{text-align: center;font-size: 17px;line-height: 1.5em;color: #000;margin-bottom: 30px;}
.keepclean_intro_ls{padding: 40px 0 0 0;width: 100%;display: grid;grid-template-columns: repeat(auto-fit, minmax(44%, 1fr));gap: 50px;}
.keepclean_intro_it{display: grid;grid-template-rows: subgrid;grid-row: span 4;gap: 0;}
.keepclean_intro_it:nth-child(3n+3){margin-right: 0;}
.keepclean_intro_ls_img img{max-width: 100%;}
.keepclean_intro_ls_ttl{font-size: 20px;text-align: center;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.keepclean_intro_ttl02{font-size: 25px;text-align: left;font-weight: bold;margin-bottom: 15px;}
.keepclean_intro_ls_link{background: #104c97;text-align: center;position: relative;height: 50px;}
.keepclean_intro_ls_link a{font-size: 18px;text-align: center;font-weight: bold;color: #fff;display: block;text-decoration: none;line-height: 1.5em;padding: 10px 0;}
.keepclean_thumb{width: 100%;overflow: hidden;position: relative;left: 50%;transform: translateX(-50%);top: 0;}
.room_clean_ct{width: 100%;}
.room_clean_it{display: flex;justify-content: space-around;align-items: center;}
.room_clean_it_r{ width:43%;}
.keepclean_thumb{margin-bottom: 0;}
.room_clean_ct .room_clean_it:nth-child(odd) .room_clean_it_l{order: 1; width: auto;}

/*.room_clean_ct .room_clean_it:nth-child(odd) .room_clean_it_r{order: 2;width: calc(50% - 50px);padding-right: 30px;}*/


.room_clean_ct .room_clean_it:nth-child(even) .room_clean_it_l{order: 2;width: 50%;}
.room_clean_ct .room_clean_it:nth-child(even) .room_clean_it_r{order: 1;width: calc(50% - 50px);margin-right: 50px;padding-left: 30px;}
.room_clean_img img{width: 100%;}
.room_clean_ct .keepclean_intro_txt01{text-align: left;font-size: 18px;line-height: 1.8em;margin-bottom: 30px;}
ol.list_clean{list-style-position: inside;padding-left: 40px;}
.list_clean li{list-style: decimal;}
.room_clean_it_link a{font-size: 18px;font-weight: bold;line-height: 1.8em;}
.room_clean_ct{margin:50px 0;}
.list_clean.list_clean02 {padding-left: 40px;margin-bottom: 20px;}
.list_clean.list_clean02 li{list-style: disc;}
.footer_nav_01 li a{
  line-height: 21px;
  box-sizing: content-box;
}
.footer_top{
  box-sizing: content-box;
}
.footer li{
  line-height: 1.5;
}
.list_f_bnr{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.list_f_bnr li:first-child{margin-right: 20px;}
.top_link{text-align: center;margin-top: 20px;margin-bottom: 2rem;}
.top_link a, .list_link li a{
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}
.list_link{
  margin: 0 auto !important;
  width: 80%;
  text-align: center;
}
.list_thumb{width: 100%;display: flex;flex-wrap: wrap;}
.list_thumb .list_thumb_item{width: calc((100% - 41px) / 3);margin: 0 20px 20px 0;}
.list_thumb .list_thumb_item:nth-child(3n+3){margin-right: 0;}
.list_thumb_item img{max-width: 100%;}
.list_thumb_item dd a{color: #333;text-decoration: none;}
.list_thumb_item dd a:hover{opacity: 0.8;}
.align_left_box{width:80%;margin: 0 auto 50px; max-width: 650px;}
.align_left_box.adj_width01{ max-width: 570px; margin-bottom: 50px; padding-left: 90px;}
.align_left_box p{text-align:left;}
.align_box{
  display: flex;
}
.m50b{
  margin-bottom: 50px;
}

.about_safety_ct{
  max-width: 900px;
  margin: 80px auto;
  border: 5px solid  #104c97;
}
.about_safety_ttl{
  margin-top: 15px;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 25px;
}
.about_safety_ct > p:not(:first-child){
  font-size: 17px;
  line-height: 1.5em;
  padding: 0 25px;
}
.about_safety_notice {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.about_safety_notice > a {
  display: inline-block;
  text-align: center;
  margin: 10px auto 0;
  color: #104c97;
  border-bottom: 1px solid #104c97;
}

.about_safety_ls{
  margin-top: 40px;
  margin-bottom: 40px;
}
.about_safety_btn{
  position: relative;
  width: 80%;
  margin: 0 auto;
  height: 50px;
}
.about_safety_btn::before{
  position: absolute;
  content: "";
  top: calc(50% - 7px);
  right: -3px;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid  #104c97;
  z-index: 1;
}
.keepclean_intro_ls_link::before{
  position: absolute;
  content: "";
  top: calc(50% - 3px);
  right: 2px;
  border-top: 6px solid #104c97;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid  transparent;
  z-index: 1;
}
.about_safety_btn::after,.keepclean_intro_ls_link::after{
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 16px;
  height: inherit;
  border: 1px solid  #104c97;
  background-color: #fff;
  box-sizing: border-box;
}
.about_safety_btn:not(:last-child){
  margin-bottom: 20px;
}
.about_safety_btn a,.keepclean_intro_ls_link a{
  display: flex;
  height: inherit;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  background-color:  #104c97;
}
.about_safety_btn a:hover,.keepclean_intro_ls_link a:hover{
  opacity: 1;
  border: 1px solid  #104c97;
  background-color: #fff;
  color:  #104c97;
}
.guideline_right p:first-child{
  font-size: 25px;
  font-weight: bold;
  line-height: 1.2em;
}
.guideline_right p:not(:first-child){
  font-size: 17px;
  line-height: 1.5em;
}
.logo_top{
    padding-top: 10px;
    padding-left:5px;
}

/* 新宿店はこちら＞＞　のモーダル */
#myjunban{margin: 0 auto;display: block;width: 100%;height: 800px;}
#modal-content{width:50%;z-index:2;position:fixed;display:none;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.modal-p{margin-top:1em;}
.modal-p:first-child{margin-top:0;}
.button-link{color:#00f;text-decoration:underline;}
.button-link:hover{cursor:pointer;color:#f00;}
#modal-overlay{z-index:1;display:none;width:100%;height:120%;background-color:rgba(0,0,0,0.75);width:100%;height:120%;position:fixed;top:0;left:0;}
#modal-close{color: white;font-size: 27px;}
.keepclean_video{width: 890px;height: 500px;overflow: hidden;margin: 0 auto;}
@media only screen and (min-width: 750px){
/* #main{
    width :90%;
    margin:0 auto;
} */
}

@media (max-width: 1020px) and (min-width: 768px)
{
.keepclean_thumb img{
    width:100%;
}

}

@media only screen and (min-width: 751px) {
  .disp_pc{
    display: block;
  }
  .disp_sp{
    display: none;
  }
  .guideline_ct{
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
  }
  .guideline_left{
    flex: 1;
  }
  .guideline_right{
    flex: 1;
    align-self: center;
    font-size: 17px;
    line-height: 1.5;
  }
  .guideline_ls{
    display: flex;
    height: 250px;
  }
  .guideline_ls li{
    max-width: 200px;
    height: inherit;
  }
  .guideline_ls li:not(:last-child){
    margin-right: 30px;
  }

}

@media only screen and (min-width: 1025px){
  .guideline_ct{
    padding: 0 35px;
  }
  .guideline_ct img{
    max-width: 100%;
    height: auto;
  }
  .guideline_right{
    padding-left: 60px;
  }

}

@media only screen and (min-width: 751px) and (max-width: 1024px){
  .guideline_ct{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .guideline_ct img{
    max-width: 100%;
    height: auto;
  }
  .guideline_right{
    margin: 20px 0;
  }
  .guideline_left{
    text-align: center;
  }
  .guideline_ls{
    margin-top: 30px;
    justify-content: center;
  }
  .align_box{
    flex-direction: column;
    align-items: center;
  }
  .keepclean_video{
    width: 100%;
  }
  .align_left_box{
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .footer_top{
    width: auto;
  }
}


@media only screen and (max-width: 750px) {
.disp_sp{
  display: block;
}
.disp_pc{
  display: none;
}
.inner{width: 100%;max-width: 100%;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
.header{height: 30vh;background-size: cover;background-position: right center}
.keepclean_ttl{font-size: 5vw;margin-bottom:10%;}
.keepclean_ttl_sub{font-size: 20px; margin-bottom: -35px;}
.logo img{width: 90px;height: auto;}
.keepclean_intro, .room_clean, .housekeeping_service, .space_clean{padding: 15px 0;}
.keepclean_intro_ttl01{font-size:7vw; margin: 0 0 40px 0;}
.keepclean_intro_txt01{margin-bottom: 15px;}
.keepclean_intro_it{width:100%;margin-right: 0;margin-bottom: 15px}
.keepclean_intro_it:nth-child(2n+2){margin-right: 0;}
.keepclean_intro_it:nth-child(3n+3){margin-right: 0;}
.keepclean_intro_it:last-child{margin-right: 0;}
.keepclean_intro_ls_ttl{line-height: 1.2em;}
.keepclean_intro_ls_link a{font-size: 16px;}
.keepclean_thumb img{width: 100%;}
.room_clean_ct{margin-top: 15px;}
.room_clean_it{margin-bottom: 30px; display: block;}
.room_clean_it_r{ width:100%;}
ol.list_clean{width: 85%;margin: 0 auto; width:300px;}
.list_clean li{max-width:250px;}
.room_clean_ct .room_clean_it:nth-child(odd) .room_clean_it_l{width: 100%;margin-right: 0;}
/* .room_clean_ct .room_clean_it:nth-child(odd) .room_clean_it_r{width: 100%;padding-right: 0;} */


.room_clean_ct .room_clean_it:nth-child(even) .room_clean_it_l{order: 1;width: 100%;}
.room_clean_ct .room_clean_it:nth-child(even) .room_clean_it_r{order: 2;width: 100%;margin-right: 0;padding-left: 0;}
.room_clean_it_link a{font-size: 16px;}
.room_clean_ct .keepclean_intro_txt01{margin-bottom: 15px;}

.room_clean_ct .keepclean_intro_txt01.font_adj01{font-size: 4.5vw;}

.keepclean_intro_ttl02 {font-size: 20px; text-align: center;}
.room_clean_it_link{margin-bottom: 0;}
/**/
.list_thumb .list_thumb_item{width: 100%;margin: 0 0 20px 0;}
.list_thumb .list_thumb_item:nth-child(3n+3){margin-right:0;}
.list_thumb .list_thumb_item:last-child{margin-bottom: 0;}

#myjunban{height: 500px;}
#modal-content{width:90%;}
.align_left_box.adj_width01{ max-width: 100%; padding-left:0px;}
.list_link{
width: 90%;
}
.keepclean_video{width: 100%;height: 300px;overflow: hidden;margin: 0 auto;}
.align_left_box{width: 100%; margin-right: 0;}
.align_box{
  flex-direction: column;
}
.guideline_ct{
  margin-top: 40px;
  border: 5px solid #104c97;
}
.guideline_right{
  padding: 0 10px;
  margin-bottom: 20px;
}
.guideline_right p:first-child{
  margin: 20px 10px;
  text-align: left;
}
.guideline_ls img{
  width: 100%;
}
.about_safety_ct{
  margin: 40px auto;
}
.about_safety_btn{
  height: 80px;
  line-height: 1.5;
  font-size: 16px;
}
.about_safety_btn a{
  padding-left: 20px;
  justify-content: flex-start;
}
.about_safety_ttl{
  text-align: left;
}
.about_safety_ct > p:not(.about_safety_ttl){
  padding: 0 10px;
}
p.about_safety_ttl{
  padding: 0 20px;
}
.slide_fade{
  position: relative;
  width: 100%;
}
.slide_fade > li{
  position: absolute;
  list-style: none;
  visibility: hidden;
  animation: fade 15s 0s infinite;
  width: 100%;
}
.slide_fade > li:nth-child(2){
  animation-delay: 5s;
}
.slide_fade > li:nth-child(3){
  animation-delay: 10s;
}
.list_thumb_item img,
.keepclean_intro_ls_img > img {
  width: 100%;
}

@keyframes fade {
  0% {
      visibility: visible;
      opacity: 0;
  }
  15% {
      opacity: 1;
  }
  33.3% {
      opacity: 1;
  }
  48.3% {
      opacity: 0;
  }
  100% {
      opacity: 0;
  }
}

@media only screen and (max-width: 414px) {
	.keepclean_intro_it{width: 100%;margin-right: 0;}
	.list_f_bnr img{width: 70%;text-align: center;}
	.list_f_bnr li{text-align: center;}
  }

@media only screen and (max-width: 400px) {
  .about_safety_btn{
    font-size: 14px;
  }
}

@media only screen and (max-width: 320px) {
  .about_safety_btn{
    font-size: 12px;
  }
}
}

/* WEB_03-15112 */
#keepclean_top {
    padding: 80px 0;
    background: var(--color-brown01);
}
h1.under_h1 {
  font-weight: 500;
}