/* font */
/*  coler  */
/*  other  */
#garden .inner {
  padding: 0;
}

.orchard .pc-noevent {
  pointer-events: none;
}

.orchard-navi {
  margin-top: 50px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.orchard-navi-item {
  width: 177px;
  position: relative;
  cursor: pointer;
  color: #fff;
}

.orchard-navi-item:nth-of-type(1) {
  background-color: #00b8d9;
}

.orchard-navi-item:nth-of-type(2) {
  background-color: #e63d2e;
}

.orchard-navi-item:nth-of-type(3) {
  background-color: #77b300;
}

.orchard-navi-item:nth-of-type(4) {
  background-color: #e98000;
}

.orchard-navi-item:nth-of-type(5) {
  background-color: #2b82d9;
}

.orchard-navi-item:nth-of-type(6) {
  background-color: #1aa95b;
}

.orchard-navi-item-text {
  display: -ms-flex;
  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-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 15px 0 25px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

.orchard-navi-item-text span {
  display: block;
  font-size: 11px;
  font-weight: normal;
}

.orchard-navi-item:hover .orchard-navi-item-text {
  color: #fff;
  opacity: 1;
}

.orchard-navi-item:hover::after {
  bottom: 9px;
}

.orchard-navi-item::after {
  content: '';
  position: absolute;
  display: block;
  bottom: 11px;
  left: 50%;
  width: 11px;
  height: 11px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.orchard-navi-item-sub {
  position: absolute;
  background: #eee;
  width: 290px;
  padding: 20px 0 20px 25px;
  display: none;
}

.orchard-navi-item-sub-item a {
  color: #333;
  font-size: 14px;
}

.orchard-navi-item-sub-item a:hover {
  color: #333;
  text-decoration: underline;
  opacity: 1;
}

.orchard-navi-item:hover .orchard-navi-item-sub {
  display: block;
}

.orchard-intr-ttl {
  margin-bottom: 45px;
}

.orchard-intr-ttl h2 {
  font-size: 36px;
  text-align: center;
}

.orchard-intr-ttl::after {
  content: '';
  display: block;
  background: #00b8d9;
  width: 60px;
  height: 2px;
  margin: 25px auto 0;
}

.orchard-intr-main-txt {
  text-align: center;
}

.orchard-intr-sub {
  margin-top: 120px;
}

.orchard-intr-sub .orchard-intr-ttl {
  margin-bottom: 80px;
}

.orchard-intr-sub-cont {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.orchard-intr-sub-cont + .orchard-intr-sub-cont {
  margin-top: 80px;
}

.orchard-intr-sub-cont > figure {
  width: 366px;
}

.orchard-intr-sub-cont > div {
  width: 705px;
}

.orchard-intr-sub-cont:nth-child(odd) > figure {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.orchard-intr-sub-cont:nth-child(odd) > div {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.orchard-intr-sub-cont:nth-child(even) > figure {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.orchard-intr-sub-cont:nth-child(even) > div {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.orchard-intr-sub-cont-ttl {
  font-size: 26px;
  padding-bottom: .7em;
  text-align: left;
}

.orchard-service:nth-of-type(2) .orchard-service-ttl {
  background-color: #00b8d9;
}

.orchard-service:nth-of-type(3) .orchard-service-ttl {
  background-color: #e63d2e;
}

.orchard-service:nth-of-type(4) .orchard-service-ttl {
  background-color: #77b300;
}

.orchard-service:nth-of-type(5) .orchard-service-ttl {
  background-color: #e98000;
}

.orchard-service:nth-of-type(6) .orchard-service-ttl {
  background-color: #2b82d9;
}

.orchard-service:nth-of-type(7) .orchard-service-ttl {
  background-color: #1aa95b;
}

.orchard-service:nth-of-type(2) .orchard-service-sub-ttl {
  border-left: 4px #00b8d9 solid;
}

.orchard-service:nth-of-type(3) .orchard-service-sub-ttl {
  border-left: 4px #e63d2e solid;
}

.orchard-service:nth-of-type(4) .orchard-service-sub-ttl {
  border-left: 4px #77b300 solid;
}

.orchard-service:nth-of-type(5) .orchard-service-sub-ttl {
  border-left: 4px #e98000 solid;
}

.orchard-service:nth-of-type(6) .orchard-service-sub-ttl {
  border-left: 4px #2b82d9 solid;
}

.orchard-service:nth-of-type(7) .orchard-service-sub-ttl {
  border-left: 4px #1aa95b solid;
}

.orchard-service:nth-of-type(2) .orchard-service-albm-sld-thum-item::after {
  border: 3px #00b8d9 solid;
}

.orchard-service:nth-of-type(3) .orchard-service-albm-sld-thum-item::after {
  border: 3px #e63d2e solid;
}

.orchard-service:nth-of-type(4) .orchard-service-albm-sld-thum-item::after {
  border: 3px #77b300 solid;
}

.orchard-service:nth-of-type(5) .orchard-service-albm-sld-thum-item::after {
  border: 3px #e98000 solid;
}

.orchard-service:nth-of-type(6) .orchard-service-albm-sld-thum-item::after {
  border: 3px #2b82d9 solid;
}

.orchard-service:nth-of-type(7) .orchard-service-albm-sld-thum-item::after {
  border: 3px #1aa95b solid;
}

.orchard-service-ttl {
  margin-bottom: 30px;
  padding: .5em;
}

.orchard-service-ttl h2 {
  font-size: 26px;
  color: #fff;
  text-align: left;
}

.orchard-service-sub {
  margin-top: 80px;
}

.orchard-service-sub-ttl {
  margin-bottom: 25px;
  padding: 6px 0 6px 15px;
}

.orchard-service-sub-ttl h3 {
  font-size: 26px;
  text-align: left;
}

.orchard-service-albm {
  margin-top: 50px;
}

.orchard-service-albm-ttl {
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px #333 solid;
  line-height: 1;
  text-align: left;
}

.orchard-service-albm-sld {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.orchard-service-albm-sld-thum {
  width: 392px;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.orchard-service-albm-sld-thum-item {
  width: 86px;
  margin-right: 12px;
  margin-bottom: 15px;
  position: relative;
}

.orchard-service-albm-sld-thum-item:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: .3s opacity linear;
  transition: .3s opacity linear;
}

.orchard-service-albm-sld-thum-item.thumbnail-current:after {
  opacity: 1;
}

.orchard-service-albm-sld-thum-item img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.orchard-service-albm-sld-img {
  width: 690px;
}

.orchard-service-albm-sld-img-item img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #garden .inner {
    padding: 0 10px;
  }
  .orchard .pc-noevent {
    pointer-events: painted;
  }
  .orchard-navi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .orchard-navi-item {
    width: 100%;
  }
  .orchard-navi-item-text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 15px 0 15px 15px;
    font-size: 12px;
  }
  .orchard-navi-item:hover::after {
    bottom: 50%;
  }
  .orchard-navi-item::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 50%;
    left: auto;
    right: 10px;
    -webkit-transform: rotate(45deg) translateY(50%);
            transform: rotate(45deg) translateY(50%);
  }
  .orchard-navi-item:hover .orchard-navi-item-sub {
    display: none;
  }
  .orchard-intr-ttl {
    margin-bottom: 20px;
  }
  .orchard-intr-ttl h2 {
    font-size: 21px;
    text-align: center;
  }
  .orchard-intr-ttl::after {
    margin: 20px auto 0;
  }
  .orchard-intr-main-txt {
    font-size: 12px;
  }
  .orchard-intr-sub {
    margin-top: 40px;
  }
  .orchard-intr-sub .orchard-intr-ttl {
    margin-bottom: 40px;
  }
  .orchard-intr-sub-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .orchard-intr-sub-cont + .orchard-intr-sub-cont {
    margin-top: 40px;
  }
  .orchard-intr-sub-cont > figure {
    width: 100%;
  }
  .orchard-intr-sub-cont > div {
    width: 100%;
    margin-top: 20px;
  }
  .orchard-intr-sub-cont:nth-child(even) > figure {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .orchard-intr-sub-cont:nth-child(even) > div {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .orchard-intr-sub-cont-ttl {
    font-size: 15px;
    padding-bottom: 1em;
  }
  .orchard-intr-sub-cont-txt {
    font-size: 12px;
  }
  .orchard-service-ttl {
    margin-bottom: 20px;
  }
  .orchard-service-ttl h2 {
    font-size: 18px;
    color: #fff;
  }
  .orchard-service-intr {
    font-size: 12px;
  }
  .orchard-service-sub {
    margin-top: 40px;
  }
  .orchard-service-sub-ttl {
    margin-bottom: 20px;
    padding: 6px 0 6px 6px;
  }
  .orchard-service-sub-ttl h3 {
    font-size: 18px;
  }
  .orchard-service-sub-intr {
    font-size: 12px;
  }
  .orchard-service-albm {
    margin-top: 30px;
  }
  .orchard-service-albm-ttl {
    margin-bottom: 15px;
    padding-bottom: 7px;
  }
  .orchard-service-albm-sld {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .orchard-service-albm-sld-thum {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 103%;
    margin: 1.5% -1.5% 0;
  }
  .orchard-service-albm-sld-thum-item {
    width: 22%;
    margin: 1.5%;
  }
  .orchard-service-albm-sld-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}