@media screen and (max-width: 680px) {
    /*================================


	共通


=================================*/

    body {
        width: 100%;
        margin: 0;
    }
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
    .sp_br {
        display: block;
    }

    p {
        font-size: 1.4rem;
    }
    h3 {
        font-size: 2rem;
    }
    /*================================


	ヘッダー


=================================*/
    header {
        width: 100%;
        background-position: 40% center;
        padding: 0.2em 0.5em;
    }

    header h1 {
        width: 65vw;
        top: 20%;
        left: inherit;
        right: 2%;
        letter-spacing: normal;
    }
    header .header-link-box a {
        padding: 0.4em 1em;
        font-size: 3vw;
    }

    .logo_top {
        margin-right: 0.3em;
    }
    .hp-title span {
        font-size: 2.8vw;
    }
    .hp-title span br {
        display: none;
    }

    /*================================


	about


=================================*/
    .about > .inner {
        padding: 1em;
    }
    .about .inner h3 {
        margin: 3.5vw 0;
        text-align: center;
    }
    .about .inner h3 span {
        font-size: 2.4rem;
    }
    .about .inner h2 {
        width: 80vw;
        margin: 0 auto;
    }
    .about .inner > p {
        width: 100%;
        line-height: 160%;
        text-align: left;
        max-width: unset;
    }

    /*================================


	AFAAとは


=================================*/
    .What_AFAA1 {
        display: block;
    }
    .What_AFAA1 .logo,
    .What_AFAA1 .graph {
        margin: 24px auto;
    }
    .What_AFAA1 .logo img,
    .What_AFAA1 .graph img {
        width: 50vw;
        margin: 0 auto;
        display: block;
    }
    .What_AFAA1 .inner {
        width: 100%;
        box-sizing: border-box;
        padding: 0 1em;
    }
    .What_AFAA1 .inner p {
        font-size: 1.4rem;
    }
    .What_AFAA1 .graph {
        width: 100%;
        max-width: unset;
    }
    /*================================


	こんな方に取得をおススメします！


=================================*/

    .What_AFAA2 .inner h3 {
        padding: 0;
        font-size: 5.5vw;
        letter-spacing: unset;
        margin: 6vw 4vw;
    }
    .What_AFAA2 .inner ul {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .What_AFAA2 .inner ul li {
        margin: 0 0 2%;
        width: 48%;
    }
    .What_AFAA2 .inner ul li img {
        display: block;
    }
    .details .inner .flex {
        display: block;
    }
    .details .inner .flex div {
        display: block;
        width: 100%;
    }
    .details .inner .flex div:first-child {
        margin-bottom: 32px;
    }
    .details .inner .flex div h4 {
        font-size: 4.8vw;
        height: auto;
        margin-bottom: 2.4rem;
    }
    .details .inner .flex figure img {
        height: auto;
    }
    /*================================


	世界のパートナー企業


=================================*/

    .details .inner .flex {
        padding: 1em;
    }
    .partner-company h5 {
        font-size: 2.4rem;
        margin-bottom: 32px;
    }
    .Activities_teaching h5 {
        font-size: 2rem;
        line-height: 160%;
        margin: 32px;
    }
    .Activities_teaching {
        overflow: hidden;
        padding: 0 1em 40px;
    }

    /*================================


	主な学習概要


=================================*/

    .AFAA_Learning .flex {
        display: block;
        padding: 1em;
    }
    .Learning_img {
        margin-left: 0;
    }
    .Learning-list {
        margin: 32px 0;
    }
    .Learning-list > ul > li {
        font-size: 1.4rem;
        padding: 0.6em 0;
    }
    .Learning-list > ul > li > span {
        font-size: 1.4rem;
        position: static;
        display: block;
        line-height: 2rem;
    }
    .Learning-list > ul > li ul {
        font-size: 1.4rem;
    }
    .Learning-list > ul > li li {
        font-size: 1.4rem;
        line-height: 140%;
    }
    /*================================


ライセンスs所得までの流れ


=================================*/

    .process h3 {
        margin: 24px auto 0;
    }
    .flow .step {
        padding: 2rem 1rem;
        display: block;
        box-sizing: border-box;
    }
    .flow .step .cap {
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box;
        border-left: solid 5px #8ebc28;
        margin-bottom: 16px;
    }
    .flow .step .content {
        width: 100%;
        padding-left: 8px;
        box-sizing: border-box;
    }
    .flow .step .content .flex {
        display: block;
    }
    .flow .step .content p {
        font-size: 1.4rem;
    }
    .flow .step .content h5 {
        font-size: 1.6rem;
    }
    .flow .step .content .image {
        padding: 0;
        width: 100%;
        margin-bottom: 16px;
    }
    .flow .step .content .text {
        width: 100%;
    }

    .step4 .content > .flex {
        flex-direction: row-reverse;
    }

    /*================================


お客様の声


=================================*/

    .Learning_overview h3 {
        font-size: 2rem;
        letter-spacing: normal;
    }
    .Learning_overview h3 span {
        font-size: 3.2rem;
    }
    .Learning_overview .inner {
        padding: 32px 1em;
        background: rgba(255, 255, 255, 0.4);
    }
    .Learning_overview .inner ul {
        margin: 10vw auto;
    }
    .Learning_overview .inner ul li {
        padding: 16px 16px 16px 32px;
    }

    /*----- フォーム -----*/

    .contact-form .inner {
        margin: 1em;
        padding: 1em;
    }
    .contact-form .inner h3 img {
        width: 80%;
    }
    .contact-form .inner > span {
        font-size: 2.4rem;
    }
    #school-form {
        width: 96%;
        margin: 0 auto;
    }
    #form-top p {
        font-size: 15px;
        padding: 15px 15px;
    }
    #sendmail-form th {
        font-size: 1.3rem;
    }
    #sendmail-form th,
    #sendmail-form td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .contact-form .inner table th,
    .contact-form .inner table td {
        padding: 0;
    }
    #sendmail-form td .middle {
        width: 100%;
    }
    #sendmail-form td span {
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }
    #sendmail-form td select {
        text-align: center;
    }
    #sendmail-form td select {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 80%;
    }
    .contact-form button {
        margin: 16px auto;
    }
    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }
    .contact-form .inner table td input,
    .contact-form .inner table td textarea {
        box-sizing: border-box;
        margin: 5px 0;
    }
    footer p,
    footer dl dt,
    footer dd {
        font-size: 1.3rem;
    }
} /*-- スマートフォン用cssここまで --*/