/* CSS Document */
/**********
foudation
**********/
/*蛻晄悄險ｭ螳咾SS*/
#localNav, #catNav, #lineup_coutainer, #c3_ll, #subNav, .top_img_Bbox, #kenshu_flow_nav{
  color:#333;
  font:400 14px/1.3 "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  letter-spacing:.1em;
}

@media print{
  #localNav, #catNav, #lineup_coutainer, #c3_ll, #subNav, .top_img_Bbox, #kenshu_flow_nav{
    font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif
  }
}
[v-cloak]{
  display: none;
}
/**********
attention
螟夜ΚCSS縺ｮ荳頑嶌縺搾ｼ丈ｻ砲SS縺ｮ豬∫畑
**********/
:root{
  --theme_basic: #0382c0;
  --theme_bup : #164A84;
  --theme_haken : #9E2730;
  --theme_webins: #D1151B;
  --theme_beginner: #00817C;
  --theme_date: #D66C00;
  --theme_reservation: #2a6cae;
  scroll-padding-top: var(--nav_h);
  @media screen and (max-width: 768px){
    scroll-padding-top: 0;
  }
}
#base{ width: 100%;}
div#cont{ 
  width: 1220px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
div#cont div#c3_ll{
  overflow: visible;
}
@media screen and (max-width: 768px){
  div#cont{ 
    width: 100%;
    display: block;
  }
}
/*
    繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ
================================*/

.mainvisual--top {
  background-image: url("/resource/img/slider/bg_koshihaken_top.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  .mainvisual-wrap { 
    margin: 0 auto;
    width: 1220px;
    position: relative;
  }

  .slick-slider { width: 970px; }

  .slick-slide img {
    -o-object-fit: cover;
       object-fit: cover;
    height: auto;
    width: 100%;
  }
}

.mainvisual--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.mainvisual-subContents {
  flex: 1;
  margin: auto;
  max-width: 220px;
}

.mainvisual-linkBox {}

.mainvisual-linkBox_item {
  background-color: #fff;
  border: 2px solid;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  text-align: center;
  &:not(:first-child) { margin-top: 20px; }
  &.__jissekiNum {
    border-color: var(--theme_haken);
    color: #333;
    text-align: left;
    font-weight: bold;
    font-family: YuGothic, '貂ｸ繧ｴ繧ｷ繝�け', 'Hiragino Kaku Gothic ProN', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', Meiryo, '繝｡繧､繝ｪ繧ｪ', sans-serif;
    .mainvisual-linkBox_text{ 
      font-size: 12px;
      line-height: 1.2;
      display: flex;
      align-items: baseline;
    }
    .mainvisual-linkBox_text + .mainvisual-linkBox_text{margin-top: 5px;}
    .mainvisual-linkBox_attension{font-size: 10px}
    .mainvisual-linkBox_numText{ 
      font-size: 20px;
      margin-left: auto;
    }
    .mainvisual-linkBox_attentionText{  
      margin-top: 5px;
      font-size: 10px;
      font-weight:normal;
    }
    .mainvisual-linkBox_attentionText + .mainvisual-linkBox_attentionText{ margin-top: 3px;}
  }
  &.__reservation{
    color:#2a6cae;
    .mainvisual-linkBox_link{
      color: inherit;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      font-size: 14px;
      gap: 0.5em;
      &::before {
        content: "";
        display: block;
        width: 24px;
        height: 19px;
        margin-block: auto;
        background-color: var(--theme_reservation);
        -webkit-mask-image: url('/resource/img/inquiry/footer-icon_business-discussion.svg');
                mask-image: url('/resource/img/inquiry/footer-icon_business-discussion.svg');
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-size: contain;
                mask-size: contain;
      }
      &::after {
        content: "";
        display: block;
        position: absolute;
        inset: -1px;
        transition: .3s background-color;
      }
      &:hover::after { 
        background-color: rgba(255, 255, 255, .4);
      }
    }
  }
}


.mainvisual-linkBox_btn {
  background-color: #ccc;
  border-radius: 9999px;
  color: #fff;
  justify-content: center;
  line-height: 1;
  padding: 5px;

  &:not(:only-child) { margin-top: 5px; }
  :is(.__webins) & { background-color: var(--theme_webins); }
  :is(.__webins) &::before {
    background-color: #fff;
  }
}

.mainvisual--bar {
  background-color: var(--theme_haken);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  position: relative;
  text-align: center;
  z-index: 99999;
}

@media screen and (max-width: 768px){
  .mainvisual {
    display: none;
    width: 100%;
    height: 0;
    padding-top: 47.81%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .mainvisual--top{
    aspect-ratio: 640 / 300;
    background-image: url(/common/img/middle/resp_koshihaken_top.jpg);
    display: block;
    height: auto;
    padding-top: 0;
    width: auto;
  }
  .mainvisual-wrap {
    display: none;
  }
  .mainvisual--bar{  display: none;}
}

/*
    繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ荳九リ繝�
    �区､懃ｴ｢繝懊ャ繧ｯ繧ｹ
================================*/
.nav--container {
  background-color: #f8f3ed;

  .searchField {
    @media screen and (max-width:768px) {
      margin: 0 auto;
    }
  }

  .searchField__inner {
    background-color: transparent;
    margin: auto;
    width: 985px;
    padding: 10px 0;
    @media screen and (max-width:768px) {
      width: 100%;
    }
  }
}

/*繝医ャ繝礼判*/
.top_img_Bbox{
  position:relative;
  max-width:730px;
}
.top_img_box{
  position:absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding:4px 8px;
  background:rgba(22,21,17,0.6);
  transform: translateY(-50%);
}
.top_title{
  color:#fff;
  font-size:18px;
  font-weight:normal;
}
.top_subTitle{
  color:#fff;
  font-size:12px;
  font-weight:normal;
  text-align: center;
  letter-spacing: .1em;
}
.top_title + .top_subTitle{
  margin-top: 4px;
}
@media screen and (max-width: 768px){
  .top_img_box{
    position:static;
    padding:0;
    background: none;
    transform: none;
  }
  .top_title{
    color:inherit;
    font-weight:bold;
    font-size: 16px;
  }
  .top_title + .top_subTitle{
    margin-top: 0;
  }
  .top_subTitle{
    display: none;
  }
}


/** nav **/
.nav {
  position: relative;
  width: 100%;
}
.nav-top2 {
  width: 100%;
  padding: 20px 0 12px;
  background: #E8EAEF;
}
.nav-top2__title{
  width: 1220px;
  margin: 0 auto 10px;
  line-height: 1;
  color: var(--theme_haken);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.nt2 {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 1220px;
  margin: 0 auto;
}
.nt2__list {
  display: flex;
  width: 100%;
  padding: 2px;
}
.nt2__link {
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 0;
  border-radius: 8px;
  box-shadow: 2px 2px 2px #ccc;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  background: #fff;
}
.nt2__link:hover {
  background: var(--theme_haken);
  color: #fff;
}
.nt2__link::after {
  content: attr(data-example);
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #333;
  text-align: left;
  font-size: 11px;
  background: #fff;
  opacity: 0;
  transition: .7s opacity;
}
.nt2__link:hover::after {
  opacity: 1;
}
.nt2__link::before{
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin: 5px auto 10px;
  line-height: 0;
  background: no-repeat center center;
  background-color:var(--theme_haken);
  border-radius: 50%;
}
.nt2__link.is_current{
  background:var(--theme_haken);
  color: #fff;
}
.nt2__link.is_current::after{
  content:none;
}
.nav-top2--win {
  background: #F8F3ED;
}
.nav-top2--win .nt2__link--skill::before{
  background-image: url("/common/img/nav_theme.png");
}
.nav-top2--win .nt2__link--skill:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--hierarchy::before{
  background-image: url("/common/img/nav_kaisou.png");
}
.nav-top2--win .nt2__link--hierarchy:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--gyoshu::before{
  background-image: url("/common/img/nav_gyoshu.png");
}
.nav-top2--win .nt2__link--gyoshu:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--dokuritu::before{
  background-image: url("/common/img/nav_dokuritu.png");
}
.nav-top2--win .nt2__link--dokuritu:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--section::before{
  background-image: url("/common/img/nav_section.png");
}
.nav-top2--win .nt2__link--section:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--needs::before{
  background-image: url("/common/img/nav_needs.png");
}
.nav-top2--win .nt2__link--needs:hover {
  background:var(--theme_haken);
}
.nav-top2--win .nt2__link--new::before{
  background-image: url("/common/img/nav_new.png");
}
.nav-top2--win .nt2__link--new:hover {
  background:var(--theme_haken);
}
@media screen and (max-width: 768px){
  .nav-top2__title{ width: 100%;}
  .nt2{ width: 100%;}
  .nt2__link{ 
    font-size: 12px;
    line-height: 1.4;
  }
}
/*遐比ｿｮ縺ｮ豬√ｌ*/
#kenshu_flow_nav{
  display:none;
}
@media screen and (max-width:768px){
  #kenshu_flow_nav{
    display: block;
    margin:30px 0;
  }
  #kenshu_flow_nav a{
    display: block;
    padding: 12px 0;
    border:1px solid #9e2730;
    color: #9e2730;
  }
  #kenshu_flow_nav a:hover{
    color: #fff;
    background: #9e2730;
  }
  #kenshu_flow_nav p{
    font-size: 14px;
    font-weight: normal;
    text-align: center;
  }
  
}

/* 繧ｹ繝ｩ繧､繝€繝ｼ */
.bxslider {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.bxslider.slick-initialized {
  display: block;
  opacity: 1;
  visibility: visible;
}
.slick-slider{
  opacity: 0;
  position: relative;
  transition: opacity .3s linear;
  z-index: 9999;
}
.slick-slider.slick-initialized { opacity: 1; }
.mainvisual-subContents{display:none;}
.slick-initialized + .mainvisual-subContents{display: block;}
@media screen and (max-width: 768px){
  .nav-top2{
    padding-top: 16px;
  }
}

/* 繧ｹ繝ｩ繧､繝€繝ｼ縺ｮ繝懊ち繝ｳ */
.slick-prev,
.slick-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 24px;
  height: 80px;
  margin: auto 0;
  border: none;
  background: #777;
  text-indent: -9999px;
  cursor: pointer;
}
.slick-prev::before,
.slick-next::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  margin: auto;
}
.slick-prev{
  left: 0;
  transform: translateX(-100%);
}
.slick-next{
  right: 0;
  transform: translateX(100%);
}
.slick-prev::before{
  transform: translateX(4px) rotate(-135deg);
}
.slick-next::before{
  transform: translateX(-4px) rotate(45deg);
}

/* 繧ｹ繝ｩ繧､繝€繝ｼ縺ｮ繝壹�繧ｸ繝｣繝ｼ */
.slick-dots{
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -48px;
  left: calc(50% + 125px);
  transform: translate(-50%, 100%);
}
.slick-dots .slick-active:only-child{ display: none;}
.slick-dots button{
  display: block;
  height: 8px;
  width: 80px;
  margin:0 8px;
  border: none;
  border-radius: 0;
  background: #fff;
  text-indent: -9999px;
  line-height: 0;
  cursor: pointer;
}
.slick-dots button:hover,
.slick-dots .slick-active button{
  background: var(--theme_haken);
}
  /* 繧ｹ繝ｩ繧､繝€繝ｼ */
body{
  :is(.bxslider) {
    .slick-prev, .slick-next {
      background-color: var(--theme_haken);
      border-radius: 9999px;
      height: 27px;
      top: auto;
      bottom: -67px;
      width: 27px;
    }
    .slick-prev { left: calc((50% + 125px) - 450px); }
    .slick-next { right: calc((50% - 125px) - 450px); }
  
    .slick-prev::before, .slick-next::before {
      height: 8px;
      width: 8px;
    }
    .slick-prev::before { transform: translateX(2px) rotate(-135deg); }
    .slick-next::before { transform: translateX(-2px) rotate(45deg); }
  }
  .nav-top2 { padding-top: 42px; }
  .mainvisual--top:has(.slick-dots .slick-active:only-child) + .nav--container{
    .nav-top2 { padding-top: 12px;} 
  }
}

/* 縺雁撫蜷医○繧ｹ繝ｩ繧､繝€繝ｼ */
.recentInquiries__wrap{
  display:none;
  align-items: center;
  justify-content: flex-start;
  margin: auto;
  width: 985px;
  padding: 0 20px 10px 20px;
}
.recentInquiries__wrap:has(.slick-initialized){
  display:flex;
}
.recentInquiries__ttl{
  color: #9e2730;
}
.recentInquiries__box{
  border:2px solid #9e2730;
  background-color: #fff;
  margin-left: 10px;
  width: 500px;
}
.recentInquiries__slider__target{}
body{
  :is(.inquiriesSlider) {
    width: auto;
    .slick-slide a{
      padding: 2px 5px;
      display:flex;
      align-items: center;
      white-space: nowrap;
      font-size:14px;
      transition:.3s;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .slick-slide a:hover{
      opacity:0.6;
    }
    .slick-slide a:after{
      content:"";
      display:inline-block;
      width: 20px;
      height: 20px;
      margin-left: 5px;
      background-image:url(/resource/img/lineup/ico_inquirySlider_click.png);
      background-size: 20px;
      rotate: -30deg;
    }
    .slick-prev, .slick-next {
      background-color: var(--theme_haken);
      border-radius: 9999px;
      height: 20px;
      top: 50%;
      bottom: auto;
      width: 20px;
      transform: translateY(-50%);
    }
    .slick-prev { left: calc(500px + 20px); }
    .slick-next { right: calc(-240px); }
    .slick-prev::before, .slick-next::before {
      height: 6px;
      width: 6px;
    }
    .slick-prev::before { transform: translateX(2px) rotate(-135deg); }
    .slick-next::before { transform: translateX(-2px) rotate(45deg); }
    .slick-dots{
      width: 165px;
      top: 50%; 
      bottom: auto;
      left: calc(500px + 45px);
      transform: translateY(-50%);
    }
    .slick-dots button{
      width: 8px;
      border-radius: 50%;
      margin: 0 4px;
    }
  }
}
@media screen and (max-width: 768px){
  .recentInquiries__wrap:has(.slick-initialized){
    margin-top: 10px;
    padding-bottom: 40px;
    display: block;
    width: 100%;
  }
  .recentInquiries__box{
    width: 100%;
    margin-top:10px;
    margin-left: 0;
  }
  body{
    :is(.inquiriesSlider) {
      .slick-prev, .slick-next {
        height: 20px;
        top: auto;
        bottom: -40px;
        width: 20px;
        transform: translateY(-50%);
      }
      .slick-prev { 
        left: auto;
        right: 270px;
      }
      .slick-next { 
        right: 0;
      }
      .slick-dots{
        top: auto; 
        bottom: -27px;
        left: auto;
        right: 30px;
        width:230px;
      }
    }
  }
}



/**********
layout
**********/

/**********
component
**********/
/*繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ*/
.c_nav{
  display:flex;
  align-items: stretch;
}
.c_nav__item{
  width: 100%;
}
.c_nav__target{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: inherit;
}
.c_nav__target--block{
  display: block;
}

/*繝��繝悶Ν繝薙Η繝ｼ*/
.c_tableview{}
.c_tableview__item{}
.c_tableview__target{
  display:block;
  color: inherit;
}
.c_tableview__target--transparent:hover{
  opacity: .7;
}
.c_tableview__target--underline:hover{
  text-decoration: underline;
}
/*繧ｰ繝ｪ繝�ラ*/
.c_grid{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.c_grid__item{
  display: flex;
}
.c_grid__inner{
  display: block;
  width: 100%;
}
.c_grid--hasGutter{
  margin: -16px;
}
.c_grid--hasGutter > .c_grid__item{
  padding: 16px;
}
.c_grid--hasGutterSm{
  margin: -8px;
}
.c_grid--hasGutterSm > .c_grid__item{
  padding: 8px;
}
.c_grid--hasGutterXs{
  margin: -4px;
}
.c_grid--hasGutterXs > .c_grid__item{
  padding: 4px;
}
.c_grid--hasGutterXxs{
  margin: -2px;
}
.c_grid--hasGutterXxs > .c_grid__item{
  padding: 2px;
}

/*繝懊ち繝ｳ*/
.c_btn{
  display: flex;
}
.c_btn__target{
  display: flex;
  justify-content: center;
  align-items: center;
}
.c_btn__target::before{
  content: "";
  display: block;
  width: 0;
}
/*繧｢繧､繧ｳ繝ｳ*/
.c_hasIco{
  position: relative;
}
.c_hasIco__item,
.c_hasIco::before,
.c_hasIco::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.c_hasIco__item,
.c_hasIco::before{
  left: 0;  
}
.c_hasIco::after{
  right: 0;  
}


/*繝ｩ繝吶Ν*/
.c_lavel{
  display: inline-block;
  padding: 3px 2px;
  line-height: 1;
  letter-spacing: 0;
  font-size: 10px;
  font-weight: normal;
}

/*****************
project
*****************/
/*遽€*/
.p_sec{}
.p_sec--lg > .p_sec__item + .p_sec__item{
  margin-top: 36px;
}
.p_sec--md > .p_sec__item + .p_sec__item{
  margin-top: 24px;
}
.p_sec--sm > .p_sec__item + .p_sec__item{
  margin-top: 16px;
}
.p_sec--xs > .p_sec__item + .p_sec__item{
  margin-top: 8px;
}
.p_sec--megaMenu{
  padding: 16px;
}
/*隕句�縺�*/
.p_heading{}
.p_heading__img{}
.p_heading__ttl{
  line-height: 1.2;
  font-size: inherit;
}
.p_heading__ttl--lineup{
  color:#9e2730;
}
.p_heading__ttl--hasIco{
  position: relative;
  padding-left: 32px;
  font-weight: normal;
}
.p_heading__ttl--hasIco:before{
  content:"";
  position: absolute;
  left: 0;
  top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.p_heading__ttl--hasIco--small{
  padding-left: 28px;
}
.p_heading__ttl--hasIco--small:before{
  width: 20px;
  height: 20px;
  background-size: contain;
}
.p_heading__ttl--skill:before{ background-image: url("/common/img/nav_theme.png");}
.p_heading__ttl--hierarchy:before{ background-image: url("/common/img/nav_kaisou.png");}
.p_heading__ttl--gyoshu:before{ background-image: url("/common/img/nav_gyoshu.png");}
.p_heading__ttl--dokuritu:before{ background-image: url("/common/img/nav_dokuritu.png");}
.p_heading__ttl--section:before{ background-image: url("/common/img/nav_section.png");}
.p_heading__ttl--needs:before{ background-image: url("/common/img/nav_needs.png");}

.p_heading--primary{
  margin-bottom: 24px;
  padding: 8px 16px;
  border-top: 1px solid #7c7b7c;
  border-bottom: 1px solid #7c7b7c;
  background: #e4e4e4;
  font-size: 16px;
}
.p_heading--primary > .p_heading__ttl{
  font-weight: normal;
}
.p_heading--attention{
  margin-bottom: 24px;
  padding: 9px 8px;
  background: #9e2730;
  color: #fff;
  font-size: 16px;
}
.p_heading--attention > .p_heading__ttl{
  position: relative;
  padding-left: 32px;
  font-weight: normal;
}
.p_heading--attention > .p_heading__ttl::before{
  content: url(/resource/img/lineup/excla_icon.svg);
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 24px;
  height: auto;
  line-height: 0;
  transform: translateY(-50%);
}
.p_heading--feature{
  font-size: 24px;
  font-weight: 500;
  color: #9e2730;
}
.p_heading--news{
  margin-bottom: 6px;
  padding: 7px 8px;
  background: #9e2730;
  color: #fff;
  font-size: 16px;
}
.p_heading--news > .p_heading__ttl{
  position: relative;
  padding-left: 32px;
  font-weight: normal;
}
.p_heading--news > .p_heading__ttl::before{
  content: "\f1d8";
  position: absolute;
  left: 0;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #9e2730;
  font-size: 16px;
  line-height: 1;
  text-indent: -3px;
  font-family: FontAwesome;
  background: #fff;
  transform: translateY(-50%);
}
.p_heading--lineup{
  margin-bottom: 0;
  background-color: #9e2730;
  color: #fff;
  border: none;
  padding: 7px 8px;
}
.p_heading--pdf_dl{
  margin-bottom: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #7c7b7c;
}
.p_heading__ico__pdf{
  color: #9e2730;
}
.p_heading--pdf_dl > .p_heading__ttl{
  line-height: 1;
  font-size: inherit;
}
.p_heading--secondary{
  margin-bottom: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #7c7b7c;
}
.p_heading--sidePrimary{
  padding: 8px 0 8px 16px;
  background: #9e2730;
  color: #fff;
  font-size: 14px;
}
.p_heading--sideSecondaly{
  border-bottom: 1px solid #333;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
}
.p_heading--sideSecondaly > .p_heading__ttl{
  line-height: 1.3;
}
.p_heading--megaMenu{
  padding: 8px 16px;
  background: #efeaed;
}
@media screen and (max-width:599px){
  .p_heading--feature{
    font-size: 18px;
  }
}
/*繝翫ン*/
.p_nav{}
.p_nav--local{
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
.p_nav__inner{}
.p_nav--local .p_nav__inner{
  width: 730px;
  border-left: 1px solid #7c7b7c;
  border-right: 1px solid #7c7b7c;
}
.p_nav--local .c_nav__item + .c_nav__item{
  border-left: 1px solid #7c7b7c;
}
.p_nav--resHeader{
  justify-content: flex-end;
}

@media screen and (max-width:768px){
  .p_nav--local .p_nav__inner{
    border: none;
    background: #e4e4e4;
  }
  .p_nav--local .c_nav__item{
    display: flex;
    align-items: center;
  }
  .p_nav--local .c_nav__item + .c_nav__item{
    border: none;
  }
  .p_nav--local .c_nav__item + .c_nav__item::before{
    content: "";
    display: block;
    width: 1px;
    height: 1.2em;
    background: #c9caca;
  }
}
/*繧｢繧､繧ｳ繝ｳ*/
.p_hasIco--bgRed{}
.p_hasIco--bgRed > .c_hasIco__item > img{
  background: #9e2730;
  -webkit-backface-visibility: hidden;/* chrome蟇ｾ蠢� */
  max-width: 100%;
  height: auto;
}
.p_hasIco--heading{
  display: flex;
  align-items: center;
}
.p_hasIco--heading > .c_hasIco__item{
  margin: 0 8px 0 4px;
  position: static;
  transform: none;
}
.p_hasIco--heading::before{
  left: 4px;
}
.p_hasIco--heading > .c_hasIco__item--left0{
  left: 0;
}
.p_hasIco--link{
  padding-left:1.5em;
}
/*.p_hasIco--link::before{ 窶ｻ笆ｲ縺�縺ｨchrome縺ｧ譁�ｭ怜喧縺代☆繧九→縺阪′縺ゅｋ縺溘ａborder縺ｧ菴懈�
  content: "笆ｲ";
  transform: translateY(-50%) rotate(90deg);
}*/
.p_hasIco--link::before{
  content: "";
  border: 6px solid transparent;
  border-right: none;
  border-left:10px solid currentColor;
  width: 0;
  height: 0;
  transform: translateY(-50%);
}
.is_active .p_hasIco--megaMenuArrow::after{
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #7c7b7c;
  border-left: 1px solid #7c7b7c;
  background: #fff;
  transform: translate(6px, -50%) rotate(315deg);
  z-index: 9999;
}

/*繝��繝悶Ν繝薙Η繝ｼ*/
.p_tableview--side{}
.p_tableview--side > .c_tableview__item{
  border-bottom: 1px solid #7c7b7c;
}
.p_tableview--side .c_tableview__target{
  padding-top: 3px;
  padding-bottom: 3px;
}
/*繝懊ち繝ｳ*/
.p_btn--modalClose{}
.p_btn--modalClose > .c_btn__target{
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #333;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

/*繝ｪ繝ｳ繧ｯ*/
.p_link{
  color: #0044CC;
}
.p_link__img{}
.p_link__ttl{}
.p_link:hover{
  color: #f79494;
  text-decoration: underline;
}
.p_link--box{
  color: inherit;
  text-decoration: none;
}
.p_link--box:hover{
  color: inherit;
  text-decoration: underline;
}

/*繝ｩ繝吶Ν*/
.p_lavel{}
.p_lavel--red{
  background: #9e2730;
  color: #fff;
}
/*QA縺ｸ縺ｮ繝ｪ繝ｳ繧ｯ*/
.p_qaLink{
  display: flex;
  justify-content: flex-end;
}
/*繝｡繧ｬ繝｡繝九Η繝ｼ*/
.p_megaMenu{
  position: relative;
  z-index: 2;
}
.p_megaMenu.is_active .p_megaMenu__target{
  color: #9e2730;
}
.p_megaMenu__body{
  position: absolute;
  top: -36px;
  left: 100%;
  display: none;
  width: 360px;
  border: 1px solid #7c7b7c;
  background: #fff;
}
.p_megaMenu.is_active .p_megaMenu__body{
  display: block;
}

/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン荳九�繧ｫ繝�ざ繝ｪ繝ｩ繧､繝ｳ繝翫ャ繝� */
.p_catLineup{
  padding: 16px;
  border: 2px solid;
}
.p_catLineup__list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -8px;
}
.p_catLineup__item{
  width: 33.333%;
  display: block;
  padding: 8px;
}
.p_catLineup__link{
  display: block;
  width: 100%;
  color: inherit;
  font-size: 14px;
}
.p_catLineup--colorTheme{
  border-color: #9e2730;
}

/*繝翫ン繧ｹ繝ｩ繧､繝€繝ｼ*/
.p_navSlider{
  display: flex;
  overflow: hidden;
}
.p_navSlider:hover{
  padding-bottom: 32px;
}
.p_navSlider__body{
  position: relative;
  width: 842px;
  margin: 0 -1px;
  border-bottom: 1px solid #7c7b7c;
  background: #fff;
}
.p_navSlider__inner{
  position: absolute;
  left: 0px;
  transition: .5s left;
}
.p_navSlider__item{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px solid #7c7b7c;
  border-top: none;
}
.p_navSlider__item + .p_navSlider__item{
  margin-left: -1px;
}
.p_navSlider__item--arrow{
  z-index: 1;
  color: #ccc;
  font-size: 40px;
  background: #fff;
}
.p_navSlider__target{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; 
  color: inherit;
}
.p_navSlider__img > img{
  width: 32px;
  height: auto;
  background: #ccc;
}
.p_navSlider__target:hover  > .p_navSlider__img > img{
  background: #9e2730;
}
.p_navSlider__target.is_current > .p_navSlider__img > img{
  background: #9e2730;
}
.p_navSlider__item--arrow .p_navSlider__target:hover{
  color: #9e2730;
}
.p_navSlider__item--arrow .p_navSlider__target.is_unactive{
  opacity: .2;
  color: inherit;
  cursor: default;
}

.p_navSlider__label{
  position: absolute;
  bottom: -28px;
  left: 50%;
  display: none;
  padding: 2px 4px;
  border: 1px solid #7c7b7c;
  border-radius: 2px;
  background: #fff;
  white-space: nowrap;
  font-size: 12px;
  transform: translateX(-50%);
}
.p_navSlider__target:hover .p_navSlider__label{
  display: block;
}
.p_navSlider__close{
  display: none;
}
@media screen and (max-width: 768px){
  .p_navSlider{
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    width: 80vw;
    height: 80vh;
    padding: 24px;
    border: 2px solid #7c7b7c;
    border-radius: 8px;
    background: #fff;
    overflow: visible;
    transform: translate(-50%, -50%);
  }
  .p_navSlider__body{
    position: static;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .p_navSlider__inner{
    position: static;
  }
  .p_navSlider__item{
    display: block;
    width: auto;
    height: auto;
    border: none;
    padding: 8px;
  }
  .p_navSlider__item + .p_navSlider__item{
    margin: 0;
    border-top: 1px solid #7c7b7c;
  }
  .p_navSlider__item--arrow{
    display: none;
  }
  .p_navSlider__target{
    display: block;
  }
  .p_navSlider__img{
    display: none;
  }
  .p_navSlider__label{
    position: static;
    display: block;
    padding: 0;
    border: none;
    font-size: 14px;
    background: transparent;
    white-space: normal;
    transform: none;
  }
  .p_navSlider__target.is_current .p_navSlider__label{
    color: red;
  }
  .p_navSlider__target:hover .p_navSlider__label{
    color: red;
  }
  .p_navSlider__close{
    position: absolute;
    top: -16px;
    right: -16px;
    display: block;
  }
}
@media print{
  .p_navSlider{
    display: none;
  }
}
/*蝗ｺ螳壹�繝�ム繝ｼ*/
.p_navResHeader{
  display: flex;
  justify-content: space-between;
  padding: 8px;
  background: #fff;
  border-bottom: 1px solid #7c7b7c;
}
.p_navResHeader__ico{
  display: flex;
  align-items: center;
}
/*繧ｭ繝｣繝�メ繧ｳ繝斐�縺ｪ縺ｩ閼壽ｳｨ*/
.p_attention{
  font-size: 10px;
}
.p_attention--normal{
  color: #2f768c;
}
/*豕ｨ逶ｮ遐比ｿｮ*/
.p_attentionLineup{}
.p_attentionLineup__item{}
.p_attentionLineup__target{}
.p_attentionLineup__target:hover{
  text-decoration: underline;
}
.p_attentionLineup--mainCont{}
.p_attentionLineup--mainCont > .p_attentionLineup__item + .p_attentionLineup__item{
  margin-top: 16px;
}
.p_attentionLineup--mainCont .p_attentionLineup__target{
  position: relative;
  display:block;
  padding-left: 1.5em;
  color: inherit;
}
/*.p_attentionLineup--mainCont .p_attentionLineup__target::before{ 窶ｻ笆ｲ縺�縺ｨchrome縺ｧ譁�ｭ怜喧縺代☆繧九％縺ｨ縺後≠繧九�縺ｧborder縺ｧ菴懈�
  content: "笆ｲ";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translateY(-45%) rotate(90deg);
}*/
.p_attentionLineup--mainCont .p_attentionLineup__target::before{
  content: "";
  border: 7px solid transparent;
  border-left:12px solid currentColor;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translateY(-45%);
}
.p_attentionLineup--side{}
.p_attentionLineup--side > .p_attentionLineup__item{
  border-bottom: 1px solid #7c7b7c;
}
.p_attentionLineup--side .p_attentionLineup__target{
  display:block;
  padding-top: 8px;
  padding-bottom: 8px;
  color: inherit;
}

/* 隰帛ｸｫ豢ｾ驕｣蝙狗�比ｿｮ縺ｮ迚ｹ蠕ｴ*/
.p_featureListWrap{
  overflow:hidden;
  margin-top: 16px;
}
.p_featureList{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -8px;
}
.p_featureList__item{
  width: calc(33.333%);
  padding:8px;
  position:relative;
}
/*
.p_featureList__item:before,
.p_featureList__item:after{
  content:"";
  display: inline-block;
  background-color: #ccc;
  position:absolute;
}
.p_featureList__item:before{
  width: calc(100% - 20px);
  height: 1px;
  left: 10px;
  top: 0px;
}
.p_featureList__item:after{
  width: 1px;
  height: calc(100% - 20px);
  left: 0px;
  top: 10px;
}
*/
.p_featureList__item__heading{
  display: flex;
}
.p_featureList__item__heading:before{
  display: inline-block;
  width: 35px;
}
.p_featureList__item:nth-of-type(1) .p_featureList__item__heading:before{content: url(/common/img/feature_icon1.svg);}
.p_featureList__item:nth-of-type(2) .p_featureList__item__heading:before{content: url(/common/img/feature_icon2.svg);}
.p_featureList__item:nth-of-type(3) .p_featureList__item__heading:before{content: url(/common/img/feature_icon3.svg);}
.p_featureList__item:nth-of-type(4) .p_featureList__item__heading:before{content: url(/common/img/feature_icon4.svg);}
.p_featureList__item:nth-of-type(5) .p_featureList__item__heading:before{content: url(/common/img/feature_icon5.svg);}
.p_featureList__item:nth-of-type(6) .p_featureList__item__heading:before{content: url(/common/img/feature_icon6.svg);}
.p_featureList__item:nth-of-type(7) .p_featureList__item__heading:before{content: url(/common/img/feature_icon7.svg);}
.p_featureList__item:nth-of-type(8) .p_featureList__item__heading:before{content: url(/common/img/feature_icon8.svg);}
.p_featureList__item:nth-of-type(9) .p_featureList__item__heading:before{content: url(/common/img/feature_icon9.svg);}
.p_featureList__item__headingTtl{
  flex: 1;
  margin-left: 5px;
}
.p_featureList__item__attention{
  font-size: 10px;
}
.p_featureList__item__desc{
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px dotted #ccc;
}
.p_featureList__item__descMain{
  font-size: 11px;
}
.p_feature__attention{
  text-align: right;
  font-size: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 768px){
  .p_featureList__item__desc{ display: none;}
}
@media screen and (max-width: 599px){
  .p_featureList__item{ 
    width: 100%;
    border-top: 1px dotted #ccc;
  }
  .p_featureList__item__heading{
    align-items: center;
 }
  .p_featureList__item__heading:before{
    width: 26px;
  }
  .p_featureList__item__headingTtl{
    margin-left: 10px;
  }
}

/* 繝九Η繝ｼ繧ｹ繝ｪ繧ｹ繝� */
.p_newsList{
  padding: 0 1em .5em;
  border-bottom: 1px solid;
  overflow: auto;
}
.p_newsList__item{
  display: flex;
  padding: 0 1em;
}
.p_newsList__item + .p_newsList__item{
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px dotted;
}
.p_newsList__date{
  flex: 0 0 140px;
}
.p_newsList__ttl{
  flex: 1 1 auto;
}
.p_news__btn{
  margin-top: 5px;
  text-align:right;
}
.p_news__btnTarget{
  text-align: center;
  padding :2px 10px;
  border: 1px solid #333;
  color: #333;
  display: inline-block;
  font-size: 12px;
}
.p_news__btnTarget:hover{
  opacity: 0.6;
}
.p_newsList--narrow{
  max-height: 160px;
  .p_newsList__item{
    display: block;
  }
  .p_newsList__date{
    font-size: 12px;
  }
  .p_newsList__ttl{
    font-size: 12px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px){
  .p_newsList{
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 599px){
  .p_newsList__item{
    display: block;
  }
}

/* 繝九Η繝ｼ繧ｹ繝ｪ繧ｹ繝� ��€€譛€譁ｰ遐比ｿｮ縲€縺ｮ蝣ｴ蜷�*/
#newBox{
  display: flex;
  justify-content: space-between;
}
#newBox #news,
#newBox #pdfDL{
  width:calc(50% - 10px);
}
#newBox .p_heading--news > .p_heading__ttl{
  font-size: 14px; 
}
#newBox .p_heading--news{
  margin-bottom: 12px;
}
#newBox .p_newsList{
  padding: 0 0 .5em;
}
#newBox .p_newsList__item{
  display: block;
  padding: 0;
}
#newBox .p_newsList__ttl{
  font-size: 12px;
}
@media screen and (max-width: 768px){
  #newBox{
    display: block;
  }
  #newBox #news,
  #newBox #pdfDL{
    width: 100%;
  }
}
@media screen and (max-width: 599px){}

/* 譛€譁ｰ遐比ｿｮ��pdfDL�� */
#newBox #pdfDL{
  display:flex;
  flex-direction: column;
}
.p_pdf_dl__wrap{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  color: #333;
}
.p_pdf_dl__link{
  transition: .3s;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.p_pdf_dl__link:hover{
  opacity: 0.6;
}
.p_pdf_dl__ttl{font-weight: bold;}
.p_pdf_dl__ttl__sub{
  
}
.p_pdf_dl__img{ margin: 20px auto;}
.p_pdf_dl__img img{
  max-width: 160px;
  width: 100%;
  height: auto;
}
.p_pdf_dl__btn{
  display: flex;
  justify-content: end;
  margin-top: auto;
}
.p_pdf_dl__btn__target{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  background: #333;
  border: 1px solid #1a8192;
  font-size: 10px;
  color: #fff;
  background-color: #1a8192;
  width: 170px;
  height: 20px;
}
.p_pdf_dl__btn__target:after{
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  background: no-repeat center center / contain;
  background-image: url(/resource/img/download/download_on.png);
  width: 16px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 15px;
}
@media screen and (max-width: 768px){
  #newBox #pdfDL{ margin-top: 24px;}
  .p_pdf_dl__img,
  .p_pdf_dl__btn{ margin-top: 12px;}
  .p_pdf_dl__img{ text-align: center}
  .p_pdf_dl__img img{ max-width: 500px;}
}
@media screen and (max-width: 599px){}

/* 讀懃ｴ｢繝懊ャ繧ｯ繧ｹ */
.searchField{
  margin-bottom: 0;
  padding: 0;
}
.searchField__wrap{
  background: #F8F3ED;
}
.sesearchField__inner{
  padding: 10px 20px;
  background: #EEEEEE;
}
.searchField__body{
  display: flex;
  align-items: center;
}
.searchField__heading{
  flex: 0 0 140px;
  position: relative;
  margin-right: 30px;
  background: #9E2730;
}
.searchField__heading::before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
  border-left: 15px solid #9E2730;
  transform: translateX(100%);
}
.searchField__ttl{
  position: relative;
  padding: 0 16px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
}
.searchField__ttl::after{
  content: "";
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
  border-left: 15px solid #EEEEEE;
  transform: translateX(100%);
}
.searchField__ttl::before{
  content: "";
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto 0;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 15px solid rgba(255, 255, 255, 0);
  border-left: 15px solid #9E2730;
  transform: translateX(100%);
}
.searchField__fieldWrap{
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  border: 2px solid;
  border-radius: 4px;
  overflow: hidden;
}

.searchField__field{
  width: calc(100% - 28px);
}
.searchField__field input{
  width: 100%;
  padding: 0;
  border-right: none;
  border-radius: 0;
  border: none;
  outline: none;
  line-height: 28px;
  text-indent: .5em;
}
.searchField__btn{
  background: #EEEEEE;
  width: 28px;
  height: 28px;
  padding: 6px;
  border: none;
  line-height: 0;
  cursor: pointer;
  transition: .3s opacity;
}
.searchField__btn img{
  max-width: 100%;
  height: auto;
}
.searchField__btn:hover{
  opacity: .7;
}
.searchField__footer{
  margin-top: 16px;
}
.searchField__reset{
  display: flex;
  justify-content: flex-end;
}
.searchField__resetTarget{
  position: relative;
  display: block;
  padding-left: 1.5em;
  font-size: 14px;
  text-decoration: underline;
  color: inherit;
  transition: .3s opacity;
}
.searchField__resetTarget:hover{
  opacity: .7;
}
.searchField__resetTarget::before{
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px){
  .searchField{
    margin: 40px auto 0;
  }
  .searchField__body{
    flex-wrap: wrap;
  }
  .searchField__heading{
    margin: 0 0 8px 0;
  }
  .searchField__fieldWrap{
    width: 100%;
  }
}

/* 讀懃ｴ｢繧ｵ繝ｳ繝励Ν繝ｯ繝ｼ繝� */
.searchWordBox{
  display: flex;
  align-items: center;
}
.searchWordBox__ttl{
  flex: 0 0 160px;
  position: relative;
  padding-left: 32px;
  font-weight: bold;
  font-size: 15px;
}
.searchWordBox__ttl::before{
  content: url(/resource/img/lineup/icon_koushi-top_keyword.svg);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  height: 23px;
  margin: auto 0;
  line-height: 0;
}

.searchWordBox__words{
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  padding-left: 12px;
  border-left: 4px solid #9E2730;
}
.searchWordBox__word{
  padding: 4px 6px;
  line-height: 1;
}
.searchWordBox__wordTarget{
  font-size: 14px;
  text-decoration: underline;
  color: inherit;
  transition: .3s opacity;
}
.searchWordBox__wordTarget:hover{
  opacity: .7;
}
@media screen and (max-width: 768px){
  .searchWordBox{
    display: block;
  }
  .searchWordBox__ttl{
    margin: 0 0 12px 0;
  }
}
.js_isHide{
  display: none;
}
/*繧ｹ繝ｩ繧､繝峨う繝ｳ(JS)*/
.js_slideIn{
  position: fixed;
  top: 0;
  transform: translateY(-100%);
  transition: .5s transform;
}
.js_slideIn.is_show{
  transform: none;  
}
.js_slideIn--subNav{
  z-index: 99999;
}
.js_slideIn--resSubNav{
  z-index: 9999;
  left: 0;
  width: 100%;
}
@media screen and (max-width:768px){
  .js_slideIn--subNav{
    height: 0;
    opacity: 0;
    visibility: hidden;
    transform: none;
    transition: .5s opacity;
  }
  .js_slideIn--subNav.is_show{
    height: auto;
    visibility: visible;
    opacity: 1;
  } 
}

/* 閾ｪ豐ｻ菴灘髄縺代し繝ｼ繝薙せ縺ｸ縺ｮ繝舌リ繝ｼ繝ｪ繝ｳ繧ｯ */
#toServiceLink{ margin-top: 48px;}
.p_service_link__target{
  transition: .3s;
}
.p_service_link__target:hover{
  opacity: .7;
}
.p_service_link__img{
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}

/* 繝医ャ繝礼判荳九�繝舌リ繝ｼ繧ｨ繝ｪ繧｢ */
/* 繝舌リ繝ｼ繧ｨ繝ｪ繧｢縺ｮ繝懊ャ繧ｯ繧ｹ */
.m_topBannerBox{
  display: flex;
  margin: -15px;
}
.m_topBannerBox__banner{
  display: block;
  padding: 15px;
}
.m_topBannerBox__banner--left{
  width: 33.333%;
}
.m_topBannerBox__banner--right{
  width: 66.666%; 
}

.m_topBannerBox--dokuritu{
  margin: -5px;
  align-items: stretch;
  .m_topBannerBox__banner{
    padding: 5px;
  }
  .m_topBannerBox__banner{
    width: 100%;
  }
}
@media screen and (max-width: 768px){
  .m_topBannerBox{
    display: block;
  }
  .m_topBannerBox__banner{
    width: 100%;
  }
}
/* 繝舌リ繝ｼ */
.m_topBanner{}
.m_topBanner--btnType{
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
  border: 2px solid #1A8192;
  box-shadow: 3px 3px 8px #aaa;
  color: inherit;
  transition: .3s opacity;
}
.m_topBanner--btnType:hover{
  color: inherit;
  text-decoration: none;
  opacity: .7;
}
.m_topBanner__heading{
  margin-bottom: 16px;
}
.m_topBanner__ttl{
  width: fit-content;
  margin-inline: auto;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: bold;
}
.m_topBanner__img{
  line-height: 0;
  text-align: center;
}
.m_topBanner__img img{
  max-width: 100%;
  height: auto;
}
.m_topBanner__catch{
  position: relative;
  display: block;
  width: fit-content;
  margin-inline: auto;
  padding: 0 20px;
  color: #218496;
  font-size: 18px;
  background: linear-gradient(to top, #FBEE85 0, #FBEE85 50%, #fff 0);
}
.m_topBanner__catch::before,
.m_topBanner__catch::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 2px;
  height: 80%;
  background: #218496;
}
.m_topBanner__catch::before{
  left: 0;
  transform: rotate(-45deg);
}
.m_topBanner__catch::after{
  right: 0;
  transform: rotate(45deg);
}
.m_topBanner__catch + .m_topBanner__ttl{
  margin-top: 10px;
}
@media screen and (max-width: 768px){
  .m_topBanner{
    max-width: 424px;
    margin-inline: auto;
  }
  .m_topBanner--btnType{
    display: block;
  }
  .m_topBanner__img + .m_topBanner__cont{
    margin-top: 10px;
  }
  .m_topBanner__ttl{
    font-size: 18px;
    text-align: center;
  }
}
/* 繝舌リ繝ｼ蜀��繝ｭ繧ｴ */
.m_topBannerLogo{
  line-height: 0;
  text-align: center;
}
.m_topBannerLogo img{
  max-width: 100%;
  height: auto;
}

/* 繧ｵ繧､繝峨リ繝薙�蛻昴ａ縺ｦ縺ｮ譁ｹ縺ｯ縺薙■繧峨�繧ｿ繝ｳ */
.m_sideGuideBtn{
  position: relative;
  display: block;
  width: 100%;
}
.m_sideGuideBtn_hasMark{
  padding-top: 10px;
}
.m_sideGuideBtn:hover{
  transition: .3s;
  opacity: 0.6;
}
.m_sideGuideBtn_mark{
  position: absolute; 
  top: 10px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  padding: 5px 10px;
  z-index: 1;
}
.m_sideGuideBtn_markMain{
  color: #8D1321;
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
}
.m_sideGuideBtn_markMain_biginner:before{
  content: url("/resource/img/dougahyakkaten/lineup/icon_biginner.png");
  position: relative;
  top: 3px;
  padding-right: 5px;
}
.m_sideGuideBtn_main{
  letter-spacing: 0;
  font-size: 20px;
  border-radius: 4px;
  font-weight: bold;
  color: #8D1321;
  padding: 30px 5px;
  text-align: center;
  border: 4px solid;
}
.m_sideGuideBtn .m_sideGuideBtn_main{
  position: relative;
  padding-right: 20px;
}
.m_sideGuideBtn .m_sideGuideBtn_main::before{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin-block: auto;
  border-top: 2px solid;
  border-right: 2px solid;
  content: "";
  display: block;
  flex-shrink: 0;
  height: .5em;
  transform: rotate(45deg);
  width: .5em
}


/* 騾溷�ｱ譁ｰ菴懃�比ｿｮ繧ｹ繝ｩ繧､繝€繝ｼ */
.m_newReleaseFlashKeyvisual{
  position: relative;
  display: block;
  color: inherit;
  font-family:"Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
}
.m_newReleaseFlashKeyvisual__img{
  line-height: 0;
  text-align: center;
  img{
    max-width: 100%;
    height: auto;
  }
}
.m_newReleaseFlashKeyvisual__lineup{
  position: absolute;
  top: 28%;
  left: 5%;
  width: 68%;
}
.m_newReleaseFlashKeyvisual__item{
  & + &{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #d4d4d4;
  }
  @media screen and (max-width: 768px){
    & + &{
      border-top: none;
    }
  }
}
.m_newReleaseFlashKeyvisualCard{
  display: block;
  color: inherit;
  text-decoration: none;
}
.m_newReleaseFlashKeyvisualCard__tags{
  display: flex;
  align-items: center;  
  gap: 10px;
  & + .m_newReleaseFlashKeyvisualCard__ttl{
    margin-top: 5px;
  }
}

.m_newReleaseFlashKeyvisualCard__tag{
  padding: 2px 10px;
  border: 1px solid;
  border-radius: .4em;
  line-height: 1;
  font-size: 12px;
}
.m_newReleaseFlashKeyvisualCard__date{
  color: #d66c00;
  line-height: 1;
  font-weight: bold;
  font-size: 14px;
}
.m_newReleaseFlashKeyvisualCard__tag--haken{
  color: #842e30;
}
.m_newReleaseFlashKeyvisualCard__tag--bup{
  color: #0c3f71;
}
.m_newReleaseFlashKeyvisualCard__tag--douga{
  color: #cc2d5e;
}
.m_newReleaseFlashKeyvisualCard__ttl{
  position: relative;
  height: 1lh;
  line-height: 1.2;
  font-size: 18px;
  overflow: hidden;
  &::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 2em;
    height: 1lh;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
  }
}

/*繧ｪ繝ｼ繝舌�繝ｬ繧､��JS��*/
.js_overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: .8;
}
.overlay-enter-active,.overlay-leave-active{
  transition: .5s all;
}
.overlay-leave-to{
  opacity: 0;
}
.overlay-enter{
  opacity: 0;
}
/*蝗ｺ螳壹リ繝�*/
.js_fixNav{
  height: var(--nav_h);
  @media screen and (max-width: 768px){
    height: auto;
  }
}
.js_fixNav__nav.is_fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  width: 100%;
  @media screen and (max-width: 768px){
    position: static;
  }
}
/*********
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_mb4{
  margin-bottom: 4px;
}
.u_mb8{
  margin-bottom: 8px;
}
.u_mb16{
  margin-bottom: 16px;
}
.u_mb24{
  margin-bottom: 24px;
}
.u_mb40{
  margin-bottom: 40px;
}
.u_mb64{
  margin-bottom: 64px;
}
.u_mr8{
  margin-right: 8px;
}
.u_mt4{
  margin-top: 4px;
}
.u_mt8{
  margin-top: 8px;
}
.u_mt16{
  margin-top: 16px;
}
@media screen and (max-width: 768px){
  .u_resMdMb8{
    margin-bottom: 8px;
  }
  .u_resMdMb16{
    margin-bottom: 16px;
  }
}
/*繝輔か繝ｳ繝医し繧､繧ｺ*/
.u_fs11{
  font-size: 11px;
}
.u_fs10{
  font-size: 10px;
}
/*繝代ョ繧｣繝ｳ繧ｰ*/
.u_pl4{
  padding-left: 4px;
}
.u_pl8{
  padding-left: 8px;
}
.u_pl16{
  padding-left: 16px;
}
/*繝輔か繝ｳ繝医し繧､繧ｺ*/
.u_fs11{
  font-size: 11px;
}
.u_fs10{
  font-size: 10px;
}
/*繝輔か繝ｳ繝医�螟ｪ縺�*/
.u_fwB{
  font-weight: bold;
}

/*繝昴ず繧ｷ繝ｧ繝ｳ*/
.u_rel{
  position: relative;
}
/*譁�ｭ鈴俣*/
.u_ls0{
  letter-spacing: 0px;
}
@media screen and (max-width:599px){
  .u_resSmLs0{
    letter-spacing: 0px;
  }
}
/*譁�ｭ嶺ｽ咲ｽｮ*/
.u_ar{
  text-align: right;
}
/*陦ｨ遉ｺ*/
.u_hide{
  display: none;
}
@media screen and (max-width:768px){
  .u_resMdHide{
    display: none;
  }
  .u_resMdInline{
    display: inline;
  }
}

@media screen and (max-width:599px){
  .u_resSmInline{
    display: inline;
  }
}


.cu_hide {
    display: none;
}

.cu_hideImp {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .resHide, .cu_resMdHide {
        display: none;
    }

    .cu_resMdInline {
        display: inline;
    }

    .cu_resMdBlock {
        display: block;
    }

    .cu_resMdHideImp {
        display: none !important;
    }

    .cu_resMdInlineImp {
        display: inline !important;
    }

    .cu_resMdBlockImp {
        display: block !important;
    }
}

@media screen and (max-width: 599px) {
    .cu_resSmHide {
        display: none;
    }

    .cu_resSmInline {
        display: inline;
    }

    .cu_resSmBlock {
        display: block;
    }

    .cu_resSmHideImp {
        display: none !important;
    }

    .cu_resSmInlineImp {
        display: inline !important;
    }

    .cu_resSmBlockImp {
        display: block !important;
    }
}