.header-container {
  /* height: 500px; */
/*   background: linear-gradient(to right, #2976EE, #149FE8, #00C6E3); */
}
.header-container .header_bg {
  display: flex;
  justify-content: space-around;
  /* align-items: center; */
  /* background: linear-gradient(to right, #2976EE, #149FE8, #00C6E3); */
  margin: 0 auto;
  margin-top: 90px;
  width: 80%;
}
.header_logo_sp img.logo {
  display: none;
  width: 40%;
  height: auto;
  margin: 10px;
}
.header-container .header_bg img.bg {
  width: 380px;
  height: 455px;
}
.header-container .header_bg .header_bg_right {
  padding-top: 7rem;
}
.header-container .header_bg .header_bg_right .header_title {
  font-size: 4rem;
  color: white;
  font-family: 'Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}
.header-container .header_bg .header_bg_right .header_subtitle {
  font-size: 1.3rem;
  color: white;
  line-height: 2;
  font-family: 'Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}
.header-container .header_bg .header_bg_right .btn_box {
  margin-top: 1rem;
}
.header-container .header_bg .header_bg_right .btn_box button {
  /* background: linear-gradient(to right, #2976EE, #149FE8, #00C6E3); */
  background-color: #eaff74;
  font-size: 1rem;
  padding: 0.8rem 1.5rem;
  /* color: white; */
  border-radius: 3px;
}
/* コンテント */
.content{
  /* margin-top: 550px; */
  margin-top: 120px;
  /* margin-top: calc(100vh + 100px); */
  font-family: 'Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}
.content-in {
  justify-content: center;
}
main#main.main{
  min-height: 100vh;
  background-color: inherit;
  /* padding: 20px; */
  /* width: 100%; */
}
.ect-3-columns .entry-card-wrap{
  background-color: white;
  border-radius: 20px;
  padding: 0px;
  padding-bottom: 10px;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  /* min-height: 500px; */
}
.ect-vertical-card .entry-card-wrap .entry-card-content{
  padding: 5px;
  padding-bottom: 15px;
  padding-right: 15px;
}
.ect-vertical-card .entry-card-wrap .post-date,
.ect-vertical-card .entry-card-wrap .post-update{
  margin-right: 10px;
}

/* サイドバー非表示 */
#sidebar {
  /* display: none; */
}

@media screen and (max-width: 480px) {
  .header-container {
    width: 100%;
    border-radius: 0;
    left: 0;
    /* height: 100vh; */
  }
  .header-container .header-container-in {
    /* display: none; */
  }
  .header-container .header_bg {
    flex-direction: column;
    /* margin-top: 30vh; */
  }
  .header_logo_sp img.logo {
    display: block;
  }
  .header-container .header_bg img.bg {
    width: 70%;
	  height: auto;
    position: absolute;
    /* z-index: -1;
    opacity: 0.8; */
    bottom: 10px;
    right: 10px;
  }
  .header-container .header_bg .header_bg_right {
    padding: 10px 0;
  }
  .header-container .header_bg .header_bg_right .header_title {
    font-size: 2rem;
	  font-weight: bold;
  }
  .header-container .header_bg .header_bg_right .header_subtitle {
    font-size: 1.3rem;
	  font-weight: bold;
  }
  .content {
    margin-top: 200px;
    /* margin-top: calc(100vh + 30px); */
  }
  .content .wrap {
    padding: 0 15px;
  }
  h2.list_title {
    font-size: 2rem;
  }
  .ect-vertical-card {
    flex-direction: column;
  }
  .ect-3-columns .entry-card-wrap {
    width: 100%;
  }
  .ect-3-columns .entry-card-wrap .entry-card {
    display: flex;
    justify-content: space-between;
  }
  .ect-3-columns .entry-card-wrap .entry-card .entry-card-thumb {
    width: 32%;
  }
  .ect-3-columns .entry-card-wrap .entry-card .entry-card-thumb img {
    /* width: 100%; */
    height: auto;
  }
  .ect-3-columns .entry-card-wrap .entry-card .entry-card-content {
    width: 67%;
    padding: 5px;
  }
  .ect-3-columns .entry-card-wrap:nth-of-type(1) .entry-card {
    flex-direction: column;
  }
  .ect-3-columns .entry-card-wrap:nth-of-type(1) .entry-card .entry-card-thumb,
  .ect-3-columns .entry-card-wrap:nth-of-type(1) .entry-card .entry-card-content  {
    width: 100%;
  }
  .ect-3-columns .entry-card-wrap:nth-of-type(1) .entry-card .entry-card-thumb img {
    height: 50vw;
  }


}