@charset "utf-8";

#main-column > section{
    display: none;
}
#bread-crumb{
    display: none;
}
#JournalList > h1{
    display: none;
}
#JournalList > article > h2{
    display: none;
}
#JournalList > article > .state_l{
    display: none;
}
#JournalList .journal-cont{
    margin: 0;
}

#Journal{
    padding: 0 0 0 30px;
}
#Journal > h1{
    display: none;
}
#Journal > article > h2{
    display: none;
}
#Journal > article > .state_r{
    display: none;
}
#Journal .journal-cont{
    margin: 0;
}
#Journal .journal-cont *{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
article #main-column #companyProfile{
    padding: 30px 60px;
    margin: 10px 0 0;
    border: 1px solid #000;
}
article #main-column #companyProfile h1 {
    padding: 0 0 30px;
    background: none;
    color: #000;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}
article #main-column #companyProfile tr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 30px;
}
article #main-column #companyProfile th{
    font-family: 'Noto Serif JP', serif;
    display: block;
    width: 200px;
    min-width: 100px;
}
article #main-column #companyProfile td{
    font-family: 'Noto Serif JP', serif;
    display: block;
    width: 100%;
}






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#campainPage

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#campainPage{
    padding: 50px 0 0;
}
#campainPage .fs150{
    font-size: 150%;
}
#campainPage .tyuusyaku{
    display: block;
    padding: 10px 0 0;
    font-size: 50%;
    line-height: 1;
    text-align: center;
}
#campainPage li{
    list-style: none;
}
article #main-column #campainPage h1 {
    padding: 0 0 30px;
    background: none;
    color: #000;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}

#campainPage #sec01{
    padding: 0;
    margin: 0 0 50px;
}
#campainPage #sec01 .p01{
    position: relative;
    margin: 0 0 20px;
}
#campainPage #sec01 .p01 .text{
    width: 300px;
    position: absolute;
    top: 30px;
    right: 50px;
}

#campainPage #sec01 .p02{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#campainPage #sec01 .p02 .textArea{
    width: 250px;
    background: #010f28;
    position: relative;
}
#campainPage #sec01 .p02 .text{
    width: 177px;
    position: absolute;
    top: 15px;
    right: 30px;

}
#campainPage #sec01 .p02 .imgArea{
    width: 600px;
    line-height: 0;
}
#campainPage #sec02 .p{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#campainPage #sec02 .p .imgArea{
    margin-left: auto;
    line-height: 0;
}
#campainPage #sec02 .p h3{
    padding: 0 0 20px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Noto Serif JP', serif;
}
#campainPage #sec02 .p p{
    padding: 0 0 20px;
    color: #969696;
    font-size: 14px;
    letter-spacing: 2px;
}
#campainPage #sec02 .p span{
    color: #969696;
    font-size: 14px;
    letter-spacing: 2px;
}
#campainPage #sec02 .p01{
    margin: 0 0 30px;
}

.cvArea{
    padding: 20px 0;
    margin: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.cvArea a{
    display: block;
    width: 100%;
    padding: 15px 0;
    background: #969696;
    border-radius: 10px;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

#campainPage #sec03 .p01{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 80px 0 120px;
}
#campainPage #sec03 .p01 .left{
    width: 340px;
    padding: 0 10px 0 0;
    text-align: right;
}
#campainPage #sec03 .p01 .left p{
    color: #969696;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;
}
#campainPage #sec03 .p01 .right{
    padding: 10px 10px 10px 0;
    border-left: 1px solid #969696;
}
#campainPage #sec03 .p01 ul{
    padding: 0;
    margin: 0;
}
#campainPage #sec03 .p01 li{
    padding: 0 0 40px 75px;
    background: url(https://www.karuizawa-lab.co.jp/img/campain/checkmark.svg) 25px 0%/38px no-repeat;
    list-style: none;
    color: #969696;
    font-size: 20px;
    line-height: 1.5;
    font-family: 'Noto Serif JP', serif;
    position: relative;
}
#campainPage #sec03 .p01 li:last-child{
    padding: 0 0 0 75px;
}

#campainPage #sec03 .p02{
    border: 1px solid #000;
    text-align: center;
}
#campainPage #sec03 .p02 h3{
    display: inline-block;
    padding: 0 30px;
    background: #fff;
    font-size: 20px;
    line-height: 1.5;
    font-family: 'Noto Serif JP', serif;
    margin: -30px 0 0;
}
#campainPage #sec03 .p02 .flexBox{
    padding: 50px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#campainPage #sec03 .p02 .left{
    margin: 0 130px 0 0;
}
#campainPage #sec03 .p02 .left img{
    height: 100px;
}
#campainPage #sec03 .p02 .right img{
    height: 100px;
}
#campainPage #sec03 .p02 p{
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #969696;
}

#campainPage #sec03 .p03{
    height: 600px;
    background: url(https://www.karuizawa-lab.co.jp/img/campain/creamimg.png) -5% 50%/360px no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
#campainPage #sec03 .p03 h2{
    padding: 0 0 20px;
    -webkit-font-feature-settings : "palt";
            font-feature-settings : "palt";
    font-size: 20px;
    line-height: 1.4;
    text-align: right;
    font-family: 'Noto Serif JP', serif;
}
#campainPage #sec03 .p03 p{
    -webkit-font-feature-settings : "palt";
            font-feature-settings : "palt";
    font-size: 14px;
    line-height: 1.5;
    color: #969696;
    text-align: right;
    font-family: 'Noto Serif JP', serif;
}

#campainPage #sec03 .p04{
    padding: 30px 0 ;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
#campainPage #sec03 .p04 > h2{
    padding: 0 0 20px;
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;
    letter-spacing: 1px;
}
#campainPage #sec03 .p04 > span{
    display: inline-block;
    padding: 0 0 10px;
    border-bottom: 1px solid #000;
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    letter-spacing: 2px;
}
#campainPage #sec03 .p04 img{
    width: 660px;
}

#campainPage #sec04{
    padding: 30px 0;
}
#campainPage #sec04 .heading h2{
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    background: #969696;
    border-radius: 10px;
    color: #fff;
    font-size: 34px;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 300;
}
#campainPage #sec04 .heading p{
    padding: 30px 0;
    font-size: 22px;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}
#campainPage #sec04 .item{
    margin: 0 0 40px;
    border: 1px solid #969696;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#campainPage #sec04 .item:last-child{
    margin: 0;
}
#campainPage #sec04 .item .textArea{
    width: 100%;
    padding: 0 60px 0 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#campainPage #sec04 .item .textArea a img{
    width: 150px;
}
#campainPage #sec04 .item ul{
    padding: 0 0 15px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#campainPage #sec04 .item li{
    padding: 5px 10px;
    margin: 0 10px 0 0;
    background: #969696;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 100;
    letter-spacing: 4px;
    list-style: none;
}
#campainPage #sec04 .item h3{
    font-size: 14px;
    font-weight: 100;
    color: #969696;
}
#campainPage #sec04 .item span{
    display: block;
    margin: 5px 0 5px;
    font-size: 14px;
    font-weight: 100;
    color: #969696;
}
#campainPage #sec04 .item p{
    display: block;
    margin: 15px 0 20px;
    font-size: 14px;
    font-weight: 100;
    color: #333;
}
#campainPage #sec04 .item a{
}

#campainPage #sec04 .item .imgArea{
    width: 300px;
    min-width: 300px;
    line-height: 0;
}






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

#skincarePage

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*--------------------------------------------------
#sec01
--------------------------------------------------*/
#skincarePage #sec01{
    padding: 0;
    margin: 0 0 30px;
    position: relative;
}
#skincarePage #sec01 .text{
    width: 410px;
    position: absolute;
    top: 60px;
    right: 40px;
}


/*--------------------------------------------------
#sec02
--------------------------------------------------*/
#skincarePage #sec02{
    padding: 0 0 30px;
    position: relative;
}
#skincarePage #sec02 > .inner{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
}
#skincarePage #sec02 .left{
    padding: 30px 0 0 30px;
}
#skincarePage #sec02 h2 img{
    width: 183px;
}
#skincarePage #sec02 .right{
    padding: 30px 0 0 40px;
}
#skincarePage #sec02 .right ul{
    margin: 0;
}
#skincarePage #sec02 .right li{
    padding: 0 0 30px;
    list-style: none;
}
#skincarePage #sec02 .right li:last-child{
    padding: 0;
}
#skincarePage #sec02 .right li h3{
    padding: 0 0 8px;
    margin: 0 0 5px;
    border-bottom: 1px solid #787878;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Noto Serif JP', serif;
}
#skincarePage #sec02 .right li p{
    font-size: 12.5px;
    line-height: 1.5;
    color: #787878;
}


/*--------------------------------------------------
#sec03
--------------------------------------------------*/
#skincarePage #sec03{
    padding: 0 0 90px;
    position: relative;
}
#skincarePage #sec03 > .inner{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 15px 0 0 30px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#skincarePage #sec03 h2{
    padding: 0;
    margin: 0;
}
#skincarePage #sec03 h2 img{
    width: 328px;
}
#skincarePage #sec03 p{
    padding: 0 0 10px;
    font-size: 14px;
    line-height: 1.8;
}
#skincarePage #sec03 img.tsukaikata{
    width: 597px;
}


/*--------------------------------------------------
#sec04
--------------------------------------------------*/
#skincarePage #sec04 h2{
    padding: 0 0 50px;
    text-align: center;
}
#skincarePage #sec04 h2 img{
    width: 328px;
}
#skincarePage #sec04 .itemWrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#skincarePage #sec04 .item{
    width: 550px;
    margin: 0 0 20px;
    position: relative;
}
#skincarePage #sec04 .item .textArea{
    width: 58%;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
}


#skincarePage #sec04 .item h3{
    padding: 0 0 12px;
    font-size: 19.5px;
    letter-spacing: 1px;
    font-family: 'Noto Serif JP', serif;
}
#skincarePage #sec04 .item h3 span{
	display: block;
    padding: 5px 0 0;
    font-size: 18px;
    position: relative;
    left: -9px;
}
#skincarePage #sec04 .item p{
    padding: 0 0 25px;
    color: #787878;
    font-size: 14px;
    letter-spacing: 1px;
}
#skincarePage #sec04 .item a img{
    width: 150px;
}


/*--------------------------------------------------
#sec05
--------------------------------------------------*/
#skincarePage #sec05{
    padding: 50px 0;
    text-align: center;
}
#skincarePage #sec05 h2{
    padding: 0 0 30px;
    border-bottom: 1px solid #000;
    font-size: 26px;
    letter-spacing: 2px;
    font-family: 'Noto Serif JP', serif;
}
#skincarePage #sec05 h3{
    padding: 30px 0 30px;
    font-size: 19px;
    line-height: 1.5;
    letter-spacing: 2px;
    font-family: 'Noto Serif JP', serif;
}
#skincarePage #sec05 p{
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 2px;
}