#output {
    position: fixed;
    height: calc(100vh - 90px);
    margin-top: 45px;
    z-index: -1
}

#output canvas {
    position: fixed;
    z-index: -1;
    margin-left: -20vw
}

#load-animation {
    background-color: #fff;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999999
}

#load-animation-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#load-animation-logo img.logo {
    height: 100px
}

#load-animation-logo img.logo-name {
    height: 50px
}

main.toppage-main section.top-section {
    height: 100dvh
}

main.toppage-main section.top-section div.text-area {
    height: 100dvh;
    justify-content: end;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 1
}

main.toppage-main section.top-section div.text-area h1 {
    text-align: right
}

main.toppage-main section.top-section div.text-area h1 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 2.75vw;
    color: var(--main-color);
    margin-right: 5vw;
    font-weight: bold;
}

main.toppage-main section.top-section div.text-area span {
    font-size: 2rem
}

main.toppage-main section.top-section ul {
    position: relative;
    z-index: 1
}

main.toppage-main section.top-section ul li {
    margin: 10px
}

main.toppage-main section.top-section ul li img {
    width: 10vw;
    height: 10vw;
    border-radius: 20px;
    object-fit: cover
}

main.toppage-main section.company-area {
    width: 100dvw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--white-color);
    position: relative;
    z-index: 1
}

main.toppage-main section.company-area div.company-contact {
    padding: 10vh 20vw;
    background-color: rgba(0, 0, 0, 0.5)
}

main.toppage-main section.company-area div.company-contact div.section-title {
    margin-bottom: 50px
}

main.toppage-main section.company-area div.company-contact div.section-title h2 {
    color: var(--white-color);
    font-size: 2.5rem
}

main.toppage-main section.company-area div.company-contact div.section-title h2::before {
    background-color: var(--white-color)
}

main.toppage-main section.company-area div.company-contact p {
    text-align: center
}

main.toppage-main section.company-area div.company-contact div.link-more {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center
}

main.toppage-main section.company-area div.company-contact div.link-more a {
    border: var(--white-color) 1px solid;
    padding: 10px 100px;
    border-radius: 10px;
    color: var(--white-color);
    background-color: transparent;
    transition: background-color .3s ease,color .3s ease
}
main.toppage-main section.company-area div.company-contact div.link-more a:hover {background-color: var(--white-color);color: var(--main-color)}

main.toppage-main section.service-area {
    padding: 10vh 0;
    background-color: rgba(255, 255, 255, 0.7)
}

main.toppage-main section.service-area div.section-title {
    margin-bottom: 50px
}

main.toppage-main section.service-area ul.service-list li.service-item {
    margin: 0 2vw
}

main.toppage-main section.service-area ul.service-list li.service-item div.service-item_image img {
    border: var(--main-color) solid 2px;
    border-radius: 10px;
    height: 15vw;
    object-fit: cover
}

main.toppage-main section.service-area ul.service-list li.service-item div.service-item_title {
    margin-bottom: 20px
}

main.toppage-main section.service-area ul.service-list li.service-item div.service-item_title h4 {
    font-size: 1.25rem;
    color: var(--black-color)
}

main.toppage-main section.effect-area {
    min-height: 100vh;
    background-color: var(--footer-color);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10vh;
    border-radius: 0 100px 0 0
}

main.toppage-main section.effect-area div.section-title {
    margin-bottom: 50px
}

main.toppage-main section.effect-area div.section-title h2 {
    color: var(--second-color)
}

main.toppage-main section.effect-area div.section-title h2::before {
    background-color: var(--second-color)
}

main.toppage-main section.effect-area div.effect-content_text p {
    color: var(--white-color);
    font-weight: bold;
    text-align: center;
    font-size: 2rem
}

main.toppage-main section.effect-area div.effect-content_declaration {
    width: 50vw;
    margin: 0 auto
}

main.toppage-main section.effect-area div.effect-content_declaration p {
    width: 100%;
    color: var(--white-color);
    font-weight: bold;
    text-align: center;
    font-size: 2rem;
    border-bottom: var(--second-color) 2px solid
}

main.toppage-main section.effect-area div.effect-content_table table {
    margin: 50px auto
}

main.toppage-main section.effect-area div.effect-content_table table tbody tr th {
    margin-bottom: 25px;
    display: flex;
    border-right: var(--white-color) 2px dotted;
    padding: 0 20px;
    justify-content: end;
    align-items: end
}

main.toppage-main section.effect-area div.effect-content_table table tbody tr th p {
    color: var(--second-color);
    font-weight: bold;
    font-size: 5rem
}

main.toppage-main section.effect-area div.effect-content_table table tbody tr th span {
    color: var(--second-color);
    font-weight: bold;
    font-size: 2rem;
    padding-bottom: 25px;
    padding-left: 10px
}

main.toppage-main section.effect-area div.effect-content_table table tbody tr td {
    padding: 20px
}

main.toppage-main section.effect-area div.effect-content_table table tbody tr td p {
    color: var(--white-color);
    font-weight: bold;
    font-size: 2rem
}

main.toppage-main section.achievements-area {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 100px 0 0 0;
    padding: 10vh 5vw
}

main.toppage-main section.achievements-area div.section-title {
    margin-bottom: 50px
}

main.toppage-main section.achievements-area ul.achievements-list li.achievements-item {
    margin: 0 2vw;
    width: 15vw
}

main.toppage-main section.achievements-area ul.achievements-list li.achievements-item div.achievements-item_image img {
    border-radius: 10px;
    /* width: 15vw;
    height: 15vw; */
    /* object-fit: cover */
}

/* main.toppage-main section.achievements-area ul.achievements-list li.achievements-item div.achievements-item_title {
    margin-bottom: 40px
}

main.toppage-main section.achievements-area ul.achievements-list li.achievements-item div.achievements-item_title h3 {
    font-size: 1.25rem;
    color: var(--main-color)
}

main.toppage-main section.achievements-area ul.achievements-list li.achievements-item div.achievements-item_title h4 {
    font-size: 1.25rem;
    color: var(--black-color)
} */

main.toppage-main section.recruit-area {
    background-color: var(--white-color)
}

main.toppage-main section.recruit-area div.section-title {
    margin-bottom: 50px
}

main.toppage-main section.recruit-area div.recruit-section {
    width: 100dvw;
    height: 50vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--white-color)
}

main.toppage-main section.recruit-area div.recruit-section div.recruit-contact {
    height: 50vh;
    padding: 10vh 20vw;
    background-color: rgba(0, 0, 0, 0.5)
}

main.toppage-main section.recruit-area div.recruit-section div.recruit-contact div.section-title {
    margin-bottom: 50px
}

main.toppage-main section.recruit-area div.recruit-section div.recruit-contact div.section-title h2 {
    color: var(--white-color);
    font-size: 2.5rem
}

main.toppage-main section.recruit-area div.recruit-section div.recruit-contact div.section-title h2::before {
    background-color: var(--white-color)
}

main.toppage-main section.recruit-area div.recruit-section div.recruit-contact p {
    text-align: center
}

main.toppage-main section.recruit-area div.recruit-section div.recruit-contact div.link-more {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center
}

main.toppage-main section.recruit-area div.recruit-section div.recruit-contact div.link-more a {
    border: var(--white-color) 1px solid;
    padding: 10px 100px;
    border-radius: 10px;
    color: var(--white-color);
    background-color: transparent;
    transition: background-color .3s ease,color .3s ease
}
main.toppage-main section.recruit-area div.recruit-section div.recruit-contact div.link-more a:hover {background-color: var(--white-color);color: var(--main-color)}

main.toppage-main section.access-area {
    padding: 10vh 0;
    padding-bottom: 0;
    background-color: rgba(255, 255, 255, 0.7)
}

main.toppage-main section.access-area div.section-title {
    margin-bottom: 50px
}

main.toppage-main section.access-area div.access-section {
    padding-bottom: 10vh
}

main.toppage-main section.access-area div.access-section div.access-company_image img {
    width: 70vw;
    height: 50vh;
    border-radius: 50px;
    object-fit: cover
}

main.toppage-main section.access-area div.access-section div.access-company_detail {
    margin-top: 50px
}

main.toppage-main section.access-area div.access-section div.access-company_detail h3 {
    color: var(--main-color);
    margin: 0 50px
}

main.toppage-main section.access-area iframe {
    width: 100vw;
    height: 50vh
}

main.servicepage-main {
    background-color: var(--footer-color)
}

main.servicepage-main section.official-area {
    min-height: 100dvh
}

main.servicepage-main section.official-area section.content-heading {
    height: 100dvh
}

main.servicepage-main section.official-area section.content-heading h3 {
    color: var(--white-color);
    font-weight: bold;
    font-size: 10rem;
    line-height: 13rem
}

main.servicepage-main section.official-area section.content-heading h3 span {
    background-color: var(--white-color);
    color: var(--footer-color);
    padding: 10px
}

main.servicepage-main section.official-worries_area {
    background-color: var(--white-color);
    border-radius: 0 100px 0 0;
    min-height: 100dvh;
    padding-top: 10vh;
    padding-bottom: 10vh
}

main.servicepage-main section.official-worries_area ul {
    margin: 0 auto;
    margin-top: 15vh;
    width: 80vw
}

main.servicepage-main section.official-worries_area ul li {
    margin-top: 50px;
    margin-bottom: 50px
}

main.servicepage-main section.official-worries_area ul li p {
    font-size: 2.5rem;
    font-weight: bold
}

main.servicepage-main section.official-necessity_area {
    background-color: var(--white-color);
    min-height: 100dvh;
    padding-bottom: 10dvh
}

main.servicepage-main section.official-necessity_area div.text-area {
    margin-top: 10vh
}

main.servicepage-main section.official-necessity_area div.text-area h3 {
    text-align: center;
    font-size: 2.5rem
}

main.servicepage-main section.official-necessity_area ul {
    margin: 0 auto;
    margin-top: 10vh;
    width: 65vw
}

main.servicepage-main section.official-necessity_area ul li h4 {
    text-align: center;
    background-color: var(--main-color);
    padding: 5px;
    font-weight: bold;
    font-size: 2.5rem;
    color: var(--white-color)
}

main.servicepage-main section.official-necessity_area ul li p {
    padding: 50px;
    font-size: 2rem
}

main.servicepage-main section.official-comparison_area {
    background-color: var(--white-color);
    min-height: 100dvh;
    padding-top: 10dvh;
    padding-bottom: 10dvh
}

main.servicepage-main section.official-comparison_area ul {
    margin: 0 auto;
    margin-top: 10vh;
    width: 65vw
}

main.servicepage-main section.official-comparison_area ul h4 {
    text-align: center;
    background-color: var(--main-color);
    padding: 5px;
    font-weight: bold;
    font-size: 2.5rem;
    color: var(--white-color)
}

main.servicepage-main section.official-comparison_area ul .image-area img {
    width: 100%
}

main.servicepage-main section.official-comparison_area ul li div.text-area {
    margin-top: 5vh
}

main.servicepage-main section.official-comparison_area ul li div.text-area h5 {
    padding-left: 50px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 2.5rem;
    width: 80%;
    border-bottom: var(--second-color) 2px solid
}

main.servicepage-main section.official-comparison_area ul li p {
    padding: 50px;
    font-size: 2rem
}

section.recruit-area_mvv {
    background-color: var(--white-color)
}

section.recruit-area_mvv ul.mvv-list li {
    padding-bottom: 20px
}

section.recruit-area_mvv ul.mvv-list li h3 {
    background-color: var(--main-color);
    color: var(--white-color);
    padding: 10px;
    text-align: center;
    margin: 20px 0
}

section.recruit-area_mvv ul.mvv-list li p {
    font-size: 2rem;
    margin-left: 20px
}

section.company-detail_area {
    background-color: var(--white-color)
}

section.company-detail_area div.company-detail_section {
    padding: 10vh 5vw
}

section.company-detail_area div.company-detail_image {
    margin: 0 auto;
    width: 70vw;
    height: 50vh;
    margin-bottom: 10vh
}

section.company-detail_area div.company-detail_image img {
    width: 100%;
    height: 50vh;
    border-radius: 50px;
    object-fit: cover
}

section.company-detail_area div.company-detail_content table th {
    padding-right: 50px
}

section.company-detail_area div.company-detail_content table th p {
    color: var(--main-color);
    font-size: calc(1.3rem + 0.6vw);
    font-weight: 500;
    line-height: 1.2
}

section.company-detail_area div.company-detail_content table td {
    padding-top: 25px;
    padding-bottom: 25px
}

section.company-detail_area div.company-detail_content table td p {
    font-weight: 500;
    line-height: 1.2;
    font-size: calc(1.275rem + 0.3vw)
}

section.company-detail_area div.company-detail_content iframe {
    width: 30vw
}

section.requirements-area {
    background-color: var(--footer-color);
    padding: 10vh 10vw
}

section.requirements-area section.content-heading {
    background-color: var(--white-color);
    padding: 5vh 10vw
}

section.requirements-area section.content-heading table {
    margin-top: 5vh;
    border-collapse: collapse
}

section.requirements-area section.content-heading table tr {
    border-bottom: var(--footer-color) 2px solid
}

section.requirements-area section.content-heading table tr th {
    padding-left: 50px;
    width: 30%;
    padding-right: 50px
}

section.requirements-area section.content-heading table tr th p {
    color: var(--main-color);
    font-size: calc(1.3rem + 0.6vw);
    font-weight: 500;
    line-height: 1.2
}

section.requirements-area section.content-heading table tr td {
    padding-top: 25px;
    padding-bottom: 25px
}

section.requirements-area section.content-heading table tr td p {
    font-weight: 500;
    line-height: 1.2;
    font-size: calc(1.275rem + 0.3vw)
}

section.intern-area {
    padding: 10vh 20vw;
    padding-bottom: 20vh;
    background-color: var(--white-color)
}

section.intern-area table {
    margin-top: 5vh;
    border-collapse: collapse
}

section.intern-area table tr {
    border-bottom: var(--footer-color) 2px solid;
    border-top: var(--footer-color) 2px solid
}

section.intern-area table tr th {
    padding-left: 50px;
    width: 30%;
    padding-right: 50px
}

section.intern-area table tr th p {
    color: var(--main-color);
    font-size: calc(1.3rem + 0.6vw);
    font-weight: 500;
    line-height: 1.2
}

section.intern-area table tr td {
    padding-top: 25px;
    padding-bottom: 25px
}

section.intern-area table tr td p {
    font-weight: normal;
    line-height: 1.2;
    font-size: calc(1.275rem + 0.2vw)
}

main.contact-main section.page-top {
    width: 100vw;
    padding-top: 20dvh;
    justify-content: space-around
}

main.contact-main section.page-top div.title-section {
    width: 20vw
}

main.contact-main section.page-top div.title-section div.contact-title_detail {
    margin-top: 200px
}

main.contact-main section.page-top div.title-section div.contact-title_detail p {
    padding-bottom: 50px
}

main.contact-main section.page-top div.title-section div.contact-title_detail a {
    background-color: var(--footer-color);
    color: var(--white-color);
    padding: 20px;
    font-weight: bold;
    border-radius: 20px
}

main.contact-main section.page-top div.pagetop-image {
    height: auto
}

main.contact-main section.page-top div.pagetop-image form {
    display: flex;
    justify-content: end
}

main.contact-main section.page-top div.pagetop-image form table {
    width: 60vw;
    margin-top: 5vh;
    border-collapse: collapse
}

main.contact-main section.page-top div.pagetop-image form table tr {
    border-bottom: var(--footer-color) 2px solid;
    border-top: var(--footer-color) 2px solid
}

main.contact-main section.page-top div.pagetop-image form table tr th {
    padding-left: 50px;
    width: 40%;
    padding-right: 50px
}

main.contact-main section.page-top div.pagetop-image form table tr th p {
    color: var(--main-color);
    font-size: calc(1.3rem + 0.3vw);
    font-weight: 500;
    line-height: 1.2
}

main.contact-main section.page-top div.pagetop-image form table tr td {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 50px
}

main.contact-main section.page-top div.pagetop-image form table tr td input {
    width: 100%;
    height: 50px
}

main.contact-main section.page-top div.pagetop-image form table tr td textarea {
    resize: auto;
    width: 100%
}

main.contact-main section.page-top div.pagetop-image form table tr td.contact-submit_area {
    width: 100%;
    text-align: center
}

main.contact-main section.page-top div.pagetop-image form table tr td.contact-submit_area .contact-submit {
    color: var(--white-color);
    font-weight: bold;
    font-size: calc(1.2rem + 0.3vw);
    background-color: var(--main-color);
    border: none;
    padding: 20px;
    border-radius: 20px;
    width: 30%;
    margin: 0 auto;
    height: auto
}

main.company-main {
    background-color: var(--footer-color)
}

main.company-main section.company-ceo_area {
    background-color: var(--footer-color);
    min-height: 100dvh;
    padding: 15vh 0
}

main.company-main section.company-ceo_area div.section-title {
    margin-bottom: 10vh
}

main.company-main section.company-ceo_area div.section-title h2 {
    color: var(--white-color)
}

main.company-main section.company-ceo_area div.section-title h2::before {
    background-color: var(--white-color)
}

main.company-main section.company-ceo_area .company-ceo_content div.ceo-image h3 {
    margin-top: 50px;
    color: #fff;
    text-align: center
}

main.company-main section.company-ceo_area .company-ceo_content div.ceo-comment {
    width: 60vw
}

main.company-main section.company-ceo_area .company-ceo_content div.ceo-comment p {
    color: var(--white-color);
    font-size: 1.3rem;
    font-weight: bold
}

main.company-main section.company-mvv_area {
    background-color: var(--white-color)
}

main.company-main section.company-mvv_area .js-item div.subimg {
    width: 50vw
}

main.company-main section.company-mvv_area .js-item div.subimg img {
    width: 30vw
}

main.company-main section.company-mvv_area .js-item .subtitle {
    width: 50vw
}

main.company-main section.company-mvv_area.side-scroll {
    display: flex
}

main.company-main section.company-mvv_area section.recruit-area_mvv {
    width: 100vw;
    background-color: var(--white-color);
    min-height: 100dvh;
    z-index: 0;
    padding-top: 15vh;
    padding: 10dvh 5vw;
    border-radius: 100px 0 0 0
}

main.company-main section.company-mvv_area section.company-mvv_contetn {
    width: 100vw;
    background-color: var(--white-color);
    min-height: 100dvh;
    padding: 0 5vw;
    padding: 16dvh 5vw
}

main.company-main section.company-mvv_area section.company-mvv_contetn h3 {
    width: 20%;
    background-color: var(--main-color);
    color: var(--white-color);
    padding: 10px;
    text-align: center;
}

main.company-main section.company-mvv_area section.company-mvv_contetn div.company-mvv_text_area {
    width: 45vw
}

main.company-main section.company-mvv_area section.company-mvv_contetn div.subtitle {
    border-bottom: var(--second-color) 2px solid;
    margin-bottom: 40px
}

main.company-main section.company-mvv_area section.company-mvv_contetn div.subtitle h4 {
    font-size: 2rem;
    margin-left: 20px;
    margin-bottom: 10px
}

main.company-main section.company-mvv_area section.company-mvv_contetn p {
    font-size: 1.25rem
}

main.company-main section.company-detail_area {
    background-color: var(--white-color)
}

main.achievements-main {
    background-color: var(--footer-color);
    padding-bottom: 10vh
}

main.achievements-main section.achievements-area {
    width: 90vw;
    margin: 0 auto;
    margin-top: 50px;
    background-color: var(--white-color)
}

main.achievements-main section.achievements-area div.achievements-content {
    padding: 5vh 2vw
}

main.achievements-main section.achievements-area div.achievements-content div.search-area {
    border-bottom: var(--second-color) 2px solid
}

main.achievements-main section.achievements-area div.achievements-content div.search-area a {
    color: var(--black-color);
    font-size: 1.2rem;
    padding: 5px 10px;
    border-radius: 10px
}

main.achievements-main section.achievements-area div.achievements-content div.search-area a.active {
    background-color: var(--footer-color);
    color: var(--white-color);
    font-weight: bold
}

main.achievements-main section.achievements-area div.achievements-content div.search-area dl {
    margin-top: 10px
}

main.achievements-main section.achievements-area div.achievements-content div.search-area dl dt {
    width: fit-content;
}

main.achievements-main section.achievements-area div.achievements-content div.search-area dl dt p {
    font-size: 1.2rem;
    font-weight: bold
}

main.achievements-main section.achievements-area div.achievements-content div.search-area dl dd ul li {
    padding: 5px 10px
}

main.achievements-main section.achievements-area div.achievements-content div.search-area dl dd ul li.active {
    padding-left: 0;
    padding-right: 0
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li {
    margin: 50px
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-image_area {
    width: 20vw;
    height: 12.5vw
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-image_area img {
    object-fit: cover;
    height: 100%
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-deteil_area {
    text-align: center
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-deteil_area p {
    color: #7e7e7e
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-link_area {
    margin-top: 25px
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-link_area p {
    padding: 20px;
    color: var(--white-color);
    width: 40%;
    text-align: center;
    font-weight: bold;
    border-radius: 30px
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-link_area a.hp-link {
    background-color: var(--main-color)
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-list ul li div.item-link_area .line-link {
    background-color: var(--footer-color)
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-page_area ul li a.pagination {
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    margin: 0 20px;
    line-height: 50px;
    color: var(--black-color);
    border-radius: 50%;
    border: 1px solid;
    border-image: linear-gradient(90deg, #006736, #07b113) border-box;
    border-image-slice: 2;
    font-weight: bold
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-page_area ul li a.pagination.active {
    background-image: linear-gradient(90deg, #006736, #07b113);
    color: var(--white-color)
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-page_area ul li a.next_btn {
    margin-left: 20px;
    color: var(--black-color);
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: var(--second-color) 2px solid
}

main.achievements-main section.achievements-area div.achievements-content div.achievements-page_area ul li p {
    line-height: 50px
}

.my-slider-progress {
    background: #ccc;
    width: 70%;
    margin: 50px auto
}

.my-slider-progress-bar {
    background-image: linear-gradient(90deg, #006736, #07b113);
    height: 4px;
    transition: width 400ms ease;
    width: 0
}

.splide__pagination.splide__pagination--ltr {
    display: none
}

.splide__arrow {
    top: 100%
}

.splide__arrow--next,
.splide__arrow--prev {
    background-image: linear-gradient(90deg, #006736, #07b113) !important;
    background-clip: padding-box
}

.splide__arrow svg {
    fill: var(--white-color) !important
}

.modal-content {
    padding: 10vh 0
}

.modal-content .modal-content-area .modal-image-area {
    width: 50%;
    position: relative
}

.modal-content .modal-content-area .modal-image-area img {
    position: fixed;
    width: 40%
}

.modal-content .modal-content-area img {
    width: 100%
}

.modal-content .modal-content-area h3,
.modal-content .modal-content-area h4,
.modal-content .modal-content-area h5,
.modal-content .modal-content-area p {
    font-size: 2rem;
    color: #fff;
    margin: 0
}

.modal-content .modal-content-area h3 {
    font-size: 2rem;
    margin-bottom: 25px
}

.modal-content .modal-content-area .modal-text-area {
    padding: 50px;
    width: 50%
}

.modal-content .modal-content-area .modal-text-area .achievements-detail {
    margin-bottom: 100px
}

.modal-content .modal-content-area .modal-text-area .achievements-detail h4 {
    font-size: 1.5rem
}

.modal-content .modal-content-area .modal-text-area .achievements-detail h5,
.modal-content .modal-content-area .modal-text-area .achievements-detail p {
    font-size: 1.25rem
}

.modal-content .modal-content-area .modal-text-area .achievements-detail h5 {
    margin-bottom: 10px
}

.modal-content .modal-content-area .modal-text-area .achievements-detail .problem-item {
    margin-bottom: 50px
}

/* Footer link hover border */
.footbar .link-area .link-content {
    transition: border-color .3s ease;
}
.footbar .link-area .link-content:hover {
    border-bottom: 1px solid var(--white-color);
}