@charset "utf-8";
/* CSS Document */
/* ----------------------------

mv

---------------------------- */
.mv_area {
    position: relative;
    overflow: hidden;
}
.mv_area .gs21-PageTitle {
    background: rgba(3, 25, 59, 0.6);
    font-size: 1.5rem;
    max-width: 700px;
    margin: 0 auto;
    padding: 24px;
}
.mv_area img {
    height: 100%;
    width: auto;
}
.mv_area .gs21-PageTitle {
    background: rgba(3, 25, 59, 0.6);
    font-size: 1.5rem;
    max-width: 700px;
    margin: 50px auto 100px auto;
    padding: 24px;
    font-weight: 500;
}


/* ----------------------------

philosophy

---------------------------- */
#philo_lead.cmp-text p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 40px 0;
}



/* ----------------------------

xf-contact

---------------------------- */
#sec-xf-contact {
    margin: 100px 0 0 0;
    border-top: 3px solid #595959;
    padding: 4% 4% 0 4%;
}
#sec-xf-contact .cmp-title__text {
    text-align: center;
    color: #595959;
    margin: 40px 0;
}


#xf-contact__tel-no p {
    font-size: 2.2rem;
    font-weight: 700;
    color: #595959;
    margin-top: 0;
}
a#xf-contact__form01 {
    background: #595959;
    border-radius: 32px;
    padding: 8px 60px 10px 60px;
}
a#xf-contact__form01:hover {
    opacity: 0.8;
}
a#xf-contact__form01 .cmp-button__text {
    color: #ffffff;
    font-weight: 600;
}
.cmp-experiencefragment--basic-footer .container.responsivegrid.cmp-container--2col.aem-GridColumn.aem-GridColumn--default--12 {
    margin-top: 0;
}
#xf-contact__col2 {display: flex;flex-wrap: wrap;justify-content: center; gap: 60px;}
#xf-contact__col2 .image { width: 100px; margin-top: 0;}
#xf-contact__col2 .image + .container{width: calc(100% - 100px);}
#xf-contact__col2 > .container > .cmp-container {display: flex;gap: 18px;}
#xf-contact__col2 .image + .container .cmp-container .text p{margin-top: 0;}

#xf-contact__col1 {display: flex;flex-wrap: wrap;justify-content: center; gap: 60px;}
#xf-contact__col1 .image {
    width: 50px;
    margin-top: 0;
    align-self: center;
    margin: 15px 0 0 0;
}
#xf-contact__col1 .image + .container{width: calc(100% - 100px);}
#xf-contact__col1 > .container > .cmp-container {display: flex;gap: 18px; text-align: center;}
#xf-contact__col1 .image + .container .cmp-container .text p{margin-top: 0;}
#xf-contact__col1 a#xf-contact__form01 { width: 170px;}
#xf-contact__col1 a#xf-contact__form01 {
    background: #606367 url(/common/img/icon_mail.svg) no-repeat;
    border-radius: 32px;
    padding: 8px 0 9px 30px;
    background-size: 45px auto;
    background-position: 28px center;
    width: 240px;
    text-align: center;
}
#sec-contact {
    max-width: 1000px;
    margin: 0 auto;
    width: 90%;
}
#contact__col3 .image {width: 60px;margin-top: 0;}
#contact__col3 .image + .container { width: calc(100% - 60px);}
#contact__col3 > .container > .cmp-container {display: flex; gap: 18px;}
#contact__col3 .image + .container .cmp-container .text p {margin-top: 0;font-size: 0.8rem;}
#contact__col3 #xf-contact__tel-no p {margin-top: 0;font-size: 1.6rem;}
#contact__col3 .container .text p {margin-top: 0;}


/* ----------------------------

TB

---------------------------- */

@media screen and (max-width: 980px) {
/* ----------------------------

 980px

---------------------------- */
/* ----------------------------

mv 980px

---------------------------- */
.mv_area .gs21-PageTitle {font-size: 1.3rem;}


}/* end980 */




@media screen and (max-width: 767px) {
/* ----------------------------

mv 767px

---------------------------- */
.mv_area .gs21-PageTitle br {display: none;}


/* ----------------------------

xf-contact 767px

---------------------------- */
a#xf-contact__form01 {padding: 8px 0 10px 0;width: 100%;text-align: center;}
#xf-contact__col2 {justify-content: start;gap: 30px;}
#xf-contact__col2 .image + .container .cmp-container .text p {margin-top: 9px;}
#xf-contact__col2 .image {margin-top: 15px;width: 50px;}
#xf-contact__col2 .image + .container {width: calc(100% - 50px);}

#xf-contact__col1 {justify-content: center;gap: 30px;}
#xf-contact__col1 .image + .container .cmp-container .text p {margin-top: 9px;}
#xf-contact__col1 .image {margin-top: 15px;width: 50px;}
#xf-contact__col1 .image + .container {width: calc(100% - 50px);}



/* ----------------------------

philosophy

---------------------------- */
#philo_lead.cmp-text p {
    font-size: 1.7rem;
}



}/* end767 */