/* 基本設定 / 文字サイズ ****************************************************************/
html {
    font-size: 16px; /* 1rem = 16px の基準 */
    font-family: sans-serif;
}
body {
    font-size: 0.875rem; /* 14px（スマホ） */
    margin: 0;
    background-color:#fef4f2;
    text-align: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
    body {
      font-size: 0.9375rem; /* 15px（タブレット） */
    }
}
@media (min-width: 1024px) {
    body {
      font-size: 1rem; /* 16px（PC） */
    }
}
img {
    display: block;       /* 下に隙間を作らないように */
    max-width: 100%;      /* 親よりはみ出さない */
    width: auto;          /* 自然なサイズ */
    height: auto;
}
/* スマートフォンの時・タブレットの時 表示/非常時 ****************************************************************/
.smartphone{
    display: none;
}
@media screen and (max-width: 767px) {/*スマホ向け*/
    .tablet{
        display: none;
    }
    .smartphone{
    display: block;
}
}
/* フッター アプリへボタン ****************************************************************/
/* 下部固定 */
.footer-index {
    position: fixed;
    bottom: 0;
}
/* ボタン上下左右中央配置 */
.footer-index {
    width: 100%;
    height: 80px;
    background-color:#fff0f5;
    display: flex;
    bottom: 0;
    justify-content: center;
    align-items: center;
}
/* ボタン */
.cta-button {
    display: inline-block;
    width: 290px; /* ボタンの幅 */
    height:60px;  /* ボタンの高さ */
    background-image: url('../images/ctaButton-default.png'); /* 通常時の画像 */
    background-size: cover;
    background-position: center;
    text-indent: -9999px; /* テキストを非表示にする */
    transition: background-image 0.3s ease-in-out;
}
.cta-button:hover {
    background-image: url('../images/ctaButton-hover.png');
}
@media screen and (max-width: 767px) {
    /* ボタン上下左右中央配置 */
    .footer-index {
        height: 60px;
    }
    .cta-button {

        width: 232px; /* ボタンの幅 */
        height:48px;  /* ボタンの高さ */

    }
}


/* 見出し1 ****************************************************************/
h1.index-h1 {
    position: absolute;
    left: -9999px;
}
/* 共通 ****************************************************************/
/* カードのはみ出し対策 */
section{
    overflow: hidden;   /* ← はみ出し部分を非表示にする */
}
/* コンテンツの最大幅と高さ(-ボタン高さ) */
section .swiper-box{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    height: calc( 100% - 80px );
    position: relative;
}
@media screen and (max-width: 767px) {
section .swiper-box{
    height: calc( 100% - 60px );
    }
}

/* 1枚目 ****************************************************************/
/* 看護学生必携 */
.Hikkei-back{
    position: absolute;
    top: -60px;
    right: 65px;
    z-index: 1;
    background-color: #ff849f;
    width: 330px;
    height: 330px;
    border-radius: 50%;
}
.ImgHikkei{
    position: absolute;
    top: 40px;
    right: 100px;
    z-index: 2;
    max-width: 255px;
}
/* 1位 */
.ImgRanking{
    position: absolute;
    top: 80px;
    left: 100px;
    z-index: 3;
    max-width: 330px;
}
/* ディスプレイ画像 */
.ImgMain{
    position: absolute;
    top: 180px;
    left: calc( 50% - 10px );
    transform: translateX(-50%);
    width: 100%;
    max-width: 1200px;
}
@media screen and (min-width: 768px) and (max-width: 1024px)  {/*タブレット向け*/
    /* 看護学生必携 */
    .Hikkei-back{
        top: -100px;
        right: -40px;
        width: 350px;
        height: 350px;
    }
    .ImgHikkei{
        top: 20px;
        right: 15px;
    }
    /* 1位 */
    .ImgRanking{
        top: 70px;
        left: 60px;
    }
    /* ディスプレイ画像 */
    .ImgMain{
        width: 150%;
    }
    
}
@media screen and (max-width: 767px) {/*スマホ向け*/
    /* 看護学生必携 */
    .Hikkei-back{
        top: -170px;
        right: -150px;
        width: 350px;
        height: 350px;
    }
    .ImgHikkei{
        top: 15px;
        right: 5px;
        max-width: 165px;
    }
    /* 1位 */
    .ImgRanking{
        top: 80px;
        left: 0px;
        max-width: 250px;
    }
    /* ディスプレイ画像 */
    .ImgMain{
        top: 220px;
        left: calc( 50% - 10px );
        transform: translateX(-50%);
        width: 140%;
    }
}

.sec01-inner{
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.492), rgba(255,255,255,0));
}
.sec01-inner .swiper-box {
  position: relative; /* 基準になる親要素 */
}

.firstView-pc {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    gap: 10px;
}
.firstView-pc img {
    max-width: 160px;
    height: auto;
    display: block;
}


@media (max-width: 768px) {
    .sec01-inner{
        bbackground: none;
    }
    .firstView-pc{
        display: none;
    }

}








/* 2枚目 ****************************************************************/

/*************************** 上部と下部 ***************************/
.sec02-swiper-box-innerTop{
    height: 60%;
}
.sec02-swiper-box-innerBottom{
    height: 40%;
}
/*************************** 上部 ***************************/
.sec02-swiper-box-innerTop img.sec02-man{
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    padding-top: 0.5rem;
}
/* display 表示・非表示*/
.sec02-display-sp{
    display: none;
}
@media (max-width: 767px) { /* スマホ */
    .sec02-display-sp{
    display: block;
    }
    .sec02-display{
    display: none;
    }
}
/* display詳細 */
.sec02-swiper-box-innerTop img.sec02-display,
.sec02-swiper-box-innerTop img.sec02-display-sp{
    width: 100%;
    max-width: 780px;
    margin: 0 auto;

}
@media (min-height: 1025px) { /* 高さ1025px以上の時だけ有効 */
.sec02-swiper-box-innerTop img.sec02-man{
    max-width: 550px;
    padding-top: 3rem;
    }
}
@media (max-height: 780px) and (max-width: 768px) { /* スマホかつ高さが780px以下のときのスタイル */
    .sec02-swiper-box-innerTop img.sec02-display-sp{
        display: none;
    }
}
@media (min-height: 710px) and (max-height: 740px) and (max-width: 768px) { /* スマホかつ高さが780px以下のときのスタイル の為の調整 */
.sec02-swiper-box-innerTop img.sec02-man{
    padding-top: 1.5rem;
}
}
@media (min-height: 741px) and (max-height: 779px) and (max-width: 768px) { /* スマホかつ高さが780px以下のときのスタイル の為の調整 */
.sec02-swiper-box-innerTop img.sec02-man{
    padding-top: 3rem;
}
}
@media (min-height: 780px) and (max-width: 768px) { /* スマホかつ高さが780px以下のときのスタイル の為の調整 */
.sec02-swiper-box-innerTop img.sec02-display-sp{
    padding-top: 0.2rem;
}
}
/*************************** 下部 ***************************/
.sec02-swiper-box-innerBottom{
    /*左右中央*/
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* 画面幅いっぱい */
    width: 100vw;

    background: linear-gradient(to bottom, #fee6e9, #fdcfd9);
    /* min-height: 280px; */
}
.sec02-iB-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 500px;
}



/* 必要な関連図をすぐに確認！ */
.sec02-h2{
    font-size: 22px;
    font-weight: bold;
    margin-top: 3%;
    margin-bottom: 15px;
}

/***** 必要な関連図をすぐに確認！ の下にあるボックス *****/
.sec02-box-wrapParent{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.sec02-box-wrap{
    background-color:#fef4f2;
    padding: 20px;
    position: relative;          /* Check it now !の親 */
}
/* Check it now ! */
.sec02-box-wrap .english-text{
    position: absolute;
    right: -40px;
    top:-30px;
}

/* 参考書1冊分の値段で充実した内容！ */
.sec02-h3{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
}
.sec02-h3-span-price{
    font-size: 10px;
}



/****** sec02-box：親コンテナ *****/
.sec02-box {
    display: flex;
    gap: 0px;
    flex-wrap: wrap; /* 必要に応じて */

}

/****** sec02-box：1個目のボックス 検索機能あり・買い切りアプリ *****/
.sec02-box-inner-1 {
    width: 40%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 0px;
}
/****** sec02-box：2個目のボックス 〇種類以上+〇種類以上 *****/
.sec02-box-inner-2 {
    width: 57%;
    min-width: 200px;
    background-color: #ff849f;
    color: #fff;
    font-weight: bold;
    text-align: center;

    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-left: 3%;
}
/* 〇種類以上+〇種類以上 */
.sec02-box-inner-2-text01,
.sec02-box-inner-2-text03 {
    width: 40%;
}
.sec02-box-inner-2-text02 {
    width: 10%;
    font-size: 26px;
}
.sec02-box-inner-2 span {
    display: block;
    margin: 5px 0;
    color: #fff682;
    font-size: 20px;
}

/********** レスポンシブ　表示・非表示 **********/

/* PC・タブレットでは画像表示、pは非表示 */
.sec02-pc-img {
  display: inline-block; /* 画像表示 */
}
.sec02-img-text {
  display: none; /* p非表示 */
}


/* スマホ（〜767px） */
@media screen and (max-width: 767px) {
        .sec02-box-wrap .english-text{
            display: none;
        }
            .sec02-pc-img {
                display: none;
        }
        .sec02-box-inner-1{
            display:block;
        }
        .sec02-box-inner-2{
            display:block;
        }

            .sec02-box-wrap{
                padding:10px 10px;
            }
            
            /* 検索機能あり・買い切りアプリ  */
            .sec02-img-text {
                display: block;
                text-align: center; /* 必要に応じて */
                margin-top: 10px;
                font-weight: bold;
                color: #ff849f;
                border: #ff849f 1px solid;
                padding-top: 5px;
                padding-bottom: 5px;
            }

            
            /* 〇種類以上+〇種類以上 */
            .sec02-box-inner-2 {
                min-width: 0px;
            }
            .sec02-box-inner-2-text01,
            .sec02-box-inner-2-text02,
            .sec02-box-inner-2-text03 {
                width: 100%;
            }
            .sec02-box-inner-2 span {
                display: inline;
                font-size: 16px;
                padding-left: 3px;
                padding-right: 3px;
            }
            .sec02-box-inner-2 {
                padding-top: 3%;
                padding-bottom: 3%;
            }
}



/*************************** 四角+三角 ↓ ***************************/
.box-with-triangle {
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    z-index: 1;
}
.box-content {
    background-color:#ff849f;
    color: #fff;
    padding-top: 20px;
    text-align: center;
    position: relative;
    margin-bottom: -1px;/* 念の為 */
}
.triangle {
    width: 0;
    height: 0;
    border-left: 450px solid transparent;
    border-right: 450px solid transparent;
    border-top: 50px solid #ff849f;
}
.triangle-title{
    font-size: 40px;
    font-weight: 900;
}.triangle-text{
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
    .box-with-triangle {
        width: 90%;
        top: -100px;
    }

    .triangle {
        border-left: 45vw solid transparent;
        border-right: 45vw solid transparent;
        border-top: 30px solid #ff849f;
    }

    .triangle-title {
        font-size: 24px;
    }

    .triangle-text {
        font-size: 14px;
        bottom: -14px;
    }

    .box-content {
        padding-top: 15px;
        padding-bottom: 8px;
    }
}
/* スマホ・タブレット・ひとつで*/
/* 初期状態（PC） */
.PC-res {
    display: inline;
}
.tablet-res,
.smartphone-res {
    display: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) { /* タブレット（768px〜1024px） */
    .PC-res,
    .smartphone-res {
        display: none;
    }
    .tablet-res {
        display: inline;
    }
}
@media screen and (max-width: 767px) { /* スマホ（〜767px） */
    .PC-res,
    .tablet-res {
        display: none;
    }
    .smartphone-res {
        display: inline;
    }
}
@media (max-height: 666px) {
.box-with-triangle {
    top: -60px;
}
.sec02-h2{
    margin-top: 20px;
    margin-bottom: 5px;
}

}

/*************************** 四角+三角 ↑ ***************************/






























/* 3枚目 ****************************************************************/
.sec03 .swiper-box{
        display: flex;
        flex-direction: column;
        align-items: stretch; /* 必要に応じて横幅も伸ばす */
        padding-top: 10px;

}
.sec03-contents {
    width: 90%;
    border-radius: 10px;
    margin: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.sec03-contents-inner {
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 左寄せ */
    justify-content: flex-start; /* 上寄せ */
    box-sizing: border-box;
    overflow: hidden; /* はみ出し防止（必要に応じて） */
    margin-bottom: 10px;
}
.appeal-title {
    font-size: clamp(1.4rem, 4vw, 1.8rem); /* 18px～36px */
    font-weight: bold;
    margin: 0 auto;
    width: 100%;
    background: linear-gradient(to bottom, #ff849f, #feb9c8); /* 濃いピンク → 薄いピンク */
    color: white;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;         /* 上下中央揃え */
    justify-content: center;     /* 横方向中央揃え（必要に応じて） */
    gap: 10px;                   /* 画像とテキストの間隔 */
    text-align: center;
}
.sp-br-sec03{
    display: none;
}
.appeal-title img {
    height: 2em;               /* テキストに合わせた高さ（調整可） */
    width: auto;
}

.ImgAppeal-PC,
.ImgAppeal-smartphone {
    width: 100%;
    height: auto;
    max-height: calc(100% - 70px); /* タイトルの高さ分を差し引く（大まか） */
    object-fit: contain;
}
.ImgAppeal-smartphone{
    display: none;
}
/* スマホ（767px以下）のみp表示、画像非表示 */
@media screen and (max-width: 767px) {
.appeal-icon{
    display: none;
}
.ImgAppeal-smartphone{
    display: block;
}
.ImgAppeal-PC{
    display: none;
}.sp-br-sec03{
    display: block;
}
.appeal-title {
    padding-top: 10px;
    padding-bottom: 10px;
}
.ImgAppeal-smartphone-2 {
    max-height: calc(100% - 50px); /* タイトルの高さ分を差し引く（大まか） */
}
}
/* 4枚目 ****************************************************************/
/* BOX-1　内容 */
.sec04-contents-1{
    background-color: #fff;
    height: 55%;
    width: 100vw;
    margin-left: calc(50% - 50vw); /* 親要素の中央から画面左端までずらす */
    box-sizing: border-box; /* padding や border を含めて幅を管理 */
    position: relative;
}
/* BOX-1 タイトル */
.sec04-title01{
    background: linear-gradient(to bottom, #ff849f, #feb9c8); /* 濃いピンク → 薄いピンク */
    color: #fff;
    font-size: clamp(1.125rem, 4vw, 1.625rem); /* 18px～26px */
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100vw;             /* ビューポート横幅100% */
    margin-left: calc(50% - 50vw); /* 親の幅に関係なく左端に揃える */
}
/* BOX-1　内容 */
.sec04-contents-inner-1{
    padding-top: 40px;
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    text-align: left;
    line-height: 1.8;
    position: relative;
    width: 100vw;             /* ビューポート横幅100% */
    margin-left: calc(50% - 50vw); /* 親の幅に関係なく左端に揃える */
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
}
/* BOX-1　テキスト */
.bold-Red{
    color: #ff849f;
    font-weight: bold;
}
/* BOX-1　画像 */
.sec04-contents-inner-1 img{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 280px;
}
.pc-res-sec04{
    display: block;
}
.sp-res-sec04{
    display: none;
}

@media screen and (max-width: 767px) {/*スマホ向け*/
    /* BOX-1 タイトル */
    .sec04-title01{

        display: flex;
  justify-content: center; /* 横方向中央 */
  align-items: center;     /* 縦方向中央 */
  text-align: center;      /* 複数行になったときのテキスト中央寄せ */
    }
    /* BOX-1　内容 */
    .sec04-contents-inner{
        height: calc( 100% - 60px );
    }
    .sec04-contents-inner-box{
        width: 90%;
    }
    .sec04-contents-inner-box p{
        margin-bottom: 1rem;
        line-height: 1.3;
    }
    .sec04-contents-inner-1{
    padding-top: 0;
    max-width: 340px;
    line-height: 1.4;
    }
    .sec04-contents-inner-1 img{
    margin-top: 5px;
    width: 220px;
    }
    .sec04-contents-inner-box-1-text01{
        margin-bottom: 0.8rem;
    }
    .sp-res-sec04{
    display: block;
    }
    .pc-res-sec04{
    display: none;
    }


}
/* BOX-2 タイトル */
.sec04-contents-2{
    position: relative;
    height: 45%;
}
.sec04-contents-inner-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 90%;
    max-width: 530px;
    height: fit-content;
    border: #ff849f 1px solid;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
/* 女性 */
.usersVoice-woman{
    position: absolute;
    right: -50px;
    bottom: -30px;
    width: 135px;
}
/* BOX-2 タイトル */
.sec04-title02{
    color: #ff849f;
    font-weight: bold;
    margin-bottom: 5px;
    display: flex;
    align-items: center; /* 縦方向の中央揃え */
    gap: 10px; /* テキストと画像の間隔（任意） */
    justify-content: center; /* 中央寄せしたい場合 */
}
.sec04-title02 span{
    font-size: clamp(1.374rem, 4vw, 1.625rem); /* 22px～26px */
}
.sec04-title02 img {
  height: 2em; /* テキストに合わせて調整（必要なら） */
}


/* BOX-2　内容 */
.sec04-usersVice-comment-wrap{
    width: 85%;
    padding-left: 15px;

}
.sec04-usersVice-comment-wrap .user02-img {
    display: block;
    margin-top: -5px;
    margin-left: auto;
}
.sec04-usersVice-comment-wrap .user03-img {
    display: block;
    margin-top: -13px;
}
.sec04-usersVice-comment-wrap .user01-img-sp,
.sec04-usersVice-comment-wrap .user02-img-sp,
.sec04-usersVice-comment-wrap .user03-img-sp{
    display: none;
}
@media screen and (max-width: 767px) {/*スマホ向け*/
    .sec04-contents-1{
    height: 65%;
    }
    .sec04-contents-2{
    height: 35%;
    }
    .sec04-contents-1 .sec04-contents-inner{
        background-color:#fef4f2;
        width: 100%;
    }
    
    /* BOX-2　内容 */
    .sec04-contents:nth-of-type(2) .sec04-contents-inner p{
        border: #ffffff 1px solid;
        background-color: #fff;
    }
    .usersVoice-woman{
        display: none;
    }
    .sec04-contents-inner-2{
    width: 100%;
    border: none;
    background-color: #fef4f2;
    }
    .sec04-usersVice-comment-wrap{
        width: 100%;
    }
    .sec04-usersVice-title img,
    .sec04-usersVice-comment-wrap .user01-img,
    .sec04-usersVice-comment-wrap .user02-img,
    .sec04-usersVice-comment-wrap .user03-img{
        display: none;
    }
    .sec04-title02{
    color:#000;
    font-weight: bold;
    }
    .sec04-usersVice-comment-wrap .user01-img-sp,
    .sec04-usersVice-comment-wrap .user02-img-sp,
    .sec04-usersVice-comment-wrap .user03-img-sp{
        display: block;
    }
        .sec04-usersVice-comment-wrap .user01-img-sp {
    margin-top: -3%;
    }
    .sec04-usersVice-comment-wrap .user02-img-sp {
    margin-top: -2%;
    margin-left: auto;
    margin-right: auto;
    }
    .sec04-usersVice-comment-wrap .user03-img-sp {
        margin-top: -4%;
        margin-left: -10px;
    }
    .sec04-contents-inner-2{
        padding-top: 10px;
    }
    
}


/* 5枚目 ****************************************************************/
.sec05-contents {
    line-height: 1.5;
}
/* テキストを含むタイトルとキャッチ */
.sec05-title {
    color: #ff849f;
    font-size: clamp(1.4rem, 4vw, 2.25rem);
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 40px;
}

/* BOX-1 */
.sec05-contents-1{
    position: relative; /* ← 絶対配置の基準に */
    height: 60%;
}
.sec05-contents-1-box01{
    height: 35%;
}
.sec05-contents-1-box02{
    height: 65%;
    display: flex;
    justify-content: center; /* 横方向中央 */
}
.sec05-contents01-img{
    margin-top: 1rem;
    width: 100%;
    max-width: 370px;
}

.sec05-res-sp{
    display: none;
}

@media (min-width: 768px) and (max-width: 1024px){
.sec05-contents01-img{
    max-width: 420px;
    }

}
@media (max-width: 767px){
    .sec05-res-pc{
        display: none;
    }
    .sec05-res-sp{
        display: block;
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3%;
    }
    .sec05-contents-1{
    height: 50%;
    }
    .sec05-contents-1-box01{
        height: 40%;
    }
}
@media (max-width: 767px){
    .sec05-title{
        padding-top: 25px;
    }
}



/* BOX-2 */
.sec05-contents-2{
    height: 40%;
    background-color: #ffffff;
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw); /* 親要素の中央から画面左端までずらす */
    box-sizing: border-box; /* padding や border を含めて幅を管理 */
}

.sec05-contents-2 img{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.sec05-happy{
    display: inline-block;
    padding: 30px;
    border: #ff849f 1px solid;
    border-radius: 5px;
}
.sec05-catchphrase-2 {
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {/*スマホ向け*/
.sec05-contents-2{
    height: 50%;
    }
    .sec05-title{
        margin-bottom: 5px;
    }
    .sec05-happy{
        padding: 10px 20px;
    }
    .sec05-contents-2 img {
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    width: 100%;
    max-width: 370px; /* 任意の最大サイズに調整可能 */
    height: auto; /* アスペクト比を保つ */
    }
}


/* 6枚目 ****************************************************************/
.sec06 .swiper-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec06-contents {
    height: 80%;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem; /* 要素間の等間隔 */
    text-align: center;
}
.sec06-contents p {
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: bold;
    margin: 0;
}
.sec06-contents img {
    max-width: 80%;
    height: auto;
    margin: 0 auto;
}
.sec06-contents img.app-img{
    max-width: 250px;
    border-radius: 8px;
}
@media screen and (max-height: 600px) {
    .sec06-contents {
        gap: 1rem;
    }
}

/* プライバシーポリシー ****************************************************************/
.footer-links a{
    color:dodgerblue;
    transition: all 0.3s ease;
}
.footer-links a:hover{
    color:#ff849f;
}
.footer-links a:first-of-type{
    margin-right: 2rem;
}