@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*ヘッダー詰める*/
.entry-title,
.content {
padding: 0;
margin: 0;
}

.logo-image * {
display: block;
margin: auto;
width:100px;
	height:40px;
	float:left;
	margin:0 0.5em;
}

#main{
Padding: 0;
margin: 0;
margin-top:-1px;
background-color: transparent;
}

.entry-content{
	margin:0;
	padding:0;
}

.article-footer.entry-footer {
	display: none;
}

#navi .navi-in > ul > li{
  border-left: 1px solid #eee;
}

#navi .navi-in > ul > li:last-child{
  border-right: 1px solid #eee;
}

.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
} 

#navi .navi-in a:hover{
background-color:#009944;
color:#fff;
}

.navi{
border-bottom:4px solid #009944;
}

/*フェードイン*/

.blogo {
    animation-name: fadein;
    animation-duration: 2s;
	  margin: auto;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(5px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


/*タイトル、投稿日時、投稿者の非表示*/
.entry-title,
.date-tags,
.author-info{
  display: none;
}

/*hタグリセット*/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

.article h2 {
     position: relative;
  padding: 0.25em 0.25em 0.25em 1.25em;/*文字周りの余白*/
	margin:0.5em 0 0 0;
	font-size:170%;
	border-bottom:1px solid #0d705c;
}
 
.article h2::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:6px;
     background-color:#009944;
}

.article h3 {
  padding: 0.25em 0.5em 0.25em 1em;/*文字周りの余白*/
	margin:0.5em 0;
	font-size:155%;
	border-bottom:1px solid #0d705c;
}


/* ボタン指定 */
.article .btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.75em 2em;
  text-decoration: none;
	background-color:#009944;
	color:#ffffff;
  transition: .4s;
	margin:0.5em;
}

.article .btn-flat-logo:hover {
  background: #0d705c;
}

/*ボックス*/

.boxin2 {
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}
.con {
  width:33.3%;
	padding:2em;
	text-align:center;
	margin-bottom:1em;
}

.con2 {
  width:66.7%;
  margin: 0 ;
	padding:2em;
}

.con3 {
  width:50%;
  margin: 0 ;
  padding:1em;
}

.con4 {
  width:18%;
	text-align:center;
    position: relative;
  transition: .4s;
	margin:1em 0.5em;
	z-index: 1;
}

.con4 .name {
  position: absolute;
  top: 15%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: #ffffff;
	font-weight:bold;
	font-size:120%;
	width:95%;
	background-color:rgba(0,153,68,0.8);
z-index: 2;
  }

.con4 .name:after {
	border: 10px solid transparent;
	border-top-color: #07913c;
	border-bottom-width: 0;
	bottom: -40%;
	content: "";
	display: block;
	left: 45%;
	position: absolute;
	width: 0;
}

.con4 a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.con4 a:hover {
background-color: rgba(252,252,252,0.5);
}

.con5{
	width:100%;
	padding:2em;
}

box3{
	width:1160px;
	margin:0 0 0.75em 0;
	background-color:#ffffff;
	border:1px solid #cccccc;
}

contents{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
	padding:0 1em;
	margin:0 !important;
}

/*メイン画像用*/
contents2{
  display: flex;
	justify-content:right;
  flex-wrap: wrap;
	padding:0;
	margin:0 0 1em 0 !important;
}

box{
	width:1160px;
	margin:0;
}

.cover{
background: url('https://eco-raise.tokyo/wp-content/uploads/2020/09/ヘッダー画像.jpg') bottom center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;	
	position: relative;
z-index: 0;
	color:#ffffff;
	padding:0em 1em;
	text-align:center;
}
.cover::before,.cover2::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: inherit;
filter: brightness(60%);
/* 最背面へ */
z-index: -1;
}

.cover2{
background: url('https://eco-raise.tokyo/wp-content/uploads/2020/09/-e1600838557651.jpg') bottom center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;	
	position: relative;
z-index: 0;
	color:#ffffff;
	padding:5em 1em;
	text-align:center;
}

.yajirushi{ 
     width: 0;
     height: 0;
     border-top: solid 30px transparent;
     border-right: solid 30px transparent;
     border-bottom: solid 30px transparent;
     border-left: solid 30px #009944;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*テーブル*/

.container table tr,
.container table th{
  background-color: transparent;
}
.article td,
.article th {
  border: 1px solid transparent;
	border-bottom:1px solid #e0e3e7;
}
.article th {
font-weight:normal;
background-color:#0d705c !important;
color:#ffffff !important;
}
table tr:last-child td,
table tr:last-child th {
	border-bottom: 1px solid transparent;
}

table tr,
table th,
table td{
	text-align:left;
	border:1px solid #e0e3e7;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}

/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 color:#444;
 padding-right:5px;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 border:solid 1px #d7d7d7;	
}

/*必須の調整*/
.haveto{
 font-size:80%;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:80%;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

/*問い合わせフォームデザイン*/
/*電話可能時間*/
/*時間*/
.hor{
	width:6em;	
}
/*分*/
.tim{
	width:6em;
}

/*お問い合わせ横並び*/
.toiyoko{
    display: flex;
	justify-content:flex-start;
    flex-wrap: wrap;
	/*padding:0 1em;*/
	margin:0.5em 0em;
}

.toiyoko3{
    display: flex;
	justify-content:flex-start;
    flex-wrap: wrap;
	/*padding:0 1em;*/
	margin:0.5em 0em;
}

.toiyoko4{
    display: flex;
	justify-content:flex-start;
    flex-wrap: wrap;
	/*padding:0 1em;*/
	/*margin:1em 0em;*/
}


/*横並びのバランスを整える*/
.tyoko {
  /*width:18%;
	text-align:center;*/
    /*position: relative;*/
    /*transition: .4s;*/
	margin:0em 0.5em;
	/*z-index: 1;*/

}

/*横並びのバランスを整える*/
.tyoko2 {
	margin:1em 0.5em 0em 0.5em;
	
}


/*タイトル*/
.rf0{
	font-size:180%;
	border-bottom:solid 2px #fff;
	margin-bottom:0px;
	display:inline-block;
}

.rf1{
	color:red;
	font-size:230%;
	padding: 0;/*文字周りの余白*/
	margin:0;
}

.rf2{
	font-size:180%;
	padding: 0;/*文字周りの余白*/
	margin:0;
}

.article h1 {
  padding: 0;/*文字周りの余白*/
	margin:0;
	font-size:230%;
}

/*会社概要Table*/
.tbr1{
	width:30%;
}

.stx{
	font-size:80%;
}

.smw{
	font-size:80%;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.logo-image * {
display: block;
margin: auto;
width:100px;
	height:90px;
	float:left;
	margin:0 0.5em;
}
	
.con4 {
  width:18%;
	text-align:center;
    position: relative;
  transition: .4s;
	margin:1em 0.25em;
	z-index: 1;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

	
.con {
  width:100%;
	padding:2em;
	text-align:center;
	margin-bottom:1em;
}

.con2 {
  width:100%;
  margin: 0 ;
	padding:2em;
}

.con3 {
  width:100%;
  margin: 0 ;
	padding:2em;
}

.con4 {
  width:80%;
	text-align:center;
    position: relative;
  transition: .4s;
	margin:0;
	z-index: 1;
}
	
.yajirushi{ 
     width: 0;
     height: 0;
     border-top: solid 30px #009944;
     border-right: solid 30px transparent;
     border-bottom: solid 30px transparent;
     border-left: solid 30px transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.article h2 {
     position: relative;
  padding: 0.25em 0.25em 0.25em 1.25em;/*文字周りの余白*/
	margin:0.5em 0 0 0;
	font-size:110%;
	border-bottom:1px solid #0d705c;
}
 
.article h2::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:6px;
     background-color:#009944;
}
	
/*タイトル*/
.rf0{
	font-size:120%;
	border-bottom:solid 2px #fff;
	margin-bottom:0px;
	display:inline-block;
}

.rf1{
	color:red;
	font-size:150%;
	padding: 0;/*文字周りの余白*/
	margin:0;
}

.rf2{
	font-size:110%;
	padding: 0;/*文字周りの余白*/
	margin:0;
}

.article h1 {
  padding: 0;/*文字周りの余白*/
	margin:0;
	font-size:200%;
}

/*最初から入っているロゴを消す*/
.logo-header{
  display: none;
} 
	
/*h3調整*/
.article h3 {
  padding: 0.25em 0.5em 0.25em 1em;/*文字周りの余白*/
	margin:0.5em 0;
	font-size:100%;
	border-bottom:1px solid #0d705c;
}

}