@charset "UTF-8";
/* sp
----------------------------------------------- */
img { width: 100%; }
.second-text { padding-bottom: 0; }
.intro { margin: 0 auto; padding-bottom: 15vw; }
.intro.pt60 { padding-top: 10vw; }
.intro p { margin-bottom: 4vw; font-size: 3.5vw; text-align: justify; line-height: 2; }
.intro-title { margin-bottom: 4vw; font-size: 5vw; }
.intro-title span { display: inline-block; font-family: "minerva-modern", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .1rem; }
.intro img  { margin-bottom: 6vw; border-radius: 10px; }
.intro-title { font-size: 5vw; font-family: var(--mincho); font-weight: 600; letter-spacing: 0.04rem; line-height: 1.4; }
.intro-text .en { font-family: "minerva-modern", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .1rem; }

.top-ticker-items { width: 100%; margin-bottom: 6vw; }
.top-ticker-item { max-width: 150vw; margin-right: 4vw; }
.top-ticker-item-title { font-size: 15.79vw; font-family: goldenbook; letter-spacing: 0.6vw; opacity: 0.1; }

.products .midashi01 { text-align: left; }
.products li { margin-bottom: 10vw; }
.products li dt { margin-bottom: 4vw; padding: 2vw 0 2vw 4vw; font-size: 4vw; font-family: var(--mincho); font-weight: 600; line-height: 1.6; border-bottom: 1px solid; border-left: 4px solid; }
.products li dd { margin-bottom: 12vw; font-size: 3.5vw; line-height: 2; text-align: justify; position: relative; }
.products li dd::after { content: 'HOMECARE01'; font-size: 10vw; font-family: "minerva-modern", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .1rem; opacity: 0.1; position: absolute; bottom: -14vw; left: 0; opacity: 0.1; }
.products li:nth-child(2) dd::after { content: 'HOMECARE02'; }
.products .products-list li dd::after { content: 'HOMECARE03'; }
.products .products-list li:nth-child(2) dd::after { content: 'HOMECARE04'; }
.products-item img {border-radius: 10px;}

.features { padding: 20vw 0; background: url(../images/homecare/features-bg.jpg)top center no-repeat; background-size: cover; }
.features .midashi01 { margin-bottom: 4vw; padding-top: 5vw; position: relative; }
.features .midashi01 .en { text-align: center; display: block; font-size: 16vw; font-family: "minerva-modern", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .1rem; position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; width: 100%; top: -6vw; opacity: 0.2; color: #fff; }
.features .midashi01 .jp { color: #fff; font-family: var(--mincho); text-align: center; display: block; font-size: 5vw; }
.features li { width: 90%; padding: 3% 3% 3% 2em; margin: 0 auto 2%; text-indent: -1.5em; line-height: 1.4; font-weight: 600; color: #fff; border-bottom: 1px dashed #868686; }
.features li:last-child { padding-bottom: 0; border-bottom: none; }
.features li:before { content: "\e928"; font-family: icon; margin-right: 7px; }

/* ========================================
    pc
==========================================*/
@media screen and (min-width: 736px) { 

.intro { padding-bottom: 100px; }
.intro.pt60 { padding-top: 80px; }
.intro-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } 
.intro-items img { width: 38%; margin-bottom: 0; }
.intro-item { width: 54%; }
.intro p { margin-bottom: 0; font-size: 15px; }
.intro-title { margin-bottom: 20px; font-size: 24px; }

.products { padding: 20px 0 120px; }
.products .midashi01 { margin-bottom: 40px; }
.products li { margin-bottom: 60px; }
.products li dt { margin-bottom: 20px; padding: 5px 0 5px 20px; font-size: 24px; border-left: 8px solid; }
.products li dd { margin-bottom: 40px; font-size: 15px; line-height: 2; position: relative; }
.products li dd::after { font-size: 60px; bottom: -80px; }
.products li img { width: 80%; }

.features { padding: 80px 0 60px; background: url(../images/homecare/features-bg-pc.jpg)top center no-repeat; background-size: cover; }
.features .midashi01 {margin-bottom: 40px;padding-top: 70px;}
.features .midashi01 .en {font-size: 90px;top: -10px;}
.features .midashi01 .jp {font-size: 34px;}
.features ul { width: 90%; margin: 0 auto; max-width: 1200px; }
.features li {padding: 0 0 22px 2em;width: 49%;margin-bottom: 24px;}
.features li:before {content: "\e928";font-family: icon;margin-right: 7px;}

.top-ticker-item { max-width: 120vw; margin-right: 60px; }
.top-ticker-item-title { font-size: 130px; letter-spacing: 6px; }
}

@media screen and (min-width: 1100px) {
.products li { margin-bottom: 0; }
.products li dl { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.products li dl div { width: 50%; padding: 0 40px 0 20px; }
.products li dt { margin-bottom: 20px; padding: 5px 0 5px 20px; font-size: 20px; border-left: 8px solid; }
.products li dd { margin-bottom: 40px; font-size: 15px; line-height: 2; position: relative; }
.products li dd::after { font-size: 30px; bottom: -60px; }
.products li img { width: 50%; }
.products li:nth-child(2) img { order: -1; }
.products li:nth-child(2) dl div { padding: 0 20px 0 40px; }

}

/* =============================================
retina用
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.features { background-image: url(../images/about/recommend_bg-pc@2x.jpg)no-repeat top center; background-size: cover;  }
}