@charset "UTF-8" ;
/* ==============
header
=============== */
@media screen and (min-width:874px) {
    .nav__item:nth-of-type(7) {
        padding: 0 5px;
        width: 75px;
        transform: translateX(-5px);
        border-bottom: 0.5px solid var(--primary-black);
    }
}

/* ==============
main
=============== */
.contact__address {
    margin-bottom: 30px;
    font-size: 1.4rem;
}

.contact .topic{
    margin-bottom: 50px;
}



/* form section */
.form__parts {
    margin-top: 40px;
}

.form__category {
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: normal;
}

.form__group {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

/* .form__nameUnit:nth-of-type(1) {
    margin-right: 10px;
} */

.form__subCategory {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: normal;
}

input[type=text] {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f8f8f8;
    border: solid 0.5px var(--primary-grey);
} 

.form__nameUnit {
    width: calc(50% - 10px);
}

.form__textArea {
    display: block;
    resize: vertical;
    width: 100%;
    height: 100px;
    margin-top: 4px;
    background-color: #f8f8f8;
    border: solid 0.5px var(--primary-grey);
}

input[type=text]:focus,
.form__textArea:focus {
    outline: solid 1px var(--primary-grey);
}

.form__btn {
    font-size: 1.4rem;
    line-height: 1;
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: normal;
    display: block;
    width: 73px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border: solid 0.5px var(--primary-black);
}

.form__btn:hover {
    background-color: var(--primary-grey);
}

.follow__item {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.04;
    margin-top: 30px;
}

.follow__item:hover {
    opacity: 0.5;
}

.follow__item--insta::before {
    content: '';
    background-image: url(../images/icon_sns_insta.png);
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transform: translateY(2px);
}

.follow__item--x::before {
    content: '';
    background-image: url(../images/icon_sns_x.png);
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transform: translateY(2px);
}

.follow__item--fb::before {
    content: '';
    background-image: url(../images/icon_sns_fb.png);
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transform: translateY(2px);
}

.follow__item--sc::before {
    content: '';
    background-image: url(../images/icon_sns_soundcloud.png);
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transform: translateY(2px);
}
/* main pc */
@media screen and (min-width: 874px) {
    input[type=text] {
        height: 30px;
    } 

    .form__textArea {
        height: 78px;
    }

    .section--follow .topic {
        margin: 200px 0 50px 0;
    }
}
/* pc 874px */




/* ==============
bg
=============== */
/* bg pc */
@media screen and (min-width: 874px) {
    .bg {
        display: block;
        background-image: url(../images/bg_pc.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 1440px;
        height: 2320px;
        position: fixed;
        top: -600px;
        left: 60%;
        transform: translateX(-50%);
        z-index: -50;
        }
}