@charset "utf-8";

#mainContainer .inner {
    width: 640px;
    padding-top: 70px;
}

#mainContainer .inner h1 {
    text-align: center;
    font-size: 2.0rem;
    font-family: "AvenirNextLTPro-Medium","FOT-筑紫ゴシック Pro B";
    font-feature-settings: "palt";
    margin-bottom: 60px;
}

#mainContainer .inner h3 {
    font-size: 1.5rem;
    font-weight: bold;
    ont-feature-settings: "palt";
    letter-spacing: 0.05em;
}

#mainContainer .inner p {
    font-family: "AvenirNextLTPro-Regular","FOT-筑紫ゴシック Pr5 R";
    font-size: 1.4rem;
    line-height: 2.14;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    margin-bottom: 30px;
 }

#mainContainer .inner p a {
    text-decoration: underline;
    transition: 0.5s;
}

#mainContainer .inner p a:hover {
   color: #FFA700;
}


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

#mainContainer .inner {
    width: 100%;
    padding: 10.26vw 5vw 0;
    box-sizing: border-box;
}

#mainContainer .inner h1 {
    font-size: 2.4rem;
    margin-bottom: 8.97vw;
}

#mainContainer .inner h3 {
    font-size: 1.4rem;
}

#mainContainer .inner p {
    font-size: 1.4rem;
    line-height: 2.14;
    margin-bottom: 7vw;
}

}

@media screen and (orientation: landscape) {

html.is-mobile #mainContainer .inner {
    width: 100%;
    padding: 10.26vw 5vw 0;
    box-sizing: border-box;
}

html.is-mobile #mainContainer .inner h1 {
    font-size: 2.4rem;
    margin-bottom: 8.97vw;
}

html.is-mobile #mainContainer .inner h3 {
    font-size: 1.4rem;
}

html.is-mobile #mainContainer .inner p {
    font-size: 1.4rem;
    line-height: 2.14;
    margin-bottom: 7vw;
}

}