@charset "utf-8";
/* 共通
-----------------------------------------------*/
/*ブロック*/
#page_contents article{
  margin-bottom: 40px;
}

/* 見出し */
#page_contents article h2{
  background-color: #eee;
  border-left: 5px solid #FF5C10;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 1.4em;
  letter-spacing: .05em;
  line-height: 1.5;
}

#page_contents article h3{
  margin-bottom: 15px;
}

/* リスト */
#page_contents article ul{
  line-height: 1.6;
}

#page_contents article ul li span{
  font-weight: bold;
  color: #FF5C10;
}

/* コンテンツ
-----------------------------------------------*/
/*トップ画像*/
.header_img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

/* リード */
.lead_box{
  display: flex;
}

.lead_box .lead_box__img{
  width: 300px;
  flex-shrink: 0;
  margin-left: 20px;
}

/*===============================================
  画面の横幅が600px以下
===============================================*/
@media screen and (max-width:600px){
  .lead_box{
    display: block;
  }
  .lead_box .lead_box__img{
    width: 100%;
    margin: 20px 0 20px 0;
  }
}

/*youtube動画埋め込み*/
.youtube {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.youtube:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*octvロゴ部分*/
.logo{
  width: 240px;
  display: block;
  margin-bottom: 20px;
}

.logo img {
  width: 100%;
  display: block;
}

/*バナー*/
.bana a{
  display: block;
}

.bana a img{
  border-radius: 5px;
  display: block;
}