@charset "UTF-8";

/************************************

common

************************************/

.section-about .display-concept-sp {
    display: none;
}

@media screen and (max-width: 959px) {
    .section-about .display-concept-sp {
        display: block;
    }
}


.section-common.gray:last-of-type:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 959px) {

    .section-common.gray:last-of-type {
        margin-bottom: 0;
    }

    .siteFooter {
        margin-top: 0;
        padding-top: 0;
    }
}

/************************************

main

************************************/

.about-mv {
    background-image: url(../../images/about_main_bg.jpg);
    background-position: center center;
}

.company-profile-mv {
    background-image: url(../../images/company_main_bg.jpg);
    background-position: center center;
}

@media screen and (max-width: 959px) {
    .about-mv {
        background-image: url(../../images/about_main_bg_sp.jpg);
        background-position: center center;
    }

    .company-profile-mv {
        background-image: url(../../images/company_main_bg_sp.jpg);
        background-position: center center;
    }
}



/************************************

concept

************************************/

.section-about {
    margin-bottom: 120px;
}

.section-about .section-index-lv3 {
    text-align: left;
}

.about-concept {
    background-image: url(../../images/concept_bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 51.244%;
    position: relative;
}

.about-concept .concept-textArea {
    position: absolute;
    top: 50%;
    left: 7%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media screen and (max-width: 959px) {
    .section-about {
        margin: 60px 0;
        margin-top: 12vw;
        margin-bottom: 16.66666vw;
    }

    .about-concept {
        background-image: url(../../images/concept_bg_sp.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 0;
        padding-bottom: 70.4%;
        position: relative;
        background-position: bottom;
    }

    .about-concept .concept-textArea {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 0 10.5vw;
        margin-bottom: 5%;
    }

    .section-about .section-index-lv3 {
        text-align: center;
    }

    .about-concept br {
        display: none;
    }
}


/************************************

Doctor

************************************/

.section-doctor .section-index-doctor {
    margin-bottom: 40px;
}

.section-doctor .section-doctor-lead > p {
    text-align: center;
}

.about-doctor-profile-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 60px;
    margin-top: 100px;
}

.about-doctor-profile-area .doctor-profile-fig {
    padding-right: 60px;
    box-sizing: border-box;
    text-align: center;
}

.about-doctor-profile-area:last-of-type .doctor-profile-fig {
    padding-left: 60px;
}

.about-doctor-profile-area .doctor-profile-fig > img {
    width: 500px;
}

.about-doctor-profile-area .doctor-profile-txt {
    width: 55%;
    font-size: 1.4rem;
}

.about-doctor-profile-area .doctor-profile-txt > p:first-child {
    margin-top: 0;
}

.about-doctor-profile-area .doctor-profile-txt .doctor-name {
    font-size: 3rem;
    line-height: 1;
    margin-top: 0;
}

.about-doctor-profile-area .doctor-profile-txt .doctor-name > span {
    font-size: 2.2rem;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    padding-left: 40px;
}

.about-doctor-profile-area .doctor-profile-txt .doctor-specialty {
    font-size: 1.8rem;
    margin-top: 6px;
}

.about-doctor-profile-area .doctor-profile-txt .doctor-belongs {
    font-size: 1.8rem;
    line-height: 1.7;
    margin-bottom: 8px;
}

.about-doctor-profile-area .doctor-profile-txt ul.doctor-profile-list {
    margin-top: 20px;
}

@media screen and (max-width: 1366px) and (min-width: 960px) {
    .about-doctor-profile-area .doctor-profile-txt .doctor-name {
        font-size: 2.1961vw;
    }

    .about-doctor-profile-area .doctor-profile-txt .doctor-name > span {
        font-size: 1.61vw;
    }

    .about-doctor-profile-area .doctor-profile-txt .doctor-specialty,
    .about-doctor-profile-area .doctor-profile-txt .doctor-belongs {
        font-size: 1.3177vw;
    }

    .about-doctor-profile-area .doctor-profile-txt {
        font-size: 1.02459vw;
    }

    .about-doctor-profile-area {
        padding: 0;
    }
}

@media screen and (max-width: 959px) {
    .section-doctor .section-doctor-lead > p {
        text-align: left;
    }

    .section-doctor .section-index-doctor {
        margin-bottom: 20px;
    }

    .about-doctor-profile-area {
        display: block;
        margin-top: 50px;
        padding: 0;
    }

    .about-doctor-profile-area .doctor-profile-fig {
        width: 100%;
        margin: 0;
        padding-right: 0;
    }

    .about-doctor-profile-area .doctor-profile-fig > img {
        width: 100%;
    }

    .about-doctor-profile-area .doctor-profile-txt {
        width: 100%;
        font-size: 3.2291vw;
    }

    .about-doctor-profile-area .doctor-profile-txt > p:first-child {
        margin-top: 4%;
    }

    .about-doctor-profile-area .doctor-profile-txt .doctor-name {
        font-size: 5.41666vw;
        margin-top: 10px;
    }

    .about-doctor-profile-area .doctor-profile-txt .doctor-name > span {
        font-size: 3.2552083333vw;
        padding-left: 20px;
    }

    .about-doctor-profile-area .doctor-profile-txt .doctor-specialty,
    .about-doctor-profile-area .doctor-profile-txt .doctor-belongs {
        font-size: 4.16666vw;
    }

    .about-doctor-profile-area .doctor-profile-txt ul.doctor-profile-list {
        margin-top: 10px;
    }

    .about-doctor-profile-area:last-of-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .about-doctor-profile-area:last-of-type .doctor-profile-fig {
        -ms-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .about-doctor-profile-area:last-of-type .doctor-profile-txt {
        -ms-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .section-doctor .about-doctor-profile-area .buttonArea .button {
        margin: 0 auto;
    }
}


/************************************

RESERCH ACTIVITIES

************************************/

.section-research .research-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-research .research-area .research-area-fig,
.section-research .research-area .research-area-txt {
    width: 50%;
    box-sizing: border-box;
}

.section-research .research-area .research-area-fig {
    padding-left: 30px;
}

.section-research .research-area .research-area-txt {
    padding-right: 30px;
}

.section-research .research-area .research-icon {
    width: 100%;
    padding-left: 100px;
    padding-right: 160px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    box-sizing: border-box;
}

.section-research .research-area .research-icon > img {
    max-width: 20vw;
}

@media screen and (max-width: 959px) {
    .section-research {
        padding-bottom: 0 !important;
    }

    .section-research .research-area {
        display: block;
    }

    .section-research .research-area .research-area-fig,
    .section-research .research-area .research-area-txt {
        width: 100%;
    }

    .section-research .research-area .research-area-txt {
        padding: 0;
    }

    .section-research .research-area .research-icon {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .section-research .research-area .research-icon > img {
        max-width: 62vw;
    }

    .section-research .research-area .research-area-fig {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-left: 0;
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    .section-research .research-area .research-area-fig > img {
        width: 100%;
    }

    .section-research br.display-section-product-pc {
        display: none;
    }
}


/************************************

Product

************************************/

.section-product .product-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-product .product-area .product-area-fig-display-pc {
    display: block;
}

.section-product .product-area .product-area-fig-display-sp {
    display: none;
}

.section-product .product-area .product-area-fig,
.section-product .product-area .product-area-txt {
    width: 50%;
    box-sizing: border-box;
}

.section-product .product-area .product-area-fig {
    padding-right: 30px;
    padding-top: 40px;
}

.section-product .product-area.other-service-area .product-area-txt {
    padding-right: 30px;
}

.section-product .product-area.other-service-area .product-area-fig {
    padding-left: 30px;
}

.section-product .product-area .product-area-txt {
    padding-top: 20px;
    padding-left: 30px;
}

@media screen and (max-width: 959px) {
    .section-product {
        padding-bottom: 0 !important;
    }

    .section-product .product-area {
        display: block;
    }

    .section-product .product-area .product-area-fig,
    .section-product .product-area .product-area-txt {
        width: 100%;
    }

    .section-product .product-area .product-area-txt {
        padding: 0;
    }

    .section-product .product-area .product-area-fig {
        margin-top: 60px;
    }

    .section-product .product-area .product-area-fig > img {
        width: 100%;
    }

    .section-product br.display-section-product-pc {
        display: none;
    }

    .section-product .product-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .section-product .product-area .product-area-fig {
        -ms-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .section-product .product-area .product-area-txt {
        -ms-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .section-product .product-area .buttonArea .button {
        margin: 0 auto;
    }

    .section-product .product-area .product-area-fig-display-pc {
        display: none;
    }

    .section-product .product-area .product-area-fig-display-sp {
        display: block;
        margin-top: 0;
        padding-right: 0;
    }
    .section-product .product-area.other-service-area .product-area-fig {
        padding-left: 0;
    }
    .section-product .product-area.other-service-area .product-area-txt {
        padding-right: 0;
    }
}

/************************************

Otherservice

************************************/
.section-otherservice {
    margin-bottom: 0;
}
@media screen and (max-width: 959px) {
    .section-otherservice .section-wrap.-has-margin-full {
        padding-bottom: 12vw;
}
}


/************************************

lifestyle

************************************/

.section-lifestyle .lifestyle-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-lifestyle .lifestyle-area .lifestyle-area-fig,
.section-lifestyle .lifestyle-area .lifestyle-area-txt {
    box-sizing: border-box;
}

.section-lifestyle .lifestyle-area .lifestyle-area-fig {
    width: 45%;
}

.section-lifestyle .lifestyle-area .lifestyle-area-txt {
    width: 55%;
}

.section-lifestyle .lifestyle-area .lifestyle-area-fig {
    padding-left: 30px;
    padding-right: 40px;
}

.section-lifestyle .lifestyle-area .lifestyle-area-txt {
    padding-right: 100px;
}

.section-lifestyle ul.lifestyle-adviser-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.section-lifestyle ul.lifestyle-adviser-area li {
    width: 50%;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.section-lifestyle ul.lifestyle-adviser-area li:nth-child(odd) {
    padding-right: 20px;
}

.section-lifestyle ul.lifestyle-adviser-area li:nth-child(even) {
    padding-left: 20px;
}

.section-lifestyle ul.lifestyle-adviser-area li > p {
    font-size: 1.8rem;
    line-height: 1;
    margin-top: 0;
}

.section-lifestyle ul.lifestyle-adviser-area li > p > span {
    font-size: 1.4rem;
    display: block;
    margin-top: 6px;
}

.section-lifestyle .section-index-lv3 br {
    display: none;
}

@media screen and (max-width: 1366px) and (min-width: 960px) {
    .section-lifestyle ul.lifestyle-adviser-area li > p {
        font-size: 1.3177vw;
    }

    .section-lifestyle ul.lifestyle-adviser-area li > p > span {
        font-size: 1.02459vw;
    }
}

@media screen and (max-width: 959px) {
    .section-lifestyle .lifestyle-area {
        display: block;
    }

    .section-lifestyle .lifestyle-area .lifestyle-area-fig,
    .section-lifestyle .lifestyle-area .lifestyle-area-txt {
        width: 100%;
    }

    .section-lifestyle .lifestyle-area .lifestyle-area-txt {
        padding: 0;
    }

    .section-lifestyle .lifestyle-area .lifestyle-area-fig {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-left: 0;
        padding-right: 0;
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    .section-lifestyle .lifestyle-adviser-area {
        padding: 0 30px;
    }

    .section-lifestyle ul.lifestyle-adviser-area li > p {
        font-size: 3.2291vw;
    }

    .section-lifestyle ul.lifestyle-adviser-area li > p > span {
        font-size: 3vw;
        line-height: 1.5;
    }

    .section-lifestyle ul.lifestyle-adviser-area li {
        margin-bottom: 20px;
    }

    .section-lifestyle ul.lifestyle-adviser-area li:nth-child(odd) {
        padding-right: 15px;
    }

    .section-lifestyle ul.lifestyle-adviser-area li:nth-child(even) {
        padding-left: 15px;
    }

    .section-lifestyle .section-index-lv3 br {
        display: block;
    }
}


/************************************

mission

************************************/

.section-mission .section-mission-lead p {
    text-align: center;
}

.section-mission .section-mission-lead p:first-of-type {
    margin-top: 50px;
}

@media screen and (max-width: 960px) {
    .section-mission .section-mission-lead p {
        text-align: left;
    }

    .section-mission .display-mission-pc {
        display: none;
    }
}


/************************************

boared member

************************************/

.boared-profile-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 60px;
    margin-top: 80px;
}

.boared-profile-area .boared-profile-fig {
    width: 376px;
    box-sizing: border-box;
}

.boared-profile-area .boared-profile-fig > img {
    width: 376px;
}

.boared-profile-area .boared-profile-txt {
    width: 65%;
    font-size: 1.3rem;
    padding-left: 60px;
}

.boared-profile-area .boared-profile-txt > p:first-of-type {
    margin-top: 0;
}

.boared-profile-area .boared-profile-txt .boared-name {
    font-size: 2.4rem;
    line-height: 1;
    margin-top: 0;
}

.boared-profile-area .boared-profile-txt .boared-name > span {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    padding-left: 40px;
}

.boared-profile-area .boared-profile-txt .boared-specialty {
    margin-top: 6px;
}

.boared-profile-area .boared-profile-txt .boared-belongs {
    line-height: 1.6;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.boared-profile-area .boared-profile-txt ul.boared-profile-list {
    margin-top: 10px;
}

@media screen and (max-width: 1400px) {
    .boared-profile-area {
        align-items: flex-start;
    }
}

@media screen and (max-width: 1366px) and (min-width: 960px) {
    .boared-profile-area .boared-profile-txt .boared-name {
        font-size: 1.75695vw;
    }

    .boared-profile-area .boared-profile-txt .boared-belongs {
        font-size: 1.3vw;
    }
}

@media screen and (max-width: 959px) {
    .boared-profile-area .boared-profile-txt .boared-name {
        font-size: 3vw;
    }

    .boared-profile-area {
        display: block;
        margin-top: 50px;
        padding: 0;
    }

    .boared-profile-area .boared-profile-fig {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .boared-profile-area .boared-profile-fig > img {
        width: 100%;
    }

    .boared-profile-area .boared-profile-txt {
        width: 100%;
        font-size: 3.2291vw;
        margin-top: 10px;
        padding-left: 0;
    }

    .boared-profile-area .boared-profile-txt .boared-name {
        font-size: 5.41666vw;
        margin-top: 0;
    }

    .boared-profile-area .boared-profile-txt .boared-specialty,
    .boared-profile-area .boared-profile-txt .boared-belongs {
        font-size: 3vw;

    }

    .boared-profile-area .boared-profile-txt ul.boared-profile-list {
        margin-top: 10px;
    }
}


/************************************

company profile

************************************/

.section-companyprofile .company-profile-inner {
    max-width: 1000px;
    margin: 0 auto;
}

.section-companyprofile .campany-map-area {
    margin-top: 80px;
}

.section-companyprofile .section-map-address {
    max-width: 400px;
    line-height: 1.5;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 20px;
}

.section-companyprofile .campany-map iframe {
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 1366px) and (min-width: 960px) {
    .section-companyprofile .campany-map-area {
        margin-top: 80px;
        margin-top: 5.8565vw;
    }
}

@media screen and (max-width: 959px) {
    .section-companyprofile .campany-map-area {
        margin-top: 6px;
        margin-top: 10vw;
    }

    .section-companyprofile .campany-map iframe {
        height: 350px;
    }
}

/************************************

CBD

************************************/

/***** MV *****/
.cbd-mv {
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.55);

}

.cbd-mv video {
    z-index: -100;
    position: relative;
    min-width: 100%;
    min-height: 100%;
    /*top: 50%;
    transform: translateY(-50%);*/
}

.cbd-mv .title-under-subheader {
    color: #54585a;

}

@media screen and (max-width: 959px) {
    .cbd-mv video {
        max-width: 250%;
    }
}

@media screen and (max-width: 768px) {
    .under-mv.cbd-mv {
        padding-top: 0;
        max-height: 100vw;
    }
}



/***** ABOUT CBD *****/
.about-cbd {
    background-image: url(../cbd/images/about-bg.jpg);
    padding-top: 52.7086%;
}

.about-cbd .concept-textArea {
    width: 45%;
}

.about-cbd span {
    font-size: 1.3rem;
}

@media screen and (max-width: 959px) {
    .section-cbd-about {
        margin-bottom: 0;
    }

    .about-cbd {
        background-image: url(../cbd/images/about-bg_sp.jpg);
        padding-top: 0;
        padding-bottom: 82%;
    }

    .about-cbd .concept-textArea {
        width: 100%;
        box-sizing: border-box;
    }

    .about-cbd .concept-textArea br {
        display: none;
    }

    .about-cbd span {
        font-size: 3vw;
        display: block;
    }
}

/***** SERVICE *****/
.section-service-cbd .service-block {
    margin-bottom: 150px;
}

.section-service-cbd .service-block:last-of-type {
    margin-bottom: 0;
}

.section-service-cbd .service-block .service-block-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.section-service-cbd .service-block .service-block-inner figure.service-cbd-img,
.section-service-cbd .service-block .service-block-inner .service-block-detail {
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.section-service-cbd .service-block:nth-child(even) .service-block-inner .service-block-detail {
    padding-left: 60px;
}

.section-service-cbd .service-block:nth-child(odd) .service-block-inner figure.service-cbd-img {
    padding-left: 60px;
}

.section-service-cbd .service-block:nth-child(odd) .service-block-inner .service-block-detail {
    padding-left: 100px;
    padding-right: 60px;
}

.section-service-cbd .service-block .service-block-inner .service-block-detail .section-index {
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 30px;
}

.section-service-cbd .service-block .service-block-inner .service-block-detail p span.service-cbd-notice {
    font-size: 1.3rem;
    display: block;
    margin-top: 8px;
}

.section-service-cbd .service-block .service-block-inner .service-block-detail .service-01-fig {
    margin-top: 40px;
}

.section-service-cbd .service-cbd-oem-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.section-service-cbd .service-cbd-oem-list li {
    box-sizing: border-box;
    padding: 40px 20px 0 20px;
}

.section-service-cbd .service-cbd-oem-list li:nth-child(1) {
    width: 40%;
}

.section-service-cbd .service-cbd-oem-list li:nth-child(2) {
    width: 35%;
}

.section-service-cbd .service-cbd-oem-list li:nth-child(3) {
    width: 25%;
}

.section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set {
    position: relative;
    padding-left: 120px;
}

.section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100px;
    height: 88px;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set p.service-cbd-oem-set-ttl {
    font-size: 1.8rem;
    margin-top: 0;
}

.section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set p {
    margin-top: 5px;
}

.section-service-cbd .service-cbd-oem-list li:nth-child(1) .service-cbd-oem-set::before {
    background-image: url(../cbd/images/icon-supple.png);
}

.section-service-cbd .service-cbd-oem-list li:nth-child(2) .service-cbd-oem-set::before {
    background-image: url(../cbd/images/icon-cosme.png);
}

.section-service-cbd .service-cbd-oem-list li:nth-child(3) .service-cbd-oem-set::before {
    background-image: url(../cbd/images/icon-pipe.png);
}

.section-service-cbd .service-01-material.sp {
    display: none;
}

.section-service-cbd .cbd-test {
    margin-top: 10px;
}

.section-service-cbd .cbd-test.cbd-test-sp {
    display: none;
}

.section-service-cbd .cbd-test .cbd-test-inner {
    position: relative;
    padding-left: 120px;
}

.section-service-cbd .cbd-test .cbd-test-inner::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100px;
    height: 88px;
    background-image: url(../cbd/images/icon-kensa.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.section-service-cbd .cbd-test .cbd-test-inner .cbd-test-ttl {}

.section-service-cbd .cbd-test .cbd-test-inner ul.cbd-test-list li {
    position: relative;
    padding-left: 18px;
}

.section-service-cbd .cbd-test .cbd-test-inner ul.cbd-test-list li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}

.section-service-cbd .cbd-test .cbd-test-inner ul.cbd-test-list li ul li {
    padding-left: 16px;
}

.section-service-cbd .cbd-test .cbd-test-inner ul.cbd-test-list li ul li::before {
    content: none;
}

.section-service-cbd .test-prize {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    text-align: right;
}

.section-service-cbd img {
    -webkit-backface-visibility: hidden;
}

.section-service-cbd .service-01-material ul.service-01-material-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}

.section-service-cbd .service-01-material ul.service-01-material-list li {
    width: 50%;
    box-sizing: border-box;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
}

.section-service-cbd .service-01-material ul.service-01-material-list li:nth-child(3),
.section-service-cbd .service-01-material ul.service-01-material-list li:nth-child(4) {
    padding-bottom: 0;
}

.section-service-cbd .service-01-material ul.service-01-material-list li:nth-child(even) {
    padding-left: 10px;
}

.section-service-cbd .service-01-material ul.service-01-material-list li:nth-child(odd) {
    padding-right: 10px;
}

.section-service-cbd .service-01-material ul.service-01-material-list li p {
    background-color: #dccfba;
    padding: 20px 10px;
    margin: 0;
    text-align: center;
    line-height: 1.5;
    font-size: 1.7rem;
    width: 100%;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	min-height: 71px;
}

.section-service-cbd .service-01-material ul.service-01-material-list li p span.service-01-material-sub {
	font-size: 1.4rem;
}
.section-service-cbd .service-01-material .service-01-material-notice {
    font-size: 1.2rem;
    text-align: right;
    margin-top: 0;
}




@media screen and (max-width: 1366px) and (min-width: 960px) {
    .section-service-cbd .service-block .service-block-inner .service-block-detail .section-index {
        font-size: 1.75695vw;
    }

    .section-service-cbd .service-block .service-block-inner .service-block-detail p span.service-cbd-notice {
        font-size: 1.3rem;
    }

    .section-service-cbd .service-01-material ul.service-01-material-list {
        margin-top: 2vw;
    }

    .section-service-cbd .service-01-material ul.service-01-material-list li p {
        font-size: 1.28vw;
		min-height: 5.389vw;
    }
	.section-service-cbd .service-01-material ul.service-01-material-list li p span.service-01-material-sub {
		font-size: 1.18vw;
	}
}

@media screen and (max-width: 959px) {
    .section-service-cbd {
        margin-top: 0;
    }

    .section-service-cbd .service-block {
        margin-bottom: 12.5vw;
    }

    .section-service-cbd .service-block .service-block-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section-service-cbd .service-block .service-block-inner figure.service-cbd-img,
    .section-service-cbd .service-block .service-block-inner .service-block-detail {
        width: 100%;
    }

    .section-service-cbd .service-block .service-block-inner figure.service-cbd-img {
        order: 2;
        margin-top: 25px;
        min-height: 0%;
    }

    .section-service-cbd .service-block .service-block-inner .service-block-detail {
        order: 1;
    }

    .section-service-cbd .service-block:nth-child(even) .service-block-inner .service-block-detail,
    .section-service-cbd .service-block:nth-child(odd) .service-block-inner figure.service-cbd-img,
    .section-service-cbd .service-block:nth-child(odd) .service-block-inner .service-block-detail {
        padding: 0;
    }

    .section-service-cbd .service-block .service-block-inner .service-block-detail .section-index {
        font-size: 5.41666vw;
        text-align: center;
        margin-bottom: 20px;
    }

    .section-service-cbd .service-block .service-block-inner .service-block-detail p span.service-cbd-notice {
        font-size: 3vw;
    }

    .section-service-cbd .service-block .service-block-inner .service-block-detail p br.service-cbd-nosp {
        display: none;
    }

    .section-service-cbd .service-cbd-oem-list {
        display: block;
    }

    .section-service-cbd .service-cbd-oem-list li {
        padding: 0;
        margin-bottom: 5vw;
    }

    .section-service-cbd .service-cbd-oem-list li:nth-child(1) {
        margin-top: 2vw;
    }

    .section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set {
        padding-left: 22vw;
    }

    .section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set::before {
        width: 16vw;
        height: 14vw;
    }

    .section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set p.service-cbd-oem-set-ttl {
        font-size: 4.3vw;
    }

    .section-service-cbd .service-cbd-oem-list li .service-cbd-oem-set p {
        margin-top: 0;
    }

    .section-service-cbd .service-cbd-oem-list li:nth-child(1),
    .section-service-cbd .service-cbd-oem-list li:nth-child(2),
    .section-service-cbd .service-cbd-oem-list li:nth-child(3) {
        width: 100%;
    }

    .section-service-cbd .service-01-material.sp {
        display: block;
    }

    .section-service-cbd .service-01-material.pc {
        display: none;
    }

    .section-service-cbd .cbd-test.cbd-test-sp {
        display: block;
        order: 3;
    }

    .section-service-cbd .cbd-test.cbd-test-pc {
        display: none;
    }

    .section-service-cbd .cbd-test .cbd-test-inner::before {
        left: 0;
        right: 0;
        margin: auto;
        width: 16vw;
        height: 14vw;
    }

    .section-service-cbd .cbd-test .cbd-test-inner {
        padding: 0;
    }

    .section-service-cbd .cbd-test .cbd-test-inner .cbd-test-ttl {
        padding-top: 20vw;
        text-align: center;
        font-size: 3.8vw;
        margin-top: 0;
        padding-bottom: 1vw;
    }

    .section-service-cbd .service-01-material ul.service-01-material-list {
        margin-top: 2vw;
    }

    .section-service-cbd .service-01-material ul.service-01-material-list li p {
        font-size: 1.3rem;
        font-size: 3.5vw;
		min-height: 20vw;
    }
	.section-service-cbd .service-01-material ul.service-01-material-list li p span.service-01-material-sub {
		font-size: 2.65vw;
		letter-spacing: 0;
	}

    .section-service-cbd .service-01-material ul.service-01-material-list li p {
        padding: 10px 5px;
    }

    .section-service-cbd .service-01-material ul.service-01-material-list li {
        padding-bottom: 12px;
    }

    .section-service-cbd .service-01-material ul.service-01-material-list li:nth-child(even) {
        padding-left: 6px;
        padding-left: 1.4vw;
    }

    .section-service-cbd .service-01-material ul.service-01-material-list li:nth-child(odd) {
        padding-right: 6px;
        padding-right: 1.4vw;
    }
}



/***** PROMISE *****/
.promise-area {
    max-width: 920px;
    margin: 0 auto;
}

.promise-area dl.info-list:first-of-type {
    border-top: none;
}

.promise-area dl.info-list:last-of-type {
    border-bottom: none;
}

.promise-area dl.info-list dt {
    width: 25%;
    font-size: 2.2rem;
    font-weight: normal;
    padding-left: 15px;
}

.promise-area dl.info-list dd {
    width: 75%;
    padding-top: 10px;
    padding-right: 15px;
}

.promise-fig {
    margin-top: 50px;
}

.promise-fig_sp {
    display: none;
}

@media screen and (max-width: 1366px) and (min-width: 960px) {
    .promise-area dl.info-list dt {
        font-size: 1.75695vw;
        ;
    }
}

@media screen and (max-width: 959px) {
    .section-promise {
        margin-bottom: 0;
    }

    .promise-area {
        padding: 0 10.5vw;
        box-sizing: border-box;
    }

    .promise-area dl.info-list dt,
    .promise-area dl.info-list dd {
        display: block;
    }

    .promise-area dl.info-list dt {
        font-size: 5.41666vw;
        text-align: center;
        width: 100%;
        padding-left: 0;
        margin-bottom: 8px;
    }

    .promise-area dl.info-list dd {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
    }

    .promise-fig_sp {
        display: block;
    }

    .promise-fig_pc {
        display: none;
    }

}

/***** CONTACT *****/
.section-cbd-contact .cbd-contact-area {
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    padding: 60px 60px 80px 60px;
    box-sizing: border-box;
}

.section-cbd-contact .cbd-contact-area .section-index {
    margin-bottom: 40px;
}

.section-cbd-contact .cbd-contact-area p.cbd-contact-summary {
    text-align: center;
}

.section-cbd-contact .cbd-contact-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-cbd-contact .cbd-contact-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
}

.section-cbd-contact .cbd-contact-block .cbd-contact {
    width: 50%;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.section-cbd-contact .cbd-contact-block .cbd-contact:first-of-type::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100px;
    background-color: #ddd;
}

.section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel {
    margin-bottom: 0;
}

.section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel > a {
    font-size: 3.6rem;
    font-family: 'Lato', sans-serif;
    line-height: 0;
    padding-left: 8px;
}

.section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel .contact-tel-icon {
    position: relative;
    top: 6px;
    margin: 0;
}

.section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel > span {
    display: block;
    padding-left: 6%;
}

.section-cbd-contact .cbd-contact-mail .button {
    margin: 0 auto;
}

.section-cbd-contact .cbd-contact-mail .button a {
    background-color: transparent;
}

.section-cbd-contact .cbd-contact-mail .button a::after {
    content: none;
}

.section-cbd-contact .cbd-contact-mail .button a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    background-image: url(../cbd/images/contact-mail.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 21px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.section-cbd-contact .cbd-contact-mail .button a:hover {
    background-color: #ddd;
    color: #54585a;
}
.section-cbd-contact .cbd-contact .button {
    margin: 0 auto;
}


@media screen and (max-width: 959px) {
    .section-cbd-contact {
        margin-top: 0;
    }

    .section-cbd-contact .cbd-contact-area {
        padding: 10.5vw;
        border: none;
    }

    .section-cbd-contact .cbd-contact-area .section-index {
        margin-bottom: 20px;
    }

    .section-cbd-contact .cbd-contact-block {
        margin-top: 30px;
        display: block;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact {
        width: 100%;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact:first-of-type::after {
        content: none;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding-bottom: 4.5vw;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel > a {
        font-size: 28px;
        font-size: 7.5vw;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel .contact-tel-icon {
        width: 6%;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel .contact-tel-icon {
        top: 4px;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-tel .tel > span {
        padding-left: 8%;
    }

    .section-cbd-contact .cbd-contact-block .cbd-contact .cbd-contact-mail {
        margin-top: 30px;
    }
}


/***** CBD MAGAZINE *****/

.knowledge-article-cbd {
    width: 100%;
}

.knowledge-article-cbd .button {
    margin: 0 auto;
}

.knowledge-article-cbd .knowledge-category-list.space-s {
    margin-left: -60px;
    margin-bottom: 60px;
}

.knowledge-article-cbd .knowledge-category-list article.knowledge-post {
    padding-left: 60px;
}

.knowledge-article-cbd .knowledge-category-list article.knowledge-post a .knowledge-post-ttl {
    font-size: 1.8rem;
}

.section-top-magazine .knowledge-article-cbd .knowledge-category-list.space-s {
    margin-left: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px 60px;
}
.section-top-magazine .knowledge-article-cbd .knowledge-category-list article.knowledge-post{
    float: none;
    padding-left: 0;
    width: 100%;
}
@media(max-width:1220px){
    .section-top-magazine .knowledge-article-cbd .knowledge-category-list.space-s {
        grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    }
}
@media(max-width:959px){
    .section-top-magazine .knowledge-article-cbd .knowledge-category-list.space-s {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px 30px;
    }
}