.slick-slider {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  position: relative;
  left: 0;
  top: 0;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(../images/ajax-loader) center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

/* ================================================================================
    	SP Default CSS -767px
    ================================================================================ */
@media screen and (max-width: 767px) {
  /* ================================================================================
	1:Main CSS
================================================================================ */
  .mt {
    margin-top: 60px !important;
  }
  .bg-logo {
    background: url(../images/bg_logo_svg.svg) no-repeat;
    background-position: -20px -50px;
    background-size: 200px;
    overflow: visible;
  }
  /* 1:Hero Area CSS
================================================*/
  .drawer-open #hero-block {
    margin-top: 69px !important;
  }
  #hero-block {
    overflow: hidden;
  }
  #hero-block .slider-close {
    display: none;
  }
  #hero-block .slick-slide img {
    width: 100%;
  }
  .is-show-one {
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .is-show-one .header-main {
    z-index: 112;
  }
  .is-show-one #hero-block {
    position: relative;
    z-index: 1;
  }
  .is-show-one #hero-block::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    content: "";
    width: 100%;
    height: 36px;
    background: url(../images/sp/bg_hero_line_img01.png) center 0/cover no-repeat;
  }
  .is-show-one #hero-block::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    content: "";
    width: 100%;
    height: 36px;
    background: url(../images/sp/bg_hero_line_img02.png) center 0/cover no-repeat;
  }
  .is-show-one #hero-block .is-flexible {
    padding-bottom: 100%;
  }
  .is-show-one #hero-block .is-flexible .is-flexible-video {
    width: inherit;
  }
  .is-show-one #hero-block .slider-close {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 101;
    width: 32px;
    height: 42px;
  }
  .is-show-one #hero-block .slider-close .close-btn {
    overflow: hidden;
    width: 32px;
    padding-top: 42px;
    height: 0;
    background: url(../images/icon_hero_skip_svg01.svg) 0 0/32px auto no-repeat;
  }
  .is-show-tow #hero-block {
    position: relative;
    z-index: 1;
    /*		  height: calc(100vh - 73px);
		  .hero-slider_slide-item {
		  	  height: calc(100vh - 73px);
		  }
		  .hero-slider_slide-item01 {
			  background: url(../images/pic_hero_slider_img01.jpg) center 0/cover no-repeat;
		  }

		  .hero-slider_slide-item02 {
			  background: url(../images/pic_hero_slider_img02.jpg) center 0/cover no-repeat;
		  }

		  .hero-slider_slide-item03 {
			  background: url(../images/pic_hero_slider_img03.jpg) center 0/cover no-repeat;
		  }

		  .hero-slider_slide-item04 {
			  background: url(../images/pic_hero_slider_img04.jpg) center 0/cover no-repeat;
		  }

		  .hero-slider_slide-item05 {
			  background: url(../images/pic_hero_slider_img05.jpg) center 0/cover no-repeat;
		  }

		  img {
			  visibility: hidden;
		  }*/
  }
  .is-show-tow #hero-block::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    content: "";
    width: 100%;
    height: 36px;
    background: url(../images/sp/bg_hero_line_img01.png) center 0/cover no-repeat;
  }
  .is-show-tow #hero-block::after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    content: "";
    width: 100%;
    height: 36px;
    background: url(../images/sp/bg_hero_line_img02.png) center 0/cover no-repeat;
  }
  /* 2:Group Link CSS
================================================*/
  .group-block {
    margin-top: 20px;
  }
  .group-block__link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .group-block__link-list .link-list__link-item {
    position: relative;
    z-index: 1;
    width: 50%;
  }
  .group-block__link-list .link-list__link-item:nth-child(1) a {
    background: url(../images/pic_group_nav_img01.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(1) a::before {
    background-color: #D47D5B;
  }
  .group-block__link-list .link-list__link-item:nth-child(2) a {
    background: url(../images/pic_group_nav_img02.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(2) a::before {
    background-color: #D47496;
  }
  .group-block__link-list .link-list__link-item:nth-child(3) a {
    background: url(../images/pic_group_nav_img03.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(3) a::before {
    background-color: #A26A96;
  }
  .group-block__link-list .link-list__link-item:nth-child(4) a {
    background: url(../images/pic_group_nav_img04.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(4) a::before {
    background-color: #9385B9;
  }
  .group-block__link-list .link-list__link-item:nth-child(5) a {
    background: url(../images/pic_group_nav_img05.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(5) a::before {
    background-color: #768EC1;
  }
  .group-block__link-list .link-list__link-item:nth-child(6) a {
    background: url(../images/pic_group_nav_img06.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(6) a::before {
    background-color: #79A7C2;
  }
  .group-block__link-list .link-list__link-item:nth-child(7) a {
    background: url(../images/pic_group_nav_img07.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(7) a::before {
    background-color: #87B9AD;
  }
  .group-block__link-list .link-list__link-item:nth-child(8) a {
    background: url(../images/pic_group_nav_img08.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(8) a::before {
    background-color: #9FC06A;
  }
  .group-block__link-list .link-list__link-item:nth-child(9) a {
    background: url(../images/pic_group_nav_img09.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(9) a::before {
    background-color: #D4BC56;
  }
  .group-block__link-list .link-list__link-item:nth-child(10) a {
    background-color: #666;
  }
  .group-block__link-list .link-list__link-item:nth-child(10) a::before {
    background-color: #666;
  }
  .group-block__link-list .link-list__link-item:nth-child(even) a {
    border-left: 1px solid #fff;
  }
  .group-block__link-list .link-list__link-item a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 120px;
    border-bottom: 1px solid #fff;
    color: #fff;
  }
  .group-block__link-list .link-list__link-item a::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
  }
  .group-block__link-list .link-list__link-item a:hover .link-item__detalis-block .link-item__group-detali {
    display: block;
    -webkit-transition: all;
    transition: all;
  }
  .group-block__link-list .link-list__link-item a:hover::before {
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    opacity: 0;
  }
  .group-block__link-list .link-item__detalis-block {
    position: absolute;
    right: 50%;
    top: 50%;
    z-index: 10;
    width: calc(100% - 20px);
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    border: 1px solid #fff;
    padding: 10px;
    font-size: 1.1rem;
    color: #fff;
    text-align: center;
  }
  .group-block__link-list .link-item__detalis-block .link-item__group-detali {
    display: none;
    -webkit-transition: all;
    transition: all;
    font-size: 1rem;
    text-align: left;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  }
  /* 3:Info Block CSS
================================================*/
  .info-block {
    margin-top: 40px;
  }
  .info-block .info-block__sec-ti {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
  }
  .info-block .module17__nomata-info .module17__info-list {
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  .info-block .module17__nomata-info .module17__info-list .module17__info-item a {
    display: block;
    padding: 10px;
    background-color: #F4F6F7;
    border-bottom: 2px solid #727171;
    color: #333;
    text-decoration: none;
  }
  .info-block .module17__nomata-info .module17__info-list .module17__info-data {
    display: block;
    padding-bottom: 10px;
  }
  .info-block .module17__nomata-info .module17__info-list .module17__info-data .module17__info-time {
    display: inline-block;
    min-width: 60px;
    font-size: 1.2rem;
  }
  .info-block .module17__nomata-info .module17__info-list .module17__info-data .module17__info-category {
    display: inline-block;
    min-width: 120px;
    margin-left: 10px;
    border-radius: 4px;
    background-color: #6da7c4;
    padding: 1px 5px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
  }
  .info-block .info-block__more-block {
    margin-top: 40px;
    text-align: center;
  }
  /* 4:Topics Block CSS
================================================*/
  .topics-block {
    margin-top: 40px;
    padding: 40px 0;
    background-color: #F4F6F7;
  }
  .topics-block .topics-block__block-inner {
    padding: 0 3vw;
  }
  .topics-block__sec-ti {
    font-size: 1.8rem;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
  }
  .topics-block_topics-list {
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  .topics-block_topics-list .topics-list__topics-item:not(:first-child) {
    margin-top: 25px;
  }
  .topics-block_topics-list .topics-list__topics-item a {
    display: block;
    padding: 20px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
  }
  .topics-block_topics-list .topics-list__topics-item a:hover .topics-item__post-pic {
    opacity: .7;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
  }
  .topics-item__post-pic {
    display: block;
    overflow: hidden;
    max-height: 260px;
    min-height: 260px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
  }
  .topics-item__post-pic img {
    visibility: hidden;
  }
  .topics-item__detalis {
    margin-top: 10px;
  }
  .topics-item__detalis .topics-item__post-category .topics-item__category {
    display: inline-block;
    margin: 0 10px 5px 0;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 1.2rem;
    color: #fff;
  }
  .topics-item__detalis .topics-item__post-ti {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .topics-item__detalis .topics-item__post-time {
    margin-top: 10px;
    font-size: 1.2rem;
    text-align: right;
  }
  .topics-block__more-block {
    margin-top: 40px;
    text-align: center;
  }
  /* 5:Group Info Block CSS
================================================*/
  .group-info {
    margin-top: 40px;
  }
  .group-info__block-inner {
    padding: 0 3vw;
  }
  .group-info__block-inner .group-info__sec-ti {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
  }
  .group-info__block-inner .group-info_group-list {
    padding-top: 15px;
  }
  .group-info__block-inner .group-info_group-list .group-list__group-item {
    margin-top: 15px;
  }
  .group-info__block-inner .group-info_group-list .group-list__group-item a {
    display: block;
    min-height: 90px;
    padding: 10px;
    background-color: #F4F6F7;
    border-bottom: 2px solid #727171;
    text-decoration: none;
    color: #333;
  }
  .group-info__block-inner .group-info_group-list .group-list__group-item a:hover img {
    opacity: .7;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-category .group-item__category {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    border-radius: 4px;
    margin-left: 10px;
    min-width: 130px;
    padding: 1px 5px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-category .group-item__post-time {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: 1.2rem;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-ti {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .group-info__block-inner .group-item__post-pic {
    display: none;
  }
  /* 6:Access Block CSS
  ================================================*/
  .module10 {
    max-width: calc(1000px + 3vw);
    margin: 40px auto 0 auto;
  }
  .traffic-guide {
    margin-top: 40px;
  }
  .traffic-guide__txt {
    text-align: center;
  }
  .traffic-guide__wrap {
    margin-top: 30px;
  }
  .traffic-guide__wrap__type {
    margin-top: 20px;
  }
  .traffic-guide__wrap .type-ttl {
    font-size: 1.6rem;
  }
  .traffic-guide__wrap .type-list {
    margin-top: 5px;
    margin-left: 15px;
    list-style-type: disc;
  }
  /* 7:First CSS
	================================================*/
  .gmap-wrap {
    padding: 0 5vw;
  }
  .module09-gmap {
    width: 100%;
    height: 460px;
    margin: 0 auto;
    margin-top: 60px;
  }
}

/* ================================================================================
	PC  CSS 480px-
================================================================================ */
@media screen and (min-width: 480px) and (max-width: 767px) {
  /* ================================================================================
	1:Main CSS
================================================================================ */
  /* 5:Group Info Block CSS
================================================*/
  .group-info__block-inner .group-info_group-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;
    margin-top: 0;
    padding: 0 10px;
  }
  .group-info__block-inner .group-info_group-list .group-list__group-item {
    width: 48%;
    margin-top: 30px;
  }
}

.js-animate {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 40);
          transform: matrix(1, 0, 0, 1, 0, 40);
  -webkit-transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
  transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
}

.js-animate.animated {
  opacity: 1;
  visibility: inherit;
  -webkit-transform: translate3d(0, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
  transition: all 0.7s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
}

/* ================================================================================
    	LARGETABLET Default CSS 768px-
    ================================================================================ */
@media screen and (min-width: 768px) {
  /* ================================================================================
	1:Main CSS
================================================================================ */
  .mt {
    margin-top: 60px !important;
  }
  .bg-logo {
    background: url(../images/bg_logo_svg.svg) no-repeat;
    background-position: left -100px;
    background-size: 300px;
    overflow: visible;
  }
  /* 1:Hero Area CSS
================================================*/
  #hero-block {
    overflow: hidden;
  }
  #hero-block .slider-close {
    display: none;
  }
  #hero-block .slick-slide img {
    width: 100%;
  }
  .is-show-one {
    overflow: hidden;
  }
  .is-show-one #hero-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 97;
  }
  .is-show-one #hero-block::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    content: "";
    width: 100%;
    height: 100px;
    background: url(../images/bg_hero_line_img06.png) center 0/cover no-repeat;
  }
  .is-show-one #hero-block::after {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 100;
    content: "";
    width: 100%;
    height: 84px;
    background: url(../images/bg_hero_line_img07.png) center 0/cover no-repeat;
  }
  .is-show-one #hero-block .slider-close {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 101;
    width: 32px;
    height: 42px;
  }
  .is-show-one #hero-block .slider-close .close-btn {
    overflow: hidden;
    width: 32px;
    padding-top: 42px;
    height: 0;
    background: url(../images/icon_hero_skip_svg01.svg) 0 0/32px auto no-repeat;
  }
  .is-show-tow #hero-block {
    position: relative;
    z-index: 1;
    /*		  height: calc(100vh - 73px);
		  .hero-slider_slide-item {
		  	  height: calc(100vh - 73px);
		  }
		  .hero-slider_slide-item01 {
			  background: url(../images/pic_hero_slider_img01.jpg) 0 0 no-repeat;
		  }

		  .hero-slider_slide-item02 {
			  background: url(../images/pic_hero_slider_img02.jpg) 0 0 no-repeat;
		  }


		  .hero-slider_slide-item04 {
			  background: url(../images/pic_hero_slider_img04.jpg) 0 0 no-repeat;
		  }

		  .hero-slider_slide-item05 {
			  background: url(../images/pic_hero_slider_img05.jpg) 0 0 no-repeat;
		  }

		  img {
			  visibility: hidden;
		  }*/
  }
  .is-show-tow #hero-block::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    content: "";
    width: 100%;
    height: 100px;
    background: url(../images/bg_hero_line_img06.png) center 0/cover no-repeat;
  }
  .is-show-tow #hero-block::after {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: 100;
    content: "";
    width: 100%;
    height: 84px;
    background: url(../images/bg_hero_line_img07.png) center 0/cover no-repeat;
  }
  /* 2:Group Link CSS
================================================*/
  .group-block {
    margin-top: 30px;
  }
  .group-block__link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .group-block__link-list .link-list__link-item {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 33.3333%;
    border-bottom: 3px solid #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 40);
            transform: matrix(1, 0, 0, 1, 0, 40);
    -webkit-transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
    transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
  }
  .group-block__link-list .link-list__link-item.animated {
    opacity: 1;
    visibility: inherit;
    -webkit-transform: translate3d(0, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
    transition: all 1.6s cubic-bezier(0, 0.68, 0.81, 1) 1.2s;
  }
  .group-block__link-list .link-list__link-item:nth-child(n+2) {
    border-left: 3px solid #fff;
  }
  .group-block__link-list .link-list__link-item:nth-child(1) a {
    background: url(../images/pic_group_nav_img01.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(1) a::before {
    background-color: #D47D5B;
  }
  .group-block__link-list .link-list__link-item:nth-child(2) a {
    background: url(../images/pic_group_nav_img02.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(2) a::before {
    background-color: #D47496;
  }
  .group-block__link-list .link-list__link-item:nth-child(3) a {
    background: url(../images/pic_group_nav_img03.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(3) a::before {
    background-color: #A26A96;
  }
  .group-block__link-list .link-list__link-item:nth-child(4) {
    border-left: none;
  }
  .group-block__link-list .link-list__link-item:nth-child(4) a {
    background: url(../images/pic_group_nav_img04.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(4) a::before {
    background-color: #9385B9;
  }
  .group-block__link-list .link-list__link-item:nth-child(5) a {
    background: url(../images/pic_group_nav_img05.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(5) a::before {
    background-color: #768EC1;
  }
  .group-block__link-list .link-list__link-item:nth-child(6) a {
    background: url(../images/pic_group_nav_img06.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(6) a::before {
    background-color: #79A7C2;
  }
  .group-block__link-list .link-list__link-item:nth-child(7) {
    border-left: none;
  }
  .group-block__link-list .link-list__link-item:nth-child(7) a {
    background: url(../images/pic_group_nav_img07.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(7) a::before {
    background-color: #87B9AD;
  }
  .group-block__link-list .link-list__link-item:nth-child(8) a {
    background: url(../images/pic_group_nav_img08.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(8) a::before {
    background-color: #9FC06A;
  }
  .group-block__link-list .link-list__link-item:nth-child(9) a {
    background: url(../images/pic_group_nav_img09.png) center 0/cover no-repeat;
  }
  .group-block__link-list .link-list__link-item:nth-child(9) a::before {
    background-color: #D4BC56;
  }
  .group-block__link-list .link-list__link-item:nth-child(10) {
    width: 100%;
    border-left: none;
  }
  .group-block__link-list .link-list__link-item:nth-child(10) a {
    background-color: #666;
  }
  .group-block__link-list .link-list__link-item:nth-child(10) a::before {
    background-color: #666;
  }
  .group-block__link-list .link-list__link-item a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 160px;
    color: #fff;
  }
  .group-block__link-list .link-list__link-item a::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
  }
  .group-block__link-list .link-list__link-item a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .group-block__link-list .link-list__link-item a:hover::before {
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
    opacity: 0;
  }
  .group-block__link-list .link-list__link-item a:hover .link-item__detalis-block {
    min-height: 100px;
    -webkit-transition: all .7s;
    transition: all .7s;
  }
  .group-block__link-list .link-list__link-item a:hover .link-item__detalis-block .link-item__group-detali {
    display: block;
  }
  .group-block__link-list .link-item__detalis-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    position: absolute;
    right: 50%;
    top: 50%;
    z-index: 10;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    min-width: 220px;
    min-height: 81px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    padding: 10px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    -webkit-transition: all .7s;
    transition: all .7s;
  }
  .group-block__link-list .link-item__detalis-block .link-item__group-name {
    font-weight: bold;
    line-height: 1.4;
  }
  .group-block__link-list .link-item__detalis-block .is-small {
    font-size: 1.2rem;
  }
  .group-block__link-list .link-item__detalis-block .link-item__group-detali {
    display: none;
    margin-top: 5px;
    -webkit-transition: all;
    transition: all;
    font-size: 1.1rem;
    line-height: 1.2;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
  }
  .ua-ie .group-block .group-block__link-list .link-item__detalis-block {
    display: block;
    min-height: auto !important;
    height: !important;
  }
  /* 3:Info Block CSS
================================================*/
  .info-block {
    padding-top: 50px;
  }
  .module17__nomata-info {
    max-width: 900px;
    margin: 0 auto;
  }
  .info-block__sec-ti {
    font-size: 2.7rem;
    font-weight: bold;
    text-align: center;
  }
  .module17__nomata-info .module17__info-list {
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  .module17__nomata-info .module17__info-list .module17__info-item {
    border-bottom: 1px solid #AFAFAF;
  }
  .module17__nomata-info .module17__info-list .module17__info-item:first-child {
    border-top: 1px solid #AFAFAF;
  }
  .module17__nomata-info .module17__info-list .module17__info-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10px;
    color: #333;
    font-size: 1.5rem;
    text-decoration: none;
  }
  .module17__nomata-info .module17__info-list .module17__info-item a:hover {
    background-color: #F4F6F7;
  }
  .module17__nomata-info .module17__info-list .module17__info-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-width: 220px;
  }
  .module17__nomata-info .module17__info-list .module17__info-data .module17__info-time {
    display: inline-block;
    min-width: 70px;
    font-size: 1.3rem;
  }
  .module17__nomata-info .module17__info-list .module17__info-data .module17__info-category {
    display: inline-block;
    min-width: 95px;
    margin: 0 0 0 20px;
    border-radius: 4px;
    background-color: #6da7c4;
    padding: 2px 5px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
  }
  .info-block__more-block {
    margin-top: 55px;
    text-align: center;
  }
  /* 4:Topics Block CSS
================================================*/
  .topics-block {
    margin-top: 60px;
    padding: 60px 0;
    border-top: 5px solid #DCDEDD;
    background-color: #F4F6F7;
  }
  .topics-block__sec-ti {
    font-size: 2.7rem;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
  }
  .topics-block_topics-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 1;
    max-width: 1000px;
    margin: 40px auto 0;
  }
  .topics-block_topics-list .topics-list__topics-item {
    width: 32%;
    margin: 0 6px;
    background-color: #fff;
  }
  .topics-block_topics-list .topics-list__topics-item a {
    display: block;
    height: 100%;
    padding: 20px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
  }
  .topics-block_topics-list .topics-list__topics-item a:hover .topics-item__post-pic {
    opacity: .7;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
  }
  .topics-item__post-pic {
    display: block;
    overflow: hidden;
    max-height: 200px;
    min-height: 200px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
  }
  .topics-item__post-pic img {
    visibility: hidden;
  }
  .topics-item__detalis {
    margin-top: 10px;
  }
  .topics-item__detalis .topics-item__post-category .topics-item__category {
    display: inline-block;
    margin: 0 10px 5px 0;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 1.2rem;
    color: #fff;
  }
  .topics-item__detalis .topics-item__post-ti {
    margin-top: 5px;
    font-size: 1.6rem;
  }
  .topics-item__detalis .topics-item__post-time {
    margin-top: 30px;
    text-align: right;
    font-size: 1.3rem;
    color: #929697;
  }
  .topics-block__more-block {
    margin-top: 70px;
    text-align: center;
  }
  /* 5:Group Info Block CSS
================================================*/
  .group-info {
    margin-top: 60px;
  }
  .group-info__block-inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .group-info__block-inner .group-info__sec-ti {
    font-size: 2.7rem;
    font-weight: bold;
    text-align: center;
  }
  .group-info__block-inner .group-info_group-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;
    padding: 15px 10px 0;
  }
  .group-info__block-inner .group-info_group-list .group-list__group-item {
    width: 48.5%;
    margin-top: 20px;
  }
  .group-info__block-inner .group-info_group-list .group-list__group-item a {
    display: table;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #F4F6F7;
    border-bottom: 2px solid #727171;
    text-decoration: none;
    color: #333;
  }
  .group-info__block-inner .group-info_group-list .group-list__group-item a:hover img {
    opacity: .7;
    -webkit-transition: opacity .7s;
    transition: opacity .7s;
  }
  .group-info__block-inner .group-item__post-content {
    display: table-cell;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 10px 0;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-category .group-item__category {
    min-width: 120px;
    border-radius: 4px;
    padding: 1px 10px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-category .group-item__post-time {
    font-size: 1.2rem;
  }
  .group-info__block-inner .group-item__post-content .group-item__post-ti {
    padding: 5px 20px 5px 10px;
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .group-info__block-inner .group-item__post-pic {
    display: table-cell;
    overflow: hidden;
    width: 30%;
    max-height: 90px;
    vertical-align: top;
    text-align: right;
  }
  .group-info__block-inner .group-item__post-pic:empty {
    display: none;
  }
  /* 6:Access Block CSS
	================================================*/
  .module10 {
    max-width: calc(1000px + 3vw);
    margin: 80px auto 0 auto;
  }
  .traffic-guide {
    margin-top: 40px;
  }
  .traffic-guide__wrap {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 30px;
  }
  .traffic-guide__wrap__type {
    margin-right: 20px;
  }
  .traffic-guide__wrap .type-list {
    margin-left: 15px;
    list-style-type: disc;
  }
  /* 6:First CSS
	================================================*/
  .module09-gmap {
    max-width: 1000px;
    width: 100%;
    height: 460px;
    margin: 0 auto;
    margin-top: 60px;
  }
}

/* ================================================================================
	PC  CSS 980px-
================================================================================ */
/* ================================================================================
    	LARGETABLET Default CSS 980px-
    ================================================================================ */
@media screen and (min-width: 980px) {
  /* ================================================================================
	1:Main CSS
================================================================================ */
  /* 1:Hero Area CSS
================================================*/
  .is-show-tow {
    /*	  #hero-block {
		  height: calc(100vh - 203px);
		  .hero-slider_slide-item {
		  	  height: calc(100vh - 203px);
		  }
	  } //#hero-block*/
  }
}

/* ================================================================================
	PC  CSS 1024px-
================================================================================ */
/* ================================================================================
    	PC  CSS 1024px-
    ================================================================================ */
@media print, screen and (min-width: 1024px) {
  /* ================================================================================
	1:Main CSS
================================================================================ */
  /* 2:Group Link CSS
================================================*/
  .group-block__link-list .link-list__link-item .link-item__detalis-block {
    min-width: 180px;
  }
  .group-block__link-list .link-list__link-item {
    width: 20%;
  }
  .group-block__link-list .link-list__link-item:nth-child(1), .group-block__link-list .link-list__link-item:nth-child(6) {
    border-left: none;
  }
  .group-block__link-list .link-list__link-item:nth-child(4), .group-block__link-list .link-list__link-item:nth-child(7) {
    border-left: 3px solid #fff;
  }
  .group-block__link-list .link-list__link-item:last-child {
    width: 20%;
    border-left: 3px solid #fff;
  }
}

@media print, screen and (min-width: 1280px) {
  /* 2:Group Link CSS
================================================*/
  .group-block__link-list .link-list__link-item .link-item__detalis-block {
    min-width: 220px;
  }
  .group-block__link-list .link-item__detalis-block {
    font-size: 1.5rem;
  }
  .group-block__link-list .link-item__detalis-block .is-small {
    width: calc(100% - 45px);
    font-size: 1.3rem;
  }
  .group-block__link-list .link-item__detalis-block .link-item__group-detali {
    font-size: 1.2rem;
  }
}