@charset "utf-8";

/* =============================
Article header
================================*/

.article {
    text-align: center;

}

.mainTopics img {
    width: 80px;
}

.mainTopics__title {
    font-family: "Shippori Mincho";
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 20px;
}

/* article header PC*/

@media screen and (min-width: 769px) {
    .mainTopics img {
        width: 150px;
    }


    .mainTopics__title {
        font-size: 32px;
    }

}

/* pc 769px */


/* contact */


.contact__txt1 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 25px; 
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact__txt2 {
    display: flex;
    justify-content: center;
}

.contact__required2 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 25px;
}

.contact__required1 {
    color: #F00;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 25px;
}


/* contact  PC*/

@media screen and (min-width: 769px) {

    .contact__txt1 {
        font-size: 1.8rem;
    }

    .contact__required1,.contact__required2 {
        font-size: 1.6rem;
        margin-top: 5px;
    }

    .sp_br {
        display: none;
    }


}

/* pc 769px */


/* form */

.section--discription {
    padding: 40px 12.6%;
}

.form__parts {
    margin-top: 20px;
}

.form__category {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left;
}

.form__category span{
    color: #F00;
    font-size: 1.2rem;
    padding-left: 10px;
}


input[type="text"] {
    display: block;
    width: 100%;
    height: 35px;
    border: 1px solid rgba(176, 173, 156, 0.40);
    background-color: #EDEDED;
    margin-top: 5px;
    text-align: left;
    font-size: 1.4rem;

}

.group__textArea {
    width: 100%;
    height: 200px;
    border: 1px solid rgba(176, 173, 156, 0.40);
    background-color: #EDEDED;
    margin-top: 5px;
    text-align: left;
    font-size: 1.4rem;
}

.btn {
    margin-top: 20px;
}

.btn__image {
    width: 16px;
    height: 16px;
}

.btnbtn {
    display: inline-block;
    text-align: center;
}



@media screen and (min-width: 769px) {
    .section--discription {
        padding: 40px 30%;
    }

    .back_img {
        margin-top: 20px;
        height: 400px;
        width: 100%;}

}