/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
    #main .sec .sec01_container .item01{
        text-align: left;
    }
    #main .sub_title {
        margin-top: 10px;
        font-size: 40px;
        font-weight:bold;
    }
    #main .sec01_content{
        text-align: left;
    }

    #main .sec .sec01_container{
        display: grid;
        column-gap: 30px;
        grid-template-rows: minmax(300px)  minmax(200px);
        grid-template-columns: minmax(300px,3fr) minmax(250px,2.5fr);

    }
    #main .sec .sec01_container .item01 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
    #main .sec .sec01_container .item02 {
        grid-row: 1 / 3;
        grid-column: 2 / 3;
    }
    #main .sec .sec01_container .item03 {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
    }
    #main .sec .mission_lnk{
        padding-top: 20px;
    }

}
/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
    #main .sec .sec01_container .item01{
        text-align: left;
        display: inline-block;
    }
    #main .sec .sec01_container .item03{
        text-align: left;
        display: inline-block;
    }
    #main .section_title dl{
        padding-bottom: 10px;
    }
    #main .section_title dl dd {
        margin-top: 15px;
    }
    #main .section_title dl dd h3 {
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 4px;
    }
    #main .sub_title {
        margin-top: 10px;
        font-size: 30px;
        font-weight:bold;
        margin-bottom: 30px;
    }
    #main .sec01_content{
        margin-top: 30px;
        font-size:20px;
        line-height:1.6;
    }
    #main .sec .mission_lnk{
        padding-top: 20px;
    }

}