@charset "UTF-8";

/* ================

base

================ */
#cont{
  color:#333;
  font:400 14px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  line-height:1.4;
  letter-spacing:.1em;
}
[v-cloak]{
  display: none;
}
/* ================

layout

================ */
/* グリッド */
.l_grid{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.l_grid__item{
  display: flex;
}
.l_grid__inner{
  display: block;
  width: 100%;
}
.l_grid--category{
  margin: -4px 0;
}
.l_grid--category > .l_grid__item{
  padding: 4px 0;
}
.l_grid--entry{
  margin: -4px 0;
}
.l_grid--entry > .l_grid__item{
  padding: 4px 0;
}

/* 節 */
.l_section{}
.l_section__item{}
.l_section--primary{}
.l_section--primary > .l_section__item + .l_section__item{
  margin-top: 8px;
}
.l_section--secondary{}
.l_section--secondary > .l_section__item + .l_section__item{
  padding-top: 8px;
}
.l_section--tertiary{}
.l_section--tertiary > .l_section__item + .l_section__item{
  margin-top: 16px;
}

/* リスト */
.l_list{}
.l_list__item + .l_list__item{
  margin-top: 8px;
}

/* ================

module

================ */

/* 見出し */
.m_heading{}
.m_heading__ttl{
  font-weight: bold;
  line-height: 1;
}
.m_heading__img{
  line-height: 0;
}
.m_heading__img img{
  max-width: 100%;
  height: auto;
}
.m_heading__link{}
.m_heading__link--img{
  display: block;
}
.m_heading--primary{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 24px 0;
}
.m_heading--primary > .m_heading__ttl{
  position: relative;
  top: -4px;
  font-size: 26px;
}
.m_heading--primary > .m_heading__img + .m_heading__ttl{
  padding-left: 32px;
}
.m_heading--secondary{}
.m_heading--secondary > .m_heading__ttl{
  margin-bottom: 2px;
  padding: 12px 16px;
  font-size: 24px;
  color: #fff;
  background: #CC2914;
}
.m_heading--tertiary{
  margin-bottom: 8px;
  padding: 8px 12px;
  background: linear-gradient(to right, #fbdeda 80%, #fff 100%);
}
.m_heading--tertiary .m_heading__link{
  color: #cc2914;
  font-size: 16px;
}
.m_heading--tertiary .m_heading__link:hover{
  text-decoration: underline;
}

.m_heading--entry{
  margin-bottom: 8px;
}
.m_heading--entry > .m_heading__ttl{
  font-size: 16px;
}
.m_heading--entry .m_heading__link{
  color: #333;
}
.m_heading--entry .m_heading__link:hover{
  text-decoration: underline;
}
@media screen and (max-width: 768px){
  .m_heading--primary > .m_heading__ttl{
    font-size: 20px;
  }
  .m_heading--secondary > .m_heading__ttl{
    font-size: 16px;
  }
  .m_heading--tertiary .m_heading__link{
    font-size: 14px;
  }
  .m_heading--entry > .m_heading__ttl{
    font-size: 14px;
  }
}
@media screen and (max-width: 599px){
  .m_heading--primary > .m_heading__img{
    width: 120px;
  }
}
/* アイコン */
.m_hasIco{
  position: relative;
  display: block;
}
.m_hasIco::before,
.m_hasIco::after,
.m_hasIco__item{
  position: absolute;
  left: 0;
  display: block;
}
.m_hasIco--center::before,
.m_hasIco--center::after,
.m_hasIco--center > .m_hasIco__item{
  top: 50%;
  transform: translateY(-50%);
}
.m_hasIco--inline::before,
.m_hasIco--inline::after,
.m_hasIco--inline > .m_hasIco__item{
  position: static;
  display: inline-block;
  transform: none;
}
.m_hasIco--curcleLink{
  padding-left: 32px; 
}
.m_hasIco--curcleLink::before{
  content: "▲";
  padding: 4px;
  border: 2px solid #cc2914;
  border-radius: 50%;
  color: #cc2914;
  line-height: 1;
  font-size: 10px;
  transform: translateY(-50%) rotate(90deg);
}
.m_hasIco--link{
  padding-left: 16px;
}
.m_hasIco--link::before{
  content: '';
  top: .45em;
  width: 4px;
  height: 4px;
  border-top: #948f8f 2px solid;
  border-right: #948f8f 2px solid;
  transform: rotate(45deg);
}
.m_hasIco--curcle{
  padding-left: 16px;
}
.m_hasIco--curcle::before{
  content: '';
  top: .5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #948f8f;
}
.m_hasIco--hyphen{
  padding-left: 8px;
}
.m_hasIco--hyphen::before{
  content: "-";
}
.m_hasIco--otherWindow{}
.m_hasIco--otherWindow::after{
  content: "\f08e";
  margin-left: 8px;
  font: 12px / 1 FontAwesome;
}

/* リンク */
.m_link{
  color: inherit;
}
.m_link:hover{
  text-decoration: underline;
}

/* カラム */
.m_column{
  border-left: 1px solid #ccc;
}
.m_column__item{
  margin-left: -1px;
  background: #fff;
}

/* トップカテゴリ単位の箱 */
.m_boxTopCategory{
  padding: 12px 0 12px 12px;
  border-left: 1px solid #ccc;
}

/* 記事単位の箱 */
.m_boxEntry{
  padding: 0 16px;
}
/* ================

utility

================ */
/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}
/* 間隙 */
.u_mb0{
  margin-bottom: 0;
}
.u_mb64{
  margin-bottom: 64px;
}
/* 文字間 */
@media screen and (max-width: 768px){
  .u_resMdLs0{
    letter-spacing: 0;
  }
}