@charset "UTF-8";
.pc-only {
    display: none;
}
.sp-only {
    display: block;
}
.wrap{}
.inner{
    width: 90%;
}

.gnav{}
.gnav ul{}
.gnav ul li{
    width: 100%;
    text-align: center;
}
.gnav ul li a{border-right: none;padding: 10px 0;display: block;}

.fv{
    padding: 10% 0;
}
.fv img{
    margin-bottom: 10%;
}
.fv h2{
    font-size: 5vw;
}

.content-01,
.content-02,
.content-03,
.content-04,
.content-05,
.content-06,
.content-07{
    padding: 20% 0 10%;
}
.content-01:before,
.content-02:before,
.content-03:before,
.content-04:before,
.content-05:before,
.content-06:before,
.content-07:before{
    font-size: 14vw;
    top: 2%;
}

.content-01{}
.content-01:before{}
.content-01 p{text-align: left;font-size: 18px;}
.content-01 p span{}

.content-02{}
.content-02:before{}
.content-02 .point{}
.content-02 .point h2{}
.content-02 .point h2{font-size: 24px;}
.content-02 .point p{}
.content-02 .point .recommend{
    width: 100%;
}
.content-02 .point .recommend h3{}
.content-02 .point .recommend h3:after{}
.content-02 .point .recommend ul{
    padding: 10% 5%;
}
.content-02 .point .recommend ul li{
    font-size: 18px;
}
.content-02 .point .recommend ul li:before{}
.content-02 .point a{
    padding: 5% 0;
    width: 100%;
}

.content-02 .seminar{}
.content-02 .seminar h2{
    font-size: 22px;
}
.content-02 .seminar h3{
    font-size: 14px;
}
.content-02 .seminar .row{
    margin-top: 5%;
}
.content-02 .seminar .row .photo{}
.content-02 .seminar .row .photo img{}
.content-02 .seminar .row .text{}
.content-02 .seminar .row .text p{
    font-size: 14px;
    margin-top: 5%;
}
.content-02 .seminar .row .text p span{}
.content-02 .seminar a{
    width: 100%;
    padding: 5% 0;
}

.content-03{}
.content-03:before{}
.content-03 .row{}
.content-03 .row .profile{}
.content-03 .row .profile figure{
    width: 100%;
    text-align: center;
}
.content-03 .row .profile figure img{
    width: 50%;
}
.content-03 .row .profile .text{
    width: 100%;
    margin-top: 5%;
}
.content-03 .row .profile .text p.read{
    font-size: 18px;
    line-height: 1.7em;
}
.content-03 .row .profile .text h2{
    font-size: 12px;
}
.content-03 .row .profile .text h3{}
.content-03 .row .profile .text p.detail{}

.content-04{}
.content-04:before{}
.content-04 .row{}
.content-04 .row .case{
    width: 100%;
    padding: 10%;
    margin-bottom: 5%;
}
.content-04 .row .case figure{}
.content-04 .row .case figure img{}
.content-04 .row .case p{
    font-size: 16px;
}
.content-04 .row .case p span{}
.content-04 .row .case a{}

.content-05{}
.content-05:before{}
.content-05 dl{
    width: 100%;
}
.content-05 dl dt{
    font-size: 12px;
}
.content-05 dl dd{
    font-size: 12px;
}

.content-06{}
.content-06:before{}
.content-06 .contact{
    padding: 10%;
}
.content-06 .contact p{}
.content-06 .contact dl{}
.content-06 .contact dl dt{}
.content-06 .contact dl dt label{}
.content-06 .contact dl dt label span{}
.content-06 .contact dl dd{}
.content-06 .contact dl dd label{}
.content-06 .contact dl dd input[type="text"]{}
.content-06 .contact dl dd textarea{}
.content-06 .contact dl dd input[type="email"]{}
.content-06 .contact dl dd input{}
.content-06 .contact .submit-area{}
.content-06 .contact .submit-area input{}
.content-06 .contact .submit-area a{
    width: 100%;
}
.content-06 .contact .text-right{}
.content-07 .mailmagazine{
    padding: 10%;
}
.content-07 .mailmagazine h2{
    font-size: 22px;
    margin-bottom: 20px;
}
.content-07 .mailmagazine h2 span{
    font-size: 14px;
}
.content-07 .mailmagazine p{
    text-align: left;
    margin-bottom: 20px;
}
.content-07 .mailmagazine a {
    width: 100%;
    font-size: 17px;
    padding: 5% 0;
}
footer{
}
footer .row{
    justify-content: space-around;
}
footer .row figure{
    margin: 0;
    width: 48%;
}
footer .row figure a{
    width: 100%;
    display: block;
}
footer .row figure a img{
    width: 100%;
}