.italic{font-style: italic}
.bold{font-weight: bold}
.lh-1{line-height: 1}
.lh-13{line-height: 1.3}
.lh-14{line-height: 1.4}
.lh-15{line-height: 1.5}
.lh-16{line-height: 1.6}
.blk{color:black}
.m-auto{margin: auto}
.pt0{padding-top: 0;}
.mb0{margin-bottom: 0;}
.mb1per{margin-bottom: 1%;}
.mb2per{margin-bottom: 2%;}
.mb3per{margin-bottom: 3%;}
.mb4per{margin-bottom: 4%;}
.mb5per{margin-bottom: 5%;}
.mt0{margin-top: 0;}
.mt1per{margin-top: 1%;}
.mt2per{margin-top: 2%;}
.mt3per{margin-top: 3%;}
.mt4per{margin-top: 4%;}
.mt5per{margin-top: 5%;}
.mt6per{margin-top: 6%;}
.mt7per{margin-top: 7%;}
.mt8per{margin-top: 8%;}
.mt9per{margin-top: 9%;}
.mt10per{margin-top: 10%;}
.mt-0_5em{margin-top: 0.5em;}
.mt-1em{margin-top: 1em;}
.mt-1_5em{margin-top: 1.5em;}
.mt-2em{margin-top: 2em;}
.mt-2_5em{margin-top: 2.5em;}
.mt-3em{margin-top: 3em;}
.mt-4em{margin-top: 4em;}
.ml-1em{margin-left: 1em}
.ml-1_5em{margin-left: 1.5em}
.jc-c{justify-content: center}
.jc-sb{justify-content:space-between}
.ai-c{align-items: center}
.fs-s{font-size: 90%}
.fs-ss{font-size: 80%}
.ta-r{text-align: right}
.list-dot,.list-note{
    padding: 0;
}
.list-dot li,.list-note li{
    padding-left: 1em;
    text-indent: -1em;
    margin: 0.5em 0;
}
.list-2 li{
    margin: .2em
}
.wh,.white{color: white}
.blue{color: #007A96}
.black{color: #444}
.ta-c{text-align: center;}
.flex{display: flex;}
.flex-w20{width: 20%}
.flex-w30{width: 30%}
.flex-w35{width: 35%}
.flex-w40{width: 40%}
.flex-w48{width: 48%}
.flex-w45{width: 45%}
.flex-w49{width: 49%}
.flex-w50{width: 50%}
.flex-w60{width: 60%}
.flex-w70{width: 70%}
.flex-w80{width: 80%}
.ml-3{margin-left: 3%}
.ml-4{margin-left: 4%}
.ml-5{margin-left: 5%}
.pl-3{padding-left: 3%}
.pl-4{padding-left: 4%}
.pl-5{padding-left: 5%}
.fs-60{font-size: 60px;}
.fs-50{font-size: 50px;}
.fs-40{font-size: 40px;}
.fs-36{font-size: 36px;}
.fs-32{font-size: 32px;}
.fs-30{font-size: 30px;}
.fs-28{font-size: 28px;}
.fs-26{font-size: 26px;}
.fs-24{font-size: 24px;}
.fs-22{font-size: 22px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-14{font-size: 14px;}
.fs-13{font-size: 13px;}
.fs-12{font-size: 12px;}
ul{padding-left: 0}
.normal{font-weight: normal}
@media screen and (max-width: 1200px) {
    .fs-60{
        font-size: calc(1.8rem + ((1vw - 3.75px) * 4.8182));
        min-height: 0vw;
    }
    .fs-50{
        font-size: calc(1.25rem + ((1vw - 3.75px) * 3.8485));
        min-height: 0vw;
    }
    .fs-40{
        font-size: calc(1.26rem + ((1vw - 3.75px) * 2.1818));
        min-height: 0vw;
    }
    .fs-36{
        font-size: calc(1.28rem + ((1vw - 3.75px) * 1.9394));
        min-height: 0vw;
    }
    .fs-32{
        font-size: calc(1.2875rem + ((1vw - 3.75px) * 1.5758));
        min-height: 0vw;
    }
    .fs-30{
        font-size: calc(1.25625rem + ((1vw - 3.75px) * 1.53939));
        min-height: 0vw;
    }
    .fs-28{
        font-size: calc(1.125rem + ((1vw - 3.75px) * 1.42121));
        min-height: 0vw;
    }
    .fs-26{
        font-size: calc(1.09375rem + ((1vw - 3.75px) * 1.10303));
        min-height: 0vw;
    }
    .fs-24,.fs-22{
        font-size: calc(1.2025rem + ((1vw - 3.75px) * 0.98485));
        min-height: 0vw;
    }
    .fs-20{
        font-size: calc(1.03125rem + ((1vw - 3.75px) * 0.6667));
        min-height: 0vw;
    }/*
    .fs-20{
        font-size: calc(1rem + ((1vw - 3.75px) * 0.4848)); 
        min-height: 0vw;
    }*/
    .fs-18{
        font-size: calc(1rem + ((1vw - 3.75px) * 0.2424));
        min-height: 0vw;
    }
    .fs-16{
        font-size: calc(0.9375rem + ((1vw - 3.75px) * 0.1212));
        min-height: 0vw;
    }
    .fs-14{
         font-size: calc(0.8125rem + ((1vw - 3.75px) * 0.1212));
        min-height: 0vw;
    }
    .fs-13{
        font-size: calc(0.78125rem + ((1vw - 3.75px) * 0.0606));
        min-height: 0vw;
    }
}
@media only screen and (max-width: 599px) {
    .flex{
        flex-direction: column;
    }
    .flex-w20,.flex-w30,.flex-w35,.flex-w40,.flex-w48,.flex-w45,.flex-w49,.flex-w50,.flex-w60,.flex-w70,.flex-w80{width: 100%;padding: 0;}
} 
.w100{
    width: 100%;
    height: auto;
}
h4{color: black}
ul.note{
    padding-left: 0;
}
img{
    width: 100%;
    height: auto;
}
#blc-caution{
    border: solid 1px black;
    padding: 25px 30px 30px;
}
#blc-caution h2{
    position: relative;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.2em
}
#blc-caution h2::before{
    content: "";
    background: url(../../_files/product/img/precaution-icon.svg)no-repeat;
    width: 38px;
    height: 32px;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    top:.4em;
}
@media screen and (max-width: 767px) {
    #blc-caution{
        padding: 2.2vw 3vw 3vw
    }
}
.subpage .branches .inner.detail h3{color: #231815}

.contents-wrapper{
    padding: 40px;
}
.br-sp,.br-sp-l,.br-tb{display: none;}
@media screen and (max-width: 959px) {
    .br-tb{display: block;}
}
@media screen and (max-width: 767px) {
    .br-sp-l{display: block;}
}
@media screen and (max-width: 599px) {
    .br-sp{display: block;}
    .br-pc{display:none}
}


/*---------------------------
lutinaphoto2
----------------------------*/
.subpage .branches .inner.detail h2,
body #lutinaphoto2{color: black}
.bg-gray{background: #a9bbc4}
.lutinaphoto2-01{
    position: relative;
    z-index: 1;
}
.lutinaphoto2-01-ttl{
    position: relative;
    z-index: 10;
    margin-top: -150px;
}
.lutinaphoto2-01-ttl > h2{
    line-height: 1.65em;
    font-weight: bold;
}
.ttl-bg-wh{
    background: white;
    padding: 5px 12px;
}
.ttl-bg-rainbow{
    background: linear-gradient(to right, 
    #00bfff, /* Light blue */
    #40e0d0, /* Turquoise */
    #7fff00, /* Yellow-green */
    #ffff00, /* Yellow */
    #ffa500, /* Orange */
    #ff4500  /* Red-orange */
  );
    padding: 5px 12px;
}

.lutinaphoto2-container{
    max-width: 1000px;
    margin: auto;
    padding: 3% 0;
}
.lutinaphoto2-container2{
    padding: 6% 0;
}
.pb-5per{padding-bottom: 5%}

.lutinaphoto2-img02{margin: 3% auto}
.lutinaphoto2-img02 img{ max-width: 650px}
h3.lutinaphoto2-h3-1{
    margin-top: -60px;
    margin-bottom: 0
}

.bg-wh-blc{
    background: white;
    padding: 40px 50px;
    margin-top: 12px;
}
.bg-wh-blc h3,.bg-wh-blc h4{
    margin: 0 0 15px;
    line-height: 1.6
}
.bdr-btm{border-bottom: solid 2px #aabcc5}
.orange{color: #e2a934}
.lutinaphoto2-img03 {margin-left: 20px}
.lutinaphoto2-img03 img{max-width: 214px}
.lutinaphoto2-img04-wrap p{
    width: calc(100% - 540px);
    margin: 0
}
.lutinaphoto2-img04 img{width: 500px}
.lutinaphoto2-img05{margin-right:10px}
.lutinaphoto2-img05 img{
    width: 120px;
    vertical-align:middle
}

.lutinaphoto2-94cut div{
    width: 350px;
    color: #769cae;
    padding: 10px 20px;
    text-align: center;
    background: #deedf9;
    line-height: 1.1;
}
.lutinaphoto2-94cut p{
    width: calc(100% - 400px)
}

.lutinaphoto2-img06-07{
    margin-top: 30px;
    justify-content: center;
    gap:50px
}

.lutinaphoto2-img06 img,.lutinaphoto2-img07 img{
    max-width: 322px
}
.lutinaphoto2-img06-07 h4{margin: 1em auto 0.5em}
.lutinaphoto2-img06 h4{color: #878787}
.lutinaphoto2-img07 h4{color: #769cae}
.lutinaphoto2-img06-07 p{margin: 0}

.lightblue{color: #8da4ac}
.lutinaphoto2-img08{
    align-items: center;
    gap:20px;
    padding-bottom: 30px
}
.lutinaphoto2-img08 img{max-width: 175px}

.blc-point{
    justify-content: space-between;
    margin-top: 6%
}
.blc-point-1{margin-top: 8%}
.blc-point-3{margin-top: 8%}
.blc-point .l{
    width: 38.2%
}
.blc-point .r{
    width: 52.2%
}
.ttl-blc-point{
    margin: 20px 0 15px
}
.ttl-bg-orange{
    text-align: center;
    padding: 8px 16px;
    background: #e2a934;
    margin-top: 0
}
.ttl-bg-lightblue{
    text-align: center;
    padding: 8px 16px;
    background: #8da4ac;
    margin-top: 0
}
.lutinaphoto2-img10-1 img{max-width: 296px}
.lutinaphoto2-img11-1 img{max-width: 242px}
.lutinaphoto2-img11-2 img{max-width: 475px}
.lutinaphoto2-img12-1 img{max-width: 159px}
.lutinaphoto2-img12-2 img{max-width: 417px}


.ttl-series{width: 44%;}
.table-series{margin-top: 2em}
.color-series{
    width: 16%;
    text-align: center;
}
.img-series{
    width: 40%;
    text-align: right;
}
.ttl-series h4{
    margin-bottom: 0
}
.img-series img{
    max-width:307px; 
}
.table-series td{border: none}
.ttl-series-1{background: #d8dad9}
.ttl-series-1 h4 span{ color: #5c6153}
.color-series-1{background: #88928a}

.ttl-series-2{background: #e1dbd8}
.ttl-series-2 h4 span{ color: #6f5140}
.color-series-2{background: #877566}

.ttl-series-3{background: #cedce5}
.ttl-series-3 h4 span{ color: #2c7b9b}
.color-series-3{background: #608caa}

.table-scroll {
  overflow-x: auto;
}
.table-scroll table{
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}
.table-data{
    margin-top: 5px
}
.table-data th{
    background: #aabcc5;
    padding: 6px;
    border-right: solid 1px white;
    border-left: solid 1px white;
    text-align: center;
}
.table-data td{
    padding: 6px;
    border-right: 1px solid #ddd;
    text-align: center;
}
.table-data td.flex{
    text-align: left
}
.table-data td img{
    max-width: 35px;
}

@media only screen and (max-width: 1200px) {
    .lutinaphoto2-img08 img{
        max-width: 14vw
    }
    .lutinaphoto2-img08 h2{
        font-size:2.6vw;
    }
    .lutinaphoto2-container{
        padding: 5% 3%;
    }
    .lutinaphoto2-container.pt0{
        padding-top: 0
    }
}
@media only screen and (max-width: 1080px) {
    .lutinaphoto2-container{
        padding: 6% 4%;
    }
    .lutinaphoto2-container.pt0{
        padding-top: 0
    }
    .bg-wh-blc {
        padding: 4% 6%;
    }
    .lutinaphoto2-img04-wrap {
        flex-direction: column;
    }
    .lutinaphoto2-img04-wrap p{
        width: 100%;
        padding-bottom: 15px
    }
    .blc-point .l{
        width: 45%
    }
    .blc-point .r{
        width: 50%
    }
    .lutinaphoto2-img06-07 > div{
        width: 50%;
    }
}

@media only screen and (max-width: 959px) {
    .lutinaphoto2-94cut{
        flex-direction: column
    }
    .lutinaphoto2-94cut div,.lutinaphoto2-94cut p{width: 100%}
}
@media only screen and (max-width: 767px) {
    .lutinaphoto2-01-ttl{margin-top: -16vw}
    .lutinaphoto2-01-ttl > h2 {
        line-height: 1.77em ;
    }
    .bg-wh-blc{padding: 4%}
    h3.lutinaphoto2-h3-1 {
        margin-top: -4vw ;
    }

  .table-series {
    display: block;
    width: 100%;
  }
  
  .table-series tr {
    display: flex;
    flex-wrap: wrap;
  }
  
  /* First two cells share one line */
  .table-series .ttl-series {
    width: 70%;
    box-sizing: border-box;
  }
  
  .table-series .color-series {
    width: 30%;
    box-sizing: border-box;
  }
  
  /* The image cell takes a full line */
  .table-series .img-series {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  
  .table-series .img-series img {
    max-width: 200px;
  }

}

@media only screen and (max-width: 599px) {
    .lutinaphoto2-01-ttl{margin-top: -16vw}
    .lutinaphoto2-01-ttl > h2 {
        line-height: 1.91em ;
    }
    .bg-wh-blc{padding: 5%}
    .lutinaphoto2-img06-07{
        margin-top: 15px;
    }
    .lutinaphoto2-img06-07 > div{
        width: 100%
    }
    .blc-point{margin-top: 10%}
    .blc-point .l,.blc-point .r{width: 100%}
    /*.ttl-blc-point br{display: none}*/
    .lutinaphoto2-img08 img{max-width:155px }
    .lutinaphoto2-img08 h2{
        font-size: 22px;
        text-align: center;
        line-height: 1.5
    }
    .lutinaphoto2-img08{padding-bottom: 15px}
    .table-series{margin-top: 0}
    .ttl-bg-lightblue.mt4per{margin-top: 8%}
    .color-series{line-height: 1.6}
    .color-series .fs-20{ font-size: 2.7vw;}
    .color-series .wh{ font-size: 2.5vw;}
    .color-series > div{
        position: relative;
        top:50%;
        transform: translateY(-50%)
    }
    .ttl-series{font-size: 3vw;padding: 8px;}
    .ttl-series h4{line-height: 1.5}
    .ttl-series .fs-28{font-size: 4vw}
    .table-series.mt-1em{margin-top: 1.5em}
    .ttl-bg-lightblue.mt4per{
        margin-top: 8%
    }
    .ttl-colordata{margin-top: 20px;}
    .lutinaphoto2-img03 {margin:0 auto 20px;text-align: center}
    .lutinaphoto2-img03 img{width: 50vw;max-width: 160px}
    .lutinaphoto2-img10-1 img{max-width:270px }
    .list-2{margin-top: 1em;text-align: left;}
    .lutinaphoto2-img02{margin-bottom:6%}
    .lutinaphoto2-img06 img, .lutinaphoto2-img07 img{width: 80%}
    .table-data td img{max-width: 32px}
}
sup.hsup{
    top: -1.2em
}

/**/
header img,
footer img{
    width: auto;
    max-width: 100%;
}
@media screen and (min-width: 600px) {

.lutinaphoto2-01-ttl{
    margin-top: -90px;    
}
.lutinaphoto2-01-ttl > h2{
    font-size: 36px ;
    line-height: 1.7em;
}
.lutinaphoto2-container h2{
    font-size: 32px ;
    margin-top: 45px;
}
.lutinaphoto2-img02{
    padding: 0 40px 40px;
}
h3.lutinaphoto2-h3-1,
h3.lutinaphoto2-h3-1 + .fs-14{
    margin-right: 40px;
}
.bg-wh-blc{
    margin: 10px 40px;
    padding: 25px 25px;
}
.lutinaphoto2-img03{
    max-width: 200px;
}
#lutinaphoto2 > div:nth-child(1) > div.lutinaphoto2-container.pt0.pb-5per > div:nth-child(2) > div.flex.lutinaphoto2-img03-wrap > h4{
    margin-bottom: 0;
}
#lutinaphoto2 > div:nth-child(1) > div.lutinaphoto2-container.pt0.pb-5per > div:nth-child(2) > div.flex.mt-0_5em.lutinaphoto2-img04-wrap.jc-sb{
    display: block;
}
#lutinaphoto2 > div:nth-child(1) > div.lutinaphoto2-container.pt0.pb-5per > div:nth-child(2) > div.flex.mt-0_5em.lutinaphoto2-img04-wrap.jc-sb > p{
    width: auto;
}
#lutinaphoto2 > div:nth-child(1) > div.lutinaphoto2-container.pt0.pb-5per > div:nth-child(3) > h4{
    margin-bottom: .5em;
}
#lutinaphoto2 > div:nth-child(1) > div.lutinaphoto2-container.pt0.pb-5per > div:nth-child(3) > ul{
    padding-left: 0;
}
#lutinaphoto2 > div:nth-child(1) > div.lutinaphoto2-container.pt0.pb-5per > div:nth-child(3) > div.flex.ai-c.lutinaphoto2-94cut.jc-sb > div{
    max-width: 300px;
}
#lutinaphoto2 > div.lutinaphoto2-container.lutinaphoto2-container2 > div.lutinaphoto2-img08.flex > div > img{
    max-width: 175px;
}
#lutinaphoto2 > div.lutinaphoto2-container.lutinaphoto2-container2 > div.lutinaphoto2-img08.flex > h2{
    font-size: 27px ;
}
#lutinaphoto2 > div.lutinaphoto2-container.lutinaphoto2-container2 > h3{
    margin-bottom: 20px;
}
#lutinaphoto2 > div.lutinaphoto2-container.lutinaphoto2-container2 > ul{
    padding: 0;
    margin: 0;
}
#lutinaphoto2 > div.lutinaphoto2-container.lutinaphoto2-container2 > div.flex.blc-point.blc-point-2 > div.l > div > img{
    max-width: 265px;
}
#lutinaphoto2 > div.lutinaphoto2-container.lutinaphoto2-container2 > div.flex.blc-point.blc-point-3 > div.l > div > img{
    max-width: 180px;
}
.blc-point .l {
    width: 44%;
}
#lutinaphoto2 > div:nth-child(3) > div > div > h3{
    font-size: 32px ;
    margin-bottom: 0;
}
#lutinaphoto2 > div:nth-child(3) > div > div > h4,
#lutinaphoto2 > div:nth-child(3) > div > div > div > h4{
    font-size: 26px ;
    margin: 1em 0;
}
.table-series td{
    padding: 0.5em 1em;
}
#lutinaphoto2 > div:nth-child(3) > div > div > div > table > tbody > tr > td > h4 > span{
    font-size: 22px ;

}
#lutinaphoto2 > div:nth-child(3) > div > div > div > ul.list-note.ta-r.fs-14.note.mt-0_5em{
    text-align: right;
}
#lutinaphoto2 > div:nth-child(3) > div > div > div > div.table-scroll > table > tbody > tr > td{
    border-bottom: 1px solid #ddd;
}
#lutinaphoto2 > div:nth-child(3) > div > div > div > div.table-scroll > table > tbody > tr > td.flex.jc-sb.ai-c > div > img{
    max-width: 45px;
}
#lutinaphoto2 > div:nth-child(3) > div > div > div > ul.list-note.fs-14.note.mt0{
    padding-left: 0;
}
#feature > div > ul{
    text-align: right;    
}
#blc-caution > ul{
    padding-left: 0;
}
}