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

#training_detail .text-left{text-align: left!important;}

/* ==============================
　研修詳細
============================== */
article {	
max-width: 1200px;	
margin:0 auto ;	
}	

#training_detail table{

}
#training_detail .table_type02 th{
    font-weight: bold;
    background: #d0e8e8;
}
#training_detail .table_type02 td{
    text-align: center;
}

#training_detail .table_type02 .training_price{
    text-align: left;
}

#training_detail .table_type02 .training_date{
    text-align: left;
}

#training_detail .table_type02 tr .border_non{
    border-left: none;
    border-right: none!important;
    padding: 6px 0px;
}

#training_detail .table_type02 tr .last_day{
    padding-right: 10px;
}

#training_detail .table_type02 tr .first_day{
    text-align: right;
    padding-right: 5px;
    width: 90px;
}

#training_detail .table_type02 tr .two_day{
    text-align: right;
    padding-right: 2px;
    width: 45px;
}

#training_detail section{
    margin-top: 100px;
}
#training_detail #training01,#training_detail #training02,#training_detail #training03,
#training_detail #training04,#training_detail #training05,#training_detail #training06,
#training_detail #training07,#training_detail #training08{
    margin-top: -150px;
    padding-top: 150px;
}

/* タイトルテキスト色 */
#training_detail #training01 h4{color: #2186b3;}
#training_detail #training02 h4{color: #ed6c00;}
#training_detail #training03 h4{color: #00a599;}
#training_detail #training04 h4{color: #e95383;}
#training_detail #training05 h4{color: #f39800;}
#training_detail #training06 h4{color: #8dc556;}
#training_detail #training07 h4{color: #ec6d65;}
#training_detail #training08 h4{color: #a64a97;}

/* table タイトル色 */
#training_detail #training01 th{background: #d9e6f1;}
#training_detail #training02 th{background: #fce3cd;}
#training_detail #training03 th{background: #dfeeeb;}
#training_detail #training04 th{background: #fbe3e8;}
#training_detail #training05 th{background: #feecd3;}
#training_detail #training06 th{background: #ecf4e1;}
#training_detail #training07 th{background: #fce6e0;}
#training_detail #training08 th{background: #ecdeed;}


#training_detail .training_no{width: 72px;}
#training_detail .training_erea{width: 146px;}
#training_detail .one_day{width: 390px;}
#training_detail .training_period{width: 91px;}
#training_detail .training_cap{width: 77px;}



#training_detail .training_price th{
    height: 35px;
}
#training_detail .training_price td{
    height: 455px;
}
#training_detail .training_price_4 td,#training_detail .training_price_6 td,
#training_detail .training_price_3 td{
    height: 350px;
}

#training_detail .training_price_7 td,#training_detail .training_price_8 td{
    height: 175px;
}

#training_detail .training_price_5 td{
    height: 665px;
}

#training_detail .bd_left_no th,.bd_left_no td{
    border-left: none;
}

training_price{
    margin-left:0;
}

#training03 .week{
    width: 50px;
}

#training07 .training_deta,#training08 .training_deta{
    width: 450px;
}

/* table */
td.training_dummy {
	border-bottom-color: white;
	border-top-color: white;
}
td.training_dummy p{
    line-height:revert;
}
td.training_dummy_last {
	border-top-color: white;
}
td.training_dummy_last p{
    line-height: revert;
}
td.training_price {
	border-right-color: white;
}

/* IE用ハック */
@media all and (-ms-high-contrast: none) {
    td.training_dummy p{
        line-height:inherit;
    }
    td.training_dummy_last p{
        line-height: inherit;
    }
}

/*-----------------------------------
  SP
------------------------------------*/
@media screen and (min-width:1024px) and (max-width: 1680px){
    table {
        width: 100%;
    }
}
@media screen and (min-width:1024px) and ( max-width:1500px) {
    .w-650{
        width: 640px;
    }
    .w-565{
        width: 400px;
    }
}

@media screen and (min-width:920px) and ( max-width:1024px) {
    .w-650{
        width: 640px;
    }
    .w-565{
        width: 275px;
    }
}


@media screen and (max-width: 920px){
    
    table {
        width: 95%;
    }

}
@media screen and (max-width: 768px) {
		article {	
	width:100%;	
	}
    #training_detail table{
        width: 95%;
        min-width: auto;
    }
    
    #training_detail section{
        margin-top: 50px;
    }
    #training_detail #training01,#training_detail #training02,#training_detail #training03,
    #training_detail #training04,#training_detail #training05,#training_detail #training06,
    #training_detail #training07,#training_detail #training08{
        margin-top: -60px;
        padding-top: 60px;
    }
    
    #training_detail .table_type02 tr .first_day{
        width: 11%;
    }
    #training_detail .table_type02 tr .two_day{
        width: 6%;
    }

    #training_detail .training_price td,#training_detail .training_price_4 td,
    #training_detail .training_price_3 td,#training_detail .training_price_5 td,
    #training_detail .training_price_6 td,#training_detail .training_price_7 td,
    #training_detail .training_price_8 td{
        height: auto;
    }
        
    #training_detail .bd_left_no th,.bd_left_no td{
        border-left:1px solid #7C7C7C;
    }
    
    #training_detail .sp_bd_top_no th{ 
        border-top:0!important;
    }
    training_price{
        margin-left:auto;
    }
    
    /* table */
    td.training_dummy {
        padding: 0;
    }
    td.training_dummy p{
        height: 0;
    }
    
    .table_type02 {
        overflow-x: auto!important;
    }
}



@media screen and (max-width: 560px) {
    #training_detail .table_type02 tr .first_day{
        width: 23%;
    }
    #training_detail .table_type02 tr .two_day{
        width: 11%;
    }
    
    #training_detail .table_type02 tr .last_day {
        padding-right: 6px;
    }

}