@charset "utf-8";
.front-page-php {
    background-image: url("https://hp-compass.jp/web-solution/wp-content/themes/web_solution/img/common/white_bg.jpg");
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #ebedf1;
}
.top_cover {
    background: url("https://hp-compass.jp/web-solution/wp-content/themes/web_solution/img/top/header.jpg") no-repeat 80% center;
    background-size: cover;
}
.top_cover {
    color: #FFF;
}
.top_cover h2 {
    font-size: 550%;
    font-weight: 800;
    line-height: 1.2;
}
.top_cover h2 > em {
    display: block;
}
.top_cover h2 > em + em {
    letter-spacing: .03em;
    text-indent: -.1em
}
.top_cover p {
    margin: 1em auto 0 0.2em;
    font-size: 180%;
}
.cover_btn_wrap {
    margin: 7em auto 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 0.5rem;
}

/* わたしたちについて */
.t_about_area {
    width: 90%;
    margin: 0 auto;
    line-height: 2;
    letter-spacing: 0.1em;
    font-weight: 600;
    font-size: 110%;
}

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

}
@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1040px){

}
@media screen and (max-width: 950px){

}
@media screen and (max-width: 768px){
    .cover_in {
    	font-size: 2vw;
    }
}
@media screen and (max-width: 650px){

}
@media screen and (max-width: 479px){

}
@media screen and (max-width: 320px){

}