/* kv　----------------------------------------------*/

#top {
    background-color: #FFFAF0;
    background-image: url(../img/kv_bg_pc.png);
    background-size: cover;          /* 枠にピッタリ、縦横比キープ */
    background-position: center;     /* 画像の中央を表示 */
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: relative;
}

.top-kv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%; 
    padding: 0;
    margin: 0 auto;
    
}


picture,
.top-kv img {
  display: block;         /* ← これで余白を消す */
}

.top-kv picture {
    width: 100%;
    display: flex;
    justify-content: center; /* 中の画像を中央寄せ */
}

.top-kv img {
    width: auto;
    height: 90vh;
    object-fit: contain;
    display: block;
}

@media only screen and (max-width: 767px) {
    
    #top {
        height: 100vh;
        background-image: url(../img/bg_sp.png);
        /* padding-top: 50px;
        padding-bottom: 50px; */
    }
    
    .top-kv img {
        width: 98%;
    }
}

.copy {
    padding-top: 50vh;
    padding-bottom: 40vh;
    background-color: #f9d7d1;
}

h1 {
    font-size: 4.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 2.2;
    text-align: center;
    position: relative;
    z-index: 2;
    
}

@media only screen and (max-width: 1100px) {

    .copy {
        padding-top: 30vh;
        padding-bottom: 30vh;
    }

    h1 {
        font-size: 5vw;
        
    }
}

/* メッセージ　----------------------------------------------*/



#top-msg {
    position: relative;
    z-index: 100;
    padding-top: 10vh;
    line-height: 2;
    background-image: linear-gradient(#f9d7d1 20%, #ecfafc 50%, #fffaf0 75%);
}


@media only screen and (max-width: 1100px) {


    .top-msg_wrapper {
       max-width: 95vw;
       margin: 0 auto;
    }
 
}



@media only screen and (max-width: 429px) {
    h1 {
        font-size: 2.4rem;
    }

    #top-msg {
        margin-top: 0;
    }
}


/* 画像 -----------------*/


.top-msg_img img {
    position: relative;
}

.top-msg_img01 img {
    width: 18vw;
    left: 52%;
}

.top-msg_img02 img {
    border-radius: 15px;
    width: 32vw;
    top: 44vh;
    left: 7%;
}

.top-msg_img03 img {
    width: 17vw;
    top: 20vh;
    left: 70%;
}

.top-msg_img04 img {
    width: 12.5vw;
    top: 21vh;
    left: 33%;
}

.top-msg_img05 img {
    width: 22.5vw;
    top: -6vh;
    left: 15%;
}

.top-msg_img05 {
    padding-bottom: 6em;
}

@media only screen and (max-width: 1230px) {
        .top-msg_img05 img {
            width: 22.5vw;
            top: -6vh;
            left: 8%;
    }
}

@media only screen and (max-width: 1100px) {
    .top-msg_img01 img {
        position: absolute;
        width: 192px;
        left: auto;
        right: 5.5rem;
        top: 1rem;
    }

    .top-msg_img02 img {
        border-radius: 0 15px 15px 0;
        width: 330px;
        top: 33vh;
        left: -3.5rem;
    }

    .top-msg_img03 img {
        width: 197px;
        left: calc(100% - 197px);
        padding-right: 1.5rem;
        top: 46vh;
    }

    .top-msg_img04 img {
        width: 193px;
        top: 56vh;
        left: 1.5rem;
    }

    .top-msg_img05 img {
        width: 275px;
        top: 69vh;
        left: calc(100% - 300px);
        padding-right: 1.5rem
    }

    .top-msg_img05 {
        padding-bottom: 65em;
    }
}


@media only screen and (max-width: 768px) {
    .top-msg_img01 img {
        right: 1.5rem;
        
    }
       
    .top-msg_img03 img {
        top: 43vh;
    }

    .top-msg_img05 img {
        width: 275px;
        top: 69vh;
        left: calc(100% - 275px);
        padding-right: 1.5rem
    }

    .top-msg_img05 {
        padding-bottom: 50em;
    }
}

@media only screen and (max-width: 375px) {

    .top-msg_img05 {
        padding-bottom: 38em;
    }
}


/* 文章-----------------*/
.top-msg_txt-area {
    display: flex;
    flex-direction: column;
    font-size: 1.7rem;
    font-weight: 450;
    gap: 2.5rem;
    max-width: 560px;
    position: relative;
}

.top-msg_txt-area01 {
    top: 14vh;
    left: 28%;
}

.top-msg_txt-area02 {
    top: -10vh;
    left: 49%;
}

.top-msg_txt-area03 {
    top: 9vh;
    left: 25%;
}

.top-msg_txt-area04 {
    top: 18vh;
    left: 54%;
}

@media only screen and (max-width: 1230px) {
    .top-msg_txt-area02 {
        top: -10vh;
        left: 45%;
    }

    .top-msg_txt-area04 {
        top: 35vh;
        left: 40%;
    }

}

@media only screen and (max-width: 1100px) {
    .top-msg_txt-area {
        width: 445px;
    }
    
    .top-msg_txt-area01 {
        top: 20vh;
        left: 15%;
    }

    .top-msg_txt-area02 {
        top: 39vh;
        left: 30%;
    }

    .top-msg_txt-area03 {
        top: 48vh;
        left: 5%;
    }

    .top-msg_txt-area04 {
        top: 63vh;
        left: 10%;
    }
}


@media only screen and (max-width: 767px) {
    .top-msg_txt-area {
        font-size: 1.6rem;
    }
    .top-msg_txt-area {
        width: 100%;
    }
    
    .top-msg_txt-area01 {
        top: 28vh;
        left: 0;
    }

    .top-msg_txt-area02 {
        top: 39vh;
        left: 0;
    }

    .top-msg_txt-area03 {
        top: 48vh;
        left: 0;
    }

    .top-msg_txt-area04 {
        top: 63vh;
        left: 0;
    }
}


/* お知らせ　----------------------------------------------*/

#top-news {
    background-color: #fff;
    padding: 8rem 1rem 10rem 1rem;
}

#top-news h2 {
    font-size: 2.5rem;
    margin-bottom: 3rem;
}

.top-news_wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.8rem;
}

.top-news_list_wrapper {
    display: flex;
    gap: 2.8rem;
    padding-bottom: 1rem;
}

.top-news_list_wrapper time {
    width: 130px;        /* ← 好みで調整 */
    flex-shrink: 0;  
}

.top-news_list_wrapper:last-child {
    padding-bottom: 0;
}

.top-news_list_wrapper time {
    color: #F2AFB0;
    font-weight: 500;
    letter-spacing: 0.08em;
}

.top-news_list_wrapper h3 {
    font-size: 1.6rem;
    font-weight: 400;
    max-width: 630px; 
}

.top-news_btn .top-news_btn_txt {
    padding-left: 15px;
}

.top-news_btn .top-news_btn_line {
    width: 130%;
    height: 5px;
    border-bottom: 1px solid #F29999;
    border-right: 2px solid #F29999;
    transform: skew(55deg);
    /* margin: -3px 0 0 -7px; */
}

@media only screen and (max-width: 1100px) {
    .top-news_wrapper {
        display: block;
    }
}

.top-news_btn  {
    display: flex;
    justify-content: flex-end; /* 右寄せ */
    margin-top: 3rem;
    margin-right: 5rem;
}

@media only screen and (max-width: 767px) {
    #top-news {
        background-color: #fff;
        padding: 6rem 2rem;
    }
    .top-news_list_wrapper {
        display: block;
        padding-bottom: 3.2rem;
    }
}



/* 4つの取り組み　----------------------------------------------*/

#top-activity {
    background-color: #FEF3F0;
    background-image: url(../img/bg_pc.png);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 13rem 0 14rem;
    width: 100%;
}

#top-activity .title {
    display: flex;
    justify-content: center; 
    gap: 2.5rem; /* テキストと画像の間隔 */
    text-align: center;
    margin-bottom: 6em;
}

#top-activity .title h2 {
    color: #FA6868;
    /* text-align: center; */
    position: relative;
}

.top-activity_wrapper {
    background-color: #fff;
    border-radius: 30px;
    padding: 2.5em;
    margin-bottom: 2em;
}

@media only screen and (max-width: 767px) {
    #top-activity {
        background-image: url(../img/bg_sp.png);
        padding: 6rem 0 7rem;
    }

    #top-activity .title {
        display: flex;
        justify-content: center; 
        gap: 2.5rem; /* テキストと画像の間隔 */
        text-align: center;
        margin-bottom: 3em;
    }
}


/* サブタイトル -----------------*/
.top-activity_sub-title {
    display: flex;
    gap: 1.3em;
}


.top-activity_sub-title img {
    width: 7rem;
}

.top-activity_sub-title01 img {
    width: 8.4rem;
}

.top-activity_sub-title_wrapper {
    padding-top: 0.25em;
}

.top-activity_sub-title_wrapper h3 {
    color: #FA6868;
    font-family: "YakuHanRP","Zen Maru Gothic", sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em;
}

.top-activity_sub-title_wrapper01 h3 {
    font-size: 1.8rem;
    line-height: 1.8em;
}

.top-activity_sub-title_wrapper h4 {
    font-size: 2.5rem;
}

.top-activity_sub-title_wrapper01 h4 {
    font-size: 2.8rem;
}

@media only screen and (max-width: 767px) {
    .top-activity_wrapper {
        padding: 3rem 1.5rem;
    }
    .top-activity_sub-title img {
        width: 5.2rem;
    }

    .top-activity_sub-title01 img {
        width: 5.2rem;
    }

    .top-activity_sub-title_wrapper {
        padding-top: 0.25em;
    }

    .top-activity_sub-title_wrapper h3,
    .top-activity_sub-title_wrapper01 h3  {
        font-size: 1.4rem;
        line-height: 1em;
    }


    .top-activity_sub-title_wrapper h4,
    .top-activity_sub-title_wrapper01 h4 {
        font-size: 2rem;
    }
}


/* 画像+文章 -----------------*/
.top-activity_content {
    display: flex;
    gap: 2em;
    margin-top: 1.5em;
}

.top-activity_content02,
.top-activity_content04 {
    flex-direction: row-reverse;
}

.top-activity_content img {
    width: 31rem;
}

.top-activity_content01 img {
    width: 38.7rem;
}

.top-activity_content_txt-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top-activity_content_txt-area .small {
    font-size: 1.5rem;
 }

 @media only screen and (max-width: 1100px) {
    .top-activity_content{
        display: block;
    }

    .top-activity_content img,
    .top-activity_content01 img  {
        width: 100%;
    }

    .top-activity_content_txt-area p {
        margin-top: 1.6rem;
        margin-bottom: 2.8rem;
    }

}


/* ボタン -----------------*/

.top-activity_content_txt-area .btn {
  width: 240px;
  margin-left: auto;
}

.top-activity_content_txt-area02 .btn {
  width: 255px;
  margin-left: 0;
  margin-right: auto;
}

 .top-activity_content_txt-area .btn img {
  width: 27px;
  height: auto;
}

@media only screen and (max-width: 1100px) {
    .top-activity_content_txt-area .btn,
    .top-activity_content_txt-area02 .btn {
            width: 230px;
            margin: 0 auto;
        }

    .top-activity_content_txt-area .btn img {
        width: 26px;
        height: auto;
        }

}


/* アコーディオン ママたちの声を聞く　----------------------------------------------*/
.accordion-voice {
    text-align: center;
}

/* ボタン　------------*/
.accordion-voice_btn {
    display: inline-flex; /* インライン要素として中央に配置できる */
    justify-content: center; 
    align-items: center;
    font-size: 1.6rem;
    font-weight: 500;
    color: #FA6868;
    cursor: pointer;
    list-style: none;
    margin-top: 3rem;
    gap: 1rem; 
    position: relative; 
}

/* ＋マークの追加 */
.accordion-voice_btn::after {
  content: "＋";
  border: 1px solid #F9D7D1;
  border-radius: 50%;
  color: #F29999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  width: 3.5rem;
  height: 3.5rem;
  background-color: transparent;
  flex-shrink: 0; /* ボタンのサイズを固定 */
  position: static; 
}

/* 開いたときに−に変更 */
.accordion-voice[open] .accordion-voice_btn::after {
  content: "−";
  color: #F29999;
}


/* 画像+文章　------------*/
.accordion-voice_wrapper {
    border-top: 1px solid #F29999;
    display: flex;
    gap: 3rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-top: 3.7rem;
}
.accordion-voice_list {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.accordion-voice-list_wrapper {
    background-color: #FFFAF0;
    display: flex;
    align-items: center;
    border-radius: 42px;
    gap: 1em;
    padding: 7px 26px;
    width: 427px;
}

.accordion-voice-list_wrapper p {
    font-size: 1.5rem;
    text-align: left;
}

.accordion-voice_txt-area {
    padding-left: 2.5rem;
    padding-bottom: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 2em;
    text-align: left;
}

@media only screen and (max-width: 1100px) {
    .accordion-voice_wrapper {
        display: block;
    }

    .accordion-voice_list {
        padding-bottom: 1em;
    }

    .accordion-voice-list_wrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .accordion-voice_txt-area {
        padding-left: 0rem; 
    }
}

/* お問い合わせ　----------------------------------------------*/
#top-contact {
    padding-top: 11rem;
    padding-bottom: 13rem;
    background-color: #ECFAFC;
}

.top-contact_wrapper {
    text-align: center;
    margin-top: 8rem;
    margin-bottom: 5rem;
}

#top-contact .btn {
    width: 305px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    #top-contact {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .top-contact_wrapper {
        text-align: left;
        margin: 4.6rem 1rem 3.6rem;
    }

    #top-contact .btn {
        width: 288px;
    }
}



/* セクションの共通部分　----------------------------------------------*/
#babycheer,
#hotplus,
#event
 {
    background-image: url(../img/bg_pc.png);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-top: 7.6rem;
    padding-bottom: 13rem;
    width: 100%;
} 


.title-part {
    text-align: center;
}

.title-part-img {
    height: 12rem;
}

.title-part-sub {
    font-size: 1.6rem;
    font-family: "YakuHanRP","Zen Maru Gothic", sans-serif;
    font-weight: 500;
    margin-top: 5rem;
    margin-bottom: 1rem;
}

.title-part-main {
    color: #F29999;
}

@media only screen and (max-width: 960px) {
    #babycheer,
    #hotplus,
    #event
    {
        background-image: url(../img/bg_sp.png);
        padding-top: 7rem;
        padding-bottom: 7rem;
        width: 100%;
    } 

    .title-part-sub {
        font-size: 1.4rem;
        margin-top: 2rem;
        margin-bottom: 0;
    }

}



/* べビチア　----------------------------------------------*/

@media only screen and (max-width: 767px) {
    #babycheer
    {
        padding-bottom: 26rem;
    } 

}

/* 画像+文章 -----------------*/

.babycheer_content {
    display: flex;
    gap: 2.5em;
    margin-top: 7rem;
}

.babycheer_content img {
    width: 42rem;
}

.babycheer_content_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}

.babycheer_content_txt-area {
    background-color: #FFFAF0;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media only screen and (max-width: 960px) {
    .babycheer_content {
        display: block;
        margin-top: 2.8rem;
    }

    .babycheer_content img {
        width: 100%;
    }

     .babycheer_content_txt-area {
        margin-top: 1.8rem;
        margin-bottom: 2.8rem;
    }
}

/* ボタン -----------------*/

.babycheer_content_wrapper .btn {
  width: 305px;
  margin-left: auto;
}


.babycheer_content_wrapper .btn img {
  width: 27px;
  height: auto;
}

@media only screen and (max-width: 960px) {
    .babycheer_content_wrapper .btn {
        width: 288px;
        margin: 0 auto;
    }


    .babycheer_content_wrapper .btn img {
        width: 26px;
    }
}

/* インタビュー -----------------*/
.babycheer-interview {
    margin-top: 15rem;
    text-align: center;
}



.babycheer-interview .title {
    color: #F29999;
    font-size: 2.5rem;
    position: relative;
    display: inline-block;
    padding: 0.6em;
    border-radius: 8px;
}

/* 左の縦棒 */
.babycheer-interview .title::before,
.babycheer-interview .title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 3px;
    height: 50%;
    background-color: #f29999;
    border-radius: 2px;
}

/* 左棒 */
.babycheer-interview .title::before {
    left: -8px; /* 吹き出しから少し外に出す */
    transform: translateY(-50%) rotate(-35deg);
}

/* 右棒 */
.babycheer-interview .title::after {
    right: -8px; /* 吹き出しから少し外に出す */
    transform: translateY(-50%) rotate(35deg);
}

.babycheer-interview_content {
    margin-top: 6rem;
    display: flex;
    gap: 4rem;
}

.babycheer-interview_wrapper {
    width: 48rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.babycheer-interview_wrapper::before {
    content: "";
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: calc(100% - 20%); 
    background-color: #fff;
    border-radius: 30px;
    z-index: 0; /* 背景なので一番下 */
}


.babycheer-interview_img {
    width: 20rem;
    position: relative;
    z-index: 1;
}

.babycheer-interview_name {
    color: #F29999;
    font-family: "YakuHanRP","Zen Maru Gothic", sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-top: 1.4rem;
    margin-bottom: 2.6rem;
}

.babycheer-interview_txt-area {
    text-align: left;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 5rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 960px) {
    .babycheer-interview {
        margin-top: 6rem;
    }

    .babycheer-interview .title {
        font-size: 2rem;
    }

    .babycheer-interview_content {
        display: block;
        margin-top: 3.4rem;
    }

    .babycheer-interview_wrapper {
        width: 100%;
    }

    .babycheer-interview_wrapper:last-child {
        margin-top: 4.4rem;
    }

    

}

@media only screen and (max-width: 767px) {
    .babycheer-interview_txt-area {
        text-align: left;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 3rem;
    }
}

/* 5つの画像 -----------------*/

.babycheer-btm-img {
    position: relative;
    display: flex;
    gap: 12rem;
    justify-content: center;
    margin-top: 10rem;
    margin-bottom: 4rem;
    width: 100%;
}

.babycheer-btm-img img {
    position: relative;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
}

.babycheer-btm-img01,
.babycheer-btm-img05 {
    width: 9%;
    height: 9%;
}

.babycheer-btm-img02,
.babycheer-btm-img03,
.babycheer-btm-img04 {
    width: 10.5%;
    height: auto;
}

.babycheer-btm-img01,
.babycheer-btm-img05 {
    top: 10px;
}

.babycheer-btm-img02,
.babycheer-btm-img04 {
    top: 50px;
}

@media only screen and (max-width: 960px) {
    .babycheer-btm-img .pc_960 {
        display: none;
    }
}


@media only screen and (max-width: 767px) {
    
    .babycheer-btm-img  {
        display: block;
    }

    .babycheer-btm-img .pc_767 {
        display: none;
    }

    .babycheer-btm-img .babycheer-btm-img02 {
        width: 130px;
        position: absolute;
        top: -2rem;
        left: -5px;
    }

    .babycheer-btm-img .babycheer-btm-img03 {
        width: 140px;
        position: absolute;
        top: -11.5rem;
        right: 5rem;
    }

    .babycheer-btm-img .babycheer-btm-img04 {
        width: 110px;
        position: absolute;
        top: 11rem;
        right: 0;
    }
}


/* ホットプラス　----------------------------------------------*/

#hotplus {
    background-color: #FEF3F0;
}

.hotplus_content {
    margin-top: 7rem;
    margin-bottom: 10rem;
}

.hotplus_content_img {
    display: block;
    width: 63rem;
    margin: 0 auto;
}

.hotplus_content_txt-area {
    background-color: #FEF3F0;
    width: 63rem;
    margin: 0 auto;
    margin-top: 2.1rem;
}

@media only screen and (max-width: 960px) {
    .hotplus_content {
        margin-top: 2.8rem;
        margin-bottom: 5rem;
    }

    .hotplus_content_img {
        width: 100%;
    }

    .hotplus_content_txt-area {
        width: 100%;
    }
}


/* 新しいかたち -----------------*/
.hotplus-next_txt-area_btm-img img {
    width: 31%;
}

.hotplus-next {
    background-color: #fff;
    border-radius: 34px;
    margin: 0 auto;
    max-width: 92rem;
    padding: 6rem 12rem 7rem;
}

.hotplus-next_title {
    color: #F29999;
    font-size: 2.5rem;
    text-align: center;
}

.hotplus-next_txt-area {
    margin-top: 3.6rem;
    margin-bottom: 6rem;
}


.hotplus-next_txt-area_btm-img {
    display: flex;
    gap: 2.2rem;
    justify-content: center;
    text-align: center;
    max-width: 68rem;
    margin: 0 auto;
    margin-top: 5rem;
}

@media only screen and (max-width: 960px) {
    .hotplus-next {
        padding: 3rem 3rem;
    }

    .hotplus-next_title {
        font-size: 2rem;
    }

    .hotplus-next_txt-area {
        margin-top: 1.8rem;
        margin-bottom: 3.3rem;
    }

    .hotplus-next_txt-area_btm-img {
        flex-direction: column;
        margin-top: 2.7rem;
        gap: 1rem;
    }

    .hotplus-next_txt-area_btm-img img {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .hotplus-next {
        padding: 3rem 1.5rem;
    }

    
    .hotplus-next {
        padding-bottom: 15rem;
    }
}



/* ホットプラスの輪へ -----------------*/

.hotplus-next-circle {
    position: relative;
}

.hotplus-next-circle_title {
    color: #F29999;
    font-size: 2.3rem;
    position: relative;
    display: inline-flex; 
    align-items: center; 
    gap: 0.8em;
    margin-bottom: 2.8rem;       
}

.hotplus-next-circle_title::before {
    content: "";
    display: inline-block;
    width: 3.1rem;
    height: 3.8rem;
    background-image: url("../img/flag.svg");
    background-size: contain; /* または cover */
    background-repeat: no-repeat;
}

.hotplus-next-circle_item {
    color: #EA5858;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2;
    margin-top: 2.4rem;
    margin-bottom: 3.8rem;
}

.hotplus-next-circle_item .small {
    color: #734C29;
    font-size: 1.5rem;
}

.hotplus-next-circle .btn {
    width: 34rem;
}

.hotplus-next-circle_illust {
    position: absolute;
    top: 23rem;
    right: -6rem;
}


@media only screen and (max-width: 960px) {
    .hotplus-next-circle_illust {
        right: -1rem;
        top: 26.5rem;
    }
}

@media only screen and (max-width: 767px) {

    .hotplus-next-circle_title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .hotplus-next-circle .btn {
        margin: 0 auto;
    }

    .hotplus-next-circle_illust {
        position: absolute;
        right: 3rem;
        top: 50rem;
        padding-bottom: 0;
    }

    .hotplus-next-circle_illust img {
        width: 94px;
    }

}



/* 出張イベント　----------------------------------------------*/

#event {
    background-color: #ECFAFC;
}

.event_content {
    display: flex;
    gap: 4rem;
    margin-top: 7rem;
    margin-bottom: 8.4rem;
}

.event_content_img {
    display: block;
    width: 55.5rem;
    margin: 0 auto;
}

.event_content_txt-area {
    width: 40.5rem;
    margin: 0 auto;
    background-color: #ECFAFC;
}

.event-voice {
    text-align: center;
}

.event-voice_title {
    color: #F29999;
    font-size: 2rem;
    /* text-align: center; */
    position: relative;
    display: inline-block;
    padding: 0.6em;
    border-radius: 8px;
}

/* 左の縦棒 */
.event-voice_title::before,
.event-voice_title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 2px;
    height: 50%;
    background-color: #f29999;
    border-radius: 2px;
}

/* 左棒 */
.event-voice_title::before {
    left: -8px; /* 吹き出しから少し外に出す */
    transform: translateY(-50%) rotate(-35deg);
}

/* 右棒 */
.event-voice_title::after {
    right: -8px; /* 吹き出しから少し外に出す */
    transform: translateY(-50%) rotate(35deg);
}

.event-voice_txt-area {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 8rem;
}

.event-voice_img {
    display: flex;
    gap: 2.8rem;
    width: 100%;
}
.event-voice_img_wrapper {
    display: flex;
    gap: 2.8rem;
    width: 100%;
}

.event-voice_img_wrapper img {
    width: 47%;
}

@media only screen and (max-width: 1100px) {
    .event_content {
        display: block;
        margin-top: 2.8rem;
        margin-bottom: 6rem;
    }

    .event_content_img {
        width: 100%;
    }

    .event_content_txt-area {
        width: 100%;
        margin-top: 2.1rem;
    }

    .accordion-voice-list_wrapper {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {

    .event_content {
        margin-bottom: 4rem;
    }
   
    .event-voice_txt-area {
        text-align: left;
        margin-bottom: 2rem;
        margin-top: 0rem;
    }

    .event-voice_img {
        display: block;

    } 

    .event-voice_img_wrapper {
        margin-bottom: 1rem;
        gap: 1rem;
    }

    .event-voice_img_wrapper img {
        width: 49%;
    }
}

/* イベントの問い合わせ　　　　 -----------------*/
.event-contact {
    background-color: #fff;
    border-radius: 34px;
    margin-top: 10rem;
    text-align: center;
    padding: 6rem;
}

.event-contact_title {
    color: #F29999;
    font-size: 2rem;
    position: relative;
    display: inline-flex; 
    align-items: center; 
    gap: 0.5em;
    margin-bottom: 4rem;       
}

.event-contact_title::before {
    content: "";
    display: inline-block;
    width: 3.1rem;
    height: 3.8rem;
    background-image: url("../img/flag.svg");
    background-size: contain; /* または cover */
    background-repeat: no-repeat;
}

.event-contact .btn {
    width: 30.5rem;
    margin: 0 auto;
    margin-top: 4rem;
}

.event-contact_illust {
    position: absolute;
    padding-left: 2rem;
}

.event-contact_title-btm {
    color: #F29999;
    font-family: "YakuHanRP","Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    margin-top: 1rem;
}

@media only screen and (max-width: 960px) {
    .event-contact {
        padding: 3rem;
    }
}

@media only screen and (max-width: 767px) {
    .event-contact {
        margin-top: 5rem;
        padding: 3rem 1.5rem 8rem 1.5rem;
    }

    .event-contact_title {
        align-items: flex-start;
        margin-bottom: 2rem;        
    }

    .event-contact_txt-area,
    .event-contact_title-btm {
        text-align: left;
    }

    .event-contact_illust img {
        width: 5.4rem;
        padding-top: 3rem;
    }
}

/* アニメーション　　　　 -----------------*/

.top-kv img {
  opacity: 0;
  transform: translateY(-100px);
  animation: fadeSlideIn 1.2s ease-out forwards;
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}