@charset "utf-8";
/*---------------------------------
	top
-------------------------------- */
.tmain {
  width: 100%;
  padding: 3% 0;
  background: url(../img/top_mainback.png) no-repeat left top;
  background-size: 100% auto;
}
 .tmain_title {
  margin: 13vh 5vw;
}
.tmain_title p {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.8;
}
.top_mainsec{
    padding:10vh 0;
    background:url("../img/cmn_bg2.png") repeat-y left -100px;
    background-size: 100% auto;
}

.top_mainsec .c_btitle{
    position: relative;
    margin-bottom:50px;
      text-align: center;
}
.top_mainsec .c_btitle:after{
        content: "";
    display: block;
    width: 46px;
    height: 10px;
    margin: 1rem auto 0;
    background-image: url(../img/dots_line.png);
    background-position: center;
    background-repeat: no-repeat;
}





.top_seminar{
    width:98%;
    padding:40px;
    color:#fff;
    background:#01348F;
    border-radius: 0 20px 20px 0;
}
.top_seminar h2{
    margin-bottom:20px;
    padding-bottom:20px;
    font-size:2.4rem;
    border-bottom:1px solid #fff;
}

.tsem_accepting ul li a{
    color:#fff;
}
.tsem_stitle{
        display: inline-block;
    margin-bottom:1rem;
    padding:0 2rem;
}
.tsem_accepting .tsem_stitle{
    color:#01348F;
    font-weight: 700;
background:#fff;
}
.tsem_end .tsem_stitle{
    color:rgba(255,255,255,.4);
border:1px solid #A6B8D8;
}

.tsem_end ul li {
    color:rgba(255,255,255,.4);
}
.tsem_accepting ul li+li,
.tsem_end ul li+li {
margin-top:.5rem;
    line-height: 1.4
}



.top_box {
  display: flex;
  justify-content: space-between;
}



.tservice_sect{
    padding:50px 50px;
    color:#fff;
border-radius: 10px
   }
.tservice_sect+.tservice_sect{
    margin-top:80px;
}
.tservice_sect .c_stitle{
    margin-bottom:2rem;
padding-bottom:2rem;
    font-size: 2.4rem;
border-bottom:1px solid #fff;
   }
.tservice_sect .c_bld{
    
    margin-bottom:2rem;
    font-size: 2rem;
}
.service_price{
    text-align: right;
    font-weight: 700;
        font-size: 2.4rem;
}
.tservice_1{
           background:#39BAC6 url("../img/top_service_back.png") no-repeat right top;
}

.tservice_2{
           background:#2DAFA1 url("../img/top_service_back.png") no-repeat right top;
}


.tservice_3{
           background:#E3B856 url("../img/top_service_back.png") no-repeat right top;
}




.tsec_box_l{
    width:50%;
    margin-right:8%;
}
.tsec_box_r{
    flex:1;
}

.tservice_list{
display: flex;    
    flex-wrap: wrap;
    margin-top:40px;
         gap:10px;
}


.tservice_list li{
    padding:20px;
    color:#333;
    font-weight: 700;
background:#fff;
    border-radius: 5px;
       
}
.tservice_1 .tservice_list{
        gap:10px 2%;
}
.tservice_1 .tservice_list li{
width:49%;
        text-align: center;
}

.tservice_2 .tservice_list li,
.tservice_3 .tservice_list li{
width:100%;
}



.top_works{
    padding:40px 0;
    background:#F2F2F3;
    }

.tworks_list{
display: flex;    
    flex-wrap: wrap;
         gap:10px 2.6%;
    margin-bottom: 1rem;
}

.tworks_list li{
    width:22%;
    padding:20px;
    color:#333;
    text-align: center;
    font-weight: 700;
background:#fff;
    border-radius: 5px;
       
}


.top_contact {
    padding:40px;
    text-align: center;
    background: #01348F;
    color:#fff;
}
.top_contact p+p{
    margin-top:2rem;
}



.sp_box{
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_special .sp_img{
    width:80%;
}
.top_special .sp_txt{
    position: relative;
    width:40%;
    margin-left:-20%;
    padding:8vh 4vw;
    background:#74EFE5;
    z-index: 3;
    border-radius: 5px
}
.top_special .sp_box+.sp_box{
    margin:6vh 0 10vh;
    flex-direction: row-reverse;
    
}
.top_special .sp_box+.sp_box .sp_txt{
    margin-left:auto;
        margin-right:-20%;
}
.sp_subtitle{
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom:1rem;
        padding-bottom:1rem;/*
    border-bottom:1px solid #fff;*/
}

.top_skseminar{    
        padding: 80px 0;
        margin:auto 0 10vh;
    color:#fff;
    background: #01348F;
}


@media screen and (max-width: 1024px) {
    .top_sec .sec_box{
        flex-direction: column;
}
.service_price{
    margin-top:1rem;
    text-align: left;
        font-size: 2rem;
}   
.tsec_box_l{
    width:100%;
    margin-right:0;
}
.tsec_box_r{
    flex:1;
}
.tworks_list{
display: flex;    
    flex-wrap: wrap;
         gap:10px 2%;
    margin-bottom: 1rem;
}

.tworks_list li{
    width:49%;
}
    
    
}
@media screen and (max-width: 768px) {

 .tmain_title {
  margin: 8vh 3vw;
}
    .tmain_title p {
  font-size: 2.4rem;
  line-height: 1.4;
}
    .top_seminar h2 {
    font-size: 2rem;
}
    
    .top_mainsec .c_btitle {
    font-size: 2.4rem;
}
    .tservice_sect .c_stitle {

    padding-bottom: 1rem;
    font-size: 2.4rem;
}
    .tservice_sect .c_bld {
    margin-bottom: 2rem;
    font-size: 1.8rem;
}
}
@media screen and (max-width: 480px) {
    .tservice_1 .tservice_list li,
        .tworks_list li{
    width: 100%;

}
    .tmain_title p {
  font-size: 2.2rem;
}
}



/*------------------------------------------------
      about
------------------------------------------------*/


.lgroup {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 10px;
  border-bottom: 1px solid #D8D8D8;
}

.c_stitle + .lgroup {
  margin-top: 20px;
  border-top: 1px solid #D8D8D8;
}
.lgroup_l {
  width: 20%;
    margin-right: 5%;
  font-weight: bold;
}
.lgroup_r {
flex:1;
}



@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 680px) {
  .lgroup {
    flex-direction: column;
  }
  .lgroup_l, .lgroup_r {
    width: 100%;
  }
}
/*------------------------------------------------
      seminar
------------------------------------------------*/
.seminar .year{
    font-size:2.4rem;
    margin-bottom:2rem;
}
.seminar_app table{
    border-collapse: collapse;
}

.seminar_app table thead td{
    text-align: center;
    background:#f5f5f5;
      border:1px solid #ddd;
}

.seminar_app table tbody td{
    padding:2rem 1rem;
    border:1px solid #ddd;
}
.seminar_app .sem_title{
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom:1rem;
}
.seminar_app table td dl{
    font-size:1.4rem;
 
}
.seminar_app table td dl+dl{
    margin-top:.5rem;
}
.seminar_app table td dl dt{
    margin-right: 1rem;
        padding:0 .5rem;
    font-size: 1.2rem;
    border:1px solid #ddd;
        border-radius: 5px;
    }
.seminar_app table td dl dt,
.seminar_app table td dl dd{
    display: inline-block;
}


.seminar_app table td dl dd+dt{

}
.seminar_app table tbody td:first-child{
    text-align: center;
    }
.seminar_app table tbody td:not(:nth-child(2)){
    font-size: 1.4rem;
    white-space: nowrap;
    }

.icon_status{
    font-size: 1.4rem
}
.status_active{
 
}
.icon_btn a{
    padding:0.5rem 1rem;
        font-size: 1.4rem;
    display: block;
    color:#fff;
    background:#123456;
    white-space: nowrap;
    border-radius: 5px;
}

.seminar_app table tbody td:last-child a{
    text-decoration: underline;
    }