@charset "UTF-8";

main {}


/* section_1 */
.section_1 {
    width: 100%;
    display: grid;
    height: 45vw;
    grid-template-columns: 10% 50% 30% 10%;
    grid-template-rows: 35% 20% 45%;
    background-color: #C2E8E7;
}

.section_1>h1 {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    font-size: 2vw;
    line-height: 3.5vw;
    letter-spacing: 0.2vw;
    font-weight: 500;
    background-image: linear-gradient(to right, #33419e 0%, #780684 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* .section_1>img:first-of-type {
    grid-column: 1/4;
    grid-row: 1/4;
    justify-self: end;
    align-self: end;
    width: 44%;
    mix-blend-mode: overlay;
    margin-right: 5%;
} */

.section_1>img:first-of-type {
    grid-column: 1/4;
    grid-row: 1/4;
    justify-self: end;
    align-self: end;
    width: 70%;
    mix-blend-mode: overlay;
    margin-right: -10%;
    opacity: 30%;
}

.section_1>img:nth-of-type(2) {
    grid-column: 1/4;
    grid-row: 1/4;
    justify-self: end;
    align-self: end;
    width: 30%;
    mix-blend-mode: overlay;
    margin-right: -10%;
    mix-blend-mode: overlay;
    opacity: 15%;
}

.section_1>img:nth-of-type(3) {
    grid-column: 1/4;
    grid-row: 1/4;
    justify-self: end;
    align-self: end;
    width: 43%;
    mix-blend-mode: overlay;
    margin-right: 5%;
    opacity: 70%;
    filter: blur(5px);
}

.section_1>img:nth-of-type(4) {
    grid-column: 1/4;
    grid-row: 1/4;
    justify-self: end;
    align-self: end;
    width: 42%;
    z-index: 1;
    margin-right: 3%;
}

.section_1>img:nth-of-type(5) {
    grid-column: 1/4;
    grid-row: 1/4;
    justify-self: end;
    align-self: end;
    width: 30%;
    z-index: 1;
    margin-right: 18%;
    mix-blend-mode: overlay;
    opacity: 40%;
}

.section_1>p:first-of-type {
    grid-column: 2;
    grid-row: 3;
    align-self: start;
    font-size: 1.1vw;
    font-weight: 400;
    color: #585858;
}

.section_1>p:nth-of-type(2) {
    grid-column: 3;
    grid-row: 3;
    align-self: center;
    justify-self: end;
    font-size: 1vw;
    font-weight: 300;
    margin-top: -32%;
    line-height: 1.4vw;
}

/* section_2 */
.section_2 {
    width: 100%;
    display: grid;
    grid-template-columns: 10% 1fr 10%;
    grid-template-rows: repeat(5, auto);
    background-color: #1D1D1D;
    margin-top: -0.1vw;
}

.section_2>h1 {
    grid-column: 2;
    grid-row: 1;
    font-size: 2.7vw;
    color: #F4F4F4;
    justify-self: center;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
    margin-top: 5vw;
}

.section_2>h2 {
    grid-column: 2;
    grid-row: 2;
    font-size: 2vw;
    color: #F4F4F4;
    justify-self: center;
    text-align: center;
    font-weight: 600;
    line-height: 3vw;
    letter-spacing: 0.1vw;
    margin-top: 3vw;
}

.section_2>p {
    grid-column: 2;
    grid-row: 3;
    color: white;
    font-size: 1.2vw;
    line-height: 2.2vw;
    text-align: center;
    font-weight: 300;
    margin-top: 3vw;
    margin-bottom: 7vw;
}

/* section_3 */
.section_3 {
    width: 100%;
    display: grid;
    grid-template-columns: 10% repeat(2, 40%) 10%;
    grid-template-rows: repeat(10, auto);
}

.section_3>h1 {
    grid-column: 2/4;
    grid-row: 1;
    font-size: 2.4vw;
    font-weight: 600;
    align-self: center;
    justify-self: center;
    text-align: center;
    line-height: 4vw;
    letter-spacing: 0.2vw;
    margin-top: 8vw;
}

.section_3>div {
    width: 95%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 8vw 5vw 12vw;
    background-color: white;
    box-shadow: 0.4vw 0.4vw 0.4vw 0 rgba(184, 184, 184, 0.35);
    margin-top: 4vw;
}

.section_3>div:first-of-type {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
}

.section_3>div:nth-of-type(2) {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
}

.section_3>div>h2 {
    grid-column: 1;
    grid-row: 1;
    font-size: 1.2vw;
    font-weight: 600;
    line-height: 2vw;
    color: #000;
    text-align: center;
    align-self: center;
    justify-self: center;
}

.section_3>div>img {
    grid-column: 1;
    grid-row: 2;
    width: 12%;
    justify-self: center;
    margin-top: 2vw;
}

.section_3>div:nth-of-type(2)>img {
    width: 10%;
}

.section_3>div>p {
    grid-column: 1;
    grid-row: 3;
    font-size: 1vw;
    font-weight: 400;
    justify-self: center;
    color: rgb(86, 86, 86);
    width: 82%;
    font-feature-settings: "palt";
    line-height: 1.6vw;
    letter-spacing: 0.1vw;
    margin-top: 2.4vw;
}

.section_3>p:first-of-type {
    font-size: 1.6vw;
    font-weight: 500;
    grid-column: 2/4;
    grid-row: 3;
    text-align: center;
    justify-self: center;
    color: #0060B2;
    line-height: 2.4vw;
    letter-spacing: 0.2vw;
    margin-top: 4vw;
    margin-bottom: 2vw;
}

.section_3>p:nth-of-type(2) {
    font-size: 1.1vw;
    font-weight: 400;
    grid-column: 2/4;
    grid-row: 4;
    text-align: center;
    justify-self: center;
    font-feature-settings: "palt";
    line-height: 2vw;
    letter-spacing: 0.1vw;
    margin-top: 2vw;
}

.section_3>p:nth-of-type(2)>strong {
    font-weight: 600;
}

/* section_4 */
.section_4 {
    width: 100%;
    display: grid;
    grid-template-columns: 10% 1fr 10%;
    grid-template-rows: repeat(10, auto);
    background-color: #F6F6F6;
    margin-top: 8vw;
    padding-bottom: 8vw;
}

.section_4>h1 {
    grid-column: 2;
    grid-row: 1;
    font-size: 2.4vw;
    align-self: center;
    justify-self: center;
    text-align: center;
    line-height: 4vw;
    letter-spacing: 0.2vw;
    margin-top: 8vw;
    font-weight: 700;
}

.section_4>div:first-of-type {
    width: 100%;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(5, auto);
    margin-top: 6vw;
}

.section_4>div:first-of-type>div {
    width: 100%;
    grid-column: 1;
    grid-row: 1/4;
    align-self: start;
    justify-self: center;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.section_4>div:first-of-type>div>img {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
}

.section_4>div:first-of-type>div>p {
    grid-column: 1;
    grid-row: 1;
    font-size: 2vw;
    font-weight: 500;
    color: white;
    align-self: center;
    justify-self: center;
    z-index: 1;
}

.section_4>div:first-of-type>h2 {
    grid-column: 2;
    grid-row: 1;
    font-size: 1.6vw;
    font-weight: 500;
    line-height: 2.6vw;
    color: #0060B2;
    margin-left: 5%;
}

.section_4>div:first-of-type>p {
    width: 90%;
    grid-column: 2;
    grid-row: 2;
    font-size: 1vw;
    font-weight: 400;
    font-feature-settings: "palt";
    line-height: 2vw;
    letter-spacing: 0.1vw;
    margin-left: 5%;
    color: #777777;
}

.section_4>div:first-of-type>ul {
    grid-column: 2;
    grid-row: 3;
}

.section_4>div:first-of-type>ul>li {
    list-style: none;
    font-size: 1vw;
    font-weight: 400;
    font-feature-settings: "palt";
    line-height: 2vw;
    letter-spacing: 0.1vw;
    margin-left: 5%;

}

.section_4>div:nth-of-type(2) {
    width: 100%;
    grid-column: 2;
    grid-row: 3;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(3, auto);
    margin-top: 8vw;
}

.section_4>div:nth-of-type(2)>div {
    width: 100%;
    grid-column: 2;
    grid-row: 1/4;
    align-self: start;
    justify-self: center;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.section_4>div:nth-of-type(2)>div>img {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
}

.section_4>div:nth-of-type(2)>div>p {
    grid-column: 1;
    grid-row: 1;
    font-size: 2vw;
    font-weight: 500;
    color: white;
    align-self: center;
    justify-self: center;
    z-index: 1;
}

.section_4>div:nth-of-type(2)>h2 {
    grid-column: 1;
    grid-row: 1;
    font-size: 1.6vw;
    font-weight: 500;
    line-height: 2.6vw;
    color: #0060B2;
}

.section_4>div:nth-of-type(2)>p {
    width: 90%;
    grid-column: 1;
    grid-row: 2;
    font-size: 1vw;
    font-weight: 400;
    font-feature-settings: "palt";
    line-height: 2vw;
    letter-spacing: 0.1vw;
    color: #777777;
}

.section_4>div:nth-of-type(2)>ul {
    grid-column: 1;
    grid-row: 3;
}

.section_4>div:nth-of-type(2)>ul>li {
    list-style: none;
    font-size: 1vw;
    font-weight: 400;
    font-feature-settings: "palt";
    line-height: 2vw;
    letter-spacing: 0.1vw;
    justify-self: start;
}

/* section_5 */
.section_5 {
    width: 100%;
    display: grid;
    grid-template-columns: 10% repeat(4, 20%) 10%;
    grid-template-rows: repeat(10, auto);
    margin-top: 8vw;
    padding-bottom: 8vw;
}

.section_5>h1 {
    grid-column: 2/6;
    grid-row: 1;
    font-size: 2.4vw;
    align-self: center;
    justify-self: center;
    text-align: center;
    line-height: 4vw;
    letter-spacing: 0.2vw;
    margin-top: 2vw;
    font-weight: 700;
}

.section_5>div {
    width: 90%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    margin-top: 8vw;
    justify-self: center;
}

.section_5>div>img {
    grid-column: 1;
    grid-row: 1;
    width: 20%;
}

.section_5>div:nth-of-type(3)>img {
    width: 17%;
}

.section_5>div:nth-of-type(4)>img {
    width: 28%;
}

.section_5>div>h2 {
    grid-column: 1;
    grid-row: 2;
    font-size: 1.4vw;
    color: #0060B2;
    font-weight: 500;
    margin-top: 2.5vw;
}

.section_5>div>p {
    width: 90%;
    grid-column: 1;
    grid-row: 3;
    font-size: 1vw;
    font-weight: 400;
    font-feature-settings: "palt";
    letter-spacing: 0.1vw;
    line-height: 1.6vw;
    margin-top: 1vw;
    color: #777777;
}

.section_5>div:first-of-type {
    grid-column: 2;
    grid-row: 2;
}

.section_5>div:nth-of-type(2) {
    grid-column: 3;
    grid-row: 2;
}

.section_5>div:nth-of-type(3) {
    grid-column: 4;
    grid-row: 2;
}

.section_5>div:nth-of-type(4) {
    grid-column: 5;
    grid-row: 2;
}


/* section_6 */
.section_6 {
    width: 100%;
    display: grid;
    grid-template-columns: 10% repeat(3, 1fr) 10%;
    grid-template-rows: repeat(10, auto);
    background-color: #C2E8E7;
}

.section_6>h1 {
    width: 100%;
    height: 18vw;
    grid-column: 1/6;
    grid-row: 1;
    font-size: 2.6vw;
    justify-self: center;
    text-align: center;
    line-height: 4vw;
    letter-spacing: 0.2vw;
    color: #F4F4F4;
    background-color: #313131;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.section_6>div:first-of-type,
.section_6>div:nth-of-type(2),
.section_6>div:nth-of-type(3) {
    width: 90%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto) 8vw auto;
    background-color: #F6F6F6;
    justify-self: center;
    padding-bottom: 1vw;
    margin-top: -3vw;
}

.section_6>div:first-of-type {
    grid-column: 2;
    grid-row: 2;
}

.section_6>div:nth-of-type(2) {
    grid-column: 3;
    grid-row: 2;
}

.section_6>div:nth-of-type(3) {
    grid-column: 4;
    grid-row: 2;
}

.section_6>div:nth-of-type(4) {
    grid-column: 1/6;
    grid-row: 3;
    height: 2.8vw;
    background-color: #313131;
    margin-top: 5vw;
}

.section_6>div:first-of-type>img,
.section_6>div:nth-of-type(2)>img,
.section_6>div:nth-of-type(3)>img {
    width: 90%;
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
    margin-top: 5%;
}

.section_6>div:first-of-type>h2,
.section_6>div:nth-of-type(2)>h2,
.section_6>div:nth-of-type(3)>h2 {
    font-size: 1.2vw;
    font-weight: 500;
    color: #0060B2;
    margin-left: 5%;
    grid-column: 1;
    grid-row: 2;
    margin-top: 1vw;
    line-height: 2vw;
}

.section_6>div:first-of-type>p,
.section_6>div:nth-of-type(2)>p,
.section_6>div:nth-of-type(3)>p {
    width: 90%;
    font-size: 0.9vw;
    font-weight: 400;
    font-feature-settings: "palt";
    letter-spacing: 0.1vw;
    line-height: 1.6vw;
    justify-self: center;
    grid-column: 1;
    grid-row: 3;
    margin-top: 1vw;
    color: #777777;
}

.section_6>div:first-of-type>ul,
.section_6>div:nth-of-type(2)>ul,
.section_6>div:nth-of-type(3)>ul {
    justify-self: center;
    width: 90%;
    grid-column: 1;
    grid-row: 4;
    margin-top: 1vw;
}

.section_6>div:first-of-type>ul>li,
.section_6>div:nth-of-type(2)>ul>li,
.section_6>div:nth-of-type(3)>ul>li {
    font-size: 1vw;
    font-weight: 400;
    font-feature-settings: "palt";
    letter-spacing: 0.1vw;
    line-height: 2vw;
    list-style: none;
}

/* section_7 */
.section_7 {
    width: 100%;
    display: grid;
    grid-template-columns: 10% repeat(3, 1fr) 10%;
    grid-template-rows: repeat(10, auto);
    padding-bottom: 8vw;
    background-color: #F6F6F6;
}

.section_7>h1 {
    grid-column: 2/6;
    grid-row: 1;
    font-size: 2.6vw;
    align-self: center;
    justify-self: center;
    text-align: center;
    line-height: 4vw;
    letter-spacing: 0.2vw;
    margin-top: 8vw;
    font-weight: 600;
}

.section_7>div {
    width: 90%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 5vw 6vw 5vw 14vw;
    background-color: white;
    margin-top: 8vw;
}

.section_7>div>div {
    width: 8vw;
    height: 8vw;
    border-radius: 100%;
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
    margin-top: -3vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    box-shadow: 0.1vw 0.1vw 0.5vw 0 rgba(0, 0, 0, 0.14);
}

.section_7>div:first-of-type>div {
    background-color: #1080A0;
}

.section_7>div:nth-of-type(2)>div {
    background-color: #1099a0;
}

.section_7>div:nth-of-type(3)>div {
    background-color: #5d9f86;
}

.section_7>div:nth-of-type(4)>div {
    background-color: #2778ae;
}

.section_7>div:nth-of-type(5)>div {
    background-color: #617bc4;
}

.section_7>div:nth-of-type(6)>div {
    background-color: #9565b1;
}

.section_7>div>div>img {
    width: 50%;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.section_7>div>h2 {
    font-size: 1.2vw;
    justify-self: center;
    grid-column: 1;
    grid-row: 2;
    font-weight: 600;
    align-self: center;
    margin-top: 1vw;
}

.section_7>div:first-of-type>h2 {
    color: #1080A0;
}

.section_7>div:nth-of-type(2)>h2 {
    color: #1099a0;
}

.section_7>div:nth-of-type(3)>h2 {
    color: #5d9f86;
}

.section_7>div:nth-of-type(4)>h2 {
    color: #2778ae;
}

.section_7>div:nth-of-type(5)>h2 {
    color: #617bc4;
}

.section_7>div:nth-of-type(6)>h2 {
    color: #9565b1;
}


.section_7>div>h3 {
    font-size: 1vw;
    font-weight: 600;
    line-height: 1.6vw;
    text-align: center;
    justify-self: center;
    grid-column: 1;
    grid-row: 3;
}

.section_7>div>p {
    width: 86%;
    font-size: 0.95vw;
    font-weight: 400;
    justify-self: center;
    grid-column: 1;
    grid-row: 4;
    font-feature-settings: "palt";
    letter-spacing: 0.1vw;
    line-height: 1.7vw;
    color: #777777;
}

.section_7>div>p>strong {
    color: black;
}

.section_7>div:first-of-type {
    grid-column: 2;
    grid-row: 2;
}

.section_7>div:nth-of-type(2) {
    grid-column: 3;
    grid-row: 2;
}

.section_7>div:nth-of-type(3) {
    grid-column: 4;
    grid-row: 2;
}

.section_7>div:nth-of-type(4) {
    grid-column: 2;
    grid-row: 3;
}

.section_7>div:nth-of-type(5) {
    grid-column: 3;
    grid-row: 3;
}

.section_7>div:nth-of-type(6) {
    grid-column: 4;
    grid-row: 3;
}

.section_7>a {
    grid-column: 2/5;
    grid-row: 4;
    justify-self: center;
    width: 36%;
    height: 6vw;
    background-color: rgb(51, 51, 51);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8vw;
    font-weight: 500;
    text-decoration: none;
    margin-top: 6vw;
    box-shadow: 0.1vw 0.1vw 0.5vw 0 rgba(0, 0, 0, 0.35);
    transition: background-color 0.2s ease-in-out;
}

.section_7>a:hover {
    background-color: rgb(86, 86, 86);
}

/* section_8 */
.section_8 {
    width: 100%;
    display: grid;
    grid-template-columns: 10% repeat(2, 1fr) 10%;
    grid-template-rows: repeat(10, auto);
    padding-bottom: 8vw;
    background-color: #C2E8E7;
}

.section_8>h1 {
    grid-column: 2/4;
    grid-row: 1;
    font-size: 2.6vw;
    align-self: center;
    justify-self: center;
    text-align: center;
    line-height: 4vw;
    letter-spacing: 0.2vw;
    margin-top: 8vw;
    font-weight: 600;
}

.section_8>h2 {
    grid-column: 2/4;
    grid-row: 2;
    text-align: center;
    justify-self: center;
    font-size: 1.8vw;
    font-weight: 500;
    margin-top: 2vw;
}

.section_8>p {
    width: 78%;
    grid-column: 2/4;
    grid-row: 3;
    text-align: center;
    justify-self: center;
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 2vw;
    margin-top: 2vw;
    color: #777777;
}


.section_8>div:first-of-type {
    grid-column: 2;
    grid-row: 4;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    margin-top: 4vw;
    height: 30vw;
}

.section_8>div:first-of-type>div {
    width: 90%;
    height: 4vw;
    background-color: #C2E8E7;
    mix-blend-mode: multiply;
    /* Applies the multiply blend mode */
    box-shadow: 0.2vw 0.2vw 0.5vw 0 rgba(111, 111, 111, 0.14);
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: 1fr;
}

.section_8>div:first-of-type>div>img {
    grid-column: 1;
    grid-row: 1;
    width: 25%;
    align-self: center;
    justify-self: center;
}

.section_8>div:first-of-type>div>p {
    font-size: 1vw;
    font-weight: 400;
    align-self: center;
    grid-column: 2;
    grid-row: 1;
}

.section_8>div:first-of-type>div>a {
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    align-self: center;
    grid-column: 2;
    grid-row: 1;
}

.section_8>form {
    grid-column: 3;
    grid-row: 4;
    width: 90%;
    background-color: #F6F6F6;
    margin-top: 4vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, auto);
    justify-self: end;
    padding: 5% 5%;
    height: 35vw;
}

.section_8>form>div {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: 1fr;
}

.section_8>form>div>label:first-of-type {
    align-self: center;
}

.section_8>form>div>label {
    font-size: 1vw;
    justify-self: center;
}

.section_8>form>label {
    font-size: 1vw;
    justify-self: center;
}

.section_8>form>div:first-of-type>input,
.section_8>form>div:nth-of-type(2)>input,
.section_8>form>div:nth-of-type(3)>input {
    font-size: 1vw;
    height: 2vw;
    width: 100%;
    background-color: #FFFEF8;
    box-shadow: inset 0.1vw 0.1vw 0.3vw 0 rgba(0, 0, 0, 0.3);
    align-self: center;
    padding-left: 1vw;
}

.section_8>form>div:first-of-type>input::placeholder,
.section_8>form>div:nth-of-type(2)>input::placeholder,
.section_8>form>div:nth-of-type(3)>input::placeholder,
.section_8>form>div>textarea::placeholder {
    color: #b6b6b6;
}

.section_8>form>div:nth-of-type(4)>textarea {
    font-size: 1vw;
    height: auto;
    width: 100%;
    height: 10vw;
    background-color: #FFFEF8;
    box-shadow: inset 0.1vw 0.1vw 0.3vw 0 rgba(0, 0, 0, 0.3);
    align-self: center;
    resize: none;
    padding-top: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
    line-height: 1.6vw;
}

.section_8>form>p {
    font-size: 1vw;
    justify-self: center;
    margin-top: 1vw;
}

.section_8>form>button {
    width: 50%;
    height: 3vw;
    align-self: center;
    justify-self: center;
    text-align: center;
    background-color: rgb(51, 51, 51);
    color: white;
    box-shadow: 0.1vw 0.1vw 0.2vw 0 rgba(0, 0, 0, 0.35);
    font-size: 1.2vw;
    font-weight: 500;
    transition: background-color 0.2s ease-in-out;
}

.section_8>form>button:hover {
    background-color: rgb(86, 86, 86);
}


/* ポップアップの背景（初期状態は非表示） */
.modal {
    display: none;
    /* ★重要：初期状態では非表示 */
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
    /* 半透明の黒い背景 */
}

/* ポップアップの中身 */
.modal-content {
    background-color: #eeeeee;
    margin: 10% auto;
    /* 画面中央に配置 */
    padding: 10vw;
    border: 1px solid #888;
    width: 80%;
    max-width: 80%;
    position: relative;
}

.modal-content>h2 {
    font-size: 1.4vw;
    font-weight: 600;
}

.modal-content>h3 {
    font-size: 1.2vw;
    font-weight: 500;
    margin-top: 2vw;
}

.modal-content>p {
    font-size: 1vw;
    font-weight: 400;
    margin-top: 1vw;
    font-feature-settings: "palt";
    letter-spacing: 0.1vw;
    line-height: 2vw;
    margin-left: 1.2vw;
}

/* 閉じるボタン */
.close-btn {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

body.no-scroll {
    overflow: hidden;
    /* ★スクロールを無効化 */
}

#open-modal-link {
    color: rgb(0, 109, 205);
    text-decoration: underline;
}

input[type="checkbox"] {
    /* ★ここで大きさを2倍にする */
    transform: scale(1.5);
    margin-right: 0.5vw;
    margin-bottom: 0.2vw;
}

/* @media (max-width: 1280px) {

    .section_1 {}

    .section_1>h1 {
        font-size: 2.2vw;
        line-height: 3.8vw;
    }

    .section_1>img:first-of-type {}

    .section_1>img:nth-of-type(2) {}

    .section_1>p:first-of-type {
        font-size: 1.3vw;
    }

    .section_1>p:nth-of-type(2) {
        font-size: 1.2vw;
        line-height: 1.8vw;
    }

    .section_2 {}

    .section_2>h1 {
        font-size: 3.2vw;
    }

    .section_2>h2 {
        font-size: 2.2vw;
        line-height: 3.6vw;
    }

    .section_2>p {
        font-size: 1.4vw;
        line-height: 2.6vw;
    }

    .section_3 {
        width: 100%;
        display: grid;
        grid-template-columns: 10% repeat(2, 40%) 10%;
        grid-template-rows: repeat(10, auto);
    }

    .section_3>h1 {
        font-size: 2.8vw;
        line-height: 4.2vw;
    }

    .section_3>div {}

    .section_3>div:first-of-type {}

    .section_3>div:nth-of-type(2) {}

    .section_3>div>h2 {
        font-size: 1.6vw;
        line-height: 2.6vw;
    }

    .section_3>div>img {}

    .section_3>div:nth-of-type(2)>img {
        width: 10%;
    }

    .section_3>div>p {
        font-size: 1.2vw;
        line-height: 2vw;
    }

    .section_3>p:first-of-type {
        font-size: 1.7vw;
        line-height: 2.8vw;
    }

    .section_3>p:nth-of-type(2) {
        font-size: 1.2vw;
        line-height: 2.2vw;
    } */


@media (max-width: 430px) {

    /* section_1 */
    .section_1 {
        width: 100%;
        display: grid;
        height: 100vw;
        grid-template-columns: 1fr;
        grid-template-rows: 20% 21% 14% 45%;
        background-color: #C2E8E7;
    }

    .section_1>h1 {
        grid-column: 1;
        grid-row: 2;
        align-self: start;
        justify-self: center;
        font-size: 5vw;
        line-height: 8vw;
        letter-spacing: 0.2vw;
        font-weight: 500;
        text-align: center;
    }

    .section_1>img:first-of-type {
        grid-column: 1;
        grid-row: 1/5;
        justify-self: center;
        align-self: end;
        width: 100%;
        mix-blend-mode: overlay;
        margin-right: 0%;
        opacity: 30%;
    }

    .section_1>img:nth-of-type(2) {
        grid-column: 1;
        grid-row: 1/5;
        justify-self: center;
        align-self: end;
        width: 50%;
        mix-blend-mode: overlay;
        margin-left: 30%;
        mix-blend-mode: overlay;
        opacity: 15%;
    }

    .section_1>img:nth-of-type(3) {
        grid-column: 1;
        grid-row: 1/5;
        justify-self: center;
        align-self: end;
        width: 55%;
        mix-blend-mode: overlay;
        margin: 0;
        margin-right: 10%;
    }

    .section_1>img:nth-of-type(4) {
        grid-column: 1;
        grid-row: 1/5;
        justify-self: center;
        align-self: end;
        width: 54%;
        z-index: 1;
    }

    .section_1>img:nth-of-type(5) {
        grid-column: 1;
        grid-row: 1/5;
        justify-self: center;
        align-self: end;
        width: 40%;
        z-index: 1;
        margin-right: 25%;
        mix-blend-mode: overlay;
        opacity: 40%;
    }

    .section_1>p:first-of-type {
        grid-column: 1;
        grid-row: 3;
        align-self: start;
        justify-self: center;
        font-size: 3vw;
        font-weight: 400;
        color: #585858;
        letter-spacing: 0.4vw;
    }

    .section_1>p:nth-of-type(2) {
        grid-column: 1;
        grid-row: 4;
        align-self: center;
        justify-self: center;
        font-size: 2vw;
        font-weight: 300;
        margin: 0;
        line-height: 3vw;
        margin-left: 60%;
        margin-top: 5vw;
    }

    /* section_2 */
    .section_2 {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, auto);
        background-color: #1D1D1D;
    }

    .section_2>h1 {
        grid-column: 1;
        grid-row: 1;
        font-size: 6vw;
        justify-self: center;
        text-align: center;
        margin: 0;
        margin-top: 8vw;
    }

    .section_2>h2 {
        grid-column: 1;
        grid-row: 2;
        font-size: 3.5vw;
        justify-self: center;
        text-align: center;
        font-weight: 600;
        line-height: 6vw;
        letter-spacing: 0.2vw;
        margin-top: 0;
        margin-top: 4vw;
    }

    .section_2>p {
        width: 80%;
        grid-column: 1;
        grid-row: 3;
        justify-self: center;
        font-size: 3vw;
        line-height: 5vw;
        text-align: center;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 0;
        margin-top: 4vw;
        margin-bottom: 8vw;
    }

    /* section_3 */
    .section_3 {
        width: 100%;
        display: grid;
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: repeat(10, auto);
    }

    .section_3>h1 {
        grid-column: 2;
        grid-row: 1;
        font-size: 4vw;
        font-weight: 600;
        align-self: center;
        justify-self: center;
        text-align: center;
        line-height: 6vw;
        letter-spacing: 0.2vw;
        margin-top: 0;
        margin-top: 8vw;
    }

    .section_3>div {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 20vw 20vw 30vw;
        background-color: white;
        box-shadow: 0.4vw 0.4vw 0.4vw 0 rgba(184, 184, 184, 0.35);
        margin-top: 0;
        margin-top: 8vw;
    }

    .section_3>div:first-of-type {
        grid-column: 2;
        grid-row: 2;
        justify-self: center;
    }

    .section_3>div:nth-of-type(2) {
        grid-column: 2;
        grid-row: 3;
        justify-self: center;
    }

    .section_3>div>h2 {
        grid-column: 1;
        grid-row: 1;
        font-size: 3.5vw;
        font-weight: 600;
        line-height: 6vw;
        color: #000;
        text-align: center;
        align-self: center;
        justify-self: center;
        letter-spacing: 0.2vw;
        margin-top: 4vw;
    }

    .section_3>div>img {
        grid-column: 1;
        grid-row: 2;
        width: 14%;
        align-self: center;
        justify-self: center;
        margin-top: 0;
    }

    .section_3>div:nth-of-type(2)>img {
        width: 13%;
    }

    .section_3>div>p {
        grid-column: 1;
        grid-row: 3;
        font-size: 2.6vw;
        justify-self: center;
        width: 82%;
        font-feature-settings: "palt";
        line-height: 4.6vw;
        letter-spacing: 0.1vw;
        margin-top: 0;
        margin-top: 4vw;
    }

    .section_3>p:first-of-type {
        width: 96%;
        font-size: 3.2vw;
        grid-column: 2;
        grid-row: 4;
        line-height: 6vw;
        letter-spacing: 0.2vw;
        margin-top: 0;
        margin-top: 6vw;
    }

    .section_3>p:nth-of-type(2) {
        width: 96%;
        font-size: 2.6vw;
        grid-column: 2;
        grid-row: 5;
        line-height: 5vw;
        letter-spacing: 0.2vw;
        margin-top: 0;
        margin-top: 6vw;
    }

    .section_3>p:nth-of-type(2)>strong {}

    /* section_4 */
    .section_4 {
        width: 100%;
        display: grid;
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: repeat(10, auto);
        background-color: #F6F6F6;
        margin-top: 16vw;
        padding-bottom: 16vw;
    }

    .section_4>h1 {
        grid-column: 2;
        grid-row: 1;
        font-size: 4vw;
        letter-spacing: 0.2vw;
        margin-top: 16vw;
    }

    .section_4>div:first-of-type {
        width: 100%;
        grid-column: 2;
        grid-row: 2;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 60vw repeat(6, auto);
        margin-top: 0;
        margin-top: 8vw;
    }

    .section_4>div:first-of-type>div {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .section_4>div:first-of-type>div>img {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
    }

    .section_4>div:first-of-type>div>p {
        grid-column: 1;
        grid-row: 1;
        font-size: 4vw;
        z-index: 1;
    }

    .section_4>div:first-of-type>h2 {
        grid-column: 1;
        grid-row: 2;
        font-size: 3vw;
        line-height: 5vw;
        letter-spacing: 0.2vw;
        margin: 0;
        align-self: end;
        margin-top: 4vw;
    }

    .section_4>div:first-of-type>p {
        width: 98%;
        grid-column: 1;
        grid-row: 3;
        font-size: 2.6vw;
        font-feature-settings: "palt";
        line-height: 5vw;
        letter-spacing: 0.2vw;
        margin: 0;
        margin-top: 2vw;
    }

    .section_4>div:first-of-type>ul {
        grid-column: 1;
        grid-row: 4;
        margin-top: 2vw;
    }

    .section_4>div:first-of-type>ul>li {
        list-style: none;
        font-size: 2.6vw;
        font-feature-settings: "palt";
        line-height: 4vw;
        letter-spacing: 0.2vw;
        margin: 0;
        margin-top: 1vw;
    }

    .section_4>div:nth-of-type(2) {
        width: 100%;
        grid-column: 2;
        grid-row: 3;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 60vw repeat(6, auto);
        margin-top: 0;
        margin-top: 8vw;
    }

    .section_4>div:nth-of-type(2)>div {
        width: 100%;
        display: grid;
        grid-column: 1;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .section_4>div:nth-of-type(2)>div>img {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
    }

    .section_4>div:nth-of-type(2)>div>p {
        grid-column: 1;
        grid-row: 1;
        font-size: 4vw;
        z-index: 1;
    }

    .section_4>div:nth-of-type(2)>h2 {
        grid-column: 1;
        grid-row: 2;
        font-size: 3vw;
        line-height: 5vw;
        letter-spacing: 0.2vw;
        margin: 0;
        align-self: end;
        margin-top: 4vw;
    }

    .section_4>div:nth-of-type(2)>p {
        width: 98%;
        grid-column: 1;
        grid-row: 3;
        font-size: 2.6vw;
        font-feature-settings: "palt";
        line-height: 5vw;
        letter-spacing: 0.2vw;
        margin: 0;
        margin-top: 2vw;
    }

    .section_4>div:nth-of-type(2)>ul {
        grid-column: 1;
        grid-row: 4;
        margin-top: 2vw;
    }

    .section_4>div:nth-of-type(2)>ul>li {
        list-style: none;
        font-size: 2.6vw;
        font-feature-settings: "palt";
        line-height: 4vw;
        letter-spacing: 0.2vw;
        margin: 0;
        margin-top: 1vw;
    }

    /* section_5 */
    .section_5 {
        width: 100%;
        display: grid;
        grid-template-columns: 5% repeat(2, 1fr) 5%;
        grid-template-rows: repeat(10, auto);
        margin-top: 16vw;
        padding-bottom: 16vw;
    }

    .section_5>h1 {
        grid-column: 2/4;
        grid-row: 1;
        font-size: 4vw;
        line-height: 4vw;
        letter-spacing: 0.2vw;
        margin-top: 0;
    }

    .section_5>div {
        width: 90%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, auto);
        margin-top: 0;
        margin-top: 8vw;
        justify-self: center;
    }

    .section_5>div>img {
        grid-column: 1;
        grid-row: 1;
        width: 20%;
        justify-self: center;
    }

    .section_5>div:nth-of-type(3)>img {
        width: 17%;
    }

    .section_5>div:nth-of-type(4)>img {
        width: 28%;
    }

    .section_5>div>h2 {
        grid-column: 1;
        grid-row: 2;
        font-size: 3.2vw;
        margin-top: 0;
        margin-top: 4vw;
        justify-self: center;
    }

    .section_5>div>p {
        width: 90%;
        grid-column: 1;
        grid-row: 3;
        font-size: 2.6vw;
        font-weight: 400;
        font-feature-settings: "palt";
        letter-spacing: 0.1vw;
        line-height: 4vw;
        margin-top: 0;
        margin-top: 2vw;
        text-align: center;
    }

    .section_5>div:first-of-type {
        grid-column: 2;
        grid-row: 2;
    }

    .section_5>div:nth-of-type(2) {
        grid-column: 3;
        grid-row: 2;
    }

    .section_5>div:nth-of-type(3) {
        grid-column: 2;
        grid-row: 3;
    }

    .section_5>div:nth-of-type(4) {
        grid-column: 3;
        grid-row: 3;
    }

    /* section_6 */
    .section_6 {
        width: 100%;
        display: grid;
        grid-template-columns: 10% 1fr 10%;
        grid-template-rows: repeat(10, auto);
    }

    .section_6>h1 {
        width: 100%;
        height: 24vw;
        grid-column: 1/4;
        grid-row: 1;
        font-size: 4vw;
        letter-spacing: 0.2vw;
    }

    .section_6>div:first-of-type,
    .section_6>div:nth-of-type(2),
    .section_6>div:nth-of-type(3) {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        justify-self: center;
        padding-bottom: 5vw;
        margin-top: 0;
    }

    .section_6>div:first-of-type {
        grid-column: 2;
        grid-row: 2;
        margin-top: -3vw;
    }

    .section_6>div:nth-of-type(2) {
        grid-column: 2;
        grid-row: 3;
        margin-top: 8vw;
    }

    .section_6>div:nth-of-type(3) {
        grid-column: 2;
        grid-row: 4;
        margin-top: 8vw;
    }

    .section_6>div:nth-of-type(4) {
        grid-column: 1/4;
        grid-row: 5;
        height: 8vw;
        background-color: #313131;
        margin-top: 16vw;
    }

    .section_6>div:first-of-type>img,
    .section_6>div:nth-of-type(2)>img,
    .section_6>div:nth-of-type(3)>img {
        width: 90%;
        grid-column: 1;
        grid-row: 1;
        margin-top: 0;
        margin-top: 5vw;
    }

    .section_6>div:first-of-type>h2,
    .section_6>div:nth-of-type(2)>h2,
    .section_6>div:nth-of-type(3)>h2 {
        font-size: 3.6vw;
        font-weight: 500;
        color: #0060B2;
        margin: 0;
        grid-column: 1;
        grid-row: 2;
        margin-top: 8vw;
        margin-left: 5%;
    }

    .section_6>div:first-of-type>p,
    .section_6>div:nth-of-type(2)>p,
    .section_6>div:nth-of-type(3)>p {
        width: 90%;
        font-size: 2.6vw;
        letter-spacing: 0.1vw;
        line-height: 4vw;
        grid-column: 1;
        grid-row: 3;
        margin-top: 0;
        margin-top: 8vw;
    }

    .section_6>div:first-of-type>ul,
    .section_6>div:nth-of-type(2)>ul,
    .section_6>div:nth-of-type(3)>ul {
        justify-self: center;
        width: 90%;
        grid-column: 1;
        grid-row: 4;
        margin-top: 0;
        margin-top: 4vw;
    }

    .section_6>div:first-of-type>ul>li,
    .section_6>div:nth-of-type(2)>ul>li,
    .section_6>div:nth-of-type(3)>ul>li {
        font-size: 2.6vw;
        font-weight: 400;
        letter-spacing: 0.1vw;
        line-height: 4vw;
    }

    /* section_7 */
    .section_7 {
        width: 100%;
        display: grid;
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: repeat(10, auto);
        padding-bottom: 16vw;
    }

    .section_7>h1 {
        grid-column: 2;
        grid-row: 1;
        font-size: 4vw;
        letter-spacing: 0.2vw;
        margin-top: 16vw;
    }

    .section_7>div {
        width: 90%;
        display: grid;
        justify-self: center;
        grid-template-columns: 1fr;
        grid-template-rows: 15vw 15vw 15vw 40vw;
        margin-top: 0;
        margin-top: 16vw;
    }

    .section_7>div>div {
        width: 20vw;
        height: 20vw;
        border-radius: 100%;
        grid-column: 1;
        grid-row: 1;
        margin-top: -8vw;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .section_7>div:first-of-type>div {
        background-color: #1080A0;
    }

    .section_7>div:nth-of-type(2)>div {
        background-color: #1099a0;
    }

    .section_7>div:nth-of-type(3)>div {
        background-color: #5d9f86;
    }

    .section_7>div:nth-of-type(4)>div {
        background-color: #2778ae;
    }

    .section_7>div:nth-of-type(5)>div {
        background-color: #617bc4;
    }

    .section_7>div:nth-of-type(6)>div {
        background-color: #9565b1;
    }

    .section_7>div>div>img {
        width: 50%;
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: center;
    }

    .section_7>div>h2 {
        font-size: 3.8vw;
        grid-column: 1;
        grid-row: 2;
        font-weight: 600;
        margin-top: 0;
        letter-spacing: 0.2vw;
        align-self: center;
    }

    .section_7>div:first-of-type>h2 {
        color: #1080A0;
    }

    .section_7>div:nth-of-type(2)>h2 {
        color: #1099a0;
    }

    .section_7>div:nth-of-type(3)>h2 {
        color: #5d9f86;
    }

    .section_7>div:nth-of-type(4)>h2 {
        color: #2778ae;
    }

    .section_7>div:nth-of-type(5)>h2 {
        color: #617bc4;
    }

    .section_7>div:nth-of-type(6)>h2 {
        color: #9565b1;
    }


    .section_7>div>h3 {
        font-size: 3.2vw;
        line-height: 5vw;
        grid-column: 1;
        grid-row: 3;
        margin-top: 0;
        align-self: center;
    }

    .section_7>div>p {
        width: 80%;
        font-size: 2.6vw;
        grid-column: 1;
        grid-row: 4;
        letter-spacing: 0.2vw;
        line-height: 5.2vw;
        color: #777777;
        margin-top: 0;
        align-self: center;
    }

    .section_7>div>p>strong {
        color: black;
    }

    .section_7>div:first-of-type {
        grid-column: 2;
        grid-row: 2;
    }

    .section_7>div:nth-of-type(2) {
        grid-column: 2;
        grid-row: 3;
    }

    .section_7>div:nth-of-type(3) {
        grid-column: 2;
        grid-row: 4;
    }

    .section_7>div:nth-of-type(4) {
        grid-column: 2;
        grid-row: 5;
    }

    .section_7>div:nth-of-type(5) {
        grid-column: 2;
        grid-row: 6;
    }

    .section_7>div:nth-of-type(6) {
        grid-column: 2;
        grid-row: 7;
    }

    .section_7>a {
        grid-column: 2;
        grid-row: 8;
        width: 40%;
        height: 8vw;
        font-size: 3.6vw;
        text-decoration: none;
        margin-top: 16vw;
    }

    .section_7>a:hover {
        background-color: rgb(86, 86, 86);
    }

    /* section_8 */
    .section_8 {
        width: 100%;
        display: grid;
        grid-template-columns: 5% 1fr 5%;
        grid-template-rows: repeat(10, auto);
        padding-bottom: 16vw;
    }

    .section_8>h1 {
        grid-column: 2;
        grid-row: 1;
        font-size: 4vw;
        margin-top: 16vw;
    }

    .section_8>h2 {
        grid-column: 2;
        grid-row: 2;
        font-size: 3.6vw;
        margin-top: 8vw;
        width: 58%;
        line-height: 6vw;
    }

    .section_8>p {
        width: 96%;
        grid-column: 2;
        grid-row: 4;
        font-size: 3vw;
        letter-spacing: 0.2vw;
        line-height: 5.6vw;
        margin-top: 0;
        margin-top: 4vw;
    }


    .section_8>div:first-of-type {
        grid-column: 2;
        grid-row: 5;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, auto);
        margin-top: 0;
        margin-top: 4vw;
        height: auto;
    }

    .section_8>div:first-of-type>div {
        width: 100%;
        height: 8vw;
        display: grid;
        grid-template-columns: 20% 80%;
        grid-template-rows: 1fr;
        margin-top: 4vw;
    }

    .section_8>div:first-of-type>div>img {
        grid-column: 1;
        grid-row: 1;
        width: 25%;
    }

    .section_8>div:first-of-type>div>p {
        font-size: 2.6vw;
        align-self: center;
        grid-column: 2;
        grid-row: 1;
        letter-spacing: 0.2vw;
    }

    .section_8>div:first-of-type>div>a {
        font-size: 2.6vw;
        align-self: center;
        grid-column: 2;
        grid-row: 1;
        letter-spacing: 0.2vw;
    }

    .section_8>form {
        grid-column: 2;
        grid-row: 6;
        width: 100%;
        margin-top: 8vw;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, auto);
        justify-self: end;
        padding: 5% 5%;
        height: auto;
        row-gap: 5vw;
    }

    .section_8>form>div {
        display: grid;
        grid-template-columns: 30% 70%;
        grid-template-rows: 1fr;
    }

    .section_8>form>div>label {
        font-size: 2.6vw;
        align-self: center;
    }

    .section_8>form>div:first-of-type>input,
    .section_8>form>div:nth-of-type(2)>input,
    .section_8>form>div:nth-of-type(3)>input {
        font-size: 2.6vw;
        height: 8vw;
        width: 100%;
        padding-left: 2vw;
        letter-spacing: 0.2vw;
    }

    .section_8>form>div:first-of-type>input::placeholder,
    .section_8>form>div:nth-of-type(2)>input::placeholder,
    .section_8>form>div:nth-of-type(3)>input::placeholder,
    .section_8>form>div>textarea::placeholder {
        color: #b6b6b6;
    }

    .section_8>form>div:nth-of-type(4)>textarea {
        font-size: 2.6vw;
        height: auto;
        width: 100%;
        height: 30vw;
        padding: 2vw;
        line-height: 4vw;
    }

    .section_8>form>p {
        font-size: 2.6vw;
        justify-self: center;
    }

    .section_8>form>button {
        width: 50%;
        height: 8vw;
        font-size: 3vw;
    }

    .section_8>form>button:hover {
        background-color: rgb(86, 86, 86);
    }

    .section_8>form>label {
        font-size: 2.6vw;
        justify-self: center;
        letter-spacing: 0.2vw;
    }


    /* ポップアップの背景（初期状態は非表示） */
    .modal {
        display: none;
        /* ★重要：初期状態では非表示 */
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.7);
        /* 半透明の黒い背景 */
    }

    /* ポップアップの中身 */
    .modal-content {
        background-color: #eeeeee;
        margin: 10% auto;
        /* 画面中央に配置 */
        padding: 10vw;
        border: 1px solid #888;
        width: 80%;
        max-width: 80%;
        position: relative;
    }

    .modal-content>h2 {
        font-size: 4vw;
    }

    .modal-content>h3 {
        font-size: 3vw;
        margin-top: 4vw;
    }

    .modal-content>p {
        font-size: 2.6vw;
        margin-top: 2vw;
        font-feature-settings: "palt";
        letter-spacing: 0.1vw;
        line-height: 5vw;
        margin-left: 2.6vw;
    }

    /* 閉じるボタン */
    .close-btn {
        color: #aaa;
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
    }

    body.no-scroll {
        overflow: hidden;
        /* ★スクロールを無効化 */
    }

    #open-modal-link {
        color: rgb(0, 109, 205);
        text-decoration: underline;
    }

    input[type="checkbox"] {
        /* ★ここで大きさを2倍にする */
        transform: scale(1.2);
        margin-right: 1vw;
        margin-bottom: 0.2vw;
    }
}