@charset "UTF-8";

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

/* 393px 0.254vw/px */

/*=================================================================================*/
/* second content sp-pc spectra history
/*=================================================================================*/

#section-second-content-spectra-history {
    overflow:hidden;
    width:100%;
    background-color:#ffffff;
}

#h4-second-content-spectra-history {
    margin-top:4vw;
    width:100%;
    font-size:7vw;
    color:#373737;
    text-align:center;
}

#span-second-content-spectra-history-subtitle {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:6vw;
    color:#a67921;
    vertical-align:-1vw;
    font-weight:bold;
}

#div-second-content-spectra-history {
    overflow:hidden;
    margin:7vw 0 6.5vw;
}

#ul-second-content-spectra-history {
    margin:0 auto;
    width:90vw;
    height:100%;
    display:flex;
}

.li-second-content-spectra-history {
    position:relative;
    height:65vw;
}

.li-second-content-spectra-history::before {
    position:absolute;
    content:"";
    width:3vw;
    height:3vw;
    bottom:5vw;
    background-color:#ac9977;
    border-radius:50%;
    -webkit-border-radius:50%;
    font-weight:bold;
    text-align:center;
    color:#000;
    z-index:2;
}

#li-second-content-spectra-history-vrm-k-1999::before {  
    left:0;
    margin-left:5vw;
}

#li-second-content-spectra-history-vrm-qt-2005::before {
    left:3vw;  
}

#li-second-content-spectra-history-vrm2::before {
    left:4vw;
}

#li-second-content-spectra-history-vrm3-2007::before {
    left:4vw;
}

#li-second-content-spectra-history-spectra-2009::before {
    left:7vw;
}

#li-second-content-spectra-history-spectra-2022::before {
    left:10vw;
}

.li-second-content-spectra-history::after {
    position:absolute;
    content:"";
    width:100%;
    bottom:6vw;
    border-bottom:2px solid #ac9977; 
}

#li-second-content-spectra-history-vrm-k-1999::after {
    margin-left:5vw;
}

#li-second-content-spectra-history-spectra-2022::after {
    width:50%;
}
    
.figure-second-content-spectra-history {
    position: relative;
    height:50vw;
}

#figure-second-content-spectra-history-vrm-k-1999 {
    width:12vw;
}

#figure-second-content-spectra-history-vrm-qt-2005 {
    width:12vw;
}

#figure-second-content-spectra-history-vrm2 {
    width:12vw;
}

#figure-second-content-spectra-history-vrm3-2007 {
    width:12vw;
}

#figure-second-content-spectra-history-spectra-2009 {
    width:17vw;
}

#figure-second-content-spectra-history-spectra-2022 {
    width:20vw;
}

#figure-second-content-spectra-history-vrm-k-1999 img {
    position:absolute;
    left:0;
    bottom:3vw;
    width:12vw;
    height:auto;
}

#figure-second-content-spectra-history-vrm-qt-2005 img {
    position:absolute;
    left:0;
    bottom:4.5vw;
    width:12vw;
    height:auto;
}

#figure-second-content-spectra-history-vrm2 img {
    position:absolute;
    left:0;
    bottom:4vw;
    width:12vw;
    height:auto;
}

#figure-second-content-spectra-history-vrm3-2007 img {
    position:absolute;
    left:1vw;
    bottom:5vw;
    width:12vw;
    height:auto;
}

#figure-second-content-spectra-history-spectra-2009 img {
    position:absolute;
    left:0;
    bottom:4vw;
    width:17vw;
    height:auto;
}

#figure-second-content-spectra-history-spectra-2022 img {
    position:absolute;
    left:3vw;
    bottom:4vw;
    width:17vw;
    height:auto;
}

.figcaption-second-content-spectra-history {
    font-size:2vw;
    text-align:center;
    line-height:1.5;
}


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

    .h4-second-content-spectra-history {
        font-size:24px;
        padding:.8em 0 .9em;
    }

}

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

    #h4-second-content-spectra-history {
        margin-top:50px;
        font-size:40px;
    }

    #span-second-content-spectra-history-subtitle {
        font-size:35px;
        vertical-align:-5px;
    }

    #div-second-content-spectra-history {
        margin:40px auto;
        max-width:740px;
        padding:0;
    }

    #ul-second-content-spectra-history {
        margin:40px auto 40px;
        width:800px;
        height:100%;
        display:flex;
    }

    .li-second-content-spectra-history {
        position:relative;
        width:110px;
        height:380px;
    }

    .li-second-content-spectra-history::before {
        position:absolute;
        content:"";
        width:20px;
        height:20px;
        bottom:0;
        background-color:#ac9977;
        border-radius:50%;
        -webkit-border-radius:50%;
        font-size:20px;
        font-weight:bold;
        text-align:center;
        color:#000;
        z-index:2;
    }

    #li-second-content-spectra-history-vrm-k-1999::before {  
        left:0;
        margin-left:50px;
    }

    #li-second-content-spectra-history-vrm-qt-2005::before {
        left:40px;  
    }

    #li-second-content-spectra-history-vrm2::before {
        left:40px;
    }

    #li-second-content-spectra-history-vrm3-2007::before {
        left:40px;
    }

    #li-second-content-spectra-history-spectra-2009::before {
        left:60px;
    }

    #li-second-content-spectra-history-spectra-2022::before {
        left:110px;
    }

    .li-second-content-spectra-history::after {
        position:absolute;
        content:"";
        width:100%;
        bottom:9px;
        border-bottom:2px solid #ac9977; 
    }

    #li-second-content-spectra-history-vrm-k-1999::after {
        margin-left:50px;
    }

    #li-second-content-spectra-history-spectra-2022::after {
        width:50%;
    }
    
    .figure-second-content-spectra-history {
        position: relative;
        height:300px;
    }

    #figure-second-content-spectra-history-vrm-k-1999 img {
        position:absolute;
        left:0;
        bottom:10px;
        width:90px;
        height:auto;
    }

    #figure-second-content-spectra-history-vrm-qt-2005 img {
        position:absolute;
        left:0;
        bottom:20px;
        width:93px;
        height:auto;
    }

    #figure-second-content-spectra-history-vrm2 img {
        position:absolute;
        left:0;
        bottom:17px;
        width:80px;
        height:auto;
    }

    #figure-second-content-spectra-history-vrm3-2007 img {
        position:absolute;
        left:0;
        bottom:22px;
        width:80px;
        height:auto;
    }

    #li-second-content-spectra-history-spectra-2009 {
        width:150px;
    }

    #figure-second-content-spectra-history-spectra-2009 img {
        position:absolute;
        left:-25px;
        bottom:10px;
        width:150px;
        height:auto;
    }

    #li-second-content-spectra-history-spectra-2022 {
        width:250px;
    }

    #figure-second-content-spectra-history-spectra-2022 img {
        position:absolute;
        left:30px;
        bottom:12px;
        width:120px;
        height:auto;
    }

    .figcaption-second-content-spectra-history {
        font-size:18px;
        text-align:center;
        line-height:1.5;
    }
}

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

#section-second-content-spectra-certification {
    overflow:hidden;
    width:100%;
    height:90vw;
    background:url("spectra_bg_black.webp") top left no-repeat;
    background:url("spectra_bg_gold.jpg") top left no-repeat;
    background-size:cover;
}

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

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

#figure-second-content-spectra-certification-machine {
    width:30%;
    text-align:left;
}

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

#ul-second-content-spectra-hexagon {
    width:70%;
}

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

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

    #p-second-content-spectra-certification-logo {
        margin-top:40px;
        text-align:center;
    }

    #p-second-content-spectra-certification-logo img {
        width:500px;
    }

    #h4-second-content-spectra-certification-title {
        margin:20px auto 0;
        width:900px;
        font-size:45px;
        color:#C3AD7B;
        border-bottom:1px solid;
        border-image: linear-gradient(to right, #000000 0%, #cccccc 20%, #ffffff 50%, #cccccc 80%, #000000 100%);
        border-image-slice:1;
    }

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

    #figure-second-content-spectra-certification-machine {
        margin-top:20px;
        width:275px;
        text-align:left;
    }

    #figure-second-content-spectra-certification-machine img {
        margin-top:0;
        margin-left:150px;
        width:125px; 
    }

    #ul-second-content-spectra-hexagon {
        margin-top:60px;
        margin-left:70px;
        display:flex;
        flex-wrap: wrap;
        width:520px;
        height:100%;
    }

    .li-second-content-spectra-hexagon {
        width:150px;
        height:170px;
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        background:#FFFFFF;
        text-align:center;
        opacity:0.8;
        line-height:185px;
    }

    #li-second-content-spectra-hexagon1 {
        margin-left:92.5px;
    }

    #li-second-content-spectra-hexagon2 {
        margin-left:35px;
    }

    #li-second-content-spectra-hexagon3 {
        margin-right:35px;
    }

    #li-second-content-spectra-hexagon4 {
        margin-right:35px;
    }

    .span-second-content-spectra-hexagon {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size:25px;
        color:#000;
    }
}

/*=================================================================================*/
/* second content sp-pc spectra movie
/*=================================================================================*/

#section-second-content-spectra-movie {
    overflow:hidden;
    width:100%;
    background-color:#f8f0ea;
}

#h4-second-content-spectra-movie {
    margin-top:4vw;
    width:100%;
    font-size:7vw;
    color:#373737;
    text-align:center;
}

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

#div-second-content-spectra-movie {
    margin:0 auto;
    padding:2vw 7vw 4vw;
    max-width:740px;
}

#div-second-content-spectra-movie video {
    width:100%;
}

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

    .h4-second-content-spectra-movie {
        font-size:24px;
        padding:.8em 0 .9em;
    }
}

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

    #h4-second-content-spectra-movie {
        margin-top:50px;
        font-size:40px;
    }

    #span-second-content-spectra-movie-subtitle {
        font-size:35px;
        vertical-align:-5px;
    }

    #div-second-content-spectra-movie {
        margin:40px auto;
        padding:0;
    }
}

/*=================================================================================*/
/* second content sp-pc spectra flow
/*=================================================================================*/

#section-second-content-spectra-flow {
    overflow:hidden;
    width:100%;
    background-color:#f8f0ea;
}

#h4-second-content-spectra-flow {
    margin-top:4vw;
    width:100%;
    font-size:7vw;
    color:#373737;
    text-align:center;
}

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

#ul-second-content-spectra-flow {
    margin:3vw 3vw 0;
    counter-reset:counter;
}

.li-second-content-spectra-flow {
    position:relative;
}

.li-second-content-spectra-flow:last-child {
    padding-bottom:0;
}

.li-second-content-spectra-flow:last-child .h5-second-content-spectra-flow:after {
    border-right: none;
}

.h5-second-content-spectra-flow {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-left:8vw;
    font-size:4.5vw;
    color:#FFFFFF;
    background-position:55vw 0;
    height:11vw;
    line-height:11vw;
    padding-left:4rem;
    background:#404040;
    border-radius:0px 7.5vw 7.5vw 0px;
}

.h5-second-content-spectra-flow:before {
    position: absolute;
    top:-2vw;
    left:0;
    counter-increment:counter 1;
    content: counter(counter);
    width:15vw;
    height:15vw;
    background-color:#ac9977;
    border-radius:50%;
    -webkit-border-radius:50%;
    padding-top:1.75vw;
    font-size:5.5vw;
    font-weight:bold;
    text-align:center;
    color:#000;
    z-index:2;
}

.h5-second-content-spectra-flow:after {
    position: absolute;
    top: 0;
    left:7vw;
    content:"";
    height:100%;
    border-right:2px solid #ac9977;
}

.figure-second-content-spectra-flow {
    padding-top:4vw;
    width:100%;
    text-align:center;
}

.figure-second-content-spectra-flow img {
    width:50%;
    height:auto;
}

.p-second-content-spectra-flow {
    padding:4vw 5% 6vw 15%;
    width:100%;
    text-align:left;
    text-indent: 1em;
    font-size:3.5vw;
    line-height:1.5;
}

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

    .h4-second-content-spectra-about {
        font-size:24px;
        padding:.8em 0 .9em;
    }

    .p-second-content-spectra-about {
        font-size:16px;
    }
}

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

    #h4-second-content-spectra-flow {
        margin-top:50px;
        font-size:40px;
    }

    #span-second-content-spectra-flow-subtitle {
        font-size:35px;
        vertical-align:-5px;
    }

    #ul-second-content-spectra-flow {
        margin:40px auto 40px;
        width:1000px;
        counter-reset:counter 0;
    }

    .li-second-content-spectra-flow {
        position:relative;
        padding-bottom:20px;
    }

    .li-second-content-spectra-flow:last-child .h5-second-content-spectra-flow:after {
        border-right:none;
    }

    .h5-second-content-spectra-flow {
        margin-left:33px;
        padding-top:0;
        padding-left:5rem;
        height:50px;
        line-height:50px;
        font-size:22px;
        font-weight:normal;
        border-radius:0px 30px 30px 0px;
    }

    .h5-second-content-spectra-flow:before {
        position:absolute;
        padding-top:19px;
        top:-8px;
        left:0;
        counter-increment:counter 1;
        content:counter(counter);
        width:65px;
        height:65px;
        border-radius:50%;
        -webkit-border-radius:50%;
        font-size:30px;
        text-align:center;
        line-height:1;
        z-index:2;
    }

    .h5-second-content-spectra-flow:after {
        left:32px;
    }

    .div-second-content-spectra-flow-inner {
        margin-top:20px;
        width:100%;
        display:flex;
        display:-webkit-flex;
    }

    .figure-second-content-spectra-flow {
        padding-top:0;
        padding-left:75px;
        width:30%;
        text-align:left;
    }

    .figure-second-content-spectra-flow img {
        width:210px;
        height:auto;
    }

    .p-second-content-spectra-flow {
        padding:20px 30px 0 30px;
        width:70%;
        text-align:left;
        line-height:1.75;
        font-size:19px;
    }
}

/*===================================================================*/
/* second main sp ipad spectra
/*===================================================================*/

/*===================================================================*/
/* main sp ipad spectra width:375px 0.375px/vw 0.267vw/px
/*===================================================================*/

#div-sp-ipad-main-spectra {
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    overflow:hidden;
    width:100%;
    height:70vw;
    background:url("spectra_bg_gold.webp") top left no-repeat;
    background-size:cover;
    border-bottom:1px solid #B58930;
}

#div-sp-ipad-main-spectra-inner {
    width:100%;
    height:70vw;
    background-image:url("spectra-model-318998417-w384-h512.webp"), url("spectra_left_w154_h530_14k.webp");
    background-position:left -54vw top -35vw, right -6vw top 3vw;
    background-size:auto 140vw, auto 75vw;
    background-repeat: no-repeat, no-repeat;
}

#div-sp-ipad-main-spectra-right {
    margin-left:39%;
    width:61%;
    height:100%;
}

#span-sp-ipad-main-spectra-new-model {
    display:inline-block;
    position:relative;
    margin-top:5vw;
    margin-left:-3vw;
    padding-top:2.3vw;
    padding-left:2.4vw;
    font-size:6vw;
    /*width:26.7vw;*/
    color:#ffffff;
    z-index:1;
    font-style:italic;
    letter-spacing:-0.01vw;
    white-space:nowrap;
}

#span-sp-ipad-main-spectra-new-model::before {
    position:absolute;
    width:34.2vw;
    height:10vw;
    top:0;
    left:0;
    content:'';
    transform:skewx(-15deg);
    background:#921D22;
    z-index:-1;
}

#span-sp-ipad-main-spectra-new {
    display:inline-block;
    position:relative;
    margin-top:3vw;
    margin-left:0;
    padding-top:1.8vw;
    padding-left:4.5vw;
    font-size:6.7vw;
    font-weight:bold;
    color:#ffffff;
    z-index:1;
    font-style:italic;
    letter-spacing:0.534vw;
    white-space:nowrap;
}

#span-sp-ipad-main-spectra-new::before {
    position:absolute;
    width:30vw;
    height:10vw;
    top:0;
    left:0;
    content:'';
    transform:skewx(-15deg);
    background:#3333333;
    z-index:-1;
}

#p-sp-ipad-main-spectra-subtitle {
    display:inline-block;
    margin-left:3.5vw;
    font-size:4.5vw;
    white-space:nowrap;
    vertical-align:-2vw;
    line-height:1.1;
    color:#333333;
}

#h3-sp-ipad-main-spectra-title {
    margin-top:6vw;
    margin-left:-1vw;
    /*padding-right:9.44vw;/*34px*/
    font-size:10vw;/*23px*/
    color:#000000;
    text-align:left;
    white-space:nowrap;
}

#span-sp-ipad-main-spectra-title-age {
    margin-left:0.5vw;
    font-size:7.5vw;
    vertical-align:0.5vw;
}

#span-sp-ipad-main-spectra-title-small {
    margin-left:1.3vw;
    font-size:6.4vw;
    vertical-align:0.2vw;
    letter-spacing:-0.5vw;
}

#span-sp-ipad-main-spectra-title-no {
    font-size:6.6vw;
    vertical-align:-0.1vw;
}

#span-sp-ipad-main-spectra-title {
    margin-left:-3.5vw;
    padding-left:3vw;
    font-size:9.5vw;
    letter-spacing:0.6vw;
    vertical-align:-1vw;
}

#figure-sp-ipad-main-spectra-logo {
    margin-top:4vw;
    margin-left:-2.5vw;
}

#figure-sp-ipad-main-spectra-logo img {
    width:33vw;
}

#ul-sp-ipad-main-spectra {
    margin-top:5vw;
    margin-left:-10vw;
    display:flex;
    display:-webkit-flex
}

.li-sp-ipad-main-spectra {
    margin-right:2vw;
    background-color:#7B7569;
    color:#FFFFFF;
    display:block;
    font-size:4.2vw;
    line-height:16.75vw;
    text-align:center;
    width:15vw;
    height:16.5vw;
    /*width:15vw;*/
    /*height:15vw;*/
    clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    /*border-radius:50%;*/
    background:rgba(0, 0, 0, .45);
}

@media only screen and (min-width: 768px) and (max-width: 1064px) {
    #span-sp-ipad-main-spectra-new-model {
        padding-top:2vw;
        padding-left:2.7vw;
        font-size:5vw;
        font-weight:normal;
        letter-spacing:0;
    }

    #span-sp-ipad-main-spectra-new-model::before {
        width:30vw;
        height:8.5vw;
    }

    #p-sp-ipad-main-spectra-subtitle {
        margin-left:7vw;
        font-size:5vw;
        vertical-align:-2.5vw;
    }

    #h3-sp-ipad-main-spectra-title {
        font-size:10vw;
    }

    #span-sp-ipad-main-spectra-title {
        font-size:10vw;
    }

    #figure-sp-ipad-main-spectra-logo {
        margin-top:5vw;
    }
}

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

    #div-pc-main-spectra {
        overflow:hidden;
        width:100%;
        border-top:1px solid #DDDDDD;
        border-bottom:1px solid #DDDDDD;
        /* background-size: auto 350px; */
        background:url("spectra_bg_gold.webp") top left no-repeat;
        background-size:cover;
    }

    #div-pc-main-spectra-inner {
        position:relative;
        margin:0 auto;
        width:1000px;
        height:424px;
        background:url("spectra-model-318998417-w384-h512.webp") 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-spectra-title {
        margin-left:350px;
    }

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

    #span-pc-main-spectra-new {
        position:relative;
        margin-right:5px;
        padding:5px 23px;
        font-size:25px;
        width:100px;
        color:#ffffff;
        vertical-align:2px;
        z-index:1;
        font-style: italic;
        letter-spacing:2px;
    }

    #span-pc-main-spectra-new::before {
        position:absolute;
        padding:20px 63px;
        top:0;
        left:0;
        content:'';
        transform:skewx(-15deg);
        background:#921D22;
        z-index:-1;
    }

    #h2-pc-main-spectra-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:#555555;
        line-height:1.4;
        letter-spacing:0;
    }

    #figure-pc-main-spectra-logo {
        margin-top:30px;
        margin-left:110px;
        width:250px;
    }

    #figure-pc-main-spectra-logo img {
        width:250px;
        height:auto;
    }

    #ul-pc-main-spectra {
        padding-top:15px;
        padding-left:45px;
        display:flex;
        display:-webkit-flex
    }

    .li-pc-main-spectra {
        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-right:20px;
        width:115px;
        height:130px;
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        background:rgba(0, 0, 0, .1);
        font-size:20px;
        font-weight:bold;
        line-height:130px;
        color:#000000;
        text-align:center;
    }

    #figure-pc-main-spectra-machine {
        margin-top:20px;
        text-align:right;    
    }

    #figure-pc-main-spectra-machine img {
        width:auto;
        height:400px;
    }
}

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

#section-second-content-spectra-price {
    overflow:hidden;
    width:100%;
    padding-bottom:6vw;
    /*background:url(../spectra_bg.jpg) repeat;*/
    /*background-attachment:scroll;*/
    /*background-position:center;*/
    /*background-size:cover;*/
    /*background-size:100px auto;*/
    background: radial-gradient(circle, #292c2b 0%, #151515 120%);
    background: -webkit-radial-gradient(circle, #292c2b 0%, #151515 120%);
    z-index:-2;
}

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

#span-second-content-spectra-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-spectra-price {
    margin:4vw auto 0;
    width:90vw;   
}

.th-second-content-spectra-price-parts {
    width:30%;
    font-size:4vw;
    font-weight:bold;
    line-height:3.0;
    background-color:#ac9977;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    color:#000000;
    text-align:center;
}

.th-second-content-spectra-price-times {
    width:40%;
    font-size:4vw;
    font-weight:bold;
    line-height:3.0;
    background-color:#ac9977;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    color:#000000;
    text-align:center;
}

.th-second-content-spectra-price {
    width:30%;
    font-size:4vw;
    font-weight:bold;
    line-height:3.0;
    background-color:#ac9977;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    color:#000000;
    text-align:center;
}

.td-second-content-spectra-price-parts {
    font-size:3.5vw;
    padding:3vw 0;
    color:#000000;
    line-height:1.5;
    background:#eee;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    text-align:center;
    vertical-align:middle
}

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

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

.td-second-content-spectra-price-white {
    background:#fff;
}

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

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

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

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

    .th-second-content-spectra-price-parts {
        font-size:30px;
        line-height:3.0;
    }

    .th-second-content-spectra-price-times {
        font-size:30px;
        line-height:3.0;
    }

    .th-second-content-spectra-price {
        font-size:30px;
    }

    .td-second-content-spectra-price-parts {
        font-size:25px;
        padding:15px 0;
        color:#000000;
        line-height:2.5;
        border-right:1px solid #000;
        border-bottom:1px solid #000;
        text-align:center;
    }

    .td-second-content-spectra-price-times {
        font-size:25px;
        padding:15px 0;
        color:#000000;
        line-height:2.5;
        border-right:1px solid #000;
        border-bottom:1px solid #000;
        text-align:center;
    }

    .td-second-content-spectra-price {
        font-size:25px;
        padding:15px 15px;
        color:#000000;
        line-height:2.5;
        border-right:1px solid #000;
        border-bottom:1px solid #000;
        white-space:nowrap;
    }
}

/*==============================================*/
/* second content sp-pc spectra detail info
/*==============================================*/

#section-second-content-spectra-detail-info {
    overflow:hidden;
    width:100%;
    padding-bottom:6vw;
    /*background:url(../spectra_bg.jpg) repeat;*/
    /*background-attachment:scroll;*/
    /*background-position:center;*/
    /*background-size:cover;*/
    /*background-size:100px auto;*/
    /*background: radial-gradient(circle, #292c2b 0%, #151515 120%);*/
    /*background: -webkit-radial-gradient(circle, #292c2b 0%, #151515 120%);*/
    background-color:#f8f0ea;
    z-index:-2;
}

#h4-second-content-spectra-detail-info {
    margin-top:4vw;
    width:100%;
    font-size:6vw;
    color:#373737;
    text-align:center;
    white-space:nowrap;
}

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

#table-second-content-spectra-detail-info {
    margin:4vw auto 0;
    width:90vw;
}

.th-second-content-spectra-detail-info {
    width:30%;
    font-size:4vw;
    font-weight:bold;
    line-height:3.0;
    background-color:#ac9977;
    border-right:1px solid #f8f0ea;
    border-bottom:1px solid #f8f0ea;
    color:#000000;
    text-align:center;
    vertical-align:middle
}

.td-second-content-spectra-detail-info {
    width:70%;
    font-size:3.5vw;
    padding:3vw 4vw;
    color:#000000;
    line-height:1.7;
    background:#eee;
    border-bottom:1px solid #f8f0ea;
    text-align:left;
}

.tr-second-content-spectra-detail-info:nth-child(odd) td {
    background:#fafafa;
}

#p-second-content-spectra-detail-info-note {
    width:100%;
    padding:3vw 5vw 0 0;
    font-size:3.5vw;
    text-align:right;
}

#div-second-content-spectra-unable-treatment {
    overflow:hidden;
    margin:3vw auto 0;
    width:90vw;
    background:#ffffff;
    border-radius:3vw;
    -webkit-border-radius:3vw;
}

#h5-second-content-spectra-unable-treatment {
    margin-top:5vw;
    width:100%;
    font-size:5.5vw;
    color:#373737;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-spectra-unable-treatment {
    vertical-align:-1.0vw;
    font-size:4vw;
}

#ul-second-content-spectra-unable-treatment {
    padding:3vw 5vw 4vw;
    font-size:4vw;
    color:#886256;
}

.li-second-content-spectra-unable-treatment {
    position:relative;
    padding:0.5em 0 0 1.25em;
    line-height:1.6;
}

.li-second-content-spectra-unable-treatment:before {
    position:absolute;
    top:0.5em;
    left:0;
    content:"●";
    color:#886256;
}

@media only screen and (min-width: 1065px) {
    
    #section-second-content-spectra-detail-info {
        padding-bottom:60px;
        background-color:#f8f0ea;
    }

    #div-second-content-spectra-unable-treatment {
        border-radius:0;
        -webkit-border-radius:0;
    }

    #h4-second-content-spectra-detail-info {
        margin-top:50px;
        font-size:45px;
    }

    #span-second-content-spectra-detail-info-subtitle {
        font-size:35px;
    }

    #table-second-content-spectra-detail-info {
        margin:40px auto 0;
        width:800px;   
    }

    .th-second-content-spectra-detail-info {
        font-size:20px;
        line-height:1.5;
    }

    .td-second-content-spectra-detail-info {
        font-size:18px;
        padding:23px 20px 23px 25px;
        color:#000000;
        line-height:1.5;
    }

    #p-second-content-spectra-detail-info-note {
        margin:0 auto;
        width:815px;
        padding:15px 0 0 0;
        text-align: right;
        font-size: 16px;
    }

    #div-second-content-spectra-unable-treatment {
        overflow:hidden;
        margin:50px auto 0;
        width:800px;
        /*border-radius:15px;*/
        /*-webkit-border-radius:15px;*/
        /*border-right:100px solid #FAFAFA;*/
        /*border-left:100px solid #FAFAFA;*/
    }

    #h5-second-content-spectra-unable-treatment {
        margin-top:40px;
        width:100%;
        font-size:25px;
        color:#886256;
        text-align:center;
        white-space:nowrap;
    }

    #span-second-content-spectra-unable-treatment {
        font-size:16px;
        color:#886256;
        vertical-align:-5px;
    }

    #ul-second-content-spectra-unable-treatment {
        padding:20px 30px 30px 120px;
        font-size:18px;
        color:#886256;
    }

    .li-second-content-spectra-unable-treatment {
        position:relative;
        padding:10px 0 0 25px;
        line-height:1.6;
    }

    .li-second-content-spectra-unable-treatment:before {
        position:absolute;
        top:9px;
        left:0;
        content:"●";
        color:#886256;
    }
}

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

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

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

#span-second-content-spectra-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-spectra-recommend {
    overflow:hidden;
    margin-top:5vw;
    margin-left:4vw;
    width:96vw;
    font-size:4.5vw;
}

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

.li-second-content-spectra-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-spectra-recommend-red {
    color:#AF1E23;
}

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

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

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

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

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

    .li-second-content-spectra-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 spectra feature
/*===================================================================================================================================================================*/

#section-second-content-spectra-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-spectra-feature {
    margin-top:4vw;
    width:100%;
    font-size:7vw;
    color:#79d1d4;
    text-align:center;
    white-space:nowrap;
}

#span-second-content-spectra-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-spectra-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-spectra-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-spectra-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-spectra-gxg {
    overflow:hidden;
    margin:3vw auto;
    width:100%;
    text-align:center;
}

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

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

#figure-second-content-spectra-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-spectra-feature {
        margin-top:50px;
        font-size:45px;
    }

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

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

    .h5-second-content-spectra-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-spectra-feature {
        margin-top:50px;
        margin-left:170px;
        padding-left:80px;
        width:100%;
        font-size:40px;
    }

    .h5-second-content-spectra-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-spectra-feature {
        margin-top:30px;
        margin-left:70px;
        width:90%;
        font-size:20px;
        line-height:1.75;
    }

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

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

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

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


/*===================================================================================================================================================================*/
/* second content sp-pc spectra Photo Case
/*===================================================================================================================================================================*/
#section-second-content-spectra-photo-case {
    overflow:hidden;
    position: relative;
    padding-bottom:0vw;
    width:100%;
    background: radial-gradient(circle, #292c2b 0%, #151515 120%);
    background: -webkit-radial-gradient(circle, #292c2b 0%, #151515 120%);
}

#h4-second-content-spectra-photo-case {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top:4vw;
    width:100%;
    font-size:7vw;
    color:#FFFFFF;
    text-align:center;
}

#span-second-content-spectra-photo-case-subtitle {
    font-size:4vw;
    color:#a67921;
    vertical-align:1.5vw;
    font-weight:bold;
}

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

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

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

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

.figure-second-content-spectra-photo-case-B img, .figure-second-content-spectra-photo-case-A img {
    overflow:hidden;
    width:47vw;
    height:auto;
}

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

.figcaption-second-content-spectra-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-spectra-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-spectra-photo-case-C {
    overflow:hidden;
    margin:0 auto;
    width:47vw;
    text-align:center;
}

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

.figcaption-second-content-spectra-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-spectra-photo-case-arrow {
    position:relative;
}

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

.figure-second-content-spectra-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-spectra-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-spectra-photo1-before img {
    width:50vw;
}

#figure-second-content-spectra-photo1-immediately img {
    width:54vw;
}

#figure-second-content-spectra-photo1-4weeks img {
    width:52vw;
}

#figure-second-content-spectra-photo2-before img {
    width:50vw;
}

#figure-second-content-spectra-photo2-immediately img {
    width:50vw;
}

#figure-second-content-spectra-photo3-before img {
    width:55vw;
}

#figure-second-content-spectra-photo3-immediately img {
    width:50vw;
}

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

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

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

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

#dl-second-content-spectra-photo-case {
    overflow:hidden;
    margin:0 0 2vw;
    width:100%;
}

.input-second-content-spectra-photo-case {
    display:none;
}

.dt-second-content-spectra-photo-case {
    position: relative;
    /*margin-top: 2vw;*/
    /*padding-top:2vw;*/
    display: block;
    width: 100%;
    height: 10vw;
    line-height: 10vw;
    cursor: pointer;
    font-size: 3.5vw;
    text-align:center;
    background-color: #FFFFFF;
    color:#333333;
    font-weight:bold;
}

.dt-second-content-spectra-photo-case:after {
    position:absolute;
    right:20vw;
    bottom:4.2vw;/*15px*/
    margin:auto;
    content:"";
    vertical-align:middle;  
    width:3vw;/*11.25px*/
    height:3vw;/*11.25px*/
    border-top:0.6vw solid #ac9977;/*2.25px*/
    border-right:0.6vw solid #ac9977;/*2.25px*/
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:100;
}

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

.dd-second-content-spectra-photo-case {
    overflow: hidden;
    position:relative;
    background:#ffffff;
    /*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-spectra-photo-case:before {
    padding-top:15px;
    width:64px;
    font-size:30px;
}

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

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

.td-second-content-spectra-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-spectra-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-spectra-photo-case {
        padding-bottom:40px;
    }

    #h4-second-content-spectra-photo-case {
        margin-top:40px;
        margin-bottom:40px;
        font-size:40px;
    }

    #span-second-content-spectra-photo-case-subtitle {
        font-size:35px;
        vertical-align:-5px;
    }

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

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

    .figure-second-content-spectra-photo-case-B, .figure-second-content-spectra-photo-case-A {
        width:400px;
    }

    .figure-second-content-spectra-photo-case-B img, .figure-second-content-spectra-photo-case-A img {
        width:400px;
    }

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

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

    .figcaption-second-content-spectra-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-spectra-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-spectra-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-spectra-photo1-before img {
        margin-left:0;
        width:400px;
    }

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

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

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

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

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

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

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

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

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

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

    #dl-second-content-spectra-photo-case {
        margin:0 auto 50px;
        width:800px;
    }

    .dt-second-content-spectra-photo-case {
        margin-top:0;
        padding-top:2px;
        height:50px;
        font-size:18px;
        line-height:50px;
        font-weight:normal;
    }

    .dt-second-content-spectra-photo-case:after {
        top:0;
        bottom:10px;
        margin:auto;
        right:25px;
        width:18px;
        height:18px;
        border-top: 4px solid #ac9977;
        border-right:4px solid #ac9977;
    }

    .input-second-content-spectra-photo-case:checked ~ .dt-second-content-spectra-photo-case:after {
        top:8px;
        bottom:0;
    }

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

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

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

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

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

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

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

#span-second-content-spectra-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-spectra-treatment-area {
    font-size:4.5vw;
    color:#000000;
    text-align:center;
}

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

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

#p-second-content-spectra-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-spectra-treatment-area {
        margin-top:3vw;
        font-size:6vw;;
    }

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

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

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

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

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

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

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

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

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

#section-second-content-spectra-faq {
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    overflow:hidden;
    width:100%;
    background-color:#faf8f5;
    background-color:#f8f0ea;
    /*background: linear-gradient(0deg,rgba(245, 238, 229, 1) 0%,rgba(255, 255, 255, 1) 50%,rgba(246, 238, 228, 1) 100%);*/
}

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

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

#dl-second-content-spectra-faq {
    overflow:hidden;
    margin:1vw 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-spectra-faq {
    display:none;
}

.dt-second-content-spectra-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-spectra-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:#ac9977;
}

.dt-second-content-spectra-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 #ac9977;/*2.25px*/
    border-right:0.6vw solid #ac9977;/*2.25px*/
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

.dd-second-content-spectra-faq {
    overflow: hidden;
    position:relative;
    background:#ffffff;
    /*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-spectra-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:#ffffff;
}

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

.p-second-content-spectra-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-spectra-faq {
        margin-top:3vw;
        font-size:6vw;;
    }

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

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

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

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

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

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

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

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

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

}

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

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

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

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

    #dl-second-content-spectra-faq {
		margin:0 auto 60px;
  		width:900px;
	}

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

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

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

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

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

	.p-second-content-spectra-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;*/
    }
}