/* CSS Document */

/* ==============
base
============== */
/*譌｢蟄呂SS繝ｪ繧ｻ繝�ヨ*/
div#base{
  width: 1220px;
}
@media screen and (max-width: 768px){
  div#base{
    width: 100%;
  }
}

/*譌｢蟄呂SS */
.heading_topLine {
  border-top: 3px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 0;
  position: relative;
}

.heading_topLine::before {
  border-top: 3px solid #E51E19;
  content: "";
  display: block; 
  position: absolute;
  left: 0;
  top: -3px;
  width: 38%;
  }

.heading_topLine > img {
  background-color: #E51E19;
  float: left;
  margin-right: 5px;
  vertical-align: -6px;
  }

.heading_topLine > span {
  display: block;
  font-family: inherit;
  padding-left: 29px;
  margin-top: 2px;
}


/*蛻晄悄險ｭ螳咾SS*/
#cont{
  color:#333;
  font:400 16px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  line-height:1.6;
  letter-spacing:.1em;
}
body{
  counter-reset: flowNo;
}
[v-cloak]{
  display: none;
}
/* ==============
layout
============== */
/* 繝ｩ繝�ヱ繝ｼ */
.l_wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 1220px;
  margin: 0 auto;
}
@media screen and (max-width: 768px){
  .l_wrap{
    display: block;
    width: auto;
  }
}
/* 繝｡繧､繝ｳ繧ｳ繝ｳ繝�Φ繝� */
.l_main{
  width: 730px;
}
@media screen and (max-width: 768px){
  .l_main{
    width: 100%;
  }
}
/* 繧ｵ繧､繝峨リ繝� */
.l_sideNav{
  font-size: 12px;
  order: -1;
  width: 200px;
}
.l_sideNav--rev{
  order: 1;
}
.l_sideNav__item + .l_sideNav__item{
  margin-top: 24px;
}
@media screen and (max-width: 768px){
  .l_sideNav{
    display: none;
  }
  .l_sideNav--rev{
    display: block;
    width: auto;
  }
}
/* 繧ｰ繝ｪ繝�ラ */
.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--hasGutterMd{
  margin: -8px;
}
.l_grid--hasGutterMd > .l_grid__item{
  padding: 8px;
}

/* 遽€ */
.l_section{}
.l_section__item{}
.l_section--herosArea > .l_section__item + .l_section__item{
  margin-top: 16px;
}
.l_section--primary > .l_section__item + .l_section__item{
  margin-top: 64px;
}
.l_section--secondary > .l_section__item + .l_section__item{
  margin-top: 64px;
}
.l_section--tertiary > .l_section__item + .l_section__item{
  margin-top: 40px;
}
.l_section--quaternary > .l_section__item + .l_section__item{
  margin-top: 16px;
}
.l_section--quinary > .l_section__item + .l_section__item{
  margin-top: 16px;
}

/* 繝ｪ繧ｹ繝� */
.l_list{}
.l_list__item + .l_list__item{
  margin-top: 8px;
}

/* =====
module
===== */
/* 繧｢繧､繧ｳ繝ｳ */
.m_hasIco{
  position: relative;
  display: block;
}
.m_hasIco::before,
.m_hasIco::after,
.m_hasIco__item{
  position: absolute;
  display: block;
}
.m_hasIco::before,
.m_hasIco__item{
  left: 0;
}
.m_hasIco::after{
  right: 0;
}
.m_hasIco--center::before,
.m_hasIco--center::after,
.m_hasIco--center > .m_hasIco__item{
  top: 50%;
  transform: translateY(-50%);
}
.m_hasIco--colorTheme::before,
.m_hasIco--colorTheme::after,
.m_hasIco--colorTheme > .m_hasIco__item{
  color: #1583BE;
}
.m_hasIco--circle{
  padding-left: 1.3em;
}
.m_hasIco--circle::before{
  content: "笳�";
}
.m_hasIco--ast{
  padding-left: 1em;
}
.m_hasIco--ast::before{
  content: "窶ｻ";
}
.m_hasIco--dot{
  padding-left: 1em;
}
.m_hasIco--dot::before{
  content: "繝ｻ";
}
.m_hasIco--num{
  padding-left: 1.7em;
}
.m_hasIco--bracketNum{
  padding-left: 3.2em;
}
.m_hasIco--circleNum{
  padding-left: 1.2em;
}
.m_hasIco--link{
  padding-left: 1.5em;
}
.m_hasIco--link::before{
  content: "笆ｲ";
  transform: rotate(90deg);
}
.m_hasIco--movie{
  padding-left: 48px;
}
.m_hasIco--movie::before{
  content: "\f03d";
  left: 20px;
  font-family: fontawesome;
  font-weight: bold;
  font-size: 16px;
}
.m_hasIco--no{
  padding-left: 28px;
}
.m_hasIco--no::before{
  content: "\f05e";
  color: #e6002d;
  font-family: fontawesome;
  line-height: 1;
  font-size: 24px;
}
/* 隕句�縺� */
.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: 16px;
}
.m_heading--secondary{
  margin-bottom: 32px;
}
.m_heading--secondary > .m_heading__ttl{
  font-size: 30px;
}
.m_heading--tertiary{
  margin-bottom: 32px;
}
.m_heading--tertiary > .m_heading__ttl{
  padding: .5em 1em;
  font-size: 20px;
  background: #faf0f0;
}
.m_heading--quaternary{
  margin-bottom: 16px;
}
.m_heading--quaternary > .m_heading__ttl{
  line-height: 1.4;
  font-size: 18px;
}
.m_heading--quinary{
  margin-bottom: 16px;
}
.m_heading--quinary > .m_heading__ttl{
  line-height: 1.6;
  font-size: 16px;
}
@media screen and (max-width: 599px){
  .m_heading--secondary > .m_heading__ttl{
    font-size: 16px;
    line-height: 1.4;
  }
  .m_heading--tertiary > .m_heading__ttl{
    font-size: 14px;
    line-height: 1.6;
  }
}

/* 繝ｪ繝ｳ繧ｯ */
.m_link{
  color: #052574;
  text-decoration: underline;
}
.m_link:hover{
  color: #E5A20C;
  text-decoration: underline;
}

/* 繝�く繧ｹ繝医�繝�け繧ｹ */
.m_txtBox{
  padding: 24px;
  border: 1px solid;
}
.m_txtBox--attention{
  border-color: #e6002d;
}


/* 蝙九き繝ｼ繝� */
.m_typeCard{
  padding: 24px;
  border: 1px solid;
}
.m_typeCard__ttl{
  position: relative;
  margin-bottom: 8px;
  padding-left: 1em;
  font-weight: bold;
}
.m_typeCard__ttl::before{
  content: "笆�";
  position: absolute;
  left: 0;
  display: block;
}
.m_typeCard__msg + .m_typeCard__msg{
  margin-top: 24px;
}
.m_typeCard__listItem{
  position: relative;
  padding-left: 1em;
}
.m_typeCard__listItem::before{
  content: "繝ｻ";
  position: absolute;
  left: 0;
  display: block;
}
.m_typeCard--colorTheme{
  border-color: #9a2730;
}
.m_typeCard--many{
  background: url("/resource/img/online/flow/001.png") no-repeat content-box content-box right bottom;
}
.m_typeCard--individual{
  background: url("/resource/img/online/flow/002.png") no-repeat content-box content-box right bottom;
}
@media screen and (max-width: 768px){
  .m_typeCard{
    background: none;
  }
}

/* 莉悶Μ繝ｳ繧ｯ繝懊ャ繧ｯ繧ｹ */
.m_asideBox{
  padding: 24px;
}
.m_asideBox__ttl{
  position: relative;
  margin-bottom: 24px;
  padding-left: 36px;
  font-weight: bold;
}
.m_asideBox__ttl::before{
  content: "\f0eb";
  position: absolute;
  top: 50%;
  left: 0;
  display:block;
  font-family: "FontAwesome";
  line-height: 1;
  font-size: 40px;
  transform: translateY(-50%);
}
.m_asideBox--colorTheme{
  background: #faf0f0;
}

/* 繝��繝悶Ν繝薙Η繝ｼ */
.m_tableview{}
.m_tableview__item + .m_tableview__item{
  margin-top: 4px;
}
.m_tableview__target{
  position: relative;
  display: block;
  padding: 6px 20px 6px 16px;
  color: inherit;
  font-weight: bold;
  font-size: 14px;
}
.m_tableview__target::before{
  content: "笆ｲ";
  position: absolute;
  top: 50%;
  right: 4px;
  display: block;
  transform: translateY(-50%) rotate(90deg);
}
.m_tableview__target--active::before{
  content: none;
}
.m_tableview__inner{}
.m_tableview__innerItem{
  padding-top: 1px;
}
.m_tableview__innerItem + .m_tableview__innerItem{
  margin-top: 1px;
  border-top: 1px solid #ccc;
}
.m_tableview__innerTarget{
  position: relative;
  display: block;
  padding: 6px 20px 6px 16px;
  border-left: 8px solid transparent;
  font-size: 14px;
  color: inherit;
}
.m_tableview__innerTarget::before{
  content: ">";
  position: absolute;
  top: 50%;
  right: 4px;
  display: block;
  transform: translateY(-50%) rotate(90deg);
}
.m_tableview__innerTarget--active::before{
  content: none;
}
.m_tableview--colorTheme{}
.m_tableview--colorTheme .m_tableview__target{
  background: #fad1d1;
}
.m_tableview--colorTheme .m_tableview__target:hover,
.m_tableview--colorTheme .m_tableview__target--active{
  background: #e73333;
  color: #fff;
}
.m_tableview--colorTheme .m_tableview__innerTarget:hover,
.m_tableview--colorTheme .m_tableview__innerTarget--active{
  border-color: #e73333;
}


/* 逶ｮ谺｡ */
.m_contentTable{
  position: relative;
}
.m_contentTable__close{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.m_contentTable__closeTarget{
  display: block;
  line-height: 0;
}
.m_contentTable__body{}
.m_contentTable--fixed{}
.m_contentTable--fixed .m_contentTable__body{
  position: fixed;
  top: 0;
  z-index: 9990;
  width: 200px;
  padding-top: 30px;
  background: #fff;
}
@media screen and (max-width: 768px){
  .m_contentTable{
    display: block;
  }
  .m_contentTable--fixed{
    position: fixed;
    top: 30px;
    left: 50%;
    z-index: 99999;
    width: 85vw;
    padding: 16px;
    background: #fff;
    transform: translateX(-50%);
  }
  .m_contentTable--fixed .m_contentTable__body{
    position: static;
    width: auto;
    padding-top: 0;
  }
}

/* 閼壽ｳｨ */
.m_footnote{
  font-size: 11px;
}

/* 豬√ｌ蝗ｳ */
.m_flowMap{
  padding-left: 2em;
}
.m_flowMap__date{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: -2px;
}
.m_flowMap__dateItem{
  display: flex;
  padding: 2px;
}
.m_flowMap__dateItem--col9{
  width: 75%;
}
.m_flowMap__dateItem--col3{
  width: 25%;
}
.m_flowMap__dateInner{
  width: 100%;
  padding: 8px 0;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  background: #eee;
}
.m_flowMap__step{
  display: flex;
  align-items: stretch;;
  justify-content: flex-start;
}
.m_flowMap__date + .m_flowMap__step{
  margin-top: 4px;
}
.m_flowMap__stepItem{
  width: 25%;
}
.m_flowMap__stepTarget{
  position: relative;
  display: block;
  line-height: 32px; 
  text-align: center;
  color: inherit;
  font-weight: bold;
  font-size: 16px;
}
.m_flowMap__stepTarget::after{
  content: "";
  position: absolute;
  bottom: 0;
  right: -7px;
  z-index: 1;
  border-right: 4px solid #fff;
  background: inherit;
  display: block;
  width: 8px;
  height: 16px;
  transform: skew(-30deg);
}
.m_flowMap__stepTarget::before{
  content: "";
  position: absolute;
  top: 0;
  right: -7px;
  z-index: 1;
  display: block;
  width: 8px;
  height: 16px;
  border-right: 4px solid #fff;
  background: inherit;
  transform: skew(30deg);
}
.m_flowMap__stepItem:last-child .m_flowMap__stepTarget::after,
.m_flowMap__stepItem:last-child .m_flowMap__stepTarget::before{
  content: none;
}
.m_flowMap__stepTarget--movie{
  text-align: left;
  font-size: 12px;
}
.m_flowMap__body{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 484px;
}
.m_flowMap__item{
  display: flex;
  align-items: stretch;
  width: 25%;
  padding: 12px;
}
.m_flowMap__item--step1{
  height: 66.666%;
}
.m_flowMap__item--step2{
  height: 66.666%;
}
.m_flowMap__item--step3{
  align-self: flex-end;
  height: 66.666%;
}
.m_flowMap__item--step4{
  height: 100%;
}
.m_flowMap__inner{
  width: 100%;
}
.m_flowMap__bk{
  position: absolute;
  top: 0;
  left: calc(-2em - 8px);
  z-index: -1;
  width: calc(100% + 2em + 12px);
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 4px;
}
.m_flowMap__bkHeading{
  width: 2em;
  height: 156px;
  text-align: center;
  vertical-align: middle;
}
.m_flowMap__bkTtl{
  width: 1em;
  margin: 0 auto;
  line-height: 1;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  font-size: 14px;
}
.m_flowMap__bkRow{}
.m_flowMap__bkRow--first{}
.m_flowMap__bkRow--first .m_flowMap__bkHeading{
  background: #6b8ff2;
  color: #fff;
}
.m_flowMap__bkRow--first .m_flowMap__bkCol{
  background: #dfe5f5;
}
.m_flowMap__bkRow--second .m_flowMap__bkHeading{
  background: #405dcf;
  color: #fff;
}
.m_flowMap__bkRow--second .m_flowMap__bkCol{
  background: #cad9fa;
}
.m_flowMap__bkRow--third .m_flowMap__bkHeading{
  background: #6b8ff2;
  color: #fff;
}
.m_flowMap__bkRow--third .m_flowMap__bkCol{
  background: #dfe5f5;
}
.m_flowMap--colorTheme{}
/*.m_flowMap--colorTheme .m_flowMap__dateInner{
  background: #D9F2FF;
}
.m_flowMap--colorTheme .m_flowMap__dateInner--active{
  background: #1583BE;
  color: #fff;
}*/
.m_flowMap--colorTheme .m_flowMap__stepTarget{
  background: #fad1d1;
}
.m_flowMap--colorTheme .m_flowMap__stepTarget--active,
.m_flowMap--colorTheme .m_flowMap__stepTarget:hover{
  background: #e73333;
  color: #fff;
}


@media screen and (max-width: 599px){
  .m_flowMap__stepTarget{
    font-size: 12px;
    text-indent: 8px;
  }
}

/* 豬√ｌ縺ｮ荳ｭ霄ｫ */
.m_flow{
  display: block;
  padding: 4px;
  border: 1px solid;
  background: #fff;
  color: inherit;
  letter-spacing: 0;
  font-size: 12px;
}
.m_flow:hover{
  padding: 3px;
  border-color: #e73333;
  border-width: 2px;
}
.m_flow__ttl{
  margin-bottom: 4px;
  font-weight: bold;
}
.m_flow__sec + .m_flow__sec{
  margin-top: 4px;
}
.m_flow__subTtl{
  position: relative;
  padding-left: 1em;
  font-weight: bold;
}
.m_flow__subTtl::before{
  content: "笆�";
  position: absolute;
  left: 0;
  display: block;
}
.m_flow__list{
  counter-reset: flowNo;
}
.m_flow__item{
  position: relative;
  padding-left: 1em;
  font-size: 11px;
  counter-increment: flowNo;
}
.m_flow__item::before{
  content: counter(flowNo) ".";
  position: absolute;
  left: 0;
  display: block;
}
.m_flow--active{
  padding: 3px;
  border-color: #e73333;
  border-width: 2px;
}
.m_flow--active:hover{
  opacity: 1;
}


/*蝗ｳ*/
.m_figure{}
.m_figure__ttl{
  font-weight: bold;
}
.m_figure__img{
  line-height: 0;
  text-align: center;
}
.m_figure__img > img{
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;
}
.m_figure__ttl + .m_figure__img{
  margin-top: 8px;
}
.m_figure__img + .m_figure__img{
  margin-top: 12px;
}
.m_figure__arrow{
  width: 0;
  margin: 8px auto;
  border-top: 24px solid;
  border-left: 24px transparent solid;
  border-right: 24px transparent solid;
}
.m_figure__ttl--colorAccent{
  color: #E73333;
}
@media screen and (max-width: 599px){
  .m_figure__arrow{
    border-width: 12px;
  }
}

/*蝗ｺ螳壹�繝�ム繝ｼ*/
.m_fixedHeader{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9995;
  display: flex;
  width: 100%;
  padding: 8px 10px;
  background: #eee;
  transform: translateY(-100%);
  transition: .5s transform;
}
.m_fixedHeader__list{
  flex: 0 0 100%;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.m_fixedHeader__listItem{
  flex: 0 0 50%;
  padding:0 8px;
}
.m_fixedHeader__btn{
  display: block;
  padding: 0 12px;
  border-radius: 2px;
  text-align: center;
  color:#333;
  line-height: 1;
  font-weight: bold;
  font-size:12px;
}
.m_fixedHeader__btn:hover{
  background: #ccc;
}
.m_fixedHeader__btn::before{
  display: block;
  line-height: 0;
}
.m_fixedHeader__btn--contentTable::before{
  content:url(/resource/img/contents/ico_hrcontents_open.png);
}
.m_fixedHeader__btn--ask::before, .m_fixedHeader__btn--ask::before{
  content:url(/resource/img/contents/ico_hrcontents_contact_sp.png);
}
.m_fixedHeader--fixed{
  transform: translateY(0);
}

/* 蜍慕判繧ｵ繝�繝阪う繝ｫ */
.m_thumbnail{
  position: relative;
  display: block;
  width: 560px;
  padding: 12px;
  border: 1px solid;
}
.m_thumbnail:hover::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .1);
}
.m_thumbnail__inner{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -12px;
}
.m_thumbnail__img{
  flex: 0 0 auto;
  padding: 12px;
  line-height: 0;
  text-align: center;
}
.m_thumbnail__img > img{
  max-width: 100%;
  height: auto;
}
.m_thumbnail__body{
  flex: 1 1 auto;
  padding: 12px;
}
.m_thumbnail__ttl{
  position: relative;
  margin-bottom: 12px;
  padding-left: 28px;
  line-height: 1;
  font-weight: bold;
  font-size: 16px;
}
.m_thumbnail__ttl::before{
  content: "笆ｲ";
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 20px;
  transform: translateY(-50%) rotate(-90deg);
}
.m_thumbnail--colorAccent {
  border-color: #eb7e92;
}
.m_thumbnail--colorAccent .m_thumbnail__ttl::before{
  color: #eb7e92;
}
@media screen and (max-width: 768px){
  .m_thumbnail{
    width: 100%;
  }
}
@media screen and (max-width: 599px){
  .m_thumbnail{
    width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
  .m_thumbnail__inner{
    flex-wrap: wrap;
  }
  .m_thumbnail__img{
    width: 100%;
  }
  .m_thumbnail__ttl::before{
    transform: translateY(-50%) rotate(0deg);
  }
}

/* 蜍慕判 */
.m_movie{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  width: 80vw;
  max-width: 980px;
  transform: translate(-50%, -50%);
}
.m_movie__close{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10002;
  transform: translate(50%, -50%);
}
.m_movie____closeTarget{
  display: block;
  line-height: 0;
}
.m_movie__body{
  position: relative;
  width: 100%;
  padding-top: calc(100% * 9 /16);
  background: #fff;
}
.m_movie__body > iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 繝輔ャ繧ｿ繝ｼ繝翫ン */
.m_footerNav{}
.m_footerNav__item + .m_footerNav__item{
  margin-top: 24px;
}
.m_footerNav__card{
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;
  padding: 24px;
  border: 1px solid;
  color: #052574;
}
.m_footerNav__card:hover{
  color: #E5A20C;
}
.m_footerNav__cardTtl{
  flex: 0 0 112px;
  position: relative;
  padding-left: 24px;
}
.m_footerNav__cardTtl::before{
  content: "笆ｲ";
  position: absolute;
  left: 0;
  transform: rotate(90deg);
}
.m_footerNav__cardBody{
  flex: 1 1 auto;
}
.m_footerNav__cardTtl + .m_footerNav__cardBody{
  margin-left: 24px;
}
.m_footerNav__pagination{
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_footerNav__btnTarget{
  display: block;
}
.m_footerNav__btnTarget::before{
  content: "笆ｲ";
  display: block;
  transform: rotate(-90deg);
  color: #eee;
}
.m_footerNav__btnTarget--prev::before{
  transform: rotate(-90deg);
}
.m_footerNav__btnTarget--next::before{
  transform: rotate(90deg);
}
.m_footerNav__btnTarget--active::before{
  color: #052574;
}
.m_footerNav__btnTarget--active:hover::before{
  color: #E5A20C;
}
.m_footerNav__current{
  padding: 0 24px;
}
@media screen and (max-width: 768px){
  .m_footerNav__card{
    width: 100%;
  }
}
@media screen and (max-width: 599px){
  .m_footerNav__card{
    display: block;
  }
  .m_footerNav__cardTtl + .m_footerNav__cardBody{
    margin: 12px 0 0;
  }
}
/* =====
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_hide{
  display: none;
}
@media screen and (max-width: 768px){
  .u_resMdHide{
    display: none;
  }
}
@media screen and (max-width: 599px){
  .u_resSmHide{
    display: none;
  }
}
/* 髢馴囮 */
.u_mb8{
  margin-bottom: 8px;
}
.u_mb16{
  margin-bottom: 16px;
}
/* =====
state
===== */

/*逶ｮ谺｡*/
.js_contentTable-enter-active, .js_contentTable-leave-active,
.js_movie-enter-active, .js_movie-leave-active{
  transition: .4s opacity;
} 
.js_contentTable-enter, .js_contentTable-leave-to,
.js_movie-enter, .js_movie-leave-to{
  opacity: 0;
} 

/*繝｢繝ｼ繝€繝ｫ*/
.js_modalOverlay{
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  background: #000;
  opacity: .7;
}
.js_modalOverlay-enter-active, .js_modalOverlay-leave-active{
  transition: .4s opacity;
} 
.js_contentTable-enter, .js_contentTable-leave-to{
  opacity: 0;
}