/* ========================================
   カメラ安心サポート - スタイルシート
   ======================================== */

/* 基本設定 */
html {
    font-size: 10px; /* 1rem = 10px */
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #000000;
}

#wContents{
    width:100%;
}

#wContents *{
    box-sizing: border-box;
}

/* ========================================
   共通コンポーネント
   ======================================== */

/* セクションタイトル（h2） */
.section-title {
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    margin: 0 0 24px 0;
    letter-spacing: 1.28px;
    opacity: 1;
}

/* セクション説明文（p） */
.section-description {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #000000;
    text-align: center;
    margin: 0 0 24px 0;
    letter-spacing: 0.64px;
}

/* サブタイトル（h3） */
.sub-title {
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    margin: 0 0 16px 0;
    letter-spacing: 1.12px;
}

/* 本文テキスト */
.body-text {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #3d3333;
    margin: 0;
    letter-spacing: 0.64px;
}

/* 補足テキスト */
.note-text {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #3d3333;
    margin: 0;
    letter-spacing: 0.15px;
}

/* ハイライトテキスト */
.highlight-text {
    color: #ca2533;
}

/* アクセントカラーテキスト */
.accent-text {
    color: #d80b24;
}

/* セクションコンテナ */
.section-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

/* セクション背景 */
.section-bg {
    position: relative;
    overflow: hidden;
}

.section-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* セクションコンテンツ */
.section-content {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 767px) {
/* セクションタイトル（h2） */
#wContents h1, h2{
    margin: 0;
    padding: 0;
    background:transparent;
}

.section-title {
    font-size: 2rem;
    line-height: 1.5;
    margin: 0 0 16px 0;
    letter-spacing: 0.8px;
}

/* セクション説明文（p） */
.section-description {
    font-size: 1.2rem;
    margin: 0 0 16px 0;
    letter-spacing: 0.64px;
}

/* サブタイトル（h3） */
.sub-title {
    font-size: 1.6rem;
    margin: 0;
    letter-spacing: 1.12px;
}

/* 本文テキスト */
.body-text {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #3d3333;
    margin: 0;
    letter-spacing: 0.64px;
}

/* 補足テキスト */
.note-text {
    text-align: center;
}

/* ハイライトテキスト */
.highlight-text {
    color: #ca2533;
}

/* アクセントカラーテキスト */
.accent-text {
    color: #d80b24;
}

/* セクションコンテナ */
.section-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

/* セクション背景 */
.section-bg {
    position: relative;
    overflow: hidden;
}

.section-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* セクションコンテンツ */
.section-content {
    position: relative;
    z-index: 2;
} 
}

/* ========================================
   KVセクション
   ======================================== */
.kv {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.kv__bg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 497px;
    z-index: 1;
}

.kv__bg-image {
    width: 100%;
    height: auto;
    margin: auto;
    object-fit: cover;
    object-position: center;
    display: block;
}

.kv__content {
    width: 100%;
    max-width: 950px;
    height: 100%;
    padding: 60px 0;/*4.6875%*/
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: block;
}

.kv__content-inner {
    width: fit-content;
    height: fit-content;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.kv__title-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.kv__title-item {
    width: fit-content;
    background-color: #ca2533;
    padding: 8px 40px;
    display: inline-block;
}

.kv__title-text {
    margin: 0;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.5;
    color: #ffffff;
    text-align: left;
    letter-spacing: 0.8px;
    display: inline-block;
}

.kv__icons {
    margin: 0 auto 32px;
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

.kv__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kv__icon_camera {
    height: 31px;
}

.kv__icon_lens {
    height: 34px;
}

.kv__icon_video {
    width: 32px;
    height: 31px;
}

.kv__icon-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.kv__price {
    min-width: 196px;
    margin: 0 auto;
    border: 2px solid #ffffff;
    border-radius: 8px;
    padding: 7px 16px;
}

.kv__price-text {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.8px;
    margin: 0;
}
@media screen and (min-width: 768px) and (max-width: 1279px){
    .kv__bg-image{
    width: auto;
    height: 100%;
    }
}
/* ========================================
   メンテナンスセクション
   ======================================== */
.maintenance {
    background-color: #ffffff;
    padding: 80px 40px;
}

.maintenance .sub-title{
    margin-bottom:10px;
}

.maintenance .note-text {
    text-align: center;
}

.maintenance__container {
    max-width: 1200px;
    margin: 0 auto;
}

.maintenance__content {
    max-width: 921px;
    margin:24px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.maintenance__example-wrap{
    width:100%;
    min-height: 231px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.maintenance__decoration {
    width: 71px;
    height: 253px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.maintenance__decoration_right {
    transform: rotate(180deg);
}

.maintenance__decoration-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.maintenance__example {
    flex: 1;
    max-width: 453px;
}

.maintenance__example-title {
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    margin: 0 0 16px 0;
    letter-spacing: 1.12px;
    opacity: 0.9;
}

.maintenance__example-list {
    padding: 16px;
}

.maintenance__example-item {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.75;
    color: #ca2533;
    text-align: center;
    margin: 0 0 10px 0;
    letter-spacing: 0;
}

.maintenance__example-item:last-child {
    margin-bottom: 0;
}

.maintenance__note {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #3d3333;
    text-align: center;
    margin: 0;
    letter-spacing: 0.18px;
}

.maintenance__image {
    width: 300px;
    height: 362px;
    flex-shrink: 0;
}

.maintenance__image-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========================================
   サービスセクション
   ======================================== */
.service {
    position: relative;
    padding: 80px 40px;
    overflow: hidden;
    background: url(/service/safety-support/images/section-bg.jpg) 0 0 #f5f5f5;
}

.service__container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.service__content {
    margin: 0 auto 24px;
    text-align: center;
}

.service__content p{
    margin: 0 auto 4px;
    text-align: center;
}

.service__description {
    font-size: 1.8rem;
    line-height: 1.7;
    color: #3d3333;
    text-align: center;
    margin: 0 0 8px 0;
    letter-spacing: 0.72px;
}

.service__note {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #3d3333;
    text-align: center;
    margin: 0;
    letter-spacing: 0.15px;
}

.service__image {
    width: 500px;
    height: 333px;
    margin: 0 auto;
}

.service__image-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========================================
   修理セクション
   ======================================== */
.repair {
    background-color: #ffffff;
    border-top: 1px solid #949494;
    border-bottom: 1px solid #949494;
    padding: 80px 0;
}

.repair .section-title{
    margin-bottom:16px;
}

.repair__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

/* 修理セクション専用の説明文スタイル */
.repair p.repair__description {
    margin: 0 0 80px 0;
    font-size: 1.8rem;
    line-height: 1.7;
    color: #000000;
    text-align: center;
    letter-spacing: 0.03em;
}

.repair__target {
    margin: 0 auto;
    padding: 80px 0;
}

.repair__target .sub-title{
    margin-bottom: 32px;
}

.repair__target-list {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

.repair__target-item {
    width: 33.333333%;
    max-width: 300px;
    height: 300px;
    padding: 40px;
    background-color: #ffffff;
    border: 1px solid #949494;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.repair__target-icon {
    width: 120px;
    height: 120px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.repair__target-icon-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.repair__target-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.repair__target-text {
    margin: 0 auto;
    font-size: 1.8rem;
    line-height: 1.75;
    color: #3d3333;
    letter-spacing: 0.72px;
    text-align: center;
}

.repair__target-text_bold {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

.repair__target-text_bold+.note-text{
    text-align: center;
}

.repair__target-note {
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #3d3333;
    letter-spacing: 0.18px;
    text-align: center;
}

.repair__pricing {
    margin:0 auto;
    padding:80px 0;
    display: flex;
    gap: 80px;
    align-items: center;
    justify-content: center;
}

.repair__pricing-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.repair__pricing-item {
    background-color: #ffffff;
    border: 1px solid #949494;
    border-radius: 16px;
    padding: 40px;
    width: 500px;
    text-align: center;
}

.repair__pricing-label {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.5;
    color: #3d3333;
    margin: 0 0 16px 0;
    letter-spacing: 0.96px;
    text-align: center;
}

.repair__pricing-note {
    font-size: 1.4rem;
    line-height: 1.7;
    color: #3d3333;
    letter-spacing: 0.175px;
    font-weight: normal;
}

.repair__pricing-amount {
    color: #d80b24;
}

.repair__pricing-amount-text {
    margin: 0 auto;
    text-align: center;
    vertical-align: bottom;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.repair__pricing-amount-label {
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 1.5;
    color: #3d3333;
    letter-spacing: 1.28px;
}

.repair__pricing-amount-number {
    font-size: 4.8rem;
    line-height: 1.5;
    letter-spacing: 1.92px;
    font-weight: 700;
}

.repair__pricing-amount-unit {
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: 1.28px;
}

.repair__pricing-amount-note {
    margin: 0;
    color: #3d3333;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
    letter-spacing: 1.28px;
}

.repair__pricing-amount-note-small {
    font-size: 1.4rem;
    line-height: 1.7;
    letter-spacing: 0.175px;
    font-weight: normal;
}

.repair__pricing-cost-text {
    margin: 0;
}

.repair__pricing-cost {
    width: fit-content;
    margin: 0 auto;
    display: inline-block;
}

p.repair__pricing-cost-text {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.repair__pricing-cost-number {
    font-weight: bold;
    font-size: 4.8rem;
    line-height: 1.75;
    color: #d80b24;
    letter-spacing: 1.92px;
}

.repair__pricing-cost-unit {
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 1.75;
    color: #d80b24;
    letter-spacing: 1.28px;
}

.repair__pricing-cost-period {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #3d3333;
    letter-spacing: 0.64px;
}

.repair__pricing-image {
    width: 257px;
    height: 361px;
    flex-shrink: 0;
}

.repair__pricing-image-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.repair__note {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #3d3333;
    text-align: left;
    margin: 0;
    letter-spacing: 0.64px;
}

/* ========================================
   ガイドセクション
   ======================================== */
.guide {
    position: relative;
    padding: 80px 40px;
    overflow: hidden;
    background: url(/service/safety-support/images/section-bg.jpg) 0 0 #f5f5f5;
}

.guide__container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}

.guide__container .section-title{
    margin-bottom: 40px;
}

/* ガイドセクション専用の説明文スタイル */
.guide p.guide__description {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #ca2533;
    text-align: center;
    margin: 0 0 40px 0;
    letter-spacing: 0.64px;
}

.guide__documents {
    margin-top: 40px;
}

.guide__documents .sub-title {
    margin-bottom:40px;
    font-family: 'Noto Sans JP', sans-serif;
}

.guide__documents-title {
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1.5;
    color: #3d3333;
    text-align: center;
    margin: 0 0 24px 0;
    letter-spacing: 1.12px;
}

.guide__documents-list {
    display: flex;
    gap: 32px;
    justify-content: center;
    flex-wrap: wrap;
}

.guide__document-item {
    width: 180px;
    text-align: center;
}

.guide__document-image {
    width: 180px;
    height: 180px;
    border-radius: 8px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 8px;
    overflow: hidden;
}

.guide__document-image-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide__document-text {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #3d3333;
    margin: 0;
    letter-spacing: 0.64px;
}

/* ========================================
   ステップセクション
   ======================================== */
.steps {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background: url(/service/safety-support/images/section-bg02.jpg) 0 0 #f4efeb;
}

.steps .section-title{
    margin-bottom: 0;
}

.steps__container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

.steps__list {
    max-width: 950px;
    margin: 0 auto;
}

.steps__item {
    border-bottom: 1px solid #949494;
    padding: 40px 0;
}

.steps__item:last-child {
    border-bottom: none;
}

.steps__step {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: normal;
    color: #ca2533;
    text-align: center;
    margin: 0;
    letter-spacing: normal;
}

.steps__item-title {
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1.5;
    color: #3d3333;
    text-align: center;
    margin: 0 0 16px 0;
    letter-spacing: 1.12px;
    opacity: 0.9;
}

.steps__item-description {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #3d3333;
    margin: 0 0 16px 0;
    letter-spacing: 0.64px;
}

.steps__item-note {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #3d3333;
    margin: 0;
    letter-spacing: 0.15px;
}

/* ========================================
   注意事項セクション
   ======================================== */
.notice {
    background-color: #ffffff;
    padding: 80px 40px;
}

.notice .section-title{
    margin-bottom:16px;
}

.notice__container {
    max-width: 1200px;
    margin: 0 auto;
}

.notice__list {
    max-width: 950px;
    margin: 0 auto 16px auto;
    padding: 0;
    list-style: none;
}

.notice__item {
    font-size: 1.6rem;
    line-height: 1.75;
    color: #3d3333;
    margin: 0;
    letter-spacing: 0.64px;
    padding-left: 1.5em;
    position: relative;
}

.notice__item::before {
    content: "•";
    color: #3d3333;
    position: absolute;
    left: 0;
}

.notice__highlight {
    color: #ca2533;
}

.notice__note-small {
    font-size: 1rem;
    line-height: 1.7;
    color: #3d3333;
    letter-spacing: 0.125px;
}

.notice__footer {
    max-width: 950px;
    margin: 0 auto;
}

.notice__footer .body-text,
.notice__footer-text {
    font-size: 1.4rem;
    line-height: 1.7;
    color: #3d3333;
    margin: 0;
    letter-spacing: 0.175px;
}

.notice__footer-text:last-child {
    margin-bottom: 0;
}

/* ========================================
   レスポンシブデザイン（767px以下）
   ======================================== */
@media screen and (max-width: 767px) {
    /* KVセクション - SP */
    .kv {
        height: 100%;
    }
    
    .kv__bg {
        width: 100%;
        height: 100%;
        max-height: unset;
    }

    .kv__content {
        margin:auto;
        /* padding: 0 3.5135135135135136%; */
        padding: 0;
        left: 0;
        top: 0;
        position: absolute;
    }

    .kv__content-inner {
    width: 100%;
    height: 100%;
    margin: 0;
    /* gap: 32px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
    
    .kv__title-group {
        margin-bottom: 19px;
        align-items: center;
        justify-content: center;
        gap: 0;
    }
    
    .kv__title-item {
        padding: 0;
        /* white-space: nowrap; */
        background: transparent;
        text-align: center;
    }
    
    .kv__title-text {
        padding: 5px 16px;
        font-size: 1.6rem;
        letter-spacing: 0.64px;
        background: linear-gradient(transparent 0%, #ca2533 0%);
        line-height: 46px;
        display: inline;
        text-align: center;
    }
    
    .kv__icons {
        margin: 0 auto 26px;
        gap: 40px;
    }
    
    .kv__price {
        padding: 7px 16px;
    }
    
    .kv__price-text {
        font-size: 2rem;
        letter-spacing: -1px;
    }
    
    /* メンテナンスセクション - SP */
    .maintenance {
        padding: 40px 10px;
    }

    .maintenance .sub-title {
        margin-bottom: 0px;
     }

    .maintenance .note-text {
    text-align: center;
    letter-spacing: 0;
}
    .maintenance__description {
        font-size: 1.2rem;
        letter-spacing: 0.48px;
        margin-bottom: 16px;
    }
    
    .maintenance__title {
        font-size: 2rem;
        letter-spacing: 0.8px;
        margin-bottom: 16px;
    }
    
    .maintenance__content {
        margin: 0 auto;
        flex-direction: column;
        gap: 24px;
    }

    .maintenance__example-wrap{
        min-height: 33px;
        gap: 0;
    }
    
    .maintenance__decoration {
        width: 34px;
        height: 120px;
    }
    
    .maintenance__example {
        max-width: unset;
    }
    
    .maintenance__example-title {
        font-size: 1.6rem;
        letter-spacing: 0.64px;
    }
    
    .maintenance__example-item {
        font-size: 1.6rem;
        letter-spacing: 0.64px;
    }
    
    .maintenance__image {
        width: 128px;
        height: 155px;
    }
    
    /* サービスセクション - SP */
    .service {
        padding: 40px 10px;
    }
    
    .service__title {
        font-size: 2rem;
        letter-spacing: 0.8px;
        margin-bottom: 16px;
    }
    
    .service__description {
        font-size: 1.6rem;
        letter-spacing: 0.64px;
    }

    .service__content p{
        margin: 0 auto 8px;
        text-align: left;
    }
    .service__content p+.note-text{
        text-align:center;
    }
    .service__image {
        width: 100%;
        height: auto;
    }
    
    .service__image img{
        max-width: 370px;
        height: auto;
        margin: auto;
        display: block;
    }
    
    /* 修理セクション - SP */
    .repair {
        padding: 40px 0;
    }
    
    .repair__container {
        padding: 0 10px;
    }
    
    .repair p.repair__description {
        font-size: 1.6rem;
        letter-spacing: 0.64px;
        margin-bottom: 40px;
        text-align: left;
    }
    
    .repair__target {
        padding: 40px 0;
    }
    
    .repair__target .sub-title{
        font-size: 2.8rem;
    }
    
    .repair__target-list {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .repair__target-item{
        width: 100%;
    }
    
    .repair__target-content .body-text {
        font-size: 1.8rem;
        text-align: center;
    }
    
    .repair__pricing {
        padding: 40px 0;
        flex-direction: column;
        gap: 32px;
    }
    
    .repair__pricing-item {
        width: 100%;
        padding: 40px 20px;
    }

    .repair__pricing-amount-label,
    .repair__pricing-amount-number,
    .repair__pricing-amount-unit,
    .repair__pricing-amount-note{
        line-height:1.4; 
    }

    .repair__pricing-amount-label,
    .repair__pricing-amount-number{
        white-space:nowrap;
        letter-spacing:0;
    }

    p.repair__pricing-cost-text{
        display:block;
        text-align: center;
    }

    .repair__pricing-cost-number,
    .repair__pricing-cost-unit{
        line-height:1.4;
    }
    
    .repair__pricing-cost-period+.repair__pricing-cost-period{
        display:block;
    }
    
    .repair__pricing-image {
        width: 120px;
        height: 168px;
        margin: 0 auto;
    }
    
    /* ガイドセクション - SP */
    .guide {
        padding: 40px 10px;
    }

    .guide p.guide__description{
        text-align: left;
    }

    .guide__documents .sub-title {
        font-size: 2rem;
        margin-bottom: 24px;
    }
    
    .guide__documents-list {
        justify-content: center;
        align-items: flex-start;
        gap: 32px 8px;
    }
    
    .guide__document-item {
        width: calc(50% - 4px);
        max-width: 180px;
    }
    
    .guide__document-image {
        width: 160px;
        height: 160px;
        margin: 0 auto 8px;
    }
    
    /* ステップセクション - SP */
    .steps {
        padding: 40px 10px;
    }

    .steps__container{
        padding: 0;  
    }

    .steps__step{
        margin: 0 auto;
    }

    .steps .sub-title{
        margin: 0 auto 16px;
        font-size: 1.8rem;
    }
    
    .steps__item-title {
        font-size: 1.8rem;
        letter-spacing: 0.72px;
    }

    .steps__item{
        padding: 40px 0 24px;
    }

    .steps__item .note-text {
        /* font-size: 1.6rem; */
        text-align:left;
    }
    
    /* 注意事項セクション - SP */
    .notice {
        padding: 40px 10px;
    }

    .notice .section-title{
        font-size: 3.2rem;
        letter-spacing: 1.28px;
    }

    .notice__list {
        margin: 0 auto 16px auto;
    }

    .notice .body-text {
        font-size: 1.4rem;
    }
	
    li.notice__item {
        padding-left: 1em;
    }
    
    .notice__list {
        padding: 0 .5em;
    }
}

@media screen and (max-width: 389px) {
    .kv__bg-image {
        width: auto;
        height: 390px;
    }
}
@media screen and (max-width: 374px) {
    .kv__title-text {
        font-size: 1.6rem;
        line-height: 46px;
    }
}


@media screen and (max-width: 320px) {
    .guide__documents-list {
        margin: 0 auto 32px;
        display: grid;
    }
    .guide__document-item{
        width:100%;
    }
}

@media screen and (max-width: 767px) {
    .sp{
        display: block!important;
    }
    .pc{
        display: none!important;
    }
}

@media screen and (min-width: 768px) {
    .sp{
        display: none!important;
    }
    .pc{
        display:block!important;
    }
}
nav#wMM {
    display: none!important;
}
header+nav {
    display: none;
}


/*20251216*/
@media screen and (max-width: 767px) {
#wContents .kv__content-inner h1 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 2.8rem;
    /* letter-spacing: 0; */
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}
p.kv_note {
    margin: 5px auto 0;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    display: block;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.25);
}
}

@media screen and (min-width: 768px) {
.kv__content-inner h1 {
    margin: 0 0 25px;
    color: #fff;
    font-size: 3.8rem;
    text-shadow: 0 0 8px rgba(0, 0, 0, .25);
}
p.kv_note {
    margin: 10px auto 0;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    display: block;
    text-shadow: 0 0 8px rgba(0, 0, 0, .25);
}
}