/* *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        strong,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        font,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        sub,
        sup,
        tt,
        var,
        fieldset,
        form,
        legend,
        caption,
        tbody,
        tfoot,
        thead,
        table,
        label,
        tr,
        th,
        td,
        p,
        img,
        figure,
        ul,
        dl,
        dt,
        dd {
            margin: 0;
            padding: 0;
            border: none;
        } */

        /* html,
        body {
            height: 100%;
            margin: 0;
            padding: 0;
            scroll-behavior: smooth;
        }

        body {
            overflow-y: scroll;
            background: #f5f5f1;
            color: #333;
            font-family: 'Titillium Web', 'Roboto', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
            line-height: 1.6;
            -webkit-text-size-adjust: 100%;
        }

        html {
            font-size: 15px;
        } */

        /* a {
            color: #32b8c7;
        } */

        /* a:hover {
            text-decoration: none;
        } */

        /* img {
            vertical-align: top;
            max-width: 100%;
            height: auto;
        } */

        /* #wrap */

        /* #wrap {
            min-height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        } */

        div#contents_main #contents_section ul.link_list li {
            background-image: none;
            padding: 0;
        }

        div#contents_main #contents_section .add_contents ul li {
            background-image: none;
            padding-left: 22px;
            padding-left: 1.375em;
        }


        .goukaku__inner {
            width: 100%;
            max-width: 1140px;
            margin-right: auto;
            margin-left: auto;
            padding: 30px 10px 60px;
            /* border: 1px solid #e4e4e1; */
            background: #fff;
        }

        @media screen and (min-width:768px) {
            .goukaku__inner {
                padding: 30px;
                margin-bottom: 20px;
            }
        }

        @media screen and (min-width:1024px) {
            .goukaku__inner {
                margin-bottom: 40px;
            }
        }

        /* @media print,
        screen and (min-width:768px) {
            #wrap {
                padding: 30px;
            }

            #wrap>.inner {
                padding: 30px;
            }
        } */

        .goukaku__inner {

            /* h1 */

            .page_title {
                /* margin: 1.25em 0 1em 0; */
                margin-bottom: 1em;
                color: #272e6e;
                line-height: 1.3;
                font-weight: 500;
                font-size: 1.75rem;
                display: flex;
                justify-content: center;
            }

            /* property */

            .wb_break_all {
                word-break: break-all !important;
            }

            .border-bottom {
                border-bottom: solid 1px #333;
            }

            .border-bottom-red {
                border-bottom: solid 1px #f00;
            }

            .color-red {
                color: #f00;
            }

            @media screen and (max-width: 560px) {
                .sp_fs_13px {
                    font-size: 13px !important;
                }
            }

            /*210702追加　受験生Webに準ずるスタイル*/
            .add_contents p {
                margin-bottom: 0.5em;
            }

            .add_contents h3 {
                margin: 20px 0 10px 0;
                color: #339999;
                font-size: 130%;
                font-weight: bold;
            }

            .add_contents ul {
                list-style: none;
                background: none;
                padding: 0px 0px 0px 0px;
            }

            .add_contents .web_application ul {
                margin-bottom: 50px;
            }

            .add_contents li {
                position: relative;
                margin-top: 0.375em;
                padding-left: 22px;
                padding-left: 1.375em;
            }

            .add_contents li:nth-child(1) {
                margin-top: 0;
            }

            .notes_list {
                margin-top: 1.5em;
            }

            .notes_list li::before {
                content: "";
                display: block;
                position: absolute;
                top: 0.5em;
                left: 0.25em;
                width: 0.5em;
                height: 0.5em;
                border-radius: 100%;
                background: #333;
            }

            .web_application li::before {
                content: "※";
                display: block;
                position: absolute;
                left: 0;
            }

            .paper_application li::before {
                content: "◆";
                display: block;
                font-size: 0.8em;
                color: #6ec440;
                position: absolute;
                left: 0;
                top: 0.2em;
            }

            .add_contents hr {
                display: block;
                width: 100%;
                height: 1px;
                margin: 30px 0 30px 0;
                border: none;
                border-top: solid 2.5px #cccccc;
                color: #ffffff;
                background: #ffffff;
                clear: both;
                float: none;
            }

            .add_contents h4 {
                margin: 5px 0;
                font-size: 108%;
                font-weight: bold;
            }

            .add_contents table {
                margin-bottom: 1.5em;
                border-top: #d8d8d8 solid 1px;
                border-left: #d8d8d8 solid 1px;
                border-collapse: collapse;
                width: 100%;
            }

            .add_contents tr {
                border-bottom: #d8d8d8 solid 1px;
                border-right: #d8d8d8 solid 1px;
            }

            .add_contents th {
                padding: 10px 10px 10px 10px;
                background-color: #f5f8e6;
                white-space: nowrap;
                border-bottom: #d8d8d8 solid 1px;
                border-right: #d8d8d8 solid 1px;
            }

            .add_contents td {
                padding: 10px 10px 10px 10px;
                border-bottom: #d8d8d8 solid 1px;
                border-right: #d8d8d8 solid 1px;
                vertical-align: middle;
            }

            @media screen and (max-width: 560px) {
                .add_contents table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) {
                    border: none !important;
                }

                .add_contents table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) tr {
                    border: none !important;
                    border-bottom: #d8d8d8 dotted 1px !important;
                    padding: 8px 0px 8px 0px;
                    width: 100% !important;
                }

                .add_contents table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) th {
                    padding: 6px 0px 8px 0px !important;
                    background-color: #d8d8d8;
                    white-space: nowrap;
                    overflow: hidden;
                    display: block;
                    border: none !important;
                    width: 100% !important;
                }

                .add_contents table.no_responsive_table th {
                    white-space: normal !important;
                }

                .add_contents table:not(.no_responsive_table):not(.gcsc-branding):not(.gsc-table-result):not(.table_img_2column) td {
                    border-left: none !important;
                    word-wrap: break-word;
                    overflow: hidden;
                    display: block;
                    padding: 6px 0px 8px 0px !important;
                    border: none !important;
                    width: 100% !important;
                }

                .add_contents th img,
                .add_contents td img {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                }
            }

            .web_application_table th {
                background: #7fd4eb;
            }

            .paper_application_table th {
                background: #d7e596;
            }

            .add_contents p.link-btn {
                margin-top: 0.7em;
                margin-bottom: 1em;
                margin-inline: auto;
                font-size: 1.1em;
                width: 100%;
                max-width: 400px;
                text-align: center;
            }

            @media screen and (min-width: 768px) {
                .add_contents p.link-btn {
                    width: fit-content;
                    max-width: none;
                    margin-inline: 0;
                }
            }

            .link_list {
                margin-bottom: 2em;
                list-style-type: none;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 3vw;
            }

            .link_list li {
                width: calc(50% - 1.5vw);
                max-width: 300px;
                font-weight: 700;
                text-align: center;
                border-radius: 4px;
                transition: .3s;
                background: none;
            }

            @media screen and (min-width: 1024px) {
                .link_list li:hover {
                    opacity: 0.7;
                }
            }

            .link_list li span {
                font-weight: 400;
                font-size: 0.9em;
            }

            .link_list li:nth-of-type(1) {
                background: #7fd4eb;
            }

            .link_list li:nth-of-type(2) {
                background: #d7e596;
            }

            .link_list li a {
                padding: 5px 0;
                display: block;
                color: #333;
                text-decoration: none;
            }

            .link-btn a {
                display: block;
                padding: 0.4em 2.5em 0.4em 1em;
                border: 2px solid #339999;
                text-decoration: none;
                color: #fff;
                background: #339999;
                border-radius: 4px;
                transition: .3s;
                position: relative;
            }

            .link-btn a::after {
                content: "";
                display: inline-block;
                width: 1em;
                height: 1em;
                background: url(../images/sub-pages/goukaku/link-icon_white.png) center center / contain no-repeat;
                transition: .3s;
                position: absolute;
                top: 50%;
                right: 1em;
                transform: translateY(-50%);
            }

            @media screen and (min-width: 768px) {
                .link-btn a::after {
                    right: 0.8em;
                }
            }

            @media screen and (min-width: 1024px) {
                .link-btn a:hover {
                    color: #339999;
                    background: #fff;
                }

                .link-btn a:hover::after {
                    background: url(../images/sub-pages/goukaku/link-icon_green.png) center center / contain no-repeat;
                }
            }

            .diamond-mark {
                padding-right: 0.5em;
                font-size: 0.8em;
                vertical-align: 0.1em;
            }

            .web_application .diamond-mark {
                color: #1d51ec;
            }

            .paper_application .diamond-mark {
                color: #6ec440;
            }

            a.after-none {
                padding: 0.4em 1em;
            }

            a.after-none::after {
                display: none;
            }

            @media screen and (min-width: 1024px) {
                .link-btn a.after-none:hover {
                    background: #339999;
                    color: #fff;
                }
            }
        }