@charset "UTF-8";

.product-title-01 { font-size:36px;}
.products-items-01 .item-01 strong,
.products-items-01 .item-02 strong { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
.info-area { width:215px; font-size:10px; position:fixed; left:10px; bottom:10px; background-color:#ccc; text-align:left; padding-top:.7em; padding-bottom:.7em; z-index:10000; line-height:1.4em; display:none;}
.info-area * { font-size:1em; line-height:1.4em; color:#000;}
.info-area p { width:calc(100% - 20px); font-weight:500; margin-right:auto; margin-left:auto;}
body *,
body { font-family:"Noto Sans TC",sans-serif; font-optical-sizing:auto; font-style:normal;}
body { font-weight:400;}
/* body * { font-weight:400;} */
.content-wrap img,
.content-bg-01 img,
.content-wrap img { width:100%; height:auto;}
.logo-refre-01 { width:100%; padding-bottom:80px;}
.logo-refre-01 img { display:block; margin-right:auto; margin-left:auto;}
.content-wrap { width:94%; max-width:1000px; margin-right:auto; margin-left:auto;}
.content-bg-01 { padding-top:50px; padding-bottom:55px; width:100%; background-color:#fffaeb;}
.product-title-01 { line-height:1.4; color:#004098; font-weight:bold; margin-bottom:45px; overflow:hidden;}
.product-title-01 img { display:block; width:78%; height:auto; margin-right:auto; margin-left:auto;}
#mv.care { background:url("../images/img_mv.jpg") center top no-repeat;}
h1 { width:100%;}
h1 img { max-width:440px;}
.products-items-01 .item-01 a,
.products-items-01 .item-02 a,
.products-items-02 .item-01 a,
.products-items-02 .item-02 a,
.products-items-03 .item-01 a,
.products-items-03 .item-02 a { display:block; float:left; width:100%;}
.products-items-01 .item-01 a img,
.products-items-01 .item-02 a img,
.products-items-02 .item-01 a img,
.products-items-02 .item-02 a img,
.products-items-03 .item-01 a img,
.products-items-03 .item-02 a img { transition:opacity 400ms;}
.products-items-01 .item-01 a:active img,
.products-items-01 .item-02 a:active img,
.products-items-02 .item-01 a:active img,
.products-items-02 .item-02 a:active img,
.products-items-03 .item-01 a:active img,
.products-items-03 .item-02 a:active img { opacity:.7;}
.products-items-01,
.products-items-02,
.products-items-03 { display:flex; justify-content:space-between; width:100%;}
.products-items-01 .item-01,
.products-items-01 .item-02,
.products-items-02 .item-01,
.products-items-02 .item-02,
.products-items-03 .item-01,
.products-items-03 .item-02 { display:flex; flex-direction:column;}
.products-items-01 .item-01 img,
.products-items-01 .item-02 img,
.products-items-02 .item-01 img,
.products-items-02 .item-02 img,
.products-items-03 .item-01 img,
.products-items-03 .item-02 img { float:left;}
.products-items-01 .item-01,
.products-items-01 .item-02 { position:relative; overflow:hidden; justify-content:center;}
.products-items-01 .item-01 { width:65.3493%;}
.products-items-01 .item-01 img { margin-left:-.2012695464%;}
.products-items-01 .item-02 { width:34.1942%;}
.products-items-03 img:not(.bg),
.products-items-02 .item-01 a img:not(.bg) { position:relative;}
.products-items-03 img.bg,
.products-items-02 .item-01 a img.bg { filter:brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(7478%) hue-rotate(294deg) brightness(111%) contrast(100%); width:100%; height:auto; position:absolute; left:0; top:0;}
.products-items-02 { margin-top:1.5%;}
.products-items-02 .item-01,
.products-items-02 .item-02 { justify-content:center;}
.products-items-02 .item-01 { width:64.8026%;}
.products-items-02 .item-01 a { position:relative;}
.products-items-02 .item-02 { width:34.1942%;}
.products-items-03 { margin-top:2.5%;}
.products-items-03 .item-01 { width:64.8026%;}
.products-items-03 .item-01 a { position:relative;}
.products-items-03 .item-02 { width:34.1942%;}
.products-items-04 { width:100%; overflow:hidden;}
.products-items-04 img { width:100%; height:auto; float:left;}
.products-items-04 { padding-top:5%;}
.sp { display:none;}

@media (max-width:1064px) {
.content-bg-01 { padding-top:4.9992%; padding-bottom:5.4991%;}
.product-title-01 { margin-bottom:4.4993%;}
}

@media (max-width:780px) {
.sp { display:block;}
}

@media (max-width:320px) {
.product-title-01 { font-size:14px;}
}

@media (min-width:320.1px) and (max-width:768px) {
.product-title-01 { font-size:calc(14px + (1vw - 3.2px) * 3.125);}
}

@media (min-width:768.1px) and (max-width:1000px) {
.product-title-01 { font-size:calc(28px + (1vw - 7.68px) * 3.4483);}
}

@media (hover:hover) and (pointer:fine) {
.products-items-01 .item-01 a:hover img,
.products-items-01 .item-02 a:hover img,
.products-items-02 .item-01 a:hover img,
.products-items-02 .item-02 a:hover img,
.products-items-03 .item-01 a:hover img,
.products-items-03 .item-02 a:hover img { opacity:.7;}
}