@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 40px;
        margin: 0 auto;
        text-align: center;
    }


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


    .tukaikata_img{
        
        vertical-align: middle;
        width: 100%;
        line-height: 1.0em;

    }

    .tukaikata_txt_box01{
        background-color: #000000;
        box-sizing: border-box;
        padding: 15px;
        margin-top: -15px;
        margin-bottom: 20px;
    }

    .tukaikata_txt01{
        display: block;
        font-size: 36px;
        font-weight: 600;
        color: #FFFFFF;
        margin-bottom: 10px;

    }

    .tukaikata_txt02{
        display: block;
        font-size: 24px;
        font-weight: 600;
        color: #FFFFFF;

    }



    .tuka_table01{
        display: table;
        width: 100%;
        margin-bottom: 30px;
    }

    .tuka_tr01{
        display: table-cell;
        width: 70%;
        vertical-align: top;
    }

    .tuka_tr02{
        display: table-cell;
        width: 30%;
        vertical-align: top;
        padding: 0 0 0 10px;

    }

    .tuka_txt01{
        font-size: 29px;
        font-weight: 300;
        color: #000000;
        line-height: 1.5em;
        text-align: left;
    }

    .tuka_img01{
        width: 100%;
        
    }

    .tuka_img01_txt{
        font-size: 18px;
        font-weight: 300;
        color: #000000;
        text-align: center;
    }



    .tuka_table02{
        display: table;
        width: 100%;
        background-color: #E60012;
        margin-bottom: 60px;
    }

    .tuka_tr03{
        display: table-cell;
        width: 10%;
        vertical-align: middle;
        padding: 5px;
    }

    .tuka_tr04{
        display: table-cell;
        width: 90%;
        vertical-align: middle;
        padding: 5px;
    }

    .point_img01{
        max-width: 75px;
        width: 100%;
    }

    .tuka_txt02{
        text-align: left;
        font-size: 29px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 1.5em;

    }




}






/*--------------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 10px;
        margin: 0 auto;
        text-align: center;
    }



    .tukaikata_img{
        
        vertical-align: middle;
        width: 100%;
        line-height: 1.0em;

    }

    .tukaikata_txt_box01{
        background-color: #000000;
        box-sizing: border-box;
        padding: 15px;
        margin-top: -15px;
        margin-bottom: 20px;
    }

    .tukaikata_txt01{
        display: block;
        font-size: 23px;
        font-weight: 600;
        color: #FFFFFF;
        margin-bottom: 10px;
        line-height: 1.5em;

    }

    .tukaikata_txt02{
        display: block;
        font-size: 15px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 1.5em;

    }




    .tuka_table01{
        display: table;
        width: 100%;
        margin-bottom: 30px;
    }

    .tuka_tr01{
        display: table-cell;
        width: 70%;
        vertical-align: top;
    }

    .tuka_tr02{
        display: table-cell;
        width: 30%;
        vertical-align: top;
        padding: 0 0 0 10px;

    }

    .tuka_txt01{
        font-size: 20px;
        font-weight: 300;
        color: #000000;
        line-height: 1.5em;
        text-align: left;
    }

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

    .tuka_img01_txt{
        font-size: 18px;
        font-weight: 300;
        color: #000000;
        text-align: center;
    }




    .tuka_table02{
        display: table;
        width: 100%;
        background-color: #E60012;
        margin-bottom: 60px;
    }

    .tuka_tr03{
        display: table-cell;
        width: 20%;
        vertical-align: top;
        padding: 10px 5px 10px 10px;
    }

    .tuka_tr04{
        display: table-cell;
        width: 80%;
        vertical-align: top;
        padding: 10px 10px 10px 5px;
    }

    .point_img01{
        max-width: 50px;
        width: 100%;
    }

    .tuka_txt02{
        text-align: left;
        font-size: 15px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 1.5em;

    }





    
}