@charset "UTF-8";

body {
  position:relative;
}

.m_top_h2_01 {
  font-size:2em;
  font-weight:bold;
  font-family:"Noto Serif JP",serif;
  margin-bottom:60px;
  text-align:center;
}

/*m_header_area
=======================*/
.m_header_area .wid1000 {
  max-width:100%;
}
/*.m_header_area .wid1000 .m_header_logo {
  width:340px;
  padding-left:20px;
}*/


/*m_top_first
=======================*/
.m_top_first {
/*  min-height:700px;*/
  height:91vh;
  position:relative;
}
.m_top_first h1 {
  position:absolute;
  top:40%;
  left:46%;
/*  transform: translate(-50%,-50%);*/
  width:100%;
/*  min-width:680px;*/
}
.m_top_first h1 span {
  font-family:"Noto Serif JP",serif;
  background-color:rgba(255,255,255,0.9);
  padding:5px;
  display:inline-block;
  font-size:2.4em;
  font-weight:bold;
  border-radius:2px;
  margin-bottom:3px;
}

/*m_top_rinen
=======================*/
#m_top_rinen {
  margin-bottom:250px;
  position:relative;
}
#m_top_rinen .m_top_h2_01 {
  
}
/*.m_top_rinen_p {
  text-align:center;
  line-height:2;
}*/
.m_top_rinen_txt p {
  text-align:center;
  line-height:2;
  margin-bottom:2em;
}
.m_top_rinen_txt p span {
  background-color:rgba(255,255,255,0.9);
}
.m_top_rinen_img {
  width:200px;
  position:absolute;
  z-index:-1;
}
.m_top_rinen_img.rinen_img01 {
  top:20%;
  left:10%;
  filter: drop-shadow(5px 5px 1px rgba(208,67,45,0.8));
}
.m_top_rinen_img.rinen_img02 {
  top:35%;
  right:5%;
  filter: drop-shadow(5px 5px 1px rgba(72,141,110,0.8));
}
.m_top_rinen_img.rinen_img03 {
  bottom:10%;
  left:5%;
  filter: drop-shadow(5px 5px 1px rgba(223,182,69,0.8));
}
.m_top_rinen_img.rinen_img04 {
  bottom:0;
  right:3%;
  filter: drop-shadow(5px 5px 1px rgba(72,141,110,0.8));
}
/*m_top_business
=======================*/
#m_top_business {
  margin-bottom:120px;
}

/*m_top_about
=======================*/
#m_top_about .wid1000 {
  background-color:rgba(255,255,255,0.9);
  padding:30px;
  border-radius:50px;
}

/*m_top_business
=======================*/
.m_top_business_box {
  padding:40px 0 30px;
}
.m_top_business_box * {
  color:#fff;
}
.m_top_business_box_h {
  font-size:1.8em;
  font-weight:bold;
  margin-bottom:20px;
  line-height:1;
}
.m_top_business_box_link a {
  display:block;
  text-decoration:none;
  border:1px solid #fff;
  padding:15px;
  position:relative;
}
.m_top_business_box_link a:before {
  content:"→";
  position:absolute;
  right:3%;
}
.m_top_business_box_link a:hover {
  background:#fff;
  color:rgba(208,67,45,1);
  opacity:1;
}
.m_gardening .m_top_business_box_link a:hover {
  color:rgba(223,182,69,1);
}
.m_cleaning .m_top_business_box_link a:hover {
  color:rgba(72,141,110,1);
}
.m_insurance .m_top_business_box_link a:hover {
  color:rgba(103,122,176,1);
}
.m_other .m_top_business_box_link a:hover {
  color:rgba(28,67,142,1);
}
.m_top_business_box_txt {
  margin-bottom:50px;
}
.m_top_business_box.m_kitchen {
  background:rgba(208,67,45,1);
}
.m_top_business_box.m_gardening {
  background:rgba(223,182,69,1);
}
.m_top_business_box.m_cleaning {
  background:rgba(72,141,110,1);
}
.m_top_business_box.m_insurance {
  background:rgba(103,122,176,1);
}
.m_top_business_box.m_other {
  background:rgba(28,67,142,1);
}
.m_top_business_box.m_top_business_box_right .m_top_business_box_h,
.m_top_business_box.m_top_business_box_right .m_top_business_box_txt,
.m_top_business_box.m_top_business_box_right .m_top_business_box_link {
  float:right;
  width:52%;
}
.m_top_business_box.m_top_business_box_right .m_top_business_box_img {
  float:left;
  width:43%;
  margin-bottom:10px;
}
.m_top_business_box.m_top_business_box_left .m_top_business_box_h,
.m_top_business_box.m_top_business_box_left .m_top_business_box_txt,
.m_top_business_box.m_top_business_box_left .m_top_business_box_link {
  float:left;
  width:52%;
}
.m_top_business_box.m_top_business_box_left .m_top_business_box_img {
  float:right;
  width:43%;
}


/*m_top_bg
=======================*/
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.m_top_bg {
  animation: rotateAnimation 30s linear infinite;
  position:fixed;
  top:-15%;
  left:-45%;
  width:100%;
  z-index:-1;
  filter: drop-shadow(0px 0px 6px #222);
}
.m_top_bg_02 {
  position:absolute;
  bottom:0;
  left:50%;
/*  width:200%;*/
  width:100%;
  transform: translateX(-50%);
  z-index:-3;
  background:url("/assets/img/common/bg_footer.png") no-repeat center bottom;
  background-size:cover;
  height:1000px;
}
.m_top_bg_02:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: linear-gradient(to bottom,rgba(255,255,255,1) 3%, rgba(255,255,255,0) 10%);
}

.m_top_bg_white {
  background-color:rgba(255,255,255,0.9);
  padding-top:80px;
}


/*m_footer
=======================*/
.m_footer {
  padding-top:600px;
  position:relative;
}
.m_footer_top_txt {
  position:absolute;
  top:38%;
  left:60%;
/*  transform: translate(-50%,-50%);*/
}
.m_footer_top_txt span {
  background-color:rgba(255,255,255,0.9);
  padding:3px 5px 5px;
  display:inline-block;
  font-size:2em;
  font-weight:bold;
  font-family:"Noto Serif JP",serif;
  border-radius:2px;
  margin-bottom:3px;
}

/*=======================================

SP

=======================================*/
@media screen and (max-width:768px) {

.m_menu {
  width: 100%;
}
/*.m_header_area .wid1000 .m_header_logo {
/*  width:210px;*/
/*  padding-left:0;
  width:60%;
}*/
.m_top_first h1 {
  min-width:auto;
  left:0;
  transform: translate(0,-50%);
  text-align:center;
}
.m_top_first h1 span {
  font-size:1.5em;
  text-align:center;
}
.m_top_first h1.fadein_1st {
  animation-duration: 3s;
}
.m_top_h2_01 {
  font-size:1.4em;
  margin-bottom:30px;
}
#m_top_rinen {
  margin-bottom:150px;
}
.m_top_rinen_txt p {
  text-align:left;
}
.m_top_rinen_img {
  display:none;
}

#m_top_business .m_top_h2_01,
#m_top_business .m_top_h2_01 + p {
  width:94%;
  margin:0 auto 30px;
}
.m_top_business_box.m_top_business_box_right .m_top_business_box_h,
.m_top_business_box.m_top_business_box_right .m_top_business_box_txt,
.m_top_business_box.m_top_business_box_right .m_top_business_box_link,
.m_top_business_box.m_top_business_box_right .m_top_business_box_img,
.m_top_business_box.m_top_business_box_left .m_top_business_box_h,
.m_top_business_box.m_top_business_box_left .m_top_business_box_txt,
.m_top_business_box.m_top_business_box_left .m_top_business_box_link,
.m_top_business_box.m_top_business_box_left .m_top_business_box_img {
  float:none;
  width:100%;
}
.m_top_business_box_txt {
  margin-bottom:30px;
}


.m_footer {
  padding-top:400px;
}
.m_top_bg {
  width:170%;
  top:0;
  left:-80%;
}
.m_top_bg_02 {
  width:100%;
  height:500px;
}
.m_footer_top_txt {
  top: 35%;
  left: 17%;
  text-align: center;
}
.m_footer_top_txt span {
  font-size:1.5em;
}
m_footer_top_txt.fadein {
  transform : translate(0, 0);
  transition : all 300ms;
}


}

/*=======================================

SP:375px以下

=======================================*/
@media screen and (max-width:375px) {

}