@charset "UTF-8";
.sample2 {
  overflow: hidden;
  position: relative;
}

.sample2 .caption {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 1s;
  font-weight: 500;
  width: 75%;
}
.sample2 .caption img {
  max-width: 120px;
}

.sample2 .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  /* マスクを表示しない */
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.sample2:hover .mask {
  opacity: 1;
  /* マスクを表示する */
  padding-top: 80px;
  /* ホバーで下にずらす */
}

.sample2:hover .jigyou__txt {
  display: none;
  /* マスクを表示する */
}

.jigyou__txt {
  font-weight: 500;
}

@media (max-width: 700px) {
  .sample2 {
    overflow: inherit;
  }

  .caption {
    height: auto;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
  .caption img {
    width: 100%;
    max-height: 200px;
    max-width: 200px;
  }
}
.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer;
}

.accordion-container .accordion-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.625em 0.625em 0.625em 2em;
  font-size: 1.25em;
  font-weight: normal;
  background: #F7F7F7;
  cursor: pointer;
  margin-left: -5px;
  margin-right: -5px;
  height: 50px;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  color: white;
}

.accordion-container .accordion-title:hover i:before,
.accordion-container .accordion-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.accordion-title {
  position: relative;
}

.accordion-title:after {
  content: "";
  position: absolute;
  left: calc(50% - 15px);
  top: 7px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 20px;
  height: 20px;
  border-top: solid 5px #046F3E;
  border-right: solid 5px #046F3E;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
}

/* CSS for CodePen */
.accordion-container {
  margin: 0 auto;
}

.menu__item {
  color: #046F3E;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
}

.menu__item__link {
  color: #046F3E;
  display: block;
  padding: 10px 0;
  position: relative;
}

.submenu {
  background: #fff;
  display: none;
}
.submenu a {
  font-size: 12px;
  padding: 7px 30px;
  color: #333333;
}

.menu {
  /* 二本の横棒を作成する */
  /* 2本の横棒のうち一本は縦棒にする */
  /*
  プラスがクリックされたら縦棒を横にしてマイナスにする疑似要素
  jQueryで付け外しを行う
  */
}
.menu .plus-icon::before,
.menu .plus-icon::after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  border-radius: 5px;
  background: black;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.menu .plus-icon::after {
  background: black;
  /* 横棒を縦にするために90℃回転させる */
  transform: translateY(-50%) rotate(90deg);
  /* プラスからマイナスへの切り替えをゆっくり行いアニメーションさせる */
  transition: 0.5s;
}
.menu .active::after {
  transform: rotate(0);
  transition: 0.5s;
}/*# sourceMappingURL=animation.css.map */