/* setting */
#areaWrapper1 {
  margin-top: 0;
}

.only-sp {
  display: none !important;
}


/* design */
.content-inner {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}

.content_bg {
  background: #eaeaea;
  padding: 30px 30px 20px;
  margin-top: 20px;
}

.content_bg .local-title {
  margin-top: 0;
  padding-bottom: 0;
}

.mod-news {
  border-top: none;
}

.item_title {
  color: #094;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 50px !important;
}

.item_tag {
  background: #094;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 5px 25px;
}

.space-near.align-center>img {
  border: solid 1px #c5c5c5;
}

.item_name {
  font-size: 1.8rem;
  font-weight: bold;
}

.youtube_link {
  color: #f00 !important;
}

.youtube_link:hover {
  text-decoration: none;
  opacity: .7;
}

/* title */
.index-page-title {
  box-sizing: border-box;
  background-color: #ffc;
  padding: 22px 0;
}

.index-page-title h1 {
  text-align: center;
  color: #333;
  font-size: 3rem;
  line-height: 1.2;
}

/* breadcrumb */
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.breadcrumb li {
  font-size: 1.3rem;
  padding-right: 17px;
  position: relative;
}

.breadcrumb li::after {
  content: ">";
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.breadcrumb li:last-child::after {
  display: none;
}

.breadcrumb a {
  color: #1c9541;
}

.breadcrumb.content_width {
  margin: auto;
  padding-left: 20px;
  margin-bottom: 10px;
  width: 960px;
}


/* gensai */
.page-title-image {
  border: solid 1px #ccc;
}

.gensai_bg {
  padding: 0 0 104px;
  margin: 0 auto;
  text-align: center;
  background-color: #ebf5de;
}

.kasaiAreaTitle {
  margin: 38px auto;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.367;
  color: #094;
  text-align: center;
}

.kasaiSecurityPictoItem {
  position: relative;
  width: 130px;
}

img {
  max-width: 100%;
}

.kasaiSecurityPictoItem p {
  position: absolute;
  top: 20px;
  left: 50%;
  margin: auto;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.24;
  color: #094;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.kasaiImages01 {
  width: 521px;
  margin: 10px auto 38px;
}

.kasaiSecurityPicto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 710px;
  margin: 30px auto 30px;
  letter-spacing: 0.2rem;
}

.text__l {
  margin-top: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.55;
  color: #666;
  text-align: center;
}

ul.kasaiList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 818px;
  margin: 50px auto 0;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

ul.mod-button-link-list.kasaiList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  font-size: 1.8rem;
  text-align: center;
}

.kasaiListBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.kasaiListBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 402px;
}

.button-images {
  vertical-align: middle;
}

.button-images img {
  width: 146px;
  margin-right: 9px;
}

.sumaiHoshoWrap {
  margin: 80px auto 0;
  width: 710px;
}

.text__s {
  margin-top: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.55;
  color: #666;
  text-align: center;
}


/* movie */
.movie-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 21;
  background: rgba(121, 189, 40, 0.8);
  pointer-events: none;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}

.movie-modal.open {
  opacity: 1;
  pointer-events: all;
}

.movie-modal.open .movie-modal-inner {
  transform: translate(-50%, -50%) scale(1);
}

.movie-modal .bg-cover {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.movie-modal .movie-modal-inner {
  position: absolute;
  z-index: 2;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.7);
  width: 80%;
}

.movie-modal .movie-wrap {
  position: relative;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.movie-modal .movie-wrap:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.movie-modal iframe,
.movie-modal .iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.movie-modal .close {
  position: absolute;
  right: 0;
  top: -50px;
  font-size: 32px;
  cursor: pointer;
  letter-spacing: 4px;
  color: white;
  padding-left: 35px;
  line-height: 1;
}

.movie-modal .close.ie-style {
  padding-top: 15px;
}

.movie-modal .close .icon {
  position: absolute;
  left: -5px;
  top: 0;
  width: 30px;
  height: 30px;
}

.movie-modal .close .icon:before, .movie-modal .close .icon:after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 3px;
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
  content: "";
}

.movie-modal .close .icon:before {
  transform: rotate(45deg);
}

.movie-modal .close .icon:after {
  transform: rotate(-45deg);
}


/* popup logo */
.item_logo {
  width: 270px;
}

.item_logo img {
  width: 100%;
}

.item_header {
  margin-top: 30px !important;
}

.item_footer {
  border-top: solid 1px #ddd;
  padding: 20px 0 30px;
  margin-top: 30px;
}

/*活動アーカイブ　アコーディオン
************************************************************/
.index-efforts-accordion-wrap {
  margin: 10px auto 0;
  width: 960px;
}

.index-efforts-accordion-handle {
  border-radius: 15px;
  border: 1px solid #dcdcdc;
  border-bottom: 3px solid #dcdcdc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 30px auto 0;
  text-align: center;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  overflow: hidden;
  padding: 18px 35px 18px 15px;
  position: relative;
  width: 250px;
}

.index-efforts-accordion-handle::before {
  content: "";
  display: block;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
}

.index-efforts-accordion-handle:hover {
  opacity: .7;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  text-decoration: none;
  color: #333;
}

.is-collapsed .index-efforts-accordion-handle::before {
  background: url(/library/img_renew/index-efforts-icon01.png) center / contain no-repeat;
}

.is-expanded .index-efforts-accordion-handle::before {
  background: url(/library/img_renew/index-efforts-icon02.png) center / contain no-repeat;
}

.index-efforts-accordion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index-efforts-accordion-list-item {
  border-radius: 12px;
  border: 1px solid #dcdcdc;
  border-bottom: 3px solid #dcdcdc;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  overflow: hidden;
  margin-top: 20px;
  width: 300px;
}

.index-efforts-accordion-list-item:hover {
  cursor: pointer;
  opacity: .7;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.index-efforts-accordion-list-item a:hover {
  text-decoration: none;
}

.index-efforts-accordion-list-item p {
  font-size: 1.4rem;
  line-height: 1.375;
  color: #094;
  margin-top: 0 !important;
  font-weight: bold;
  padding: 10px;
  text-align: left;
}

/*slider
************************************************************/
.moshimo-pj-slider img {
  height: 100%;
  margin: 0 auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000 !important;
}

.bx-viewport {
  height: initial !important;
}

/*section title
************************************************************/
.section-title h3 {
  font-size: 1.7em;
}