@charset "UTF-8";

@font-face {
  font-family: 'AGENCYR';
  src: url('/static/font/AGENCYR.TTF');
}
@font-face {
  font-family: 'YSHaoShenTi';
  src: url('/static/font/YSHaoShenTi.ttf');
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-family: 'AGENCYR','YSHaoShenTi';
}

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

.slick-list {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

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

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

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

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

.slick-slide {
  display: none;
  float: left;
  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
}

#loading {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  background: #fff
}

body#top #loading {
  width: 0
}

body#top #loading .mask {
  width: 0
}

.mod-index-list ul {
  zoom: 1
}

.mod-index-list ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-index-list ul li {
  float: left;
  width: 40rem;
  margin-bottom: 5rem
}

.mod-index-list ul li a {
  text-decoration: none;
  overflow: hidden;
  display: block
}

.mod-index-list ul li a .item_img {
  display: block;
  overflow: hidden
}

.mod-index-list ul li a .item_img img {
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

html.noTouch .mod-index-list ul li a:hover .item_img img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.mod-index-list ul li a .item_img img {
  width: 100%;
  height: auto
}

.mod-index-list ul li a dl {
  margin-top: 2rem
}

.mod-index-list ul li a dl dt {
  font-size: 1rem
}

.mod-index-list ul li a dl dd {
  font-size: 16px;
  color: #fff;
}

@media only screen and (max-width:768px) {
  .mod-index-list {
    margin: 0 -1.5rem
  }

  .mod-index-list ul li {
    float: left;
    width: 50%;
    margin-bottom: 2rem
  }

  .mod-index-list ul li a dl {
    padding: 0 1.6rem;
    margin-top: 1.2rem
  }

  .mod-index-list ul li a dl dt {
    font-size: .6rem
  }

  .mod-index-list ul li a dl dd {
    font-size: 1.2rem
  }
}

.mod-news {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto
}

@media only screen and (min-width:1500px) {
  .mod-news {
    max-width: 1500px
  }
}

.mod-news_en,
.mod-news_lead {
  display: none
}

.mod-news-tab {
  zoom: 1;
  margin-bottom: 6.2rem;
  padding: 0 0 0 6rem;
  border-bottom: #e5e5e5 solid 1px
}

.mod-news-tab:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-news-tab .tab_item {
  position: relative;
  float: left;
  width: 33.33%;
  margin: 0 0 -1px 3rem
}

.mod-news-tab .tab_item:first-child {
  margin-left: -6rem
}

.mod-news-tab .tab_item a {
  display: block;
  padding: 2.7rem 0;
  border: #f7f7f7 solid 1px;
  border-bottom: #e5e5e5 solid 1px;
  background: #f7f7f7;
  color: #333;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  position: relative;
  overflow: hidden
}

.mod-news-tab .tab_item a span {
  position: relative;
  z-index: 1
}

.mod-news-tab .tab_item a:after {
  content: '';
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #edeeef;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.noTouch .mod-news-tab .tab_item a:hover:after {
  -moz-animation: hoverAfter .5s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: hoverAfter .5s cubic-bezier(.78, .07, 0, 1) normal;
  animation: hoverAfter .5s cubic-bezier(.78, .07, 0, 1) normal
}

.mod-news-tab .tab_item-current a {
  border: #e5e5e5 solid 1px;
  border-bottom-color: #fff;
  background: 0 0
}

.mod-news-tab .tab_item-current a:after {
  display: none
}

.mod-news-body .body_item {
  display: none
}

.mod-news-body .body_item-current {
  display: block
}

.mod-news-dropdown .label {
  display: none
}

.mod-news-dropdown select {
  display: none
}

.mod-news-archive {
  zoom: 1;
  padding-bottom: 5rem;
  border-bottom: #e5e5e5 solid 1px;
  margin-bottom: 4rem
}

.mod-news-archive:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-news-archive li {
  float: left
}

.mod-news-archive li a {
  text-decoration: none;
  letter-spacing: .05em
}

.noTouch .mod-news-archive li a:hover {
  color: #00ADB5
}

.mod-news-archive li+li {
  margin-left: 4rem
}

.mod-news-list {
  margin-bottom: 7rem
}

.mod-news-list .item {
  line-height: 1.79
}

.mod-news-list .item a {
  display: table;
  width: 100%;
  padding: 3.5rem 0 3.5rem;
  text-decoration: none
}

.noTouch .mod-news-list .item a:hover .item_ttl {
  text-decoration: underline
}

.mod-news-list .item_category,
.mod-news-list .item_date,
.mod-news-list .item_ttl {
  display: table-cell;
  vertical-align: top
}

.mod-news-list .item_date {
  width: 10.9rem
}

.mod-news-list .item_category {
  width: 11.5rem
}

.mod-news-list .item_category .cate {
  box-sizing: border-box;
  display: inline-block;
  min-width: 7.4rem;
  padding: .6rem .5rem;
  background: #f4f4f4;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  font-weight: 700
}

@media only screen and (max-width:768px) {
  .mod-news {
    margin-top: 2.5rem;
    padding-right: 0;
    padding-left: 0
  }

  .mod-news-tab {
    margin: 0 -2rem;
    padding: 0 2rem 0 4rem;
    border-bottom-color: #fff
  }

  .mod-news-tab .tab_item {
    margin: 0 0 0 1rem
  }

  .mod-news-tab .tab_item:first-child {
    margin-left: -2rem
  }

  .mod-news-tab .tab_item a {
    padding: 2rem 0;
    border: none;
    background: #ededed;
    font-size: 1.2rem
  }

  .mod-news-tab .tab_item a:before {
    display: none
  }

  .mod-news-tab .tab_item-current:before {
    display: none
  }

  .mod-news-tab .tab_item-current a {
    background: #fff;
    color: #333
  }

  .mod-news-body {
    padding-top: 0
  }

  .mod-news-dropdown .label {
    display: block
  }

  .mod-news-dropdown select {
    display: block
  }

  .mod-news .form-select {
    margin-top: 3.5rem;
    padding-bottom: 3.5rem;
    display: block;
    position: relative;
    text-align: left;
    border-bottom: .1rem solid #e5e5e5;
    width: 100%
  }

  .mod-news .form-select:after,
  .mod-news .form-select:before {
    position: absolute;
    display: block;
    content: ''
  }

  .mod-news .form-select:before {
    top: 2.4rem;
    right: 2rem;
    box-sizing: border-box;
    width: .4rem;
    height: .4rem;
    border: .4rem solid transparent;
    border-top: .4rem solid #00ADB5
  }

  .mod-news .form-select select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 5rem;
    margin: 0;
    padding: 0 1.5rem;
    border: .1rem solid #e5e5e5;
    border-radius: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    border-radius: 0;
    background: 0 0;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: .05rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }

  .mod-news .form-select select::-ms-expand {
    display: none
  }

  .mod-news-archive {
    display: none
  }

  .mod-news-list {
    margin: 0 -2rem;
    padding: 0 2rem;
    background: #fff;
    margin-bottom: 0
  }

  .mod-news-list .item {
    border-top: #d3d9dc solid 1px;
    font-size: 1.2rem;
    line-height: 1.67
  }

  .mod-news-list .item:first-child {
    border-top: none
  }

  .mod-news-list .item:nth-child(n+4) {
    display: none
  }

  .mod-news-list .item a {
    display: block;
    position: relative;
    width: auto;
    padding: 2.5rem 0 2.5rem 0
  }

  .notouch .mod-news-list .item a:hover .item_ttl {
    text-decoration: none
  }

  .mod-news-list .item_category,
  .mod-news-list .item_date,
  .mod-news-list .item_ttl {
    vertical-align: top
  }

  .mod-news-list .item_date {
    display: block;
    float: left;
    width: auto;
    padding-right: .7rem;
    color: rgba(26, 26, 26, .5);
    font-size: 1.2rem;
    line-height: 1.5
  }

  .mod-news-list .item_category {
    display: block;
    width: auto;
    line-height: 1.5
  }

  .mod-news-list .item_category .cate {
    min-width: 0;
    padding: .5rem .5rem .3rem;
    letter-spacing: .05em;
    background: #e5e5e5;
    font-size: .9rem;
    vertical-align: top
  }

  .mod-news-list .item_ttl {
    clear: left;
    padding-top: 5px
  }

  .mod-news-list.allshow .item:nth-child(n+4) {
    display: block
  }
}

.mod-on-your-side {
  padding-bottom: 14rem;
  text-align: center;
  position: relative
}

.mod-on-your-side .img {
  top: 0;
  left: 0;
  position: absolute !important;
  width: 100%;
  height: 61.8rem
}

.mod-on-your-side .img span {
  display: block;
  width: 100%;
  height: 61.8rem;
  background: url(/assets/imgs/about/img-on-your-side.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

.mod-on-your-side .ttl span {
  display: block;
  line-height: 1
}

.mod-on-your-side .ttl span.sub {
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 3rem;
  letter-spacing: .12em;
  padding-top: 55rem
}

.mod-on-your-side .ttl span.main {
  font-weight: 700;
  font-size: 6rem;
  margin-bottom: 3rem
}

.mod-on-your-side .ttl span.jp {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 3rem;
  letter-spacing: .1em
}

.mod-on-your-side .lead {
  margin-bottom: 3rem
}

@media only screen and (max-width:768px) {
  .mod-on-your-side {
    margin: 0 -1.5rem;
    padding-bottom: 6rem
  }

  .mod-on-your-side .img {
    height: 20rem;
    margin-bottom: 6rem;
    position: static !important
  }

  .mod-on-your-side .img span {
    height: 20rem
  }

  .mod-on-your-side .section-inner {
    padding: 0 2rem
  }

  .mod-on-your-side .ttl span.sub {
    font-size: 1rem;
    margin-bottom: 2rem;
    padding-top: 0
  }

  .mod-on-your-side .ttl span.main {
    font-size: 3rem;
    margin-bottom: 2.5rem
  }

  .mod-on-your-side .ttl span.jp {
    font-size: 1.2rem;
    margin-bottom: 3rem
  }

  .mod-on-your-side .lead {
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 3rem
  }
}

.mod-sub-nav {
  margin-bottom: 6rem
}

.mod-sub-nav-title {
  display: none
}

.mod-sub-nav .mod-sub-nav-inner {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  zoom: 1
}

@media only screen and (min-width:1500px) {
  .mod-sub-nav .mod-sub-nav-inner {
    max-width: 1500px
  }
}

.mod-sub-nav .mod-sub-nav-inner:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list {
  line-height: 1
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li {
  float: left;
  opacity: 0;
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
  margin: 0 0 0 2rem;
  position: relative
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:first-child {
  margin-left: 0
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: .2rem;
  background: #00ADB5;
  opacity: 0
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect,
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a {
  display: block;
  position: relative;
  padding: 2.2rem 0 2.2rem 0;
  text-decoration: none;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:before,
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:before {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #e2e2e6
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:after,
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:after {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97);
  transition: .2s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:after,
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:before,
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:after,
.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: .2rem
}

.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:hover:after,
.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:hover:before,
.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:hover:after,
.noTouch .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:hover:before {
  left: 0;
  width: 100%
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.item-current a {
  font-weight: 700;
  color: #00ADB5
}

.mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.item-current:after {
  opacity: 1
}

body.term-brand .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-brand a,
body.term-creative .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-creative a,
body.term-strategy .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-strategy a {
  font-weight: 700;
  color: #00ADB5
}

body.term-brand .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-brand:after,
body.term-creative .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-creative:after,
body.term-strategy .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li.term-strategy:after {
  opacity: 1
}

@media only screen and (max-width:768px) {
  .mod-sub-nav {
    top: 6.5rem;
    position: absolute;
    z-index: 3;
    margin-bottom: 0;
    margin: 0 -1.5rem;
    width: 100%
  }

  .mod-sub-nav.fixed {
    top: 0;
    z-index: 9;
    position: fixed
  }

  .mod-sub-nav-title {
    display: block;
    line-height: 3.8;
    height: 3.5rem;
    padding: 0 1.5rem 0;
    font-weight: 700;
    font-size: 1rem;
    color: #999;
    letter-spacing: .1em
  }

  .mod-sub-nav-title {
    display: none
  }

  .mod-sub-nav-title span {
    display: inline-block;
    position: relative;
    padding-right: 1.6rem
  }

  .mod-sub-nav-title span:before {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.3rem;
    content: "";
    display: block;
    width: 1rem;
    height: .6rem;
    background: url(/assets/imgs/arw02-b_gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
  }

  .mod-sub-nav .mod-sub-nav-inner {
    display: none;
    background: #f7f7f7;
    padding: 0 1.5rem;
    box-sizing: border-box
  }

  .mod-sub-nav .mod-sub-nav-inner.item-on {
    display: block
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list {
    zoom: 1;
    border-top: .1rem solid #e2e2e2;
    padding: 1.5rem 0 2rem;
    box-sizing: border-box;
    display: block;
    float: none;
    line-height: 1
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list:after {
    content: '';
    display: block;
    clear: both;
    height: 0
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li {
    display: block;
    width: 50%;
    float: left;
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    display: block;
    vertical-align: inherit;
    text-align: left;
    margin: 0
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li:after {
    display: none
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a {
    line-height: 1;
    padding: 1.3rem 0;
    color: #999
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:after,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect:before,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:after,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a:before {
    display: none
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect .label,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a .label {
    background: 0 0;
    font-size: 1.2rem;
    padding: 0
  }

  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect .label:after,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li .formSelect .label:before,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a .label:after,
  .mod-sub-nav .mod-sub-nav-inner .mod-sub-nav-list li a .label:before {
    display: none
  }
}

.mod-colum2 {
  position: relative;
  zoom: 1
}

.mod-colum2:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-colum2-main {
  width: 82rem;
  margin: 0 auto;
}

.mod-colum2-side {
  float: right;
  position: relative;
  width: 31rem
}

.mod-colum2-side #side {
  width: 31rem
}

.mod-colum2-side #side .item {
  padding-bottom: 5rem;
  border-bottom: .1rem solid #e5e5e5
}

.mod-colum2-side #side .item:first-child {
  border-top: .1rem solid #e5e5e5;
  padding-top: 5rem
}

.mod-colum2-side #side .item+.item {
  margin-top: 5rem
}

.mod-colum2-side .mod-ank-list ul li.item-current a,
.noTouch .mod-colum2-side .mod-ank-list ul li:hover a {
  color: #333
}

.mod-colum2-side .mod-ank-list ul li a {
  text-decoration: none;
  font-weight: 700;
  color: #d8d8d8
}

.mod-colum2-side .mod-ank-list ul li+li {
  margin-top: 1rem
}

@media only screen and (max-width:768px) {
  .mod-colum2-main {
    width: auto;
    float: none
  }

  .mod-colum2-side {
    display: none
  }
}

.mod-ttl {
  border-top: .1rem solid #e5e5e5;
  padding-top: 6rem;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 5rem;
  position: relative
}

.mod-ttl:before {
  content: '';
  position: absolute;
  top: -.1rem;
  left: 0;
  width: 21rem;
  height: .1rem;
  background: #000
}

.mod-sttl {
  border-top: .1rem solid #e5e5e5;
  margin-top: 8rem;
  margin-bottom: 3rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: .05em;
  padding-top: 3rem
}

.mod-sttl+.mod-sttl,
.mod-sttl:first-child,
.mod-ttl+.mod-sttl {
  margin-top: 0
}

.mod-sttl:last-child {
  margin-bottom: 0
}

.mod-ssttl {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .05em;
  padding-left: 1.4rem;
  position: relative;
  color: #00ADB5
}

.mod-ssttl:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .4rem;
  height: 100%;
  background: #00ADB5
}

.mod-ssttl+.mod-ssttl,
.mod-ssttl:first-child,
.mod-sttl+.mod-ssttl {
  margin-top: 0
}

@media only screen and (max-width:768px) {
  .mod-ttl {
    padding-top: 3rem;
    font-size: 2.4rem;
    margin-bottom: 3rem
  }

  .mod-ttl:before {
    width: 10.5rem
  }

  .mod-sttl {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-size: 2rem;
    letter-spacing: 0;
    padding-top: 2.5rem
  }

  .mod-ssttl {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    padding-left: .8rem
  }

  .mod-ssttl:before {
    width: .2rem
  }
}

#tinymce {
  margin: 10px
}

#tinymce a,
.mod-post-content a {
  color: #333;
  display: inline-block
}

.noTouch #tinymce a:hover,
.noTouch .mod-post-content a:hover {
  color: #00ADB5;
  text-decoration: none
}

#tinymce a[href$='.pdf'],
#tinymce a[target$='_blank'],
.mod-post-content a[href$='.pdf'],
.mod-post-content a[target$='_blank'] {
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 700;
  padding-bottom: .4rem;
  padding-right: 2rem;
  border-bottom: .2rem solid #00ADB5;
  position: relative
}

#tinymce a[href$='.pdf']:before,
#tinymce a[target$='_blank']:before,
.mod-post-content a[href$='.pdf']:before,
.mod-post-content a[target$='_blank']:before {
  position: absolute;
  top: 50%;
  margin-top: -.4rem;
  right: .3rem;
  font-size: .9rem;
  color: #00ADB5;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e901'
}

#tinymce a[href$='.pdf'],
.mod-post-content a[href$='.pdf'] {
  padding-right: 3.8rem
}

#tinymce a[href$='.pdf']:before,
.mod-post-content a[href$='.pdf']:before {
  display: none
}

#tinymce a[href$='.pdf']:after,
.mod-post-content a[href$='.pdf']:after {
  content: 'PDF';
  position: absolute;
  top: 50%;
  margin-top: -.8rem;
  right: .4rem;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  padding: .2rem;
  background: #e20013
}

#tinymce .arw-link,
.mod-post-content .arw-link {
  position: relative;
  display: inline-block
}

#tinymce .arw-link a,
.mod-post-content .arw-link a {
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 700;
  padding-bottom: .4rem;
  padding-right: 2.4rem;
  border-bottom: .2rem solid #00ADB5
}

#tinymce .arw-link a:after,
#tinymce .arw-link a:before,
.mod-post-content .arw-link a:after,
.mod-post-content .arw-link a:before {
  display: none
}

#tinymce .arw-link a .arw,
.mod-post-content .arw-link a .arw {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 2rem;
  height: .6rem;
  top: 50%;
  margin-top: -.35rem;
  right: 0
}

#tinymce .arw-link a .arw:after,
.mod-post-content .arw-link a .arw:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 2rem;
  height: .6rem;
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch #tinymce .arw-link:hover .arw:after,
.noTouch .mod-post-content .arw-link:hover .arw:after {
  -moz-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

#tinymce h4,
.mod-post-content h4 {
  border-top: .1rem solid #e5e5e5;
  padding-top: 6rem;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 5rem;
  position: relative
}

#tinymce h4:before,
.mod-post-content h4:before {
  content: '';
  position: absolute;
  top: -.1rem;
  left: 0;
  width: 21rem;
  height: .1rem;
  background: #00ADB5
}

#tinymce h5,
.mod-post-content h5 {
  border-top: .1rem solid #e5e5e5;
  margin-top: 8rem;
  margin-bottom: 3rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: .05em;
  padding-top: 3rem
}

#tinymce h5:first-child,
.mod-post-content h5:first-child,
h4+#tinymce h5,
h4+.mod-post-content h5,
h5+#tinymce h5,
h5+.mod-post-content h5 {
  margin-top: 0
}

#tinymce h5:last-child,
.mod-post-content h5:last-child {
  margin-bottom: 0
}

#tinymce h6,
.mod-post-content h6 {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .05em;
  padding-left: 1.4rem;
  position: relative;
  color: #00ADB5
}

#tinymce h6:before,
.mod-post-content h6:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .4rem;
  height: 100%;
  background: #00ADB5
}

#tinymce h6:first-child,
.mod-post-content h6:first-child,
h4+#tinymce h6,
h4+.mod-post-content h6,
h5+#tinymce h6,
h5+.mod-post-content h6,
h6+#tinymce h6,
h6+.mod-post-content h6 {
  margin-top: 0
}

#tinymce p,
.mod-post-content p {
  line-height: 2;
  letter-spacing: .05em;
  margin-bottom: 1.5rem
}

#tinymce p+h4,
.mod-post-content p+h4 {
  margin-top: 8rem
}

#tinymce p+h5,
.mod-post-content p+h5 {
  margin-top: 6rem
}

#tinymce p+h6,
.mod-post-content p+h6 {
  margin-top: 4rem
}

#tinymce p:first-child img,
.mod-post-content p:first-child img {
  margin-top: 0
}

#tinymce ol,
#tinymce ul,
.mod-post-content ol,
.mod-post-content ul {
  margin-bottom: 1.5rem
}

#tinymce li,
.mod-post-content li {
  margin-bottom: .3rem
}

#tinymce ol li,
.mod-post-content ol li {
  list-style: decimal inside
}

#tinymce strong,
.mod-post-content strong {
  font-weight: 700
}

#tinymce em,
.mod-post-content em {
  font-style: italic
}

#tinymce blockquote,
.mod-post-content blockquote {
  display: block;
  margin: 1.5rem 0;
  padding: 2rem;
  background: #ececec
}

#tinymce blockquote p,
.mod-post-content blockquote p {
  margin-bottom: 0
}

#tinymce blockquote strong,
.mod-post-content blockquote strong {
  display: block;
  padding-bottom: .5rem
}

#tinymce .aligncenter,
.mod-post-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

#tinymce .alignright,
.mod-post-content .alignright {
  float: right;
  margin-left: 1.5rem
}

#tinymce .alignleft,
.mod-post-content .alignleft {
  float: left;
  margin-right: 1.5rem
}

#tinymce img {
  display: inline-block;
  margin-top: 4rem
}

#tinymce img.alignright,
.mod-post-content img.alignright {
  display: inline-block;
  margin: 0 0 1rem 1.5rem
}

#tinymce img.alignleft,
.mod-post-content img.alignleft {
  display: inline-block;
  margin: 0 1.5rem 1rem 0
}

#tinymce img.aligncenter,
.mod-post-content img.aligncenter {
  margin: 0 auto 1.5rem
}

#tinymce img.size-full,
.mod-post-content img.size-full {
  height: auto;
  max-width: 100%
}

#tinymce .wp-caption-text,
.mod-post-content .wp-caption-text {
  font-size: 1.2rem !important
}

#tinymce .video,
.mod-post-content .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  height: auto;
  max-width: 100%
}

#tinymce .video iframe,
.mod-post-content .video iframe {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

@media only screen and (max-width:768px) {
  .mod-post-content {
    font-size: 1.6rem
  }

  .mod-post-content a {
    color: #00ADB5;
    text-decoration: none;
    font-size: 1.6rem
  }

  .mod-post-content a[href$='.pdf'],
  .mod-post-content a[target$='_blank'] {
    color: #333;
    font-weight: 400;
    padding-bottom: .1rem;
    padding-right: 2rem;
    border-bottom: .1rem solid #00ADB5
  }

  .mod-post-content a[href$='.pdf']:before,
  .mod-post-content a[target$='_blank']:before {
    margin-top: -.4rem;
    right: .3rem;
    font-size: .9rem
  }

  .mod-post-content a[href$='.pdf'] {
    padding-right: 3.4rem
  }

  .mod-post-content .arw-link a {
    font-weight: 400;
    padding-bottom: .1rem;
    padding-right: 2.4rem;
    border-bottom: .1rem solid #00ADB5
  }

  .mod-post-content h4 {
    padding-top: 3rem;
    font-size: 2.4rem;
    margin-bottom: 3rem
  }

  .mod-post-content h4:before {
    width: 10.5rem
  }

  .mod-post-content h5 {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-size: 2rem;
    padding-top: 2rem
  }

  .mod-post-content h6 {
    font-size: 1.8rem
  }

  .mod-post-content p {
    font-size: 1.6rem;
    line-height: 1.8;
    letter-spacing: 0;
    margin-bottom: 1.5rem
  }

  .mod-post-content p+h4 {
    margin-top: 4rem
  }

  .mod-post-content p+h5 {
    margin-top: 3rem
  }

  .mod-post-content img {
    margin-top: 2rem
  }

  .mod-post-content .wp-caption-text {
    font-size: 1rem
  }
}

.mod-works ul {
  zoom: 1;
  margin-right: -3.33%;
  box-sizing: border-box
}

.mod-works ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-works ul li {
  display: block;
  width: 30%;
  float: left;
  margin-right: 3.33%;
  margin-bottom: 5rem
}


.mod-works ul li a {
  display: block;
  text-decoration: none;
  position: relative;
  overflow: hidden
}

.mod-works ul li a .item_img {
  display: block;
  overflow: hidden
}

.mod-works ul li a .item_img img {
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

html.noTouch .mod-works ul li a:hover .item_img img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.mod-works ul li a .item_img {
  margin-bottom: 2rem
}

.mod-works ul li a .item_img img {
  width: 100%;
  height: auto
}

.mod-works ul li a .item_txt {
  padding-bottom: 4rem
}

.mod-works ul li a .category {
  margin-bottom: .8rem
}

.mod-works ul li a .category span {
  font-size: 14px;
  color: #00ADB5;
  display: inline-block
}

.mod-works ul li a .category span+span {
  margin-left: .5rem
}

.mod-works ul li a .ttl {
  font-size: 18px;
  line-height: 1.23
}

.noTouch .mod-works ul li a:hover .readMore p {
  opacity: 1
}

.noTouch .mod-works ul li a:hover .readMore .arw {
  opacity: 1;
  -moz-transform: translateX(7rem);
  -ms-transform: translateX(7rem);
  -webkit-transform: translateX(7rem);
  transform: translateX(7rem)
}

.mod-works-list ul {
  zoom: 1
}

.mod-works-list ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-works-list ul li {
  float: left;
  width: 31%;
  margin: 0 1% 30px 1%;
  overflow: hidden
}

.mod-works-list ul li a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.mod-works-list ul li a .item_img {
  display: block;
  overflow: hidden
}

.mod-works-list ul li a .item_img img {
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

html.noTouch .mod-works-list ul li a:hover .item_img img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.mod-works-list ul li a .item_img img {
  width: 100%;
  height: auto
}

.mod-works-list ul li a .item_img:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
  background: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, rgba(0, 0, 0, .8)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 50%
}

.mod-works-list ul li a .item_txt {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  padding: 0 2rem 2rem 2rem
}

.mod-works-list ul li a .item_txt .category {
  font-size: 14px;
  margin-bottom: .5rem
}

.mod-works-list ul li a .item_txt .ttl {
  font-size: 22px;
  line-height: 1.23
}

.noTouch .mod-works-list ul li a:hover .item_img:before {
  background: rgba(0, 0, 0, .5)
}

@media only screen and (max-width:768px) {
  .mod-works-list ul li {
    float: left;
    width: 50%;
    margin-bottom: 2.5rem;
    overflow: hidden
  }

  .mod-works-list ul li a {
    color: #00ADB5
  }

  .mod-works-list ul li a:after {
    display: none
  }

  .mod-works-list ul li a .item_img {
    position: relative
  }

  .mod-works-list ul li a .item_txt {
    position: static;
    bottom: auto;
    left: auto;
    padding: 1.5rem 0 0 0
  }

  .mod-works-list ul li a .item_txt .category {
    font-size: .8rem;
    color: #00ADB5
  }

  .mod-works-list ul li a .item_txt .ttl {
    font-size: 1.2rem
  }
}

.mod-blog-list .item a,
.mod-blog-list li a {
  padding: 5rem 0;
  border-bottom: .1rem solid #e5e5e5;
  text-decoration: none;
  display: table;
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #fff;
}

.mod-blog-list .item a .item_img,
.mod-blog-list li a .item_img {
  display: table-cell;
  vertical-align: middle;
  width: 23rem;
  position: relative;
  z-index: 1
}

.mod-blog-list .item a .item_img img,
.mod-blog-list li a .item_img img {
  width: 100%;
  height: auto
}

.mod-blog-list .item a .item_txt,
.mod-blog-list li a .item_txt {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5rem;
  position: relative;
  z-index: 1;
  color: #fff;
}

.mod-blog-list .item a .item_txt .item_ttl,
.mod-blog-list li a .item_txt .item_ttl {
  font-size: 14px;
  line-height: 1.5
}

.mod-blog-list .item a .item_txt .txt,
.mod-blog-list li a .item_txt .txt {
  margin-top: 1.5rem
}

.mod-blog-list .item a:before,
.mod-blog-list li a:before {
  -webkit-transition: .4s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .4s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .4s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .4s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .4s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #00ADB5
}

.mod-blog-list .item a:after,
.mod-blog-list li a:after {
  -webkit-transition: .4s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .4s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .4s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .4s cubic-bezier(.57, .15, .13, .97);
  transition: .4s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.mod-blog-list .item a:after,
.mod-blog-list .item a:before,
.mod-blog-list li a:after,
.mod-blog-list li a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 100%
}

html.noTouch .mod-blog-list .item a:hover,
html.noTouch .mod-blog-list li a:hover {
  text-decoration: none
}

html.noTouch .mod-blog-list .item a:hover:after,
html.noTouch .mod-blog-list .item a:hover:before,
html.noTouch .mod-blog-list li a:hover:after,
html.noTouch .mod-blog-list li a:hover:before {
  left: 0;
  width: 100%
}

.mod-blog-list .item:first-child a,
.mod-blog-list li:first-child a {
  border-top: .1rem solid #e5e5e5
}

.post-head {
  zoom: 1;
  margin-bottom: 1rem;
  font-size: 0
}

.post-head:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.post-head .photo {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin-right: 1.5rem
}

.post-head .data {
  float: left;
  font-size: 0;
  margin-top: 1.5rem;
  margin-right: 1.5rem
}

.post-head .data span {
  font-size: 12px;
  display: inline-block;
  line-height: 1
}

.post-head .data span.category,
.post-head .data span.date {
  /* font-family: 'YSHaoShenTi'; */
}

.post-head .data span+span {
  padding-left: .6rem;
  margin-left: .6rem;
  border-left: .1rem solid #fff
}

.post-head .like {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2;
  padding-left: 1.8rem;
  position: relative;
  display: inline-block;
  margin-top: 1.5rem
}

.post-head .like:before {
  position: absolute;
  top: 50%;
  margin-top: -.6rem;
  left: 0;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #ff3359;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e902'
}

@media only screen and (max-width:768px) {

  .mod-blog-list .item a,
  .mod-blog-list li a {
    padding: 1.5rem;
    box-sizing: border-box
  }

  .mod-blog-list .item a .item_img,
  .mod-blog-list li a .item_img {
    width: 10rem
  }

  .mod-blog-list .item a .item_txt,
  .mod-blog-list li a .item_txt {
    padding-left: 1.5rem
  }

  .mod-blog-list .item a .item_txt .post-head,
  .mod-blog-list li a .item_txt .post-head {
    margin-bottom: .2rem;
    position: relative
  }

  .mod-blog-list .item a .item_txt .post-head .photo,
  .mod-blog-list li a .item_txt .post-head .photo {
    display: none
  }

  .mod-blog-list .item a .item_txt .post-head .data,
  .mod-blog-list li a .item_txt .post-head .data {
    margin-top: 0
  }

  .mod-blog-list .item a .item_txt .post-head .data span,
  .mod-blog-list li a .item_txt .post-head .data span {
    font-weight: 700;
    color: #ccc
  }

  .mod-blog-list .item a .item_txt .post-head .data span.name,
  .mod-blog-list li a .item_txt .post-head .data span.name {
    display: none
  }

  .mod-blog-list .item a .item_txt .post-head .data span+span,
  .mod-blog-list li a .item_txt .post-head .data span+span {
    border-left: .1rem solid #ccc
  }

  .mod-blog-list .item a .item_txt .post-head .like,
  .mod-blog-list li a .item_txt .post-head .like {
    margin-top: .5rem;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.2;
    padding-left: 1.5rem;
    display: inline-block;
    color: #ccc
  }

  .mod-blog-list .item a .item_txt .post-head .like:before,
  .mod-blog-list li a .item_txt .post-head .like:before {
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    left: 0;
    font-size: .9rem;
    line-height: .9rem;
    color: #ff3359;
    speak: none;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e902'
  }

  .mod-blog-list .item a .item_txt .item_ttl,
  .mod-blog-list li a .item_txt .item_ttl {
    font-size: 1.2rem;
    font-weight: 400
  }

  .mod-blog-list .item a .item_txt .txt,
  .mod-blog-list li a .item_txt .txt {
    display: none
  }

  .mod-blog-list .item:first-child a,
  .mod-blog-list li:first-child a {
    border-top: none
  }

  .post-head .photo {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1rem
  }

  .post-head .data {
    font-size: .9rem;
    margin-top: 1.2rem;
    margin-right: 1rem
  }

  .post-head .data span {
    font-size: .9rem
  }

  .post-head .like {
    font-size: 1.1rem;
    margin-top: 1.7rem;
    padding-left: 1.8rem
  }

  .post-head .like:before {
    margin-top: -.6rem
  }
}

.mod-tag-list li {
  display: inline-block;
  font-size: 1.2rem;
  color: #999;
  margin-right: 1rem;
  font-style: italic;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.mod-tag-list li a {
  color: #999;
  text-decoration: none
}

.noTouch .mod-tag-list li a:hover {
  color: #00ADB5
}

.mod-pager ul {
  display: table;
  width: 100%;
  margin: 0 auto;
  position: relative
}

.mod-pager ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 33.33%;
  height: 40rem
}

.mod-pager ul li a {
  display: block;
  line-height: 40rem;
  text-decoration: none;
  position: relative;
  font-weight: 700;
  letter-spacing: .08em;
  font-size: 1.2rem
}

.noTouch .mod-pager ul li a:hover {
  background: #00ADB5;
  color: #fff
}

.mod-pager ul li.index {
  text-align: center
}

.mod-pager ul li.index a span {
  display: block;
  overflow: hidden;
  text-indent: -5260px
}

@media only screen and (max-width:768px) {
  .mod-pager {
    margin: 0 -1.5rem
  }

  .mod-pager ul li {
    height: 12.5rem
  }

  .mod-pager ul li a {
    line-height: 12.5rem;
    letter-spacing: .08em;
    font-size: .9rem;
    background: #e8e8e8
  }

  .noTouch .mod-pager ul li a:hover {
    background: #e8e8e8;
    color: #333
  }

  .mod-pager ul li.index {
    text-align: center
  }

  .mod-pager ul li.index a {
    background: #f5f5f5
  }

  .mod-pager ul li.index a:after {
    color: #00ADB5
  }

  .noTouch .mod-pager ul li.index a:hover {
    background: #f5f5f5;
    color: #00ADB5
  }
}

.mod-pagenation {
  text-align: center
}

.mod-pagenation ul {
  position: relative;
  font-size: 0
}

.mod-pagenation ul li {
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: .02em
}

.mod-pagenation ul li a,
.mod-pagenation ul li span {
  width: 64px;
  height: 64px;
  display: block;
  line-height: 6rem;
  margin: 0 .05rem;
  text-decoration: none;
  position: relative;
  background: #f7f7f7;
  color: #00ADB5;
}

.noTouch .mod-pagenation ul li a:hover,
.noTouch .mod-pagenation ul li span:hover {
  background: #00ADB5;
  color: #fff
}

.noTouch .mod-pagenation ul li span:hover {
  background: #f7f7f7;
  color: #333
}

.mod-pagenation ul li.on a {
  background: #00ADB5;
  color: #fff
}

.mod-pagenation ul li.end a,
.mod-pagenation ul li.first a,
.mod-pagenation ul li.next a,
.mod-pagenation ul li.prev a {
  background: 0 0
}

.noTouch .mod-pagenation ul li.end a:hover,
.noTouch .mod-pagenation ul li.first a:hover,
.noTouch .mod-pagenation ul li.next a:hover,
.noTouch .mod-pagenation ul li.prev a:hover {
  background: #00ADB5;
  color: #fff
}

.mod-pagenation ul li.next {
  margin-left: 1.5rem
}

.mod-pagenation ul li.prev {
  margin-right: 1.5rem
}

.mod-pagenation ul li.more.sp {
  display: none
}

@media only screen and (max-width:768px) {
  .mod-pagenation ul li {
    display: none
  }

  .mod-pagenation ul li.more.sp {
    display: inline-block
  }

  .mod-pagenation ul li.on,
  .mod-pagenation ul li.spshow {
    display: inline-block
  }

  .mod-pagenation ul li a,
  .mod-pagenation ul li span {
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    margin: 0 .05rem
  }

  .mod-pagenation ul li.end,
  .mod-pagenation ul li.first {
    display: none
  }

  .mod-pagenation ul li.next {
    display: inline-block;
    font-size: .9rem;
    margin-left: 0
  }

  .mod-pagenation ul li.prev {
    display: inline-block;
    font-size: .9rem;
    margin-right: 0
  }
}

.mod-pager-ui {
  position: fixed;
  z-index: 9;
  bottom: 3.3rem;
  left: 0;
  width: 100%;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -webkit-transform: translateY(120px);
  transform: translateY(120px)
}

.mod-pager-ui.on {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mod-pager-ui ul {
  text-align: center
}

.mod-pager-ui ul li {
  display: inline-block
}

.mod-pager-ui ul li a {
  height: 4.6rem;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  border-radius: 4.6rem;
  width: 4.6rem;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.mod-pager-ui ul li a .icon {
  position: absolute;
  z-index: 2;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 4.6rem;
  background: rgba(0, 0, 0, .15);
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.mod-pager-ui ul li a .icon:before {
  position: absolute;
  content: '';
  width: 1.4rem;
  height: .6rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  top: 50%;
  left: 50%;
  margin-left: -.7rem;
  margin-top: -.3rem
}

.mod-pager-ui ul li a .over {
  display: table;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  height: 4.6rem;
  background: rgba(0, 0, 0, .15);
  border-radius: 4.6rem;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.mod-pager-ui ul li a .over span {
  line-height: 1;
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  display: table-cell;
  vertical-align: middle;
  opacity: 0
}

.noTouch .mod-pager-ui ul li a:hover {
  width: auto
}

.noTouch .mod-pager-ui ul li a:hover .over {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch .mod-pager-ui ul li a:hover .over span {
  opacity: 1
}

.mod-pager-ui ul li.prev {
  position: absolute;
  left: 3rem;
  top: 0
}

.mod-pager-ui ul li.prev a .icon {
  left: 0
}

.mod-pager-ui ul li.prev a .icon:before {
  background: url(../images/arw03-l_white.svg) no-repeat center center;
  background-size: contain
}

.mod-pager-ui ul li.prev a .over {
  min-width: 8rem;
  padding-left: 5.8rem;
  padding-right: 2.4rem;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.noTouch .mod-pager-ui ul li.prev a:hover .over {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.mod-pager-ui ul li.next {
  position: absolute;
  right: 3rem;
  top: 0
}

.mod-pager-ui ul li.next a .icon {
  right: 0
}

.mod-pager-ui ul li.next a .icon:before {
  background: url(../images/arw03-r_white.svg) no-repeat center center;
  background-size: contain
}

.mod-pager-ui ul li.next a .over {
  min-width: 8rem;
  padding-left: 2.4rem;
  padding-right: 5.8rem;
  -moz-transform: translateX(34%);
  -ms-transform: translateX(34%);
  -webkit-transform: translateX(34%);
  transform: translateX(34%)
}

.noTouch .mod-pager-ui ul li.next a:hover .over {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.mod-pager-ui ul li.index a {
  position: relative;
  margin: 0 auto
}

.mod-pager-ui ul li.index a .icon {
  left: 0
}

.mod-pager-ui ul li.index a .icon:before {
  display: none
}

.mod-pager-ui ul li.index a .icon:after {
  content: '';
  display: block;
  position: absolute;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e903';
  top: 50%;
  left: 50%;
  font-size: 1.2rem;
  margin-top: -.6rem;
  margin-left: -.6rem;
  color: #fff;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.mod-pager-ui ul li.index a .over {
  min-width: 10rem;
  padding-left: 5.8rem;
  padding-right: 2.4rem;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.noTouch .mod-pager-ui ul li.index a:hover {
  width: 18.7rem
}

@media only screen and (max-width:768px) {
  .mod-pager-ui {
    bottom: 1.5rem
  }

  .noTouch .mod-pager-ui ul li a:hover {
    width: 4.6rem
  }

  .noTouch .mod-pager-ui ul li a:hover .over {
    display: none
  }

  .mod-pager-ui ul li.prev {
    left: 1.5rem
  }

  .mod-pager-ui ul li.next {
    right: 1.5rem
  }

  .noTouch .mod-pager-ui ul li.index a:hover {
    width: 4.6rem
  }
}

.mod-sns-follow {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 3rem
}

.mod-sns-follow li {
  display: table-cell;
  text-align: center
}

.mod-sns-follow li a {
  display: block;
  height: 4rem;
  position: relative;
  text-decoration: none
}

.mod-sns-follow li a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff
}

.mod-sns-follow li.facebook a {
  background: #3a589e
}

.mod-sns-follow li.facebook a:before {
  margin-left: -.2rem;
  margin-top: -1rem;
  font-size: 2rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905'
}

.mod-sns-follow li.twitter a {
  background: #55acee
}

.mod-sns-follow li.twitter a:before {
  margin-left: -.8rem;
  margin-top: -.9rem;
  font-size: 1.9rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e907'
}

.mod-sns-follow li.rss a {
  background: #ef5f2f
}

.mod-sns-follow li.rss a:before {
  margin-left: -.8rem;
  margin-top: -.9rem;
  font-size: 1.9rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e908'
}

.mod-searchform {
  margin-bottom: 6rem
}

.mod-searchform #searchform {
  position: relative
}

.mod-searchform #searchform .label {
  display: block;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: 50%;
  margin-top: -.8rem;
  right: 1.4rem
}

.mod-searchform #searchform .label:before {
  position: absolute;
  top: 0;
  left: 0;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e909';
  font-size: 1.6rem;
  color: #c4c4c4
}

.mod-searchform #searchform input#search-text {
  display: block;
  width: 100%;
  height: 4rem;
  margin: 0;
  padding: 1rem 4rem 1rem 1rem;
  font-size: 1.2rem;
  border: none;
  border-radius: 0;
  background: 0 0;
  outline: 0;
  border: .1rem solid #e5e5e5;
  background: #f5f5f5;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.mod-searchform #searchform #searchsubmit {
  display: block;
  border: none;
  outline: 0;
  cursor: pointer;
  background: 0 0;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  top: 50%;
  margin-top: -.8rem;
  right: 1.4rem;
  opacity: 0;
  -ms-filter: 'alpha(opacity=70)';
  -webkit-appearance: none
}

.mod-side-section {
  width: 32rem;
  box-sizing: border-box;
  padding: 5rem 0 5rem 5rem;
  border-top: .1rem solid #e5e5e5;
  border-left: .1rem solid #e5e5e5
}

.mod-side-section-ttl {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 2rem
}

.mod-side-section.side-category ul li a {
  text-decoration: none
}

.noTouch .mod-side-section.side-category ul li a:hover {
  color: #00ADB5
}

.mod-side-section.side-category ul li .children {
  margin-left: 1.5rem
}

.mod-side-section.side-category ul li .children li {
  padding-left: 1rem;
  position: relative
}

.mod-side-section.side-category ul li .children li:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: '・'
}

.mod-side-section.side-archives ul li a {
  text-decoration: none
}

.noTouch .mod-side-section.side-archives ul li a:hover {
  color: #00ADB5
}

.mod-post-share {
  margin-top: 6rem
}

.mod-post-share ul {
  display: table;
  width: 100%
}

.mod-post-share ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50%
}

.mod-post-share ul li a {
  display: table;
  width: 100%;
  position: relative;
  height: 14rem;
  text-decoration: none;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.mod-post-share ul li a p {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff
}

.mod-post-share ul li a p .icon {
  padding-left: 5rem;
  position: relative;
  display: inline-block
}

.mod-post-share ul li a p .icon:before {
  position: absolute;
  left: 0;
  top: 50%;
  color: #fff
}

.mod-post-share ul li.facebook a {
  background: #3a589e
}

.mod-post-share ul li.facebook a p .icon:before {
  margin-top: -1.6rem;
  font-size: 3.2rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e906'
}

.mod-post-share ul li.twitter a {
  background: #55acee
}

.mod-post-share ul li.twitter a p .icon:before {
  margin-top: -1.6rem;
  font-size: 3.1rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e907'
}

@media only screen and (max-width:768px) {
  .mod-post-share {
    margin-top: 4.5rem
  }

  .mod-post-share ul li a {
    height: 10rem
  }

  .mod-post-share ul li a p .icon {
    padding-left: 0
  }

  .mod-post-share ul li a p .icon:before {
    left: 50%
  }

  .mod-post-share ul li a p .icon .txt {
    display: none
  }

  .mod-post-share ul li.facebook a p .icon:before {
    margin-top: -2rem;
    margin-left: -1.25rem;
    font-size: 2.5rem
  }

  .mod-post-share ul li.twitter a p .icon:before {
    margin-top: -1.8rem;
    margin-left: -1.25rem;
    font-size: 2.5rem
  }
}

.mod-post-share-group {
  margin-top: 6.5rem;
  zoom: 1
}

.mod-post-share-group:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-post-share-group ul li {
  float: left;
  line-height: 1;
  margin-right: 1.5rem
}

.mod-post-share-group ul li .fb_iframe_widget>span {
  vertical-align: baseline !important
}

@media only screen and (max-width:768px) {
  .mod-post-share-group {
    margin-top: 3.5rem
  }

  .mod-post-share-group ul li {
    margin-right: .5rem;
    margin-bottom: .5rem
  }
}

.mod-table {
  width: 100%
}

.mod-table,
.mod-table td,
.mod-table th {
  border: none;
  border-collapse: collapse
}

.mod-table tr {
  background: #f6f6f6
}

.mod-table tr:nth-child(even) {
  background: #eaeaea
}

.mod-table td,
.mod-table th {
  vertical-align: top;
  padding: 2.5rem 2.8rem
}

.mod-table th {
  width: 7rem;
  font-weight: 700;
  border-sizing: boder-box
}

.mod-table td .col2-list {
  zoom: 1;
  margin-right: -3%;
  box-sizing: border-box
}

.mod-table td .col2-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-table td .col2-list li {
  display: block;
  width: 47%;
  float: left;
  margin-right: 3%
}

.mod-table.table02 tr {
  background: 0 0
}

.mod-table.table02 th {
  color: #00ADB5;
  padding-left: 0;
  padding-right: 0
}

@media only screen and (max-width:768px) {

  .mod-table td,
  .mod-table th {
    padding: 1.5rem 1.8rem;
    font-size: 1.2rem;
    letter-spacing: 0
  }

  .mod-table th {
    width: 6rem;
    padding-right: 0;
    padding: 1.5rem 0 1.5rem 1rem
  }

  .mod-table td .col2-list {
    margin-right: 0
  }

  .mod-table td .col2-list li {
    display: block;
    width: auto;
    float: none;
    margin-right: 0
  }

  .mod-table.table02 td,
  .mod-table.table02 th {
    display: block;
    padding: 0;
    font-size: 1.6rem
  }

  .mod-table.table02 td {
    padding-bottom: 2rem
  }
}

.mod-fillter {
  display: none !important;
}

@media only screen and (max-width:768px) {
  .mod-fillter {
    display: block;
    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 0
  }

  .mod-fillter.open {
    z-index: 11;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, .7)
  }

  .mod-fillter .fillterOPEN {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    display: block;
    padding: 1.5rem 0;
    width: 11.5rem;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    font-size: 1.4rem;
    background: #00ADB5
  }

  .mod-fillter-body {
    -webkit-transition: transform .4s ease 0s;
    -moz-transition: transform .4s ease 0s;
    -o-transition: transform .4s ease 0s;
    -ms-transition: transform .4s ease 0s;
    transition: transform .4s ease 0s;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    left: 0;
    right: 0;
    width: auto;
    width: 100%;
    padding-left: 5.5rem;
    box-sizing: border-box;
    background: 0 0;
    position: fixed;
    top: 0;
    bottom: 0;
    display: block
  }

  .mod-fillter.open .mod-fillter-body {
    visibility: visible;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  .mod-fillter-body .fillterCLOSE {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    text-indent: -5260px;
    z-index: 1;
    width: 5.5rem;
    height: 6.5rem
  }

  .mod-fillter-body .fillterCLOSE span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.75rem;
    height: .2rem;
    margin-left: -1.37rem;
    background: #fff
  }

  .mod-fillter-body .fillterCLOSE span.line_1,
  .mod-fillter-body .fillterCLOSE span.line_2 {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    margin-top: -.1rem
  }

  .mod-fillter-body .fillterCLOSE span.line_1 {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .mod-fillter-body .fillterCLOSE span.line_2 {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .mod-fillter-body-inner {
    overflow: auto;
    height: 100%;
    background: #00ADB5
  }

  .mod-fillter-body-list .cat-item,
  .mod-fillter-body-list .item {
    border-top: .1rem solid #21862c
  }

  .mod-fillter-body-list .cat-item .children,
  .mod-fillter-body-list .item .children {
    display: none
  }

  .mod-fillter-body-list .cat-item .label,
  .mod-fillter-body-list .cat-item>a,
  .mod-fillter-body-list .item .label,
  .mod-fillter-body-list .item>a {
    display: block;
    padding: 2rem;
    text-decoration: none;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1
  }

  .mod-fillter-body-list .cat-item .ahv-select,
  .mod-fillter-body-list .item .ahv-select {
    display: block;
    position: relative;
    text-align: left;
    margin: 0 2rem 2rem
  }

  .mod-fillter-body-list .cat-item .ahv-select .label,
  .mod-fillter-body-list .item .ahv-select .label {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    padding: 1.5rem;
    font-size: 1.4rem;
    line-height: 1;
    border: none;
    display: block;
    border: none;
    color: rgba(255, 255, 255, .2);
    background: #21862c
  }

  .mod-fillter-body-list .cat-item .ahv-select .label:after,
  .mod-fillter-body-list .cat-item .ahv-select .label:before,
  .mod-fillter-body-list .item .ahv-select .label:after,
  .mod-fillter-body-list .item .ahv-select .label:before {
    position: absolute;
    display: block;
    content: ''
  }

  .mod-fillter-body-list .cat-item .ahv-select .label:before,
  .mod-fillter-body-list .item .ahv-select .label:before {
    right: 2rem;
    top: 50%;
    margin-top: -.4rem;
    box-sizing: border-box;
    width: .6rem;
    height: .8rem;
    border: .6rem solid transparent;
    border-top: .8rem solid #fff
  }

  .mod-fillter-body-list .cat-item .ahv-select select,
  .mod-fillter-body-list .item .ahv-select select {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=70)'
  }

  .mod-fillter-body-list .cat-item .tag-list,
  .mod-fillter-body-list .item .tag-list {
    padding: 0 2rem 2rem
  }

  .mod-fillter-body-list .cat-item .tag-list li,
  .mod-fillter-body-list .item .tag-list li {
    display: inline-block;
    line-height: 2.8;
    margin-right: .3rem
  }

  .mod-fillter-body-list .cat-item .tag-list li a,
  .mod-fillter-body-list .item .tag-list li a {
    color: #fff;
    background: rgba(0, 0, 0, .1);
    border-radius: 1.3rem;
    padding: .5rem 1.2rem;
    line-height: 1;
    text-decoration: none
  }
}

.ank-content ul {
  border: .5rem solid #f2f2f2;
  padding: 3rem;
  margin-bottom: 10rem
}

.ank-content ul li a {
  font-size: 1.6rem;
  letter-spacing: .05em;
  text-decoration: none;
  font-weight: 700;
  padding-right: 2.3rem;
  position: relative;
  display: inline-block
}

.ank-content ul li a:before {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  top: 1.2rem;
  width: .6rem;
  height: .6rem;
  border-top: .3rem solid #00ADB5;
  border-right: .3rem solid #00ADB5;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

@media only screen and (max-width:768px) {
  .ank-content ul {
    border: .4rem solid #f2f2f2;
    padding: 2.5rem;
    margin-bottom: 5rem
  }

  .ank-content ul li+li {
    margin-top: 1rem
  }

  .ank-content ul li a {
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.4;
    padding-right: 2rem
  }

  .ank-content ul li a:before {
    top: .4rem
  }
}

.hilite {
  background: #ffff8c;
  font-weight: 700;
  padding: .1rem .2rem;
  margin: .2rem;
  color: #333;
  border: .1rem solid rgba(0, 0, 0, .15);
  border-radius: 3px;
  box-sizing: border-box
}

.formSelect {
  display: block;
  position: relative;
  text-align: left
}

.formSelect .label {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 10rem;
  padding: 0 1.8rem;
  font-size: 1.2rem;
  line-height: 1;
  border: none;
  display: block;
  background: #fff
}

.formSelect .label:after,
.formSelect .label:before {
  position: absolute;
  display: block;
  content: ''
}

.formSelect .label:before {
  top: 50%;
  margin-top: -.5rem;
  right: 1.8rem;
  width: 0;
  height: 0;
  border-left: .4rem solid transparent;
  border-right: .4rem solid transparent;
  border-bottom: .4rem solid #cfcfcf
}

.formSelect .label:after {
  top: 50%;
  margin-top: .2rem;
  right: 1.8rem;
  width: 0;
  height: 0;
  border-left: .4rem solid transparent;
  border-right: .4rem solid transparent;
  border-top: .4rem solid #cfcfcf
}

.formSelect select {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 10rem;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: 0 0;
  cursor: pointer;
  outline: 0;
  background: #ccc;
  opacity: 0;
  -ms-filter: 'alpha(opacity=70)';
  -webkit-appearance: none;
  font-size: 1.4rem
}

.mod-rigth-layout {
  padding-top: 35rem;
  position: relative;
  zoom: 1
}

.mod-rigth-layout:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-rigth-layout .bg {
  width: 120rem;
  height: 81.2rem;
  position: absolute !important;
  top: 0;
  left: 0
}

.mod-rigth-layout .bg span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.mod-rigth-layout .txt-area {
  float: right;
  box-sizing: border-box;
  max-width: 920px;
  padding-top: 10rem;
  padding-left: 10rem;
  padding-bottom: 10rem;
  background: #fff;
  position: relative;
  z-index: 2
}

@media only screen and (min-width:1500px) {
  .mod-rigth-layout .txt-area {
    max-width: 1150px
  }
}

@media only screen and (max-width:768px) {
  .mod-rigth-layout {
    margin: 0 -1.5rem;
    padding-top: 25.5rem
  }

  .mod-rigth-layout .bg {
    width: 100%;
    height: 25.5rem
  }

  .mod-rigth-layout .txt-area {
    float: none;
    padding-top: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 5rem;
    font-size: 1.4rem
  }
}

.mod-gray-box {
  background: #f7f7f7;
  padding: 5rem 0
}

@media only screen and (max-width:768px) {
  .mod-gray-box {
    padding: 4rem 0
  }
}

.comment-item {
  zoom: 1
}

.comment-item:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.comment-item .img-area {
  float: left;
  width: 13rem;
  text-align: center
}

.comment-item .img-area .img {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: .5rem
}

.comment-item .img-area .name {
  font-size: 1.2rem
}

.comment-item .txt-area {
  float: right;
  width: 65rem;
  padding: 4rem;
  box-sizing: border-box;
  background: #f7f7f7;
  position: relative;
  line-height: 2.14;
  letter-spacing: .05em
}

.comment-item .txt-area:before {
  position: absolute;
  top: 2.6rem;
  left: -1.9rem;
  display: block;
  content: '';
  width: 1.9rem;
  height: 1.9rem;
  box-sizing: border-box;
  border: .8rem solid transparent;
  border-right: .8rem solid #f7f7f7
}

.comment-item+.comment-item {
  margin-top: 5rem
}

.comment-item.right .img-area {
  float: right
}

.comment-item.right .txt-area {
  float: left
}

.comment-item.right .txt-area:before {
  left: auto;
  right: -1.9rem;
  border-right: .8rem solid transparent;
  border-left: .8rem solid #f7f7f7
}

.link-card a {
  text-decoration: none;
  display: table;
  box-sizing: boder-box;
  background: #f7f7f7;
  padding: 4rem;
  width: 100%;
  box-sizing: border-box
}

.link-card a .img {
  display: table-cell;
  vertical-align: middle;
  width: 18rem
}

.link-card a .img+.txt-area {
  padding-left: 3rem
}

.link-card a .txt-area {
  display: table-cell;
  vertical-align: middle
}

.link-card a .txt-area dt {
  font-size: 1.8rem;
  font-weight: 700
}

.link-card a .txt-area dd {
  line-height: 2
}

.link-card+.link-card {
  margin-top: 3rem
}

@media only screen and (max-width:768px) {
  .comment-item {
    position: relative
  }

  .comment-item .img-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.5rem
  }

  .comment-item .img-area .name {
    font-size: .9rem
  }

  .comment-item .txt-area {
    margin-left: 8rem;
    float: none;
    width: auto;
    padding: 1.2rem;
    line-height: 1.75;
    letter-spacing: 0;
    min-height: 8.5rem
  }

  .comment-item .txt-area:before {
    top: 1.1rem;
    left: -1.9rem;
    width: 1.9rem;
    height: 1.9rem;
    border: .8rem solid transparent;
    border-right: .8rem solid #f7f7f7
  }

  .comment-item+.comment-item {
    margin-top: 2.5rem
  }

  .comment-item.right .img-area {
    float: none;
    left: auto;
    right: 0
  }

  .comment-item.right .txt-area {
    margin-left: 0;
    margin-right: 8rem;
    float: none
  }

  .comment-item.right .txt-area:before {
    left: auto;
    right: -1.9rem;
    border-right: .8rem solid transparent;
    border-left: .8rem solid #f7f7f7
  }

  .link-card a {
    padding: 2.5rem
  }

  .link-card a .img {
    display: block;
    width: auto
  }

  .link-card a .img img {
    width: 100%;
    height: auto
  }

  .link-card a .img+.txt-area {
    padding-left: 0;
    padding-top: 1.2rem
  }

  .link-card a .txt-area {
    display: block
  }

  .link-card a .txt-area dt {
    font-size: 1.6rem
  }

  .link-card a .txt-area dd {
    line-height: inherit;
    font-size: 1.2rem
  }

  .link-card+.link-card {
    margin-top: 2rem
  }
}

.mod-author {
  margin-top: 4rem;
  border: .4rem solid #e7e7e7;
  display: table;
  box-sizing: border-box;
  background: #f7f7f7;
  padding: 4rem;
  width: 100%
}

.mod-author .img {
  display: table-cell;
  vertical-align: middle;
  width: 18rem
}

.mod-author .img+.txt-area {
  padding-left: 3rem
}

.mod-author .txt-area {
  display: table-cell;
  vertical-align: middle
}

.mod-author .txt-area dt {
  zoom: 1
}

.mod-author .txt-area dt:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.mod-author .txt-area dt .ttl {
  font-size: 1.8rem;
  font-weight: 700;
  float: left;
  margin-right: 1.5rem
}

.mod-author .txt-area dt .ttl .name {
  margin-left: 1.8rem;
  padding-left: 1.8rem;
  position: relative
}

.mod-author .txt-area dt .ttl .name:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.6rem;
  width: .1rem;
  height: 1.2rem;
  background: #000
}

.mod-author .txt-area dt .position {
  padding-top: .6rem;
  font-size: 1.2rem;
  margin-left: 2rem;
  font-weight: 400
}

.mod-author .txt-area dt .sns {
  padding-top: .8rem
}

.mod-author .txt-area dt .sns li {
  float: left;
  width: 1.8rem;
  text-align: center
}

.mod-author .txt-area dt .sns li a {
  display: block;
  height: 1.8rem;
  position: relative
}

.mod-author .txt-area dt .sns li a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff
}

.mod-author .txt-area dt .sns li.facebook a {
  background: #3a589e
}

.mod-author .txt-area dt .sns li.facebook a:before {
  margin-left: -.2rem;
  margin-top: -.4rem;
  font-size: 1rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905'
}

.mod-author .txt-area dt .sns li.twitter a {
  background: #55acee
}

.mod-author .txt-area dt .sns li.twitter a:before {
  margin-left: -.6rem;
  margin-top: -.5rem;
  font-size: .9rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e907'
}

.mod-author .txt-area dd {
  line-height: 2
}

@media only screen and (max-width:768px) {
  .mod-author {
    margin-top: 2rem;
    display: block;
    padding: 2rem
  }

  .mod-author .img {
    display: block;
    width: auto
  }

  .mod-author .img img {
    width: 100%;
    height: auto
  }

  .mod-author .img+.txt-area {
    padding-left: 0;
    margin-top: 1.5rem
  }

  .mod-author .txt-area {
    display: block
  }

  .mod-author .txt-area dt {
    position: relative;
    margin-bottom: 1rem
  }

  .mod-author .txt-area dt .ttl {
    float: left;
    margin-right: 0;
    padding-right: 5rem;
    line-height: 1.4
  }

  .mod-author .txt-area dt .ttl .title {
    display: block;
    margin-bottom: .2rem;
    font-size: 10px;
    font-weight: 700;
    color: #ccc
  }

  .mod-author .txt-area dt .ttl .name {
    font-weight: 700;
    font-size: 1.6rem;
    margin-left: 0;
    padding-left: 0;
    margin-right: 1rem;
    padding-right: 1rem;
    position: relative
  }

  .mod-author .txt-area dt .ttl .name:before {
    left: auto;
    right: 0;
    top: 50%;
    margin-top: -.5rem;
    background: #ccc
  }

  .mod-author .txt-area dt .position {
    padding-top: .6rem;
    font-size: 1.2rem;
    margin-right: 0;
    margin-left: 0;
    font-weight: 700;
    color: #ccc
  }

  .mod-author .txt-area dt .sns {
    position: absolute;
    right: 0;
    top: 2rem;
    padding-top: 0
  }

  .mod-author .txt-area dt .sns li {
    float: left;
    width: 2.2rem;
    text-align: center
  }

  .mod-author .txt-area dt .sns li a {
    display: block;
    height: 2.2rem;
    position: relative
  }

  .mod-author .txt-area dt .sns li.facebook a:before {
    margin-left: -.3rem;
    margin-top: -.5rem;
    font-size: 1.2rem
  }

  .mod-author .txt-area dt .sns li.twitter a:before {
    margin-left: -.6rem;
    margin-top: -.5rem;
    font-size: 1.1rem
  }

  .mod-author .txt-area dd {
    line-height: inherit
  }
}

body {
  margin: 0;
  padding: 0;
  border: none;
  background: #000;
}

address,
article,
aside,
blockquote,
dd,
dialog,
div,
dl,
dt,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
img,
li,
nav,
ol,
p,
section,
textarea,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  text-decoration: none;
  list-style-type: none
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit
}

table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0
}

th {
  text-align: left;
  vertical-align: top
}

caption {
  text-align: left
}

a,
a:active,
a:focus,
a:hover {
  outline: 0
}

input,
input:active,
input:focus,
input:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover {
  outline: 0
}

img {
  vertical-align: top
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

html {
  font-size: 10px;
  overflow-y: scroll;
  height: 100%
}

@media only screen and (min-width:1500px) {
  html {
    font-size: 12.5px
  }
}

body {
  color: #00ADB5;
  font-family: 'AGENCYR','YSHaoShenTi',"PingFang SC", "Microsoft YaHei", "Tahoma", "Arial", "sans-serif";;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'palt'1;
  font-feature-settings: 'palt'1
}

@media only screen and (max-width:768px) {
  html {
    font-size: 10px
  }

  body {
    font-size: 1.2rem;
    line-height: 1.8
  }
}

img {
  max-width: 100%;
  height: auto
}

.cap {
  padding-top: 1.2rem;
  font-size: 1.2rem
}

::-moz-selection {
  background: #00ADB5;
  color: #fff
}

::selection {
  background: #00ADB5;
  color: #fff
}

.pc-hidden {
  display: none
}

@keyframes btn {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  99.7% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1
  }

  99.8% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
  }

  99.9% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
  }

  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1
  }
}

@keyframes btn_ov {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes arw {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  50% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  50.1% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes arw_l {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  50% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  50.1% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes arw_b {
  0% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  50% {
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  50.1% {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes arw_ov {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes view-all {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
  }
}

@keyframes hoverAfter {
  50% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: .6
  }
}

a,
button {
  color: #fff;
  text-decoration: underline;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.noTouch a:hover,
.noTouch button:hover {
  text-decoration: none
}

a.btn,
button.btn {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 1.4rem 2.7rem;
  max-width: 20rem;
  color: #fff;
  font-size: 16px;
  text-align: left;
  vertical-align: top;
  text-decoration: none;
  border-radius: 0;
  background: #00ADB5;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1);
  box-sizing: border-box
}

a.btn.en,
button.btn.en {
  font-weight: 400
}

a.btn .arw,
button.btn .arw {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 2rem;
  height: .6rem;
  top: 50%;
  margin-top: -.35rem;
  right: 2rem
}

a.btn .arw:after,
button.btn .arw:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 2rem;
  height: .6rem;
  background: url(../images/arw01-r_white.svg) no-repeat center center;
  background-size: contain;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch a.btn:hover .arw:after,
.noTouch button.btn:hover .arw:after {
  -moz-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

a.btn.btn02,
button.btn.btn02 {
  background: #fff;
  color: #00ADB5
}

a.btn.btn02 .arw:after,
button.btn.btn02 .arw:after {
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain
}

a.btn.btn03,
button.btn.btn03 {
  border: 1px solid #e5e5e5;
  background: #fff;
  margin: 0 auto;
  color: #333;
  text-align: center;
  box-shadow: none
}

a.btn.btn03 p,
button.btn.btn03 p {
  display: inline-block;
  position: relative;
  padding-right: 3rem
}

a.btn.btn03 .arw,
button.btn.btn03 .arw {
  right: 0
}

a.btn.btn03 .arw:after,
button.btn.btn03 .arw:after {
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain
}

a.btn.btn04,
button.btn.btn04 {
  border: 1px solid #00ADB5;
  background: #fff;
  margin: 0 auto;
  color: #00ADB5;
  text-align: center;
  box-shadow: none
}

a.btn.btn04 .arw,
button.btn.btn04 .arw {
  width: .6rem;
  height: 1rem;
  top: 50%;
  margin-top: -.5rem;
  right: 4.5rem
}

a.btn.btn04 .arw:after,
button.btn.btn04 .arw:after {
  bottom: 0;
  width: .6rem;
  height: 1.8rem;
  background: url(../images/arw01-b_green.svg) no-repeat bottom center;
  background-size: contain;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.noTouch a.btn.btn04:hover .arw:after,
.noTouch button.btn.btn04:hover .arw:after {
  -moz-animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

a.btn.view-all,
button.btn.view-all {
  background: #fff;
  color: #333;
  width: 21rem;
  text-align: center;
  box-shadow: none;
  border-left: solid 1px #e5e5e5;
  padding: 1.5rem 2.5rem
}

a.btn.view-all .arw,
button.btn.view-all .arw {
  width: 1rem;
  height: 1rem;
  top: 50%;
  margin-top: -.5rem;
  right: 4.5rem
}

a.btn.view-all .arw:after,
button.btn.view-all .arw:after {
  position: absolute;
  content: "";
  display: block;
  text-indent: 0;
  width: auto;
  height: auto;
  left: 0;
  top: 0;
  background: no-repeat;
  color: #00ADB5;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e903';
  font-size: 1rem;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch a.btn.view-all:hover,
.noTouch button.btn.view-all:hover {
  color: #00ADB5
}

a.btn.big-btn,
button.btn.big-btn {
  background: #fff;
  color: #333;
  max-width: inherit;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
  box-shadow: none;
  border-top: solid 1px #e5e5e5;
  padding: 4rem 7.5rem 4rem 0
}

a.btn.big-btn.no-anime:before,
button.btn.big-btn.no-anime:before {
  display: none
}

a.btn.big-btn .arw,
button.btn.big-btn .arw {
  right: 4rem
}

a.btn.big-btn .arw:after,
button.btn.big-btn .arw:after {
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain
}

a.btn.big-btn p,
button.btn.big-btn p {
  position: relative;
  z-index: 3
}

a.btn.big-btn:before,
button.btn.big-btn:before {
  position: absolute;
  content: "";
  display: block;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-animation: btn .4s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: btn .4s cubic-bezier(.78, .07, 0, 1) normal;
  animation: btn .4s cubic-bezier(.78, .07, 0, 1) normal;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background: 0 0;
  z-index: 0;
  background: #00ADB5
}

.noTouch a.btn.big-btn:hover,
.noTouch button.btn.big-btn:hover {
  color: #fff
}

.noTouch a.btn.big-btn:hover .arw:after,
.noTouch button.btn.big-btn:hover .arw:after {
  background: url(../images/arw01-r_white.svg) no-repeat center center;
  background-size: contain
}

.noTouch a.btn.big-btn:hover:before,
.noTouch button.btn.big-btn:hover:before {
  -moz-animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

a.btn.list-more-btn,
button.btn.list-more-btn {
  background: 0 0;
  color: #333;
  max-width: inherit;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  box-shadow: none;
  border-top: solid 1px #e5e5e5;
  padding: 6rem 0 6rem 0
}

a.btn.list-more-btn .arw,
button.btn.list-more-btn .arw {
  right: auto;
  left: 50%;
  margin-left: -.3rem;
  width: .6rem;
  height: 2rem;
  top: auto;
  bottom: 3rem;
  margin-top: 0
}

a.btn.list-more-btn .arw:after,
button.btn.list-more-btn .arw:after {
  background: url(../images/arw01-b_green.svg) no-repeat center center;
  background-size: contain;
  width: .6rem;
  height: 2rem;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.noTouch a.btn.list-more-btn:hover .arw:after,
.noTouch button.btn.list-more-btn:hover .arw:after {
  -moz-animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

a.fhover {
  display: block
}

.noTouch a.fhover:hover {
  opacity: .65
}

.readMore {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  padding-right: 4rem;
  overflow: hidden
}

.readMore p {
  font-weight: 700;
  font-size: 1rem;
  color: #00ADB5;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  opacity: 0
}

.readMore .arw {
  position: absolute;
  top: 50%;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-top: -.4rem;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 2rem;
  height: .6rem;
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain
}

@media only screen and (max-width:768px) {

  a.btn,
  button.btn {
    padding: 1.8rem 1.5rem;
    max-width: 15rem;
    font-size: .9rem;
    box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .1)
  }

  a.btn.btn03,
  button.btn.btn03 {
    border: 1px solid #00ADB5;
    color: #00ADB5
  }

  a.btn.btn04,
  button.btn.btn04 {
    max-width: 18rem
  }

  a.btn.view-all,
  button.btn.view-all {
    width: 12rem;
    border-left: solid 1px #e5e5e5;
    padding: 1rem 0
  }

  a.btn.view-all .arw,
  button.btn.view-all .arw {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    right: 1rem
  }

  a.btn.list-more-btn,
  button.btn.list-more-btn {
    padding: 3rem 0 3rem 0
  }

  a.btn.list-more-btn .arw,
  button.btn.list-more-btn .arw {
    bottom: 0;
    margin-top: 0
  }

  a.btn.big-btn,
  button.btn.big-btn {
    padding: 3rem 3.8rem 3rem 0
  }

  a.btn.big-btn .arw,
  button.btn.big-btn .arw {
    right: 1rem
  }
}

#wrapper {
  overflow: hidden;
  box-sizing: border-box;
  min-width: 1200px
}

@media only screen and (min-width:1500px) {
  #wrapper {
    min-width: 1500px
  }
}

#wrapper:after {
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  content: '';
  display: block;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, .7);
  opacity: 0
}

body.overlay-show #wrapper:after {
  visibility: visible;
  opacity: 1
}

@media only screen and (max-width:768px) {
  #wrapper {
    min-width: 0;
    padding: 0
  }
}

@media only screen and (max-width:768px) {
  #content {
    padding: 0 1.5rem 0
  }
}

.section-inner {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  zoom: 1;
  position: relative
}

@media only screen and (min-width:1500px) {
  .section-inner {
    max-width: 1500px
  }
}

.section-inner:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.page-title-bg {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  max-width: inherit;
  margin: 0;
  width: 85.72vw;
  position: relative;
  height: 51.4rem;
  box-sizing: border-box
}

@media only screen and (min-width:1500px) {
  .page-title-bg {
    max-width: 1500px
  }
}

@media only screen and (min-width:1500px) {
  .page-title-bg {
    height: 49.5rem
  }
}

.page-title-bg.no-image {
  height: 30rem
}

.page-title-bg.no-image+.page-title {
  margin-bottom: 6rem
}

.page-title-bg.no-image+.page-title .ttl span.main {
  font-size: 4.8rem
}

.page-title-bg .bg {
  top: 9.4rem;
  left: 0;
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  height: 42rem
}

.page-title-bg .bg span {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.page-title {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin-top: -3rem;
  zoom: 1
}

@media only screen and (min-width:1500px) {
  .page-title {
    max-width: 1500px
  }
}

@media only screen and (min-width:1500px) {
  .page-title {
    margin-top: -1rem
  }
}

.page-title:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.page-title .ttl {
  text-align: right
}

.page-title .ttl span {
  display: block;
  line-height: 1
}

.page-title .ttl span.sub {
  opacity: 0;
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 1.5rem
}

.page-title .ttl span.main {
  opacity: 0;
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  font-family: 'YSHaoShenTi';
  font-weight: 700;
  font-size: 3rem;
  margin-bottom: 1.4rem
}

.page-title .ttl span.jp {
  opacity: 0;
  -moz-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
  font-size: 1.4rem
}

@media only screen and (max-width:768px) {
  .page-title-bg {
    margin: 0 -1.5rem;
    height: 34.5rem;
    width: auto
  }

  .page-title-bg.no-image {
    height: 20rem
  }

  .page-title-bg.no-image+.page-title {
    margin-top: 0;
    margin-bottom: 4.4rem
  }

  .page-title-bg.no-image+.page-title .ttl span.main {
    font-size: 3rem
  }

  .page-title-bg .bg {
    top: 9.5rem;
    right: 0;
    padding-left: 0;
    height: 25rem
  }

  .page-title {
    margin-top: 4rem;
    margin-bottom: 6rem
  }

  .page-title .ttl {
    text-align: left
  }

  .page-title .ttl span.sub {
    display: none
  }

  .page-title .ttl span.main {
    font-size: 3rem;
    margin-bottom: 1rem
  }

  .page-title .ttl span.jp {
    font-size: 1rem
  }
}

.section-ttl {
  position: absolute;
  top: 16rem;
  left: 4rem;
  z-index: 2;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -moz-transform: translate(-90%, 0) rotate(-90deg);
  -ms-transform: translate(-90%, 0) rotate(-90deg);
  -webkit-transform: translate(-90%, 0) rotate(-90deg);
  transform: translate(-90%, 0) rotate(-90deg);
  /* font-family: 'YSHaoShenTi'; */
  font-weight: 100;
  font-size: 1.2rem;
  letter-spacing: .2em;
  line-height: 1
}

.section-ttl.right {
  left: auto;
  right: 4rem;
  -moz-transform: translate(0, 0) rotate(90deg);
  -ms-transform: translate(0, 0) rotate(90deg);
  -webkit-transform: translate(0, 0) rotate(90deg);
  transform: translate(0, 0) rotate(90deg)
}

.word {
  display: block;
  position: relative;
  margin: 0 auto;
  text-decoration: none;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.word span {
  display: block;
  overflow: hidden;
  text-indent: -5260px
}

.word:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.word.messaga {
  width: 123.7rem;
  height: 45.6rem
}

.word.messaga:before {
  width: 123.7rem;
  height: 45.6rem;
  background: url(../images/txt-message.svg) no-repeat left top;
  background-size: 100% auto
}

@media only screen and (max-width:768px) {
  .word.messaga {
    width: 59.85rem;
    height: 22.1rem
  }

  .word.messaga:before {
    width: 59.85rem;
    height: 22.1rem
  }
}

.easingWrap .easingImage_message {
  visibility: hidden;
  position: relative;
  overflow: hidden
}

.easingWrap .easingImage_message:before {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  z-index: 2;
  background: #00ADB5
}

.easingWrap .easingImage_message img {
  opacity: 0
}

.easingWrap .easingImage_message.anime01 {
  visibility: visible
}

.easingWrap .easingImage_message.anime01:before {
  -moz-animation: transX 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: transX 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  animation: transX 1.2s cubic-bezier(.78, .07, 0, 1) normal
}

.easingWrap .easingImage_message.anime01 img {
  -moz-animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  opacity: 1
}

.easingWrap .photo02 .easingImage_message:before {
  background: #00ADB5
}

.easingWrap .easingImageX,
.easingWrap .easingTitleImage {
  visibility: hidden;
  overflow: hidden;
  position: relative
}

.easingWrap .easingImageX:before,
.easingWrap .easingTitleImage:before {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  z-index: 2;
  background: #00ADB5
}

.easingWrap .easingImageX.item_img:after,
.easingWrap .easingTitleImage.item_img:after {
  opacity: 0
}

.easingWrap .easingImageX div,
.easingWrap .easingImageX img,
.easingWrap .easingImageX span,
.easingWrap .easingTitleImage div,
.easingWrap .easingTitleImage img,
.easingWrap .easingTitleImage span {
  opacity: 0
}

.easingWrap .easingImageX.animeX,
.easingWrap .easingTitleImage.animeX {
  visibility: visible
}

.easingWrap .easingImageX.animeX:before,
.easingWrap .easingTitleImage.animeX:before {
  -moz-animation: transX 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: transX 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  animation: transX 1.2s cubic-bezier(.78, .07, 0, 1) normal
}

.easingWrap .easingImageX.animeX.item_img:after,
.easingWrap .easingTitleImage.animeX.item_img:after {
  -moz-animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  opacity: 1
}

.easingWrap .easingImageX.animeX div,
.easingWrap .easingImageX.animeX img,
.easingWrap .easingImageX.animeX span,
.easingWrap .easingTitleImage.animeX div,
.easingWrap .easingTitleImage.animeX img,
.easingWrap .easingTitleImage.animeX span {
  -moz-animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  animation: imgOpacity 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  opacity: 1
}

.easingWrap .easingImageX.shadow,
.easingWrap .easingTitleImage.shadow {
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1)
}

.easingWrap .easingFade {
  -moz-transform: translateY(25px);
  -ms-transform: translateY(25px);
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  opacity: 0
}

.easingWrap .easingBg {
  position: relative;
  overflow: hidden
}

.easingWrap .easingBg .mask {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh
}

.easingWrap .easingBg .mask.mask-1 {
  z-index: 2;
  background: #f7f7f7
}

.easingWrap .easingBg .mask.mask-2 {
  background: #00ADB5
}

@keyframes imgOpacity {
  0% {
    opacity: 0
  }

  50% {
    opacity: 0
  }

  51% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@keyframes opacity-reset {
  0% {
    opacity: 1
  }

  100% {
    opacity: 1
  }
}

@keyframes transX {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  47.5% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  52.5% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.notfound {
  padding: 6rem 0 7rem
}

.notfound .mod-gray-box {
  margin-top: 5rem
}

.brPc {
  display: inline-block
}

.brSp {
  display: none
}

.pcNone {
  display: none !important
}

@media screen and (max-width:768px) {
  .brPc {
    display: none
  }

  .brSp {
    display: inline-block
  }

  .pcNone {
    display: block !important
  }

  .spNone {
    display: none !important
  }
}

.inlineblock {
  display: inline-block
}

body.overlay-show {
  overflow: hidden
}

.global-header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10
}

.global-header-inner {
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  display: table;
  width: 100%;
  height: 9.4rem;
  background: #000
}

.global-header .logo {
  position: absolute;
  top: 0;
  left: 0
}

/*
.global-header .logo a {
  position: relative;
  display: block;
  width: 24rem;
  height: 9.4rem;
  text-decoration: none;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}*/

.global-header .navMENU .nav-menu-inner {
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 8rem;
  height: 9.4rem
}

.global-header .navMENU .nav-menu-inner span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.3rem;
  height: 2px;
  margin-left: -1.15rem;
  background: #00ADB5
}

.global-header .navMENU .nav-menu-inner span.line_1 {
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  margin-top: -.8rem
}

.global-header .navMENU .nav-menu-inner span.line_2,
.global-header .navMENU .nav-menu-inner span.line_3 {
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  -ms-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  margin-top: -.1rem
}

.global-header .navMENU .nav-menu-inner span.line_4 {
  -webkit-transition: all .2s ease .2s;
  -moz-transition: all .2s ease .2s;
  -o-transition: all .2s ease .2s;
  -ms-transition: all .2s ease .2s;
  transition: all .2s ease .2s;
  margin-top: .6rem
}

.global-header .global-nav {
  display: table;
  width: 100%
}

.global-header .nav {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.nav-in-logo {
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
}

.logo-2 {
  display: none;
}

.fixedHeader .logo-1 {
  display: none;
}

.fixedHeader .logo-2 {
  display: block;
}

.global-header .nav .navCLOSE {
  display: none
}

.global-header .nav-inner {
  zoom: 1;
  display: table;
  margin-left: auto;
  margin-right: 10rem
}

.global-header .nav-inner:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.global-header .nav-list {
  zoom: 1
}

.global-header .nav-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.global-header .nav-list .item {
  float: left
}

.global-header .nav-list .item>a {
  padding: 0 2rem 0;
  cursor: pointer;
  display: table;
  position: relative;
  height: 9.4rem;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  /* font-family: 'YSHaoShenTi'; */
  font-size: 14px;
  font-weight: 0;
  line-height: 1;
  text-decoration: none;
  color: #fff;
}

.global-header .nav-list .item>a span {
  display: table-cell;
  vertical-align: middle;
  position: relative
}

.global-header .nav-list .item>a span:before {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #e2e2e6
}

.global-header .nav-list .item>a span:after {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97);
  transition: .2s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.global-header .nav-list .item>a span:after,
.global-header .nav-list .item>a span:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  right: 0;
  height: .4rem
}

html.noTouch .global-header .nav-list .item>a:hover span:after,
html.noTouch .global-header .nav-list .item>a:hover span:before {
  left: 0;
  width: 0
}

/* html.noTouch .global-header .nav-list .item:not(.item-dropdown)>a:hover span:after,
html.noTouch .global-header .nav-list .item:not(.item-dropdown)>a:hover span:before {
  left: 0;
  width: 100%
} */

body#index .global-header .nav-list .item_top>a {
  color: #00ADB5
}

body#index .global-header .nav-list .item_top>a span:after {
  left: 0;
  width: 100%;
  z-index: 1
}

body#empty .global-header .nav-list .item_empty>a {
  color: #00ADB5
}

body#empty .global-header .nav-list .item_empty>a span:after {
  left: 0;
  width: 100%;
  z-index: 1
}

body#about .global-header .nav-list .item_about>a {
  color: #00ADB5
}

body#about .global-header .nav-list .item_about>a span:after {
  left: 0;
  width: 100%;
  z-index: 1
}

body#technology .global-header .nav-list .item_technology>a {
  color: #00ADB5
}

body#technology .global-header .nav-list .item_technology>a span:after {
  left: 0;
  width: 100%;
  z-index: 1
}

body#works .global-header .nav-list .item_works>a {
  color: #00ADB5
}

body#works .global-header .nav-list .item_works>a span:after {
  left: 0;
  width: 100%;
  z-index: 1
}

body#blog .global-header .nav-list .item_blog>a {
  color: #00ADB5
}

body#blog .global-header .nav-list .item_blog>a span:after {
  left: 0;
  width: 100%;
  z-index: 1
}

body#contact .global-header .nav-list .item_contact>a {
  color: #00ADB5
}

body#contact .global-header .nav-list .item_contact>a span:after {
  left: 0;
  width: 100%;
  z-index: 1
}

.global-header .nav .nav-dropdown {
  display: none;
  position: absolute;
  top: 9.4rem;
  left: 0;
  z-index: -2;
  width: 100%;
  background: #fff;
  text-align: left
}

.global-header .nav .nav-dropdown:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #f5f5f5
}

.global-header .nav .nav-dropdown-inner {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  display: table;
  position: relative;
  z-index: 1;
  width: 100%
}

@media only screen and (min-width:1500px) {
  .global-header .nav .nav-dropdown-inner {
    max-width: 1500px
  }
}

.global-header .nav .nav-dropdown-left {
  display: table-cell;
  width: 30rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #f5f5f5;
  vertical-align: middle
}

.global-header .nav .nav-dropdown-left .ttl {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1
}

.global-header .nav .nav-dropdown-left .lead {
  margin-top: 1.5rem;
  font-size: 1.1rem
}

.global-header .nav .nav-dropdown-left .btn {
  margin-top: 1.5rem
}

.global-header .nav .nav-dropdown-left .btn a {
  display: inline-block;
  color: #00ADB5;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: relative;
  padding-right: 2rem
}

.global-header .nav .nav-dropdown-left .btn a .arw {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 1.4rem;
  height: .6rem;
  top: 50%;
  margin-top: -.35rem;
  right: 0
}

.global-header .nav .nav-dropdown-left .btn a .arw:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 1.4rem;
  height: .6rem;
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch .global-header .nav .nav-dropdown-left .btn a:hover .arw:after {
  -moz-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

.global-header .nav .nav-dropdown-right {
  display: table-cell;
  padding-top: 6rem;
  padding-bottom: 4rem;
  padding-left: 5rem;
  background: #fff;
  vertical-align: top
}

.global-header .nav .nav-dropdown-right .about-list {
  zoom: 1;
  margin-right: -2.33%;
  box-sizing: border-box
}

.global-header .nav .nav-dropdown-right .about-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.global-header .nav .nav-dropdown-right .about-list li {
  display: block;
  width: 31%;
  float: left;
  margin-right: 2.33%;
  margin-bottom: 2rem
}

.global-header .nav .nav-dropdown-right .about-list li a {
  display: table;
  width: 100%;
  text-decoration: none;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.global-header .nav .nav-dropdown-right .about-list li a .item_img {
  display: block;
  overflow: hidden
}

.global-header .nav .nav-dropdown-right .about-list li a .item_img img {
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

html.noTouch .global-header .nav .nav-dropdown-right .about-list li a:hover .item_img img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.global-header .nav .nav-dropdown-right .about-list li a .item_img {
  display: table-cell;
  vertical-align: middle;
  width: 11.2rem
}

.global-header .nav .nav-dropdown-right .about-list li a .txt {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.3rem;
  line-height: 1.84;
  padding-left: 1.5rem
}

.global-header .nav .nav-dropdown-right .service-list {
  zoom: 1;
  box-sizing: border-box;
  padding-bottom: 2rem
}

.global-header .nav .nav-dropdown-right .service-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.global-header .nav .nav-dropdown-right .service-list li {
  display: block;
  width: 33.33%;
  float: left;
  box-sizing: border-box
}

.global-header .nav .nav-dropdown-right .service-list li+li {
  padding-left: 1px
}

.global-header .nav .nav-dropdown-right .service-list li a {
  display: table;
  width: 100%;
  text-decoration: none;
  position: relative;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.global-header .nav .nav-dropdown-right .service-list li a .item_img {
  display: block;
  overflow: hidden
}

.global-header .nav .nav-dropdown-right .service-list li a .item_img img {
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

html.noTouch .global-header .nav .nav-dropdown-right .service-list li a:hover .item_img img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.global-header .nav .nav-dropdown-right .service-list li a:before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4)
}

.global-header .nav .nav-dropdown-right .service-list li a .item_img img {
  width: 100%;
  height: auto
}

.global-header .nav .nav-dropdown-right .service-list li a .txt {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -1.3rem;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  z-index: 1
}

.global-header .bnr_link,
.global-header .drawer-logo,
.global-header .left-area,
.global-header .right-area {
  display: none
}

.global-header.dropdown-show .global-header-inner {
  background: 0 0 !important
}

.global-header.dropdown-show .logo {
  box-shadow: none
}

.global-header.dropdown-show .logo a {
  background: 0 0;
  width: 24rem;
  height: 9.4rem
}

.global-header.dropdown-show .logo a:before {
  width: 15.8rem;
  height: 2.5rem;
  margin-left: -7.9rem;
  margin-top: -1.25rem;
  background: url(../images/logo02.svg) no-repeat left top;
  background-size: contain
}

.global-header.dropdown-show .navMENU .nav-menu-inner {
  opacity: .1
}

.global-header.dropdown-show .nav-list {
  zoom: 1
}

.global-header.dropdown-show .nav-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.global-header.dropdown-show .nav-list .item>a {
  color: #fff !important
}

.global-header.dropdown-show .nav-list .item>a span:before {
  opacity: .3
}

html.noTouch .global-header.dropdown-show .nav-list .item>a:hover {
  color: #fff !important
}

.global-header.dropdown-show .nav-list .item-on>a {
  color: #fff !important;
  background: #00ADB5
}

body#index .global-header.dropdown-show .nav-list .item_top>a {
  color: inherit
}

body#about .global-header.dropdown-show .nav-list .item_about>a {
  color: inherit
}

body#technology .global-header.dropdown-show .nav-list .item_technology>a {
  color: inherit
}

body#works .global-header.dropdown-show .nav-list .item_works>a {
  color: inherit
}

body#blog .global-header.dropdown-show .nav-list .item_blog>a {
  color: inherit
}

body#contact .global-header.dropdown-show .nav-list .item_contact>a {
  color: inherit
}

body.nav-open .global-header .navMENU .nav-menu-inner {
  z-index: 3;
  right: 0;
  height: 9.4rem !important
}

body.nav-open .global-header .navMENU .nav-menu-inner:before {
  opacity: 0
}

body.nav-open .global-header .navMENU .nav-menu-inner span {
  background: #fff !important
}

body.nav-open .global-header .navMENU .nav-menu-inner span.line_1 {
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0
}

body.nav-open .global-header .navMENU .nav-menu-inner span.line_2 {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

body.nav-open .global-header .navMENU .nav-menu-inner span.line_3 {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

body.nav-open .global-header .navMENU .nav-menu-inner span.line_4 {
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  opacity: 0
}

body.nav-open .global-header .global-nav .nav {
  opacity: 0
}

.global-header #clone.global-nav {
  display: block;
  width: auto
}

.global-header #clone.global-nav .nav {
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #5a5a5a;
  overflow: auto
}

.global-header #clone.global-nav .nav .navCLOSE {
  display: none
}

.global-header #clone.global-nav .nav-inner {
  box-sizing: border-box;
  display: block;
  overflow: auto;
  height: 100%;
  margin-right: 0;
  -webkit-overflow-scrolling: touch
}

.global-header #clone.global-nav .nav-inner-body {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  height: 100%
}

@media only screen and (min-width:1500px) {
  .global-header #clone.global-nav .nav-inner-body {
    max-width: 1500px
  }
}

.global-header #clone.global-nav .nav .drawer-logo {
  position: absolute;
  top: 0;
  left: 0
}

.global-header #clone.global-nav .nav .drawer-logo a {
  position: relative;
  display: block;
  width: 29.5rem;
  height: 17rem;
  text-decoration: none;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.global-header #clone.global-nav .nav .drawer-logo a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17.6rem;
  height: 2.8rem;
  margin-left: -8.8rem;
  margin-top: -1.4rem;
  background: url(../images/logo02.svg) no-repeat left top;
  background-size: contain
}

.global-header #clone.global-nav .nav .left-area {
  z-index: 1;
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  font-size: 1rem;
  color: #fff
}

.global-header #clone.global-nav .nav .left-area .copyright {
  margin-right: 1rem
}

.global-header #clone.global-nav .nav .left-area .privacy a {
  color: #fff;
  text-decoration: none;
  position: relative
}

.global-header #clone.global-nav .nav .left-area .privacy a:before {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #e2e2e6
}

.global-header #clone.global-nav .nav .left-area .privacy a:after {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97);
  transition: .2s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.global-header #clone.global-nav .nav .left-area .privacy a:after,
.global-header #clone.global-nav .nav .left-area .privacy a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 1px
}

html.noTouch .global-header #clone.global-nav .nav .left-area .privacy a:hover {
  text-decoration: none
}

html.noTouch .global-header #clone.global-nav .nav .left-area .privacy a:hover:after,
html.noTouch .global-header #clone.global-nav .nav .left-area .privacy a:hover:before {
  left: 0;
  width: 100%
}

@media only screen and (max-width:768px) {

  .global-header #clone.global-nav .nav .left-area .privacy a:after,
  .global-header #clone.global-nav .nav .left-area .privacy a:before {
    display: none
  }
}

.global-header #clone.global-nav .nav .left-area .privacy a:before {
  background: #e2e2e6
}

.global-header #clone.global-nav .nav .left-area .privacy a:after {
  background-color: #fff
}

.global-header #clone.global-nav .nav .right-area {
  display: table;
  z-index: 1;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  color: #fff
}

.global-header #clone.global-nav .nav .right-area .address {
  display: table-cell;
  vertical-align: middle;
  font-size: 1rem;
  padding-top: .5rem;
  padding-right: 2.5rem
}

.global-header #clone.global-nav .nav .right-area .address a {
  text-decoration: none;
  color: #fff
}

.global-header #clone.global-nav .nav .right-area .address span.open {
  margin-left: 1rem
}

.global-header #clone.global-nav .nav .right-area .sns {
  display: table-cell;
  vertical-align: middle
}

.global-header #clone.global-nav .nav .right-area .sns li {
  float: left
}

.global-header #clone.global-nav .nav .right-area .sns li a {
  display: block;
  position: relative;
  width: 2.3rem;
  height: 2.3rem;
  background: #fff;
  border-radius: 2.3rem
}

.global-header #clone.global-nav .nav .right-area .sns li a span {
  display: block;
  overflow: hidden;
  text-indent: -5260px
}

.global-header #clone.global-nav .nav .right-area .sns li a:before {
  position: absolute;
  top: 50%;
  margin-top: -.7rem;
  left: 50%;
  margin-left: -.3rem;
  font-size: 1.3rem;
  color: #00ADB5;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e905'
}

.global-header #clone.global-nav .nav .right-area .sns li.twitter a:before {
  margin-top: -.5rem;
  margin-left: -.6rem;
  font-size: 1rem;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e907'
}

.global-header #clone.global-nav .nav .right-area .sns li+li {
  margin-left: .5rem
}

.global-header #clone.global-nav .nav-list {
  position: absolute;
  top: 50%;
  right: 10rem;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 44rem;
  zoom: 1
}

.global-header #clone.global-nav .nav-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.global-header #clone.global-nav .nav-list #column {
  float: left;
  margin-right: 10rem;
  position: relative;
  z-index: 1
}

.global-header #clone.global-nav .nav-list .item {
  display: block;
  float: none;
  margin: 0;
  margin-bottom: 2.5rem
}

/* .global-header #clone.global-nav .nav-list .item.item_about {
  margin-bottom: 3rem
} */

.global-header #clone.global-nav .nav-list .item .move-slide span {
  display: block
}

.global-header #clone.global-nav .nav-list .item_top {
  display: none
}

.global-header #clone.global-nav .nav-list .item>a {
  display: inline-block;
  color: #fff !important;
  padding: 0;
  font-size: 1.8rem;
  height: auto !important
}

.global-header #clone.global-nav .nav-list .item>a span:after,
.global-header #clone.global-nav .nav-list .item>a span:before {
  bottom: -10px;
  top: auto;
  height: 1px
}

.global-header #clone.global-nav .nav-list .item>a span:after {
  background-color: #fff
}

html.noTouch .global-header #clone.global-nav .nav-list .item>a:hover span:after,
html.noTouch .global-header #clone.global-nav .nav-list .item>a:hover span:before {
  left: 0;
  width: 100%
}

/* html.noTouch .global-header #clone.global-nav .nav-list .item:not(.item-dropdown)>a:hover span:after,
html.noTouch .global-header #clone.global-nav .nav-list .item:not(.item-dropdown)>a:hover span:before {
  left: 0;
  width: 100%
} */

body#index .global-header #clone.global-nav .nav-list .item_top>a {
  color: #fff
}

body#index .global-header #clone.global-nav .nav-list .item_top>a span:before {
  width: 0
}

body#about .global-header #clone.global-nav .nav-list .item_about>a {
  color: #fff
}

body#about .global-header #clone.global-nav .nav-list .item_about>a span:before {
  width: 0
}

body#technology .global-header #clone.global-nav .nav-list .item_technology>a {
  color: #fff
}

body#technologyice .global-header #clone.global-nav .nav-list .item_technology>a span:before {
  width: 0
}

body#works .global-header #clone.global-nav .nav-list .item_works>a {
  color: #fff
}

body#works .global-header #clone.global-nav .nav-list .item_works>a span:before {
  width: 0
}

body#blog .global-header #clone.global-nav .nav-list .item_blog>a {
  color: #fff
}

body#blog .global-header #clone.global-nav .nav-list .item_blog>a span:before {
  width: 0
}

body#contact .global-header #clone.global-nav .nav-list .item_contact>a {
  color: #fff
}

body#contact .global-header #clone.global-nav .nav-list .item_contact>a span:before {
  width: 0
}

.global-header #clone.global-nav .nav-list .bnr_link {
  overflow: hidden
}

.global-header #clone.global-nav .nav-list .bnr_link a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  position: relative
}

.global-header #clone.global-nav .nav-list .bnr_link a:before {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #e2e2e6
}

.global-header #clone.global-nav .nav-list .bnr_link a:after {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97);
  transition: .2s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.global-header #clone.global-nav .nav-list .bnr_link a:after,
.global-header #clone.global-nav .nav-list .bnr_link a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 1px
}

html.noTouch .global-header #clone.global-nav .nav-list .bnr_link a:hover {
  text-decoration: none
}

html.noTouch .global-header #clone.global-nav .nav-list .bnr_link a:hover:after,
html.noTouch .global-header #clone.global-nav .nav-list .bnr_link a:hover:before {
  left: 0;
  width: 100%
}

@media only screen and (max-width:768px) {

  .global-header #clone.global-nav .nav-list .bnr_link a:after,
  .global-header #clone.global-nav .nav-list .bnr_link a:before {
    display: none
  }
}

.global-header #clone.global-nav .nav-list .bnr_link a:after {
  background-color: #fff
}

.global-header #clone.global-nav .nav-list .bnr_link_ttl {
  margin-bottom: 0;
  padding-right: 2rem;
  position: relative;
  display: inline-block
}

.global-header #clone.global-nav .nav-list .bnr_link_ttl:before {
  position: absolute;
  top: 50%;
  margin-top: -.4rem;
  right: 0;
  font-size: .9rem;
  color: #fff;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e901'
}

.global-header #clone.global-nav .nav .nav-dropdown {
  display: block;
  position: static;
  z-index: inherit;
  width: auto;
  background: inherit;
  padding-top: .3rem
}

.global-header #clone.global-nav .nav .nav-dropdown:before {
  display: none
}

.global-header #clone.global-nav .nav .nav-dropdown-inner {
  margin-top: 2rem;
  display: block;
  width: inherit
}

.global-header #clone.global-nav .nav .nav-dropdown-left {
  display: none
}

.global-header #clone.global-nav .nav .nav-dropdown-right {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  background: inherit;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.global-header #clone.global-nav .nav .nav-dropdown-right a {
  position: relative
}

.global-header #clone.global-nav .nav .nav-dropdown-right a:before {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #e2e2e6
}

.global-header #clone.global-nav .nav .nav-dropdown-right a:after {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97);
  transition: .2s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.global-header #clone.global-nav .nav .nav-dropdown-right a:after,
.global-header #clone.global-nav .nav .nav-dropdown-right a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 1px
}

html.noTouch .global-header #clone.global-nav .nav .nav-dropdown-right a:hover {
  text-decoration: none
}

html.noTouch .global-header #clone.global-nav .nav .nav-dropdown-right a:hover:after,
html.noTouch .global-header #clone.global-nav .nav .nav-dropdown-right a:hover:before {
  left: 0;
  width: 100%
}

@media only screen and (max-width:768px) {

  .global-header #clone.global-nav .nav .nav-dropdown-right a:after,
  .global-header #clone.global-nav .nav .nav-dropdown-right a:before {
    display: none
  }
}

.global-header #clone.global-nav .nav .nav-dropdown-right a:after {
  background-color: #fff
}

.global-header #clone.global-nav .nav .nav-dropdown-right .about-list {
  margin-right: 0
}

.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li {
  display: block;
  width: auto;
  float: none;
  margin-right: 0;
  margin-bottom: 0
}

.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li+li {
  margin-top: 0
}

.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li a {
  position: relative;
  display: inline-block;
  width: auto;
  color: #fff
}

.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li a .item_img {
  display: none
}

.global-header #clone.global-nav .nav .nav-dropdown-right .about-list li a .txt {
  overflow: hidden;
  display: block;
  font-size: 1.4rem;
  line-height: 1.6;
  padding-left: 0
}

.global-header #clone.global-nav .nav .nav-dropdown-right .service-list {
  padding-bottom: 0
}

.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li {
  display: block;
  width: auto;
  float: none
}

.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li+li {
  padding-left: 0;
  margin-top: 0
}

.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a {
  position: relative;
  display: inline-block;
  width: auto;
  color: #fff
}

.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a:before {
  display: none
}

.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a .item_img {
  display: none
}

.global-header #clone.global-nav .nav .nav-dropdown-right .service-list li a .txt {
  overflow: hidden;
  width: auto;
  text-align: left;
  position: static;
  margin-top: 0;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: 400
}

.global-header #clone.global-nav .bnr_link,
.global-header #clone.global-nav .drawer-logo,
.global-header #clone.global-nav .left-area,
.global-header #clone.global-nav .right-area {
  display: block
}

@media only screen and (max-width:768px) {
  .global-header {
    position: absolute
  }

  .global-header-inner {
    height: 6.5rem
  }

  .global-header .logo {
    box-shadow: none
  }

  .global-header .logo a {
    width: 14.8rem;
    height: 6.5rem;
    background: 0 0
  }

  .global-header .logo a:before {
    width: 10.75rem;
    height: 1.7rem;
    margin-left: -5.3rem;
    margin-top: -.85rem
  }

  .global-header .navMENU .nav-menu-inner {
    width: 8.5rem;
    height: 6.5rem
  }

  .global-header .navMENU .nav-menu-inner:before {
    top: 1.85rem;
    height: 2.5rem;
    width: .1rem
  }

  .global-header .navMENU .nav-menu-inner span {
    width: 2.8rem;
    height: .1rem;
    margin-left: -1.4rem;
    background: #00ADB5
  }

  .global-header .navMENU .nav-menu-inner span.line_1 {
    margin-top: -.7rem
  }

  .global-header .navMENU .nav-menu-inner span.line_2,
  .global-header .navMENU .nav-menu-inner span.line_3 {
    margin-top: -.1rem
  }

  .global-header .navMENU .nav-menu-inner span.line_4 {
    margin-top: .5rem
  }

  body.nav-open .global-header .navMENU {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    width: 100vw;
    height: 100vh
  }

  body.nav-open .global-header .navMENU .nav-menu-inner {
    display: none
  }

  .global-header .nav {
    display: none
  }

  body.nav-open .global-header #clone.global-nav {
    position: relative;
    z-index: 5
  }

  .global-header #clone.global-nav .nav {
    -webkit-transition: transform .4s ease 0s;
    -moz-transition: transform .4s ease 0s;
    -o-transition: transform .4s ease 0s;
    -ms-transition: transform .4s ease 0s;
    transition: transform .4s ease 0s;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    left: 0;
    right: 0;
    width: auto;
    width: 100%;
    padding-left: 5.5rem;
    box-sizing: border-box;
    background: 0 0;
    opacity: 1 !important
  }

  body.nav-open .global-header #clone.global-nav .nav {
    visibility: visible;
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  .global-header #clone.global-nav .nav .navCLOSE {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    text-indent: -5260px;
    z-index: 1;
    width: 5.5rem;
    height: 6.5rem
  }

  .global-header #clone.global-nav .nav .navCLOSE span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.75rem;
    height: .2rem;
    margin-left: -1.37rem;
    background: #fff
  }

  .global-header #clone.global-nav .nav .navCLOSE span.line_1,
  .global-header #clone.global-nav .nav .navCLOSE span.line_2 {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    margin-top: -.1rem
  }

  .global-header #clone.global-nav .nav .navCLOSE span.line_1 {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .global-header #clone.global-nav .nav .navCLOSE span.line_2 {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .global-header #clone.global-nav .nav-inner {
    background: #5a5a5a;
    padding-top: 6rem
  }

  .global-header #clone.global-nav .nav-inner-body {
    box-sizing: border-box;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 100%;
    margin-left: 2.5rem;
    padding: 1.5rem 2.5rem 0;
    border-left: .1rem solid #fff
  }
}

@media only screen and (max-width:768px) and (min-width:1500px) {
  .global-header #clone.global-nav .nav-inner-body {
    max-width: 1500px
  }
}

@media only screen and (max-width:768px) {
  .global-header #clone.global-nav .nav .drawer-logo {
    display: none
  }

  .global-header #clone.global-nav .nav .left-area {
    display: none
  }

  .global-header #clone.global-nav .nav .right-area {
    display: none
  }

  .global-header #clone.global-nav .nav-list {
    position: relative;
    top: inherit;
    right: inherit;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: inherit
  }

  .global-header #clone.global-nav .nav-list #column {
    float: none;
    margin-right: 0
  }

  .global-header #clone.global-nav .nav-list .item {
    display: block;
    float: none;
    margin: 0;
    margin-bottom: 2rem
  }

  /* .global-header #clone.global-nav .nav-list .item.item_about,
  .global-header #clone.global-nav .nav-list .item.item_service {
    margin-bottom: 2.5rem
  } */

  .global-header #clone.global-nav .nav-list .item>a span:after,
  .global-header #clone.global-nav .nav-list .item>a span:before {
    display: none
  }

  .global-header #clone.global-nav .nav-list .item .move-slide span {
    display: block;
    position: relative;
    padding: .2rem 0 0 3rem
  }

  .global-header #clone.global-nav .nav-list .item .move-slide span:before {
    display: block;
    position: absolute;
    background-color: inherit;
    top: 50%;
    margin-top: -.4rem;
    left: 0;
    content: '01';
    font-size: 1rem
  }

  .global-header #clone.global-nav .nav-list .item_top {
    display: block
  }

  .global-header #clone.global-nav .nav-list .item_top .move-slide span:before {
    content: '01'
  }

  .global-header #clone.global-nav .nav-list .item_about .move-slide span:before {
    content: '02'
  }

  .global-header #clone.global-nav .nav-list .item_technology .move-slide span:before {
    content: '03'
  }

  .global-header #clone.global-nav .nav-list .item_works .move-slide span:before {
    content: '04'
  }

  .global-header #clone.global-nav .nav-list .item_blog .move-slide span:before {
    content: '05'
  }

  .global-header #clone.global-nav .nav-list .item_contact .move-slide span:before {
    content: '06'
  }

  .global-header #clone.global-nav .nav-list .item>a {
    font-size: 2.2rem
  }

  .global-header #clone.global-nav .nav-list .bnr_link {
    display: none
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner {
    margin-top: 0
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right {
    padding-left: 3rem
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li {
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.4
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li+li {
    margin-top: 0
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a {
    opacity: .5
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a .ttl {
    position: relative;
    margin-right: .8rem;
    padding-right: 1.5rem;
    font-size: 1.2rem;
    line-height: 1.4
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li a .ttl:before {
    position: absolute;
    content: '/';
    display: block;
    right: 0
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li:last-child a .ttl {
    margin-right: 0;
    padding-right: 0
  }

  .global-header #clone.global-nav .nav .nav-dropdown-inner .nav-dropdown-right li:last-child a .ttl:before {
    display: none
  }
}

.fixedHeader.global-header .global-header-inner {
  height: 6rem;
  box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .1)
}

.fixedHeader.global-header .logo {
  box-shadow: none
}

.fixedHeader.global-header .logo a {
  background: 0 0;
  width: 20rem;
  height: 6rem
}

.fixedHeader.global-header .logo a:before {
  width: 11.9rem;
  /* height: 1.9rem; */
  margin-left: -5.95rem;
  margin-top: -.8rem
}

.fixedHeader.global-header .navMENU .nav-menu-inner {
  height: 6rem
}

.fixedHeader.global-header .navMENU .nav-menu-inner:before {
  top: 2rem
}

.fixedHeader.global-header .nav-list .item>a {
  height: 6rem
}

.fixedHeader.global-header .nav .nav-dropdown {
  top: 6rem
}

@media only screen and (max-width:768px) {
  .global-header .fixedNavMENU.navMENU {
    top: 0;
    right: 0;
    position: fixed
  }

  .global-header .fixedNavMENU.navMENU .nav-menu-inner {
    height: 3.5rem;
    background: #fff
  }

  .global-header .fixedNavMENU.navMENU .nav-menu-inner:before {
    display: none
  }
}

.fixed-sns {
  overflow: hidden;
  top: 0;
  right: 0;
  position: absolute;
  height: 100vh;
  width: 8rem;
  z-index: 0
}

.fixed-sns-line {
  top: 0;
  right: 0;
  position: absolute;
  height: 100vh;
  width: 8rem
}

.fixed-sns-inner {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 3.5rem;
  z-index: 10;
  width: 22rem;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -moz-transform: translate(0, -1350%) rotate(-90deg);
  -ms-transform: translate(0, -1350%) rotate(-90deg);
  -webkit-transform: translate(0, -1350%) rotate(-90deg);
  transform: translate(0, -1350%) rotate(-90deg);
  font-size: 1rem;
  line-height: 1
}

.fixed-sns-inner .ttl {
  float: left;
  padding-right: 3rem;
  margin-right: 3rem;
  border-right: rgba(0, 0, 0, .1) solid 1px
}

.fixed-sns-inner ul {
  float: left
}

.fixed-sns-inner ul li {
  float: left
}

.fixed-sns-inner ul li+li {
  margin-left: 3rem
}

.fixed-sns-inner ul li a {
  text-decoration: none
}

html.noTouch .fixed-sns-inner ul li a:hover {
  color: #00ADB5
}

@media only screen and (max-width:1500px) {
  .fixed-sns {
    display: none
  }

  #top .fixed-sns {
    display: block
  }
}

@media only screen and (max-width:768px) {
  #top .fixed-sns {
    display: none
  }
}

.global-footer {
  position: relative;
  z-index: 1
}

.footer-section {
  padding: 8rem 0;
  background: #00ADB5;
}

.page-page .footer-section {
  display: none;
}

.footer-section_ttl {
  margin-bottom: 2rem;
  font-size: 24px;
  line-height: 1;
  text-align: center;
}

.footer-section_body {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto
}

@media only screen and (min-width:1500px) {
  .footer-section_body {
    max-width: 1500px
  }
}

.footer-consultation {
  padding: 0;
  overflow: hidden;
  display: none;
}

#about .footer-consultation {
  /* display: block; */
}

.footer-consultation .inner {
  position: relative;
  z-index: 1;
  color: #fff;
}

.footer-consultation a {
  text-decoration: none;
  display: block;
  padding: 15rem 0;
  background: #000;
  text-align: center;
  position: relative
}

.footer-consultation a:before {
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  background: 0 0;
  z-index: 0;
  -moz-animation: btn .4s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: btn .4s cubic-bezier(.78, .07, 0, 1) normal;
  animation: btn .4s cubic-bezier(.78, .07, 0, 1) normal;
  background: #00ADB5
}

.footer-consultation a .contact-btn {
  display: block;
  position: relative;
  margin: 3rem auto;
  padding: 1.3rem 2.5rem;
  border: 1px solid #dedede;
  max-width: 9rem;
  color: #333;
  font-size: 1.2rem;
  letter-spacing: .08em;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  border-radius: 0;
  background: #fff;
}

.footer-consultation a .contact-btn p {
  display: inline-block;
  position: relative;
  padding-right: 3rem
}

.footer-consultation a .contact-btn.en {
  /* font-family: 'YSHaoShenTi'; */
  font-weight: 700
}

.footer-consultation a .contact-btn .arw {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 2rem;
  height: .6rem;
  top: 50%;
  margin-top: -.35rem;
  right: 0
}

.footer-consultation a .contact-btn .arw:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 1.9rem;
  height: .5rem;
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch .footer-consultation a:hover {
  color: #fff
}

.noTouch .footer-consultation a:hover:before {
  -moz-animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch .footer-consultation a:hover .contact-btn {
  border: 1px solid #fff;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1)
}

.noTouch .footer-consultation a:hover .contact-btn .arw:after {
  -moz-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

.footer-bnr {
  background: #333
}

.footer-bnr .bnr-list {
  zoom: 1
}

.footer-bnr .bnr-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.footer-bnr .bnr-list .item {
  float: left;
  width: 33.33%
}

.footer-bnr .bnr-list .item a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  display: table;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.footer-bnr .bnr-list .item_img {
  display: table-cell;
  vertical-align: middle;
  width: 5rem
}

.footer-bnr .bnr-list .item_txt {
  display: table-cell;
  vertical-align: middle;
  padding-left: 2.4rem
}

.footer-bnr .bnr-list .item_ttl {
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 700;
  padding-right: 2rem;
  position: relative;
  display: inline-block
}

.footer-bnr .bnr-list .item_ttl:before {
  position: absolute;
  top: 50%;
  margin-top: -.4rem;
  right: 0;
  font-size: .9rem;
  color: #fff;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e901'
}

.footer-bnr .bnr-list .item dd {
  font-size: 1.2rem
}

.footer-sitemap a {
  color: #fff;
  text-decoration: none;
  position: relative
}

.footer-sitemap a:before {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #e2e2e6
}

.footer-sitemap a:after {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97);
  transition: .2s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.footer-sitemap a:after,
.footer-sitemap a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 1px
}

html.noTouch .footer-sitemap a:hover {
  text-decoration: none
}

html.noTouch .footer-sitemap a:hover:after,
html.noTouch .footer-sitemap a:hover:before {
  left: 0;
  width: 100%
}

@media only screen and (max-width:768px) {

  .footer-sitemap a:after,
  .footer-sitemap a:before {
    display: none
  }
}

.footer-sitemap a:after,
.footer-sitemap a:before {
  bottom: -2px
}

.footer-sitemap .inner {
  zoom: 1;
  display: table;
  width: 100%
}

.footer-sitemap .inner:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.footer-sitemap .inner .footer_facebook {
  display: table-cell;
  vertical-align: top;
  width: 34rem
}

.footer-sitemap .sitemap-list {
  zoom: 1;
  display: table-cell;
  vertical-align: top
}

.footer-sitemap .sitemap-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.footer-sitemap .sitemap-list .parent {
  font-size: 14px;
  /* font-family: 'YSHaoShenTi'; */
  line-height: 1
}

.footer-sitemap .sitemap-list .parent+.parent {
  margin-top: 2.5rem
}

.footer-sitemap .sitemap-list .parent+.children {
  margin-top: 3rem
}

.footer-sitemap .sitemap-list .children {
  font-size: 1.4rem;
  line-height: 1.79
}

.footer-sitemap .sitemap-list .children>li+li {
  margin-top: 1rem
}

.footer-sitemap .sitemap_top {
  float: left;
  width: 19rem
}

.footer-sitemap .sitemap_second {
  zoom: 1;
  box-sizing: border-box;
  float: left;
  width: 66rem;
  padding-left: 6rem
}

.footer-sitemap .sitemap_second:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.footer-sitemap .sitemap_second .item {
  float: left;
  width: 26%;
  margin: 5.5rem 0 0 5rem
}

.footer-sitemap .sitemap_second .item:nth-child(4n+1) {
  clear: left;
  margin-left: -6rem
}

.footer-sitemap .sitemap_second .item:nth-child(-n+4) {
  margin-top: 0
}

.footer-sitemap .sitemap_second .item-dropdown+.item-dropdown,
.footer-sitemap .sitemap_second .item-dropdown+.parent {
  margin-top: 6rem
}

.footer-map .gmap {
  width: 100%;
  /* height: 54rem; */
  box-sizing: border-box
}

.footer-address {
  text-align: center;
  padding: 8rem 1rem;
  background: #000;
}

.footer-address .footer_logo {
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  margin: 0 auto 2.5rem;
  /* width: 13.9rem; */
  height: 40px;
  background: url('/index/static/img/logo.png') no-repeat center center;
  background-size: contain
}

.footer-address .address {
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 1.9
}

.footer-address .address b {
  color: #00ADB5;
}

.footer-address .address a {
  text-decoration: none;
  color: #fff
}

@media only screen and (max-width:768px) {
  .footer-section {
    margin: 0 -4rem;
    padding: 0
  }

  .footer-section_ttl {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    letter-spacing: 0
  }

  .footer-consultation {
    margin: 0
  }

  .footer-consultation a {
    padding: 8.5rem 1rem;
    background: #00ADB5;
    color: #fff
  }

  .footer-consultation a .contact-btn {
    margin: 3rem auto 0;
    padding: 2rem;
    border: 1px solid #fff;
    color: #00ADB5;
    font-size: 1.2rem;
    box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .1)
  }

  .footer-bnr {
    padding: 6rem 0
  }

  .footer-bnr .bnr-list .item {
    float: none;
    width: auto;
    text-align: center
  }

  .footer-bnr .bnr-list .item+.item {
    margin-top: 3rem
  }

  .footer-bnr .bnr-list .item a {
    display: inline-block
  }

  .footer-bnr .bnr-list .item_img {
    display: none
  }

  .footer-bnr .bnr-list .item_txt {
    display: block;
    vertical-align: inherit;
    padding-left: 0
  }

  .footer-bnr .bnr-list .item_ttl {
    margin-bottom: 0;
    font-size: 1.3rem;
    padding-right: 1.8rem
  }

  .footer-bnr .bnr-list .item dd {
    font-size: 1rem
  }

  .footer-sitemap {
    margin: 0;
    padding: 0;
  }

  .footer-sitemap a {
    cursor: pointer
  }

  .footer-sitemap a:hover {
    cursor: pointer
  }

  .footer-sitemap .inner {
    display: block
  }

  .footer-sitemap .inner .footer_facebook {
    display: block;
    vertical-align: inherit;
    width: 34rem;
    margin: 0 auto
  }

  .footer-sitemap .sitemap-list {
    padding: 2rem 0;
    display: block;
    vertical-align: inherit
  }

  .footer-sitemap .sitemap-list .parent {
    font-size: 1.8rem;
    display: table;
    position: relative;
    width: 100%;
    line-height: 1
  }

  .footer-sitemap .sitemap-list .parent+.parent {
    margin-top: 0
  }

  .footer-sitemap .sitemap-list .parent+.children {
    margin-top: 0;
    margin-bottom: 3rem
  }

  .footer-sitemap .sitemap-list .parent a {
    padding: 1rem 0;
    text-align: center;
    display: block;
    font-size: 14px;
  }

  .footer-sitemap .sitemap-list .children {
    font-size: 1.2rem;
    line-height: 1
  }

  .footer-sitemap .sitemap-list .children li {
    display: table;
    position: relative;
    width: 100%;
    text-align: center
  }

  .footer-sitemap .sitemap-list .children li+li {
    margin-top: 0
  }

  .footer-sitemap .sitemap-list .children li a {
    display: block;
    padding: 1.5rem 0
  }

  .footer-sitemap .sitemap-list .children li ul {
    display: none
  }

  .footer-sitemap .sitemap-list .item-dropdown+.item-dropdown,
  .footer-sitemap .sitemap-list .item-dropdown+.parent {
    margin-top: 0
  }

  .footer-sitemap .sitemap-list .item-dropdown .children {
    display: none
  }

  .footer-sitemap .sitemap-list .item-dropdown.item-on .parent a {
    color: #00ADB5
  }

  .footer-sitemap .sitemap_top {
    float: none;
    width: auto;
    border-top: none !important
  }

  .footer-sitemap .sitemap_second {
    float: none;
    width: auto;
    padding-left: 0
  }

  .footer-sitemap .sitemap_second .item {
    float: none;
    width: auto;
    margin: 0
  }

  .footer-sitemap .sitemap_second .item:nth-child(4n+1) {
    margin-left: 0
  }

  .footer-map {
    display: none
  }

  .footer-address .footer_logo {
    margin: 0 auto 1rem
  }

  .footer-address .address {
    font-size: .9rem
  }
}

@-webkit-keyframes scroll {
  0% {
    top: -1rem
  }

  75% {
    top: -1rem
  }

  100% {
    top: 4.2rem
  }
}

@-moz-keyframes scroll {
  0% {
    top: -1rem
  }

  75% {
    top: -1rem
  }

  100% {
    top: 4.2rem
  }
}

@-o-keyframes scroll {
  0% {
    top: -1rem
  }

  75% {
    top: -1rem
  }

  100% {
    top: 4.2rem
  }
}

@-ms-keyframes scroll {
  0% {
    top: -1rem
  }

  75% {
    top: -1rem
  }

  100% {
    top: 4.2rem
  }
}

@keyframes scroll {
  0% {
    top: -1rem
  }

  75% {
    top: -1rem
  }

  100% {
    top: 4.2rem
  }
}

@-webkit-keyframes scrollLine {
  0% {
    top: auto;
    bottom: 0;
    height: 100%
  }

  25% {
    top: auto;
    bottom: 0;
    height: 0
  }

  25.1% {
    top: 0;
    bottom: auto;
    height: 0
  }

  50% {
    top: 0;
    bottom: auto;
    height: 100%
  }

  100% {
    top: auto;
    bottom: 0;
    height: 100%
  }
}

@-moz-keyframes scrollLine {
  0% {
    top: auto;
    bottom: 0;
    height: 100%
  }

  25% {
    top: auto;
    bottom: 0;
    height: 0
  }

  25.1% {
    top: 0;
    bottom: auto;
    height: 0
  }

  50% {
    top: 0;
    bottom: auto;
    height: 100%
  }

  100% {
    top: auto;
    bottom: 0;
    height: 100%
  }
}

@-o-keyframes scrollLine {
  0% {
    top: auto;
    bottom: 0;
    height: 100%
  }

  25% {
    top: auto;
    bottom: 0;
    height: 0
  }

  25.1% {
    top: 0;
    bottom: auto;
    height: 0
  }

  50% {
    top: 0;
    bottom: auto;
    height: 100%
  }

  100% {
    top: auto;
    bottom: 0;
    height: 100%
  }
}

@-ms-keyframes scrollLine {
  0% {
    top: auto;
    bottom: 0;
    height: 100%
  }

  25% {
    top: auto;
    bottom: 0;
    height: 0
  }

  25.1% {
    top: 0;
    bottom: auto;
    height: 0
  }

  50% {
    top: 0;
    bottom: auto;
    height: 100%
  }

  100% {
    top: auto;
    bottom: 0;
    height: 100%
  }
}

@keyframes scrollLine {
  0% {
    top: auto;
    bottom: 0;
    height: 100%
  }

  25% {
    top: auto;
    bottom: 0;
    height: 0
  }

  25.1% {
    top: 0;
    bottom: auto;
    height: 0
  }

  50% {
    top: 0;
    bottom: auto;
    height: 100%
  }

  100% {
    top: auto;
    bottom: 0;
    height: 100%
  }
}

@-webkit-keyframes scrollbtn {
  0% {
    transform: scale(1)
  }

  26% {
    transform: scale(1.5)
  }

  48% {
    opacity: 0;
    transform: scale(1.5)
  }

  100% {
    opacity: 0;
    transform: scale(1)
  }
}

@-moz-keyframes scrollbtn {
  0% {
    transform: scale(1)
  }

  26% {
    transform: scale(1.5)
  }

  48% {
    opacity: 0;
    transform: scale(1.5)
  }

  100% {
    opacity: 0;
    transform: scale(1)
  }
}

@-o-keyframes scrollbtn {
  0% {
    transform: scale(1)
  }

  26% {
    transform: scale(1.5)
  }

  48% {
    opacity: 0;
    transform: scale(1.5)
  }

  100% {
    opacity: 0;
    transform: scale(1)
  }
}

@-ms-keyframes scrollbtn {
  0% {
    transform: scale(1)
  }

  26% {
    transform: scale(1.5)
  }

  48% {
    opacity: 0;
    transform: scale(1.5)
  }

  100% {
    opacity: 0;
    transform: scale(1)
  }
}

@keyframes scrollbtn {
  0% {
    transform: scale(1)
  }

  26% {
    transform: scale(1.5)
  }

  48% {
    opacity: 0;
    transform: scale(1.5)
  }

  100% {
    opacity: 0;
    transform: scale(1)
  }
}

@-webkit-keyframes tooltip-show {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(.8)
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
  }
}

@-moz-keyframes tooltip-show {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(.8)
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
  }
}

@-o-keyframes tooltip-show {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(.8)
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
  }
}

@-ms-keyframes tooltip-show {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(.8)
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes tooltip-show {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(.8)
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
  }
}

@-webkit-keyframes tooltip-hidden {
  0% {
    visibility: visible;
    opacity: 1
  }

  100% {
    visibility: hidden;
    opacity: 0
  }
}

@-moz-keyframes tooltip-hidden {
  0% {
    visibility: visible;
    opacity: 1
  }

  100% {
    visibility: hidden;
    opacity: 0
  }
}

@-o-keyframes tooltip-hidden {
  0% {
    visibility: visible;
    opacity: 1
  }

  100% {
    visibility: hidden;
    opacity: 0
  }
}

@-ms-keyframes tooltip-hidden {
  0% {
    visibility: visible;
    opacity: 1
  }

  100% {
    visibility: hidden;
    opacity: 0
  }
}

@keyframes tooltip-hidden {
  0% {
    visibility: visible;
    opacity: 1
  }

  100% {
    visibility: hidden;
    opacity: 0
  }
}

#op {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 100vh
}

#op .mask {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #1b7c26
}

#op .mask.mask-1 {
  background: #fff;
  z-index: 1
}

#op .mask.mask-2 {
  opacity: .5;
  background: #fff
}

#op .inner {
  position: relative;
  z-index: 2;
  display: table;
  width: 100vw;
  height: 100%;
  text-align: center
}

#op .inner .logo-area {
  display: table-cell;
  vertical-align: middle;
  font-size: 0
}

#op .inner .logo-area span {
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  position: relative;
  display: inline-block;
  height: 2.7em;
  font-size: 1rem;
  margin-left: .2rem;
  opacity: 0
}

#op .inner .logo-area span.logo01 {
  width: 1.7rem;
  background: url(../images/logo01.svg) no-repeat center center;
  background-size: contain;
  margin-left: 0
}

#op .inner .logo-area span.logo02 {
  width: 1.2rem;
  background: url(../images/logo02.svg) no-repeat center center;
  background-size: contain;
  margin-left: .3rem
}

#op .inner .logo-area span.logo03 {
  width: 1.5rem;
  background: url(../images/logo03.svg) no-repeat center center;
  background-size: contain
}

#op .inner .logo-area span.logo04 {
  width: .8rem;
  background: url(../images/logo04.svg) no-repeat center center;
  background-size: contain;
  margin-left: .3rem
}

#op .inner .logo-area span.logo05 {
  width: .8rem;
  background: url(../images/logo05.svg) no-repeat center center;
  background-size: contain
}

#op .inner .logo-area span.logo06 {
  width: 1.5rem;
  background: url(../images/logo06.svg) no-repeat center center;
  background-size: contain
}

#op .inner .logo-area span.logo07 {
  width: .8rem;
  background: url(../images/logo07.svg) no-repeat center center;
  background-size: contain
}

#op .inner .logo-area span.logo08 {
  width: 1.5rem;
  background: url(../images/logo08.svg) no-repeat center center;
  background-size: contain;
  margin-left: .5rem
}

#op .inner .logo-area span.logo09 {
  width: 1.6rem;
  background: url(../images/logo09.svg) no-repeat center center;
  background-size: contain;
  margin-left: .1rem
}

#op .inner .logo-area span.logo10 {
  width: 1.3rem;
  background: url(../images/logo10.svg) no-repeat center center;
  background-size: contain;
  margin-left: .1rem
}

#op .inner .logo-area span.logo11 {
  width: 1.2rem;
  background: url(../images/logo11.svg) no-repeat center center;
  background-size: contain;
  margin-left: .1rem
}

#op .inner .logo-area span.logo12 {
  width: .5rem;
  background: url(../images/logo12.svg) no-repeat center center;
  background-size: contain
}

body#top .global-header-inner {
  height: 16rem;
  background: 0 0
}

body#top .global-header .logo {
  box-shadow: none
}

body#top .global-header .logo a {
  background: 0 0;
  width: 29.5rem;
  height: 17rem
}

body#top .global-header .navMENU .nav-menu-inner {
  height: 15rem;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

body#top .global-header .navMENU .nav-menu-inner:before {
  top: auto;
  left: 50%;
  margin-left: -1.8rem;
  bottom: 0;
  height: 1px;
  width: 3.5rem;
  background: #e5e5e5
}

body#top .global-header .navMENU .nav-menu-inner span {
  background: #fff
}

body#top .global-header .nav-list .item>a {
  height: 16rem;
  color: #fff
}

body#top .global-header .nav-list .item-on>a {
  color: #fff
}

body#top .global-header .nav-list .item.item_top>a {
  color: #fff !important
}

body#top .global-header .nav .nav-dropdown {
  top: 16rem
}

body#top .global-header.dropdown-show .logo a {
  width: 29.5rem;
  height: 17rem
}

body#top .fixedHeader.global-header .global-header-inner {
  height: 6rem;
  background: #fff;
  box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .1)
}

body#top .fixedHeader.global-header .logo a {
  background: 0 0;
  width: 20rem;
  height: 6rem
}

body#top .fixedHeader.global-header .logo a:before {
  width: 150px;
  /* height: 1.9rem; */
  margin-left: -5.95rem;
  margin-top: -.8rem;
  background: url(../images/logo.svg) no-repeat left top;
  background-size: contain
}

body#top .fixedHeader.global-header .navMENU .nav-menu-inner {
  height: 6rem
}

body#top .fixedHeader.global-header .navMENU .nav-menu-inner:before {
  left: 0;
  margin-left: 0;
  bottom: auto;
  height: 2rem;
  width: 1px;
  top: 2rem
}

body#top .fixedHeader.global-header .navMENU .nav-menu-inner span {
  background: #00ADB5
}

body#top .fixedHeader.global-header .nav-list .item>a {
  height: 6rem;
  color: #333
}

body#top .fixedHeader.global-header .nav-list .item.item_top>a {
  color: #00ADB5 !important
}

body#top .fixedHeader.global-header .nav .nav-dropdown {
  top: 6rem
}

body#top .fixedHeader.global-header.dropdown-show .nav-list .item.item_top>a {
  color: #fff !important
}

body#top .fixedHeader.global-header.dropdown-show .logo a {
  width: 20rem;
  height: 6rem
}

body#top .fixedHeader.global-header.dropdown-show .logo a:before {
  width: 11.9rem;
  height: 1.9rem;
  margin-left: -5.95rem;
  margin-top: -.8rem;
  background: url(../images/logo02.svg) no-repeat left top;
  background-size: contain
}

body#top .fixed-sns {
  z-index: 3
}

body#top .fixed-sns-line {
  background: #fff
}

body#top .main-visual-copyright p {
  position: absolute;
  bottom: 3.5rem;
  right: 12.5rem;
  z-index: 9;
  font-size: 1rem;
  line-height: 1;
  color: #fff
}

#mainVisual {
  position: relative;
  height: 100vh
}

#mainVisual #slide {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden
}

#mainVisual #slide .slideImg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0
}

#mainVisual #slide .slideImg.slide01 {
  background: url(../images/mv-01.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

#mainVisual #slide .slideImg.slide02 {
  background: url(../images/mv-02.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

#mainVisual #slide .slideImg.slide03 {
  background: url(../images/mv-03.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

#mainVisual .slick-current {
  -moz-animation: slick-current linear 14s infinite normal;
  -webkit-animation: slick-current linear 14s infinite normal;
  animation: slick-current linear 14s infinite normal
}

@-webkit-keyframes slick-current {
  0% {
    transform: scale(1.0001)
  }

  100% {
    transform: scale(1.08)
  }
}

@-moz-keyframes slick-current {
  0% {
    transform: scale(1.0001)
  }

  100% {
    transform: scale(1.08)
  }
}

@-o-keyframes slick-current {
  0% {
    transform: scale(1.0001)
  }

  100% {
    transform: scale(1.08)
  }
}

@-ms-keyframes slick-current {
  0% {
    transform: scale(1.0001)
  }

  100% {
    transform: scale(1.08)
  }
}

@keyframes slick-current {
  0% {
    transform: scale(1.0001)
  }

  100% {
    transform: scale(1.08)
  }
}

.main-visual-copy {
  position: absolute;
  left: 12rem;
  bottom: 12rem
}

.main-visual-copy .sub {
  font-size: 1.7rem;
  color: #fff;
  padding-left: 4.5rem;
  position: relative;
  margin-bottom: 3rem
}

.main-visual-copy .sub .em {
  color: #fff;
  font-weight: 700
}

.main-visual-copy .sub:before {
  position: absolute;
  display: block;
  content: "";
  width: 3.3rem;
  height: .1rem;
  background: #fff;
  top: 50%;
  left: 0;
  margin-top: -.1rem
}

.main-visual-copy .main .copy01 {
  width: 50rem;
  height: 7.6rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  background: url(../images/copy-01.svg) no-repeat center center;
  background-size: contain;
  margin-bottom: 2rem
}

.main-visual-copy .main .copy02 {
  width: 36.2rem;
  height: 7.8rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  background: url(../images/copy-02.svg) no-repeat center center;
  background-size: contain
}

.top-scroll {
  position: absolute;
  z-index: 2;
  right: 1.8rem;
  bottom: 0;
  width: 4rem;
  height: 18rem;
  z-index: 9
}

.top-scroll:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #00ADB5
}

.top-scroll:after {
  -moz-animation: scrollLine 2s ease-in-out infinite normal;
  -webkit-animation: scrollLine 2s ease-in-out infinite normal;
  animation: scrollLine 2s ease-in-out infinite normal;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 0;
  background: #e5e5e5
}

.top-scroll .scroll {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-left: -2rem;
  margin-top: -3.5rem;
  background: #fff;
  padding: 1.5rem 0
}

.top-scroll .scroll .btn {
  position: relative;
  z-index: 1;
  width: 4rem;
  height: 4rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  background: url(../images/scroll.svg) no-repeat center center;
  background-size: contain
}

.top-scroll .scroll .effect {
  position: absolute;
  top: 1.5rem;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  background: #f2f2f2;
  -moz-animation: scrollbtn 2s ease-in-out infinite normal;
  -webkit-animation: scrollbtn 2s ease-in-out infinite normal;
  animation: scrollbtn 2s ease-in-out infinite normal
}

.top-scroll-sp {
  display: none
}

@media only screen and (max-width:768px) {
  @-webkit-keyframes scroll {
    0% {
      top: -1rem
    }

    75% {
      top: -1rem
    }

    100% {
      top: 2.7rem
    }
  }

  @-moz-keyframes scroll {
    0% {
      top: -1rem
    }

    75% {
      top: -1rem
    }

    100% {
      top: 2.7rem
    }
  }

  @-o-keyframes scroll {
    0% {
      top: -1rem
    }

    75% {
      top: -1rem
    }

    100% {
      top: 2.7rem
    }
  }

  @-ms-keyframes scroll {
    0% {
      top: -1rem
    }

    75% {
      top: -1rem
    }

    100% {
      top: 2.7rem
    }
  }

  @keyframes scroll {
    0% {
      top: -1rem
    }

    75% {
      top: -1rem
    }

    100% {
      top: 2.7rem
    }
  }

  #mainVisual {
    overflow: inherit;
    margin: 0 -1rem 0
  }

  #mainVisual .border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.5rem;
    background: #fff;
    z-index: 1
  }

  #mainVisual #slide .slideImg.slide01 {
    background: url(../images/mv-01_sp.jpg) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }

  #mainVisual #slide .slideImg.slide02 {
    background: url(../images/mv-02_sp.jpg) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }

  #mainVisual #slide .slideImg.slide03 {
    background: url(../images/mv-03_sp.jpg) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }

  .main-visual-copy {
    width: 100%;
    top: 50%;
    margin-top: -2.5rem;
    text-align: center;
    left: 0;
    bottom: auto
  }

  .main-visual-copy .sub {
    font-size: 1rem;
    padding-left: .5rem;
    margin-bottom: 1rem;
    line-height: 1;
    letter-spacing: .4em;
    font-weight: 700
  }

  .main-visual-copy .sub:before {
    display: none
  }

  .main-visual-copy .main .copy01 {
    width: auto;
    height: auto;
    font-weight: 700;
    color: #fff;
    font-size: 3rem;
    line-height: 1;
    text-indent: 0;
    display: block;
    letter-spacing: -.05em;
    background: 0 0;
    margin-bottom: 0
  }

  .main-visual-copy .main .copy02 {
    display: none
  }

  .top-scroll {
    display: none
  }

  .top-scroll-sp {
    display: block;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -.5rem;
    margin-left: -9.5rem;
    width: 19rem;
    height: 7rem;
    z-index: 9;
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-weight: 700;
    font-size: .9rem;
    color: #fff;
    background: #00ADB5
  }

  .top-scroll-sp .bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #00ADB5;
    box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .1)
  }

  .top-scroll-sp .txt {
    margin-top: 2.8rem;
    line-height: 1;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: 0
  }

  .top-scroll-sp .scroll {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: -2.7rem;
    width: .1rem;
    height: 4.3rem;
    background: #ccc
  }

  .top-scroll-sp .scroll:after {
    -moz-animation: scrollLine 2s ease-in-out infinite normal;
    -webkit-animation: scrollLine 2s ease-in-out infinite normal;
    animation: scrollLine 2s ease-in-out infinite normal;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: .1rem;
    height: 1rem;
    background: #fff
  }

  body#top .global-header-inner {
    height: 6.5rem;
    background: #fff
  }

  body#top .global-header .logo a {
    width: 14.8rem;
    height: 6.5rem
  }

  body#top .global-header .logo a:before {
    width: 10.75rem;
    height: 1.7rem;
    margin-left: -5.3rem;
    margin-top: -.85rem;
    background: url(../images/logo.svg) no-repeat left top;
    background-size: contain
  }

  body#top .global-header .navMENU .nav-menu-inner {
    height: 6.5rem
  }

  body#top .global-header .navMENU .nav-menu-inner:before {
    top: 1.85rem;
    left: 0;
    margin-left: 0;
    bottom: auto;
    height: 2.5rem;
    width: .1rem
  }

  body#top .global-header .fixedNavMENU.navMENU .nav-menu-inner {
    height: 3.5rem
  }

  body#top .global-header .fixedNavMENU.navMENU .nav-menu-inner:before {
    display: none
  }

  body#top .main-visual-copyright {
    display: none
  }

  body#top .fixed-sns {
    display: none
  }
}

.top-section .head {
  margin-bottom: 6rem;
  position: relative
}

.top-section .head-ttl .ttl {
  float: left;
  line-height: 1;
  font-size: 26px;
  margin-right: 3rem
}

.top-section .head-ttl .ttl span {
  color: #444
}

.top-section .head-ttl .lead {
  font-size: 14px;
  padding-top: .5rem
}

.top-section.message {
  position: relative;
  padding: 15rem 0 15rem
}

.top-section.message .message-photo {
  margin-left: 10rem;
  width: 62rem;
  height: 69rem;
  position: relative;
  float: left
}

.top-section.message .message-photo ul li {
  position: absolute;
  width: 23rem;
  height: auto
}

.top-section.message .message-photo ul li.photo01 {
  top: 9rem;
  left: 0;
  z-index: 1
}

.top-section.message .message-photo ul li.photo02 {
  top: 19rem;
  left: 19rem;
  z-index: 2
}

.top-section.message .message-photo ul li.photo03 {
  top: 0;
  right: 0;
  z-index: 3
}

.top-section.message .message-txt {
  margin-top: 15rem;
  width: 38rem;
  float: right
}

.top-section.message .message-txt .copy {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 1rem;

}

.top-section.message .message-txt .txt {
  margin-bottom: 4rem
}

.top-section.message .word-wrap {
  position: absolute;
  top: 44rem;
  z-index: -1;
  right: -45rem
}

.top-section.service {
  position: relative;
  margin-bottom: 15rem
}

.top-section.service .gradient-bg {
  margin-left: 5.714%;
  width: 100%;
  box-sizing: border-box;
  height: 60rem;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.top-section.service .section-ttl {
  top: -16rem;
  color: #fff
}

.top-section.service .service-txt {
  box-sizing: border-box;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12rem
}

@media only screen and (min-width:1500px) {
  .top-section.service .service-txt {
    max-width: 1250px
  }
}

.top-section.service .service-txt .sub-copy {
  font-size: 16px;
  color: #606060;
  padding-left: 5rem;
  position: relative;
  margin-bottom: 4rem;
  line-height: 1
}

.top-section.service .service-txt .sub-copy:before {
  position: absolute;
  display: block;
  content: "";
  width: 3.3rem;
  height: .1rem;
  background: #606060;
  top: 50%;
  left: 0;
  margin-top: -.1rem
}

.top-section.service .service-txt .copy {
  font-size: 32px;
  font-weight: 500;
  line-height: -0.2;
  color: #333;
  margin-bottom: 3rem
}

.top-section.service .service-txt .txt {
  color: #606060;
  margin-bottom: 3rem
}

.top-section.service .creating-list {
  box-sizing: border-box;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  zoom: 1;
  position: relative;
  z-index: 2;
  margin-top: 8.9rem;
  padding-left: 2px
}

@media only screen and (min-width:1500px) {
  .top-section.service .creating-list {
    max-width: 1250px
  }
}

.top-section.service .creating-list:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.top-section.service .creating-list .item {
  float: left;
  width: 33.33%;
  overflow: hidden;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1);
  border-left: 1px solid #f2f2f2
}

.top-section.service .creating-list .item:first-child {
  margin-left: -2px;
  border-left: none
}

.top-section.service .creating-list .item a {
  display: block;
  position: relative;
  z-index: 1;
  background: #fff;
  font-size: 18px;
  line-height: 1.59;
  text-align: center;
  text-decoration: none
}

.top-section.service .creating-list .item a:before {
  background: #00ADB5;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s
}

.top-section.service .creating-list .item a .arw {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 1.9rem;
  height: .5rem;
  top: 22rem;
  left: 50%;
  margin-left: -.95rem
}

.top-section.service .creating-list .item a .arw:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 2rem;
  height: .6rem;
  background: url(../images/arw01-r_green.svg) no-repeat center center;
  background-size: contain
}

.top-section.service .creating-list .item_txt {
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  height: 33.33rem;
  padding-top: 16.5rem
}

.top-section.service .creating-list .item_txt .en {
  display: block
}

.top-section.service .creating-list .item_txt .jp {
  display: none
}

.top-section.service .creating-list .item_txt:after,
.top-section.service .creating-list .item_txt:before {
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  background-image: url(../images/icon-service.svg);
  background-repeat: no-repeat;
  background-size: auto 34.2rem
}

.top-section.service .creating-list .item_txt:after {
  opacity: 0
}

.top-section.service .creating-list .item_txt.item_price:after,
.top-section.service .creating-list .item_txt.item_price:before {
  height: 5.2rem;
  margin-top: -7rem
}

.top-section.service .creating-list .item_txt.item_price:before {
  background-position: center 0
}

.top-section.service .creating-list .item_txt.item_price:after {
  background-position: center -17.6rem
}

.top-section.service .creating-list .item_txt.item_quality:after,
.top-section.service .creating-list .item_txt.item_quality:before {
  height: 4.8rem;
  margin-top: -7rem
}

.top-section.service .creating-list .item_txt.item_quality:before {
  background-position: center -6.2rem
}

.top-section.service .creating-list .item_txt.item_quality:after {
  background-position: center -23.8rem
}

.top-section.service .creating-list .item_txt.item_design:after,
.top-section.service .creating-list .item_txt.item_design:before {
  height: 4.6rem;
  margin-top: -7rem
}

.top-section.service .creating-list .item_txt.item_design:before {
  background-position: center -12rem
}

.top-section.service .creating-list .item_txt.item_design:after {
  background-position: center -29.6rem
}

.top-section.service .creating-list .item-tooltip {
  -moz-animation: tooltip-hidden .4s ease normal;
  -webkit-animation: tooltip-hidden .4s ease normal;
  animation: tooltip-hidden .4s ease normal;
  display: table;
  box-sizing: border-box;
  visibility: hidden;
  position: fixed;
  z-index: 2;
  width: 60.8rem;
  margin-top: 4rem;
  margin-left: -3.4rem;
  padding: 3rem;
  background: #fff;
  color: #333;
  opacity: 0;
  box-shadow: 0 0 3rem rgba(0, 0, 0, .15)
}

.top-section.service .creating-list .item-tooltip:before {
  content: '';
  display: block;
  position: absolute;
  top: -1rem;
  left: 3rem;
  border-right: transparent solid .5rem;
  border-bottom: #fff solid 1.1rem;
  border-left: transparent solid .5rem
}

.top-section.service .creating-list .item-tooltip.tooltip-right {
  margin-left: -49.6rem
}

.top-section.service .creating-list .item-tooltip.tooltip-right:before {
  right: 3rem;
  left: auto
}

.top-section.service .creating-list .item-tooltip .tooltip_img {
  display: table-cell;
  width: 10rem;
  vertical-align: top
}

.top-section.service .creating-list .item-tooltip .tooltip_img img {
  width: 100%;
  height: auto
}

.top-section.service .creating-list .item-tooltip .tooltip_txt {
  display: table-cell;
  padding-left: 3rem;
  font-size: 1.4rem;
  line-height: 1.86;
  vertical-align: middle
}

.top-section.service .creating-list .item-tooltip .tooltip_txt .ttl {
  color: #00ADB5;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1
}

html.noTouch .top-section.service .creating-list .item:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, .3)
}

html.noTouch .top-section.service .creating-list .item:hover a {
  z-index: 2;
  color: #fff
}

html.noTouch .top-section.service .creating-list .item:hover a:before {
  -moz-animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  animation: btn_ov .4s cubic-bezier(.78, .07, 0, 1) normal;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}

html.noTouch .top-section.service .creating-list .item:hover a .arw:after {
  -moz-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  background: url(../images/arw01-r_white.svg) no-repeat center center;
  background-size: contain
}

html.noTouch .top-section.service .creating-list .item:hover a .item_txt:before {
  opacity: 0
}

html.noTouch .top-section.service .creating-list .item:hover a .item_txt:after {
  opacity: 1
}

html.noTouch .top-section.service .creating-list .item:hover .item-tooltip {
  -moz-animation: tooltip-show .4s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: tooltip-show .4s cubic-bezier(.78, .07, 0, 1) normal;
  animation: tooltip-show .4s cubic-bezier(.78, .07, 0, 1) normal;
  visibility: visible;
  opacity: 1
}

.top-section.works {
  margin-bottom: 12rem
}

.top-section.works .head .view-all-btn {
  position: absolute;
  top: 0;
  right: 0
}

.top-section.works .mod-works {
  margin-bottom: 4rem
}

.top-section.blog {
  background: #f7f7f7;
  padding: 12rem 0 12rem
}

.top-section.blog .blog-list {
  margin-bottom: 8rem
}

.top-section.blog .blog-list ul {
  zoom: 1;
  overflow: hidden
}

.top-section.blog .blog-list ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.top-section.blog .blog-list ul .item {
  overflow: hidden;
  float: left;
  width: 40rem
}

.top-section.blog .blog-list ul .item:first-child,
.top-section.blog .blog-list ul .item:nth-child(4) {
  width: 80rem
}

/*.top-section.blog .blog-list ul .item:first-child .item_txt,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt {
  padding: 0 3.5rem 3.5rem
}*/

/*.top-section.blog .blog-list ul .item:first-child .item_txt .post-head,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head {
  margin-bottom: .5rem
}*/

/*.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .photo,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .photo {
  margin-right: 1.5rem
}

.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .data,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .data {
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-right: 1.5rem
}

.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like {
  font-size: 1.3rem;
  margin-top: 2.4rem;
  padding-left: 2rem
}

.top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like:before,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like:before {
  margin-top: -.8rem;
  font-size: 1.3rem
}*/

/*.top-section.blog .blog-list ul .item:first-child .item_txt .item_ttl,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .item_ttl {
  font-size: 18px;
  line-height: 1.5
}*/

.top-section.blog .blog-list ul .item:first-child .item_txt .txt,
.top-section.blog .blog-list ul .item:nth-child(4) .item_txt .txt {
  margin-top: 1.5rem;
  font-size: 14px;
}

.top-section.blog .blog-list ul .item:nth-child(4) {
  float: right;
  clear: left
}

.top-section.blog .blog-list ul .item a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.top-section.blog .blog-list ul .item a .item_img {
  display: block;
  overflow: hidden
}

.top-section.blog .blog-list ul .item a .item_img img {
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

html.noTouch .top-section.blog .blog-list ul .item a:hover .item_img img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.top-section.blog .blog-list ul .item a:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
  background: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, rgba(0, 0, 0, .8)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 50%
}

.noTouch .top-section.blog .blog-list ul .item a:hover .item_img:before {
  background: rgba(0, 0, 0, .5)
}

.noTouch .top-section.blog .blog-list ul .item a:hover .item_txt {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.top-section.blog .blog-list ul .item .item_img {
  background: #000;
  position: relative
}

.top-section.blog .blog-list ul .item .item_img:before {
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background: 0 0;
  z-index: 1
}

.top-section.blog .blog-list ul .item .item_img img {
  vertical-align: middle;
  width: 100%;
  height: auto
}

.top-section.blog .blog-list ul .item .item_txt {
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  /*bottom: 25px; */
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0 2.5rem 1.5rem;
  line-height: 1.79;
  -moz-transform: translateY(8.5rem);
  -ms-transform: translateY(8.5rem);
  /*-webkit-transform: translateY(8.5rem);*/
  transform: translateY(-100px);
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s
}

.top-section.blog .blog-list ul .item .item_txt .post-head .data span+span {
  border-left: .1rem solid #fff
}

.top-section.blog .blog-list ul .item .item_txt .item_ttl {
  font-size: 18px;
  line-height: 1.5
}

.top-section.blog .blog-list ul .item .item_txt .txt {
  margin-top: 20px;
  font-size: 13px;
  min-height: 5.5rem
}

.top-section.blog a.big-btn {
  background: 0 0
}

.top-section.news {
  padding-top: 11rem;
  margin-bottom: 10rem
}

.top-section.news .head .view-all-btn {
  position: absolute;
  top: 0;
  right: 0
}

.top-section.member-company {
  zoom: 1;
  margin-bottom: 14rem
}

.top-section.member-company:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.top-section.member-company .section-box {
  width: 63rem
}

.top-section.member-company .section-box a {
  display: block;
  text-decoration: none;
  padding-bottom: 4rem;
  position: relative
}

.top-section.member-company .section-box a .image {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .1);
  margin-bottom: 3rem
}

.top-section.member-company .section-box a .ttl {
  line-height: 1;
  font-size: 18px;
  margin-bottom: 1.5rem
}

.top-section.member-company .section-box a .ttl span {
  color: #00ADB5
}

.noTouch .top-section.member-company .section-box a:hover .readMore p {
  opacity: 1;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch .top-section.member-company .section-box a:hover .readMore .arw {
  -moz-transform: translateX(7rem);
  -ms-transform: translateX(7rem);
  -webkit-transform: translateX(7rem);
  transform: translateX(7rem)
}

.top-section.member-company .section-box.member {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}

.top-section.member-company .section-box.company {
  margin-top: 6rem;
  float: right;
  position: relative
}

@media only screen and (max-width:768px) {
  .top-section .head {
    margin-bottom: 3rem
  }

  .mod-works ul {
    padding: 0 2%;
  }

  .top-section .head-ttl .ttl {
    float: none;
    font-size: 2.4rem;
    margin-right: 0;
    margin-bottom: 1.5rem
  }

  .top-section .head-ttl .lead {
    font-size: 1.1rem;
    padding-top: 0
  }

  .top-section.message {
    margin: 0 2rem;
    padding: 6rem 0 7rem
  }

  .top-section.message .section-ttl {
    display: none
  }

  .top-section.message .message-photo {
    display: none
  }

  .top-section.message .message-txt {
    margin-top: 0;
    width: inherit;
    float: none
  }

  .top-section.message .message-txt .copy {
    font-size: 1.8rem
  }

  .top-section.message .message-txt .txt {
    margin-bottom: 3rem
  }

  .top-section.message .word-wrap {
    top: 8.5rem;
    right: -40rem
  }

  .top-section.service {
    margin: 0 -2rem 7.5rem
  }

  .top-section.service .gradient-bg {
    margin-left: 0;
    height: 46.25rem
  }

  .top-section.service .section-ttl {
    display: none
  }

  .top-section.service .service-txt {
    padding: 7rem 4rem 6rem
  }

  .top-section.service .service-txt .sub-copy {
    width: 23.3rem;
    height: .5rem;
    display: block;
    overflow: hidden;
    text-indent: -5260px;
    background: url(../images/copy-03.svg) no-repeat center center;
    background-size: contain;
    padding-left: 5rem;
    margin-bottom: 2rem
  }

  .top-section.service .service-txt .sub-copy:before {
    width: 1.65rem
  }

  .top-section.service .service-txt .copy {
    font-size: 2.5rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem
  }

  .top-section.service .service-txt .txt {
    margin-bottom: 2.5rem
  }

  .top-section.service .creating-list {
    margin: 0 4rem 0;
    padding-left: 0
  }

  .top-section.service .creating-list .item {
    float: none;
    width: auto;
    box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .1);
    border-left: none;
    border-top: .1rem solid #f2f2f2
  }

  .top-section.service .creating-list .item:first-child {
    margin-left: 0;
    border-top: none
  }

  .top-section.service .creating-list .item a {
    display: table;
    width: 100%;
    height: 10rem;
    font-size: 1.2rem;
    text-align: left;
    text-decoration: none
  }

  .top-section.service .creating-list .item a .arw {
    top: 50%;
    left: auto;
    right: 2.5rem;
    margin-left: 0;
    margin-top: -.3rem
  }

  .top-section.service .creating-list .item_txt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 6rem;
    top: inherit;
    left: inherit;
    height: inherit;
    padding-top: inherit
  }

  .top-section.service .creating-list .item_txt .en {
    display: none
  }

  .top-section.service .creating-list .item_txt .jp {
    display: block
  }

  .top-section.service .creating-list .item_txt:after,
  .top-section.service .creating-list .item_txt:before {
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.2rem;
    background-image: url(../images/icon-service.svg);
    background-repeat: no-repeat;
    background-size: auto 17.1rem
  }

  .top-section.service .creating-list .item_txt:after {
    opacity: 0
  }

  .top-section.service .creating-list .item_txt.item_price:after,
  .top-section.service .creating-list .item_txt.item_price:before {
    height: 2.5rem;
    margin-top: -1.4rem
  }

  .top-section.service .creating-list .item_txt.item_price:before {
    background-position: center 0
  }

  .top-section.service .creating-list .item_txt.item_price:after {
    background-position: center -8.8rem
  }

  .top-section.service .creating-list .item_txt.item_quality:after,
  .top-section.service .creating-list .item_txt.item_quality:before {
    height: 2.5rem;
    margin-top: -1.4rem
  }

  .top-section.service .creating-list .item_txt.item_quality:before {
    background-position: center -3.1rem
  }

  .top-section.service .creating-list .item_txt.item_quality:after {
    background-position: center -11.9rem
  }

  .top-section.service .creating-list .item_txt.item_design:after,
  .top-section.service .creating-list .item_txt.item_design:before {
    height: 2.5rem;
    margin-top: -1.4rem
  }

  .top-section.service .creating-list .item_txt.item_design:before {
    background-position: center -6rem
  }

  .top-section.service .creating-list .item_txt.item_design:after {
    background-position: center -14.8rem
  }

  .top-section.service .creating-list .item-tooltip {
    display: none
  }

  .top-section.works {
    margin: 0 -2rem;
    padding: 4rem 2rem 4rem
  }

  .top-section.works .head .view-all-btn {
    display: none
  }

  .top-section.works .mod-works {
    margin-bottom: 0
  }

  .top-section.works .mod-works ul {
    margin-right: 0
  }

  .top-section.works .mod-works ul li {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 0
  }

  .top-section.works .mod-works ul li:nth-child(n+4) {
    display: none
  }

  .top-section.works .mod-works ul li a {
    padding-bottom: 0
  }

  .top-section.works .mod-works ul li a .item_img {
    margin-bottom: 1.5rem
  }

  .top-section.works .mod-works ul li a .category span {
    font-size: .9rem
  }

  .top-section.works .mod-works ul li a .ttl {
    font-size: 1.8rem
  }

  .top-section.works .mod-works ul li a .readMore {
    display: none
  }

  .top-section.works a.btn.big-btn {
    background: 0 0
  }

  .top-section.blog {
    background: #fff;
    margin: 0;
    padding: 5.5rem 0 2.5rem
  }

  .top-section.blog .blog-list {
    margin: 0 -2rem 3.5rem
  }

  .top-section.blog .blog-list ul {
    margin-right: 0
  }

  .top-section.blog .blog-list ul .item {
    float: none;
    width: auto
  }

  .top-section.blog .blog-list ul .item:first-child,
  .top-section.blog .blog-list ul .item:nth-child(4) {
    width: auto
  }

  .top-section.blog .blog-list ul .item:first-child .item_txt,
  .top-section.blog .blog-list ul .item:nth-child(4) .item_txt {
    padding: 0 2rem 2rem
  }

  .top-section.blog .blog-list ul .item:first-child .item_txt .post-head .photo,
  .top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .photo {
    margin-right: 1rem
  }

  .top-section.blog .blog-list ul .item:first-child .item_txt .post-head .data,
  .top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .data {
    font-size: .9rem;
    margin-top: 1.5rem;
    margin-right: 1rem
  }

  .top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like,
  .top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like {
    font-size: 1.1rem;
    margin-top: 1.5rem;
    padding-left: 1.5rem
  }

  .top-section.blog .blog-list ul .item:first-child .item_txt .post-head .like:before,
  .top-section.blog .blog-list ul .item:nth-child(4) .item_txt .post-head .like:before {
    margin-top: -.5rem;
    font-size: 1rem
  }

  .top-section.blog .blog-list ul .item:first-child .item_txt .item_ttl,
  .top-section.blog .blog-list ul .item:nth-child(4) .item_txt .item_ttl {
    font-size: 1.4rem;
    line-height: 1.5
  }

  .top-section.blog .blog-list ul .item:first-child .item_txt .txt,
  .top-section.blog .blog-list ul .item:nth-child(4) .item_txt .txt {
    display: none
  }

  .top-section.blog .blog-list ul .item:nth-child(n+4) {
    display: none
  }

  .top-section.blog .blog-list ul .item .item_txt {
    padding: 0 2rem 2rem;
    line-height: 1.79;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .top-section.blog .blog-list ul .item .item_txt .item_ttl {
    font-size: 1.4rem
  }

  .top-section.blog .blog-list ul .item .item_txt .txt {
    display: none
  }

  .top-section.blog a.big-btn {
    background: 0 0
  }

  .top-section.news {
    background: #f7f7f7;
    margin: 0 -2rem;
    padding: 6rem 2rem 3.5rem
  }

  .top-section.news .head .view-all-btn {
    display: none
  }

  .top-section.news a.big-btn {
    border-top: none;
    background: 0 0
  }

  .top-section.member-company {
    background: #fff;
    margin: 0;
    padding: 3.5rem 0 5.5rem
  }

  .top-section.member-company .section-box {
    width: auto
  }

  .top-section.member-company .section-box a {
    padding-bottom: 0
  }

  .top-section.member-company .section-box a .image {
    box-shadow: none;
    margin-bottom: 2.5rem
  }

  .top-section.member-company .section-box a .ttl {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    position: relative;
    padding-right: 3rem;
    display: inline-block
  }

  .top-section.member-company .section-box a .ttl:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-top: -.35rem;
    content: "";
    display: block;
    display: block;
    overflow: hidden;
    text-indent: -5260px;
    width: 1.9rem;
    height: .5rem;
    background: url(../images/arw01-r_green.svg) no-repeat center center;
    background-size: contain
  }

  .top-section.member-company .section-box a .readMore {
    display: none
  }

  .top-section.member-company .section-box.member {
    position: relative;
    top: inherit;
    left: inherit
  }

  .top-section.member-company .section-box.company {
    margin-top: 4.5rem;
    float: none
  }
}

.about-index .page-title-bg .bg span {
  background: url(../images/page-title-bg.jpg) rgb(51, 16, 16);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.about-index .about-section,
.blog-index {
  margin-bottom: 13rem;
  margin-top: 100px;
}

@media only screen and (max-width:768px) {

  .about-index .about-section,
  .blog-index {
    margin-bottom: 8rem;
    margin-top: 50px;
  }
}

.about-message .about-section .txt-wrap+.txt-wrap {
  margin-top: 8rem
}

.about-message .about-section .txt-wrap .ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem
}

.about-message .about-section.message01 {
  position: relative;
  padding-bottom: 30rem;
  background: #fff
}

.about-message .about-section.message01:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15rem;
  background: #f7f7f7
}

.about-message .about-section.message01 .bg {
  width: 93.4rem;
  height: 100.9rem;
  position: absolute;
  top: 0;
  right: 0
}

.about-message .about-section.message01 .bg span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/assets/imgs/about/message/bg-img01.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

.about-message .about-section.message01 .message01-txt {
  max-width: 600px;
  padding-top: 10rem;
  background: #fff;
  padding-right: 10rem;
  padding-bottom: 10rem;
  position: relative;
  z-index: 1
}

@media only screen and (min-width:1500px) {
  .about-message .about-section.message01 .message01-txt {
    max-width: 750px
  }
}

.about-message .about-section.message01 .message01-txt .sub-copy {
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: .1em;
  padding-left: 3rem;
  position: relative;
  margin-bottom: 4rem;
  line-height: 1
}

.about-message .about-section.message01 .message01-txt .sub-copy:before {
  position: absolute;
  display: block;
  content: "";
  width: 1.7rem;
  height: .1rem;
  background: #000;
  top: 50%;
  left: 0;
  margin-top: -.1rem
}

.about-message .about-section.message01 .message01-txt .copy {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.42;
  margin-bottom: 4rem
}

.about-message .about-section.message01 .message01-txt .ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem
}

.about-message .about-section.message02 {
  position: relative;
  zoom: 1
}

.about-message .about-section.message02:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.about-message .about-section.message02 .bg {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10rem;
  background: #f7f7f7
}

.about-message .about-section.message02 .bg:before {
  display: none
}

.about-message .about-section.message02 .message02-txt {
  float: right;
  width: 93.4rem;
  padding-top: 11rem;
  padding-bottom: 12rem
}

.about-message .about-section.message02 .message02-txt .message02-txt-inner {
  max-width: 570px;
  position: relative;
  z-index: 1
}

@media only screen and (min-width:1500px) {
  .about-message .about-section.message02 .message02-txt .message02-txt-inner {
    max-width: 712px
  }
}

.about-message .about-section.message03 {
  position: relative;
  margin-bottom: 23rem
}

.about-message .about-section.message03 .bg {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10rem;
  background: #f7f7f7
}

.about-message .about-section.message03 .bg:before {
  display: none
}

.about-message .about-section.message03 .section-ttl {
  top: 6rem;
  left: 0;
  font-size: 1rem
}

.about-message .about-section.message03 .message03-txt {
  width: 100%;
  padding-top: 11rem;
  background: #fff;
  padding-left: 11rem;
  padding-bottom: 11rem;
  margin-left: 10rem
}

.about-message .about-section.message03 .message03-txt .message03-txt-inner {
  max-width: 590px;
  position: relative;
  z-index: 1
}

@media only screen and (min-width:1500px) {
  .about-message .about-section.message03 .message03-txt .message03-txt-inner {
    max-width: 740px
  }
}

.about-message .about-section.message03 .message03-txt .word-wrap {
  position: absolute;
  top: 29rem;
  z-index: 0;
  right: -38rem
}

.about-message .about-section.message03 .message03-txt .word-wrap .word.messaga {
  width: 112.7rem;
  height: 41.6rem
}

.about-message .about-section.message03 .message03-txt .word-wrap .word.messaga:before {
  width: 112.7rem;
  height: 41.6rem
}

@media only screen and (max-width:768px) {
  .about-message .about-section .txt-wrap .ttl {
    font-size: 2rem;
    margin-bottom: 2rem
  }

  .about-message .about-section .txt {
    font-size: 1.6rem
  }

  .about-message .about-section.message01 {
    padding-bottom: 3rem
  }

  .about-message .about-section.message01:before {
    display: none
  }

  .about-message .about-section.message01 .bg {
    width: auto;
    height: 25.5rem;
    position: relative;
    top: inherit;
    right: inherit;
    margin: 0 -1.5rem
  }

  .about-message .about-section.message01 .bg span {
    background: url(/assets/imgs/about/message/bg-img01.jpg) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }

  .about-message .about-section.message01 .message01-txt {
    padding-top: 5rem;
    background: #fff;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0
  }

  .about-message .about-section.message01 .message01-txt .sub-copy {
    font-size: .9rem;
    padding-left: 2rem;
    margin-bottom: 2rem
  }

  .about-message .about-section.message01 .message01-txt .sub-copy:before {
    width: 1.2rem
  }

  .about-message .about-section.message01 .message01-txt .copy {
    font-size: 3rem;
    margin-bottom: 4rem
  }

  .about-message .about-section.message01 .message01-txt .ttl {
    margin-bottom: 2rem;
    letter-spacing: .2em
  }

  .about-message .about-section.message02 {
    margin-bottom: 7rem
  }

  .about-message .about-section.message02 .bg {
    width: auto;
    height: 25.5rem;
    position: relative;
    top: inherit;
    right: inherit;
    background: 0 0;
    margin-bottom: 3rem
  }

  .about-message .about-section.message02 .bg:before {
    display: block
  }

  .about-message .about-section.message02 .bg span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/assets/imgs/about/message/bg-img02_sp.png) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }

  .about-message .about-section.message02 .message02-txt {
    float: none;
    width: auto;
    padding-top: 0;
    padding-bottom: 0
  }

  .about-message .about-section.message03 {
    margin-bottom: 9rem
  }

  .about-message .about-section.message03 .bg {
    width: auto;
    height: 25.5rem;
    position: relative;
    top: inherit;
    right: inherit;
    background: 0 0;
    margin-bottom: 3rem
  }

  .about-message .about-section.message03 .bg:before {
    display: block
  }

  .about-message .about-section.message03 .bg span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/assets/imgs/about/message/bg-img03_sp.png) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }

  .about-message .about-section.message03 .section-ttl {
    display: none
  }

  .about-message .about-section.message03 .message03-txt {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin-left: 0
  }

  .about-message .about-section.message03 .message03-txt .word-wrap {
    display: none
  }
}

.about-member .member-index {
  margin-bottom: 17rem
}

.about-member .member-index-sort {
  zoom: 1;
  margin-bottom: 4rem
}

.about-member .member-index-sort:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.about-member .member-index-sort-inner {
  float: right
}

.about-member .member-index-sort .sort-btn {
  display: block;
  position: relative;
  float: left;
  padding: 0 1.8rem 0 0;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none
}

.about-member .member-index-sort .sort-btn:after,
.about-member .member-index-sort .sort-btn:before {
  position: absolute;
  display: block;
  content: ''
}

.about-member .member-index-sort .sort-btn:before {
  top: 50%;
  margin-top: -.5rem;
  right: 0;
  width: 0;
  height: 0;
  border-left: .4rem solid transparent;
  border-right: .4rem solid transparent;
  border-bottom: .4rem solid #cfcfcf
}

.about-member .member-index-sort .sort-btn:after {
  top: 50%;
  margin-top: .2rem;
  right: 0;
  width: 0;
  height: 0;
  border-left: .4rem solid transparent;
  border-right: .4rem solid transparent;
  border-top: .4rem solid #cfcfcf
}

.about-member .member-index-sort .sort-btn.asc:before {
  border-bottom: .4rem solid #00ADB5
}

.about-member .member-index-sort .sort-btn.desc:after {
  border-top: .4rem solid #00ADB5
}

.about-member .member-index-sort .sort-btn+.sort-btn {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: .1rem solid #e5e5e5
}

.about-member .member-index-list ul {
  zoom: 1
}

.about-member .member-index-list ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.about-member .member-index-list ul li {
  float: left;
  width: 40rem;
  margin-bottom: 8rem
}

.about-member .member-index-list ul li a {
  text-decoration: none;
  overflow: hidden;
  display: block
}

.about-member .member-index-list ul li a .item_img {
  display: block;
  overflow: hidden
}

.about-member .member-index-list ul li a .item_img img {
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

html.noTouch .about-member .member-index-list ul li a:hover .item_img img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.about-member .member-index-list ul li a .item_img img {
  width: 100%;
  height: auto
}

.about-member .member-index-list ul li a dl {
  margin-top: 2rem
}

.about-member .member-index-list ul li a dl dt {
  font-size: 1.6rem;
  font-weight: 700
}

.about-member .member-index-list ul li a dl dd {
  font-size: 1rem
}

.about-member .member-index .read-more-btn {
  display: none
}

@media only screen and (max-width:768px) {
  .about-member .member-index {
    margin-bottom: 8rem
  }

  .about-member .member-index-sort {
    margin: 0 -1.5rem 2rem
  }

  .about-member .member-index-sort-inner {
    padding-right: 2rem
  }

  .about-member .member-index-list {
    margin: 0 -1.5rem
  }

  .about-member .member-index-list ul li {
    float: left;
    width: 50%;
    margin-bottom: 2rem
  }

  .about-member .member-index-list ul li:nth-child(n+11) {
    display: none
  }

  .about-member .member-index-list ul li a dl {
    padding: 0 2rem;
    margin-top: 1.2rem
  }

  .about-member .member-index-list ul li a dl dt {
    font-size: 1.2rem
  }

  .about-member .member-index-list ul li a dl dd {
    font-size: .6rem
  }

  .about-member .member-index .read-more-btn {
    display: block;
    margin-top: 2rem
  }
}

.member-detail-desc-list dl a {
  text-decoration: none;
  position: relative
}

.member-detail-desc-list dl a:before {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  transition: .2s cubic-bezier(.57, .15, .13, .97) .1s;
  background: #e2e2e6
}

.member-detail-desc-list dl a:after {
  -webkit-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -moz-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -o-transition: .2s cubic-bezier(.57, .15, .13, .97);
  -ms-transition: .2s cubic-bezier(.57, .15, .13, .97);
  transition: .2s cubic-bezier(.57, .15, .13, .97);
  background-color: #00ADB5
}

.member-detail-desc-list dl a:after,
.member-detail-desc-list dl a:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  right: 0;
  height: 1px
}

html.noTouch .member-detail-desc-list dl a:hover {
  text-decoration: none
}

html.noTouch .member-detail-desc-list dl a:hover:after,
html.noTouch .member-detail-desc-list dl a:hover:before {
  left: 0;
  width: 100%
}

@media only screen and (max-width:768px) {

  .member-detail-desc-list dl a:after,
  .member-detail-desc-list dl a:before {
    display: none
  }
}

.member-detail-desc-list dl a:after,
.member-detail-desc-list dl a:before {
  bottom: -2px
}

.member-detail-desc-list dl+dl {
  margin-top: 2rem
}

.member-detail-desc-list dl dt {
  font-weight: 700;
  font-size: .8rem;
  color: #00ADB5
}

.member-detail-desc-list dl dd {
  font-size: 1.2rem
}

.member-detail-desc-list dl dd ul.sns-list li {
  display: inline-block;
  position: relative
}

.member-detail-desc-list dl dd ul.sns-list li+li:before {
  content: '・';
  font-weight: 700;
  padding: 0 .5rem 0 .3rem
}

.member-detail-head {
  position: relative;
  margin-bottom: 14rem
}

.member-detail-head-desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 38.4rem;
  z-index: 2
}

.member-detail-head-desc-inner {
  box-sizing: border-box;
  background: #fff;
  padding: 0 9rem 9rem 0
}

.member-detail-head-desc-inner .name {
  margin-bottom: 5rem
}

.member-detail-head-desc-inner .name span {
  display: block;
  line-height: 1
}

.member-detail-head-desc-inner .name .en {
  font-size: 1.2rem;
  margin-bottom: 2rem
}

.member-detail-head-desc-inner .name .jp {
  font-size: 3.6rem;
  font-weight: 700
}

.member-detail-head-img {
  position: relative;
  overflow: hidden;
  width: 67.7rem;
  height: 67.7rem;
  margin-left: 15rem
}

.member-detail-head-img img {
  width: 100%;
  height: auto
}

.member-detail-head-img.no {
  height: 30rem
}

.member-detail .item+.item {
  margin-top: 10rem
}

.member-detail .item .head {
  position: relative
}

.member-detail .item .head .index-btn {
  position: absolute;
  top: 6.5rem;
  right: 0
}

.member-detail .mod-colum2 {
  margin-bottom: 10rem
}

.member-detail .mod-colum2-main .mod-works-list {
  margin-bottom: 6rem
}

.member-detail .mod-colum2-main .mod-works-list .item+.item {
  margin-top: 0
}

.member-detail .mod-colum2-main .mod-works-list .item .readMore {
  display: none
}

.member-detail .mod-colum2-main .mod-blog-list+.big-btn a.big-btn {
  border-top: 0
}

@media only screen and (max-width:768px) {
  .member-detail-desc-list dl a {
    text-decoration: none
  }

  .noTouch .member-detail-desc-list dl a:hover {
    text-decoration: underline
  }

  .member-detail-desc-list dl+dl {
    margin-top: 2rem
  }

  .member-detail-desc-list dl dt {
    font-weight: 700;
    font-size: .8rem;
    color: #00ADB5
  }

  .member-detail-desc-list dl dd {
    font-size: 1.2rem
  }

  .member-detail-desc-list dl dd ul.sns-list li {
    display: inline-block;
    position: relative
  }

  .member-detail-desc-list dl dd ul.sns-list li+li:before {
    content: '・';
    font-weight: 700;
    padding: 0 .5rem 0 .3rem
  }

  .member-detail-head {
    margin: 0 -1.5rem;
    margin-bottom: 6rem
  }

  .member-detail-head-desc {
    padding: 0 2rem;
    position: static;
    top: inherit;
    left: inherit;
    width: auto
  }

  .member-detail-head-desc-inner {
    padding: 0
  }

  .member-detail-head-desc-inner .name {
    margin-bottom: 3.5rem
  }

  .member-detail-head-desc-inner .name .en {
    font-size: .9rem;
    margin-bottom: 1rem
  }

  .member-detail-head-desc-inner .name .jp {
    font-size: 2rem
  }

  .member-detail-head-img {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-bottom: 5rem
  }

  .member-detail-head-img.no {
    height: auto
  }

  .member-detail .item+.item {
    margin-top: 5rem
  }

  .member-detail .item .head .index-btn {
    top: 2.5rem;
    right: 0
  }

  .member-detail .mod-colum2 {
    margin-bottom: 5rem
  }

  .member-detail .mod-colum2-main .mod-works-list {
    margin-bottom: 2.5rem
  }

  .member-detail .mod-colum2-main .mod-works-list li .arw {
    display: none
  }

  .member-detail .mod-colum2-main .mod-works-list li:nth-child(n+5) {
    display: none
  }

  .member-detail .mod-colum2-main .mod-blog-list {
    overflow: hidden
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a,
  .member-detail .mod-colum2-main .mod-blog-list li a {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    padding: 0;
    border-bottom: none;
    width: auto;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a:after,
  .member-detail .mod-colum2-main .mod-blog-list li a:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, rgba(0, 0, 0, .8)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 50%
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a .item_img,
  .member-detail .mod-colum2-main .mod-blog-list li a .item_img {
    height: 15rem;
    overflow: hidden;
    position: relative;
    display: block;
    vertical-align: inherit;
    width: auto
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a .item_img img,
  .member-detail .mod-colum2-main .mod-blog-list li a .item_img img {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a .item_txt,
  .member-detail .mod-colum2-main .mod-blog-list li a .item_txt {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 2rem 2rem;
    display: block;
    vertical-align: inherit
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a .item_txt .post-head .data span+span,
  .member-detail .mod-colum2-main .mod-blog-list li a .item_txt .post-head .data span+span {
    border-left: .1rem solid #fff
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a .item_txt .item_ttl,
  .member-detail .mod-colum2-main .mod-blog-list li a .item_txt .item_ttl {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5
  }

  .member-detail .mod-colum2-main .mod-blog-list .item a .item_txt .txt,
  .member-detail .mod-colum2-main .mod-blog-list li a .item_txt .txt {
    display: none
  }

  .member-detail .mod-colum2-main .mod-blog-list .item:first-child a,
  .member-detail .mod-colum2-main .mod-blog-list li:first-child a {
    border-top: none
  }

  .member-detail .mod-colum2-main .mod-blog-list+.big-btn {
    margin-top: 3.5rem
  }

  .member-detail .mod-colum2-main .mod-blog-list+.big-btn a.big-btn {
    border-top: .1rem solid #e5e5e5
  }

  .member-detail .mod-colum2-side {
    display: none
  }
}

.news-index {
  margin-bottom: 12rem
}

@media only screen and (max-width:768px) {
  .news-index .mod-news-tab .tab_item-current a {
    background: #00ADB5;
    color: #fff
  }

  .news-index .mod-news-list .item:first-child {
    border-top: none
  }

  .news-index .mod-news-list .item:nth-child(n+4) {
    display: block
  }
}

.news-detail {
  padding-top: 25rem
}

.news-detail-post-head {
  margin-bottom: 8rem
}

.news-detail-post-head .desc .data .cat a {
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  background: #00ADB5;
  line-height: 1;
  padding: .6rem 1.6rem .4rem
}

.news-detail-post-head .desc .data .cat+.cat {
  margin-left: 1rem
}

.news-detail-post-head .desc .data .date {
  margin-left: 1rem;
  letter-spacing: .05em
}

.news-detail-post-head .item_ttl {
  font-size: 3.6rem
}

.news-detail .mod-colum2 {
  margin-bottom: 2rem
}

.news-detail .news-post {
  margin-bottom: 12rem
}

.news-detail .news-post .item+.item {
  margin-top: 8rem
}

.news-detail .related-post .mod-news-list {
  border-top: .1rem solid #e5e5e5;
  border-bottom: .1rem solid #e5e5e5;
  padding: 5rem 0
}

.news-detail .related-post .mod-news-list .item a {
  padding: 2rem 0
}

.news-detail .item .head {
  position: relative
}

.news-detail .item .head .index-btn {
  position: absolute;
  top: 6.5rem;
  right: 0
}

@media only screen and (max-width:768px) {
  .news-detail {
    padding-top: 17rem
  }

  .news-detail-post-head {
    margin-bottom: 4rem
  }

  .news-detail-post-head .desc {
    margin-bottom: .5rem
  }

  .news-detail-post-head .desc .data .cat a {
    font-size: .9rem;
    padding: .4rem .7rem .3rem
  }

  .news-detail-post-head .item_ttl {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35
  }

  .news-detail .mod-colum2 {
    margin-bottom: 5rem
  }

  .news-detail .news-post {
    margin-bottom: 5rem
  }

  .news-detail .news-post .item+.item {
    margin-top: 5rem
  }

  .news-detail .related-post .mod-news-list {
    border-bottom: none;
    padding: 0;
    margin: 0
  }

  .news-detail .related-post .mod-news-list .item a {
    padding: 2rem 0
  }

  .news-detail .item .head .index-btn {
    top: 3rem
  }
}

.news-cate .mod-colum2 {
  margin-bottom: 11rem
}

.news-cate .mod-colum2 .body_item {
  padding-top: 3rem;
  border-top: #e5e5e5 solid 1px;
  border-bottom: #e5e5e5 solid 1px;
  margin-bottom: 6rem
}

.about-outline .mod-colum2 {
  margin-bottom: 18rem
}

.about-outline .mod-colum2-main a {
  text-decoration: none
}

.about-outline .mod-colum2-main a[target$='_blank'] {
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-right: 3rem
}

.about-outline .mod-colum2-main a[target$='_blank']:before {
  position: absolute;
  top: 50%;
  margin-top: -.4rem;
  right: .3rem;
  font-size: .9rem;
  color: #00ADB5;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e901'
}

.about-outline .mod-colum2-main .item .oficeArea {
  position: relative
}

.about-outline .mod-colum2-main .item .oficeArea .ofice-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 24.6rem;
  height: auto
}

.about-outline .mod-colum2-main .item+.item {
  margin-top: 10rem
}

.about-outline .mod-colum2-main .item.first .img {
  margin-top: 0
}

.about-outline .mod-colum2-main .item section+section {
  margin-top: 8rem
}

.about-outline .mod-colum2-main .item dl+dl {
  margin-top: 3rem
}

.about-outline .mod-colum2-main .item .company-map {
  margin-top: 4rem
}

.about-outline .mod-colum2-main .item .company-map .gmap {
  width: 100%;
  height: 61rem;
  box-sizing: border-box
}

.about-outline .mod-colum2-main .item .img {
  margin-top: 4rem
}

@media only screen and (max-width:768px) {
  .about-outline .mod-colum2 {
    margin-bottom: 5rem
  }

  .about-outline .mod-colum2-main .item+.item {
    margin-top: 6.5rem
  }

  .about-outline .mod-colum2-main .item.first {
    margin: 0 -1.5rem
  }

  .about-outline .mod-colum2-main .item section+section {
    margin-top: 5rem
  }

  .about-outline .mod-colum2-main .item dl+dl {
    margin-top: 2rem
  }

  .about-outline .mod-colum2-main .item dl dd {
    font-size: 1.6rem
  }

  .about-outline .mod-colum2-main .item .company-map {
    margin: 0 -1.5rem;
    margin-top: 3rem
  }

  .about-outline .mod-colum2-main .item .company-map .gmap {
    height: 25rem
  }

  .about-outline .mod-colum2-main .item .img {
    margin-top: 3rem
  }
}

.about-recruit .about-section.recruit01 .bg span {
  background: url(/assets/imgs/about/recruit/bg-img01.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.about-recruit .about-section.recruit01 .lead {
  margin-bottom: 9rem
}

.about-recruit .about-section.recruit01 .lead p+p {
  margin-top: 1rem
}

.about-recruit .about-section.recruit01 .item+.item {
  margin-top: 11rem
}

.about-recruit .about-section.recruit01 .item .bnr-btn a {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  width: 30rem;
  height: auto;
  border: 1px solid #dedede;
  position: relative
}

.about-recruit .about-section.recruit01 .item .bnr-btn a:before {
  position: absolute;
  bottom: .7rem;
  right: .7rem;
  font-size: .9rem;
  color: #dedede;
  speak: none;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e901'
}

.about-recruit .about-section.recruit01 .item .mod-gray-box {
  margin-top: 3rem
}

@media only screen and (max-width:768px) {
  .about-recruit .about-section.recruit01 .lead {
    font-size: 1.6rem;
    margin-bottom: 4rem
  }

  .about-recruit .about-section.recruit01 .lead p+p {
    margin-top: 1.5rem
  }

  .about-recruit .about-section.recruit01 .item+.item {
    margin-top: 5rem
  }

  .about-recruit .about-section.recruit01 .item p {
    font-size: 1.6rem
  }

  .about-recruit .about-section.recruit01 .item .bnr-btn a {
    width: 22.5rem
  }

  .about-recruit .about-section.recruit01 .item .contact-btn .btn03 {
    border: 1px solid #dedede;
    color: #333;
    max-width: 19rem
  }

  .about-recruit .about-section.recruit01 .item .contact-btn .btn03 p {
    font-size: 1.4rem
  }

  .about-recruit .about-section.recruit01 .item .mod-gray-box {
    margin-top: 3rem
  }
}

.works .formSelect .label {
  width: auto;
  padding: 0;
  font-size: 15px；
}

.works .formSelect .label:after,
.works .formSelect .label:before {
  display: none
}

.works .formSelect select {
  width: auto
}

.works-index .section-inner {
  max-width: 1320px
}

@media only screen and (min-width:1500px) {
  .works-index .section-inner {
    max-width: 1650px
  }
}

.works-index .section-inner .mod-works-list {
  margin-bottom: 10rem
}

.works-index .section-inner .mod-works-list .readMore {
  display: none
}

.works-index .section-inner .mod-works-list .list-more {
  margin-top: 10rem
}

.top-section.works .section-inner,
.top-section.works .section-inner {
  margin-top: 100px;
}

@media only screen and (max-width:768px) {

  .top-section.works .section-inner,
  .top-section.works .section-inner {
    margin-top: 0px;
  }

  .works-index .section-inner .mod-works-list {
    margin-bottom: 6rem
  }

  .works-index .section-inner .mod-works-list ul {
    margin: 0 auto 3rem
  }

  .works-index .section-inner .mod-works-list ul li {
    width: auto;
    margin-bottom: 0
  }

  .works-index .section-inner .mod-works-list ul li+li {
    margin-top: 1rem
  }

  .works-index .section-inner .mod-works-list ul li a .item_img {
    margin-bottom: 0
  }

  .works-index .section-inner .mod-works-list ul li a .item_txt {
    padding: 1rem 0 1.5rem
  }

  .works-index .section-inner .mod-works-list ul li a .category {
    margin-bottom: .5rem
  }

  .works-index .section-inner .mod-works-list ul li a .category span {
    font-size: .7rem
  }

  .works-index .section-inner .mod-works-list ul li a .ttl {
    font-size: 1.8rem
  }

  .works-index .section-inner .mod-works-list ul li a .readMore {
    display: none
  }

  .works-index .section-inner .mod-works-list .list-more {
    margin-top: 3rem
  }

  .works-index .section-inner .mod-works-list .list-more-btn {
    border: 1px solid #00ADB5;
    background: #fff;
    margin: 0 auto;
    color: #00ADB5;
    text-align: center;
    box-shadow: none;
    box-sizing: border-box;
    padding: 1.8rem 0;
    max-width: 18rem
  }

  .works-index .section-inner .mod-works-list .list-more-btn .arw {
    left: auto;
    width: .6rem;
    height: 1rem;
    top: 50%;
    margin-left: inherit;
    margin-top: -.5rem;
    right: 4.5rem;
    bottom: inherit
  }

  .works-index .section-inner .mod-works-list .list-more-btn .arw:after {
    bottom: 0;
    width: .6rem;
    height: 1.8rem;
    background: url(../images/arw01-b_green.svg) no-repeat bottom center;
    background-size: contain;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .noTouch .works-index .section-inner .mod-works-list .list-more-btn:hover .arw:after {
    -moz-animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
    -webkit-animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
    animation: arw_b 1s cubic-bezier(.78, .07, 0, 1) normal infinite
  }
}

body#works.detail .global-header-inner,
body#works.single .global-header-inner {
  background: 0 0
}

body#works.detail .global-header .navMENU:before,
body#works.single .global-header .navMENU:before {
  background: #fff
}

body#works.detail .global-header .navMENU span,
body#works.single .global-header .navMENU span {
  background: #fff
}

body#works.detail .global-header .nav-list .item>a,
body#works.single .global-header .nav-list .item>a {
  color: #fff
}

html.noTouch body#works.detail .global-header .nav-list .item>a:hover,
html.noTouch body#works.single .global-header .nav-list .item>a:hover {
  color: #00ADB5
}

/* html.noTouch body#works.detail .global-header .nav-list .item:not(.item-dropdown)>a:hover,
html.noTouch body#works.single .global-header .nav-list .item:not(.item-dropdown)>a:hover {
  color: #00ADB5
} */

body#works.detail .global-header .nav-list .item-on>a,
body#works.single .global-header .nav-list .item-on>a {
  color: #00ADB5
}

body#works.detail .global-header.dropdown-show .global-header-inner,
body#works.single .global-header.dropdown-show .global-header-inner {
  background: #fff
}

body#works.detail .global-header.dropdown-show .navMENU:before,
body#works.single .global-header.dropdown-show .navMENU:before {
  background: #e5e5e5
}

body#works.detail .global-header.dropdown-show .navMENU span,
body#works.single .global-header.dropdown-show .navMENU span {
  background: #00ADB5
}

body#works.detail .global-header.dropdown-show .nav-list .item>a,
body#works.single .global-header.dropdown-show .nav-list .item>a {
  color: #333
}

/* html.noTouch body#works.detail .global-header.dropdown-show .nav-list .item:not(.item-dropdown)>a:hover,
html.noTouch body#works.single .global-header.dropdown-show .nav-list .item:not(.item-dropdown)>a:hover {
  color: #00ADB5
} */

body#works.detail .global-header.dropdown-show .nav-list .item-on>a,
body#works.single .global-header.dropdown-show .nav-list .item-on>a {
  color: #00ADB5
}

body#works.detail .fixedHeader.global-header .global-header-inner,
body#works.single .fixedHeader.global-header .global-header-inner {
  background: #fff
}

body#works.detail .fixedHeader.global-header .navMENU:before,
body#works.single .fixedHeader.global-header .navMENU:before {
  background: #e5e5e5
}

body#works.detail .fixedHeader.global-header .navMENU span,
body#works.single .fixedHeader.global-header .navMENU span {
  background: #00ADB5
}

body#works.detail .fixedHeader.global-header .nav-list .item>a,
body#works.single .fixedHeader.global-header .nav-list .item>a {
  color: #333
}

/* html.noTouch body#works.detail .fixedHeader.global-header .nav-list .item:not(.item-dropdown)>a:hover,
html.noTouch body#works.single .fixedHeader.global-header .nav-list .item:not(.item-dropdown)>a:hover {
  color: #00ADB5
} */

body#works.detail .fixedHeader.global-header .nav-list .item-on>a,
body#works.single .fixedHeader.global-header .nav-list .item-on>a {
  color: #00ADB5
}

body#works.single .global-header-inner .logo a:before {
  background: url(../images/logo02.svg) no-repeat left top;
  background-size: contain
}

body#works.single .fixedHeader.global-header .global-header-inner .logo a:before {
  background: url(../images/logo.svg) no-repeat left top;
  background-size: contain
}

@media only screen and (max-width:768px) {

  body#works.detail .global-header-inner,
  body#works.single .global-header-inner {
    background: #fff
  }

  body#works.detail .global-header .navMENU span,
  body#works.single .global-header .navMENU span {
    background: #333
  }

  body#works.single .global-header-inner .logo a:before {
    background: url(../images/logo.svg) no-repeat left top;
    background-size: contain
  }
}

.works-detail .mod-fillter {
  display: none
}

.works-detail .mod-sub-nav {
  display: none
}

.works-detail .post-header {
  height: 100vh;
  width: 100%;
  background: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 8rem
}

.works-detail .post-header:after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
  background: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0, rgba(0, 0, 0, .8)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 30%
}

.works-detail .post-header .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none
}

.works-detail .post-header .bg-img img {
  width: 100%;
  height: auto
}

.works-detail .post-header .section-inner {
  height: 100%
}

.works-detail .post-header .ttl-area {
  position: absolute;
  z-index: 1;
  bottom: 10rem;
  left: 0;
  color: #fff;
  /* font-family: 'YSHaoShenTi'; */
  font-weight: 700
}

.works-detail .post-header .ttl-area .category {
  margin-bottom: 1.8rem
}

.works-detail .post-header .ttl-area .ttl {
  font-size: 48px;
  line-height: 1.23
}

.works-detail .post-body {
  margin-bottom: 12rem
}

.works-detail .post-body .section-inner {
  max-width: 820px
}

@media only screen and (min-width:1500px) {
  .works-detail .post-body .section-inner {
    max-width: 1025px
  }
}

.works-detail .post-body .desc {
  margin-bottom: 9rem
}

.works-detail .post-body .desc dl {
  display: table
}

.works-detail .post-body .desc dl+dl {
  margin-top: 2rem
}

.works-detail .post-body .desc dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.2rem;
  color: #b8b8b8;
  width: 13rem
}

.works-detail .post-body .desc dl dd {
  display: table-cell;
  vertical-align: middle
}

.works-detail .post-body .desc dl dd a {
  text-decoration: none;
  font-size: 1.2rem;
  display: inline-block;
  background: #f0f0f0;
  padding: .6rem 1rem;
  line-height: 1
}

.works-detail .post-body .desc dl dd a+a {
  margin-left: .5rem
}

.noTouch .works-detail .post-body .desc dl dd a:hover {
  background: #00ADB5;
  color: #fff
}

.works-detail .post-body .mod-post-content {
  margin-bottom: 14rem
}

.works-detail .post-body .mod-post-content p {
  line-height: 2
}

.works-detail .post-body .vw-area {
  width: 100%;
  height: 60rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-bottom: 10rem
}

.works-detail .post-body .vw-area img {
  display: none
}

.works-detail .post-body .credit {
  margin-bottom: 10rem
}

.works-detail .post-body .credit ul.col3 {
  zoom: 1;
  margin-right: -2.33%;
  box-sizing: border-box
}

.works-detail .post-body .credit ul.col3:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.works-detail .post-body .credit ul.col3 li {
  display: block;
  width: 31%;
  float: left;
  margin-right: 2.33%;
  margin-bottom: 3rem
}

.works-detail .post-body .credit ul.col3 li span+span {
  margin-left: 1rem
}

.works-detail .post-body .credit .ttl {
  font-weight: 700;
  color: #afafaf;
  font-size: 1.2rem
}

.works-detail .post-body .relation {
  background: #f7f7f7;
  padding: 0 5rem 5rem 5rem
}

.works-detail .post-body .relation .mod-ttl {
  border-top: none;
  padding-bottom: 5rem;
  border-bottom: .1rem solid #e5e5e5;
  margin-bottom: 3rem
}

.works-detail .post-body .relation .mod-ttl:before {
  display: none
}

.works-detail .post-body .relation .mod-works-list .easingImageX {
  visibility: visible !important
}

.works-detail .post-body .relation .mod-works-list .easingImageX:before {
  display: none !important
}

.works-detail .post-body .relation .mod-works-list .easingImageX div,
.works-detail .post-body .relation .mod-works-list .easingImageX img,
.works-detail .post-body .relation .mod-works-list .easingImageX span {
  opacity: 1 !important
}

.works-detail .post-body .relation .mod-works-list .easingImageX.animeX div,
.works-detail .post-body .relation .mod-works-list .easingImageX.animeX img,
.works-detail .post-body .relation .mod-works-list .easingImageX.animeX span {
  -moz-animation: opacity-reset 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  -webkit-animation: opacity-reset 1.2s cubic-bezier(.78, .07, 0, 1) normal;
  animation: opacity-reset 1.2s cubic-bezier(.78, .07, 0, 1) normal
}

.works-detail .post-body .relation .mod-works-list .readMore {
  display: none
}

@media only screen and (max-width:768px) {
  .works-detail#content {
    padding-top: 0rem
  }

  .works-detail .mod-sub-nav {
    display: block
  }

  .works-detail .post-header {
    margin: 0 -1.5rem 4rem;
    height: 37.5rem;
    width: auto
  }

  .works-detail .post-header .ttl-area {
    padding: 0 1.5rem;
    bottom: 3rem
  }

  .works-detail .post-header .ttl-area .category {
    font-size: .9rem;
    margin-bottom: 1rem
  }

  .works-detail .post-header .ttl-area .ttl {
    font-size: 2.4rem
  }

  .works-detail .post-body {
    margin-bottom: 5rem
  }

  .works-detail .post-body .desc {
    margin-bottom: 4rem
  }

  .works-detail .post-body .desc dl {
    display: table
  }

  .works-detail .post-body .desc dl+dl {
    margin-top: 1rem
  }

  .works-detail .post-body .desc dl dt {
    font-size: .9rem;
    width: 6.5rem
  }

  .works-detail .post-body .desc dl dd {
    font-size: 1.1rem
  }

  .works-detail .post-body .desc dl dd a {
    font-size: .9rem;
    padding: .6rem 1rem
  }

  .works-detail .post-body .mod-post-content {
    margin-bottom: 5rem
  }

  .works-detail .post-body .vw-area {
    margin: 0 -1.5rem;
    width: auto;
    height: 16.3rem;
    margin-bottom: 5rem
  }

  .works-detail .post-body .credit {
    margin-bottom: 5rem
  }

  .works-detail .post-body .credit ul.col3 {
    margin-right: -2%
  }

  .works-detail .post-body .credit ul.col3 li {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2rem
  }

  .works-detail .post-body .credit ul.col3 li span+span {
    margin-left: 1rem
  }

  .works-detail .post-body .credit .ttl {
    font-size: .9rem
  }

  .works-detail .post-body .relation {
    margin: 0 -2rem;
    padding: 0 1.5rem 3rem 1.5rem
  }

  .works-detail .post-body .relation .mod-ttl {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 3rem
  }
}

.side-popular-post {
  margin-bottom: 7rem
}

.side-popular-post .mod-sttl {
  font-size: 1.4rem
}

.side-popular-post .mod-blog-list li a {
  padding: 1.5rem 0;
  border: none
}

.side-popular-post .mod-blog-list li a .item_img {
  width: 8rem
}

.side-popular-post .mod-blog-list li a .item_txt {
  padding-left: 1.5rem
}

.side-popular-post .mod-blog-list li a .item_txt .post-head {
  margin-bottom: .5rem
}

.side-popular-post .mod-blog-list li a .item_txt .post-head .photo {
  display: none
}

.side-popular-post .mod-blog-list li a .item_txt .post-head .data {
  margin-top: 0;
  margin-right: 1rem
}

.side-popular-post .mod-blog-list li a .item_txt .post-head .data span {
  font-size: 1rem
}

.side-popular-post .mod-blog-list li a .item_txt .post-head .data span.category,
.side-popular-post .mod-blog-list li a .item_txt .post-head .data span.date {
  font-weight: 400
}

.side-popular-post .mod-blog-list li a .item_txt .post-head .data span+span {
  padding-left: .3rem;
  margin-left: .3rem
}

.side-popular-post .mod-blog-list li a .item_txt .post-head .like {
  font-size: 1rem;
  padding-left: 1.6rem;
  margin-top: 0
}

.side-popular-post .mod-blog-list li a .item_txt .post-head .like:before {
  position: absolute;
  top: 50%;
  margin-top: -.5rem;
  left: 0;
  font-size: 1rem
}

.side-popular-post .mod-blog-list li a .item_txt .item_ttl {
  font-size: 1.4rem;
  line-height: 1.4
}

.side-popular-post .mod-blog-list li a .item_txt .txt {
  display: none
}

@media only screen and (max-width:768px) {
  .side-popular-post .mod-blog-list li a {
    padding: 1.5rem
  }

  .side-popular-post .mod-blog-list li a .item_img {
    width: 10rem
  }

  .side-popular-post .mod-blog-list li a .item_txt .item_ttl {
    font-size: 1.2rem
  }

  .side-popular-post .mod-blog-list li a .item_txt .post-head .data span.category,
  .side-popular-post .mod-blog-list li a .item_txt .post-head .data span.date {
    font-weight: 700
  }
}

.blog-index-pickup {
  margin-bottom: 16rem;
  position: relative
}

.blog-index-pickup .slick-next,
.blog-index-pickup .slick-prev {
  width: 5rem;
  height: 5rem;
  background: #00ADB5;
  margin-top: -2.5rem;
  position: absolute;
  top: 50%;
  z-index: 4
}

.blog-index-pickup .slick-next .arw,
.blog-index-pickup .slick-prev .arw {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 2rem;
  height: .6rem;
  top: 50%;
  margin-top: -.35rem;
  left: 50%;
  margin-left: -1rem
}

.blog-index-pickup .slick-next .arw:after,
.blog-index-pickup .slick-prev .arw:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 2rem;
  height: .6rem;
  background: url(../images/arw01-r_white.svg) no-repeat center center;
  background-size: contain;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch .blog-index-pickup .slick-next:hover,
.noTouch .blog-index-pickup .slick-prev:hover {
  cursor: pointer
}

.blog-index-pickup .slick-next {
  right: 0
}

.blog-index-pickup .slick-prev {
  left: 0
}

.blog-index-pickup .slick-prev .arw:after {
  background: url(../images/arw01-l_white.svg) no-repeat center center;
  background-size: contain
}

.blog-index-pickup #pickup-carousel {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#pickup-carousel a {
  /* cursor: default; */
}

@media only screen and (min-width:1500px) {
  .blog-index-pickup #pickup-carousel {
    max-width: 1500px
  }
}

.blog-index-pickup #pickup-carousel .slick-list {
  overflow: hidden
}

.blog-index-pickup #pickup-carousel .slick-dots {
  position: absolute;
  bottom: -6rem;
  right: 0
}

.blog-index-pickup #pickup-carousel .slick-dots li {
  display: inline-block;
  margin-left: 1rem
}

.blog-index-pickup #pickup-carousel .slick-dots li button {
  display: block;
  width: 4.2rem;
  height: .2rem;
  padding: 0;
  background: #e5e5e5;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: 0;
  border: 0
}

.blog-index-pickup #pickup-carousel .slick-dots li button::-moz-focus-inner {
  border: 0
}

.blog-index-pickup #pickup-carousel .slick-dots li.slick-active button,
.noTouch .blog-index-pickup #pickup-carousel .slick-dots li button:hover {
  background: #00ADB5;
  cursor: pointer
}

.blog-index-pickup #pickup-carousel.mod-blog-list .item,
.blog-index-pickup #pickup-carousel.mod-blog-list li {
  border: none;
  margin-bottom: 40px;
}

.blog-index-pickup #pickup-carousel.mod-blog-list .item a,
.blog-index-pickup #pickup-carousel.mod-blog-list li a {
  padding: 0;
  border: none
}

.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_img,
.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_img {
  width: 47rem
}

.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .item_ttl,
.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .item_ttl {
  font-size: 18px;
}

.blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .txt,
.blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .txt {
  margin-bottom: 1.5rem
}

.blog-index .mod-colum2-main {
  margin-bottom: 12rem
}

.blog-index .mod-colum2-main .blog-post .mod-blog-list {
  margin-bottom: 7rem
}

@media only screen and (max-width:768px) {
  .blog-index-pickup {
    margin-bottom: 4rem
  }

  .blog-index-pickup .slick-next,
  .blog-index-pickup .slick-prev {
    display: none !important
  }

  .blog-index-pickup #pickup-carousel {
    margin: 0 -1rem
  }

  .blog-index-pickup #pickup-carousel .slick-slide {
    margin: 0 1rem
  }

  .blog-index-pickup #pickup-carousel .slick-dots {
    display: none !important
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a {
    display: block
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_img,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_img {
    display: block;
    width: auto;
    margin-bottom: 2rem
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt {
    display: block;
    vertical-align: inherit;
    padding-left: 0
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .item_ttl,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .item_ttl {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .txt,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .txt {
    display: none
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .mod-tag-list,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .mod-tag-list {
    display: none
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .post-head,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .post-head {
    display: none
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .sp-data,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .sp-data {
    margin-top: 1rem
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .sp-data .date,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .sp-data .date {
    font-weight: 700;
    font-size: .9rem;
    color: #ccc;
    margin-bottom: .5rem
  }

  .blog-index-pickup #pickup-carousel.mod-blog-list .item a .item_txt .sp-data .category span,
  .blog-index-pickup #pickup-carousel.mod-blog-list li a .item_txt .sp-data .category span {
    display: inline-block;
    font-size: 1rem;
    padding: .1rem .5rem .3rem;
    background: #e5e5e5
  }

  .blog-index .mod-colum2-main {
    margin-bottom: 4.5rem
  }

  .blog-index .mod-colum2-main .blog-post {
    margin: 0 -1.5rem
  }

  .blog-index .mod-colum2-main .blog-post .mod-ttl {
    border-top: none;
    padding: 1.4rem;
    background: #f7f7f7;
    font-size: 1.4rem;
    margin-bottom: 0
  }

  .blog-index .mod-colum2-main .blog-post .mod-ttl:before {
    display: none
  }

  .blog-index .mod-colum2-main .blog-post .mod-blog-list {
    margin-bottom: 5rem
  }

  .blog-index .mod-colum2-side {
    float: none;
    width: auto;
    display: block
  }

  .blog-index .mod-colum2-side .item {
    display: none
  }

  .blog-index .mod-colum2-side .side-popular-post {
    display: block
  }

  .blog-index .mod-colum2-side .side-popular-post .mod-blog-list {
    margin: 0 -1.5rem
  }

  .blog-index .mod-colum2-side .side-popular-post .mod-blog-list li a {
    border-bottom: .1rem solid #e5e5e5
  }

  .blog-index .mod-colum2-side .side-popular-post .mod-blog-list li:first-child {
    border-top: .1rem solid #e5e5e5
  }

  .blog-index .mod-colum2-side .side-popular-post .mod-blog-list li:nth-child(n+4) {
    display: none
  }
}

.blog-detail {
  padding-top: 11rem
}

.blog-detail .post-head.page-title {
  margin-bottom: 11rem
}

.blog-detail .post-head.page-title .desc {
  zoom: 1;
  margin-bottom: 2rem
}

.blog-detail .post-head.page-title .desc:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.blog-detail .post-head.page-title .desc a {
  text-decoration: none
}

.noTouch .blog-detail .post-head.page-title .desc a:hover {
  text-decoration: underline
}

.blog-detail .post-head.page-title .desc .like {
  float: left;
  margin-right: 3rem
}

.blog-detail .post-head.page-title .desc .mod-tag-list {
  padding-top: .8rem
}

.blog-detail .post-head.page-title .desc .mod-tag-list a:before {
  content: "#"
}

.blog-detail .post-head.page-title .item_ttl {
  font-size: 22px;
  line-height: 1.5;
  max-width: 82rem
}

.blog-detail .mod-colum2 {}

.blog-detail .blog-post {
  margin-bottom: 9rem
}

.blog-detail .blog-post .first-img {
  margin-bottom: 5rem
}

.blog-detail .blog-post .first-img img {
  width: 100%;
  height: auto
}

.blog-detail .blog-post .lead {
  line-height: 2;
  margin-bottom: 6rem
}

.blog-detail .blog-post .item+.item {
  margin-top: 8rem
}

.blog-detail .related-post {
  background: #f7f7f7;
  padding: 0 5rem 7rem 5rem
}

.blog-detail .related-post .mod-ttl {
  border-top: none
}

.blog-detail .related-post .mod-ttl:before {
  display: none
}

.blog-detail .popular-post {
  margin-top: 7rem
}

.blog-detail .time-line {
  margin-top: 7rem;
  zoom: 1
}

.blog-detail .time-line:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.blog-detail .time-line .time-line-facebook,
.blog-detail .time-line .time-line-twitter {
  background: #ccc;
  width: 39rem;
  height: 26.9rem;
  text-align: center
}

.blog-detail .time-line .time-line-facebook {
  float: left
}

.blog-detail .time-line .time-line-twitter {
  float: right
}

@media only screen and (max-width:768px) {
  #blog.single .mod-fillter {
    display: none
  }

  .blog-detail {
    padding-top: 8rem
  }

  .blog-detail .post-head.page-title {
    margin-bottom: 3.4rem
  }

  .blog-detail .post-head.page-title .desc {
    margin-bottom: 1rem
  }

  .blog-detail .post-head.page-title .desc .photo {
    display: none
  }

  .blog-detail .post-head.page-title .desc .data {
    margin-right: .3rem
  }

  .blog-detail .post-head.page-title .desc .data a {
    color: #ccc
  }

  .blog-detail .post-head.page-title .desc .data span {
    color: #ccc;
    border-right: .1rem solid #ccc;
    padding-right: .6rem;
    margin-right: .6rem
  }

  .blog-detail .post-head.page-title .desc .data span+span {
    padding-left: 0;
    margin-left: 0;
    border-left: none
  }

  .blog-detail .post-head.page-title .desc .like {
    margin-right: 0;
    margin-top: 1.5rem;
    color: #ccc;
    padding-left: 1.5rem
  }

  .blog-detail .post-head.page-title .desc .like:before {
    font-size: .9rem
  }

  .blog-detail .post-head.page-title .desc .mod-tag-list {
    display: none
  }

  .blog-detail .post-head.page-title .item_ttl {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.35;
    max-width: 82rem
  }

  .blog-detail .mod-colum2 {
    margin-bottom: 5rem
  }

  .blog-detail .blog-post {
    margin-bottom: 5rem
  }

  .blog-detail .blog-post .first-img {
    margin: 0 -1.5rem 4rem
  }

  .blog-detail .blog-post .lead {
    line-height: 1.8;
    letter-spacing: .05em;
    margin-bottom: 3rem;
    font-size: 1.6rem
  }

  .blog-detail .blog-post .item+.item {
    margin-top: 5rem
  }

  .blog-detail .related-post {
    margin: 0 -2rem;
    padding: 0 2rem 3rem 2rem
  }

  .blog-detail .popular-post {
    margin-top: 5rem
  }

  .blog-detail .time-line {
    margin-top: 5rem
  }

  .blog-detail .time-line .time-line-facebook,
  .blog-detail .time-line .time-line-twitter {
    width: auto;
    height: 23.8rem
  }

  .blog-detail .time-line .time-line-facebook {
    float: none;
    margin-bottom: 3.5rem
  }

  .blog-detail .time-line .time-line-twitter {
    float: none
  }

  .blog-detail .mod-blog-list .item a,
  .blog-detail .mod-blog-list li a {
    padding: 1.5rem 0
  }

  .blog-detail .mod-blog-list .item:first-child a,
  .blog-detail .mod-blog-list li:first-child a {
    border-top: .1rem solid #e5e5e5
  }
}

.service-section .item+.item {
  margin-top: 11rem
}

.service-section .item p+.mod-sttl {
  margin-top: 5rem
}

.service-section .item .bold-list {
  margin-top: 1.5rem
}

.service-section .item .bold-list li {
  font-weight: 700;
  font-size: 1.6rem
}

@media only screen and (max-width:768px) {
  .service-section .item p {
    font-size: 1.6rem
  }

  .service-section .item+.item {
    margin-top: 5rem
  }

  .service-section .item .bold-list {
    margin-top: 1rem
  }

  .service-section .item .bold-list li {
    font-size: 1.6rem
  }
}

.service-section .relation {
  background: #f7f7f7;
  padding: 0 5rem 5rem 5rem;
  position: relative
}

.service-section .relation .item+.item {
  margin-top: 0
}

.service-section .relation .readMore {
  display: none
}

.service-section .relation .mod-ttl {
  border-top: none;
  padding-bottom: 5rem;
  border-bottom: .1rem solid #e5e5e5;
  margin-bottom: 3rem
}

.service-section .relation .mod-ttl:before {
  display: none
}

@media only screen and (max-width:768px) {
  .service-section .relation {
    margin: 0 -1.5rem;
    padding: 0 1.5rem 1.5rem 1.5rem
  }

  .service-section .relation .read-more-btn {
    position: absolute;
    top: 5rem;
    right: 2.5rem
  }

  .service-section .relation .read-more-btn a {
    position: relative
  }

  .service-section .relation .read-more-btn a:before {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .9rem;
    color: #00ADB5;
    speak: none;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e903'
  }

  .service-section .relation .mod-ttl {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 3rem
  }
}

.service-index .page-title-bg .bg span {
  background: url(../images/page-title-bg.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

@media only screen and (max-width:768px) {
  .service-index .page-title-bg .bg span {
    background: url(/assets/imgs/service/page-title-bg_sp.jpg) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
  }
}

.service-index .service-section {
  position: relative
}

.service-index .service-section .index-item {
  border-top: 1px solid #e5e5e5;
  position: relative;
  z-index: 1;
  padding: 10rem 0 19rem
}

.service-index .service-section .index-item .copy-area {
  position: absolute;
  top: 10.5rem;
  left: 10rem;
  width: 14rem;
  height: 100%
}

.service-index .service-section .index-item .copy-area .copy {
  font-size: 3.6rem;
  font-weight: 700;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: .1em;
  line-height: 1.6;
  display: inline-block;
  text-align: left;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal
}

.service-index .service-section .index-item .copy-area .sub {
  right: 0;
  top: .2rem;
  position: absolute;
  z-index: 1;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-weight: 700;
  font-size: 1rem;
  color: #00ADB5;
  letter-spacing: .1em;
  line-height: 1
}

.service-index .service-section .index-item .content-area {
  padding-left: 36rem
}

.service-index .service-section .index-item .content-area .lead {
  margin-bottom: 8rem
}

.service-index .service-section .index-item .content-area .lead p+p {
  margin-top: 2rem
}

.service-index .service-section .index-item .content-area .big-menu {
  width: 69vw
}

.service-index .service-section .index-item .content-area .big-menu ul li {
  display: block;
  overflow: hidden
}

.service-index .service-section .index-item .content-area .big-menu ul li a {
  width: 100%;
  height: 33rem;
  position: relative;
  display: table;
  color: #fff;
  text-decoration: none
}

.service-index .service-section .index-item .content-area .big-menu ul li a:before {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4)
}

.service-index .service-section .index-item .content-area .big-menu ul li a .item_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: transform .4s ease 0s;
  -moz-transition: transform .4s ease 0s;
  -o-transition: transform .4s ease 0s;
  -ms-transition: transform .4s ease 0s;
  transition: transform .4s ease 0s;
  -moz-transform: scale(1.005);
  -ms-transform: scale(1.005);
  -webkit-transform: scale(1.005);
  transform: scale(1.005)
}

.service-index .service-section .index-item .content-area .big-menu ul li a .inner {
  position: relative;
  z-index: 2;
  padding: 0 5rem;
  display: table-cell;
  vertical-align: middle
}

.service-index .service-section .index-item .content-area .big-menu ul li a .inner .en {
  font-size: .9rem;
  font-weight: 700;
  margin-bottom: .3rem
}

.service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1rem;
  position: relative;
  padding-right: 3.5rem;
  display: inline-block
}

.service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl .arw {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 2rem;
  height: .6rem;
  top: 50%;
  margin-top: -.3rem;
  right: 0
}

.service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl .arw:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  width: 2rem;
  height: .6rem;
  background: url(../images/arw01-r_white.svg) no-repeat center center;
  background-size: contain;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

html.noTouch .service-index .service-section .index-item .content-area .big-menu ul li a:hover .item_img {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

html.noTouch .service-index .service-section .index-item .content-area .big-menu ul li a:hover .ttl .arw:after {
  -moz-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

.service-index .service-section .index-item .content-area .big-menu ul li.brand .item_img {
  background: url(/assets/imgs/service/img-brand.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.service-index .service-section .index-item .content-area .big-menu ul li.strategy .item_img {
  background: url(/assets/imgs/service/img-strategy.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.service-index .service-section .index-item .content-area .big-menu ul li.creative .item_img {
  background: url(/assets/imgs/service/img-creative.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center
}

.service-index .service-section .word-wrap {
  position: absolute;
  top: 40rem;
  left: -11rem
}

.service-index .service-section .word-wrap .service {
  width: 88rem;
  height: 34rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  background: url(/assets/imgs/service/txt-service.svg) no-repeat center center;
  background-size: contain
}

@media only screen and (max-width:768px) {
  .service-index .service-section .index-item {
    padding: 5rem 0 5rem
  }

  .service-index .service-section .index-item .copy-area {
    position: static;
    width: auto;
    margin-bottom: 3rem
  }

  .service-index .service-section .index-item .copy-area .copy {
    font-size: 3rem;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    line-height: 1.5
  }

  .service-index .service-section .index-item .copy-area .sub {
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    font-size: .9rem;
    color: #333;
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    position: relative
  }

  .service-index .service-section .index-item .copy-area .sub:before {
    position: absolute;
    display: block;
    content: "";
    width: 1.2rem;
    height: .1rem;
    background: #000;
    top: 50%;
    left: 0;
    margin-top: -.1rem
  }

  .service-index .service-section .index-item .content-area {
    padding-left: 0
  }

  .service-index .service-section .index-item .content-area .lead {
    font-size: 1.4rem;
    margin-bottom: 6rem
  }

  .service-index .service-section .index-item .content-area .lead p+p {
    margin-top: 2rem
  }

  .service-index .service-section .index-item .content-area .big-menu {
    margin: 0 -1.5rem;
    width: auto
  }

  .service-index .service-section .index-item .content-area .big-menu ul li a {
    height: 20rem
  }

  .service-index .service-section .index-item .content-area .big-menu ul li a .inner {
    padding: 0 2.5rem
  }

  .service-index .service-section .index-item .content-area .big-menu ul li a .inner .ttl {
    font-size: 2.2rem;
    padding-right: 2.5rem
  }

  .service-index .service-section .word-wrap {
    display: none
  }
}

.service-brand .service-section .bg span {
  background: url(/assets/imgs/service/brand/bg-img01.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

.service-brand .service-section .icon-list {
  width: 68rem;
  margin: 5rem auto 0;
  height: 20.8rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  background: url(/assets/imgs/service/brand/icon-brand.svg) no-repeat center center;
  background-size: contain
}

.service-brand .service-section .icon-list ul {
  display: none
}

.service-brand .service-section .border {
  margin-top: 5rem;
  box-sizing: border-box;
  border: 1px solid #e7e7e7
}

@media only screen and (max-width:768px) {
  .service-brand .service-section .mod-rigth-layout {
    padding-top: 0
  }

  .service-brand .service-section .mod-rigth-layout .bg {
    display: none !important
  }

  .service-brand .service-section .mod-rigth-layout .txt-area {
    padding-top: 0
  }

  .service-brand .service-section .icon-list {
    width: inherit;
    height: 10.4rem;
    margin: 2.5rem auto 0
  }

  .service-brand .service-section .border {
    margin-top: 3rem
  }
}

.service-strategy .page-title-bg.no-image+.page-title .ttl span.main {
  font-size: 3.6rem
}

.service-strategy .service-section .bg span {
  background: url(/assets/imgs/service/strategy/bg-img01.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

.service-strategy .service-section .colum2 {
  zoom: 1
}

.service-strategy .service-section .colum2:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.service-strategy .service-section .colum2 .txt {
  float: left;
  width: 40rem
}

.service-strategy .service-section .colum2 .img {
  float: right;
  width: 39rem
}

.service-strategy .service-section .icon-list {
  width: 68.6rem;
  margin: 5rem auto 0;
  height: 41.8rem;
  display: block;
  overflow: hidden;
  text-indent: -5260px;
  background: url(/assets/imgs/service/strategy/icon-strategy.svg) no-repeat center center;
  background-size: contain
}

.service-strategy .service-section .icon-list ul {
  display: none
}

@media only screen and (max-width:768px) {
  .service-strategy .page-title-bg.no-image+.page-title .ttl span.main {
    font-size: 2.2rem;
    letter-spacing: 0
  }

  .service-strategy .service-section .mod-rigth-layout {
    padding-top: 0
  }

  .service-strategy .service-section .mod-rigth-layout .bg {
    display: none !important
  }

  .service-strategy .service-section .mod-rigth-layout .txt-area {
    padding-top: 0
  }

  .service-strategy .service-section .colum2 .txt {
    font-size: 1.6rem;
    float: none;
    width: auto;
    margin-bottom: 2.5rem
  }

  .service-strategy .service-section .colum2 .img {
    float: none;
    width: auto
  }

  .service-strategy .service-section .icon-list {
    width: 34.5rem;
    margin: 2.5rem auto 0;
    height: 21.2rem
  }
}

@media only screen and (max-width:768px) and (max-width:370px) {
  .service-strategy .service-section .icon-list {
    width: 28.5rem;
    margin: 1rem auto 0;
    height: 15.2rem
  }
}

.service-creative .service-section .bg span {
  background: url(/assets/imgs/service/creative/bg-img01.jpg) #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center
}

.service-creative .service-section .colum2 {
  zoom: 1
}

.service-creative .service-section .colum2:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

.service-creative .service-section .colum2 .txt {
  float: left;
  width: 40rem
}

.service-creative .service-section .colum2 .img {
  float: right;
  width: 39rem
}

.service-creative .service-section .colum2.ver02 {
  margin-top: 4rem
}

.service-creative .service-section .colum2.ver02 .txt {
  width: 38rem;
  float: right
}

.service-creative .service-section .colum2.ver02 .txt .bold-list {
  margin-top: 0
}

.service-creative .service-section .colum2.ver02 .img {
  float: left
}

@media only screen and (max-width:768px) {
  .service-creative .service-section .mod-rigth-layout {
    padding-top: 0
  }

  .service-creative .service-section .mod-rigth-layout .bg {
    display: none !important
  }

  .service-creative .service-section .mod-rigth-layout .txt-area {
    padding-top: 0
  }

  .service-creative .service-section .colum2 .txt {
    font-size: 1.6rem;
    float: none;
    width: auto;
    margin-bottom: 2.5rem
  }

  .service-creative .service-section .colum2 .img {
    float: none;
    width: auto
  }

  .service-creative .service-section .colum2.ver02 {
    margin-top: 2rem
  }

  .service-creative .service-section .colum2.ver02 .txt {
    width: auto;
    float: none
  }

  .service-creative .service-section .colum2.ver02 .txt .bold-list {
    margin-top: 2rem
  }

  .service-creative .service-section .colum2.ver02 .img {
    float: none
  }
}

.privacy-index {
  padding: 6rem 0 15rem
}

.privacy-index .item p+p {
  margin-top: 2rem
}

.privacy-index .item+.item {
  margin-top: 8rem
}

.contact-index {
  padding: 3rem 0 11rem
}

.contact-index .mod-colum2-main {}

.contact-index .mod-colum2-side {
  float: left
}

.contact-index .lead {
  font-size: 1.6rem;
  margin-bottom: 5rem
}

.contact-index .flow-list-sp {
  display: none
}

.contact-index .current-list {
  background: #f7f7f7;
  padding: 4.4rem
}

.contact-index .current-list ul li {
  padding: 1rem 0 1rem 3.2rem;
  position: relative
}

.contact-index .current-list ul li.current:before {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -.3rem;
  left: .1rem;
  content: '';
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: #00ADB5
}

.contact-index .current-list ul li.current .ttl {
  color: #333
}

.contact-index .current-list ul li.selected:before {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -.3rem;
  left: .1rem;
  content: '';
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: #dedede
}

.contact-index .current-list ul li .ttl {
  font-weight: 700;
  color: #d1d1d1;
  position: relative
}

.contact-index .current-list ul li .timeline {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 1px;
  background: #dedede;
  top: auto;
  left: .4rem;
  bottom: -2.5rem
}

#mailform .table {
  border: none;
  width: 100%;
  margin-bottom: 2rem
}

#mailform .table table,
#mailform .table td,
#mailform .table th {
  border-collapse: collapse;
  display: block
}

#mailform .table td,
#mailform .table th {
  text-decoration: none;
  padding: 0
}

#mailform .table th {
  font-weight: 400;
  margin-bottom: .5rem
}

#mailform .table th span {
  color: #fff
}

#mailform .table td {
  zoom: 1;
  padding-bottom: 3rem
}

#mailform .table td:after {
  content: '';
  display: block;
  clear: both;
  height: 0
}

#mailform .table.confirm {
  margin-bottom: 7rem
}

#mailform .table.confirm th {
  color: #b2b2b2
}

#mailform .table.confirm td {
  font-size: 1.8rem
}

#mailform input:placeholder-shown,
#mailform textarea:placeholder-shown {
  color: #b2b2b2;
}

#mailform input::-webkit-input-placeholder,
#mailform textarea::-webkit-input-placeholder {
  color: #b2b2b2;
}

#mailform input:-moz-placeholder,
#mailform textarea:-moz-placeholder {
  color: #b2b2b2;
}

#mailform input::-moz-placeholder,
#mailform textarea::-moz-placeholder {
  color: #b2b2b2;
}

#mailform input:-ms-input-placeholder,
#mailform textarea:-ms-input-placeholder {
  color: #b2b2b2;
}

.error {
  border: 1px solid #f00 !important;
}

#mailform input.formText,
#mailform textarea.formText {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: .9rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: 0 0;
  font-size: 1.8rem;
  background: #000;
  -webkit-appearance: none;
  color: #fff;
}

#mailform input.formText.error,
#mailform textarea.formText.error {
  border: 1px solid #fff
}

#mailform input:focus,
#mailform textarea:focus {
  border: 1px #00ADB5 solid
}

#mailform input.formText {
  float: left
}

#mailform label.error {
  display: block;
  margin-bottom: .5rem;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.5
}

#mailform button[type=button],
#mailform button[type=submit] {
  text-decoration: none;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box
}

#mailform button[type=button]::-webkit-search-decoration,
#mailform button[type=submit]::-webkit-search-decoration {
  display: none
}

#mailform button[type=button]:focus,
#mailform button[type=submit]:focus {
  outline: 0;
  outline-offset: -2px
}

#mailform .btnBack {
  position: absolute;
  top: 50%;
  left: 4.4rem;
  margin-top: -2rem;
  background: 0 0;
  color: #fff;
  padding: 1.2rem 0;
  width: 9.7rem;
  box-shadow: none;
  border: 1px solid #fff !important;
  text-align: center
}

#mailform .btnBack p {
  display: inline-block;
  position: relative;
  padding: 0 1.4rem
}

#mailform .btnBack .arw02 {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  top: 50%;
  margin-top: -.25rem;
  left: 0
}

#mailform .btnBack .arw02:after {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: .25rem solid transparent;
  border-right: .5rem solid #fff;
  border-bottom: .25rem solid transparent;
  border-left: .5rem solid transparent;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.noTouch #mailform .btnBack:hover {
  cursor: pointer
}

.noTouch #mailform .btnBack:hover .arw02:after {
  -moz-animation: arw_l 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  -webkit-animation: arw_l 1s cubic-bezier(.78, .07, 0, 1) normal infinite;
  animation: arw_l 1s cubic-bezier(.78, .07, 0, 1) normal infinite
}

#mailform #formBtnArea {
  background: #00ADB5;
  padding: 5rem 0;
  text-align: center;
  position: relative
}

#mailform #formBtnArea .txt {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 1.5rem
}

#mailform #formBtnArea .txt a {
  color: #fff
}

#mailform #formBtnArea .btn02 {
  text-align: center;
  max-width: inherit;
  width: 13rem;
  margin: 0 auto;
  font-size: 1.6rem;
  padding: 1.2rem 2.5rem;
  color: #333
}

#mailform #formBtnArea .btn02 p {
  position: relative;
  display: inline-block;
  padding-right: 3rem
}

#mailform #formBtnArea .btn02 .arw {
  right: 0
}

#mailform #formBtnArea .btn02:hover {
  cursor: pointer
}

.about-select {
  display: block;
  position: relative;
  text-align: left
}

.about-select .label {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 1.4rem .9rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  font-size: 1.8rem;
  background: #f7f7f7;
  line-height: 1;
  display: block;
  color: #b2b2b2
}

.about-select .label.selected {
  color: #333
}

.about-select .label:before {
  position: absolute;
  display: block;
  content: ''
}

.about-select .label:before {
  top: 50%;
  margin-top: -.5rem;
  right: 1.8rem;
  width: .6rem;
  height: .6rem;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.about-select select {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: 0 0;
  cursor: pointer;
  outline: 0;
  background: #ccc;
  opacity: 0;
  -ms-filter: 'alpha(opacity=70)';
  -webkit-appearance: none;
  font-size: 1.4rem
}

#finish p {
  font-size: 1.8rem
}

#finish p+p {
  margin-top: 2rem
}

@media only screen and (max-width:768px) {
  .contact-index {
    padding: 0 0 6rem
  }

  .contact-index .mod-colum2-main {
    float: none
  }

  .contact-index .mod-colum2-side {
    float: none
  }

  .contact-index .lead {
    display: none
  }

  .contact-index .flow-list-sp {
    display: block;
    zoom: 1;
    box-sizing: border-box;
    background: #f7f7f7;
    margin-bottom: 4rem
  }

  .contact-index .flow-list-sp:after {
    content: '';
    display: block;
    clear: both;
    height: 0
  }

  .contact-index .flow-list-sp li {
    display: block;
    text-align: center;
    width: 33.3333%;
    float: left;
    font-size: 1rem;
    line-height: 1;
    padding: 1rem 0
  }

  .contact-index .flow-list-sp li.current {
    font-weight: 700;
    position: relative
  }

  .contact-index .flow-list-sp li.current:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #333;
    left: 0;
    bottom: 0
  }

  #mailform .table {
    margin-bottom: 0
  }

  #mailform .table td {
    padding-bottom: 2.5rem
  }

  #mailform .table.confirm {
    margin-bottom: 5rem
  }

  #mailform .table.confirm td {
    font-size: 1.5rem
  }

  #mailform input:placeholder-shown,
  #mailform textarea:placeholder-shown {
    font-size: 1.5rem
  }

  #mailform input::-webkit-input-placeholder,
  #mailform textarea::-webkit-input-placeholder {
    font-size: 1.5rem
  }

  #mailform input:-moz-placeholder,
  #mailform textarea:-moz-placeholder {
    font-size: 1.5rem
  }

  #mailform input::-moz-placeholder,
  #mailform textarea::-moz-placeholder {
    font-size: 1.5rem
  }

  #mailform input:-ms-input-placeholder,
  #mailform textarea:-ms-input-placeholder {
    font-size: 1.5rem
  }

  #mailform input.formText,
  #mailform textarea.formText {
    padding: .9rem;
    font-size: 1.5rem
  }

  #mailform input.formText[name="name[0]"] {
    max-width: 48%
  }

  #mailform input.formText[name="name[1]"] {
    max-width: 48%
  }

  #mailform label.error {
    font-size: 1.2rem
  }

  #mailform .btnBack {
    position: static;
    margin-top: 0;
    color: #333;
    border: 1px solid #ccc !important;
    margin-bottom: 2.5rem
  }

  #mailform .btnBack .arw02:after {
    border-right: .5rem solid #00ADB5
  }

  #mailform #formBtnArea {
    padding: 3rem 0
  }

  #mailform #formBtnArea .txt {
    font-size: 1rem
  }

  #mailform #formBtnArea .btn02 {
    font-size: 1.4rem;
    letter-spacing: 0;
    padding: 2rem
  }

  .about-select .label {
    font-size: 1.5rem
  }

  #finish p {
    font-size: 1.5rem
  }

  #finish p+p {
    margin-top: 0
  }

  .nav-in-logo {
    top: 2%;
    transform: translateY(0%);
    width: 160px;
  }
}


/* 20180711 add */
.footer-section_body__ttl {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 25px;
}

.footer-bnr .bnr-list+.bnr-list {
  margin-top: 3rem;
}


.ttl1 {
  font-size: 15px;
  font-weight: 400;
  color: #a6a7aa;
  margin-bottom: 15px;
}

@media only screen and (max-width:768px) {
  .footer-section_body__ttl {
    text-align: center;
  }
}

@media only screen and (min-width:769px) {
  .footer-bnr .bnr-list+.bnr-list {
    margin-top: 20px;
  }
}


.page-h2 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
}