@charset "UTF-8";


.text-indent {
    padding-left: 2rem !important;
    box-sizing: border-box;
    display: block !important;
}

.part {
    padding-top: 6rem;

    @media screen and (max-width: 767px) {
        padding-top: 30px;
    }

    .essay-title {
        font-family: var(--noto);
        font-weight: bold;
        font-size: 3rem;
        letter-spacing: 0.2em;
        line-height: 3.5rem;
        text-align: left;
        color: #000;
        padding-bottom: 2.5rem;
        margin-bottom: 2.5rem;
        border-bottom: #dddddd 5px solid;
        position: relative;
        margin-bottom: 4rem;
        &::after {
            position: absolute;
            content: "";
            width: 10rem;
            height: 5px;
            background-color: #e14140;
            left: 0;
            bottom: -5px;
        }
    }

    .normal-txt {
        margin: 2rem 0;
        font-family: "Noto Sans JP";
        font-weight: normal;
        font-size: 1.6rem;
        letter-spacing: 0.2em;
        line-height: 2;
        color: #000;

        @media screen and (max-width: 767px) {
            font-size: 14px;
        }
    }
    .normal-txt.adjust {
        margin: 2rem 0 0rem;
    }

    .to-right {
        text-align: right;
    }

    & ol {
        padding-left: 1.5em;

        & li {
            list-style: decimal;
            font-family: "Noto Sans JP";
            font-weight: normal;
            font-size: 1.6rem;
            letter-spacing: 0.2em;
            line-height: 2;

            @media screen and (max-width: 767px) {
                font-size: 14px;
            }
        }

        .special {
            list-style: lower-alpha;
        }
    }

    .common-h3 {
        margin: 3rem 0 2rem;
        font-family: "Noto Sans JP";
        font-weight: bold;
        font-size: 1.8rem;
        letter-spacing: 0.2em;
        line-height: 2;
        color: #000;

        @media screen and (max-width: 767px) {
            font-size: 16px;
        }
    }

    .pdf-link {
        margin: 2rem 0;
        display: flex;
        align-items: center;
        gap: 1rem;

        .pdf-icon {
            width: 2.4rem;

            @media screen and (max-width: 767px) {
                width: 20px;
            }
        }

        .pdf-txt {
            gap: 2rem;
            text-decoration: underline;
            color: #000;
            position: relative;
            transition: opacity ease 0.3s;

            &:hover {
                opacity: 0.7;
            }

            &::after {
                content: "";
                position: absolute;
                right: -1.2em;
                top: 50%;
                transform: translateY(-50%);
                width: 1.3rem;
                height: 1.3rem;
                background-image: url(../../img/single/news/red_link.svg);
                background-repeat: no-repeat;
                background-size: contain;
            }

            @media screen and (max-width: 767px) {
                &::after {
                    width: 10px;
                    height: 10px;
                }
            }
        }
    }

    .table {
        margin: 2rem 0;
        width: 100%;

        & thead {
            & tr {
                border-bottom: 2px solid black;
                & th {
                    vertical-align: top;
                    width: 38%;
                    padding: 1.5rem 3rem 1.5rem 0;
                    padding-right: 3rem;
                    font-family: "Noto Sans JP";
                    font-weight: bold;
                    font-size: 1.6rem;
                    letter-spacing: 0.2em;
                    line-height: 2;
                    text-align: left;

                    @media screen and (max-width: 767px) {
                        padding: 12px 20px 12px 0;
                        font-size: 14px;
                    }
                }
            }
        }

        & tbody {
            & tr {
                border-bottom: 1px solid lightgray;

                & th,
                & td {
                    vertical-align: top;
                    font-family: "Noto Sans JP";
                    font-weight: normal;
                    font-size: 1.6rem;
                    letter-spacing: 0.2em;
                    line-height: 2;
                    text-align: left;

                    @media screen and (max-width: 767px) {
                        font-size: 14px;
                    }
                }

                & th {
                    width: 38%;
                    padding: 1.5rem 3rem 1.5rem 0;

                    @media screen and (max-width: 767px) {
                        padding: 12px 20px 12px 0;
                    }
                }

                & td {
                    width: 62%;
                    padding: 1.5rem 3rem 1.5rem 0;

                    @media screen and (max-width: 767px) {
                        padding: 12px 0;
                    }
                }
            }
        }
    }

    .extra-link {
        color: #000;
        transition: opacity ease 0.3s;

        &:hover {
            opacity: 0.7;
        }
    }
}

#contents {
    padding-bottom: 6rem;

    @media screen and (max-width: 767px) {
        padding-bottom: 40px;
    }
}

.to-contact {
    display: inline-block;
}