@charset "UTF-8";
/* -- CareNeTV --------------------------------- */
/* -- CareNeTV -- layout -- */
#aboutCareNeTV, #guide3 { color: #555; font-size: 16px; line-height: 125%; }
#aboutCareNeTV *, #guide3 * { box-sizing: border-box; }
#aboutCareNeTV img, #guide3 img { vertical-align: bottom; }
/* -- CareNeTV -- module -- */
#aboutCareNeTV section:not(:first-child), #guide3 section:not(:first-child) { margin-top: 24px; }
#aboutCareNeTV [class*='ttl-0'], #guide3 [class*='ttl-0'] { color: #030303; }
#aboutCareNeTV .ttl-01, #guide3 .ttl-01 { display: flex; font-size: 18px; font-weight: bold; }
#aboutCareNeTV .ttl-01-no, #guide3 .ttl-01-no { display: block; padding: 12px; background-color: #AC0026; white-space: nowrap; text-align: center; color: #fff; }
#aboutCareNeTV .ttl-01-txt, #guide3 .ttl-01-txt { width: 100%; padding: 12px 12px; background-color: #EEE; }
#aboutCareNeTV .ttl-02, #guide3 .ttl-02 { padding: 12px 18px; border-left: 4px #666 solid; background-color: #eee; font-size: 18px; font-weight: bold; }
#aboutCareNeTV .ttl-faq, #guide3 .ttl-faq { padding: 8px 12px; background-color: #eee; border-bottom: 2px solid #ccc; font-size: 1rem; font-weight: bold; color: #FF436C; }
#aboutCareNeTV .ttl-03, #guide3 .ttl-03 { margin-bottom: 18px; padding: 12px 18px; font-size: 18px; font-weight: bold; background-color: #eee; }
#aboutCareNeTV .ttl-04, #guide3 .ttl-04 { font-size: 1rem; font-weight: bold; }
#aboutCareNeTV .ttl-05, #guide3 .ttl-05 { font-size: 1rem; }
#aboutCareNeTV .js-title, #guide3 .js-title { position: relative; }
#aboutCareNeTV .js-title::after, #guide3 .js-title::after { position: absolute; top: calc(50% - 3.5px); right: 1rem; width: 11px; height: 7px; content: ''; background: url(/common/img/about/ic_arr.svg) center center no-repeat; transform: rotate(0deg); transition: .4s; }
#aboutCareNeTV .js-title.is-close::after, #guide3 .js-title.is-close::after { transform: rotate(180deg); transition: .4s; }
#aboutCareNeTV p:not(:last-child), #guide3 p:not(:last-child) { margin-bottom: 1em; }
#aboutCareNeTV .pgh-01, #guide3 .pgh-01 { margin-top: 1em; }
#aboutCareNeTV .pgh-ind, #guide3 .pgh-ind { padding-left: 1em; text-indent: -1em; margin-bottom: 0 !important; }
#aboutCareNeTV .img-app, #guide3 .img-app { width: 185px; }
#aboutCareNeTV .list-d01:not(:last-child), #guide3 .list-d01:not(:last-child) { margin-bottom: 1em; }
#aboutCareNeTV .list-d01 > li, #guide3 .list-d01 > li { position: relative; padding-left: 1em; }
#aboutCareNeTV .list-d01 > li:before, #guide3 .list-d01 > li:before { position: absolute; left: 0; content: "・"; margin-left: .16em; }
#aboutCareNeTV .list-a01:not(:last-child), #guide3 .list-a01:not(:last-child) { margin-bottom: 1em; }
#aboutCareNeTV .list-a01 > li, #guide3 .list-a01 > li { position: relative; padding-left: 1.1em; }
#aboutCareNeTV .list-a01 > li:before, #guide3 .list-a01 > li:before { position: absolute; left: 0; content: "※"; }
#aboutCareNeTV .btn-area, #guide3 .btn-area { margin-top: 24px; text-align: center; }
#aboutCareNeTV .btn-01, #guide3 .btn-01 { display: inline-block; padding: .75em 2em; border-radius: 500px; background-color: #E3E8FF; text-decoration: none; color: #0063A1; opacity: 1; transition: .4s; }
#aboutCareNeTV .btn-01:hover, #guide3 .btn-01:hover { opacity: .5; transition: .4s; }
#aboutCareNeTV .box-thum, #guide3 .box-thum { display: flex; }
#aboutCareNeTV .box-thum-img, #guide3 .box-thum-img { margin-right: 24px; }
#aboutCareNeTV .box-thum-txt p, #guide3 .box-thum-txt p { line-height: 150%; }
#aboutCareNeTV .box-thum-txt p:not(:last-child), #guide3 .box-thum-txt p:not(:last-child) { margin-bottom: 1em; }
#aboutCareNeTV .box-lineup, #guide3 .box-lineup { display: flex; justify-content: space-between; flex-wrap: wrap; }
#aboutCareNeTV .box-lineup .box-item, #guide3 .box-lineup .box-item { width: 32%; display: flex; justify-content: space-between; text-decoration: none; font-size: 13px; }
#aboutCareNeTV .box-lineup .box-item:hover, #guide3 .box-lineup .box-item:hover { opacity: .5; transition: .4s; }
#aboutCareNeTV .box-lineup .box-item:nth-of-type(n+4), #guide3 .box-lineup .box-item:nth-of-type(n+4) { margin-top: 16px; }
#aboutCareNeTV .box-lineup .box-item-img, #guide3 .box-lineup .box-item-img { width: 90px; }
#aboutCareNeTV .box-lineup .box-item-txt, #guide3 .box-lineup .box-item-txt { width: calc(100% - 100px); }
#aboutCareNeTV .box-lineup .box-item-txt p, #guide3 .box-lineup .box-item-txt p { line-height: 125%; }
#aboutCareNeTV .box-lineup .box-item-txt p:not(:last-child), #guide3 .box-lineup .box-item-txt p:not(:last-child) { margin-bottom: 1em; }
#aboutCareNeTV .box-lineup .box-item-txt .name, #guide3 .box-lineup .box-item-txt .name { font-size: 16px; text-decoration: underline; }
#aboutCareNeTV .box-01-a, #aboutCareNeTV .box-01-b, #guide3 .box-01-a, #guide3 .box-01-b { border: 2px solid; border-radius: 5px; }
#aboutCareNeTV .box-01-a, #guide3 .box-01-a { border-color: #309D88; }
#aboutCareNeTV .box-01-a .box-01-ttl, #aboutCareNeTV .box-01-a .btn-01, #guide3 .box-01-a .box-01-ttl, #guide3 .box-01-a .btn-01 { background-color: #309D88; color: #fff; }
#aboutCareNeTV .box-01-b, #guide3 .box-01-b { border-color: #AC0026; }
#aboutCareNeTV .box-01-b .box-01-ttl, #aboutCareNeTV .box-01-b .btn-01, #guide3 .box-01-b .box-01-ttl, #guide3 .box-01-b .btn-01 { background-color: #AC0026; color: #fff; }
#aboutCareNeTV .box-01-ttl, #aboutCareNeTV .box-01-txt, #guide3 .box-01-ttl, #guide3 .box-01-txt { padding: 20px; }
#aboutCareNeTV .box-01-ttl, #guide3 .box-01-ttl { font-size: 18px; font-weight: bold; }
#aboutCareNeTV .js-title, #guide3 .js-title { cursor: pointer; }
/* -- aboutCareNeTV -- kv -- */
#aboutCareNeTV .aboutCareNeTV_kv { position: relative; color: #fff; }
#aboutCareNeTV .aboutCareNeTV_kv--cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; }
#aboutCareNeTV .aboutCareNeTV_kv--inner1 { width: 650px; padding: 32px 24px; }
#aboutCareNeTV .aboutCareNeTV_kv--inner2 { position: relative; width: 505px; }
#aboutCareNeTV .aboutCareNeTV_kv--ttl { display: block; padding-left: .25em; font-size: 38px; font-weight: bold; letter-spacing: -.05em; line-height: 1.58; background: url(/common/img/about/main_br_pc.png) left bottom no-repeat; }
#aboutCareNeTV .aboutCareNeTV_kv--lead { margin-top: 24px; border-top: 2px solid #fff; }
#aboutCareNeTV .aboutCareNeTV_kv--lead p { padding-top: 24px; font-size: 18px; line-height: 125%; color: #fff; }
#aboutCareNeTV .aboutCareNeTV_kv--obj { position: absolute; display: flex; justify-content: center; align-items: center; width: 220px; height: 220px; border-radius: 50%; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0)); line-height: 150%; text-align: center; font-weight: bold; font-size: 20px; }
#aboutCareNeTV .aboutCareNeTV_kv--obj:nth-of-type(1) { top: 32px; left: 50%; transform: translateX(-50%); }
#aboutCareNeTV .aboutCareNeTV_kv--obj:nth-of-type(2) { bottom: 32px; left: 24px; }
#aboutCareNeTV .aboutCareNeTV_kv--obj:nth-of-type(3) { bottom: 32px; right: 24px; }
/* -- aboutCareNeTV -- block -- */
#aboutCareNeTV .aboutCareNeTV_kv { margin-bottom: 40px; }
#aboutCareNeTV .aboutCareNeTV_container { background-color: #fff; padding: 10px; margin-bottom: 30px; }
#aboutCareNeTV .aboutCareNeTV_container .inner { padding: 12px 28px 16px 28px; }
#aboutCareNeTV .aboutCareNeTV_container .inner .inner { padding: 12px 0 16px 16px; }
#aboutCareNeTV .aboutCareNeTV_container .lead { margin-bottom: 32px;line-height: 150%; }
#aboutCareNeTV #aboutCareNeTV_faq .inner .inner { padding-bottom: 0; }