@charset "UTF-8";
.cover {
  position: relative;
  overflow: hidden;
  line-height: 0;
}
.cover__border {
  height: 0;
  overflow: hidden;
  padding-bottom: 40%;
  position: absolute;
  z-index: 3;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAABKADAAQAAAABAAAABAAAAADXsdAcAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAAAEElEQVQIHWNgQAWbkblEcgBbKgLNW7KxJQAAAABJRU5ErkJggg==) repeat;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.cover__catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  position: absolute;
  z-index: 3;
  left: 8%;
  top: 50%;
  color: #fff;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 44px;
  line-height: 1.5;
  -moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 1024px) {
  .cover__catch {
    font-size: 40px;
  }
}
@media screen and (max-width: 835px) {
  .cover__catch {
    font-size: 32px;
  }
}
@media screen and (max-width: 568px) {
  .cover__catch {
    font-size: 18px;
    left: 5%;
  }
}
.cover .swiper {
  position: inherit;
  z-index: auto;
}
.cover .swiper .swiper-wrapper .swiper-slide img {
  width: 100vw;
}
.cover .swiper .swiper-horizontal > .swiper-pagination-bullets, .cover .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .cover .swiper .swiper-pagination-custom, .cover .swiper .swiper-pagination-fraction {
  bottom: 5%;
}
.cover .swiper .swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
  background-color: #fff;
  height: 12px;
  width: 12px;
  margin: 0 6px;
}
@media screen and (max-width: 568px) {
  .cover .swiper .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    margin: 0 5px;
  }
}
.cover .swiper .swiper-pagination-bullet-active {
  background-color: #004a79;
}
.cover:after {
  content: "";
  display: block;
  background: transparent url(/assets/images/home/img_cover_ibaraki.png) no-repeat center center;
  background-size: contain;
  width: 246px;
  height: 307px;
  position: absolute;
  right: 2%;
  bottom: 3%;
  z-index: 3;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .cover:after {
    background: transparent url(/assets/images/home/img_cover_ibaraki@2x.png) no-repeat center center;
    background-size: contain;
  }
}
@media screen and (min-width: 1367px) {
  .cover:after {
    width: 404px;
    height: 503px;
  }
}
@media screen and (max-width: 1366px) {
  .cover:after {
    width: 246px;
    height: 307px;
  }
}
@media screen and (max-width: 835px) {
  .cover:after {
    width: 172px;
    height: 215px;
  }
}
@media screen and (max-width: 568px) {
  .cover:after {
    width: 98px;
    height: 123px;
  }
}

.topics {
  padding: 24px 0 56px;
  background: transparent url(/assets/images/home/bg_topics.png) no-repeat left top;
  background-size: cover;
  box-shadow: 0px 12px 15px -5px #ccc;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .topics {
    background: transparent url(/assets/images/home/bg_topics@2x.png) no-repeat left top;
    background-size: cover;
  }
}
.topics #topics_wrap {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.topics #topics_wrap ul {
  list-style: none;
  background-color: #fff;
  overflow-y: scroll;
  height: 240px;
  padding: 0 32px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 568px) {
  .topics #topics_wrap ul {
    padding: 0 16px;
    height: 416px;
  }
}
.topics #topics_wrap ul li {
  border-bottom: 1px dashed #000;
  padding: 13px 0;
}
.topics #topics_wrap ul li span.topics_date {
  padding-right: 1em;
}
@media screen and (max-width: 568px) {
  .topics #topics_wrap ul li span.topics_date {
    display: block;
    padding-right: 0;
  }
}
.topics #topics_wrap ul li a {
  text-decoration: none;
  color: #000;
  line-height: 1.6;
  display: inline-block;
}
.topics #topics_wrap ul li a:hover {
  text-decoration: underline;
}
.topics #topics_wrap ul li:last-child {
  border-bottom: 0;
}

.pickup {
  position: relative;
  padding: 48px 0 126px;
  box-shadow: 0px 12px 15px -5px #ccc;
  overflow: hidden;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDAwRjg0NjExMjAxMTFFRDhDMzJDNUFCMEY3NjQxQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDAwRjg0NjIxMjAxMTFFRDhDMzJDNUFCMEY3NjQxQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMDBGODQ1RjEyMDExMUVEOEMzMkM1QUIwRjc2NDFBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMDBGODQ2MDEyMDExMUVEOEMzMkM1QUIwRjc2NDFBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlN880sAAAA2SURBVHjaYvz//78vAxYwd9cZBiZcEmL8PJiSMAlfcw1USWQJEGDCJQGXxCYBlsQlAQIAAQYA2qYWz18A0u0AAAAASUVORK5CYII=) repeat;
}
@media screen and (max-width: 568px) {
  .pickup {
    padding-bottom: 128px;
  }
}
.pickup::after {
  position: absolute;
  display: inline-block;
  z-index: -1;
  content: "";
  background: transparent url(/assets/images/home/bg_pickup.png) no-repeat center center;
  background-size: contain;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 126px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .pickup::after {
    background: transparent url(/assets/images/home/bg_pickup@2x.png) no-repeat center center;
    background-size: contain;
  }
}
@media screen and (max-width: 568px) {
  .pickup::after {
    background: transparent url(/assets/images/home/bg_pickup_sp.png) no-repeat center center;
    background-size: contain;
    width: 100%;
    bottom: 2px;
  }
}
@media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .pickup::after {
    background: transparent url(/assets/images/home/bg_pickup_sp@2x.png) no-repeat center center;
    background-size: contain;
  }
}
.pickup__item {
  background-color: #fff;
}
.pickup__item__wrap {
  display: flex;
  -js-display: flex;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.pickup__item__wrap figure {
  width: 24%;
  max-width: 245px;
  text-align: center;
  display: block;
}
@media screen and (max-width: 835px) {
  .pickup__item__wrap figure {
    width: 48%;
    max-width: 377px;
    margin: 0 auto 16px;
  }
}
@media screen and (max-width: 568px) {
  .pickup__item__wrap figure {
    width: 100%;
  }
}
.pickup__item__wrap figure a {
  color: #000;
  text-decoration: none;
}
.pickup__item__wrap figure a:hover {
  text-decoration: underline;
}
.pickup__item__wrap figure a img {
  line-height: 0;
  display: block;
}
.pickup__item::before {
  content: "";
  display: block;
  border-top: 4px #000 solid;
  width: 100vw;
  padding-bottom: 30px;
}
.pickup__item::after {
  content: "";
  display: block;
  border-bottom: 4px #000 solid;
  width: 100vw;
  padding-top: 15px;
}

.hottopic {
  position: relative;
  padding: 48px 0 80px;
  box-shadow: 0px 12px 15px -5px #ccc;
  overflow: hidden;
  background: transparent url(/assets/images/home/bg_topics.png) no-repeat left top;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .hottopic {
    background: transparent url(/assets/images/home/bg_topics@2x.png) no-repeat left top;
    background-size: cover;
  }
}
.hottopic__item__wrap {
  display: flex;
  -js-display: flex;
  justify-content: space-around;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.hottopic__item__wrap figure {
  width: 24%;
  max-width: 245px;
  text-align: center;
  display: block;
}
@media screen and (max-width: 835px) {
  .hottopic__item__wrap figure {
    width: 48%;
    max-width: 377px;
    margin: 0 auto 16px;
  }
}
@media screen and (max-width: 568px) {
  .hottopic__item__wrap figure {
    width: 100%;
  }
}
.hottopic__item__wrap figure a {
  color: #000;
  text-decoration: none;
}
.hottopic__item__wrap figure a:hover {
  text-decoration: underline;
}
.hottopic__item__wrap figure a img {
  line-height: 0;
  display: block;
}
.aboutus {
  background: transparent url(/assets/images/home/bg_aboutus.jpg) no-repeat left top;
  background-size: cover;
  padding: 104px 0;
  box-shadow: 0px 12px 15px -5px #ccc;
}
@media screen and (max-width: 568px) {
  .aboutus {
    padding: 72px 5%;
  }
}
.aboutus__item {
  max-width: 1040px;
  margin: 0 auto 116px;
  position: relative;
}
@media screen and (max-width: 568px) {
  .aboutus__item {
    display: flex;
    -js-display: flex;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 56px;
  }
}
.aboutus__item:last-child {
  margin-bottom: 0;
}
.aboutus__item .text {
  max-width: 592px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 5px 5px -3px #ccc;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .aboutus__item .text {
    width: 50%;
    left: 5%;
  }
}
@media screen and (max-width: 568px) {
  .aboutus__item .text {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    order: 2;
  }
}
.aboutus__item .text__inner {
  padding: 44px 56px 44px 64px;
  position: relative;
}
@media screen and (max-width: 835px) {
  .aboutus__item .text__inner {
    padding: 44px 32px;
  }
}
.aboutus__item .text__inner::before, .aboutus__item .text__inner::after {
  display: block;
  position: absolute;
  top: 8px;
  content: "■";
  color: #004a79;
  line-height: 1;
  font-size: 9px;
}
.aboutus__item .text__inner::before {
  left: 8px;
}
.aboutus__item .text__inner::after {
  right: 8px;
}
.aboutus__item .text__inner h2 {
  display: flex;
  -js-display: flex;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.aboutus__item .text__inner h2 span {
  font-family: "Oswald", "Noto Sans JP", sans-serif;
  color: #6f8faa;
  font-size: 44px;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
  width: 48%;
}
@media screen and (max-width: 1024px) {
  .aboutus__item .text__inner h2 span {
    font-size: 40px;
    width: 56%;
  }
}
@media screen and (max-width: 835px) {
  .aboutus__item .text__inner h2 span {
    font-size: 32px;
    width: 56%;
  }
}
@media screen and (max-width: 568px) {
  .aboutus__item .text__inner h2 span {
    font-size: 28px;
    width: 64%;
  }
}
@media screen and (max-width: 823px) and (orientation: landscape) {
  .aboutus__item .text__inner h2 span {
    font-size: 32px;
    width: 80%;
  }
}
@media screen and (max-width: 568px) and (orientation: landscape) {
  .aboutus__item .text__inner h2 span {
    width: 40%;
  }
}
.aboutus__item .text__inner h2::after {
  width: 52%;
  display: block;
  content: "";
  width: 100%;
  border-top: 2px #6f8faa solid;
}
@media screen and (max-width: 568px) {
  .aboutus__item .text__inner h2::after {
    order: 2;
  }
}
.aboutus__item .text__inner p {
  padding-top: 16px;
  text-align: justify;
}
.aboutus__item .text__inner a.btn_more span {
  margin: 16px auto 16px 0 !important;
}
.aboutus__item .text__inner a::before, .aboutus__item .text__inner a::after {
  display: block;
  position: absolute;
  bottom: 8px;
  content: "■";
  color: #004a79;
  line-height: 1;
  font-size: 9px;
}
.aboutus__item .text__inner a::before {
  left: 8px;
}
.aboutus__item .text__inner a::after {
  right: 8px;
}
.aboutus__item figure {
  max-width: 586px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 568px) {
  .aboutus__item figure {
    margin: 0 auto 24px;
    order: 1;
  }
}
.aboutus__item figure img {
  display: block;
  line-height: 0;
}
.aboutus__item:nth-of-type(even) .text {
  right: 0%;
  left: auto;
}
@media screen and (max-width: 1024px) {
  .aboutus__item:nth-of-type(even) .text {
    right: 5%;
  }
}
@media screen and (max-width: 568px) {
  .aboutus__item:nth-of-type(even) .text {
    right: auto;
  }
}
.aboutus__item:nth-of-type(even) .text__inner h2 span {
  order: 2;
  text-align: right;
}
@media screen and (max-width: 568px) {
  .aboutus__item:nth-of-type(even) .text__inner h2 span {
    order: 1;
    text-align: left;
  }
}
.aboutus__item:nth-of-type(even) .text__inner a.btn_more span {
  margin: 16px 0 16px auto !important;
}
@media screen and (max-width: 568px) {
  .aboutus__item:nth-of-type(even) .text__inner a.btn_more span {
    margin: 16px auto 16px 0 !important;
  }
}
.aboutus__item:nth-of-type(even) figure {
  margin: 0 auto 0 0;
}
@media screen and (max-width: 568px) {
  .aboutus__item:nth-of-type(even) figure {
    margin: 0 auto 24px;
  }
}

.recruit {
  padding: 32px 0 40px;
  background: transparent url(/assets/images/home/bg_recruit.png) no-repeat center top;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .recruit {
    background: transparent url(/assets/images/home/bg_recruit@2x.png) no-repeat center top;
    background-size: cover;
  }
}
.recruit p {
  text-align: center;
  padding-bottom: 16px;
}
@media screen and (max-width: 320px) {
  .recruit p {
    font-size: 14px;
  }
}
/*# sourceMappingURL=home.css.map */