@charset "UTF-8";

.flex-LT {
    display:flex!important;
    display:-webkit-flex!important;
    justify-content:left!important;
    align-items:flex-start!important;
}

/*==============================================*/
/* second content sp-pc oligioX price
/*==============================================*/

#section-second-content-oligiox-price {
    overflow:hidden;
    width:100%;
    padding-bottom:5vw;
    background: radial-gradient(circle, #292c2b 0%, #151515 120%);
    background: -webkit-radial-gradient(circle, #292c2b 0%, #151515 120%);
    z-index:-2;
}

#h4-second-content-oligiox-price {
    margin-top:4vw;
    width:100%;
    font-size:6vw;
    color:#79d1d4;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-oligiox-price-subtitle {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:4.5vw;
    color:#FFFFFF;
    vertical-align:-0.5vw;
}

#table-second-content-oligiox-price {
    margin:4vw auto 0;
    width:80vw;   
}

.th-second-content-oligiox-price-shot {
    width:45%;
    font-size:4.5vw;
    font-weight:bold;
    line-height:3.0;
    background-color:#72ABAE;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    color:#000000;
    text-align:center;
}

.th-second-content-oligiox-price {
    width:55%;
    font-size:4.5vw;
    font-weight:bold;
    line-height:3.0;
    background-color:#72ABAE;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    color:#000000;
    text-align:center;
}

.td-second-content-oligiox-price-shot {
    font-size:4vw;
    padding:3vw 0;
    color:#000000;
    line-height:1.5;
    background:#dadada;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    text-align:center;
}

.td-second-content-oligiox-price {
    font-size:4vw;
    padding:3vw 5vw;
    color:#000000;
    line-height:1.5;
    background:#dadada;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    white-space:nowrap;
}

.tr-second-content-oligiox-price:nth-child(odd) td {
    background:#eee;
}

@media only screen and (min-width: 1065px) {
    
    #section-second-content-oligiox-price {
        padding-bottom:30px;
    }

    #h4-second-content-oligiox-price {
        margin-top:50px;
        font-size:45px;
    }

    #span-second-content-oligiox-price-subtitle {
        font-size:35px;
    }

    #table-second-content-oligiox-price {
        margin:30px auto 0;
        width:800px;   
    }

    .th-second-content-oligiox-price-shot {
        font-size:35px;
        line-height:3.0;
    }

    .th-second-content-oligiox-price {
        font-size:35px;
    }

    .td-second-content-oligiox-price-shot {
        font-size:30px;
        padding:15px 0;
        color:#000000;
        line-height:1.5;
        background:#dadada;
        border-right:1px solid #000;
        border-bottom:1px solid #000;
        text-align:center;
    }

    .td-second-content-oligiox-price {
        font-size:30px;
        padding:15px 15px;
        color:#000000;
        line-height:1.5;
        background:#dadada;
        border-right:1px solid #000;
        border-bottom:1px solid #000;
        white-space:nowrap;
    }
}

/*===================================================================================================================================================================*/
/* second content sp-pc oligioX recommend
/*===================================================================================================================================================================*/

#section-second-content-oligiox-recommend {
    overflow:hidden;
    position:relative;
    padding-bottom:5vw;
    width:100%;
    background-color:#72ABAE;
    z-index:-2;
}

#h4-second-content-oligiox-recommend {
    margin-top:4vw;
    width:100%;
    font-size:6vw;
    color:#79d1d4;
    color:#000000;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-oligiox-recommend-subtitle {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:4.5vw;
    color:#FFFFFF;
    vertical-align:-0.5vw;
}

#ul-second-content-oligiox-recommend {
    overflow:hidden;
    margin-top:5vw;
    margin-left:4vw;
    width:96vw;
    font-size:4.5vw;
}

.li-second-content-oligiox-recommend {
    position:relative;
    padding-left:8.5vw;
    line-height:2.0;
}

.li-second-content-oligiox-recommend:before {
    position:absolute;
    content:"";
    width:7vw;
    height:100%;
    top:0;
    left:0;
    background: url("X_logo_black.png") left 0 top 1vw no-repeat;
    background-size: 7vw auto;  
}

.span-second-content-oligiox-recommend-red {
    color:#AF1E23;
}

@media only screen and (min-width: 1065px) {
    #section-second-content-oligiox-recommend {
        padding-bottom:30px;
    }

    #h4-second-content-oligiox-recommend {
        margin-top:50px;
        font-size:45px
    }

    #span-second-content-oligiox-recommend-subtitle {
        font-size:35px;
    }

    #ul-second-content-oligiox-recommend {
        margin:50px auto 0;
        width:800px;
        font-size:25px;
    }

    .li-second-content-oligiox-recommend {
        font-size:30px;
        margin-left:90px;
        padding-left:60px;
        line-height:2.0;
        white-space:nowrap;
    }

    .li-second-content-oligiox-recommend:before {
        content:"";
        width:60px;
        height:100%;
        top:0;
        left:0;
        background: url("X_logo_black.png") left 0 top 5px no-repeat;
        background-size:50px auto;
    }
}

/*===================================================================================================================================================================*/
/* second content sp-pc oligioX feature
/*===================================================================================================================================================================*/

#section-second-content-oligiox-feature {
    overflow:hidden;
    width:100%;
    background: radial-gradient(circle, #292c2b 0%, #151515 120%);
    background: -webkit-radial-gradient(circle, #292c2b 0%, #151515 120%);
}

#h4-second-content-oligiox-feature {
    margin-top:4vw;
    width:100%;
    font-size:7vw;
    color:#79d1d4;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-oligiox-feature-subtitle {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:5vw;
    color:#FFFFFF;
    vertical-align:-0.5vw;
}

.h5-second-content-oligiox-feature {
    position:relative;
    margin-top:4vw;
    margin-left:8vw;
    padding-left:11vw;
    width:100%;
    font-size:5.5vw;
    color:#79d1d4;
    line-height:1.5;
}

.h5-second-content-oligiox-feature:before {
    position:absolute;
    content:"";
    width:9vw;
    height:100%;
    top:0;
    left:0;
    background:url("X_logo.png") left 0 top 0.2vw no-repeat;
    background-size:9vw auto;
}

.p-second-content-oligiox-feature {
    margin-top:3vw;
    margin-left:10vw;
    width:86vw;
    font-size:4.5vw;
    color:#FFFFFF;
    line-height:1.75;
    text-align:left;
}

#figure-second-content-oligiox-gxg {
    overflow:hidden;
    margin:3vw auto;
    width:100%;
    text-align:center;
}

#figure-second-content-oligiox-gxg img {
    width:97vw;
    height:auto;
}

#figure-second-content-oligiox-skin {
    overflow:hidden;
    margin:3vw auto;
    width:100%;
    text-align:center;
}

#figure-second-content-oligiox-skin img {
    width:65vw;
    height:auto;
}

@media only screen and (min-width: 768px) and (max-width: 1064px) {
}

@media only screen and (min-width: 1065px) {
    #h4-second-content-oligiox-feature {
        margin-top:50px;
        font-size:45px;
    }

    #span-second-content-oligiox-feature-subtitle {
        font-size:35px;
    }

    #div-second-content-oligiox-feature-inner {
        margin:0 auto;
        width:1024px;
    }

    .h5-second-content-oligiox-feature {
        position:relative;
        margin-top:4vw;
        margin-left:8vw;
        padding-left:11vw;
        width:100%;
        font-size:5.5vw;
        color:#79d1d4;
        line-height:1.5;
    }

    .h5-second-content-oligiox-feature {
        margin-top:50px;
        margin-left:170px;
        padding-left:80px;
        width:100%;
        font-size:40px;
    }

    .h5-second-content-oligiox-feature:before {
        width:60px;
        font-size:40px;
        background:url("X_logo.png") left 0 top 3px no-repeat;
        background-size:60px auto;
    }

    .p-second-content-oligiox-feature {
        margin-top:30px;
        margin-left:70px;
        width:90%;
        font-size:20px;
        line-height:1.75;
    }

    #figure-second-content-oligiox-gxg {
        margin:30px auto;
    }

    #figure-second-content-oligiox-gxg img {
        width:100%;
    }

    #figure-second-content-oligiox-skin {
        margin:30px auto;
        width:100%;
    }

    #figure-second-content-oligiox-skin img {
        width:500px;
    }
}

/*===================================================================================================================================================================*/
/* second content sp-pc oligioX certification
/*===================================================================================================================================================================*/

#section-second-content-oligiox-certification {
    overflow:hidden;
    width:100%;
    height:90vw;
    background: radial-gradient(circle, #292c2b 0%, #151515 120%);
    background: -webkit-radial-gradient(circle, #292c2b 0%, #151515 120%);
}

#h4-second-content-oligiox-certification-title {
    margin-top:4vw;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width:100%;
    font-size:6vw;
    color:#79d1d4;
    line-height:1.5;
    text-align:center;
}

#div-second-content-oligiox-certification-inner {
    display:flex;
    width:100%;
}

#figure-second-content-oligioX-machine {
    margin-left:-15vw;
}

#figure-second-content-oligioX-machine img {
    margin-top:-7vw;
    width:50VW; 
}

#figure-second-content-oligioX-certification {
}

#figure-second-content-oligioX-certification img {
    margin-top:5vw;
    margin-left:-3.5vw;
    width:65VW; 
}

@media only screen and (min-width: 768px) and (max-width: 1064px) {
}

@media only screen and (min-width: 1065px) {
    #section-second-content-oligiox-certification {
        height:100%;
    }

    #h4-second-content-oligiox-certification-title {
        margin-top:60px;
        margin-left:50px;
        font-size:50px;
    }

    #div-second-content-oligiox-certification-inner {
        margin:0 auto;
        width:1024px;
    }

    #figure-second-content-oligioX-machine {
        margin-left:0;
        padding-right:50px;
        width:400px;
        text-align:right;
    }

    #figure-second-content-oligioX-machine img {
        margin-top:0;
        width:300px; 
    }

    #figure-second-content-oligioX-certification {
        width:624px;
        padding-left:50px;
        text-align:left;
    }

    #figure-second-content-oligioX-certification img {
        margin-top:50px;
        width:500px; 
    }
}

/*===================================================================================================================================================================*/
/* second content sp-pc oligioX Photo Case
/*===================================================================================================================================================================*/
#section-second-content-oligiox-photo-case {
    overflow:hidden;
    position: relative;
    padding-bottom:2vw;
    width:100%;
    background-color:#72ABAE;
    z-index:-2;
}

#h4-second-content-oligiox-photo-case {
    margin:4vw 0 5vw;
    width:100%;
    font-size:6vw;
    color:#79d1d4;
    color:#000000;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-oligiox-photo-case-subtitle {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:4vw;
    color:#FFFFFF;
    vertical-align:0;
}

.div-second-content-oligiox-photo-case-BA-frame {
    position: relative;
    overflow:hidden;
    margin:0 auto 5vw;
    width:94vw;
}

.h5-second-content-oligiox-photo-case-BA-title {
    width:100%;
    height:10vw;
    /*padding-top:10px;*/
    font-size:4vw;
    text-align:center;
    color:#FFF;
    background-color:#000000;
    line-height:10vw;
}

.div-second-content-oligiox-photo-case-BA-inner {
    overflow:hidden;
    margin:0 auto;
    width:100%;
}

.figure-second-content-oligiox-photo-case-B, .figure-second-content-oligiox-photo-case-A {
    overflow:hidden;
    width:50%;
    height:40vw;
}

.figure-second-content-oligiox-photo-case-B img, .figure-second-content-oligiox-photo-case-A img {
    overflow:hidden;
    height:auto;
}

.div-second-content-oligiox-photo-case-figcaption-inner {
    overflow:hidden;
    width:100%;
}

.figcaption-second-content-oligiox-photo-case-B {
    overflow:hidden;
    width:50%;
    height:9vw;
    font-size:4vw;
    color:#15336D;
    text-align:center;
    font-weight:bold;
    line-height:9vw;
    background-color:#D5E0FE;
}

.figcaption-second-content-oligiox-photo-case-A {
    overflow:hidden;
    width:50%;
    height:9vw;
    font-size:4vw;
    color:#AF1E23;
    text-align:center;
    line-height:9vw;
    font-weight:bold;
    background-color:#FFDCE3;
}

.figure-second-content-oligiox-photo-case-C {
    overflow:hidden;
    margin:0 auto;
    width:47vw;
    text-align:center;
}

.figure-second-content-oligiox-photo-case-C img {
    overflow:hidden;
    height:auto;
}

.figcaption-second-content-oligiox-photo-case-C {
    overflow:hidden;
    margin:0 auto;
    width:47vw;
    height:9vw;
    font-size:4vw;
    color:#AF1E23;
    text-align:center;
    font-weight:bold;
    line-height:9vw;
    background-color:#FFDCE3;
}

.figure-second-content-oligiox-photo-case-arrow {
    position:relative;
}

.figure-second-content-oligiox-photo-case-arrow:before,
.figure-second-content-oligiox-photo-case-arrow:after{
    position:absolute;
    content:"";
    z-index:1;
}

.figure-second-content-oligiox-photo-case-arrow:before{
    top:15vw;
    left: calc(50% + 1.57vw);/*4.192px*/
    box-sizing: border-box;
    height:3vw;
    border:3vw solid transparent;/*5.34px*/
    border-left:3vw solid #FFF000;/*width 5.34px*/
}

.figure-second-content-oligiox-photo-case-arrow:after{
    top:16.5vw;
    left: calc(50% - 1.8vw);/*5.073px*/
    height:3vw;/*5.34px*/
    border-left:3.5vw solid #FFF000;/*width 9.345px*/
}

#figure-second-content-oligiox-photo1-before img {
    margin-top:-15vw;
    margin-left:-2vw;
    width:50vw;
}

#figure-second-content-oligiox-photo1-immediately img {
    margin-top:-13vw;
    margin-left:-1vw;
    width:54vw;
}

#figure-second-content-oligiox-photo1-4weeks img {
    margin-top:-14vw;
    margin-left:-1vw;
    width:52vw;
}

#figure-second-content-oligiox-photo2-before img {
    margin-top:-15vw;
    margin-left:-2vw;
    width:50vw;
}

#figure-second-content-oligiox-photo2-immediately img {
    margin-top:-16vw;
    margin-left:0;
    width:50vw;
}

#figure-second-content-oligiox-photo3-before img {
    margin-top:-17vw;
    margin-left:-3vw;
    width:55vw;
}

#figure-second-content-oligiox-photo3-immediately img {
    margin-top:-16vw;
    margin-left:-1vw;
    width:50vw;
}

#figure-second-content-oligiox-photo4-before img {
    margin-top:-15vw;
    margin-left:-2vw;
    width:52vw;
}

#figure-second-content-oligiox-photo4-immediately img {
    margin-top:-16vw;
    margin-left:0;
    width:50.5vw;
}

#figure-second-content-oligiox-photo5-before img {
    margin-top:-15vw;
    margin-left:-2vw;
    width:52vw;
}

#figure-second-content-oligiox-photo5-immediately img {
    margin-top:-16vw;
    margin-left:0;
    width:50vw;
}

#table-second-content-oligiox-photo-case {
    background: #FFFFFF;
    width:80vw;
    margin: 0 auto 5vw;
    line-height: 1.5;
    font-size:3.5vw;
    border-radius:10px;
}

.td-second-content-oligiox-photo-case:first-child {
    padding:2vw 3vw 2vw 0;
    width:25%;
    line-height: 1.5;
    vertical-align:top;
    text-align: right;
    white-space:nowrap;
    font-weight:bold;
}

.td-second-content-oligiox-photo-case:last-child {
    text-align:left;
    line-height: 1.5;
    padding:2vw 2vw 0 0;
    vertical-align: top;
}

@media only screen and (min-width: 1065px) {
    #section-second-content-oligiox-photo-case {
        padding-bottom:40px;
    }

    #h4-second-content-oligiox-photo-case {
        margin:40px 0 40px;
        font-size:45px;
    }

    #span-second-content-oligiox-photo-case-subtitle {
        font-size:35px;
    }

    .div-second-content-oligiox-photo-case-BA-frame {
        margin:0 auto 30px;
        width:800px;
    }

    .h5-second-content-oligiox-photo-case-BA-title {
        height:65px;
        /*padding-top:10px;*/
        font-size:25px;
        line-height:65px;
    }

    .figure-second-content-oligiox-photo-case-B, .figure-second-content-oligiox-photo-case-A {
        height:350px;
    }

    .figcaption-second-content-oligiox-photo-case-B, .figcaption-second-content-oligiox-photo-case-A {
        height:50px;
        font-size:25px;
        line-height:50px;
        font-weight:normal;
    }

    .figure-second-content-oligiox-photo-case-C {
        width:400px;
    }

    .figcaption-second-content-oligiox-photo-case-C {
        overflow:hidden;
        margin:0 auto;
        width:47vw;
        height:9vw;
        font-size:4vw;
        color:#AF1E23;
        text-align:center;
        font-weight:bold;
        line-height:9vw;
        background-color:#FFDCE3;
    }

    .figure-second-content-oligiox-photo-case-arrow:before{
        top:146px;
        left: calc(50% + 12.5px);/*4.192px*/
        box-sizing: border-box;
        height:17px;
        border:17px solid transparent;/*5.34px*/
        border-left:17px solid #FFF000;/*width 5.34px*/
    }

    .figure-second-content-oligiox-photo-case-arrow:after{
        top:155px;
        left: calc(50% - 15px);/*5.073px*/
        height:15px;/*5.34px*/
        border-left:30px solid #FFF000;/*width 9.345px*/
    }

    #figure-second-content-oligiox-photo1-before img {
        margin-top:-117px;
        margin-left:0;
        width:425px;
    }

    #figure-second-content-oligiox-photo1-immediately img {
        margin-top:-98px;
        margin-left:0;
        width:450px;
    }

    #figure-second-content-oligiox-photo1-4weeks img {
        margin-top:-112px;
        margin-left:0;
        width:440px;
    }

    #figure-second-content-oligiox-photo2-before img {
        margin-top:-100px;
        margin-left:0;
        width:415px;
    }

    #figure-second-content-oligiox-photo2-immediately img {
        margin-top:-100px;
        margin-left:0;
        width:400px;
    }

    #figure-second-content-oligiox-photo3-before img {
        margin-top:-110px;
        margin-left:-10px;
        width:450px;
    }

    #figure-second-content-oligiox-photo3-immediately img {
        margin-top:-95px;
        margin-left:0;
        width:400px;
    }

    #figure-second-content-oligiox-photo4-before img {
        margin-top:-100px;
        margin-left:0;
        width:425px;
    }

    #figure-second-content-oligiox-photo4-immediately img {
        margin-top:-90px;
        margin-left:0;
        width:400px;
    }

    #figure-second-content-oligiox-photo5-before img {
        margin-top:-100px;
        margin-left:-10px;
        width:430px;
    }

    #figure-second-content-oligiox-photo5-immediately img {
        margin-top:-90px;
        margin-left:0;
        width:405px;
    }

    #table-second-content-oligiox-photo-case {
        width:600px;
        margin: 0 auto;
        line-height: 1.5;
        font-size:20px;
        border-radius:15px;
    }

    .td-second-content-oligiox-photo-case:first-child {
        padding:20px 20px 20px 0;
        line-height: 1.5;
    }

    .td-second-content-oligiox-photo-case:last-child {
        line-height: 1.5;
        padding:20px 20px 0 0;
    }
}

/*===================================================================================================================================================================*/
/* second content sp-pc oligioX Treatment area
/*===================================================================================================================================================================*/

#section-second-content-oligiox-treatment-area {
    overflow:hidden;
    position:relative;
    padding-bottom:2vw;
    width:100%;
    background-color:#72ABAE;
    z-index:-2;
}

#h4-second-content-oligiox-treatment-area {
    margin:4vw 0 5vw;
    width:100%;
    font-size:6vw;
    color:#79d1d4;
    color:#000000;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-oligiox-treatment-area-subtitle {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:4.5vw;
    color:#FFFFFF;
    vertical-align:-0.5vw;
}

#h5-second-content-oligiox-treatment-area {
    font-size:4.5vw;
    color:#000000;
    text-align:center;
}

#figure-second-content-oligiox-treatment-area {
    overflow:hidden;
    margin:3vw auto 0;
    width:96vw;
    text-align:center;
}

#figure-second-content-oligiox-treatment-area img {
    width:96vw
    height:auto;
}

#p-second-content-oligiox-treatment-area {
    margin-top:3vw;
    margin-left:8vw;
    width:86vw;
    font-size:4.5vw;
    color:#000000;
    line-height:1.75;
    text-align:left;
}

@media only screen and (min-width: 768px) and (max-width: 1064px) {

    #h4-second-content-oligiox-treatment-area {
        margin-top:3vw;
        font-size:6vw;;
    }

    #span-second-content-oligiox-treatment-area-subtitle {
        font-size:3vw;
        vertical-align:1.5vw;
    }

}

@media only screen and (min-width: 1065px) {

    #h4-second-content-oligiox-treatment-area {
        margin:40px 0 40px;
        font-size:45px;
    }

    #span-second-content-oligiox-treatment-area-subtitle {
        font-size:35px;
        vertical-align:0;
    }

    #h5-second-content-oligiox-treatment-area {
        font-size:35px;
    }

    #figure-second-content-oligiox-treatment-area {
        margin:30px auto 0;
        width:1065px;
    }

    #figure-second-content-oligiox-treatment-area img {
        width:800px;
    }
    
    #div-second-content-oligiox-treatment-area-inner {
        margin:0 auto;
        width:750px;
    }

    #p-second-content-oligiox-treatment-area {
        margin:30px 0 30px;
        width:750px;
        font-size:25px;
        line-height:1.75;
        text-align:left;
    }
}

/*===================================================================================================================================================================*/
/* second content sp-pc oligioX faq
/*===================================================================================================================================================================*/

#section-second-content-oligiox-faq {
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    overflow:hidden;
    width:100%;
    background: radial-gradient(circle, #292c2b 0%, #151515 120%);
    background: -webkit-radial-gradient(circle, #292c2b 0%, #151515 120%);
}

#h4-second-content-oligiox-faq {
    margin-top:4vw;
    width:100%;
    font-size:7vw;
    color:#79d1d4;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-oligiox-faq {
    font-size:6vw;
    padding:0 1vw; 
}

#span-second-content-oligiox-faq-subtitle {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:4vw;
	color:#FFFFFF;
	vertical-align:1.5vw;
}

#dl-second-content-oligiox-faq {
    overflow:hidden;
    margin:2vw 6% 6vw;
    width:88%;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

.input-second-content-oligiox-faq {
    display:none;
}

.dt-second-content-oligiox-faq {
    position:relative;
    margin-top:2vw;
    padding-top:3vw;
    padding-left:15vw;
    display:block;
    width:100%;
    height:11vw;/*40px 0.277*/
    line-height:1.5;
    cursor:pointer;
    font-size:3.5vw;/*40px 0.277*/
    text-align:left;
    background-color:#404040;
    color:#FFFFFF;
}

.dt-second-content-oligiox-faq:before {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position:absolute;
    top:0;
    left:0;
    content:"Q";
    padding-top:1vw;
    width:11vw;
    height:100%;
    font-size:5vw;
    font-weight:bold;
    color:#000000;
    text-align:center;
    background-color:#79d1d4;
}

.dt-second-content-oligiox-faq:after {
    position:absolute;
    right:4vw;
    bottom:4.5vw;/*15px*/
    margin:auto;
    content:"";
    vertical-align:middle;  
    width:3vw;/*11.25px*/
    height:3vw;/*11.25px*/
    border-top:0.6vw solid #79d1d4;/*2.25px*/
    border-right:0.6vw solid #79d1d4;/*2.25px*/
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input-second-content-oligiox-faq:checked ~ .dt-second-content-oligiox-faq:after {
    bottom:3.5vw;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dd-second-content-oligiox-faq {
    overflow: hidden;
    position:relative;
    background:#eeeeee;
    /*border-top:1px solid #FFFFFF;*/
    width:100%;
    max-height:0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dd-second-content-oligiox-faq:before {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position:absolute;
    top:0;
    left:0;
    content:"A";
    padding-top:2vw;
    padding-left:0.5vw;
    width:11vw;
    height:100%;
    font-size:6vw;
    font-weight:bold;
    text-align:center;
    background-color:#eeeeee;
}

.input-second-content-oligiox-faq:checked ~ .dd-second-content-oligiox-faq {
    max-height:500px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.p-second-content-oligiox-faq {
    padding:3vw 4vw 3vw 13vw;
    line-height:1.75;
    font-size:3.5vw;
    text-align:left;
    color:#000000;
}

/* 768inch 0.13vw/px 7.68px/vw */

@media only screen and (min-width: 768px) and (max-width: 1064px) {

    #h4-second-content-oligiox-faq {
        margin-top:3vw;
        font-size:6vw;;
    }

    #span-second-content-oligiox-faq {
        font-size:5vw;
        padding:0 .5vw;   
    }

    #span-second-content-oligiox-faq-subtitle {
        font-size:3vw;
        vertical-align:1.5vw;
    }

    #dl-second-content-oligiox-faq {
        margin:2vw 6% 6vw;
        width:88%;
    }

    .dt-second-content-oligiox-faq {
        margin-top:15px;
        padding-top:17px;
        padding-left:80px;
        height:64px;
        font-size:18px;
    }

    .dt-second-content-oligiox-faq:before {
        padding-top:9px;
        width:64px;
        font-size:27px;
        line-height:1.5;
    }

    .dt-second-content-oligiox-faq:after {
        top:0;
        bottom:10px;
        margin:auto;
        right:25px;
        width:17px;
        height:17px;
        border-top: 4px solid #79d1d4;
        border-right:4px solid #79d1d4;
    }

    .input-second-content-oligiox-faq:checked ~ .dt-second-content-oligiox-faq:after {
        top:7px;
        bottom:0;
    }

    .dd-second-content-oligiox-faq:before {
        padding-top:15px;
        width:64px;
        font-size:30px;
    }

    .p-second-content-oligiox-faq {
        padding:15px 15px 15px 80px;
        line-height:1.5;
        font-size:18px;
    }

}

@media only screen and (min-width: 1065px) {

    #h4-second-content-oligiox-faq {
        margin-top:40px;
        font-size:70px;
    }

    #span-second-content-oligiox-faq {
        font-size:60px;
        padding:0 10px;   
    }

    #span-second-content-oligiox-faq-subtitle {
        font-size:25px;
        vertical-align:20px;
    }

    #dl-second-content-oligiox-faq {
		margin:40px auto 90px;
  		width:900px;
	}

	.dt-second-content-oligiox-faq {
    	margin-top:15px;
        padding-top:17px;
    	padding-left:80px;
    	height:64px;
    	font-size:18px;
	}

	.dt-second-content-oligiox-faq:before {
    	padding-top:9px;
        width:64px;
    	font-size:27px;
    	line-height:1.5;
	}

    .dt-second-content-oligiox-faq:after {
        top:0;
        bottom:10px;
        margin:auto;
        right:25px;
        width:18px;
        height:18px;
        border-top: 4px solid #79d1d4;
        border-right:4px solid #79d1d4;
    }

    .input-second-content-oligiox-faq:checked ~ .dt-second-content-oligiox-faq:after {
        top:8px;
        bottom:0;
    }

	.dd-second-content-oligiox-faq:before {
    	padding-top:12px;
        padding-left:20px;
    	width:64px;
    	font-size:30px;
	}

	.p-second-content-oligiox-faq {
    	padding:15px 15px 15px 80px;
    	line-height:1.5;
    	font-size:18px;
	}

}

















































































/*--------------------------------------------------------------------------------------------*/
/* main
/*--------------------------------------------------------------------------------------------*/

.sp-main {
    margin-top:44px;
}

.pc-main {
    display:none;
}

.sp-second-main {
    margin-top:44px;
}

@media only screen and (min-width: 768px) and (max-width: 1064px){
    .sp-main {
        margin-top:54px;
    }

    .pc-main {
        display:none;
    }

    .sp-second-main {
        margin-top:54px;
    }

    .pc-second-main {
        /*margin-top:46px;*/
    }
}

@media only screen and (min-width: 1065px){
    .sp-main {
        display:none;
    }

    .pc-main {
        display:block!important;
        /*margin-top:20px;*/
    }
}


/*===========================================================================================================*/
/* top main swiper sp ipad oligioX
/*===========================================================================================================*/

#div-sp-ipad-main-oligioX {
    overflow:hidden;
    width:100%;
    height:70vw;
    background:radial-gradient(circle, #FFFFFF 0%, #D5D9D6 100%);
    background:-webkit-radial-gradient(circle, #FFFFFF 0%, #D5D9D6 100%);
    background-color:#F8F8F8;
    border-bottom:1px solid #999999;
}

#div-sp-ipad-main-oligioX-inner {
    position:relative;
    width:100%;
    height:70vw;
}

#div-sp-ipad-main-oligioX-inner:before {
    position:absolute;
    content: "";
    width:50%;
    height:80vw;
    background: url(../img/OligioX_model_h1024_w1098_800k.png) no-repeat;
    background-position:-3vw 0;
    background-size: auto 80vw;
}

#div-sp-ipad-main-oligioX-right {
    margin-left:43%;
    width:57%;
}

#p-sp-ipad-main-oligioX-subtitle {
    margin-left:-0.5vw;
    padding-top:14vw;
    font-size:5vw;
}

#h3-sp-ipad-main-oligioX-title {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top:3vw;
    margin-left:-1.5vw;
    /*padding-right:9.44vw;/*34px*/
    font-size:6.9vw;/*23px*/
    letter-spacing:-0.05em;
    text-align:left;
    white-space:nowrap;
}

#div-sp-ipad-main-oligioX-machine-inner {
    position:relative;
}

#p-sp-ipad-main-oligioX-logo {
    position:absolute;
    /*width:40vw;*/
    top:13vw;
    left:0;
    width:45vw;   
}

#p-sp-ipad-main-oligioX-logo img {
}

#span-sp-ipad-main-oligioX-title-ruby {
    padding-left:3vw;
    font-size:4.5vw;
    line-height:2;
}

#figure-sp-ipad-main-oligioX-machine {
    width:100%;
    padding-top:4vw;
    padding-right:0;
    text-align: right;
}

#figure-sp-ipad-main-oligioX-machine img {
    height:50vw;
    width:auto;   
}

@media only screen and (min-width: 1065px){

    /*---------------------------------------------------------------------------------*/
    /* oligioX
    /*---------------------------------------------------------------------------------*/

    #div-pc-main-oligioX {
        overflow:hidden;
        width:100%;
        background: linear-gradient(-70deg, rgba(238,231,219,.8) 0%, #ffffff 50%, rgba(238,231,219,.8) 100%);
        background: -webkit-linear-gradient(-70deg, rgba(238,231,219,.8) 0%, #ffffff 50%, rgba(238,231,219,.8) 100%);
        border-top:1px solid #DDDDDD;
        border-bottom:1px solid #DDDDDD;
        /* background-size: auto 350px; */
    }

    #div-pc-main-oligioX-inner {
        position:relative;
        margin:0 auto;
        width:1000px;
        height:424px;
        background:url("../img/OligioX_pc_h512_w348_179k.png") no-repeat;
        background-position:0 30px;
        background-size:auto 460px;
        display:flex;
        display:-webkit-flex;
        justify-content:space-between;
        -webkit-justify-content:space-between;
    }
    
    #div-pc-main-oligioX-title {
        margin-left:350px;
    }

    #p-pc-main-oligioX-subtitle {
        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        padding-top:80px;
        padding-left:5px;
        font-size:30px;
        font-weight:bold;
        color:#6D4B38;
        color:#4E4740;
        line-height:1.4;
    }

    #h2-pc-main-oligioX-title {
        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        padding-top:5px;
        padding-left:0;
        font-size:50px;
        font-weight:bold;
        color:#B26B64;
        color:#6D4B38;
        color:rgba(78,71,64,.8);
        line-height:1.4;
        letter-spacing:0;
    }

    #p-pc-main-oligioX-logo {
        padding-top:20px;
        width:400px;
    }

    #span-pc-main-oligioX-title-ruby {
        font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Meiryo,sans-serif;
        padding-left:90px;
        font-size:20px;
        color:#777;
        line-height:2.0;
    }

    #figure-pc-main-oligioX-machine {
        padding-top:60px;
        text-align:right;
    }

    #figure-pc-main-oligioX-machine img {
        width:auto;
        height:350px;
    }
}