@charset "utf-8";

/*font設定------------------------------------------------------------------*/

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    /* 16px*/
    line-height: 1.5;
}

.title_large {
    font-size: 36px;
    /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));
    /* 24px~36pxで可変*/
    line-height: 1.3;
}

.title_middle {
    font-size: 24px;
    /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));
    /* 20px~24pxで可変*/
    line-height: 1.3;
}
.title_small {
    font-size: 18px;
}

@media (min-width: 1200px) {

    /* 1200px以上*/
    .title_large {
        font-size: 3.6rem;
        /* 36px*/
    }

    .title_middle {
        font-size: 2.4rem;
        /* 24px*/
    }
    .title_small {
        font-size: 2.0rem;
        /* 20px*/
    }
}

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

    /* 640px以下*/
    body {
        line-height: 2;
    }

    .title_large {
        font-size: 2.4rem;
        /* 24px*/
    }

    .title_middle {
        font-size: 2rem;
        /* 20px*/
    }
    .title_small {
        font-size: 1.8rem;
        /* 18px*/
    }
}

/*link設定------------------------------------------------------------------*/

a {
    display: block;
    text-decoration: none;
    transition: .3s;
}

a:hover {
    opacity: 0.8;
}


/*img設定------------------------------------------------------------------*/
img{
    max-width: 100%;
}