@charset "utf-8";
html {
    font-size: 14px;
}
h2 {
    color: #121266 !important;
}
@media (min-width:768px) {
a.menu {
    font-size: 0.9rem;
}
}


/*トップメインテキスト*/
.main_text {
max-width:700px; margin:25vh auto; 
}
/*メンバー大募集*/
.pick-up {
    background: #ffffffbd;
    color: #121266;
}
/*店舗写真*/
.bar_img img {
    border: 2px solid #ffffff;
}
/*h2装飾非表示*/
.siteblock-main .h2_original h2::before,
.siteblock-main .h2_original h2::after {
    background-color: transparent;
}
/*よくある質問*/
.cparts-id045--01.box.lay-margin-b--1.lay-row p {
    font-size: 14px !important;
}
/*ニュースブロック*/
.siteblock-opt3 {
    background-color: transparent;
}
.siteblock-opt3::before {
    background-color: #fff;
}
/*-----------トップ背景-----------*/
.lovers_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1 !important;
}
.lovers_bg img {
    height: 100vh !important;
    width: 100vw !important;
    object-fit: cover;
}
/*-----------他ページ背景-----------*/
.siteblock-main::before {
    background-color: transparent;
}



/*****************************************

スマートフォン表示

*****************************************/
@media (max-width:767px) {
/*-----------ヘッダーロゴ調整-----------*/
.siteblock-header {
    padding: 7.2px 0px;
}
.lovers_logo img {
    width: 76px;
}
/*-----------h2スマホテキストサイズ調整-----------*/
.h2_original h2 span {
    font-size: 1.3rem !important;
}
/*-----------イチオシPOINT 調整-----------*/
.point_img_left .lay-row {
    display: flex;
    flex-direction: column-reverse;
}
.point_img_left .lay-row .lay-col12-xs-12 {
    margin-top: 0 !important;
}
.point_img_left .lay-row .cparts-img-block {
    margin-top: 30px !important;
}
/*-----------採用までの流れ 調整-----------*/
.lovers_flow .cparts-body-block {
    padding: 0 0 0 50px;
}
/*-----------ニュース 調整-----------*/
.blogRayout01 .blogEntryTtl {
    font-size: 1.15rem;
}
}


/*****************************************

タブレットメニューが消える不具合

*****************************************/
@media (min-width: 768px) and (max-width: 1199px) {
    .siteblock-header {
        position: relative;
    }
    .siteblock-header.sitedesign-fixed {
        position: fixed;
    }
}