@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
.kanri-index #header { padding-bottom: 130px; background-position: top center; }

@media screen and (max-width: 767px) { .kanri-index #header { padding: 25px 0 12px; } }

.kanri-index .header__inner--wrap { display: block; margin-top: 0; }

.kanri-index .header__title { margin: 50px auto 85px; text-align: center; }

@media screen and (max-width: 767px) { .kanri-index .header__title { margin: 0 auto 60px; } }

.kanri-index .header__title__hdg { font-size: 2.4rem; }

@media screen and (max-width: 767px) { .kanri-index .header__title__hdg { margin-bottom: 10px; font-size: 2rem; text-align: center; } }

.kanri-index .header__title__hdg span { font-size: 4rem; }

@media screen and (max-width: 767px) { .kanri-index .header__title__hdg span { font-size: 2.7rem; } }

.kanri-index .header__search { position: relative; max-width: 1000px; width: 100%; margin: 0 auto; padding: 20px 20px 25px; border-radius: 25px; background: rgba(252, 254, 255, 0.8); }

@media screen and (max-width: 767px) { .kanri-index .header__search { padding: 10px 10px 15px; border-radius: 10px; } }

.kanri-index .header__search::before { content: ''; position: absolute; top: -66px; left: 50%; width: 324px; height: 72px; background: url(/kanri/resource/images/icn-main-character.png) top left/100% auto no-repeat; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (max-width: 767px) { .kanri-index .header__search::before { top: -59px; width: 289px; height: 64px; } }

@media screen and (max-width: 330px) { .kanri-index .header__search input { font-size: 1.4rem; } }

.kanri-index .header__search button { background: #3399ff; color: #fff; }

@media screen and (max-width: 330px) { .kanri-index .header__search button { font-size: 1.4rem; } }

.kanri-index .header__search button span { color: #fbff8e; }

@media screen and (min-width: 768px) { .kanri-index .header__search button:hover { background: #fc0; color: #fff; }
  .kanri-index .header__search button:hover span { color: #fff; } }

.kanri-index .header__link { margin-top: 15px; }

@media screen and (max-width: 767px) { .kanri-index .header__link { margin-top: 10px; } }

@media screen and (min-width: 768px) { .kanri-index .header__link ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } }

@media screen and (min-width: 768px) { .kanri-index .header__link ul li { width: 32%; } }

@media screen and (max-width: 767px) { .kanri-index .header__link ul li { margin-bottom: 8px; } }

.kanri-index .header__link ul li a { position: relative; display: block; padding: 12px 15px; line-height: 1.8em; border-radius: 15px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); background: #f5f5f5; font-size: 1.5rem; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; }

@media screen and (max-width: 1024px) { .kanri-index .header__link ul li a { padding: 12px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .kanri-index .header__link ul li a { padding: 5px 15px; border-radius: 8px; line-height: 1.6em; } }

.kanri-index .header__link ul li a::before { content: '\62'; position: absolute; top: 50%; right: 15px; line-height: 1; font-family: "nissho-icon"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 767px) { .kanri-index .header__link ul li a::before { right: 12px; font-size: 1.3rem; } }

@media screen and (min-width: 768px) { .kanri-index .header__link ul li a:hover { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } }

.kanri-index .header__link ul li a span { display: inline-block; vertical-align: middle; }

.kanri-index .header__link ul li a span.icon { width: 31px; margin-right: 10px; }

@media screen and (max-width: 1024px) { .kanri-index .header__link ul li a span.icon { width: 28px; margin-right: 8px; } }

@media screen and (max-width: 767px) { .kanri-index .header__link ul li a span.icon { width: 30px; margin-right: 12px; } }

.kanri-index .header__link ul li a span.icon img { width: 100%; }

.kanri-index .header__link ul li a span.bold { font-size: 1.8rem; font-weight: bold; }

@media screen and (max-width: 767px) { .kanri-index .header__link ul li a span.bold { font-size: 1.6rem; } }

.kanri-index .box-lifeguide { padding: 15px 0; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.15); box-shadow: 0 0 50px rgba(0, 0, 0, 0.15); background: #78cde2; }

@media screen and (max-width: 767px) { .kanri-index .box-lifeguide { padding: 15px 0; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); } }

.kanri-index .box-lifeguide__bnr { position: relative; padding: 25px; background: #fff url(/kanri/resource/images/bg-note.jpg) top -2px left 0/4px 25px repeat; text-align: center; }

@media screen and (max-width: 767px) { .kanri-index .box-lifeguide__bnr { padding: 15px; } }

.kanri-index .box-lifeguide__bnr a { display: block; }

.kanri-index .box-lifeguide__bnr img { max-width: 750px; width: 100%; }

@media screen and (max-width: 767px) { .kanri-index .box-lifeguide__bnr img { max-width: 256px; } }

.kanri-index .box-lifeguide__bnr .btn-blue { margin-top: 10px; }

@media screen and (max-width: 767px) { .kanri-index .box-lifeguide__bnr .btn-blue { display: inline-block; position: absolute; right: 45px; bottom: 15px; width: auto; margin-top: 0; text-align: right; } }

@media screen and (max-width: 767px) { .kanri-index .box-lifeguide__bnr .btn-blue a { min-width: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent; color: #3399ff; font-weight: normal; } }

@media screen and (min-width: 768px) { .kanri-index .box-lifeguide__bnr .btn-blue a .icon-right-circle { display: none; } }

@media screen and (max-width: 767px) { .kanri-index .box-lifeguide__bnr .btn-blue a .icon-right-circle { padding-right: 5px; } }

.kanri-index .box-prevention { margin: 50px auto; text-align: center; }

@media screen and (max-width: 767px) { .kanri-index .box-prevention { margin: 20px auto; } }

.kanri-index .box-prevention a { display: block; padding: 15px 20px; border: 2px solid #e5e5e5; color: #222; text-decoration: none; }

@media screen and (min-width: 768px) { .kanri-index .box-prevention a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; }
  .kanri-index .box-prevention a::before { content: '\62'; padding-right: 15px; font-family: "nissho-icon"; color: #3399ff; }
  .kanri-index .box-prevention a:hover { color: #3399ff; } }

.kanri-index .box-prevention__ttl { font-size: 1.7rem; font-weight: bold; text-align: center; }

@media screen and (min-width: 768px) { .kanri-index .box-prevention__ttl { margin-right: 35px; } }

@media screen and (max-width: 767px) { .kanri-index .box-prevention__ttl { margin-bottom: 8px; font-size: 1.5rem; } }

.kanri-index .box-prevention__ttl span { margin-right: 5px; padding: 3px 5px; line-height: 1; border: 1px solid #c81d1d; color: #c81d1d; font-size: 1.4rem; }

@media screen and (max-width: 767px) { .kanri-index .box-prevention__ttl span { font-size: 1.2rem; } }

.kanri-index .box-prevention__txt { text-align: left; }

@media screen and (min-width: 768px) { .kanri-index .box-prevention__txt { display: inline-block; } }

@media screen and (max-width: 767px) { .kanri-index .box-prevention__txt { margin-bottom: 5px; font-size: 1.2rem; } }

.kanri-index .box-prevention__btn { color: #3399ff; text-align: center; }

@media screen and (max-width: 767px) { .kanri-index .box-prevention__btn { font-size: 1.2rem; } }

.kanri-index .box-prevention__btn .icon-right-circle { padding-right: 5px; }

.kanri-index .box-category { margin-bottom: 15px; }

@media screen and (max-width: 767px) { .kanri-index .box-category { margin-bottom: 30px; padding: 30px 0 35px; background-color: #fcf5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf5f5), to(#f0f6f8)); background-image: -o-linear-gradient(top, #fcf5f5 0%, #f0f6f8 100%); background-image: linear-gradient(180deg, #fcf5f5 0%, #f0f6f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); } }

.kanri-index .box-category__inner { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 50px; }

@media screen and (max-width: 767px) { .kanri-index .box-category__inner { display: block; padding: 0; } }

.kanri-index .box-category__hdg { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 320px; height: 310px; background-color: #f0f6f8; background-image: -o-linear-gradient(343deg, #f0f6f8 0%, #fcf5f5 100%); background-image: linear-gradient(107deg, #f0f6f8 0%, #fcf5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 ); z-index: 10; }

@media screen and (max-width: 767px) { .kanri-index .box-category__hdg { display: block; width: auto; height: auto; margin: 0 auto 15px; background: transparent; } }

.kanri-index .box-category__hdg .hdg-main { margin-bottom: 0; }

@media screen and (min-width: 768px) { .kanri-index .box-category__hdg .hdg-main img { width: 100px; height: 100px; } }

.kanri-index .box-category__hdg .hdg-main span { font-size: 3.2rem; }

@media screen and (min-width: 768px) { .kanri-index .box-category__hdg .hdg-main span { margin-bottom: 5px; } }

@media screen and (max-width: 767px) { .kanri-index .box-category__hdg .hdg-main span { font-size: 2rem; } }

.kanri-index .box-category__content { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; margin-left: 20px; }

@media screen and (max-width: 767px) { .kanri-index .box-category__content { margin-left: 0; } }

@media screen and (min-width: 768px) { .kanri-index .box-category__content .lst-type01 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-top: none; } }

@media screen and (min-width: 768px) { .kanri-index .box-category__content .lst-type01 li { width: 50%; } }

.kanri-index .box-news { width: 830px; margin-right: auto; margin-left: auto; margin: 70px auto 90px; }

@media screen and (max-width: 880px) { .kanri-index .box-news { width: 100%; padding-right: 25px; padding-left: 25px; } }

@media screen and (max-width: 767px) { .kanri-index .box-news { padding-right: 15px; padding-left: 15px; } }

@media screen and (max-width: 767px) { .kanri-index .box-news { margin: 45px auto 50px; padding: 0 20px; } }

.kanri-index .box-news .hdg-main { margin-bottom: 20px; }

@media screen and (max-width: 767px) { .kanri-index .box-news .hdg-main { margin-bottom: 10px; text-align: center; } }

.kanri-index .box-news__article { width: 100%; padding: 10px; border-top: 1px solid #e5e5e5; }

@media screen and (min-width: 768px) { .kanri-index .box-news__article { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } }

@media screen and (max-width: 767px) { .kanri-index .box-news__article { padding: 15px 10px; } }

.kanri-index .box-news__article:last-child { border-bottom: 1px solid #e5e5e5; }

.kanri-index .box-news__article__date { font-size: 1.2rem; }

@media screen and (min-width: 768px) { .kanri-index .box-news__article__date { width: 160px; color: #999; } }

.kanri-index .box-news__article__txt { /* ボタン */ /* テキストをグラデーションで隠す */ /* 続きを見るボタンをクリックしたらテキストを隠しているグラデーションを消す */ }

@media screen and (min-width: 768px) { .kanri-index .box-news__article__txt { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } }

@media screen and (max-width: 767px) { .kanri-index .box-news__article__txt { line-height: 1.4; } }

.kanri-index .box-news__article__txt a { text-decoration: underline; }

@media screen and (min-width: 768px) { .kanri-index .box-news__article__txt a:hover { text-decoration: none; } }

.kanri-index .box-news__article__txt .accordion { position: relative; }

.kanri-index .box-news__article__txt .accordion-btn { display: block; text-align: center; font-size: 1.6rem; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; margin: 0 auto; position: absolute; right: 0; left: 0; bottom: -10px; margin: auto; cursor: pointer; z-index: 1; /* 閉じるボタンの位置 */ }

@media screen and (max-width: 767px) { .kanri-index .box-news__article__txt .accordion-btn { min-width: 190px; padding: 0; color: #3399ff; font-weight: normal; font-size: 1.2rem; background: none; -webkit-box-shadow: none; box-shadow: none; bottom: 0; } }

@media screen and (min-width: 768px) { .kanri-index .box-news__article__txt .accordion-btn:hover { color: #3399ff; } }

.kanri-index .box-news__article__txt .accordion-btn::before { content: '\62'; display: inline-block; width: 1em; color: #3399ff; font-family: "nissho-icon"; font-style: normal; font-weight: normal; speak: none; text-align: center; text-decoration: inherit; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; margin-right: 15px; }

@media screen and (max-width: 767px) { .kanri-index .box-news__article__txt .accordion-btn::before { margin-right: 5px; } }

.kanri-index .box-news__article__txt .accordion-btn::after { content: "続きを読む"; }

.kanri-index .box-news__article__txt .accordion-btn.is-show { bottom: -2em; }

.kanri-index .box-news__article__txt .accordion-btn.is-show::after { content: "閉じる"; }

.kanri-index .box-news__article__txt .accordion-text { overflow: hidden; position: relative; margin-bottom: 35px; }

@media screen and (max-width: 767px) { .kanri-index .box-news__article__txt .accordion-text { margin-bottom: 25px; } }

.kanri-index .box-news__article__txt .accordion-text.is-hide { height: 120px; }

@media screen and (min-width: 768px) { .kanri-index .box-news__article__txt .accordion-text.is-hide { margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .kanri-index .box-news__article__txt .accordion-text.is-hide { height: 100px; margin-bottom: 0; } }

.kanri-index .box-news__article__txt .accordion-text::before { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%); background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%); bottom: 0; content: ""; height: 60px; /* グラデーションで隠す高さ */ position: absolute; width: 100%; }

.kanri-index .box-news__article__txt .accordion-btn.is-show + .accordion-text::before { display: none; }

.kanri-index .box-livenet24 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

@media screen and (min-width: 768px) { .kanri-index .box-livenet24 { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } }

@media screen and (max-width: 767px) { .kanri-index .box-livenet24 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } }

.kanri-index .box-livenet24__img { text-align: center; }

@media screen and (min-width: 768px) { .kanri-index .box-livenet24__img { width: 170px; } }

@media screen and (max-width: 767px) { .kanri-index .box-livenet24__img { max-width: 660px; margin: 20px auto 0; } }

.kanri-index .box-livenet24__img img { width: 100%; }

.kanri-index .box-livenet24__content { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; }

@media screen and (min-width: 768px) { .kanri-index .box-livenet24__content { padding-left: 20px; } }

.kanri-index .box-livenet24__content__txt { font-size: 1.4rem; }

.kanri-index .box-livenet24__content__txt span { color: #3399ff; font-weight: bold; }