@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

*{
    box-sizing: border-box;
    font-family: 'Noto Sans Japanese', serif;
}

html{
    height:100%;
}

body{
    height: 100%;
}

a{
    color:#FFF;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
a img:hover{
    opacity: 0.7;
    cursor: pointer;
}

/******************************

WHITE

*******************************/

.left-white{
    width:50%;
    float:left;
    position: relative;
    height: 100%;
}
.logo{
    margin:280px 0 0 0;
    text-align: center;
}
.copyright{
    font-size:12px;
    text-align: center;
    position: absolute;
    bottom:30px;
    left: 0;
    right: 0;
}

/******************************

BLUE

*******************************/

.right-blue{
    background-color:#00B6BB;  
    width:50%;
    float:right;
    color:#FFF;
    padding:110px 0;
    box-sizing: content-box;
}

.main-text{
    width:400px;
    margin:0 auto;
    line-height:25px;
    font-size:12px;
}

.main-info{
    width:400px;
    margin:110px auto 0 auto;
}
.main-info .info1{
    font-size:18px;
    margin:0 0 23px 0;
}

.main-info .info1 .fb-icon{
    margin:0 0 -4px 8px;
}

.main-info .info2{
    font-size:15px;
    line-height:35px;
}

.sm-copyright{
    display: none;
}

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

    /******************************
    
    WHITE
    
    *******************************/

    .left-white{
        width:100%;
        float:none;
        height: auto;
    }
    .logo{
        margin:100px 0 100px 0;
    }
    .logo img{
        width:50%;
    }
    .copyright{
        display: none;
    }

    .sm-copyright{
        display: block;
        font-size:10px;
        text-align: center;
        padding:20px;
    }

    /******************************
    
    BLUE
    
    *******************************/

    .right-blue{
        width:100%;
        float:none;
        height: auto;
        padding:0;
    }

    .main-text{
        width:73%;
        margin:0 auto;
        padding:20px 0 0 0;
        line-height:16px;
        font-size:10px;
    }

    .main-info{
        width:73%;
        margin:43px auto 0 auto;
    }
    .main-info .info1{
        font-size:10px;
        margin:0 0 10px 0;
    }

    .main-info .info1 .fb-icon{
        margin:0 0 -2px 5px;
        width:10%;
    }

    .main-info .info2{
        font-size:10px;
        line-height:20px;
        padding:0 0 40px 0;
    }    

}