@charset "UTF-8";
/* 下層common */
.womenshealth_container {
    font-family: "ヒラギノ角ゴ ProN W5", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
.wh_article{
    background: url(/-/Media/com/learn-more/womenshealth/common/bg_all01.jpg) repeat #fdebeb;
    color: #333;
    font-size: 16px;
}

/*下層MV部分*/
.sec-mv{
    padding:60px 0 115px 0;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/common/sec_mv_bg.png) no-repeat center bottom/cover;
}
.sec-mv .ttl-01{
    font-size: 3.125em;
    text-align:center;
}

/*リンクボタン*/
.link-03 a {
    color: #333;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding-left: 30px;
    display: inline-block;
    position:relative;
}
.link-03 a::before {
    content: "";
    display: block;
    background: url(/-/Media/com/learn-more/womenshealth/common/ico_arw_02_sp.png) center center no-repeat;
    background-size: auto;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position:absolute;
    top:5px;
    left:0;
}
/*ヘッダー*/
.womenshealth_container .gnavi-bg{
    background-color:#fff;
    border-bottom:1px solid #c43e4b;
    /* position:relative; */
    position: sticky;
    top: 0;
    z-index: 99;
}
.womenshealth_container a{
    color:#a62f3a;
    font-weight:bold;
}
.womenshealth_container .gnavi-cnt{
    display: flex;
    justify-content: space-between;
    height:80px;
    position: relative;
}
.womenshealth_container .gnavi-main-cnt{
    width:240px;
    position: absolute;
    background:#fbf2f2 url(/-/Media/com/learn-more/womenshealth/pregnancy/common/hnav_img01.png) no-repeat bottom left 10px/auto;
    border:1px solid #a62f3a;
    border-top:none;
    border-radius: 0 0 10px 10px;
    padding:15px 0 35px 28px;
    box-sizing: border-box;
}
.womenshealth_container .gnavi-main-cnt:hover{
    cursor: pointer;
    opacity: 1;
}
.womenshealth_container .gnavi-main-cnt:hover span{
    opacity: 0.7;
}
.gnavi-bg .gnavi-cnt .gnavi-list-wrap .hglb02nv-current{
    position: relative;
}
.gnavi-bg .gnavi-cnt .gnavi-list-wrap .hglb02nv-current a:after{
    position: absolute;
    background-color: #a62f3a;
    border-radius: 5px 5px 0 0;
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    bottom: -16px;
}
/*未公開時*/
.womenshealth_container .gnavi-main-cnt.hdn:hover{
    cursor: default;
    opacity: 1;
}
.womenshealth_container .gnavi-main-cnt.hdn:hover span{
    opacity: 1;
}
/*未公開時ここまで*/
.womenshealth_container .gnavi-main-btn{
    font-size:1.25em;
    text-align: center;
    display: block;
}
.womenshealth_container .gnavi-main-btn span{
    color:#333;
    font-size:80%;
}

.womenshealth_container .gnavi-list-wrap{
    width:calc(100% - 240px);
    position:absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.womenshealth_container .gnavi-list{
    display: flex;
}
.womenshealth_container .gnavi-list li{
    width:calc(100%/3);
    border-right:1px solid #a62f3a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.womenshealth_container .gnavi-list a{
    text-align: center;
    width: 100%;
}
.womenshealth_container .gnavi-list .hdn{
    pointer-events:none;
}
.womenshealth_container .gnavi-list span{
    font-size: 80%;
}

@media screen and (min-width: 768px) and (max-width: 1120px) {}
/****************************** BREAK POINT *******************************
タブレット Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 768px) {
    
    .sec-mv{
        background: url(/-/Media/com/learn-more/womenshealth/pregnancy/common/sec_mv_bg_sp.png) no-repeat center bottom/cover;
        padding:16.28vw 0 16.93vw 0;
    }
    .sec-mv .ttl-01{
        font-size:6.5104vw;
        white-space: nowrap;
    }
    .womenshealth_container .gnavi-bg{
        border-top:1px solid #a62f3a;
    }
    .womenshealth_container .gnavi-cnt{
        width: 100%;
        height: 13.02vw;
    }
    .womenshealth_container .gnavi-main-cnt{
        width:42.58vw;
        background-size: 8.1vw;
        padding: 5.21vw 0.91vw 5.21vw 9.42vw;
        left: 3%;
        z-index: 3;
    }
    .womenshealth_container .gnavi-main-btn{
        font-size: 3.65vw;
        line-height: 1.25;
    }
    .womenshealth_container .header-btn-wrap{
        position:absolute;
        right: 3%;
        top:50%;
        transform: translateY(-50%);
    }
    .womenshealth_container .header-btn{
        width:7.81vw;
        height:7.81vw;
        background:url(/-/Media/com/learn-more/womenshealth/pregnancy/common/btn_open.png) no-repeat center/contain;
    }
    .womenshealth_container .header-btn.open{
        background:url(/-/Media/com/learn-more/womenshealth/pregnancy/common/btn_close.png) no-repeat center/contain;
    }
    .womenshealth_container .gnavi-list-wrap{
        display: none;
        width: 100%;
        background-color: #fff;
        border-bottom:1px solid #a62f3a;
        transform:none;
        top: 13.02vw;
        z-index: 2;
        padding: 11.72vw 0;
        /* transition: 0.3s; */
    }
    .womenshealth_container .gnavi-list-wrap.open{
        /* display: block; */
    }
    .womenshealth_container .gnavi-list{
        flex-direction: column;
        width: 94%;
        margin: 0 auto;
    }
    .womenshealth_container .gnavi-list li{
        width:100%;
        border-right:none;
        border-top:1px solid #a62f3a;
        padding: 3.91vw 0;
    }
    .womenshealth_container .gnavi-list li:last-of-type{
        border-bottom:1px solid #a62f3a;
    }
    .womenshealth_container .gnavi-list a{
        font-size: 4.17vw;
    }
    .gnavi-bg .gnavi-cnt .gnavi-list-wrap .hglb02nv-current a:after{
        content: none;
    }

}
/****************************** BREAK POINT *******************************
SP Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 480px) {
 /*--------------------------------------------------------------------------
BASE(tablet,sp)
---------------------------------------------------------------------------*/
}