@charset "UTF-8";

body { background: none;}
#header,.nav,
.bg_img,
.bg_white { background-color: #fff;}
#contents01 { padding: 50px 0;}
#contents01 ul.ul03 { padding: 30px 0;}
#contents01 ul.ul03 li { width: 32%; text-align: center;}
#contents01 ul.ul03 li:nth-child(3n - 1){ margin: 0 2%;}
#contents02 .left_box {
    float: left;
    width: 25%;
}
#contents02 .right_box {
    float: right;
    width: 75%;
}

.contents_text03 { margin-bottom: 20px;}
.contents_text03 .fl { width: 50%; padding-right: 1%;}
.contents_text03 .fr { width: 50%; padding-left: 1%;}
.bg-fixed {
    height: 550px;
    position: relative;
    top: 0;
    width: 100%;
}
#background-hack {
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
}

/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    .contents_text03 .fl { float: none; width: 100%; padding: 0;}
    .contents_text03 .fr { float: none; width: 100%; padding: 20px 0 0;}

}

/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {

    #contents01 ul.ul03 li {
        display: block;
        width: 100%;
    }
    #contents01 ul.ul03 li:nth-child(3n - 1){ margin: 20px 0;}
    #contents02 { padding: 50px 0 10px;}
    #contents02 .left_box {
        float: none;
        width: 100%;
        text-align: center;
    }
    #contents02 .right_box {
        float: none;
        width: 100%;
        padding: 30px 0 0;
    }
    .bg-fixed { height: 200px;}
    #background-hack {
        background-position: center center;
        -webkit-background-size: 200% auto;
        -moz-background-size: 200% auto;
        -o-background-size: 200% auto;
        background-size: 200% auto;
    }

}