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

    /* ///////////////////////////////////////////////////////////////////
案内
/////////////////////////////////////////////////////////////////// */
    .guide {
        width: 100%
    }

    .guide p {
        font-size: 110%
    }

    .guide .top-link {
        width: 100%;
        font-size: 100%
    }

    .guide .top-link a {
        padding: 2%
    }

/* ///////////////////////////////////////////////////////////////////
案内-2
/////////////////////////////////////////////////////////////////// */

.annai{
    padding: 6% 0;
}

.annai h3{
    font-size: 100%;
}

.annai ul{
    width: 90%;
}

.annai ul li span{
    font-size: 16px;
}

.annai ul li::before{
    vertical-align: top;
    font-size: 14px;
}

/* ///////////////////////////////////////////////////////////////////
LINE友達登録
/////////////////////////////////////////////////////////////////// */

    .line {
        padding: 3% 0
    }

    .line p {
        font-size: 90%
    }

    .line .line-add {
        width: 50%;
        margin: 3% 0 0
    }

    /* ///////////////////////////////////////////////////////////////////
お願い
/////////////////////////////////////////////////////////////////// */

    .onegai {
        margin: 0 0 10%
    }

    .onegai img {
        width: 90%;
    }

    .onegai p {
        width: 100%;
        font-size: 100%;
    }

/* ///////////////////////////////////////////////////////////////////
お知らせ
/////////////////////////////////////////////////////////////////// */

.news ul span {
    font-size: 10px;
    vertical-align: top;
}

.news ul p{
    font-size: 14px;
    line-height: 1.5;
}


    /* ///////////////////////////////////////////////////////////////////
アクセスマップ
/////////////////////////////////////////////////////////////////// */

    .acces iframe {
        height: 300px
    }

    .acces p {
        font-size: 16px
    }

    /* ///////////////////////////////////////////////////////////////////
会長挨拶
/////////////////////////////////////////////////////////////////// */

    .kaityou {
        width: 100%;
    }

    .kaityou .name {
        width: 69%;
        vertical-align: middle;
        font-size: 80%
    }

    .greating p {
        width: 100%;
        line-height: 1.5;
        font-size: 16px
    }

    /* ///////////////////////////////////////////////////////////////////
会長挨拶
/////////////////////////////////////////////////////////////////// */

    .intro ul {
        width: 90%
    }

    .intro .text h3 {
        margin: 2% 0;
        font-size: 22px
    }

    .intro .text img {
        right: -20%;
        bottom: -15%
    }


    /* ///////////////////////////////////////////////////////////////////
お知らせ
/////////////////////////////////////////////////////////////////// */

    .news {
        width: 100%
    }

    .news h2 {
        font-size: 110%;
        padding: 2% 0
    }

    /* ///////////////////////////////////////////////////////////////////
同級生JOB
/////////////////////////////////////////////////////////////////// */

    .job h2 {
        font-size: 110%;
        letter-spacing: 1px;
        margin: 0 0 5%
    }

    .job .img {
        display: block;
        width: 100%;
        margin: 0 0 4%
    }

    .job .img img {
        margin: 0 auto;
        display: block
    }

    .job .text {
        width: 100%
    }

    .job .text p.add {
        margin: 0 0 4%
    }

    .job .text a {
        margin: 2% auto;
        width: 70%
    }

    /* ///////////////////////////////////////////////////////////////////
同級生JOB - コンテンツ
/////////////////////////////////////////////////////////////////// */

    .job-content h3 {
        margin: 8% 0 3%
    }

    .job-content li {
        width: 100%
    }


    /* ///////////////////////////////////////////////////////////////////
リンク集
/////////////////////////////////////////////////////////////////// */

    .link li {
        display: table;
        width: 90%
    }

    .link li::before {
        display: table-cell;
        width: 10%
    }

    /* ///////////////////////////////////////////////////////////////////
プライバシーポリシー
/////////////////////////////////////////////////////////////////// */

    .policy h2 {
        font-size: 110%
    }

    .policy p {
        font-size: 80%
    }

    /* ///////////////////////////////////////////////////////////////////
スケジュール
/////////////////////////////////////////////////////////////////// */

    .googlecal {
        padding-bottom: 75%;
    }

    /* ///////////////////////////////////////////////////////////////////
お問い合わせフォーム
/////////////////////////////////////////////////////////////////// */

    .contact .caution {
        font-size: 80%;
        width: 100%;
        text-align: left;
        margin: 0 0 2%
    }

    .contact .form-group ul {
        text-align: center;
    }

    .contact .form-group li {
        display: block;
        padding: 0
    }

    .contact .form-group .name {
        width: 95%;
        line-height: 2.5;
        text-align: left;
        padding: 0 0 0 5%
    }

    .contact .form-group #form-control {
        margin: 0 auto 5%;
        display: block
    }

    .contact .form-group .right {
        width: 100%
    }

    .contact #form-control.form-3 {
        width: 90%
    }

    .contact .form-content-2 select {
        padding: 2%;
        margin: 0 auto 5% 10%;
        display: block;
    }

    .contact .last {
        font-size: 16px;
        margin: 0
    }

    .contact .last dh {
        display: block
    }

    .contact-btn {
        width: 80%;
        font-size: 120%
    }

    .alert-success {
        font-size: 20px
    }

    .alert-danger {
        font-size: 20px
    }

    /* ///////////////////////////////////////////////////////////////////
個人情報変更届
/////////////////////////////////////////////////////////////////// */
.change .check {
    width: 90%;
    text-align: center;
    margin: 0 auto 2%;
}
.change .check td{
    font-size: 20px;
    width: 50%;
}

    .change #form-control.form-4 {
        width: 60%;
        margin: 0 auto 2% 10%
    }

    .change #form-control.form {
        width: 70%;

    }

    .change #form-control {
        height: 40px
    }

    .change .right table td {
        width: 50%
    }

    .change .form-3 {
        width: 80%;
        height: 200px;
        margin: 0 0 10%
    }

    /* ///////////////////////////////////////////////////////////////////
総会参加の可否
/////////////////////////////////////////////////////////////////// */

    .entry .first .name {
        width: 100%;
        text-align: center
    }

    .entry .first .name font {
        border-right: none;
        border-bottom: solid 1px #a22041;
        width: 70%
    }

    .entry .first .radio {
        display: block;
        width: 68%;
        text-align: left;
        margin: 0 auto;
        line-height: 2.5
    }

    .entry .form-group .trust li {
        padding: 0
    }

    .entry .form-group .trust .name font {
        margin: 2% 0 0 10%;
        display: inline-block;
        width: 20%
    }

    .entry .form-group .trust p {
        display: inline-block;
        width: 50%
    }

    .entry .form-group .trust .right span {
        margin: 5% 0 2%
    }

    .entry .form-group .trust .right .full-name {
        margin: 0 auto 5%;
        width: 90%;
        display: table
    }

    .entry .form-group .trust .right .full-name font {
        width: 20%;
        display: table-cell
    }

    .entry .form-group .trust .right .full-name .form-trust {
        width: 90%;
        display: table-cell;
        margin: 0 auto 0 0;
    }

    .entry .form-group #form-control.form {
        margin: 1% auto 3%;
        width: 80%
    }

    .entry .nam {
        padding: 0 0 5%
    }

    .entry .right .form-radio {
        width: 30%;
        padding-bottom: 5%
    }
    
    .entry .last{
        text-align: left
    }

    .entry .last-2 {
        font-size: 16px;
        text-align: left;
        margin-top: 3%
    }

    .entry .imp {
        margin: 10% 0;
        padding: 5% 2% 2%
    }

    .entry .imp h3 {
        font-size: 110%;
        padding-left: 3%;
    }

    .entry .imp p {
        font-size: 90%
    }
    
    .entry .kome{
        width: 100%;
        display: table;
        
    }
    
    .entry .kome::before{
        width: 7%;
        display: table-cell
    }
    
.entry .date{
    width: 90%;
    padding:  0;
}

.entry .date h3{
    font-size: 130%;
    margin: 0;
    padding: 1% 0
}

.entry .date span{
    font-size: 110%;
    margin: 3% 0;
}

}