@charset "utf-8";

/*================
main
============================*/
main {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 20px;
}

/*================
title
============================*/
.title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D607C;
    font-family: "Zen Kaku Gothic Antique";
    font-size: 32px;
    font-weight: 700;
    margin: 0 auto;
}

.title::before,
.title::after {
    content: '';
    display: block;
    width: calc((100% - 158px) / 2);
    height: 1px;
    background: #2D607C;
}

.title::before {
    margin-right: 1em;
}

.title::after {
    margin-left: 1em;
}

.title__topic {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D607C;
    font-family: "Zen Kaku Gothic Antique";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;

}

/*================
Contact
============================*/

.Contact {

    max-width: 90%;

}




.Contact__topic {
    display: flex;
    color: #2D607C;
    font-family: "Zen Kaku Gothic Antique";
    font-size: 20px;
    font-weight: 700;
    padding: 15px 10px;
    display: block;
    position: relative;

}

.Contact__topic:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2.5%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    background-color: #D7EDEC;
    border-radius: 50%;
    z-index: -1;
}


.Contact__text {
    display: flex;
    color: #5e5a5a;
    font-family: "Zen Kaku Gothic Antique";
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 20px;
}

.Contact__text1 {
    display: flex;
    color: #5e5a5a;
    font-family: "Zen Kaku Gothic Antique";
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 50px;
}

.Contact__list {

    color: #5e5a5a;
    font-family: "Zen Kaku Gothic Antique";
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 50px;
}

/*profile pc*/
@media screen and (min-width: 769px) {
    main {
        max-width: 950px;
    }

    .mobile-only-br {
        display: none;
    }


    .Contact__box {
        display: flex;
        gap: 50px;
        margin-bottom: 30px;
        justify-content: space-between;
    }

    .Contact__cost {
        max-width: 50%;
    }

}