@import url("./color.scss");

br.sp-br {
    display: none
}

header.sp_menu {
    display: none
}

header.pc_menu {
    padding: 10px 20px;
    position: fixed;
    width: 100vw;
    z-index: 9999999;
    background-color: var(--white-color)
}

header.pc_menu img.logo-name {
    height: 35px
}

header.pc_menu div a img {
    height: 70px
}

header.pc_menu div a p {
    font-size: 2.5rem;
    color: var(--second-color)
}

header.pc_menu nav {
    display: flex
}

header.pc_menu nav ul li {
    padding: 20px
}

header.pc_menu nav ul li a span {
    color: var(--main-color);
    font-size: 1.25rem
}

.section-title {
    text-align: center
}

.section-title h2 {
    color: var(--main-color);
    position: relative;
    font-size: 2.5rem;
    width: fit-content;
    margin: 0 auto;
}

.section-title h2::before {
    content: '';
    width: calc(100% + 104px);
    height: 2px;
    display: inline-block;
    background-color: var(--main-color);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

footer {
    width: 100vw
}

footer .footer-contact_section {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0
}

footer .footer-contact_section::before {
    background-color: rgba(0, 0, 0, 0.47);
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ''
}

footer .footer-contact_section .footer-contact_area {
    width: 100vw;
    position: relative
}

footer .footer-contact_section .footer-contact_area .section-title {
    text-align: center;
    margin-bottom: 30px
}

footer .footer-contact_section .footer-contact_area .section-title h2 {
    color: var(--white-color)
}

footer .footer-contact_section .footer-contact_area .section-title h2::before {
    background-color: var(--white-color)
}

footer .footer-contact_section .footer-contact_area .footer-contact_text {
    text-align: center
}

footer .footer-contact_section .footer-contact_area .footer-contact_text p {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--white-color)
}

footer .footer-contact_section .footer-contact_area .footer-contact_list li {
    position: relative;
    margin: 50px
}

footer .footer-contact_section .footer-contact_area .footer-contact_list li a p {
    text-align: center;
    color: var(--white-color);
    font-weight: bold;
    font-size: 2rem
}

footer .footer-contact_section .footer-contact_area .footer-contact_list li a span {
    font-weight: bold;
    text-align: center;
    color: var(--white-color)
}

footer .footer-contact_section .footer-contact_area .footer-contact_list li::after {
    content: '';
    width: 100%;
    height: 2px;
    display: inline-block;
    background-color: var(--third-color);
    position: absolute;
    bottom: -10px;
    left: 0
}

footer .footbar {
    background-color: var(--footer-color);
    padding-top: 50px;
    padding-bottom: 25px
}

footer .footbar a {
    color: var(--white-color)
}

footer .footbar p {
    color: var(--white-color)
}

footer .footbar small {
    color: var(--white-color)
}

footer .footbar .footbar-content {
    max-width: 90vw;
    margin: 0 auto
}

footer .footbar .footbar-content .company-detail {
    margin-right: 50px
}

footer .footbar .footbar-content .company-detail .detail-title {
    font-weight: bold
}

footer .footbar .footbar-content .footer-company_logo {
    margin-bottom: 20px
}

footer .footbar .footbar-content .footer-company_logo img {
    height: 50px
}

footer .footbar .footbar-content .footbar-link_area .content-title {
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 10px
}

footer .footbar .footbar-content .footbar-link_area .link-title {
    font-weight: bold
}

footer .footbar .footbar-content .footbar-link_area .link-list li {
    margin-left: 15px
}

footer .footbar .footbar-content .footbar-link_area .link-area .link-content {
    margin-bottom: 10px
}

footer .footbar .copyright {
    text-align: center
}

section.page-top {
    min-height: 100dvh;
    padding: 0;
    padding-top: 20dvh;
    border-radius: 0 0 0 100px;
    position: relative;
    z-index: 1;
    background-color: var(--white-color)
}

section.page-top div.pagetop-title {
    padding-left: 5vw;
    padding-bottom: 5vh
}

section.page-top div.pagetop-title h1 {
    color: var(--main-color)
}

section.page-top div.pagetop-title h2 {
    color: var(--main-color);
    font-size: 1.5rem
}

section.page-top div.pagetop-image {
    position: relative;
    right: 0;
    width: 60vw;
    height: 70vh
}

section.page-top div.pagetop-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px 0 0 100px
}