@charset "UTF-8";

/** 　節　**/
.section{}
.section-keyvisual{}
.section_item{}
.section + .section{
  margin-top: 40px;
}
.section_item + .section_item{
  margin-top: 24px;
}

.section-keyvisual + .section{
  margin-top: 24px;
}

/** 　中央寄せ　ここから**/
.center{
  text-align: center;
}

/** 　リード文　ここから　**/
.lead{
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center; 
  padding: 16px 0;
  margin: 0px;
}

/** 　リード文のあしらい　ここから　**/
.leadFuture{
  line-height: 0;
  text-align: center;
}

/** 　見出し　ここから　**/
.heading{
  font-weight: bold;
}
.heading-primary{
  margin-bottom: 24px;
}
.heading-secondary{
  margin-bottom: 16px;
}
.heading-tertiary{
  margin-bottom: 16px;
}
.heading-tertiary > .heading_ttl{
  font-size: 24px; 
  color: #3366cc;
  border-bottom: 1px solid #3366cc; 
}
.list{}
.list_item{
  border-bottom: 0.5px dotted #3366cc;
  padding-bottom : 10px;
  list-style: none;
}
.list_item + .list_item{
  margin-top: 10px;
}

.month_link{
    display:flex;
    align-items: center;
    padding: 10px 0 10px 0;
}

.month_img{
    margin-right:  16px;
}

/**ホバー時にアンダーライン表示　**/
.list_item {
text-decoration: none;
}
.list_item:hover {
text-decoration: underline;
}    


/** 　記事一覧　ここまで　**/



/** 　おすすめリンク　フレックスボックス　ここから　**/
.recommended_link_list{
  padding: 0;
  margin: -12px;
}
.recommended_link_item{
display: inline-block;
list-style: none;
width: 33.333%;
padding: 12px;
box-sizing: border-box;
}

.recommended_link_img{
    vertical-align: top;
    width:100%;
    height:auto;
}

@media screen and (max-width: 599px){
  .recommended_link_item{
    width: 50%;
  }
}

/** 　ホバー時に半透明　**/

.recommended_link_img:hover {
	opacity: 0.5 ;
}

/** 記事へのリンク **/
.articleLink{
  display: flex;
  align-items: center;
  min-height: 48px;
  font-size: 16px;
  line-height: 1.6;
}
.articleLink-theme{
  color: #3366cc;
}
.articleLink_ico{
  position: relative;
  flex: 0 0 48px;
  height:48px;
  margin-right: 16px;
  background:url(/resource/img/contents/3minute_heading_month.jpg) no-repeat left top / contain;
}
.articleLink_month{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.articleLink_monthEng{
  display:block;
  color: #333;
  font-size:10px;
  font-weight: bold;
  line-height:1;
  text-align:center;
}
.articleLink_monthNum{
  display:block;
  color: #333; 
  text-align:center;
  font:24px / 1 'Share Tech Mono', YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
}
.articleLink-theme .articleLink_monthNum{
  color:#5e7eb6;
}