.div-wrapper {
    position: relative;
    width: 1440px;
    min-height: 50vh;
    background-color: rgba(248,249,251,1);
    margin: 0 auto 40px;
}

    .div-wrapper .main-frame {
        display: flex;
        flex-direction: column;
        width: 1200px;
        align-items: flex-start;
        gap: 24px;
        padding: 16px 0px 0px;
/*        position: absolute;*/
        top: auto;
        margin-left: 120px;
    }

.div-wrapper .bread-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.div-wrapper .bread-list-text-upper {
    font-family: "Segoe UI", Helvetica;
    font-weight: 400;
    color: #003AD8;
    font-size: 14px;
    line-height: 100%;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    letter-spacing: 0px;
    font-style: normal;
}

    .div-wrapper .bread-list-text-upper a {
        color: #003AD8;
    }

.div-wrapper .bread-list-icon {
    position: relative;
    width: 16px;
    height: 16px;
}

.div-wrapper .bread-list-text-here {
    font-family: "Segoe UI", Helvetica;
    font-weight: 400;
    color: rgba(89, 88, 95, 1);
    font-size: 14px;
    line-height: 100%;
    position: relative;
    width: fit-content;
    letter-spacing: 0px;
    white-space: nowrap;
    font-style: normal;
}

.div-wrapper .title-frame {
    display: flex;
    width: 1200px;
    align-items: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
}

.div-wrapper .title-img {
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
}

.div-wrapper .title {
    position: relative;
    flex: 1;
    margin-top: -1.00px;
    font-family: "Segoe UI-Regular", Helvetica;
    font-weight: 400;
    color: rgba(45, 54, 87, 1);
    font-size: 32px;
    letter-spacing: 0;
    line-height: 48px;
}

    .div-wrapper .notice-detail {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        padding: 32px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(255,255,255,1);
        border-radius: 12px;
        overflow: hidden;
    }

    .div-wrapper .notice-header {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 16px 16px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .div-wrapper .notice-header-contents {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .div-wrapper .notice-meta {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        position: relative;
        flex: 0 0 auto;
    }

    .div-wrapper .notice-date {
        position: relative;
        width: 78px;
        margin-top: -1.00px;
        font-family: "SegoeUI",Helvetica;
        font-weight: 400;
        color: rgba(45,54,87,1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 1.5;
        font-style: normal;
    }

    .div-wrapper .notice-type-circle {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(235, 239, 244, 1);
        display: flex;
        width: 96px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 6px 8px;
        position: relative;
        border-radius: 30px;
    }

    .div-wrapper .notice-type-circle p {
        margin-top: -1.00px;
        font-family: "Segoe UI", Helvetica;
        font-weight: 700;
        color: rgba(45, 54, 87, 1);
        font-size: 18px;
        line-height: 100%;
        position: relative;
        width: fit-content;
        letter-spacing: 0px;
        white-space: nowrap;
        font-style: normal;
    }

    .div-wrapper .notice-type-circle-important {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(204, 5, 5, 1);
        display: flex;
        width: 96px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 6px 8px;
        position: relative;
        border-radius: 30px;
    }

    .div-wrapper .notice-type-circle-empty {
        visibility: hidden;
        display: inline-flex;
        align-items: center;
        gap: 16px;
        position: relative;
        flex: 0 0 auto;
        display: flex;
        width: 96px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 6px 8px;
        position: relative;
        border-radius: 30px;
    }

    .div-wrapper .notice-tag-new {
        font-family: "Segoe UI", Helvetica;
        font-size: 18px;
        font-weight: bold;
        background-color: rgba(179, 231, 255, 1);
        color: rgba(45, 54, 87, 1);
        padding: 4px 8px;
        border-radius: 30px;
        white-space: nowrap;
        line-height: 20px;
    }

        .div-wrapper .notice-type-circle-important p {
            margin-top: -1.00px;
            font-family: "Segoe UI", Helvetica;
            font-weight: 700;
            color: rgba(255, 255, 255, 1);
            font-size: 18px;
            line-height: 100%;
            position: relative;
            width: fit-content;
            letter-spacing: 0px;
            white-space: nowrap;
            font-style: normal;
        }

    .div-wrapper .notice-title-wrapper {
        display: flex;
        align-items: center;
        gap: 24px;
        padding: 0px 0px 16px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .div-wrapper .notice-title {
        margin-top: -1.00px;
        font-family: "SegoeUI",Helvetica;
        font-weight: 700;
        color: rgba(45,54,87,1);
        font-size: 32px;
        line-height: 1.5;
        position: relative;
        width: fit-content;
        letter-spacing: 0px;
        font-style: normal;
    }

    .div-wrapper .notice-description {
        align-self: stretch;
        font-family: "SegoeUI",Helvetica;
        font-weight: 400;
        color: rgba(45,54,87,1);
        font-size: 18px;
        line-height: 1.5;
        position: relative;
        letter-spacing: 0px;
        font-style: normal;
    }

    .div-wrapper .back-to-list {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 0px 4px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 8px;
    }



    .div-wrapper .back-icon {
        position: relative;
        width: 20px;
        height: 20px;
    }

    .div-wrapper .back-text {
        margin-top: -1.00px;
        font-family: "Roboto-Regular", Helvetica;
        font-weight: 400;
        color: rgba(45,54,87,1);
        font-size: 16px;
        line-height: 24px;
        text-decoration: underline;
        white-space: nowrap;
        position: relative;
        width: fit-content;
        letter-spacing: 0;
    }

        .div-wrapper .back-text:hover {
            color: rgba(0,62,230,1);
            text-decoration: none;
            cursor: pointer;
        }
@media screen and (max-width: 430px) {
   
    .div-wrapper .main-frame {
        margin-left: 8px;
    }

    .div-wrapper,.div-wrapper * {
        box-sizing: border-box;
        max-width: 100vw;
    }

    .div-wrapper .notice-title, .div-wrapper .notice-description {
        word-break: break-all;
        overflow-wrap: break-word;
    }

    .footer-copyright {
        text-align: left;
    }
}

/*チャットボット用*/
/*.div-wrapper .chatbot {
  display: flex;
  flex-direction: column;
  width: 470px;
  height: 84px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  position: fixed;
  top: 780px;
  left: 970px;
}

.div-wrapper .image-2 {
  width: 264px;
  height: 84px;
  margin-top: -0.50px;
  position: relative;
  object-fit: cover;
}*/