@charset 'UTF-8';


/*----PC-----------------------------*/


@media print, screen and (min-width: 768px){

/*----上手な使い方----*/
    .tukaikata_box01{
        width: 100%;
        max-width: 1200px;
        box-sizing: border-box;
        padding: 0px 40px;
        margin: 0 auto;
        text-align: center;
    }

    .tukaikata_box02{
        width: 100%;
        max-width: 1200px;
        box-sizing: border-box;
        padding: 0px 20px;
        margin: 0 auto;
        text-align: center;
    }


    .tukaikata_box03{
        width: 100%;
        max-width: 1200px;
        box-sizing: border-box;
        padding: 0px 20px;
        margin: 0 auto;
        text-align: center;
       
    }


    

    .tukai_list_box01{
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 30px;
    }


    .tukai_list01{
        width: 48%;
    }

    .tukai_list02{
        width: 48%;
    }

    .tukai_sub_txt01{
        display: block;
        font-size: 18px;
        font-weight: 300;
        color: #000000;
        text-align: right;
        margin-bottom: 5px;
    }


    .tukai_img01{
        width: 100%;
    }


    .tukai_txt01{
        display: block;
        font-size: 29px;
        font-weight: 600;
        color: #E60012;
        text-align: center;
    }

    .tukai_txt02{
        display: block;
        font-size: 29px;
        font-weight: 300;
        color: #000000;
        text-align: center;
    } 




    .tukai_box02{
        
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .tukai_txt03{
        margin: 0 auto;
        background-color: #000000;
        max-width: 1160px;
        width: 100%;
        box-sizing: border-box;
        padding: 40px;
        display: block;
        font-size: 36px;
        font-weight: 600;
        color: #FFFFFF;
        box-sizing: border-box;
        padding: 20px;
        line-height: 1.5em;

    }


    .tukai_list_box02{
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 10px;
    }


    .tukai_list03{
        width: 48%;
    }

    .tukai_list04{
        width: 48%;
    }

    .tukai_img01{
        width: 100%;
    }




    .tukai_table{
        width: 100%;
        
        border: 2px solid #000000;
        vertical-align: middle;
    }

    .tukai_tr,.tuka_th,.tukai_td01,.tukai_tr,.tukai_td00,.tukai_td01,.tukai_td02{
        border: 1px solid #000000;
        vertical-align: middle;
        padding: 15px;
        font-size: 20px;
        font-weight: 300;
        color: #000000;
        padding: 10px 0px;
        box-sizing: border-box;
    }

    .tukai_td03{
        border: 1px solid #000000;
        vertical-align: middle;
        padding: 15px;
        font-size: 20px;
        font-weight: 300;
        color: #000000;
        padding: 10px 0px;
        box-sizing: border-box;
    }

    .tuka_th{
        width: 50%;
        font-size: 20px !important;
        font-weight: 400 !important;
        background-color: #000000;
        border-right: 1px solid #FFFFFF;
        color: #FFFFFF !important;
    }


    .td_tx02{
        line-height: 1.2em;
    }

    .td_tx01{
        font-weight: 600 !important;
        color: #E60012;
    }


    .tukai_td02{
        background-color: #F0F0F0;
    }

    .tukai_td03{
        background-color: #F0F0F0;
        box-sizing: border-box;
        padding: 20.5px 0px !important;
    }

    .th_txt_little{
        font-size: 17px !important;
    }



    .tukai_box04{
        width: 100%;

    }

    .tukai_txt04{
        display: block;
        background-color: #E60012;
        font-size: 33px;
        font-weight: 600;
        color: #FFFFFF;
        margin-bottom: 40px;
        box-sizing: border-box;
        padding: 20px;
        line-height: 1.5em;

    }

    .tukai_txt05{
        display: block;
        text-align: left;
        font-size: 22px;
        font-weight: 300;
        color: #E60012;
        margin-bottom: 40px;
        box-sizing: border-box;
        padding: 0px 10px 10px 0px;
        line-height: 1.5em;

    }



    .space60{
        margin-bottom: 60px;
    }





}






/*--------------SP-------------------*/



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

    /*----上手な使い方----*/
    .tukaikata_box01{
        width: 100%;
        
        box-sizing: border-box;
        
        margin: 0 auto;
        text-align: center;
    }

    .tukaikata_box02{
        width: 95%;
        
        box-sizing: border-box;
        padding: 0px 20px;
        margin: 0 auto;
        text-align: center;
    }



    .tukaikata_box03{
        width: 95%;
        
        box-sizing: border-box;
        padding: 0px 20px;
        margin: 0 auto;
        text-align: center;
    }



    .tukai_list_box01{
        display: flex;
        width: 88%;
        margin: 0 auto;
        justify-content: space-between;
        margin-bottom: 30px;
    }


    .tukai_list01{
        width: 48%;
    }

    .tukai_list02{
        width: 48%;
    }

    .tukai_sub_txt01{
        display: block;
        font-size: 13px;
        font-weight: 300;
        color: #000000;
        text-align: right;
        margin-bottom: 5px;
    }


    .tukai_img01{
        width: 100%;
    }


    .tukai_txt01{
        display: block;
        font-size: 15px;
        font-weight: 600;
        color: #E60012;
        text-align: center;
    }

    .tukai_txt02{
        display: block;
        font-size: 15px;
        font-weight: 300;
        color: #000000;
        text-align: center;
    } 



    .tukai_box02{
        background-color: #000000;
        width: 100%;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .tukai_txt03{
        display: block;
        font-size: 20px;
        font-weight: 600;
        color: #FFFFFF;
        box-sizing: border-box;
        padding: 10px;
        line-height: 2em;
    }






    .tukai_list_box02{
        display: block;
        width: 100%;
        
        margin-bottom: 10px;
    }


    .tukai_list03{
        width: 100%;
        margin-bottom: 20px;
    }

    .tukai_list04{
        width: 100%;
    }

    .tukai_img01{
        width: 100%;
    }




    .tukai_table{
        width: 100%;
        
        border: 2px solid #000000;
        vertical-align: middle;
    }

    .tukai_tr,.tuka_th,.tukai_td01,.tukai_tr,.tukai_td00,.tukai_td01,.tukai_td02{
        border: 1px solid #000000;
        vertical-align: middle;
        padding: 15px;
        font-size: 15px;
        font-weight: 300;
    }

    .tukai_td03{
        border: 1px solid #000000;
        vertical-align: middle;
        padding: 15px;
        font-size: 15px;
        font-weight: 300;
        color: #000000;
        padding: 10px 0px;
        box-sizing: border-box;
        
    }


    .tuka_th{
        width: 50%;
        font-size: 15px !important;
        font-weight: 400 !important;
        background-color: #000000;
        border-right: 1px solid #FFFFFF;
        color: #FFFFFF;
    }

    .td_tx01{
        font-weight: 600 !important;
        color: #E60012;
    }


    .tukai_td02{
        background-color: #F0F0F0;

    }

    .tukai_td03{
        background-color: #F0F0F0;
        box-sizing: border-box;
        padding: 20.5px 0px !important;
    }

    .th_txt_little{
        font-size: 17px !important;
    }

    .td_tx02{
        line-height: 1.2em;
    }

 
    .tukai_box04{
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .tukai_box04_in{
        width: 100%;
        margin: 0 auto 25px auto;
        text-align: center;
        background-color: #E60012;
    }

    .tukai_txt04{
        display: inline-block;
        
        font-size: 15px;
        font-weight: 600;
        text-align: left;
        color: #FFFFFF;
        
        box-sizing: border-box;
        padding: 15px;
        line-height: 1.5em;

    }

    .tukai_txt05{
        display: block;
        text-align: left;
        font-size: 15px;
        font-weight: 300;
        text-align: left;
        color: #E60012;      
        box-sizing: border-box;
        padding: 0px 15px 15px 0px;
        line-height: 1.5em;

    }

    .space60{
        margin-bottom: 30px;
    }


    
}