@charset "UTF-8";
.pc-view .gs__header__banner {
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
  padding-top: 36px;
  padding-bottom: 36px; }
  .pc-view .gs__header__banner h2 img {
    height: 60px; }

.gs-wrapper.gs__sec {
  border: none;
  background: #f8f8f8;
  padding-top: 0;
  padding-bottom: 0; }
  .pc-view .gs-wrapper.gs__sec .gs__sec__inner {
    margin: 0 30px;
    padding: 118px 0 20px; }

.pc-view .gs__sec .gs__sec__ttl {
  margin-bottom: 60px; }
  .pc-view .gs__sec .gs__sec__ttl img {
    height: 48px; }
.pc-view .gs__sec--01 .gs__sec__ttl {
  margin-bottom: 65px; }
.gs__sec .gs-tbl {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }
  .gs__sec .gs-tbl__inner {
    position: relative;
    width: 890px;
    height: 328px;
    overflow: hidden; }
  .gs__sec .gs-tbl img {
    width: 100%; }
  .gs__sec .gs-tbl ul {
    position: absolute;
    width: 100%;
    height: 100%; }
    .gs__sec .gs-tbl ul li {
      margin: 1px 0 0 1px; }
    .gs__sec .gs-tbl ul a {
      display: block;
      height: 0;
      overflow: hidden;
      background: #fff;
      opacity: 0; }
      .gs__sec .gs-tbl ul a:hover {
        opacity: .3; }
  .gs__sec .gs-tbl__li01 {
    top: 44.2073%;
    left: 12.5842%; }
    .gs__sec .gs-tbl__li01 li {
      height: 18.2926%;
      width: 19.3258%; }
      .gs__sec .gs-tbl__li01 li a {
        padding-top: 34.8837%; }
  .gs__sec .gs-tbl__li02 {
    top: 25.6097%;
    left: 32.0224%; }
    .gs__sec .gs-tbl__li02 li {
      float: left;
      height: 18.2926%;
      width: 13.4831%; }
      .gs__sec .gs-tbl__li02 li a {
        padding-top: 50%; }
.pc-view .gs__sec .gs-row {
  margin: 0; }
.pc-view .gs__sec .gs-item__image {
  width: 360px;
  padding: 0; }
.pc-view .gs__sec .gs-item__text {
  width: 530px;
  height: 300px; }
.gs__sec .gs-item + .gs-item {
  margin-top: 60px; }
.gs__sec .gs-item__text {
  background: #fff;
  text-align: left;
  padding: 20px;
  font-size: 14px;
  line-height: 1.714; }
  .gs__sec .gs-item__text a:before {
    content: '＞';
    margin-right: .3em; }
.gs__sec .gs-item__cap {
  font-size: 20px;
  line-height: 1.4;
  font-weight: normal;
  margin-top: 8px; }
.gs__sec .gs-item__name {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  margin: 10px 0; }
  .gs__sec .gs-item__name:before {
    display: inline-block;
    content: '＞';
    margin-right: .3em; }
.gs__sec .gs-item__link h5 {
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
  margin: 20px 0 10px; }
.gs__sec .gs-item__link a {
  display: block; }
  .gs__sec .gs-item__link a:before {
    display: inline-block;
    content: '>';
    margin-right: .3em; }

.gs__btn-area {
  padding-top: 70px;
  padding-bottom: 24px;
  border: 0; }

/* ===================================================================================
for SP max-width: 640px
=================================================================================== */
@media screen and (max-width: 640px) {
  .gs__sec .gs__sec--01 {
    padding-bottom: 30px; }
  .gs__sec .gs-tbl__inner {
    width: 712px;
    height: 262.4px; }
  .gs__sec .gs-tbl--start .swipe-icon {
    display: none; }
  .gs__sec .gs-item + .gs-item {
    margin-top: 30px; }
  .gs__sec .gs-item .gs-col {
    margin-top: 0; }
  .gs__sec .gs-item__text {
    padding: 15px;
    font-size: 12px; }
  .gs__sec .gs-item__cap {
    font-size: 15px;
    line-height: 1.4;
    font-weight: normal;
    margin-top: 5px; }
  .gs__sec .gs-item__name {
    font-size: 15px;
    margin: 8px 0; }
  .gs__sec .gs-item__link h5 {
    font-size: 13px;
    padding-bottom: 2px;
    margin: 10px 0; }
  .gs__sec .swipe-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: url("../img/swipe.png") no-repeat 0 0;
    background-size: 80px auto; }

  .gs__btn-area {
    padding-top: 60px; } }

/*# sourceMappingURL=style.css.map */