body .main {
    font-family:  'Noto Sans JP', sans-serif;
    font-size: clamp(18px, 2vw, 1.8rem);
    line-height: 3rem;
}

.main ol,
.main ul {
    padding: 0;
    position: relative;
}

.main ul>li {
    line-height: 1.5;
    padding: 0 0.5em 0 2em;
    list-style-type: none !important;
}

.main ul>li:before {
    font-family: "Material Symbols Outlined";
    content: "\e92f";
    position: absolute;
    left: 0.5em;
}

.main ul>li ul>li:before {
    font-family: "Material Symbols Outlined";
    content: "\e047";
    position: absolute;
    left: 0.5em;
}

.carousel.custom .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    text-align: start;
    z-index: 1;
}

/*** Hero ***/
.hero .carousel-inner .carousel-item.active {
    max-height: 10vh;
    object-fit: cover;
    background-color: midnightblue;
}

.hero .carousel-inner .carousel-item.active {
    min-height: 100px;
}

.form {
    box-shadow: 0 .25rem 1rem .5rem ghostwhite;
    padding: 1.5rem 2rem 2.5rem;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, midnightblue, dodgerblue);
    border-top: 8px solid;
    border-bottom: 8px solid;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 auto;
    overflow: hidden;
}