@media screen and (max-width: 767px) {
  body{
      font-size:0.8rem;
  }
  #gnav{
    background:#00b8c7 ;
  }
  #gnav li a{
    color:#FFF !important;
  }
  #gnav li{
    border-bottom:2px solid #FFFFFF44;
    padding-bottom:1rem;
  }

}


.seminar_more{
color:#03666e;
font-size:0.9rem;
}
.seminar_more:hover{
color:#03666e;
text-decoration:underline;
}
.seminar_more:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
content: "\f105";
padding-right:3px;
color:#03666e ;
}

body {
font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color: #3B4043;
}
.row h3,.row h2{
font-size:1.2rem !important;
}

.text-grey{
color:#666;
font-size:0.8rem;
}
.cursor{
cursor:pointer;
}

.ul_cancel {
list-style:none;
margin-left:0px;
border:7px solid #F1F1F1;
margin-top:1rem;
padding:1rem 2rem;
}
.ul_cancel li{
color:#f2203f;
font-weight:bold;
border-bottom:1px dotted #CCC;
padding:0.5rem 0;
}
.ul_cancel li a{
padding-left:1.5rem;
font-size:0.85rem;
}
.ul_cancel li:last-child{
border:none;
}
.ul_cancel li:before{
content:"\f14a";
padding-right:10px;
font-family: "Font Awesome 5 Free";
}
.ex01_cancel{
text-align:center;
}

.ol_web_examination {
list-style:none;
margin-left:0px;
border:7px solid #F1F1F1;
margin-top:1rem;
padding:1rem 2rem;
background:#FAFAFA;
}
.ol_web_examination li{
border-bottom:1px dotted #CCC;
padding:0.5rem 0;
text-indent:-1.4rem;
padding-left:1.4rem;
}
.ol_web_examination  li:last-child{
border:none;
}
.ol_web_examination li:before{
content:"\f14a";
padding-right:10px;
font-family: "Font Awesome 5 Free";
}


.mem_scroll_box{
  overflow:scroll;
  height:400px;
  background:#FAFAFA;
  font-size:12px;
  padding:1rem;
  margin-bottom:2rem;
}
.mem_scroll_box h1,
.mem_scroll_box h2,
.mem_scroll_box h3{
  font-size:14px !important;
}
.box_exam_step{
  background:#FAFAEE;
  padding:1rem;
  font-size:0.85rem;
}
.company-sp-block{
  background:#FAFAFA;
  padding:1rem;
  border:1px solid #EFEFEF;
  margin-bottom:2rem;
  font-size:0.9rem;
}
.company-sp-block h3{
  font-size:1rem !important;
}
.company-sp-title{
  margin-top:1rem;
}
.company-sp-header{
  color:#d00;
  line-height:1.5rem;}

  .detail_title h3 a{
    color:#333;
  }

  .seminar_apply_policy h2,
  .seminar_apply_policy h3,
  .seminar_apply_policy h4{
    font-size:15px !important;
    margin-bottom:.5rem;
  }
  .seminar_apply_policy{
    font-size:13px !important;
    background:#FAFAFA;
    padding:1rem;
    border:1px solid #DDD;
  }

.seminar_teacher_name{
font-size:1.2rem;
}        
.seminar_tabletop {
margin: 0 0 20px;
border-top: 4px solid #00b8c7;
}
/*
.seminar_result .row{
padding:0 !important;
}*/
.seminar_search_box .bg-btn-primary{
background:#0c4b85  !important;
color:#FFF;
border-radius:4px;
border:none;
padding:.5rem 1rem;
}
.seminar_search_box .bg-tertiary,
.seminar_search_box .bg-secondary{
background:#6d8aa4 !important;
} 
.inner_top{
border-top: solid 2px #00b8c7;
padding-top: 10px;
margin-top:2rem;
margin-bottom:1rem;
}
.seminar-content h1{
  font-size:14px;
  color:#d00 !important;
  }
  .seminar-content h1 span{
  color:#d00 !important;
  }
  
.footer_menu h2{
  text-align:left !important;
  margin-bottom:0.5rem !important;
  font-size:1rem !important;
}


#member_page table.member_table thead  th{
  padding:5px .5rem;
  font-size:13px;
  font-weight:normal;
}

#member_page table.member_table  td,
#member_page table.member_table  th{
  font-size:15px;
  border:1px solid #ddd !important;
}

#member_page .member_table th{
  background:#F7F7F7 !important;
}

#member_page .member_table th{
  background:#F7F7F7 !important;
}

.breadcrumb-list{
  font-size:13px !important;
}
.seminar-content_body p{
  color:#3B4043;
   line-height:1.5rem;
   margin-bottom: 0.25rem;
 }


.seminar_entry_box .col-md-9{
  background:#FAFAFA;
}

.seminar_catchcopy{
  font-size: 1.3rem !important;
  color:#CF1919 !important;
}
.member_table td,
.member_table th{
  font-size:13px !important;
  background:#FAFAFA;
  border:none !important;
  padding-top:6px !important;
}

/***********************************************
SPフッター
************************************************/
.sp_footer_menu h3{
  border-top:2px solid #00b8c7;
    color:#00b8c7 !important;
    padding-top:10px;
    font-size:15px !important;
  }
  .sp_footer_menu ul{
    list-style:none;
    padding-left:.5rem;
  }
  .sp_footer_menu li{
    padding:.25rem 0;
  }
  
  .sp_footer_menu li:before{
    font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f105";
      padding-right: 3px;
      color: #03666e;
  }

/***********************************************
特典
************************************************/
.benefit_attention{
  line-height:1.3rem;
  background:#F3F3F3;
  padding:1rem;
  font-size:0.8rem;
}

.benefit_entry h3{
  border-left: 5px solid #00b8c7;
  padding-left:.25rem;  
  }
  
/***********************************************
認定試験 / 保有資格
************************************************/
.member_seminar_confirm h2,
.member_seminar_detail h1,
.member_examopen h3,
.member_seminar_application h3,
.seminar_result h3,
.member_license h3,
.member_exam h3{
  font-size: 1rem !important;
    padding:4px 4px 6px 4px;
    font-weight: bold;
  border-left:4px solid #00b8c7;
  padding-left:4px;
  background:#00b8c711;
}
@media only screen and (max-width: 991px){
  .member_exam h4{
    font-size:1rem;
    font-weight:bold;
  }
  .member_license .table td,
  .member_license .table th,
  .member_exam .table td,
  .member_exam .table th{
    padding-top:.5rem !important;
    padding-bottom:.5rem !important;
  }
}


/***********************************************
クーポン
************************************************/
.couponBox{
  display:flex;
}
.couponWrap{
  position:absolute;
  left:0px;
  top:0px;
  width:200px;
  height:118px;
  
}
.leftImgBox{
  position:relative;
  min-height:118px;
}
.rightBodyBox{
  position:absolute;
  left:210px;
  min-height:118px;
}
.rightBodyBox .coupon_price{
  font-size:1.2rem;
  margin-top:1.7rem;
  font-weight:bold;
}
.bg_coupon{
  width:200px;
  background-image:url("/assets/ihta-member/img/bg_coupon.png");
  background-size:cover;
  height:118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left:1.5rem;
  padding-right:4rem;
  text-align:center;
  font-size:14px;
  color:#FFF;
  font-weight:bold;
}
@media screen and (max-width: 767px) {
  .rightBodyBox .coupon_price{
    margin-top:0rem;
  }
  .couponWrap{
    width:150px;
    height:90px;
    
  }
  .leftImgBox{
    min-height:90px;
  }
  .rightBodyBox{
    left:160px;
    min-height:90px;
  }
  .bg_coupon{
    padding-left:1rem;
    padding-right:3rem;
    width:150px;
    height:90px;
    font-size:12px;
  }  
}

#accordion-coupons .accordion-item{
  background:#fff9ee;
  border:2px solid #fbce7c !important;
}
#accordion-coupons .accordion-item .text-secondary{
  color:#990000 !important;
}



/************************************************************/
/* パスワード表示 */
/************************************************************/
.passwordBox{
position:relative;
}
#buttonEye{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}



/************************************************************/
/* ダッシュボード */
/************************************************************/
.dashboard_swipe h3{
  font-size:0.9rem !important;
  line-height:1.4rem;
}
.dashboard_swipe .pricopy{
  min-height:3.5rem;
}
.dashboard_swipe .priimg{
  border:1px solid #EAEAEA;
  box-sizing: border-box;  
  width:100%;
}
.dashboard_swipe a{
  color:#3B4043;
  text-decoration: underline;
}

.dashboard_swipe .swiper-pagination{
  bottom:0px !important;
}