/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar-nav {
  flex-direction: row;
  align-items: center;
}

.h1-ceneter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
}
.h1-ceneter span::first-letter {
  color: #4E8D9C;
}
.h1-ceneter::before,
.h1-ceneter::after {
  content: '';
  flex-grow: 1;
  height: 1px;
  width: 70px;
  background-color: #000;
}

.index-btn_wrapper {
  display: flex;
  flex-direction: row-reverse;
}
.index-btn {
  display: block;
  padding: 17px 118px 17px 20px;
  background: url(../img/ar2.png) no-repeat center right 20px;
  box-shadow: 0 1px 2px rgba(0,0,0,.16), 0 1px 2px rgba(0,0,0,.16) inset;
  border: 2px solid #4E8D9C;
  border-radius: 6px;
  font-weight: 500;
  color: #4E8D9C;
  text-decoration: none;
  line-height: 1;
  text-shadow: 0 2px 2px rgba(0,0,0,.16);
}

.h3-fukuri {
  padding: 0 5px;
  margin-top: 15px;
  margin-bottom: 5px;
  color: #fff;
  font-weight: 500;
  line-height: 25px;
}
.h3-fukuri::before {
  content: "";
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center;
}

.h3-fukuri:first-child {
  margin-top: 0;
}
.fukuri1 {
  background-color: #4E5CA1;
}
.fukuri1::before {
  background-image: url(../img/201-benefits-salary.png);
}
.fukuri2 {
  background-color: #6D709D;
}
.fukuri2::before {
  background-image: url(../img/202-benefits-holiday.png);
}
.fukuri3 {
  background-color: #A072A1;
}
.fukuri3::before {
  background-image: url(../img/203-benefits-childcarecare.png);
}
.fukuri4 {
  background-color: #DD5454;
}
.fukuri4::before {
  background-image: url(../img/204-benefits-skill.png);
}
.fukuri5 {
  background-color: #C48590;
}
.fukuri5::before {
  background-image: url(../img/205-benefits-skilloffice.png);
}
.fukuri6 {
  background-color: #E18A6C;
}
.fukuri6::before {
  background-image: url(../img/206-benefits-skillphysical.png);
}
.fukuri7 {
  background-color: #EFA14C;
}
.fukuri7::before {
  background-image: url(../img/207-benefits-work.png);
}
.fukuri8 {
  background-color: #EFA14C;
}
.fukuri8::before {
  background-image: url(../img/208-benefits-grooming.png);
}
.fukuri9 {
  background-color: #DDC354;
}
.fukuri9::before {
  background-image: url(../img/209-benefits-facility.png);
}
.fukuri10 {
  background-color: #A18E4E;
}
.fukuri10::before {
  background-image: url(../img/210-benefits-gotowork.png);
}
.fukuri11 {
  background-color: #99A14E;
}
.fukuri11::before {
  background-image: url(../img/211-benefits-housing.png);
}
.fukuri12 {
  background-color: #70B199;
}
.fukuri12::before {
  background-image: url(../img/212-benefits-refresh.png);
}
.fukuri13 {
  background-color: #4EA49E;
}
.fukuri13::before {
  background-image: url(../img/213-benefits-club.png);
}
.fukuri14 {
  background-color: #4597A8;
}
.fukuri14::before {
  background-image: url(../img/214-benefits-healthmind.png);
}
.fukuri15 {
  background-color: #4E83A1;
}
.fukuri15::before {
  background-image: url(../img/215-benefits-celebrationcondolence.png);
}
.fukuri16 {
  background-color: #4E74A1;
}
.fukuri16::before {
  background-image: url(../img/216-benefits-etc.png);
}

.fontsmall {
  font-size: 13px;
}
.flex-item {
  flex: 1;
}

progress {
  width: 100%;
  height: 12px;
  border-radius: 15px;
  background-color: rgb(118, 112, 112);
}
progress::-webkit-progress-bar {
background-color: rgb(118, 112, 112);
border-radius: 15px;
}

progress::-webkit-progress-value {
background-color: rgb(255, 38, 0);
border-radius: 15px;
}

progress::-moz-progress-bar {
background-color: rgb(255, 38, 0);
border-radius: 15px;
}

progress::-ms-fill {
background-color: rgb(255, 38, 0);
border-radius: 15px;
}
.star5_rating {
position: relative;
z-index: 0;
display: inline-block;
white-space: nowrap;
color: #CCCCCC;
  font-size: 24px;
}
.star5_rating_b {
position: relative;
z-index: 0;
display: inline-block;
white-space: nowrap;
color: #CCCCCC;
  font-size: 24px;
}
.number_rating {
  font-size: 24px;
}
.star5_rating {
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC;
    font-size: 24px;
}
.star5_rating_b {
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC;
    font-size: 24px;
}
.number_rating {
    font-size: 24px;
}
.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}
.star5_rating_b:before, .star5_rating_b:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32;
}
.star5_rating_b:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #32b0ff;
}

.star5_rating[data-rate="5.0"]:after{ width: 100%; }
.star5_rating[data-rate="4.9"]:after{ width: 98%; }
.star5_rating[data-rate="4.8"]:after{ width: 96%; }
.star5_rating[data-rate="4.7"]:after{ width: 94%; }
.star5_rating[data-rate="4.6"]:after{ width: 92%; }
.star5_rating[data-rate="4.5"]:after{ width: 90%; }
.star5_rating[data-rate="4.4"]:after{ width: 88%; }
.star5_rating[data-rate="4.3"]:after{ width: 86%; }
.star5_rating[data-rate="4.2"]:after{ width: 84%; }
.star5_rating[data-rate="4.1"]:after{ width: 82%; }
.star5_rating[data-rate="4.0"]:after{ width: 80%; }
.star5_rating[data-rate="3.9"]:after{ width: 78%; }
.star5_rating[data-rate="3.8"]:after{ width: 76%; }
.star5_rating[data-rate="3.7"]:after{ width: 74%; }
.star5_rating[data-rate="3.6"]:after{ width: 72%; }
.star5_rating[data-rate="3.5"]:after{ width: 70%; }
.star5_rating[data-rate="3.4"]:after{ width: 68%; }
.star5_rating[data-rate="3.3"]:after{ width: 66%; }
.star5_rating[data-rate="3.2"]:after{ width: 64%; }
.star5_rating[data-rate="3.1"]:after{ width: 62%; }
.star5_rating[data-rate="3.0"]:after{ width: 60%; }
.star5_rating[data-rate="2.9"]:after{ width: 58%; }
.star5_rating[data-rate="2.8"]:after{ width: 56%; }
.star5_rating[data-rate="2.7"]:after{ width: 54%; }
.star5_rating[data-rate="2.6"]:after{ width: 52%; }
.star5_rating[data-rate="2.5"]:after{ width: 50%; }
.star5_rating[data-rate="2.4"]:after{ width: 48%; }
.star5_rating[data-rate="2.3"]:after{ width: 46%; }
.star5_rating[data-rate="2.2"]:after{ width: 44%; }
.star5_rating[data-rate="2.1"]:after{ width: 42%; }
.star5_rating[data-rate="2.0"]:after{ width: 40%; }
.star5_rating[data-rate="1.9"]:after{ width: 38%; }
.star5_rating[data-rate="1.8"]:after{ width: 36%; }
.star5_rating[data-rate="1.7"]:after{ width: 34%; }
.star5_rating[data-rate="1.6"]:after{ width: 32%; }
.star5_rating[data-rate="1.5"]:after{ width: 30%; }
.star5_rating[data-rate="1.4"]:after{ width: 28%; }
.star5_rating[data-rate="1.3"]:after{ width: 26%; }
.star5_rating[data-rate="1.2"]:after{ width: 24%; }
.star5_rating[data-rate="1.1"]:after{ width: 22%; }
.star5_rating[data-rate="1.0"]:after{ width: 20%; }
.star5_rating[data-rate="0.9"]:after{ width: 18%; }
.star5_rating[data-rate="0.8"]:after{ width: 16%; }
.star5_rating[data-rate="0.7"]:after{ width: 14%; }
.star5_rating[data-rate="0.6"]:after{ width: 12%; }
.star5_rating[data-rate="0.5"]:after{ width: 10%; }
.star5_rating[data-rate="0.4"]:after{ width: 8%; }
.star5_rating[data-rate="0.3"]:after{ width: 6%; }
.star5_rating[data-rate="0.2"]:after{ width: 4%; }
.star5_rating[data-rate="0.1"]:after{ width: 2%; }
.star5_rating[data-rate="0.0"]:after{ width: 0%; }

.star5_rating_b[data-rate="5.0"]:after{ width: 100%; }
.star5_rating_b[data-rate="4.9"]:after{ width: 98%; }
.star5_rating_b[data-rate="4.8"]:after{ width: 96%; }
.star5_rating_b[data-rate="4.7"]:after{ width: 94%; }
.star5_rating_b[data-rate="4.6"]:after{ width: 92%; }
.star5_rating_b[data-rate="4.5"]:after{ width: 90%; }
.star5_rating_b[data-rate="4.4"]:after{ width: 88%; }
.star5_rating_b[data-rate="4.3"]:after{ width: 86%; }
.star5_rating_b[data-rate="4.2"]:after{ width: 84%; }
.star5_rating_b[data-rate="4.1"]:after{ width: 82%; }
.star5_rating_b[data-rate="4.0"]:after{ width: 80%; }
.star5_rating_b[data-rate="3.9"]:after{ width: 78%; }
.star5_rating_b[data-rate="3.8"]:after{ width: 76%; }
.star5_rating_b[data-rate="3.7"]:after{ width: 74%; }
.star5_rating_b[data-rate="3.6"]:after{ width: 72%; }
.star5_rating_b[data-rate="3.5"]:after{ width: 70%; }
.star5_rating_b[data-rate="3.4"]:after{ width: 68%; }
.star5_rating_b[data-rate="3.3"]:after{ width: 66%; }
.star5_rating_b[data-rate="3.2"]:after{ width: 64%; }
.star5_rating_b[data-rate="3.1"]:after{ width: 62%; }
.star5_rating_b[data-rate="3.0"]:after{ width: 60%; }
.star5_rating_b[data-rate="2.9"]:after{ width: 58%; }
.star5_rating_b[data-rate="2.8"]:after{ width: 56%; }
.star5_rating_b[data-rate="2.7"]:after{ width: 54%; }
.star5_rating_b[data-rate="2.6"]:after{ width: 52%; }
.star5_rating_b[data-rate="2.5"]:after{ width: 50%; }
.star5_rating_b[data-rate="2.4"]:after{ width: 48%; }
.star5_rating_b[data-rate="2.3"]:after{ width: 46%; }
.star5_rating_b[data-rate="2.2"]:after{ width: 44%; }
.star5_rating_b[data-rate="2.1"]:after{ width: 42%; }
.star5_rating_b[data-rate="2.0"]:after{ width: 40%; }
.star5_rating_b[data-rate="1.9"]:after{ width: 38%; }
.star5_rating_b[data-rate="1.8"]:after{ width: 36%; }
.star5_rating_b[data-rate="1.7"]:after{ width: 34%; }
.star5_rating_b[data-rate="1.6"]:after{ width: 32%; }
.star5_rating_b[data-rate="1.5"]:after{ width: 30%; }
.star5_rating_b[data-rate="1.4"]:after{ width: 28%; }
.star5_rating_b[data-rate="1.3"]:after{ width: 26%; }
.star5_rating_b[data-rate="1.2"]:after{ width: 24%; }
.star5_rating_b[data-rate="1.1"]:after{ width: 22%; }
.star5_rating_b[data-rate="1.0"]:after{ width: 20%; }
.star5_rating_b[data-rate="0.9"]:after{ width: 18%; }
.star5_rating_b[data-rate="0.8"]:after{ width: 16%; }
.star5_rating_b[data-rate="0.7"]:after{ width: 14%; }
.star5_rating_b[data-rate="0.6"]:after{ width: 12%; }
.star5_rating_b[data-rate="0.5"]:after{ width: 10%; }
.star5_rating_b[data-rate="0.4"]:after{ width: 8%; }
.star5_rating_b[data-rate="0.3"]:after{ width: 6%; }
.star5_rating_b[data-rate="0.2"]:after{ width: 4%; }
.star5_rating_b[data-rate="0.1"]:after{ width: 2%; }
.star5_rating_b[data-rate="0.0"]:after{ width: 0%; }


.picup-header {
  padding-left: 10px;
  margin-bottom: 30px;
  border-left: 10px solid #4E8D9C;
  border-bottom: 1px solid #000;
}
.picup-single h1,
.picup-single h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  font-weight: bold;
  line-height: 1.2;
}
.picup-header h1 {
  font-size: 26px;
}
.picup-header::first-letter {
  color: #4E8D9C;
}
.picup-header .date {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  font-size: 14px;
  color: #B0B9BF;
  margin: 0;

}
.picup-inner {
  width: 100%;
  max-width: 800px;
  margin: auto;
}

.xxx {
  margin-bottom: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  font-size: 18px;
}
.xxx::first-letter {
  font-size: 26px;
  color: #4E8D9C;
  border-bottom: 2px solid #4E8D9C;
}

.footer {
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}