@charset "UTF-8";
/* PQQ */
.txt-red{
    color:#a62f3a;
}
.sec-mv{
    padding-bottom: 32.552vw;
    margin-bottom: 6.02vw;
}
.sec-mv .inner{
    position:relative;
}
.sec-mv .ttl-01{
    white-space: nowrap;
    padding-left:16.93vw;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/pqq/pqq_icon.png) no-repeat left center/13.02vw;
    position:absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
}

/*MV下TOP*/
.sec-top{
    margin-bottom: 4.23vw;
    text-align:center;
}
.sec-top .top-ttl{
    font-size:5.86vw;
    letter-spacing: 0.05em;
    margin-bottom: 2.6vw;
}
.sec-top .top-txt{
    font-size: 4.17vw;
    letter-spacing: 0.05em;
    margin-bottom: 6.51vw;
}
.sec-top .ank-cont{
    padding: 1.95vw 0;
    background-color: #fff;
    border-top:1px solid #a62f3a;
    border-bottom:1px solid #a62f3a;
}
.sec-top .ank-list{
    width: 96%;
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.sec-top .ank-list-item {
    width: calc(100%/3);
    padding: 0 0.5vw;
}
.sec-top .ank-list-item:not(:first-of-type){
    border-left:1px dotted #a62f3a;
}
.sec-top .ank-list-item a{
    color:#000;
    font-weight:inherit;
    font-size: 3vw;
    line-height: 1.5;
    display: block;
    padding: 1.04vw 0;
}

/*コンテンツ　共通部分*/
.sec-main .sec-cnt{
    padding-top:15.32vw
}
.sec-main .sec-cnt .ttl-cnt{
    text-align: center;
    margin-bottom: 6.51vw;
}
.sec-main .sec-cnt .ttl-cnt .ttl-02{
    font-size:4.69vw;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 3.26vw 0;
    background-color:#fff;
    border-radius:11.72vw;
    display: inline-block;
    width:85%;
    margin-bottom:5.86vw;
}

.sec-main .sec-cnt .txt-1{
    letter-spacing: 0.05em;
    line-height:2;
    text-align: left;
}
.sec-main .sec-cnt .txt-1 .color-txt{
    font-weight:bold;
}

/*round title color border*/
.sec-main .sec-cnt .sub-cnt-02{
    padding-top:5.21vw;
}
.sec-main .sec-cnt .sub-cnt-02-inner{
    border:2px solid #363699;
    background-color:#fff;
    padding:5.21vw;
}
.sec-main .sec-cnt .sub-cnt-02 .ttl-cnt{
    margin-bottom: 7.81vw;
    margin-top: -9.81vw;
}
.sec-main .sec-cnt .sub-cnt-02 .ttl-03{
    font-size:4.17vw;
    font-weight:bold;
    letter-spacing: 0.05em;
    text-align: center;
    background-color:#c7c7e6;
    border-radius:8.46vw;
    width: 61.2vw;
    padding: 1.3vw 0;
    display: inline-block;
    margin-bottom:0;
}

/*section01*/
.sec-main .section-01{
    margin-top: -5vw;
    margin-bottom:6.74vw;
}
.sec-main .section-01 .color-txt{
    color:#a62f3a;
}
.sec-main .section-01 .ttl-02 .color-txt{
    font-size:5.99vw;
}
.sec-main .section-01 .img-01{
    text-align: center;
    margin-bottom:9.77vw;
}
.sec-main .section-01 .link-02{
    text-align:center;
}
.sec-main .section-01 .cnt-01{
    margin-bottom:16.48vw;
}
.sec-main .section-01 .cnt-02{
    background-color:#f3d7da;
    border:2px solid #a62f3a;
    border-radius:1.3vw;
    padding:9.11vw 5.21vw;
}
.sec-main .section-01 .cnt-02 .ttl-03{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:0;
}
.sec-main .section-01 .cnt-02 .ttl-03 .ttl-03-sub{
    font-size:4.17vw;
    background-color:#fff;
    border-radius:8.46vw;
    padding: 1.3vw 7.81vw 1.3vw 17.97vw;
    margin-bottom: 3.86vw;
    position:relative;
}
.sec-main .section-01 .cnt-02 .ttl-03 .ttl-03-sub::before{
    content: "";
    position:absolute;
    width:10.42vw;
    height:11.72vw;
    left:2.6vw;
    bottom:0;
    background:url(/-/Media/com/learn-more/womenshealth/pregnancy/pqq/pqq_doc.png) no-repeat center bottom/contain;
}
.sec-main .section-01 .cnt-02 .ttl-03 .ttl-03-main{
    font-size:5.47vw;
    letter-spacing: 0.05em;
    line-height:2;
}
.sec-main .section-01 .cnt-02 .txt-1{
    font-size: 4.17vw;
    line-height:2;
    letter-spacing: 0.05em;
    margin-bottom:6.51vw;
}
.sec-main .section-01 .cnt-02 .img-01{
    margin-bottom:1.95vw;
}
.sec-main .section-01 .cnt-02 .attent-txt{
    font-size: 2.6vw;
}

/*section02*/
.sec-main .section-02 .color-txt{
    color:#363699;
}
.sec-main .section-02 .ttl-cnt .ttl-02{
    background-color:#c7c7e6;
}
.sec-main .section-02 .sub-cnt-01{
    margin-bottom:14.32vw;
}
.sec-main .section-02 .sub-cnt-01 .imgs-list{
    width:94%;
    margin:0 auto;
}
.sec-main .section-02 .sub-cnt-01 .img-01:first-of-type{
    margin-bottom:8.46vw;
}
.sec-main .section-02 .sub-cnt-02 .item-list{
    display: flex;
    justify-content: space-between;
}
.sec-main .section-02 .sub-cnt-02 .item{
    text-align:center;
}
.sec-main .section-02 .sub-cnt-02 .img-03{
    height:11.72vw;
    margin-bottom:1.95vw;
}
.sec-main .section-02 .sub-cnt-02 .img-03 img{
    width:auto;
    height:100%;
}
.sec-main .section-02 .sub-cnt-02 .item-txt{
    font-size:3.39vw;
    font-weight: bold;
}

/*section03*/
.sec-main .section-03{
    position: relative;
    background-color: #fff;
    margin-top: 26.51vw;
    padding: 15.32vw 0 15.32vw 0;
}
.sec-main .section-03::before {
    content: "";
    position: absolute;
    background: url(/-/Media/com/learn-more/womenshealth/pregnancy/pqq/bg_sp_01.png) no-repeat center top/100% 100%;
    width: 100%;
    height: 16.02vw;
    top: -8.52vw;
}
.sec-main .section-03 .color-txt{
    color:#a62f3a;
}
.sec-main .section-03 .ttl-cnt .ttl-02{
    background-color:#f3d7da;
}
.sec-main .section-03 .sub-cnt-01{
    margin-bottom:10.42vw;
}
.sec-main .section-03 .sub-cnt-01 .img-01{
    width:94%;
    margin:0 auto 8.46vw auto;
}
.sec-main .section-03 .sub-cnt-01 .small{
    margin-top:6.51vw;
}
.sec-main .section-03 .sub-cnt-02{
    margin-bottom:10.42vw;
}
.sec-main .section-03 .sub-cnt-02-inner{
    border-color:#a62f3a;
}
.sec-main .section-03 .sub-cnt-02 .ttl-03{
    background-color:#f3d7da;
}
.sec-main .section-03 .sub-cnt-02 .txt-1{
    margin-bottom:4.56vw;
}

/*監修*/
.sec-main .section-03 .cnt-01 .ttl-p{
    color:#fff;
    font-size:4.17vw;
    letter-spacing: 0.3em;
    background-color:#d77a84;
    display: inline-block;
    border-radius:6.51vw;
    padding: 0 3.65vw;
    margin-bottom: 3.65vw;
}
.sec-main .section-03 .cnt-01 .ttl-p-txt{
    color:#a62f3a;
    font-size:3.65vw;
    font-weight:bold;
    line-height:2;
}
.sec-main .section-03 .cnt-01 .ttl-p-txt .big{
    font-size:5.47vw;
    line-height: 1;
    margin: 0 3vw;
}

/*section-column*/
.sec-main .section-column{
    background-color: #f3d7da;
    padding:12.37vw 0;
    margin-bottom: 25.39vw;
}
.sec-main .section-column .ttl-cnt{
    text-align:center;
    margin-bottom: 6.51vw;
}
.sec-main .section-column .item-list{
    width: 94%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec-main .section-column .item{
    width:calc((100% - 6.51vw)/2);
    display: flex;
    flex-direction: column;
}
.sec-main .section-column .item:nth-of-type(n+3){
    margin-top: 6.51vw;
}

.sec-main .section-column .item .img-01{
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 1.95vw;
}
.sec-main .section-column .item .ttl-03-main{
    color:#333;
    font-size: 3.65vw;
    font-weight:bold;
    line-height: 1.75;
    margin-bottom: 0;
}
.sec-main .section-column .item .ttl-03-sub{
    color:#a62f3a;
    font-weight:bold;
    font-size: 3.65vw;
    line-height: 1.75;
    margin-top: auto;
}

@media screen and (min-width: 769px) and (max-width: 1120px) {}
/****************************** BREAK POINT *******************************
タブレット Layout
******************************* BREAK POINT ******************************/
@media screen and (min-width: 769px) {

    .sec-mv{
        padding-bottom:210px;
        margin-bottom: 25px;
    }
    .sec-mv .ttl-01{
        padding-left:110px;
        background-size: 80px;
    }
    /*MV下TOP*/
    .sec-top{
        margin-bottom:50px;
    }
    .sec-top .top-ttl{
        font-size:2.25em;
        margin-bottom: 20px;
    }
    .sec-top .top-txt{
        font-size: 1.875em;
        margin-bottom: 55px;
    }
    .sec-top .ank-cont{
        padding:15px 0;
    }
    .sec-top .ank-list{
        width:940px;
    }
    .sec-top .ank-list-item{
        padding:0 15px;
    }
    .sec-top .ank-list-item a{
        font-size:1em;
        padding:15px 0;
    }


    /*共通*/
    .sec-main .sec-cnt{
        padding-top:80px;
    }
    .sec-main .sec-cnt .txt-1{
        font-size: 1.25em;
    }
    .sec-main .sec-cnt .ttl-cnt{
        margin-bottom: 40px;;
    }
    .sec-main .sec-cnt .ttl-cnt .ttl-02{
        font-size:1.6em;
        width:640px;
        padding: 20px 0;
        margin-bottom:40px;
    }
    .sec-main .sec-cnt .sub-cnt-02{
        padding-top:30px;
    }
    .sec-main .sec-cnt .sub-cnt-02-inner{
        padding: 35px 40px;
    }
    .sec-main .sec-cnt .sub-cnt-02 .ttl-cnt{
        margin-top: -67px;
        margin-bottom: 40px;
    }
    .sec-main .sec-cnt .sub-cnt-02 .ttl-03{
        font-size:1.375em;
        padding:15px 0;
        width: 375px;
    }





    /*section-01*/
    .sec-main .section-01{
        margin-bottom:120px;
    }
    .sec-main .section-01 .ttl-cnt .ttl-02{
        width:377px;
    }
    .sec-main .section-01 .ttl-cnt .ttl-02 .color-txt{
        font-size:1.25em;
    }
    .sec-main .section-01 .cnt-01{
        width:725px;
        margin:0 auto 110px auto;
    }
    .sec-main .section-01 .cnt-01 .img-01{
        margin-bottom: 30px;
    }
    .sec-main .section-01 .cnt-01 .link-02{
        text-align: right;
    }
    .sec-main .section-01 .cnt-02{
        padding:50px 90px;
    }
    .sec-main .section-01 .cnt-02 .ttl-03 .ttl-03-sub{
        font-size: 1.125em;
        padding: 5px 40px 5px 80px;
        margin-bottom: 25px;
    }
    .sec-main .section-01 .cnt-02 .ttl-03 .ttl-03-sub::before{
        width:50px;
        height:55px;
        left:15px;
    }
    .sec-main .section-01 .cnt-02 .ttl-03 .ttl-03-main{
        font-size: 1.25em;
    }
    .sec-main .section-01 .cnt-02 .ttl-cnt{
        margin-bottom:30px;
    }
    .sec-main .section-01 .cnt-02 .txt-1{
        font-size:1em;
        margin-bottom:30px;
    }
    .sec-main .section-01 .cnt-02 .img-01{
        width:600px;
        margin:0 auto 15px auto;
    }
    .sec-main .section-01 .cnt-02 .attent-txt{
        font-size:0.75em;
        width:600px;
        margin:0 auto;
    }

/*section-02*/
    .sec-main .section-02 .sub-cnt-01{
        margin-bottom:75px;
    }
    .sec-main .section-02 .sub-cnt-01 .imgs-list{
        width:765px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .sec-main .section-02 .sub-cnt-01 .img-01{
        width:340px;
    }
    .sec-main .section-02 .sub-cnt-01 .img-01:first-of-type{
        width:350px;
        margin-bottom: 0;
    }
    .sec-main .section-02 .sub-cnt-02 .item-list{
        width: 525px;
        margin: 0 auto;
    }
    .sec-main .section-02 .sub-cnt-02 .item{
        width:175px;
    }
    .sec-main .section-02 .sub-cnt-02 .item:nth-of-type(2){
        width:125px;
    }
    .sec-main .section-02 .sub-cnt-02 .item:nth-of-type(1){
        width:85px;
    }
    .sec-main .section-02 .sub-cnt-02 .img-03{
        height:75px;
        margin-bottom: 20px;
    }
    .sec-main .section-02 .sub-cnt-02 .item-txt{
        font-size:1.125em;
    }

/*section-03*/
    .sec-main .section-03{
        padding: 80px 0 100px 0;
        margin-top: 200px;
    }
    .sec-main .section-03::before{
        background: url(/-/Media/com/learn-more/womenshealth/pregnancy/pqq/bg_01.png) no-repeat center top/100% 100%;
        top: -73px;
        height: 73px;
    }
    .sec-main .section-03 .sub-cnt-01{
        margin-bottom:70px;
    }
    .sec-main .section-03 .sub-cnt-01 .img-01{
        width:500px;
        margin:0 auto 55px auto;
    }
    /* .sec-main .section-03 .sub-cnt-01 .txt-1{
        font-size:1em;
    } */
    .sec-main .section-03 .sub-cnt-01 .small{
        margin-top:20px;
    }    
    .sec-main .section-03 .sub-cnt-02{
        margin-bottom:60px;
    }
    .sec-main .section-03 .sub-cnt-02 .txt-1{
        /* font-size:1em; */
        margin-bottom: 30px;
    }
    .sec-main .section-03 .sub-cnt-02 .img-02{
        width:440px;
        margin:0 auto;
    }
/*監修*/
    .sec-main .section-03 .cnt-01 .ttl-p{
        font-size: 1em;
        padding: 0 10px 0 15px;
        margin-bottom: 15px;
    }
    .sec-main .section-03 .cnt-01 .ttl-p-txt{
        font-size:1em;
        line-height: 2.375;
    }
    .sec-main .section-03 .cnt-01 .ttl-p-txt .big{
        font-size: 1.5em;
        margin:0 6px 0 15px
    }

/*column*/
    .sec-main .section-column{
        padding:70px 0;
        margin-bottom: 130px;
    }
    .sec-main .section-column .ttl-cnt{
        margin-bottom:30px;
    }
    .sec-main .section-column .item-list{
        width:860px;
    }
    .sec-main .section-column .item-list::after{
        content: "";
        display: block;
        width:260px;
    }
    .sec-main .section-column .item{
        width:260px;
    }
    .sec-main .section-column .item:nth-of-type(n+3){
        margin-top:0;
    }
    .sec-main .section-column .item:nth-of-type(n+4){
        margin-top: 30px;
    }
    .sec-main .section-column .item .img-01{
        margin-bottom:15px;
    }
    .sec-main .section-column .item .ttl-03-main{
        font-size: 1.125em;
        line-height: 1.5;
    }
    .sec-main .section-column .item .ttl-03-sub{
        font-size: 1.125em;
        line-height: 1.5;
        margin-top:10px;
    }



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