@charset "UTF-8";
/* CSS Document */
a{ color : inherit;
  text-decoration : none;}

.pc-no{display: none !important;
}

.company .inner {
  display: block;
  max-width: 1100px;
  padding: 0 15px;
  margin: 0 auto;
}

.company_wrap .sec-mv {
  background: url("../img/company/company-mv.png") no-repeat center;
	background-size: cover;
	height:400px;
}


.about-us{
	width:100%;
	margin: 0 auto;
	background: #6eb944;
	padding:70px 0;
	color: #fff;
	/*position: relative;*/
	font-size:18px;
	line-height: 1.78;
    letter-spacing: 2px;
}

.about-inn{
	width:100%;
	margin: 0 auto;
	background: url("../img/company/cleaning-bg2.png") no-repeat;
	background-size: contain;
	background-position: center;
}

.about-wrap{
	width:70%;
	text-align: center;
	margin:0 auto;
}

.about-wrap .heading-ttl {
  margin-bottom: 50px;
}


.about-wrap h3{
	font-size:28px;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	margin: 0 0 50px 0;
}

.company_wrap .about-us .ttlcomp-01{color: #fff;}

.company_wrap .about-us .ttlcomp-01:before{background: #fff;}

.about-box{
	display: flex;
	align-items: center;
}

.about-txt{
	text-align: left;
	margin-left:50px;
	width:100%;
}


.company_wrap .sec_bg{
	background: url("../img/index/bg-02.png") repeat;
	background-position:center bottom; 
	position:relative;
	padding: 72px 0 67px;
}

.company-contents{
	border: 4px solid #6eb944;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
	background:#fff;
	position: relative;
	padding:50px;
	line-height: 1.78;
    letter-spacing: 2px;
    font-size: 1.8rem;
}

.company-con{
	width:100%;
	margin:0 auto;
	text-align: center;
}

.company-con dl:first-child{border-top: 1px solid #6eb944;}
.company-con dl{
	text-align: left;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 1px solid #6eb944;
	padding:15px 0;
}

.company-con dt{
	width:25%;
	font-weight: 600;
}

.company-con dd{width:75%;}

.company-con dd a.map{
   background: #6eb944;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  padding: 3px 13px 6px;
  margin-left: 13px;
  font-size: 16px;
  font-size: 1.6rem;
}

.con-dflex{
	display: flex;
	justify-content: space-between;
	margin-top:50px;
}

.con-image{
	width:calc(( 100% - 4% )/ 3);
}


.company-ttl {
	width:500px;
	text-align: center;
	transform: translateX(-50%);
    color: #fff;
    font-weight: bold;
	position: absolute;
    top: -28px;
    left: 50%;
    display: inline-block;
	background: #6eb944;
	letter-spacing: 0;
    padding: 10px 20px;
	letter-spacing: 2px;
    font-size: 2rem;
}

.company-banner{
	width:100%;
	margin: 0 auto;
	text-align: center;
	background: url("../img/company/company-banner.png") no-repeat;
	background-position: center;
	background-size:cover;
	color: #fff;
	line-height: 1.78;
    letter-spacing: 2px;
	font-weight: 900;
	font-size: 1.6rem;
	padding:50px 0;
	margin:70px 0;
	/*position:relative;*/
}

.banner-image{
	width:100%;
}

.banner-txt{
  width:95%;
  margin: 0 auto;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);*/
}

.banner-txt p span{
	font-family:"Noto Serif JP", serif; 
	font-size:2.4rem;}

.contact-wrap{
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
	line-height: 1.78;
    letter-spacing: 2px;
    font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
}

.contact-head{
	border: 4px solid #6eb944;
	background:#fff;
	color: #6eb944;
	padding:10px;
	
}

.contact-box{
	background: #6eb944;
	color:#fff;
	padding:10px 0 20px;
}

.contact-box span{
	font-size:1.4rem;
}

.contact-box span.contact-tel{
	font-family:"Oswald", sans-serif;
	font-size:40px;
	font-weight: 600;
	line-height: 1;
}

@media screen and (max-width: 1200px){
.about-us{font-size:16px;}
}

@media screen and (max-width: 834px) {
.company_wrap .sec-mv {
	background-position: left;
	padding: 50px 0 50px;}
.company_wrap .sec_bg{
	background-size: contain;
	padding: 50px 0;}
.company-contents{
	padding:50px 10px 50px;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	}
.about-us{padding:30px 0;}
.about-inn{background: none;}
.about-wrap h3{font-size: 2rem;}
.about-box{
	display: flex;
	flex-direction: column;}
.about-txt{
	margin-left:0px;
	font-size: 1.4rem;
	text-align: left;
}
.company-con dd a.map{	
    padding: 2px 10px 5px;
    margin-left: 8px;
    font-size: 14px;
	font-size: 1.4rem;
	}
.company-con{width:90%;}
.company-banner{
	font-size: 1.4rem;
	padding:30px 0;
	margin:50px 0;}
.banner-txt p span{font-size: 2rem;}
}
@media screen and (max-width: 640px) {
.company_wrap .sec-mv{
	height:290px;
	background-position: 35% 50%;
	}
.company-contents {
	padding:0px 0px 50px;}
.company-ttl {
	position:static;
	transform: translateX(0%);
	width:100%;}
.company-con dl:first-child{border-top: none;}
.company-banner{background-position: left;}
.banner-txt p span{font-size: 1.8rem;}	
}
	
@media screen and (max-width: 414px) {
.pc-no{display: block !important;}
.about-wrap{
	width:100%;
	}
.about-wrap h3{
	font-size: 1.8rem;}
.con-dflex{
	flex-direction: column;
	 margin-top: 20px;}
.company-con dl{flex-direction: column;}
.con-image{	
	width:100%;
	margin:10px 0;}
.company-contents {
    padding: 0px 0px 20px;
}
.company-con dt,.company-con dd{width:100%;}
.banner-txt{text-shadow: #000 1px 0 30px;}
}