/* ===== トップページFV ===== */
.fv-top {
    background: url('/wp-content/themes/ystandard-child/images/fv-top-pc.webp') no-repeat center center;
    background-size: cover;
    padding: 140px 20px;
    text-align: center;
    color: #fff;
    position: relative;
}
.fv-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.4);*/
}
.fv-top-inner {
    position: relative;
    z-index: 1;
    max-width: 1000px;
    margin: 0 auto;
}
.fv-title {
    font-size: 2.4rem;
    margin-bottom: 20px;
    font-weight: bold;
}
.fv-title span{
	font-size : 1.5rem;
}
.fv-sub {
    font-size: 1.2rem;
    margin-bottom: 40px;
}
.fv-btn {
    display: inline-block;
    background: #0073aa;
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
}
.fv-btn:hover {
    background: #005f8d;
}

/* ===== サブページ共通FV ===== */
.fv-sub {
    background: url('/wp-content/themes/ystandard-child/images/fv-sub-pc.webp') no-repeat center center;
    background-size: cover;
    padding: 100px 20px;
    text-align: center;
    color: #fff;
    position: relative;
}
.fv-sub::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.fv-sub-inner {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}
.fv-sub .fv-title {
    font-size: 2rem;
    margin-bottom: 15px;
    font-weight: bold;
}
.fv-sub-text {
    font-size: 1.1rem;
}

/* ===== スマホ背景切替 ===== */
@media screen and (max-width: 767px) {
    .fv-sub {
        background: url('/wp-content/themes/ystandard-child/images/fv-sub-sp.webp') no-repeat center center;
        background-size: cover;
        padding: 70px 15px;
    }
    .fv-sub .fv-title {
        font-size: 1.5rem;
    }
    .fv-sub-text {
        font-size: 1rem;
    }
}

/* ===== ブログトップページ（PC） ===== */
.fv-blog {
    background: url('/wp-content/themes/ystandard-child/images/fv-blog-pc.webp') no-repeat center center;
    background-size: cover;
    padding: 100px 20px;
    text-align: center;
    color: #fff;
    position: relative;
}
.fv-blog::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4); /* 暗めオーバーレイ */
}
.fv-blog-inner {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}
.fv-blog .fv-title {
    font-size: 2rem;
    margin-bottom: 15px;
    font-weight: bold;
}
.fv-sub-text {
    font-size: 1.1rem;
}

/* ===== ブログトップページ（SP） ===== */
@media screen and (max-width: 767px) {
    .fv-blog {
        background: url('/wp-content/themes/ystandard-child/images/fv-blog-sp.webp') no-repeat center center;
        background-size: cover;
        padding: 70px 15px;
    }
    .fv-blog .fv-title {
        font-size: 1.5rem;
    }
    .fv-sub-text {
        font-size: 1rem;
    }
}

/* ===== FVトップ文字サイズ調整 ===== */

/* PCサイズ */
.fv-top .fv-title {
    font-size: 2.4rem; /* 例: 約38px */
    line-height: 1.4;
}
.fv-top .fv-sub-text {
    font-size: 1.2rem; /* 例: 約19px */
    line-height: 1.6;
}

/* スマホサイズ */
@media screen and (max-width: 767px) {
    .fv-top .fv-title {
        font-size: 1.8rem; /* 例: 約25px */
        line-height: 1.4;
    }
    .fv-top .fv-title span {
        font-size: 1.1rem; /* 例: 約25px */
        line-height: 1.4;
    }
    .fv-top .fv-sub-text {
        font-size: 1rem; /* 例: 約16px */
        line-height: 1.6;
    }
}

/* PCではスマホロゴを非表示 */
.logo-sp {
  display: none;
}
.site-logo a{
	font-size : 1.6em;
	line-height : 0.8em;
	font-weight : 600;
	color : #020202;
	text-decoration : none;
}
.site-logo span{
	font-size : 0.8em;
}

/* スマホ表示（768px以下）ではPCロゴを非表示・スマホロゴを表示 */
@media screen and (max-width: 767px) {
  .logo-pc {
    display: none;
  }
/* スマホ表示（768px以下）ではPCロゴを非表示・スマホロゴを表示 */
@media screen and (max-width: 767px) {
  .logo-pc {
    display: none;
  }
  .logo-sp {
    display: inline-block;
    width: 85%; /* 必要に応じてサイズ調整 */
	  height : auto;
	  margin-top : 15px;
  }
}
}