@charset "UTF-8";

.main {
    padding: 0;
}

.main a {
    color: #0000cc;
}

.pc {display: block;}
.sp {display: none;}

.content {
    background: rgb(157,205,144);
    background: linear-gradient(-50deg, rgba(157,205,144,0.2) 0%, rgba(255,243,125,0.2) 20%, rgba(239,173,144,0.2) 40%, rgba(239,172,203,0.2) 60%, rgba(161,215,241,0.2) 80%, rgba(227,191,239,0.2) 100%);
    font-size: 1.2vw;
    line-height: 1.5;
}
.contentInner {
    padding: 60px 0 0 0;
}

.info {
    margin: 60px 0 120px;
    padding : 0 5%;
}
.info h3 {
    margin: 0 0 35px 0;
}
.info .info_sub {
    font-size: 1.4vw;
}
.info p {
    padding: 0 0 1rem;
}
.info p strong {
    font-weight: bold;
    font-size: 1.4vw;
}
.info p .font_small {
    font-size: 1.1vw;
}
.info .info_btn {
    text-align: center;
    margin: 30px 0 0 0;
}
.info .info_btn img {
    width: 30vw;
    margin: 0 auto;
}

.aboutentry {
    margin: 60px 0;
    padding : 0 5% 120px;
}
.aboutentry h3 {
    margin: 0 0 35px 0;
}
.aboutentry p {
    padding: 0 0 1rem;
}
.aboutentry .aboutentry_capture {
    margin: 30px 0 0 0;
}
.aboutentry .aboutentry_capture img {
    width: 30vw;
    margin: 0 auto;
}

h2.attention {
    text-align: center;
    font-size: 120%;
}

article.attention {
    margin: 60px 0 120px;
    padding : 0 5%;
}
.attention p {
    padding: 0 0 1rem;
}

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

    .pc {display: none;}
    .sp {display: block;}
    .content {
        font-size: 16px;
    }
    .info .info_sub {
        font-size: 100%;
    }
    .info p strong {
        font-weight: bold;
        font-size: 100%;
    }
    .info p .font_small {
        font-size: 90%;
    }
    .info .info_btn img {
        width: 80vw;
        margin: 0 auto;
    }
    .aboutentry .aboutentry_capture img {
        width: 70vw;
        margin: 0 auto;
    }

}