/*SP*/

.preg-top{
    background: url(/-/Media/com/learn-more/womenshealth/common/bg_all01.jpg) repeat #fdebeb;
    color: #333;
    font-size: 16px;
}
.preg-top .section-mv{
    margin-bottom: 13.02vw;
}
.preg-top .section-mv .mv-bg{
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/top/0812/bg_ntop_mv_01_sp.png) no-repeat right bottom/94%;
    /* height: 98.18vw; */
    height: 82.73vw;
    margin-top: 13.02vw;
}
.preg-top .mv-ttl{
    color:#a62f3a;
    font-size:9.64vw;
    font-weight:bold;
    letter-spacing: 0.05em;
    line-height: 1;
    display: inline-block;
    margin-bottom: 3.91vw;
}
.preg-top .mv-ttl .ttl-bg {
    background-color: #fff;
    display: inline-block;
    padding: 3.51vw 4.56vw;
}
.preg-top .mv-ttl .ttl-bg.ttl-bg-02{
    margin-top: -3.91vw;
}
.preg-top .mv-ttl .ttl-bg .small{
    color:#333;
}
.preg-top .mv-ttl-cnt .mv-txt{
    color:#555;
    font-size:3.65vw;
    letter-spacing: 0.05em;
    line-height: 1.8;
}
.preg-top .section-01 .cnt-00{
    margin-bottom: 18.88vw;
}
.preg-top .section-01 .cnt-00 a{
    display: inline-block;
}
.preg-top .section-01 .ttl-02{
    color:#a62f3a;
    font-size:8.33vw;
    letter-spacing:0.05em;
    line-height:1.25;
    text-align: center;
    margin-bottom:11.07vw;
}
.preg-top .section-01 .ttl-02 .small{
    color:#333;
}
.preg-top .section-01 p{
    font-size:3.65vw;
    line-height: 2;
    text-align:center;
    width: 70.31vw;
}
.preg-top .section-01 p:first-of-type{
    margin-bottom:7.81vw;
}
.preg-top .section-01 .cnt-txt{
    position:relative;
}
.preg-top .section-01 .cnt-txt::after{
    content: "";
    position:absolute;
    z-index: 1;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/top/ntop_doc.png) no-repeat center/contain;
    right:0;
    top:0;
    width:27.34vw;
    height:78.13vw;
}
.preg-top .section-02{
    position: relative;
    background-color:#fff;
    margin: 26.04vw 0 36vw 0;
    padding: 5.91vw 0;
}
.preg-top .section-02::before{
    content:"";
    position:absolute;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/top/bg_sp_01.png) no-repeat center top/100% 100%;
    width:100%;
    height:16.02vw;
    top:-16.02vw;
}
.preg-top .section-02::after{
    content:"";
    position:absolute;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/top/bg_sp_02.png) no-repeat center bottom/100% 100%;
    width:100%;
    height:16.02vw;
    bottom:-16.02vw;
}
.preg-top .section-02 .cnt-02 .btn-bnr{
    display: block;
    position:relative;
    background: url(/-/Media/com/learn-more/womenshealth/pregnancy/top/bg_ntop_column_sp.jpg) no-repeat center/cover;
    height: 45.57vw;
}
.preg-top .section-02 .cnt-02 .cnt-bnr .ttl-03{
    font-size:5.47vw;
    line-height: 1.5;
    position:absolute;
    left:6%;
    top:50%;
    transform: translateY(-50%);
}
.preg-top .section-02 .cnt-02 .cnt-bnr .ttl-03 .small{
    color:#a62f3a;
}
.preg-top .section-02 .cnt-02 .cnt-bnr .bnr-txt{
    position:absolute;
    right:0;
    bottom:0;
    background-color:#db8790;
    color:#fff;
    border-radius:5.21vw 0 0 0;
    padding:1.95vw 5.21vw;
}
.preg-top .section-02 .cnt-bnr + .cnt-bnr-txt{
    font-size:3.52vw;
    line-height: 2;
    margin:3.91vw 0 8.46vw 0;
}
.preg-top .section-02 .cnt-02 .cnt-item{
    margin-bottom:5.21vw;
}
.preg-top .section-02 .cnt-02 .item-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/top/ntop_arrow.png) no-repeat right bottom/3.91vw auto;
    border: 1px solid #ccc;
}
.preg-top .section-02 .cnt-02 .item-inner .img-01{
    width:23.44vw;
}
.preg-top .section-02 .cnt-02 .item-inner .cnt-ttl-04{
    width:calc(100% - 23.44vw);
    padding: 0 1vw 0 3.91vw;
    box-sizing: border-box;
}
.preg-top .section-02 .cnt-02 .item-inner .ttl-04{
    color:#333;
    font-size:3.65vw;
    font-weight:bold;
    border-left:0;
    width:100%;
    display: block;
}
.preg-top .section-02 .cnt-02 .item-inner .cnt-name{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.preg-top .section-02 .cnt-02 .item-inner .cate{
    color:#fff;
    font-size:2.34vw;
    letter-spacing: 0.3em;
    text-align: center;
    background-color:#db8790;
    border-radius:2.15vw;
    padding: 0.35vw 0vw;
    margin-right: 1vw;
    width: 8.98vw;
} 
.preg-top .section-02 .cnt-02 .item-inner .name{
    font-size:2.34vw;
    width: calc(100% - 10.98vw);
}
.preg-top .section-02 .cnt-02 .item-inner .name .small{
    margin-right:1vw;
}
.preg-top .section-03{
    margin-bottom:26.04vw;
}
.preg-top .section-03 .cnt-01 .cnt-item{
    margin-bottom:9.77vw;
}
.preg-top .hdn{
    pointer-events: none;
}
.preg-top .section-03 .cnt-01 .item-inner .img-01{
    display: block;
    border: 1px solid #ccc;
    border-bottom:none;
}
.preg-top .section-03 .cnt-01 .item-inner .ttl-03{
    color:#fff;
    font-size:5.47vw;
    letter-spacing: 0.05em;
    text-align: center;
    background-color:#a62f3a;
    padding:1.95vw 0;
    display: block;
}
.preg-top .section-03 .cnt-01 .cnt-item-txt{
    font-size:3.65vw;
    letter-spacing: 0.025;
}
.preg-top .section-03 .cnt-02{
    text-align: center;
    padding:10.42vw 3.26vw 27.34vw 3.26vw;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/top/ntop_doc2.png) no-repeat right bottom/39.71vw auto,#fff;
}
.preg-top .section-03 .cnt-02 .ttl-03{
    font-size:5.47vw;
    font-weight:bold;
    line-height:1.5;
    margin-bottom:5.86vw;
}
.preg-top .section-03 .cnt-02 .ttl-03 .txt-maker{
    background: linear-gradient(transparent 60%, #f3d7da 60%);
}
.preg-top .section-03 .cnt-02 .ttl-03 + p{
    font-size:3.65vw;
    line-height:2;
}


@media screen and (min-width: 768px) and (max-width: 1120px) {}
/****************************** BREAK POINT *******************************
タブレット Layout
******************************* BREAK POINT ******************************/
@media screen and (min-width: 769px) {
    .preg-top .section-mv{
        margin-bottom: 60px;
    }
    .preg-top .section-mv .mv-bg{
        background: url(/-/Media/com/learn-more/womenshealth/pregnancy/top/0812/bg_ntop_mv_01.png) no-repeat right bottom/auto 100%;
        height: 408px;
        margin-top:75px;
        position: relative;
    }
    .preg-top .mv-ttl-cnt{
        position: absolute;
        top: 70px;
    }
    .preg-top .mv-ttl{
        font-size: 3.25em;
        margin-bottom: 20px;
    }
    .preg-top .mv-ttl .ttl-bg{
        padding: 20px 30px;
    }
    .preg-top .mv-ttl-cnt .mv-txt{
        font-size:1.25em;
    }
    .preg-top .section-01 .cnt-00{
        text-align: center;
        margin-bottom: 100px;
    }
    .preg-top .section-01 .cnt-01{
        background-color: #fff;
        border: 3px dotted #e9cbce;
        box-sizing: border-box;
        padding:45px 0;
        margin: 0 auto;
        width: 717px;
    }
    .preg-top .section-01 .ttl-02{
        font-size:2.625em;
        margin-bottom: 45px;
    }
    .preg-top .section-01 p{
        font-size:inherit;
        width:100%;
    }
    .preg-top .section-01 p:first-of-type{
        margin-bottom: 30px;
    }
    .preg-top .section-01 .cnt-txt::after{
        top: 17px;
        width: 100px;
        height: 300px;
    }
    .preg-top .section-02{
        margin: 145px 0 215px 0;
        padding: 50px 0;
    }
    .preg-top .section-02::before{
        background: url(/-/Media/com/learn-more/womenshealth/pregnancy/top/bg_01.png) no-repeat center top/100% 100%;
        top: -73px;
        height: 73px;
    }
    .preg-top .section-02::after{
        background: url(/-/Media/com/learn-more/womenshealth/pregnancy/top/bg_02.png) no-repeat center bottom/100% 100%;
        height: 73px;
        bottom: -73px;
    }
    .preg-top .section-02 .cnt-02 .btn-bnr{
        background: url(/-/Media/com/learn-more/womenshealth/pregnancy/top/bg_ntop_column.jpg) no-repeat center/cover;
        height: 200px;
    }
    .preg-top .section-02 .cnt-02 .cnt-bnr .ttl-03{
        font-size: 1.625em;
        left: 80px;
    }
    .preg-top .section-02 .cnt-02 .cnt-bnr .bnr-txt{
        font-size: 1.25em;
        letter-spacing: 0.05em;
        border-radius: 20px 0 0 0;
        padding: 15px 40px;
    }
    .preg-top .section-02 .cnt-bnr + .cnt-bnr-txt{
        font-size: 1.125em;
        margin: 20px 0 75px 0;
    }
    .preg-top .section-02 .items-inner{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .preg-top .section-02 .cnt-02 .cnt-item{
        width: calc((100% - 40px)/2);
        margin-bottom:40px;
    }
    .preg-top .section-02 .cnt-02 .item-inner{
        background-size:20px;
    }
    .preg-top .section-02 .cnt-02 .item-inner .img-01{
        width:100px;
    }
    .preg-top .section-02 .cnt-02 .item-inner .cnt-ttl-04{
        width: calc(100% - 100px);
        padding: 0 5px 0 15px;
    }
    .preg-top .section-02 .cnt-02 .item-inner .ttl-04{
        font-size: 1em;
        line-height: 1.4em;
        margin-bottom: 2px;
    }
    .preg-top .section-02 .cnt-02 .item-inner .cnt-name{
        line-height: 1.1em;
    }
    .preg-top .section-02 .cnt-02 .item-inner .cate{
        font-size: 0.813em;
        padding: 2px 0 2px 3px;
        margin-right: 5px;
        width: 54px;
    }
    .preg-top .section-02 .cnt-02 .item-inner .name{
        font-size: 0.9em;
        width: calc(100% - 70px);
    }
    .preg-top .section-02 .cnt-02 .item-inner .name .small{
        font-size: 0.75em;
        margin-right: 10px;
    }
    .preg-top .section-03{
        margin-bottom: 180px;
    }
    .preg-top .section-03 .cnt-01{
        margin-bottom:115px;
    }
    .preg-top .section-03 .cnt-items{
        display: flex;
        /* justify-content: space-between; */
        justify-content: center;
    }
    .preg-top .section-03 .cnt-01 .cnt-item{
        width: calc((100% - 40px)/2);
        margin-bottom: 0;
    }
    .preg-top .section-03 .cnt-01 .item-inner .ttl-03{
        font-size: 1.25em;
        padding: 15px 0;
    }
    .preg-top .section-03 .cnt-01 .cnt-item-txt{
        font-size: 1em;
    }
    .preg-top .section-03 .cnt-02{
        padding: 55px;
        background: url(/-/Media/com/learn-more/womenshealth/pregnancy/top/ntop_doc2.png) no-repeat right bottom/200px auto,#fff;
    }
    .preg-top .section-03 .cnt-02 .ttl-03{
        font-size: 1.625em;
        margin-bottom: 35px;
    }
    .preg-top .section-03 .cnt-02 .ttl-03 + p{
        font-size: 1em;
    }
}