/* CSS Document */
/* ==================

smacss縺翫ｈ縺ｳoocss縺ｫ縺ｦ繧ｳ繝ｼ繝�ぅ繝ｳ繧ｰ

================== */
/* ========
base
======== */
/* wrapper */
.wrapper{
  margin: 20px auto 0;
  letter-spacing: 0;
  font: 16px / 1.6 helvetica neue,noto sans jp,yu gothic,YuGothic,繝偵Λ繧ｮ繝手ｧ偵ざ pron w3,hiragino kaku gothic pron,Arial,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
}
.wrapper::after{
  content: "";
  display: block;
  clear: both;
}
.container{
  width: 730px;
  float: right;
}
@media screen and (max-width: 768px){
  .container{
    width: 100%;
  }
}
[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--hasGutterXs{
  margin: -4px;
}
.l_grid--hasGutterXs > .l_grid__item{
  padding: 4px;
}
.l_grid--hasGutterSm{
  margin: -8px;
}
.l_grid--hasGutterSm > .l_grid__item{
  padding: 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--primary{
  /*margin-bottom: 24px;*/
  margin-bottom: 16px;
}
.m_heading--navSide{
  margin-bottom: 8px;
}
/* 繧ｫ繝ｼ繝� */
.m_card{
  display: block;
  border: 2px solid;
  color: inherit;
  transition: .1s opacity;
}
.m_card:hover{
  color: inherit;
  text-decoration: none;
  opacity: .7;
}
.m_card__header{
  display: flex;
  align-items: center;
  height: 64px;
  padding: 0 16px;
}
a[href^="/period-poverty-"] .m_card__header{
  letter-spacing: -0.5px;
}
.m_card__ttl{
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  color: #fff;
}
.m_card__body{
  padding: 14px;
}
.m_card__num{
  margin-bottom: 12px;
  text-align: right;
  font-size: 24px;
  line-height: 1;
}
.m_card__unit{
  font-size: 16px;
}
.m_card__img{
  margin-bottom: 12px;
  line-height: 0;
  text-align: center;
}
.m_card__img > img{
  max-width: 100%;
  height: auto;
}
.m_card__descr{
  font-size: 15px;
  font-weight: 500;
}
.m_card__tabList{
  margin-top: 16px;
  line-height: 0;
}
.m_card__tab{
  display: inline-block;
  padding: 4px 8px;
  border-radius: 100px;
  background: #ccc;
  color: #fff;
  line-height: 1;
  font-size: 11px;
  letter-spacing: 0;
}
.m_card--insource{
  border-color: #E52153;
}
.m_card--insource .m_card__header{
  background: #E52153;
}
.m_card--training{
  border-color: #22A3E3;
}
.m_card--training .m_card__header{
  background: #22A3E3;
}
.m_card--training_other{
  border-color: #FF9F39;
}
.m_card--training_other .m_card__header{
  background: #FF9F39;
}
.m_card--partnership{
  border-color: #5A4CC7;
}
.m_card--partnership .m_card__header{
  background: #5A4CC7;
}
.m_card--system{
  border-color: #35C1AB;
}
.m_card--system .m_card__header{
  background: #35C1AB;
}
.m_card--other{
  border-color: #EA80B0;
}
.m_card--other .m_card__header{
  background: #EA80B0;
}
.m_card--recruit{
  border-color: #818D93;
}
.m_card--recruit .m_card__header{
  background: #818D93;
}
.m_card__tab--insource{
  background: #E52153;
}
.m_card__tab--training{
  background: #22A3E3;
}
.m_card__tab--training_other{
  background: #FF9F39;
}
.m_card__tab--partnership{
  background: #5A4CC7;
}
.m_card__tab--system{
  background: #35C1AB;
}
.m_card__tab--other{
  background: #EA80B0;
}
.m_card__tab--recruit{
  background: #818D93;
}
/* 
.m_card--insource:hover{
  border-color: #E52153;
}
.m_card--insource:hover .m_card__header{
  background: #E52153;
}
.m_card--training:hover{
  border-color: #22A3E3;
}
.m_card--training:hover .m_card__header{
  background: #22A3E3;
}
.m_card--training_other:hover{
  border-color: #FF9F39;
}
.m_card--training_other:hover .m_card__header{
  background: #FF9F39;
}
.m_card--partnership:hover{
  border-color: #5A4CC7;
}
.m_card--partnership:hover .m_card__header{
  background: #5A4CC7;
}
.m_card--system:hover{
  border-color: #35C1AB;
}
.m_card--system:hover .m_card__header{
  background: #35C1AB;
}
.m_card--other:hover{
  border-color: #EA80B0;
}
.m_card--other:hover .m_card__header{
  background: #EA80B0;
}
.m_card--recruit:hover{
  border-color: #818D93;
}
.m_card--recruit:hover .m_card__header{
  background: #818D93;
}
.m_card__tab--insource{
  background: #E52153;
}
.m_card__tab--training{
  background: #22A3E3;
}
.m_card__tab--training_other{
  background: #FF9F39;
}
.m_card__tab--partnership{
  background: #5A4CC7;
}
.m_card__tab--system{
  background: #35C1AB;
}
.m_card__tab--other{
  background: #EA80B0;
}
.m_card__tab--recruit{
  background: #818D93;
}
*/

/* 繧ｻ繝ｬ繧ｯ繝医�繝�け繧ｹ */
.m_selector{
  position: relative;
  display: block;
  width: 310px;
  max-width: 100%;
  margin: 0 0 16px auto;
  display: none;
}
.m_selector::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  display: block;
  width: .5em;
  height: .5em;
  margin: auto;
  border-right: 2px solid;
  border-bottom: 2px solid;
  line-height: 1;
  transform: rotate(45deg) translateY(-50%);
}
.m_selector__field{
  display: block;
  width: 100%;
  padding: 4px 0;
  border: 1px solid;
  text-indent: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
@media screen and (max-width: 768px){
  .m_selector__field{
    font-size: 12px;
  }
}
/* 繝ｩ繧､繝ｳ繝翫ャ繝励ユ繝ｼ繝悶Ν繝薙Η繝ｼ */
.m_lineupTableview{
  border-top: 2px solid;
  border-bottom: 2px solid;
  margin-bottom: 20px;
}
.m_lineupTableview__item + .m_lineupTableview__item{
  border-top: 1px dashed #ccc;
}
.m_lineupTableview__target{
  display: block;
  padding: 12px 0;
  color: inherit;
  line-height: 1.4;
  font-weight: bold;
  font-size: 14px;
}
.m_lineupTableview--colorTheme{
  border-color: #E52153;
}
.m_lineupTableview--colorTheme .m_lineupTableview__target:hover{
  color: #E52153;
}

/* ========
state
======== */
.js_listLineup-enter-active, .js_listLineup-move {
  transition: .8s all;
}
.js_listLineup-leave-active {
  position: absolute;
  visibility: hidden;
}
.js_listLineup-enter {
  opacity: 0;
  transform: scale(.9);
}
/* ========
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_mt64{
  margin-top: 64px;
}