/*背景色*/
body {
    background-color: #FFF;
  }
/*メニューバー*/
.l-header {
    border-bottom: 1px solid #000;
}

.concept-img{
    z-index:-9999;
    position:absolute;
    top: 10%;
    left: 0;
}

.p-entry-content>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)+:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),{
    margin: top 0rem !important;;
}

.member{
    background-image:url("http://greenspearfishing.local/wp-content/uploads/2023/01/グループ-21-1-1.png");
    background-size: contain;
}
/*スクロールバー*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
  position:absolute;
  left:50%;
  bottom:-250px;
    /*全体の高さ*/
  height:50px;
}

.concept{
    padding-top:0px;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
  position: absolute;
  left:-22px;
  top: -15px;
    /*テキストの形状*/
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
  content: "";
    /*描画位置*/
  position: absolute;
  top: 0;
    /*線の形状*/
  width: 1px;
  height: 30px;
  background: #eee;
    /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 2s ease-in-out infinite;
  opacity:0;
}

/* ボタン*/
.btnarrow4{
    /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
    /*形状*/
    display: inline-block;
  padding: 0 20px;
    color: #333;
    text-decoration: none;
    outline: none;
    font-size: 16px;
}

.btnright{
    text-align: right;
}
.btncenter{
    text-align: center;
}

/*矢印と下線の形状*/
.btnarrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
  position: absolute;
    bottom:-8px;
    left:15%;
    /*下線の形状*/    
    width: 85%;
    height: 1px;
  background:#51AC6F;
    /*アニメーションの指定*/
    transition: all .3s;
}

.btnarrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    bottom:-3px;
    right:0;
    /*矢印の形状*/    
    width: 15px;
    height:1px;
  background:#51AC6F;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover::before{
    left:20%;
}

.btnarrow4:hover::after{
    right:-5%;
}


/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}

.top-image {
padding-top:0px!important;
padding-bottom:0px!important;    
}

/*フッター*/
.l-footer-widget-area{
	background:#333;
	color:#fff;
}
.l-footer-widget-area__item:first-child{
	flex:1;/*カラムを可変にする*/
	max-width:100%
}
.l-footer-widget-area__item:last-child{
	display:flex;/*テキストウィジェットを上下中央に揃える用*/
	align-items:center;/*テキストウィジェットを上下中央に揃える用*/
}

.l-footer-widget-area__item p{
    font-size:12px;
}
.c-copyright {
	font-size:11px;
	color:rgb(187, 187, 187);
}
/*スマホサイズ以上*/
@media (min-width: 40em){
.l-footer-widget-area__item:last-child{
	flex:0 1 300px;/*300px固定*/
	border-left:solid 1px #666
}

}
@media screen and (max-width:639px) {
    .l-footer-widget-area__item{
        display:block;
        text-align: center;
     }
     .l-footer-widget-area__item:last-child{
        display:block;
        text-align: center;
     }

}

h4{
  background: #51ac6f;
  color: #fff;
}

  h4:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
    content: "";
    background: #231815;
}
.block {
  position: relative;
  padding: 45px 0 90px;
}
.block .c-container{
  padding:0px!important;
}
.block:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  content: "";
  background: #f0eded;
}
.block h4{
  margin-top: 15px;
  margin-bottom: 0px;
}




@media screen and (max-width:480px) {
    .scrolldown1{
        /*描画位置※位置は適宜調整してください*/
      position:absolute;
      left:50%;
      bottom:-200px;
        /*全体の高さ*/
      height:50px;
    }

    .vision1-bottom{
        padding-bottom:0px;

    }
    .btnarrow4{
        font-size: 14px;  
    }
 
}