@charset "UTF-8";
html {
    -webkit-text-size-adjust: 100%;
}
img {
    max-width: 100%;
    height: auto;
}

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

    1280px

*****************************************************************/
@media only screen and (max-width: 1280px) {
}

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

    1024px

*****************************************************************/
@media only screen and (max-width: 1024px) {
.item {
    width: 47%;
    background-color: #fff;
    margin: 10px;
    padding: 30px;
    border: 1px solid #c3c3c3;
}
}

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

    768px

*****************************************************************/
@media only screen and (max-width: 768px) {
body {
    font-size: 1.2rem;
}
.wrap {
    width: 95%;
}
.item {
    width: 46%;
    background-color: #fff;
    margin: 10px;
    padding: 20px;
    border: 1px solid #c3c3c3;
}
footer p.copy {
    padding: 3% 2%;
}
ul#barSearch {
    clear: none;
    float: right;
    margin: 8px 5px 8px 5px;
    list-style: none;
}
}

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

    767px

*****************************************************************/
@media only screen and (max-width: 767px) {
nav.gm {
    display: none;
}
.hbc-back {
    display: block;
}
}

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

    414px

*****************************************************************/
@media only screen and (max-width: 414px) {
footer address {
    color: #fff;
    letter-spacing: 0.0em;
    font-size: 0.8rem;
}
.back {
    width: 90%;
    height: 67px;
    margin: 0 auto 3%;
    padding: 6% 0 0 58%;
    background: #eff8fe url(../image/back.png)no-repeat center center;
    background-size: contain;
}
.container {
    display: flex;
}
.item {
    width: 100%;
    background-color: #fff;
    margin: 10px 0;
    padding: 30px;
    border: 1px solid #c3c3c3;
}
figure {
    width: 100%;
    margin: 0 auto 25px;
}
.backnumber img {
    margin: 30px auto 0;
    width: 60%;
}
footer p.copy {
    padding: 3% 2%;
    font-size: 0.8rem;
}
}

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

    375px

*****************************************************************/
@media only screen and (max-width: 375px) {
.back {
    width: 96%;
    height: 67px;
    margin: 0 auto 3%;
    padding: 7% 0 0 60%;
    background: #eff8fe url(../image/back.png)no-repeat center center;
    background-size: contain;
}
.item {
    width: 100%;
    background-color: #fff;
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #c3c3c3;
}
}

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

    360px

*****************************************************************/
@media only screen and (max-width: 360px) {
.back {
    width: 96%;
    height: 67px;
    margin: 0 auto 3%;
    padding: 7% 0 0 62%;
    background: #eff8fe url(../image/back.png)no-repeat center center;
    background-size: contain;
}
}

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

    320px

*****************************************************************/
@media only screen and (max-width: 320px) {
.back {
    width: 99%;
    height: 67px;
    margin: 0 auto 3%;
    padding: 8% 0 0 62%;
    background: #eff8fe url(../image/back.png)no-repeat center center;
    background-size: contain;
}
.item {
    width: 100%;
    background-color: #fff;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #c3c3c3;
}
}