/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";

.about {
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 343px auto;
    grid-template-columns: auto 343px auto;
    -ms-grid-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    grid-template-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    background-color:rgba(255,255,255);
}

.about > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.about > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.about > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.about > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.about > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.about > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.about-title {
    height: auto;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.about-title h2 {
    font-size: 16px;
    margin-bottom: 20px;
}

.about-title h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

.back {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url(../img/message_back.jpeg);
    background-size: 32%;
}

.message {
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 343px auto;
    grid-template-columns: auto 343px auto;
    -ms-grid-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    grid-template-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.message > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.message > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.message > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.message > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.message > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.message > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.m-con {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    background-color:rgba(249, 249, 249, 0.8);
}

.about-c1 h3 {
    font-size: 20px;
    padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #2f6b9b;
    margin-top: 30px;
    margin-left: 20px;
    margin-left: calc(1.25rem + ((1vw - 3.78px) * 7.6923));
    margin-bottom: 40px;
}

.about-c1 p {
    font-size: 15px;
    line-height: 28px;
    width: 300px;
    width: calc(18.75rem + ((1vw - 3.78px) * 51.2821));
    text-align: left;
    margin: 30px auto 0 auto;
}

.select {
    width: 300px;
    width: calc(18.75rem + ((1vw - 3.78px) * 51.2821));
    margin: 50px auto 20px auto;
    text-align: center;
    border: 2px solid #494949;
    background-color: #fdfdfd;
}

.select-title {
    padding: 15px 30px;
    color: #fdfdfd;
    background-color: #2f6b9b;
}

.select-box {
    display: inline-block;
    text-align: left;
    line-height: 35px;
    margin: 20px 30px;
}

.overview {
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 343px auto;
    grid-template-columns: auto 343px auto;
    -ms-grid-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    grid-template-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.overview > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.overview > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.overview > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.overview > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.overview > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

.overview > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.ov-con {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color:rgba(249, 249, 249, 0.8);
}
.ov-con-box {
    width: 300px;
    width: calc(18.75rem + ((1vw - 3.78px) * 51.2821));
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (auto)[20];
    grid-template-rows: repeat(20, auto);
    margin: 0 auto 30px auto;
    background-color: #fdfdfd;
}
.ov-con-box > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(6) {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(7) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(8) {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(9) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(10) {
    -ms-grid-row: 10;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(11) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(12) {
    -ms-grid-row: 12;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(13) {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(14) {
    -ms-grid-row: 14;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(15) {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(16) {
    -ms-grid-row: 16;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(17) {
    -ms-grid-row: 17;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(18) {
    -ms-grid-row: 18;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(19) {
    -ms-grid-row: 19;
    -ms-grid-column: 1;
}
.ov-con-box > *:nth-child(20) {
    -ms-grid-row: 20;
    -ms-grid-column: 1;
}

.title-1 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-1 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-2 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-2 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-3 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 5;
    grid-row: 5;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-3 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 6;
    grid-row: 6;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-4 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 7;
    grid-row: 7;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-4 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 8;
    grid-row: 8;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-5 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 9;
    grid-row: 9;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-5 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 10;
    grid-row: 10;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-6 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 11;
    grid-row: 11;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-6 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 12;
    grid-row: 12;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-7 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 13;
    grid-row: 13;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-7 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 14;
    grid-row: 14;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-8 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 15;
    grid-row: 15;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-8 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 16;
    grid-row: 16;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-9 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 17;
    grid-row: 17;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-9 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 18;
    grid-row: 18;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

.title-10 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 19;
    grid-row: 19;
    color: #fdfdfd;
    background-color: #2f6b9b;
    text-align: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

.text-10 {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 20;
    grid-row: 20;
    text-align: left;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 5px 20px 5px 20px;
    padding: calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px calc(0.3125rem + ((1vw - 3.78px) * 2.5641)) 20px;
}

#access {
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 343px auto;
    grid-template-columns: auto 343px auto;
    -ms-grid-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    grid-template-columns: auto calc(21.4375rem + ((1vw - 3.78px) * 78.7179)) auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

#access > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

#access > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

#access > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

#access > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

#access > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

#access > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.ac-con {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color:rgba(249, 249, 249, 0.8);
}

.ac-map {
    height: auto;
    text-align: center;
    padding-bottom: 50px;
}

.form {
    width: 300px;
    width: calc(18.75rem + ((1vw - 3.78px) * 64.1026));
    height: 250px;
    color: #fff;
}

/* ##### 画面の横幅768ピクセル以上 ##### */
@media (min-width: 768px) {

    .about {
        -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
    }

    .about-title {
        margin-top: 50px;
        margin-top: calc(3.125rem + ((1vw - 7.68px) * 5.6391));
    }

    .message {
        -ms-grid-columns: auto 700px auto;
        grid-template-columns: auto 700px auto;
        -ms-grid-columns: auto calc(43.75rem + ((1vw - 7.68px) * 93.985)) auto;
        grid-template-columns: auto calc(43.75rem + ((1vw - 7.68px) * 93.985)) auto;
    }

    .m-con {
        margin-top: 30px;
        margin-top: calc(1.875rem + ((1vw - 7.68px) * 3.7594));
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .about-c1 h3 {
        margin-top: 30px;
        margin-top: calc(1.875rem + ((1vw - 7.68px) * 3.7594));
        margin-left: 50px;
        margin-left: calc(3.125rem + ((1vw - 7.68px) * 13.1579));
    }

    .about-c1 p {
        width: 600px;
        width: calc(37.5rem + ((1vw - 7.68px) * 46.9925));
    }

    .select {
        width: 600px;
        width: calc(37.5rem + ((1vw - 7.68px) * 37.594));
    }

    .overview {
        -ms-grid-columns: auto 700px auto;
        grid-template-columns: auto 700px auto;
        -ms-grid-columns: auto calc(43.75rem + ((1vw - 7.68px) * 93.985)) auto;
        grid-template-columns: auto calc(43.75rem + ((1vw - 7.68px) * 93.985)) auto;
    }

    .ov-con {
        margin-top: 30px;
        margin-top: calc(1.875rem + ((1vw - 7.68px) * 3.7594));
        margin-bottom: 30px;
    }
    .ov-con-box {
        width: 600px;
        width: calc(37.5rem + ((1vw - 7.68px) * 37.594));
        -ms-grid-columns: 180px 420px;
        grid-template-columns: 180px 420px;
        -ms-grid-columns: calc(11.25rem + ((1vw - 7.68px) * 3.7594)) calc(26.25rem + ((1vw - 7.68px) * 33.8346));
        grid-template-columns: calc(11.25rem + ((1vw - 7.68px) * 3.7594)) calc(26.25rem + ((1vw - 7.68px) * 33.8346));
        -ms-grid-rows: (auto)[10];
        grid-template-rows: repeat(10, auto);
        margin: 0 auto 60px auto;
    }
    .ov-con-box > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(11) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(12) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(13) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(14) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(15) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(16) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(17) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(18) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(19) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(20) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(11) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(12) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(13) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(14) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(15) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(16) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(17) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(18) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(19) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(20) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }

    .title-1 {
        border-top: 1px solid rgb(162, 162, 162);
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-1 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1;
        border-top: 1px solid rgb(162, 162, 162);
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-2 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-2 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-3 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 3;
        grid-row: 3;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-3 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 3;
        grid-row: 3;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-4 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 4;
        grid-row: 4;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-4 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 4;
        grid-row: 4;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        text-align: left;
        padding: 15px 20px 15px 20px;
    }

    .title-5 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 5;
        grid-row: 5;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-5 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 5;
        grid-row: 5;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-6 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 6;
        grid-row: 6;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-6 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 6;
        grid-row: 6;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-7 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 7;
        grid-row: 7;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-7 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 7;
        grid-row: 7;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-8 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 8;
        grid-row: 8;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-8 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 8;
        grid-row: 8;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-9 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 9;
        grid-row: 9;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid #fdfdfd;
        padding: 15px 20px 15px 20px;
    }

    .text-9 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 9;
        grid-row: 9;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .title-10 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 10;
        grid-row: 10;
        border-left: 1px solid rgb(162, 162, 162);
        border-right: 1px solid #fdfdfd;
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    .text-10 {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 10;
        grid-row: 10;
        border-right: 1px solid rgb(162, 162, 162);
        border-bottom: 1px solid rgb(162, 162, 162);
        padding: 15px 20px 15px 20px;
    }

    #access {
        -ms-grid-columns: auto 700px auto;
        grid-template-columns: auto 700px auto;
        -ms-grid-columns: auto calc(43.75rem + ((1vw - 7.68px) * 93.985)) auto;
        grid-template-columns: auto calc(43.75rem + ((1vw - 7.68px) * 93.985)) auto;
    }

    .ac-con {
        margin-top: 30px;
        margin-top: calc(1.875rem + ((1vw - 7.68px) * 3.7594));
        margin-bottom: 30px;
        margin-bottom: calc(1.875rem + ((1vw - 7.68px) * 3.7594));
    }

    .ac-map {
        margin: 0 auto;
        overflow: hidden;
    }

    .form {
        width: 600px;
        width: calc(37.5rem + ((1vw - 7.68px) * 75.188));
        height: 350px;
        height: calc(21.875rem + ((1vw - 7.68px) * 9.3985));
        border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;
    }
}

/* ##### 画面の横幅1300ピクセル以上 ##### */
@media (min-width: 1300px) {

    .about-title {
        margin-top: 80px;
    }

    .message {
        -ms-grid-columns: auto 1200px auto;
        grid-template-columns: auto 1200px auto;
    }

    .m-con {
        margin-top: 50px;
    }

    .about-c1 h3 {
        margin-top: 60px;
        margin-left: 120px;
    }

    .about-c1 p {
        width: 850px;
    }

    .select {
        width: 800px;
    }

    .overview {
        -ms-grid-columns: auto 1200px auto;
        grid-template-columns: auto 1200px auto;
    }

    .ov-con {
        margin-top: 50px;
    }
    .ov-con-box {
        width: 800px;
        -ms-grid-columns: 200px 600px;
        grid-template-columns: 200px 600px;
        -ms-grid-rows: (auto)[10];
        grid-template-rows: repeat(10, auto);
    }
    .ov-con-box > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(11) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(12) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(13) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(14) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(15) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(16) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(17) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(18) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }
    .ov-con-box > *:nth-child(19) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }
    .ov-con-box > *:nth-child(20) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }

    #access {
        margin: 20px auto 0 auto;
        -ms-grid-columns: auto 1200px auto;
        grid-template-columns: auto 1200px auto;
    }

    .ac-con {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .ac-map {
        width: 1000px;
        height: 450px;
        overflow: hidden;
    }

    .form {
        width: 1000px;
        height: 400px;
    }
}