/* CSS Document */
@charset "utf-8";

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

    common.m_searchBox

================================*/
#base{
  width: auto;
  min-width: 1220px;
}
div#cont {
  margin: auto;
  width: 1200px;
  color: #000;
  font: 500 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: 0;
}
.l_wrapper_main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 1200px;
  margin-bottom: 100px;
}
.l_wrapper_main--top{
  display: block;
}
.l_container_side {
  font-size: 12px;
  width: 200px;
}
@media screen and (max-width: 768px) {
  .l_container_side { display: none; }
}
.l_container_header {
  position: relative;
  margin-bottom: 15px;
}
.l_container_body {
  margin: 0 0 0 auto;
  width: 960px;
}
.l_container_body--top{
  width: auto;
}
.l_section_box {}
.l_section_box + .l_section_box { margin-top: 20px; }
.l_section_box:not(:has(.l_section_box)):has(.m_lineup_movie_list:empty){
  display: none;
}
@media screen and (max-width:768px){
  div#cont { width: 100%; }
  #base { min-width: auto; }
  .l_wrapper_main { width: 100%; }
  .l_container_header{}
  .l_container_body { width: 100%; }
}


/* 繧ｰ繝ｪ繝�ラ */
.l_grid{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.l_grid__item{
  display: flex;
}
.l_grid__inner{
  display: block;
  width: 100%;
}
.l_grid--localNav{
  margin: -5px;
}
.l_grid--localNav .l_grid__item{
  padding: 5px;
}
.l_grid--searchFilter{
  margin: -5px;
}
.l_grid--searchFilter .l_grid__item{
  padding: 5px;
}
.l_grid--serviceNav{
  margin: -5px -10px;
}
.l_grid--serviceNav > .l_grid__item {
  padding: 5px 10px;
}
.l_grid--serviceBottomNav{
  margin: -5px;
}
.l_grid--serviceBottomNav > .l_grid__item {
  padding: 5px;
}
.l_grid_contLineup{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -20px -15px;
}
.l_grid_contLineup .l_grid__item{
  display: flex;
  padding: 20px 15px;
}
.l_grid_contLineup .l_grid__inner{
  display: block;
  width: 100%;
}
.l_grid_contLineup .l_grid__item:has(.m_contLineup__body:empty){
  display: none;
}

/* 谿ｵ關ｽ */
.m_text_normal {}
.m_text_normal + .text_normal { margin-top: 20px; }
.m_text_colorTxt {
  color: #0086d3;
}
.m_text_medium {
  font-size: 20px;
  font-weight: bold;
}

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

    contents header

================================*/
.m_container_header_primarySlider{
  display: block;
  color: inherit;
  position: relative;
}
.m_container_header_imgMain{
  vertical-align: bottom;
}
.m_container_header_str{
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
  border-radius: 10px;
  height: 282px;
  width: 670px;
  padding: 20px;
  display: flex;
  align-items: center;
}
.m_container_header_strItem{
  position: relative;
  display: inline-block;
}
.m_container_header_strItem + .m_container_header_strItem{
  margin-top: 10px;
}
.m_container_header_strItem_heading{
  display: flex;
}
.m_container_header_strItem_headingTag{
  background-color: #8F141B;
  color: #fff;
  width: 109px; 
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
}
.m_container_header_strItem_headingmain{
  font-size: 20px;
  color: #8F141B;
  font-weight: bold;
  margin-left: 10px;
  line-height: 1.2;
}
.m_container_header_strItem_msg{
  font-size: 14px;
  font-weight: bold;
}
.m_container_header_strItem_msg_ss{
  font-size: 10px;
  vertical-align: super;
}
.m_container_header_strItem_attention{
  position: absolute;
  font-size: 13px;
  bottom: 0;
  right: 0;
}
.m_container_header_strInquiry{
  position: absolute;
  bottom: 0;
  right: 20px;
}
.m_container_header_strInquiry_link{
  width: 100%;
  height: 100%;
  padding: 10px;
  display: inline-block;
  text-align: center;
  background-color: #8F141B;
  border-radius: 8px 8px 0 0 ;
}
.m_container_header_strInquiry_link:hover{
  opacity: 0.6;
  transition: .3s;
}
.m_container_header_strInquiry_linkUp{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}
.m_container_header_strInquiry_linkDown{
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .m_container_header_primarySlider ~ div{
    display: none;
  }
  .m_container_header{
  }
  .m_container_header_img{
    position: relative;
    width: 100%;
    padding-top: calc(100% * 362 / 600);
    overflow: hidden;
  }
  .m_container_header_imgMain{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    max-width: none;
    height: 100%;
  }
  .m_container_header_str{
    position: static;
    width: 100%;
    margin: auto;
    height: auto;
    display: none;
    padding-bottom: 0;
  }
  .m_container_header_strItem_heading{
    align-items: baseline;
  }
  .m_container_header_strInquiry{
    position: static;
    text-align: center;
    margin-top: 20px;
  }
  .m_container_header_strInquiry_link{
    width: auto;
  }
} 
@media screen and (max-width: 599px) {
  .m_container_header_img{margin-top: 20px;}
  .m_container_header_str{display:none;}
} 


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

    contents body

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


/*
    隕句�縺�
================================*/
.m_heading{}
.m_heading__ttl{
  font-weight: bold;
}
.m_heading--primary{
  margin-bottom: 16px;
  border-bottom: 4px solid #981616;
  border-left: 16px solid #981616;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m_heading--primary .m_heading__ttl{
  padding-left: 20px;
  color: #981616;
  font-size: 20px;
}
.m_heading--secondary{
  margin-bottom: 16px;
  padding: 4px 0;
  background-color: #981616;
}
.m_heading--secondary .m_heading__ttl{
  padding-left: 20px;
  color: #fff;
  font-size: 20px;
}

.m_heading--tertiary{
  margin-bottom: 16px;
  border-bottom: 4px solid #981616;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m_heading--tertiary .m_heading__ttl{
  padding-left: 20px;
  color: #981616;
  font-size: 18px;
}.l_section_box + .l_section_box


.m_heading_viewMore{
  border: 1px solid #707070;
  color: #333;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
}
.m_heading_viewMore:hover{
  opacity: 0.6;
  transition: .3s;
}
.m_heading_contLineup{
  margin-bottom: 12px;
}
.m_heading_contLineup__ttl{
  color: #981616;
  line-height: 1.4;
  font-size: 18px;
  font-weight: bold;
}
.m_heading_contLineup__link{
  font-size: inherit;
  color: inherit;
  transition: .3s opacity;
}
.m_heading_contLineup__link:after{
  display: inline-block;
  content:"";
  position: relative;
  top: -1px;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  color: #75192b;
  opacity: .7;
}
.m_heading_cont{
  margin-bottom: 8px;
}
.m_heading_cont__link{
  color: inherit;
  transition: .3s opacity;
}
.m_heading_cont__link:hover{
  opacity: .7;
}
.m_heading_cont__ttl{
  color: #981616;
  line-height: 1.4;
  font-size: 16px;
  font-weight: bold;
}
.m_heading_cont__ttl + .m_heading_cont__sub{
  margin-top: 8px;
}

/* 繝ｩ繧､繝ｳ繝翫ャ繝励�蛟区焚 */
.m_lineupNum{
  display: flex;
  justify-content: flex-end;
}
.m_lineupNum__wrap{
  padding: 0 16px;
  border-bottom: 1px solid #333;
}
.m_lineupNum__num{
  margin-right: 5px;
  font-weight: bold;
  line-height: 100%;
  font-size: 24px;
}

/*
    section蜈ｱ騾�
================================*/
.m_lineup_btn{
  text-align: right;
  margin-top: 30px;
}
.m_lineup_btnMain{
  width: 320px;
  font-size: 15px;
  font-weight: bold;
  background-color: #981616;
  border-radius: 5px;
  color: #fff;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative; 
}
.m_lineup_btnMain:after{
  content: url("/resource/img/dougahyakkaten/lineup/icon_white_arrow.png");
  display: inline-block;
  right: 20px;
  position: absolute;
}
.m_lineup_btnMain:hover{
  opacity: 0.6;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .m_lineup_btnMain{
    width: 100%;
  }
}

/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_localNavWrap{}
@media screen and (max-width: 768px){
  .m_localNavWrap{
    display: none;
  }
}

/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン */
.m_localNav{}
.m_localNav__ttl{
  padding-bottom: 4px; 
  border-bottom: 1px solid;
}
.m_localNav__ttlTarget{
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 36px;
  color: inherit;
  font-size: 14px;
 transition: .3s opacity;
}
.m_localNav__ttlTarget:hover{
  opacity: .7;
}
.m_localNav__ttlTarget::before{
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  line-height: 0;
  transform: translateY(-50%);
}
.m_localNav__ttlTarget--dx_oa_it::before{
  content: "\f109";
  line-height: 1;
  color: #808080;
  font-size: 24px;
  font-family: FontAwesome;
}
.m_localNav__ttlTarget--all::before{
  content: url("/resource/img/studio/lineup/e-learning_nav_all-off.png");
}
.m_localNav__ttlTarget--technical::before{
  content: url("/resource/img/studio/lineup/e-learning_nav_technical-off.png");
}
.m_localNav__ttlTarget--human::before{
  content: url("/resource/img/studio/lineup/e-learning_nav_human-off.png");
}
.m_localNav__ttlTarget--conceptual::before{
  content: url("/resource/img/studio/lineup/e-learning_nav_conceptual-off.png");
}
.m_localNav__ttlTarget--new::before{
  content: url("/resource/img/studio/lineup/e-learning_nav_new-off.png");
}
.m_localNav__list{
  padding: 8px 0 8px 16px;
}
.m_localNav__listItem + .m_localNav__listItem{
  margin-top: 4px;
}
.m_localNav__listTarget{
  position: relative;
  display: block;
  padding-left: 1em;
  color: inherit;
  letter-spacing: -1px;
  transition: .3s opacity;
  font-size: 13px;
}
.m_localNav__listTarget::before{
  content:"";
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  margin: auto;  
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
}

.m_localNav__listTarget:hover{
  opacity: .7;
}

@media screen and (max-width: 599px){
  .m_localNav__ttlTarget{
    padding-left: 8px;
  }
  .m_localNav__ttlTarget::before,
  .m_localNav--active .m_localNav__ttlTarget::before,
  .m_localNav__ttlTarget:hover.m_localNav__ttlTarget::before{
    content: none;
  }
}


/*
    l_container_body縺泌茜逕ｨ繧ｬ繧､繝会ｼ�768px莉･荳具ｼ�
================================*/
.m_lineup_guidebtn{
  display: none;
}
@media screen and (max-width: 768px) {
  .m_lineup_guidebtn{
    display:block;
    margin-top: 20px;
  }
}
@media screen and (max-width: 599px) {}
/*
    l_container_body繧ｭ繝｣繝�メ繧ｳ繝斐�
================================*/
.l_section_box + .l_section_box.m_lineup_copy{
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .l_section_box + .l_section_box.m_lineup_copy{
    margin-top: 45px;
  }
}

/*
    繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン
================================*/
/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン�亥�驛ｨ繝ｪ繝ｳ繧ｯ�� */
.m_localInnerNav{
  padding: 16px;
  margin-top: 30px;
  border: 2px solid #980416;
}
.m_localInnerNav_list{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -8px;
}
.m_localInnerNav_item{
  display: flex;
  width: 33.333%;
  padding: 8px;
}
.m_localInnerNav_target{
  position: relative;
  display: block;
  width: 100%;
  padding-left: .7em;
  color: inherit;
  font-size: 14px;
  transition: .3s opacity;
}
.m_localInnerNav_target::before{
  content: "\f105";
  position: absolute;
  left: 0;
  font-weight: bold;
  font-family: FontAwesome;
}
.m_localInnerNav_target:hover{
  opacity: .7;
}
.m_localInnerNav_target.is_active{
  color: #980416;
}
.m_localInnerNav_target.is_active::before{
  content: "\f111";
  top: 4px;
  left: -3px;
  font-size: 10px;
}
.m_localInnerNav_target.is_active:hover{
  opacity: 1;
}
@media screen and (max-width: 768px){
  .m_localInnerNav_item{
    width: 50%;
  }
}
@media screen and (max-width: 599px){
  .m_localInnerNav_item{
    width: 100%;
  }
}
/*
    SP繝翫ン
================================*/
.m_spNav{
  display: none;
}
.m_spNav_item + .m_spNav_item{
  margin-top: 16px;
}
@media screen and (max-width: 768px){
  .m_spNav{
    display: block;
  }
}

/*
    SP譎ゅΔ繝ｼ繝€繝ｫ繝翫ン
================================*/
.m_spModalNav{
  position: fixed;
  top: 50%;
  z-index: 100001;
  left: 50%;
  width: 90vw;
  height: 90vh;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
}
.m_spModalNav_body{
  overflow: auto;
  height: 100%;
  padding: 10px;
}
.m_spModalNav_btn{
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px;
  border-radius: 50%;
  background: #fff;
  transform: translate(50%, -50%);
}
.m_spModalNav_btn_target{
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid;
  border-radius: 50%;
  color: inherit;
}
.m_spModalNav_btn_target::before,
.m_spModalNav_btn_target::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 2px;
  margin: auto;
  background: #333;
}
.m_spModalNav_btn_target::before{
  transform: rotate(45deg);
}
.m_spModalNav_btn_target::after{
  transform: rotate(-45deg);
}
.modal-enter-active, .modal-leave-active {
  position: relative;
  z-index: 100000;
  transition: opacity .5s;
}
.modal-enter, .modal-leave-to{
  opacity: 0;
}

/*
    SP譎ゅが繝ｼ繝舌�繝ｬ繧､
================================*/
.m_spOverlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .8);
}


/*
    縺顔衍繧峨○
================================*/
.m_lineup_news_list{
  margin: 20px 0;
}
.m_lineup_news_item{
  display: flex;
  border-top: 1px solid #DDDDDD;
  padding: 5px 0;
}
.m_lineup_news_item:last-of-type{
  border-bottom: 1px solid #ddd;
}
.m_lineup_news_itemHeader{
  display: flex;
  align-items: baseline;
}
.m_lineup_news_itemHeader_Date{
  font-size: 12px;
}
.m_lineup_news_itemHeader_Tag{
  font-size: 10px;
  border: 1px solid #981616;
  color: #981616;
  padding: 0 20px;
  white-space: nowrap;
  margin-left: 20px;
}
.m_lineup_news_itemMsg{
  font-size: 12px;
  color: #333333;
  margin-left: 20px;
}
.m_lineup_news_itemMsg:hover{
  opacity: 0.6;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  .m_lineup_news_item{
    display: block; 
  }
  .m_lineup_news_itemMsg{
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}
/*
    譛€譁ｰ蜍慕判
================================*/
.m_lineup_movie_listWrap{}
.m_lineup_movie_listWrap_lead{
  padding: 12px;
  margin: 16px 0;
  border: 1px solid #980416
}
.m_lineup_movie_list{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -8px;
}
.m_lineup_movie_listItem{
  display: flex;
  width: 25%;
  padding: 8px;
}
.m_lineup_movie_card{
  position: relative;
  display: block;
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
  border: 2px solid #707070;
  padding: 14px;
}
.m_lineup_movie_card:hover{
  opacity: 0.6;
  transition: .3s;
}
.m_lineup_movie_card_new::before{
  content: url(/resource/img/studio/lineup/e-learning_new.png);
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 1;
  display: block;
  line-height: 0;
}
.m_lineup_movie_card_img{
  position: relative;
  padding-top: calc(100% * 200 / 500);
  background: #f3f3f3;
  overflow: hidden;
}
.m_lineup_movie_card_imgMain{
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translateX(-50%);
}
.m_lineup_movie_card_sub{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.m_lineup_movie_card_type{
  background: #C86B67;
  font-size: 11px;
  color: #fff;
  padding: 0px 4px;
  display: inline-block;
}
.m_lineup_movie_card_time{
  color: #333;
  font-size: 12px;
}
.m_lineup_movie_card_time::before{
  content: url("/resource/img/studio/lineup/e-learning_time.png");
  margin-right: 2px;
  line-height: 0;
  vertical-align: -3px;
}
.m_lineup_movie_card_entry{
  color: #333;
  font-size: 12px;
}
.m_lineup_movie_card_ttl{
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  padding-bottom: 32px;
}
.m_lineup_movie_card_tagList{
  position: absolute;
  left: 16px;
  bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
}
.m_lineup_movie_card_tagItem{
  font-size: 10px;
  color: #333;
  border: 1px solid #333;
  border-radius: 15px;
  padding: 2px 10px;
  line-height: 1;
  margin-right: 5px;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .m_lineup_movie_listItem{
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .m_lineup_movie_listItem{
    width: 100%;
  }
}
/*
    莠ｺ豌怜虚逕ｻ
================================*/
.m_lineup_popularMovie_listWrap{
  margin-top: 30px;
}
.m_lineup_popularMovie_list{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -12px;
}
.m_lineup_popularMovie_listItem{
  display: flex;
  width: 33.333%;
  padding: 12px;
}
.m_lineup_popularMovie_card{
  position: relative;
  display: block;
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
}
.m_lineup_popularMovie_card::before{
  position: absolute;
  left: 0;
  top: 0;
}
.m_lineup_popularMovie_card:hover{
  opacity: 0.6;
  transition: .3s;
}
.m_lineup_popularMovie_card_type{
  background: #C86B67;
  font-size: 12px;
  color: #fff;
  padding: 0px 5px;
  display: inline-block;
}
.m_lineup_popularMovie_card_img{
  margin-bottom: 5px;
  line-height: 0;
  text-align: center;
}
.m_lineup_popularMovie_card_img img{
  max-width: 100%;
  height: auto;
}

.m_lineup_popularMovie_listItem:nth-of-type(1) .m_lineup_popularMovie_card::before{
  content: url("/resource/img/dougahyakkaten/lineup/ranking_01.png");
}
.m_lineup_popularMovie_listItem:nth-of-type(2) .m_lineup_popularMovie_card::before{
  content: url("/resource/img/dougahyakkaten/lineup/ranking_02.png");
}
.m_lineup_popularMovie_listItem:nth-of-type(3) .m_lineup_popularMovie_card::before{
  content: url("/resource/img/dougahyakkaten/lineup/ranking_03.png");
}
.m_lineup_popularMovie_listItem:nth-of-type(4) .m_lineup_popularMovie_card::before{
  content: url("/resource/img/dougahyakkaten/lineup/ranking_04.png");
}
.m_lineup_popularMovie_listItem:nth-of-type(5) .m_lineup_popularMovie_card::before{
  content: url("/resource/img/dougahyakkaten/lineup/ranking_05.png");
}
.m_lineup_popularMovie_listItem:nth-of-type(6) .m_lineup_popularMovie_card::before{
  content: url("/resource/img/dougahyakkaten/lineup/ranking_06.png");
}
.m_lineup_popularMovie_card_ttl{
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.m_lineup_popularMovie_card_txt{
  font-size: 12px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .m_lineup_popularMovie_listItem{
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .m_lineup_popularMovie_listItem{
    width: 100%;
  }
}

/* 繝ｩ繧､繝ｳ繝翫ャ繝励�繝ｩ繝�ヱ繝ｼ */
.m_contLineupWrap{
  margin-top: 30px;
}
.m_contLineupWrap__item{}
.m_contLineupWrap__item + .m_contLineupWrap__item{
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid;
}


/* 繝ｩ繧､繝ｳ繝翫ャ繝� */
.m_contLineup{}
.m_contLineup__body{}
.m_contLineup__item{}
.m_contLineup__item + .m_contLineup__item{
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #efefef;
}
.m_contLineup__footer{
  margin-top: 16px;
}

/* 繧ｳ繝ｳ繝�Φ繝�畑繧ｫ繝ｼ繝会ｼ亥､ｧ�� */
.m_contCard_lg{
  display: block;
  max-width: 375px;
  margin: 0 auto;
  color: inherit;
  transition: opacity .3s;
}
.m_contCard_lg:hover{
  opacity: .7;
}
.m_contCard_lg__ttl{
  position: relative;
  margin-bottom: 4px;
  line-height: 1.4;
  font-weight: bold;
  font-size: 18px;
  height: calc(18px * 2 * 1.4);
  overflow: hidden;
}
.m_contCard_lg__ttl::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3em;
  height: calc(18px * 1.4);
  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%);
}

.m_contCard_lg__body{}
.m_contCard_lg__infos{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.m_contCard_lg__infosWrap{}
.m_contCard_lg__info{
  font-size: 12px;
  padding: 0 5px;
}
.m_contCard_lg__info_type{
  color: #666;
}
.m_contCard_lg__info_date{
  color: #d66c00;
}
.m_contCard_lg__infosWrap + .m_contCard_lg__img{
  margin-top: 5px;
}
.m_contCard_lg__img{
  line-height: 0;
  text-align: center;
}
.m_contCard_lg__img img{
  max-width: 100%;
  height: auto;
}
.m_contCard_lg--new .m_contCard_lg__img{
  position: relative;
}
.m_contCard_lg--new .m_contCard_lg__img::before{
   content: url(/resource/img/studio/lineup/e-learning_new.png);
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 1;
    display: block;
    line-height: 0
}
.m_lineup_popularMovie_listItem .m_contCard_lg__img{
  position: relative;
}
.m_lineup_popularMovie_listItem .m_contCard_lg__img::before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    line-height: 0
}
.m_lineup_popularMovie_listItem:nth-of-type(1) .m_contCard_lg__img::before {
    content: url(/resource/img/dougahyakkaten/lineup/ranking_01.png)
}

.m_lineup_popularMovie_listItem:nth-of-type(2) .m_contCard_lg__img::before {
    content: url(/resource/img/dougahyakkaten/lineup/ranking_02.png)
}

.m_lineup_popularMovie_listItem:nth-of-type(3) .m_contCard_lg__img::before {
    content: url(/resource/img/dougahyakkaten/lineup/ranking_03.png)
}
.m_lineup_popularMovie_listItem:nth-of-type(4) .m_contCard_lg__img::before {
    content: url(/resource/img/dougahyakkaten/lineup/ranking_04.png)
}


/* 繧ｳ繝ｳ繝�Φ繝�畑繧ｫ繝ｼ繝会ｼ井ｸｭ�� */
.m_contCard_md{
  display: flex;
  align-items: center;
  max-width: 375px;
  margin: 0 auto;
  color: inherit;
  transition: opacity .3s;
}
.m_contCard_md:hover{
  opacity: .7;
}
.m_contCard_md__body{
  flex: 1 1 auto;
}
.m_contCard_md__ttl{
  position: relative;
  height: calc(14px * 2 * 1.5);
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}
.m_contCard_md__ttl::after{
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3em;
  height: calc(14px * 1.5);
  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%);
}
.m_contCard_md__infosWrap{}
.m_contCard_md__infos{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.m_contCard_md__info{
  font-size: 12px;
  padding: 0 5px;
}
.m_contCard_md__info_type{
  color: #666;
}
.m_contCard_md__info_date{
  color: #d66c00;
}
.m_contCard_md__body + .m_contCard_md__img{
  margin-left: 4px;
}
.m_contCard_md__img{
  flex: 0 0 86px;
  line-height: 0;
  text-align: center;
}
.m_contCard_md__img img{
  max-width: 100%;
  height: auto;
}

/* 繧ｳ繝ｳ繝�Φ繝�ｸ€隕ｧ縺ｮ繝懊ち繝ｳ */
.m_btn_cont{
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  font-size: 14px;
}
.m_btn_cont::before{
  content: "";
  display: block;
  height: 2em;
}

.m_btn_cont__target{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
  border: 1px solid #8F141B;
  border-radius: 4px;
  color: #8F141B;
  transition: .3s opacity;
}
.m_btn_cont__target:hover{
  opacity: .7;
}


/*
    迚ｹ髮�
================================*/
.m_lineup_special_listWrap{
  margin-top: 30px;
}
.m_lineup_special_list{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -12px;
}
.m_lineup_special_listItem{
  display: flex;
  width: 33.333%;
  padding: 12px;
}
.m_lineup_special_card{
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
.m_lineup_special_card:hover{
  opacity: 0.6;
  transition: .3s;
}
.m_lineup_special_card_img{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.m_lineup_special_card_img{
  max-width: 100%;
  height: auto;
}
.m_lineup_special_card_txt{
  font-size: 12px;
  color: #333;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .m_lineup_special_listItem{
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .m_lineup_special_listItem{
    width: 100%;
  }
}

/*
    container_body 繝舌リ繝ｼ
================================*/
.m_lineup_banner{
  display: none;
}
.m_lineup_banner_itemTarget:hover{
  opacity: 0.6;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  .m_lineup_banner{
    display: block;
  }
  .m_lineup_banner_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .m_lineup_banner_item{
    margin-top: 20px; 
  }
}
/*
    QA縺ｸ縺ｮ繝ｪ繝ｳ繧ｯ
================================*/
.m_qaLink{
  text-align: center;
  margin-right: 0 auto;
}
.m_qaLink__ttl{
  position: relative;
  display: inline-block;
  padding: 0 2em;
  font-weight: bold;
  font-size: 20px;
}
.m_qaLink__ttl::before,
.m_qaLink__ttl::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1.4em;
  height: 2px;
  margin: auto 0;
  border-radius: 100px;
  background: #333;
}
.m_qaLink__ttl::before{
  left: 0;
  transform: rotate(45deg);
}
.m_qaLink__ttl::after{
  right: 0;
  transform: rotate(-45deg);
}
.m_qaLink__ttl + .m_qaLink__bn{
  margin-top: 12px;
}
.m_qaLink__target{
  display: inline-block;
  line-height: 0;
  transition: .3s opacity;
}
.m_qaLink__target:hover{
  opacity: .7;
}
.m_qaLink__target img{
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px){
  .m_qaLink{
    text-align: center;
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .m_qaLink__ttl{
    font-size: 18px;
  }
}
@media screen and (max-width: 599px){
  .m_qaLink__ttl{
    font-size: 16px;
  }
}

/*
  繧ｵ繧､繝峨リ繝薙�蝗ｺ螳壹ヱ繝ｼ繝�
================================*/
.m_sideFixNav{
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 360px;
  padding: 24px 0;
  background: #fff;
}
.m_sideFixNav .m_themeWord_sublist{
  display: none;
}
.fixedSideNav-enter-active, .fixedSideNav-leave-active {
  transition: opacity .3s;
}
.fixedSideNav-enter, .fixedSideNav-leave-to{
  opacity: 0;
}

/*
  繧ｵ繝�繝阪う繝ｫ繝懊ち繝ｳ 
================================*/
.m_thumbnailChangeBtnWrap{
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.m_thumbnailChangeBtn{
  display: flex;
  align-items: center;
  color: inherit;
}
.m_thumbnailChangeBtn__ttl{
  margin-right: 16px;
}
.m_thumbnailChangeBtn__switch{
  position: relative;
  width: 72px;
  padding: 6px 4px;
  border: 2px solid #aaa;
  border-radius: 80px;
  line-height: 1;
  text-align: right; 
  overflow: hidden;
  transition: .2s border-color;
}
.m_thumbnailChangeBtn__switch::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-50% - 8px);
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
  background: #aaa;
  transition: .2s left, .2s background;
}
.m_thumbnailChangeBtn__switchItem{
  width: 48px;
  text-align: center;
  color: #aaa;
  transition: .2s color;
}
.m_thumbnailChangeBtn__switchItem--on{
  display: none;
}
.m_thumbnailChangeBtn__switchItem--off{
  display: inline-block;
}
.m_thumbnailChangeBtn.is_show .m_thumbnailChangeBtn__switchItem--on{
  display: inline-block;
}
.m_thumbnailChangeBtn.is_show .m_thumbnailChangeBtn__switchItem--off{
  display: none;
}
.m_thumbnailChangeBtn.is_show .m_thumbnailChangeBtn__switch{
  border-color: #0078D7;
  text-align: left;
}
.m_thumbnailChangeBtn.is_show .m_thumbnailChangeBtn__switch::before{
  left: calc(50% + 8px);
  background: #0078D7;
}
.m_thumbnailChangeBtn.is_show .m_thumbnailChangeBtn__switchItem{
  color: #0078D7;
}

/* 蜈ｨ隰帛ｺｧ縺九ｉ謗｢縺吶�繧ｿ繝ｳ */
.m_searchAllBtn{
  display: flex;
  align-items: center;
  color: inherit;
}
.m_searchAllBtn__ttl{
  margin-right: 4px;
  font-size: 13px;
}
.m_searchAllBtn__switch{
  position: relative;
  width: 46px;
  height: 26px;
  padding: 0 4px;
  border: 2px solid #aaa;
  border-radius: 80px;
  line-height: 1;
  text-align: right;
  overflow: hidden;
  transition: .2s border-color;
}
.m_searchAllBtn__switch::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-50%);
  right: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  border-radius: 50%;
  background: #aaa;
  transition: .2s left, .2s background;
}
.m_searchAllBtn__switchItem{
  width: 18px;
  text-align: center;
  color: #aaa;
  transition: .2s color;
  font-size: 10px;
}
.m_searchAllBtn__switchItem--on{
  display: none;
}
.m_searchAllBtn__switchItem--off{
  display: inline-block;
}
.m_searchAllBtn.is_show .m_searchAllBtn__switchItem--on{
  display: inline-block;
}
.m_searchAllBtn.is_show .m_searchAllBtn__switchItem--off{
  display: none;
}
.m_searchAllBtn.is_show .m_searchAllBtn__switch{
  border-color: #FF8403;
  text-align: left;
}
.m_searchAllBtn.is_show .m_searchAllBtn__switch::before{
  left: calc(50%);
  background: #FF8403;
}
.m_searchAllBtn.is_show .m_searchAllBtn__switchItem{
  color: #FF8403;
}


/* 讀懃ｴ｢繝懊ャ繧ｯ繧ｹ繝ｩ繝�ヱ繝ｼ */
.m_searchBoxWrap{
  padding: 5px 10px;
  border: 4px solid;
  border-color: rgba(152, 22, 22, 0);
  transition: border-color .7s;
}
.m_searchBoxWrap--bottom{
  padding: 0;
  border: none;
}
/* 讀懃ｴ｢繝懊ャ繧ｯ繧ｹ */
.m_searchBox{
  display: flex;
  position: relative;
}
.m_searchBox__body{
  flex: 1 1 auto;
}
.m_searchBox__fieldWrap{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  background: #EBEBEB;
  border-radius: 8px;
}
.m_searchBox__fieldWrap--white{
  background: #fff;
}
.m_searchBox__field{
  flex: 1 1 auto;
  display: block;
  border: none;
  text-indent: 1em;
  line-height: 2;
  font-size: 16px;
  background: none;
  outline: none;
}
.m_searchBox__fieldBtns{
  display: flex;
  align-items: strecth;
}
.m_searchBox__fieldBtn{
  position: relative;
  display: flex;
}
.m_searchBox__fieldBtn + .m_searchBox__fieldBtn{
  position: relative;
  margin-left: 10px;
}
.m_searchBox__fieldBtn + .m_searchBox__fieldBtn::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  height: 66.666%;
  width: 1px;
  background: #ccc;
}

.m_searchBox__more{
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 28px;
  color: inherit;
  font-size: 13px;
}
.m_searchBox__more::before{
  content: "\f067";
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  display: block;
  height: 1em;
  margin: auto 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 1;
  font-size: 14px;
}
.m_searchBox__moreNum{
  position: absolute;
  top: -10px;
  right: -13px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  background-color: #ff8400;
}
.m_searchBox__submit{
  width: 40px;
  border: none;
  background: none;
  cursor: pointer;
}
.m_searchBox__submit::before{
  content: "\f002";
  display: block;
  height: 1em;
  margin: auto 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 1;
  font-size: 16px;
}
.m_searchBox__modal{
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  padding: 20px;
  border: 1px solid;
  border-radius: 16px;
  background: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, .7);
}
.m_searchBox__modal::before{
  content: "";
  position: absolute;
  top: -62px;
  right: 430px;
  z-index: -1;
  display: block;
  width: 40px;
  height: 40px;
  border-left: 1px solid;
  border-top: 1px solid;
  background: #fff;
  transform: translateY(100%) rotate(45deg);
}
.m_searchBox__modalHeadingWrap{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}
.m_searchBox__modalHeading{
  display: flex;
  align-items: center;
}
.m_searchBox__modalTtl{
  font-weight: bold;
  font-size: 16px;
}
.m_searchBox__modalSubTtl{}
.m_searchBox__modalTtl + .m_searchBox__modalSubTtl{
  margin-left: 40px;
}
.m_searchBox__modalReset{
  color: #052674;
}
.m_searchBox__modalClose{}
.m_searchBox__modalCloseBtn{
  color: inherit;
  line-height: 1;
  font-size: 24px;
}
.m_searchBox__modalSubTtl + .m_searchBox__modalSubmitWrap{
  margin-left: 40px;
}
.m_searchBox__modalSubmit{
    padding: 12px 41px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    background: #981616;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    cursor: pointer;
}
.m_searchBox__modalSubmit:hover{
  opacity: 0.6;
  transition: .3s;
}
.m_searchBox__modalItem + .m_searchBox__modalItem{
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ccc;
}
.m_searchBox__aside{
  flex: 0 0 320px;
  margin-left: 40px;
}
.m_searchBox__asideItem{}
.m_searchBox__asideItem + .m_searchBox__asideItem{
  margin-top: 5px;
}
.m_searchBox__asideLink{
  display: block;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-left: .6rem;
  line-height: 1;
  color: #333;
}
.m_searchBox__asideLink:hover{
  transition: .3s;
  opacity: 0.6;
}
.m_searchBox__asideLink:before{
  content: "\f105";
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  font-family: FontAwesome;
}
.m_searchBox__asideLink--img{
  line-height: 0;
  padding: 0;
}
.m_searchBox__asideLink--img img{
  max-width: 100%;
  height: auto;
}
.m_searchBox__asideLink--img::before{
  content: none;
}
.m_searchBox--bottom{
  padding: 10px 0;
  border: none;
}
.m_searchBox--bottom .m_searchBox__modal::before{
  right: 72px;
}
@media screen and (max-width: 768px){
  .m_searchBox{
    display: block;
  }
  .m_searchBox__aside{
    margin: 10px 0 0;
  }
  .m_searchBox__asideItem + .m_searchBox__asideItem{
    margin-top: 8px;
  }
  .m_searchBox__asideLink{
    font-size: 13px;
  }
  .m_searchBox__modal{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    width: 80vw;
    height: 80vh;
    margin: auto;
    overflow: auto;
  }
  .m_searchBox__modal::before{
    content: none;
  }
  .m_searchBox__modalInner{}
  .m_searchBox__modalHeadingWrap{
    display: block;
    position: relative;
  }
  .m_searchBox__modalHeading{
    display: block;
  }
  .m_searchBox__modalSubTtl{
    margin: 10px 0 0;
    text-align: right;
  }
  .m_searchBox__modalSubmitWrap{
    margin: 10px 0 0;
    text-align: right;
  }
  .m_searchBox__modalClose{
    position: absolute;
    top: 0;
    right: 0;
  }
}

/* 蜍慕判逋ｾ雋ｨ蠎励ヨ繝��逕ｨ讀懃ｴ｢ */
.m_searchBoxTop__body {
  flex: 1 1 auto;
  padding: 20px;
  background: #f7dcdf
}
.m_searchBoxTop__body .m_searchBoxTop__wrap {
  display: flex;
  align-items: center
}
.m_searchBoxTop__body .m_searchBoxTop__wrap--middle{
  display: block;
}
.m_searchBoxTop__body .m_searchBoxTop__heading {
  flex: 0 0 200px;
  position: relative;
  margin-right: 10px;
  padding-right: 25px;
}
.m_searchBoxTop__body .m_searchBoxTop__heading::before {
  content: "";
  width: 25px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #8d1321;
}
.m_searchBoxTop__body .m_searchBoxTop__ttl {
  padding: 9px 16px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  background: #8d1321;
}

.m_searchBoxTop__body .m_searchBox__fieldWrap{
  border: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .m_searchBoxTop__body .m_searchBoxTop__wrap {
    flex-wrap: wrap;
  }
  .m_searchBoxTop__body .m_searchBoxTop__heading {
    margin-bottom: 8px;
  }
}

/* 邨槭ｊ霎ｼ縺ｿ讀懃ｴ｢縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_searchFilterWrap{
  display: flex;
}
.m_searchFilterWrap__ttl{
  flex: 0 0 6em;
}
.m_searchFilterWrap__body{
  flex: 1 1 auto;
}
.m_searchFilterWrap__item + .m_searchFilterWrap__item{
  margin-top: 16px;
}
@media screen and (max-width: 768px){
  .m_searchFilterWrap{
    display: block;
  }
  .m_searchFilterWrap__ttl{
    margin-bottom: 10px;
  }
  .m_searchFilterWrap__ttl br{
    display: none;
  }
}

/* 邨槭ｊ霎ｼ縺ｿ讀懃ｴ｢縺ｮ繧､繝ｳ繝翫� */
.m_searchFilterInner{}
.m_searchFilterInner__ttl{}
.m_searchFilterInner__ttl + .m_searchFilterInner__body{
  margin-top: 5px;
}
.m_searchFilterInner__body{
  padding-left: 1em;
}
/* 邨槭ｊ霎ｼ縺ｿ讀懃ｴ｢ */
.m_searchFilter{
  line-height: 1;
}
/* 邨槭ｊ霎ｼ縺ｿ繝��繝槭ラ繝ｭ繝��繝€繧ｦ繝ｳ */
.m_searchThemeList{
  max-width: 100%;
}
/* 繝壹�繧ｸ蜀�ヱ繝ｳ縺上★ */
.m_contBreadcrumb{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -6px -6px -6px -16px;
}
.m_contBreadcrumb__item{
  display: flex;
  padding: 6px 6px 6px 16px;
}
.m_contBreadcrumb__item + .m_contBreadcrumb__item{
  position: relative;
}
.m_contBreadcrumb__item + .m_contBreadcrumb__item::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto 0;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}
.m_contBreadcrumb__target{
  display: block;
  font-size: 18px;
  line-height: 1;
  color: #052674;
}
.m_contBreadcrumb__current{
  display: block;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 768px){
  .m_contBreadcrumb{
    margin: -6px 0;
  }
  .m_contBreadcrumb__item:first-of-type{
    padding-left: 0;
  }
}
/* 繝医ャ繝励�繝九Η繝ｼ繧ｹ髢｢騾｣繝懊ャ繧ｯ繧ｹ */
.m_topInfoBox{
  display: flex;
  align-items: stretch;
}
.m_topInfoBox__body{
  flex: 1 1 auto;
}
.m_topInfoBox__nav{
  flex: 0 0 320px;
  margin-left: 30px;
}
.m_topInfoBox__navItem + .m_topInfoBox__navItem{
  margin-top: 20px;
}
@media screen and (max-width: 768px){
  .m_topInfoBox{
    flex-direction: column;
  }
  .m_topInfoBox__body{
    order: 2;
  }
  .m_topInfoBox__nav{
    order: 1;
    flex: 1 1 auto;
    margin: 0 0 10px 0;
  }
}


/* 繝医ャ繝励�繝ｼ繧ｸ蜀��繝九Η繝ｼ繧ｹ繝ｩ繝�ヱ繝ｼ */
.m_lineup_news_wrap{
  display: flex;
  align-items: stretch;
  margin: -10px;
}
.m_lineup_news_wrap__item{
  display: flex;
  width: 50%;
  padding: 10px;
}
.m_lineup_news_wrap__inner{
  display: block;
  width: 100%;
}
@media screen and (max-width: 599px){
  .m_lineup_news_wrap{
    display: block;
  }
  .m_lineup_news_wrap__item{
    width: 100%;
  }
}

/* 繝医ャ繝励�繝ｼ繧ｸ蜀��縺翫☆縺吶ａ繧ｵ繝ｼ繝薙せ */
.m_lineup_recommend{}
.m_lineup_recommend__list{}
.m_lineup_recommend__item + .m_lineup_recommend__item{
  margin-top: 10px;
}
.m_lineup_recommend__link{
  position: relative;
  display: block;
  padding-left: 15px;
  color: inherit;
  font-size: 18px;
  
  transition: .3s opacity;
}
.m_lineup_recommend__link:hover{
  opacity: .7;
}
.m_lineup_recommend__link::before{
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  
  display: block;
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
}

/* 繝医ャ繝礼判蜒丈ｸ九�繧ｵ繝ｼ繝薙せ繝翫ン */
 .m_serviceNav{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  height: 2.5em;
  border-radius: 4px;
  /* background: #f7dcdf; */
  background: #8D1321;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  font-size: 18px;
}
.m_serviceNav__num{
  font-size: 0.75em;
}
.m_serviceNav:hover {
  opacity: .6;
  text-decoration: none;
}
.m_serviceNav--bottom{
  font-size: 14px;
}
/* 讀懃ｴ｢譎ゅΟ繝ｼ繝€繝ｼ */
.m_searchLoader, .m_searchLoader:before, .m_searchLoader:after {
    border-radius: 50%
}

.m_searchLoader{
    color: #9e2730;
    font-size: 10px;
    text-indent: -99999em;
    margin: 0 auto;
    position: relative;
    width: 2em;
    height: 2em;
    box-shadow: inset 0 0 0 4px;
    transform: translateZ(0)
}

.m_searchLoader:before,.m_searchLoader:after {
    position: absolute;
    content: ''
}

.m_searchLoader:before {
    width: 1.2em;
    height: 2.2em;
    background: #fff;
    border-radius: 2.2em 0 0 2.2em;
    top: -.1em;
    left: -.1em;
    transform-origin: 1.2em center;
    animation: resultSearchLoading 2s infinite ease 1.5s
}

.m_searchLoader:after {
    width: 1.2em;
    height: 2.2em;
    background: #fff;
    border-radius: 0 2.2em 2.2em 0;
    top: -.1em;
    left: 1.1em;
    transform-origin: 0 1.1em;
    animation: resultSearchLoading 2s infinite ease
}

@keyframes resultSearchLoading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/* 繧､繝ｳ繝翫�繝ｪ繝ｳ繧ｯ縺ｮ驕ｷ遘ｻ蜈茨ｼ亥崋螳壹�繝�ム繝ｼ蟇ｾ蠢懶ｼ� */
.m_innerLinkTarget{
  margin-top: -240px;
  padding-top: 240px;
}


/*js*/

.pageToggle-enter-active{
  transition: .5s opacity, .5s transform;
}
.pageToggle-leave-active{
  position: absolute;
  opacity: 0;
}
.pageToggle-enter{
  transform: translateY(64px);
  opacity: 0;
}

/* 繧ｵ繝�繝阪う繝ｫ陦ｨ遉ｺ */
.js_thumbnail{}
.js_thumbnail__youtube{
  display: none;
}
.js_thumbnail.is_show{
  padding-top: calc(100% * 9 / 16);
  overflow: hidden;
}
.js_thumbnail.is_show img{
  display: none;
}
.js_thumbnail.is_show .js_thumbnail__youtube{
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
}
/* 繧ｵ繝�繝阪う繝ｫ陦ｨ遉ｺ繝懊ち繝ｳ */
.js_thumbnailChangeBtn{}
.js_thumbnailChangeBtn__txt{}
.js_thumbnailChangeBtn__txt--hide{
  display: none;
}
.js_thumbnailChangeBtn.is_show .js_thumbnailChangeBtn__txt{
  display: none;
}
.js_thumbnailChangeBtn.is_show .js_thumbnailChangeBtn__txt--hide{
  display: inline;
}

/* 霑ｽ蠕薙リ繝� */
.js_fixNav{}
.js_fixNav__inner.is_fixed{
  position: fixed;
  top: 0;
  z-index: 10;
  width: 960px;
  background: #fff;
}
.js_fixNav--top{}
.js_fixNav--top .js_fixNav__inner.is_fixed{
  width: 1200px;
}
.js_fixNav--bottom .js_fixNav__inner.is_fixed{
  width: 750px;
}
.is_fixed .m_searchBoxWrap{
  border-color: rgba(152, 22, 22, 1);
}
@media screen and (max-width: 768px){
  .js_fixNav__inner.is_fixed{
    width: 100%;
    left: 0;
    padding: 0 10px;
  }
  .js_fixNav--top .js_fixNav__inner.is_fixed{
    width: 100%;
  }  
  .js_fixNav--bottom .js_fixNav__inner.is_fixed{
    position: static;
    width: auto;
    padding: 0;
  }
}
/*
    flex box
================================*/
.box_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.box_flex-hasGutterSm  { margin: -15px; }
.box_flex-hasGutterMd { margin: -20px; }

.box_flex_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 10px;
}

.box_flex-hasGutterSm > .box_flex_inner { padding: 15px; }
.box_flex-hasGutterMd > .box_flex_inner { padding: 20px; }

.box_flex_item {}

.box_flex-full {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 30px;
}

.box_flex-full_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

/*讓ｪ蟷�*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col25{width:20%;}
.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%;}
}





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

    Utility

================================*/
/* color */
.u_color-coral { color: #ff7f50 !important; }
.u_color-rouge { color: #ec2c43 !important; }
.u_color-crimson { color: #e6002d !important; }

/* display */
.u_d-b { display: block !important; }
.u_d-fx { display: flex !important; }

@media screen and (max-width: 599px){
  .u_res_d-n { display: none; }
  .u_res_d-b { display: block; }
}

/* float */
.u_fl-n { float: none !important; }
.u_fl-l { float: left !important; }
.u_fl-r { float: right !important; }

/* font-size */
.u_fz-xs { font-size: .75em !important; }
.u_fz-sm { font-size: .875em !important; }
.u_fz-md { font-size: 1em !important; }
.u_fz-lg { font-size: 1.25em !important; }
.u_fz-xl { font-size: 1.5em !important; }
.u_fz-sr { font-size: smaller !important; }
.u_fz-lr { font-size: larger !important; }

.u_fz10 { font-size: 10px !important; }
.u_fz11 { font-size: 11px !important; }
.u_fz12 { font-size: 12px !important; }
.u_fz13 { font-size: 13px !important; }
.u_fz14 { font-size: 14px !important; }
.u_fz15 { font-size: 15px !important; }
.u_fz16 { font-size: 16px !important; }
.u_fz17 { font-size: 17px !important; }
.u_fz18 { font-size: 18px !important; }
.u_fz19 { font-size: 19px !important; }
.u_fz20 { font-size: 20px !important; }

/* font-weigth */
.u_fw-b { font-weight: bold !important; }
.u_fw-n { font-weight: normal !important; }

/* line-height */
.u_lh-nm { line-height: normal !important; }
.u_lh-ih { line-height: inherit !important; }
.u_lh0 { line-height: 0 !important; }
.u_lh1 { line-height: 1 !important; }
.u_lh2 { line-height: 2 !important; }
.u_lh3 { line-height: 3 !important; }
.u_lh4 { line-height: 4 !important; }
.u_lh5 { line-height: 5 !important; }
.u_lh6 { line-height: 6 !important; }
.u_lh-xs { line-height: 1.25 !important; }
.u_lh-sm { line-height: 1.33 !important; }
.u_lh-md { line-height: 1.5 !important; }
.u_lh-lg { line-height: 1.75 !important; }
.u_lh-xl { line-height: 2 !important; }

/* padding */
.u_pt0 { padding-top: 0 !important; }
.u_pt-xs { padding-top: 0.2rem !important; }
.u_pt-sm { padding-top: 0.5rem !important; }
.u_pt-md { padding-top: 1rem !important; }
.u_pt-lg { padding-top: 1.5rem !important; }
.u_pt-xl { padding-top: 3rem !important; }

.u_pl0 { padding-left: 0 !important; }
.u_pl-xs { padding-left: 0.2rem !important; }
.u_pl-sm { padding-left: 0.5rem !important; }
.u_pl-md { padding-left: 1rem !important; }
.u_pl-lg { padding-left: 1.5rem !important; }
.u_pl-xl { padding-left: 3rem !important; }

.u_pb0 { padding-bottom: 0 !important; }
.u_pb-xs { padding-bottom: 0.2rem !important; }
.u_pb-sm { padding-bottom: 0.5rem !important; }
.u_pb-md { padding-bottom: 1rem !important; }
.u_pb-lg { padding-bottom: 1.5rem !important; }
.u_pb-xl { padding-bottom: 3rem !important; }

.u_pr0 { padding-right: 0 !important; }
.u_pr-xs { padding-right: 0.2rem !important; }
.u_pr-sm { padding-right: 0.5rem !important; }
.u_pr-md { padding-right: 1rem !important; }
.u_pr-lg { padding-right: 1.5rem !important; }
.u_pr-xl { padding-right: 3rem !important; }

.u_py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.u_py10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.u_py20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.u_py30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.u_pt5 { padding-top: 5px !important; }
.u_pt10 { padding-top: 10px !important; }
.u_pt15 { padding-top: 15px !important; }
.u_pt20 { padding-top: 20px !important; }
.u_pt30 { padding-top: 30px !important; }
.u_pt50 { padding-top: 50px !important; }
.u_pt100 { padding-top: 100px !important; }

.u_pt-5 { padding-top: -5px !important; }
.u_pt-10 { padding-top: -10px !important; }
.u_pt-15 { padding-top: -15px !important; }
.u_pt-20 { padding-top: -20px !important; }
.u_pt-30 { padding-top: -30px !important; }
.u_pt-50 { padding-top: -50px !important; }
.u_pt-100 { padding-top: -100px !important; }

.u_pl5 { padding-left: 5px !important; }
.u_pl10 { padding-left: 10px !important; }
.u_pl15 { padding-left: 15px !important; }
.u_pl20 { padding-left: 20px !important; }
.u_pl30 { padding-left: 30px !important; }
.u_pl50 { padding-left: 50px !important; }
.u_pl100 { padding-left: 100px !important; }

.u_pl-5 { padding-left: -5px !important; }
.u_pl-10 { padding-left: -10px !important; }
.u_pl-15 { padding-left: -15px !important; }
.u_pl-20 { padding-left: -20px !important; }
.u_pl-30 { padding-left: -30px !important; }
.u_pl-50 { padding-left: -50px !important; }
.u_pl-100 { padding-left: -100px !important; }

.u_pb5 { padding-bottom: 5px !important; }
.u_pb10 { padding-bottom: 10px !important; }
.u_pb15 { padding-bottom: 15px !important; }
.u_pb20 { padding-bottom: 20px !important; }
.u_pb30 { padding-bottom: 30px !important; }
.u_pb50 { padding-bottom: 50px !important; }
.u_pb100 { padding-bottom: 100px !important; }

.u_pb-5 { padding-bottom: -5px !important; }
.u_pb-10 { padding-bottom: -10px !important; }
.u_pb-15 { padding-bottom: -15px !important; }
.u_pb-20 { padding-bottom: -20px !important; }
.u_pb-30 { padding-bottom: -30px !important; }
.u_pb-50 { padding-bottom: -50px !important; }
.u_pb-100 { padding-bottom: -100px !important; }

.u_pr5 { padding-right: 5px !important; }
.u_pr10 { padding-right: 10px !important; }
.u_pr15 { padding-right: 15px !important; }
.u_pr20 { padding-right: 20px !important; }
.u_pr30 { padding-right: 30px !important; }
.u_pr50 { padding-right: 50px !important; }
.u_pr100 { padding-right: 100px !important; }

.u_pr-5 { padding-right: -5px !important; }
.u_pr-10 { padding-right: -10px !important; }
.u_pr-15 { padding-right: -15px !important; }
.u_pr-20 { padding-right: -20px !important; }
.u_pr-30 { padding-right: -30px !important; }
.u_pr-50 { padding-right: -50px !important; }
.u_pr-100 { padding-right: -100px !important; }

.u_p-a { padding: auto !important; }

/* margin */
.u_mt0 { margin-top: 0 !important; }
.u_mt-xs { margin-top: 0.2rem !important; }
.u_mt-sm { margin-top: 0.5rem !important; }
.u_mt-md { margin-top: 1rem !important; }
.u_mt-lg { margin-top: 1.5rem !important; }
.u_mt-xl { margin-top: 3rem !important; }

.u_ml0 { margin-left: 0 !important; }
.u_ml-xs { margin-left: 0.2rem !important; }
.u_ml-sm { margin-left: 0.5rem !important; }
.u_ml-md { margin-left: 1rem !important; }
.u_ml-lg { margin-left: 1.5rem !important; }
.u_ml-xl { margin-left: 3rem !important; }

.u_mb0 { margin-bottom: 0 !important; }
.u_mb-xs { margin-bottom: 0.2rem !important; }
.u_mb-sm { margin-bottom: 0.5rem !important; }
.u_mb-md { margin-bottom: 1rem !important; }
.u_mb-lg { margin-bottom: 1.5rem !important; }
.u_mb-xl { margin-bottom: 3rem !important; }

.u_mr0 { margin-right: 0 !important; }
.u_mr-xs { margin-right: 0.2rem !important; }
.u_mr-sm { margin-right: 0.5rem !important; }
.u_mr-md { margin-right: 1rem !important; }
.u_mr-lg { margin-right: 1.5rem !important; }
.u_mr-xl { margin-right: 3rem !important; }

.u_my0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.u_my10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.u_my20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.u_my30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.u_mt5 { margin-top: 5px !important; }
.u_mt10 { margin-top: 10px !important; }
.u_mt15 { margin-top: 15px !important; }
.u_mt20 { margin-top: 20px !important; }
.u_mt30 { margin-top: 30px !important; }
.u_mt50 { margin-top: 50px !important; }
.u_mt100 { margin-top: 100px !important; }

.u_mt-5 { margin-top: -5px !important; }
.u_mt-10 { margin-top: -10px !important; }
.u_mt-15 { margin-top: -15px !important; }
.u_mt-20 { margin-top: -20px !important; }
.u_mt-30 { margin-top: -30px !important; }
.u_mt-50 { margin-top: -50px !important; }
.u_mt-100 { margin-top: -100px !important; }

.u_ml5 { margin-left: 5px !important; }
.u_ml10 { margin-left: 10px !important; }
.u_ml15 { margin-left: 15px !important; }
.u_ml20 { margin-left: 20px !important; }
.u_ml30 { margin-left: 30px !important; }
.u_ml50 { margin-left: 50px !important; }
.u_ml100 { margin-left: 100px !important; }

.u_ml-5 { margin-left: -5px !important; }
.u_ml-10 { margin-left: -10px !important; }
.u_ml-15 { margin-left: -15px !important; }
.u_ml-20 { margin-left: -20px !important; }
.u_ml-30 { margin-left: -30px !important; }
.u_ml-50 { margin-left: -50px !important; }
.u_ml-100 { margin-left: -100px !important; }

.u_mb5 { margin-bottom: 5px !important; }
.u_mb10 { margin-bottom: 10px !important; }
.u_mb15 { margin-bottom: 15px !important; }
.u_mb20 { margin-bottom: 20px !important; }
.u_mb30 { margin-bottom: 30px !important; }
.u_mb50 { margin-bottom: 50px !important; }
.u_mb100 { margin-bottom: 100px !important; }

.u_mb-5 { margin-bottom: -5px !important; }
.u_mb-10 { margin-bottom: -10px !important; }
.u_mb-15 { margin-bottom: -15px !important; }
.u_mb-20 { margin-bottom: -20px !important; }
.u_mb-30 { margin-bottom: -30px !important; }
.u_mb-50 { margin-bottom: -50px !important; }
.u_mb-100 { margin-bottom: -100px !important; }

.u_mr5 { margin-right: 5px !important; }
.u_mr10 { margin-right: 10px !important; }
.u_mr15 { margin-right: 15px !important; }
.u_mr20 { margin-right: 20px !important; }
.u_mr30 { margin-right: 30px !important; }
.u_mr50 { margin-right: 50px !important; }
.u_mr100 { margin-right: 100px !important; }

.u_mr-5 { margin-right: -5px !important; }
.u_mr-10 { margin-right: -10px !important; }
.u_mr-15 { margin-right: -15px !important; }
.u_mr-20 { margin-right: -20px !important; }
.u_mr-30 { margin-right: -30px !important; }
.u_mr-50 { margin-right: -50px !important; }
.u_mr-100 { margin-right: -100px !important; }

.u_m-a { margin: auto !important; }

/* position */
.u_pos-r { position: relative !important; }
.u_pos-a { position: absolute !important; }

/* text-align */
.u_ta-c { text-align: center !important; }
.u_ta-r { text-align: right !important; }
.u_ta-l { text-align: left !important; }

/* text-indent */
.u_ti--1 { text-indent: -1em !important; padding-left: 1em !important; }
.u_ti-0 { text-indent: 0em !important; padding-left: 0em !important; }

/* text-decoration */
.u_td-n { text-decoration: none !important; }
.u_td-u { text-decoration: underline !important; }
.u_td-o { text-decoration: overline !important; }
.u_td-l { text-decoration: line-through !important; }

/* vertical-align */
.u_va-sup { vertical-align: super !important; }
.u_va-t { vertical-align: top !important; }
.u_va-tt { vertical-align: text-top !important; }
.u_va-m { vertical-align: middle !important; }
.u_va-bl { vertical-align: baseline !important; }
.u_va-b { vertical-align: bottom !important; }
.u_va-tb { vertical-align: text-bottom !important; }
.u_va-sub { vertical-align: sub !important; }

/* flexbox */
.u_ac-fs { align-content: flex-start !important; }
.u_ac-fe { align-content: flex-end !important; }
.u_ac-c { align-content: center !important; }
.u_ac-sb { align-content: space-between !important; }
.u_ac-sa { align-content: space-around !important; }
.u_ac-s { align-content: stretch !important; }
.u_ai-fs { align-items: flex-start !important; }
.u_ai-fe { align-items: flex-end !important; }
.u_ai-c { align-items: center !important; }
.u_ai-b { align-items: baseline !important; }
.u_ai-s { align-items: stretch !important; }
.u_as-a { align-self: auto !important; }
.u_as-fs { align-self: flex-start !important; }
.u_as-fe { align-self: flex-end !important; }
.u_as-c { align-self: center !important; }
.u_as-b { align-self: baseline !important; }
.u_as-s { align-self: stretch !important; }
.u_jc-fs { justify-content: flex-start !important; }
.u_jc-fe { justify-content: flex-end !important; }
.u_jc-c { justify-content: center !important; }
.u_jc-sb { justify-content: space-between !important; }
.u_jc-sa { justify-content: space-around !important; }
.u_fx0-1-a { flex: 0 1 auto !important; }
.u_fx1-0-a { flex: 1 0 auto !important; }
.u_fx1-1-a { flex: 1 1 auto !important; }
.u_fx0-0-a { flex: 0 0 auto !important; }
.u_fx1-0-0 { flex: 1 0 0% !important; }

/* order */
.u_ord0 { order: 0 !important; }
.u_ord1 { order: 1 !important; }
.u_ord2 { order: 2 !important; }
.u_ord3 { order: 3 !important; }
.u_ord4 { order: 4 !important; }
.u_ord5 { order: 5 !important; }
.u_ord6 { order: 6 !important; }
.u_ord9999 { order: 9999 !important; }
.u_ord-1 { order: -1 !important; }

/* table-layout */
.u_tbl-a { table-layout: auto !important; }
.u_tbl-f { table-layout: fixed !important; }

/* width */
.u_w350 { width: 350px !important; }
.u_w400 { width: 400px !important; }

.u_w40p { width: 40% !important; }
.u_w45p { width: 45% !important; }
.u_w50p { width: 50% !important; }

.u_maW70p { max-width: 70% !important; }
.u_maW75p { max-width: 75% !important; }
.u_maW80p { max-width: 80% !important; }

.sp { display: none; }

.u_hide { display: none; }

@media screen and (max-width:768px){
  .u_resMdBlock { display: block; }
  .u_resMdHide { display: none; }
}
@media screen and (max-width: 599px){
  .u_resSmInline {
    display: inline;
  }
}

/* 譁�ｭ鈴俣 */
.u_lsN1{
  letter-spacing: -1px;
}