@font-face {
  font-family: "SourceHanSans-ExtraLight";
  src: url("/assets/css/font/SourceHanSans-ExtraLight.eot?") format("eot"), url("/assets/css/font/SourceHanSans-ExtraLight.woff") format("woff"), url("/assets/css/font/SourceHanSans-ExtraLight.otf") format("opentype")
}
@font-face {
  font-family: "SourceHanSans-Light";
  src: url("/assets/css/font/SourceHanSans-Light.eot?") format("eot"), url("/assets/css/font/SourceHanSans-Light.woff") format("woff"), url("/assets/css/font/SourceHanSans-Light.otf") format("opentype")
}
@font-face {
  font-family: "SourceHanSans-Regular";
  src: url("/assets/css/font/SourceHanSans-Regular.eot?") format("eot"), url("/assets/css/font/SourceHanSans-Regular.woff") format("woff"), url("/assets/css/font/SourceHanSans-Regular.otf") format("opentype")
}
@font-face {
  font-family: "SourceHanSans-Medium";
  src: url("/assets/css/font/SourceHanSans-Medium.eot?") format("eot"), url("/assets/css/font/SourceHanSans-Medium.woff") format("woff"), url("/assets/css/font/SourceHanSans-Medium.otf") format("opentype")
}
@font-face {
  font-family: "SourceHanSans-Bold";
  src: url("/assets/css/font/SourceHanSans-Bold.eot?") format("eot"), url("/assets/css/font/SourceHanSans-Bold.woff") format("woff"), url("/assets/css/font/SourceHanSans-Bold.otf") format("opentype")
}
@-webkit-keyframes flip {
  100% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
    top: 0
  }
}
@keyframes flip {
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    top: 0
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}
@keyframes ftb-fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }
  60% {
    opacity: 0;
    transform: translateY(-10px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@-moz-keyframes ftb-fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }
  60% {
    opacity: 0;
    transform: translateY(-10px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@-ms-keyframes ftb-fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }
  60% {
    opacity: 0;
    transform: translateY(-10px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@-webkit-keyframes ftb-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px)
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(-10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}
@-webkit-keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #c3c4c6
  }
  40% {
    stroke: #c3c4c6
  }
  66% {
    stroke: #c3c4c6
  }
  80%,
  90% {
    stroke: #c3c4c6
  }
}
@keyframes color {
  0% {
    stroke: #c3c4c6
  }
  40% {
    stroke: #c3c4c6
  }
  66% {
    stroke: #c3c4c6
  }
  80%,
  90% {
    stroke: #c3c4c6
  }
}
@keyframes btnHober {
  0% {
    opacity: 0;
    left: -100%;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
  }
  30% {
    opacity: 1
  }
  100% {
    left: 0
  }
}
@keyframes btnHoberOut {
  0% {
    opacity: 1;
    left: 0;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
  }
  40% {
    opacity: 1
  }
  100% {
    opacity: 0;
    left: 100%
  }
}
.article,
.innerBlock,
.single-works .postContents {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 1.429em
}
.pc {
  display: block
}
.openMenu,
.spNavHeader,
.sp {
  display: none
}
a {
  color: #1a1a1a;
  text-decoration: none;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
a:hover,
a:active {
  text-decoration: underline
}
html {
  font-size: 10px;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: font-size 0.2s ease-out;
  -o-transition: font-size 0.2s ease-out;
  -webkit-transition: font-size 0.2s ease-out;
  transition: font-size 0.2s ease-out
}
body {
  margin: 0;
  height: 100%;
  color: #1a1a1a;
  line-height: 1.7;
  font-size: 1.4rem;
  background: white;
  min-width: 1260px;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.header {
  position: fixed;
  z-index: 3000;
  width: 100%;
  height: 6em;
  font-size: 1.2rem;
  background: #f8f9fa;
  border-bottom: 1px solid #ebeced;
  min-width: 1260px;
  -moz-transition: height 0.15s ease-out;
  -o-transition: height 0.15s ease-out;
  -webkit-transition: height 0.15s ease-out;
  transition: height 0.15s ease-out
}
.header .headerInner {
  height: 100%;
  padding: 0 2.5em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.header .siteLogo,
.header .gNavWrapper {
  display: table;
  height: 100%;
  table-layout: fixed;
  line-height: 1
}
.header .siteLogo {
  float: left;
  width: 195px
}
.header .siteLogo a {
  display: table-cell;
  vertical-align: middle
}
.header .gNavWrapper {
  float: right
}
.header .gNav {
  display: table-cell;
  vertical-align: middle;
  text-align: right
}
.header .gNav ul {
  display: table
}
.header .gNav a {
  display: table-cell;
  height: 5.917em;
  vertical-align: middle;
  text-align: center;
  border-bottom: 2px solid transparent
}
.header .gNav a:hover {
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  border-color: #ee9e01
}
.header .gNav li {
  display: table-cell;
  padding: 0 1.667em
}
.header .gNav li:last-of-type {
  padding-right: 2.5em
}
.header .gNav li.current {
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.header .gNav li.current a {
  border-color: #ee9e01
}
.header .gNav .highlight {
  content: '';
  position: absolute;
  top: inherit;
  bottom: 0;
  left: 20px;
  display: none;
  width: 38px;
  height: 2px;
  background: #ee9e01
}
.header .childNav {
  display: none;
  position: absolute;
  top: 6em;
  left: 0;
  width: 100%;
  background: #ee9e01;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.header .childNav .inner {
  width: 780px;
  margin: 0 auto;
  padding: 5.2em 0 4em
}
.header .childNav p,
.header .childNav ul {
  float: left
}
.header .childNav p {
  width: 185px;
  margin-top: -2px;
  text-align: left;
  font-size: 1.4rem;
  color: white;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.header .childNav p:after {
  content: '';
  position: relative;
  top: -2px;
  display: inline-block;
  width: 9px;
  height: 5px;
  margin-left: 5px;
  background: url('../images/common/arw-white.png?1484746300') no-repeat;
  background-size: 100% auto;
  vertical-align: middle
}
.header .childNav ul {
  width: calc(100% - 185px);
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.header .childNav li {
  float: left;
  padding: 0 0 1.667em !important;
  width: 50%;
  font-size: 1.2rem
}
.header .childNav a {
  display: block;
  padding: 0 !important;
  height: auto !important;
  color: white;
  border: 0;
  text-align: left;
}

.header .childNav .childNavSub {
  float: none;
  width: initial;
  padding: 1em 0 0 1em;
  flex-wrap: wrap;
}

.header .childNav .childNavSub li {
  display: block;
  width: 100%;
  margin: 0 0 0.75em;
  padding: 0 !important;
  vertical-align: top;
  float: none;
  font-size: 1.1rem;
}

.header .childNav .childNavSub li a {
  position: relative;
  display: block;
  padding: 0.5em;
}

.header .childNav .childNavSub li a:before {
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-right: 5px;
  content: "";
  vertical-align: top;
  background: url(../images/common/arw-white.png) 50% 50% no-repeat;
  background-size: 100% auto;
}

.header a img {
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.header a:hover {
  text-decoration: none
}
.header a:hover img {
  opacity: .5
}
.subNav {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 6.250em;
  text-align: right;
  vertical-align: top
}
.subNav ul {
  display: table;
  margin: 0 0 0 auto;
  vertical-align: middle
}
.subNav li {
  display: none;
  vertical-align: middle
}
.subNav li a,
.subNav li div {
  display: table-cell;
  height: 6em;
  padding-right: 0.03em;
  letter-spacing: 0.03em;
  vertical-align: middle;
  border-bottom: 2px solid transparent;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-transition: height 0.15s ease-out;
  -o-transition: height 0.15s ease-out;
  -webkit-transition: height 0.15s ease-out;
  transition: height 0.15s ease-out
}
.subNav li a:hover,
.subNav li div:hover {
  padding-right: 0;
  letter-spacing: 0;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  border-color: #ee9e01
}
.subNav li div {
  cursor: pointer;
  position: relative;
  top: 2px;
  line-height: 1
}
.subNav li span {
  position: relative;
  top: -2px
}
.subNav li.current {
  display: table-cell;
  padding: 0 0 0 15px
}
.subNav:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: '';
  width: 1px;
  height: 14px;
  margin-top: -8px;
  background: #d9d9d9
}
.smallNav {
  height: 4.2em
}
.smallNav .gNav a {
  height: 4.11232em
}
.smallNav .childNav {
  top: 4.2em
}
.smallNav .subNav ul {
  top: 2px
}
.smallNav .subNav li a,
.smallNav .subNav li div {
  height: 4.11232em
}
.smallNav .subNav li span {
  top: -1px
}
.container {
  clear: both
}
.content {
  padding: 5.143em 0 0;
  clear: both;
  -moz-transition: padding-top 0.1s ease-out;
  -o-transition: padding-top 0.1s ease-out;
  -webkit-transition: padding-top 0.1s ease-out;
  transition: padding-top 0.1s ease-out
}
.article {
  padding: 0 100px
}
article img {
  max-width: 100%;
  height: auto
}
.scaleThumb {
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden
}
.scaleThumb img {
  max-width: inherit;
  min-width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: -o-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center
}
a:hover .scaleThumb img {
  -moz-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04)
}
.scaleBgCell {
  position: relative;
  overflow: hidden;
  -moz-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1)
}
.scaleBgCell .bgCell {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1)
}
.scaleBgCell .bgCell:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
  background: inherit
}
.scaleBgCell a {
  opacity: 0;
  position: relative;
  z-index: 20;
  display: table;
  width: 100%;
  height: calc(100% + 1px);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1)
}
.scaleBgCell a:hover {
  text-decoration: none
}
.scaleBgCell .hoverContent {
  position: relative;
  height: 100%;
  z-index: 20
}
.scaleBgCell:hover a {
  opacity: 1
}
.scaleBgCell:hover .bgCell {
  -moz-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04)
}
.scaleBgCell:hover .bgCell:before {
  -webkit-filter:blur(4px);
  filter:blur(4px)
}
h2 {
  position: relative;
  margin: 0 0 1.765em;
  padding: 0;
  font-size: 3.4rem;
  text-align: center;
  line-height: 1;
  font-family: "SourceHanSans-ExtraLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.btn-panel-wrapper {
  z-index: 1;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 1
}
.btn-panel-wrapper:before,
.btn-panel-wrapper:after,
.btn-panel-wrapper .btn-panel:before {
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: -100%;
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  -moz-animation: btnHoberOut 0.6s both;
  -webkit-animation: btnHoberOut 0.6s both;
  animation: btnHoberOut 0.6s both;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0
}
.btn-panel-wrapper:before {
  background: rgba(238, 158, 1, 0.2)
}
.btn-panel-wrapper:after {
  background: rgba(238, 158, 1, 0.4)
}
.btn-panel-wrapper .btn-panel {
  z-index: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%
}
.btn-panel-wrapper .btn-panel:before {
  background: rgba(238, 158, 1, 0.8)
}
.btn-panel-wrapper a {
  z-index: 10;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  background: none;
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1)
}
.btn-panel-wrapper a span {
  display: table-cell;
  padding: 3.214em 0;
  vertical-align: middle;
  text-align: center
}
.btn-panel-wrapper.hovered:before,
.btn-panel-wrapper.hovered:after,
.btn-panel-wrapper.hovered .btn-panel:before {
  opacity: 1;
  -moz-animation: btnHoberOut 0.8s both;
  -webkit-animation: btnHoberOut 0.8s both;
  animation: btnHoberOut 0.8s both;
  -moz-animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-delay: 0
}
.btn-panel-wrapper.hovered:hover:before,
.btn-panel-wrapper.hovered:hover:after,
.btn-panel-wrapper.hovered:hover .btn-panel:before {
  -moz-animation: btnHober 1.1s both;
  -webkit-animation: btnHober 1.1s both;
  animation: btnHober 1.1s both
}
.btn-panel-wrapper.hovered:hover:before {
  -moz-animation-delay: 0.05s;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s
}
.btn-panel-wrapper.hovered:hover:after {
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s
}
.btn-panel-wrapper.hovered:hover .btn-panel {
  background: none
}
.btn-panel-wrapper.hovered:hover .btn-panel:before {
  -moz-animation-delay: 0.13s;
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s
}
.btn-panel-wrapper.hovered:hover a {
  text-decoration: none;
  color: white
}
.btn,
.btn-primary,
.btn-docx,
.btn-pdf,
.btn-secondary,
.btn-back {
  display: inline-block;
  padding: 1.875em;
  text-align: center;
  font-size: 1.6rem;
  background: #fff;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  border: 1px solid #e5e5e5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn:after,
.btn-primary:after,
.btn-docx:after,
.btn-pdf:after,
.btn-secondary:after,
.btn-back:after {
  content: '';
  display: inline-block;
  margin: 0 0 0.188em 0.625em;
  width: 8px;
  height: 12px;
  background: url('../images/common/arw-orange-02.png?1482134364') no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn:hover,
.btn-primary:hover,
.btn-docx:hover,
.btn-pdf:hover,
.btn-secondary:hover,
.btn-back:hover {
  background: #ee9e01;
  color: white;
  text-decoration: none;
  border-color: #ee9e01
}
.btn:hover:after,
.btn-primary:hover:after,
.btn-docx:hover:after,
.btn-pdf:hover:after,
.btn-secondary:hover:after,
.btn-back:hover:after {
  background-image: url('../images/common/arw-white-02.png?1482134962')
}
.btn-primary,
.btn-docx,
.btn-pdf {
  color: white;
  background: #ee9e01;
  border-color: #ee9e01;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.btn-primary:after,
.btn-docx:after,
.btn-pdf:after {
  background-image: url('../images/common/arw-white-02.png?1482134962')
}
.btn-primary:hover,
.btn-docx:hover,
.btn-pdf:hover {
  background: #fff;
  color: #1a1a1a;
  border-color: #e5e5e5
}
.btn-primary:hover:after,
.btn-docx:hover:after,
.btn-pdf:hover:after {
  background-image: url('../images/common/arw-orange-02.png?1482134364')
}
.btn-secondary {
  background: white
}
.btn-white {
  background: white
}
.btn-history,
.btn-back {
  padding: 0.714em 0;
  color: #333;
  background: white;
  border-color: #333
}
.btn-history:after,
.btn-back:after {
  display: none
}
.btn-history:before,
.btn-back:before {
  display: inline-block;
  content: '';
  padding-left: 0.714em;
  background-image: url('../images/common/arw-orange-02.png?1482134364');
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.btn-back {
  border-color: #d9dbdc;
  font-size: 1.4rem
}
.btn-back:before {
  position: relative;
  top: -2px;
  content: '';
  display: inline-block;
  margin: 0 12px 0 0;
  padding: 0;
  width: 9px;
  height: 5px;
  background: url('../images/common/arw-black.png?1484746095') no-repeat;
  background-size: 100% auto;
  vertical-align: middle
}
.btn-back:hover:before {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.btn-moreall,
.btn-readmore {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 3.214em 0;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  background: #e6ebed;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn-moreall:after,
.btn-readmore:after {
  position: relative;
  top: -2px;
  content: '';
  display: inline-block;
  margin: 0 0 0 9px;
  width: 9px;
  height: 5px;
  background-repeat: no-repeat;
  background-image: url('../images/common/arw-orange.png?1481618359');
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn-moreall:hover,
.btn-readmore:hover {
  background: #ee9e01;
  text-decoration: none;
  color: white
}
.btn-moreall:hover:after,
.btn-readmore:hover:after {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.btn-moreall-white {
  background: white
}
.btn-readmore {
  padding-bottom: 4em
}
.btn-readmore:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 1em 0 0 -4px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.btn-round,
.btn-mid-career,
.btn-mid-career-white,
.btn-mid-career-color,
.btn-grad-hiring,
.btn-grad-hiring-color,
.btn-grad-hiring-white,
.btn-docx,
.btn-pdf {
  min-width: 30em;
  padding-top: 1.429em;
  padding-bottom: 1.429em;
  font-size: 1.4rem;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px
}
.btn-recruit,
.btn-mid-career,
.btn-mid-career-white,
.btn-mid-career-color,
.btn-grad-hiring,
.btn-grad-hiring-color,
.btn-grad-hiring-white {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: inherit;
  max-width: 100%;
  padding: 1.3em 0 1.2em;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  background: #e6ebed;
  border: 1px solid #e6ebed;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn-recruit:before,
.btn-mid-career:before,
.btn-mid-career-white:before,
.btn-mid-career-color:before,
.btn-grad-hiring:before,
.btn-grad-hiring-color:before,
.btn-grad-hiring-white:before {
  position: relative;
  top: -2px;
  content: '';
  display: inline-block;
  margin: 0 5px 0 0;
  width: 10px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url('../images/common/icn-man.png?1487829084');
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn-recruit:hover,
.btn-mid-career:hover,
.btn-mid-career-white:hover,
.btn-mid-career-color:hover,
.btn-grad-hiring:hover,
.btn-grad-hiring-color:hover,
.btn-grad-hiring-white:hover {
  background: #ee9e01;
  border-color: #ee9e01;
  text-decoration: none;
  color: white
}
.btn-recruit:hover:before,
.btn-mid-career:hover:before,
.btn-mid-career-white:hover:before,
.btn-mid-career-color:hover:before,
.btn-grad-hiring:hover:before,
.btn-grad-hiring-color:hover:before,
.btn-grad-hiring-white:hover:before {
  background-image: url('../images/common/icn-man-white.png?1487829889')
}
.btn-mid-career-white {
  background: #fff
}
.btn-mid-career-color {
  color: white;
  background: #ee9e01;
  border-color: #ee9e01
}
.btn-mid-career-color:after {
  content: '';
  display: inline-block;
  margin: 0 0 0.22em 0.3em;
  width: 8px;
  height: 12px;
  background: url('../images/common/arw-white-02.png?1482134962') no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn-mid-career-color:before {
  background-image: url('../images/common/icn-man-white.png?1487829889')
}
.btn-mid-career-color:hover {
  background: #fff;
  color: #1a1a1a;
  border-color: #e6ebed
}
.btn-mid-career-color:hover:before {
  background-image: url('../images/common/icn-man.png?1487829084')
}
.btn-mid-career-color:hover:after {
  background-image: url('../images/common/arw-orange-02.png?1482134364')
}
.btn-grad-hiring:before,
.btn-grad-hiring-color:before,
.btn-grad-hiring-white:before {
  top: 0;
  margin: 0 5px 0 0;
  width: 10px;
  height: 16px;
  background-image: url('../images/common/icn-wakaba.png?1487829084')
}
.btn-grad-hiring:hover,
.btn-grad-hiring-color:hover,
.btn-grad-hiring-white:hover {
  background: #4fad5d;
  border-color: #4fad5d
}
.btn-grad-hiring:hover:before,
.btn-grad-hiring-color:hover:before,
.btn-grad-hiring-white:hover:before {
  background-image: url('../images/common/icn-wakaba-white.png?1487823582')
}
.btn-grad-hiring-white {
  background: #fff
}
.btn-grad-hiring-white:before {
  top: -1px
}
.btn-grad-hiring-color {
  color: white;
  background: #4fad5d;
  border-color: #4fad5d
}
.btn-grad-hiring-color:before {
  top: -1px;
  background-image: url('../images/common/icn-wakaba-white.png?1487823582')
}
.btn-grad-hiring-color:after {
  content: '';
  display: inline-block;
  margin: 0 0 0.22em 0.3em;
  width: 8px;
  height: 12px;
  background: url('../images/common/arw-white-02.png?1482134962') no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.btn-grad-hiring-color:hover {
  background: #fff;
  color: #1a1a1a;
  border-color: #e6ebed
}
.btn-grad-hiring-color:hover:before {
  background-image: url('../images/common/icn-wakaba.png?1487829084')
}
.btn-grad-hiring-color:hover:after {
  background-image: url('../images/common/arw-green-02.png?1487858648')
}
.btn-docx:after,
.btn-pdf:after {
  content: 'DOCX';
  width: auto;
  height: auto;
  margin-left: 1px;
  padding: 3px 3px 2px;
  color: #ee9e01;
  font-size: 9px;
  line-height: 1;
  background: white;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.btn-docx:hover:after,
.btn-pdf:hover:after {
  color: white;
  background: #ee9e01
}
.btn-pdf:after {
  content: 'PDF'
}
.link-primary {
  text-decoration: underline;
  color: #ee9e01
}
.link-primary:hover {
  text-decoration: none
}
.link-arw {
  display: inline-block;
  position: relative;
  line-height: 1.3
}
.link-arw:after {
  position: relative;
  top: -2px;
  content: '';
  display: inline-block;
  margin: 0 0 0 9px;
  width: 9px;
  height: 5px;
  background: url('../images/common/arw-orange.png?1481618359') no-repeat;
  background-size: 100% auto;
  vertical-align: middle
}
.link-arw:hover {
  color: #ee9e01;
  text-decoration: none
}
.link-more {
  display: inline-block;
  position: relative;
  margin-left: 35px;
  line-height: 1.3;
  border-bottom: 1px solid #333;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.link-more:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -35px;
  margin-top: -12px;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  background: url('../images/common/icn-plus.png?1484031386') 7px 7px no-repeat #ee9e01;
  background-size: 11px auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%
}
.link-pdf {
  text-decoration: underline
}
.link-pdf:after {
  position: relative;
  content: '';
  display: inline-block;
  margin-left: 10px;
  top: 1px;
  width: 24px;
  height: 12px;
  background: url('../images/common/icn-pdf.png?1484228709') center center no-repeat;
  background-size: 100% auto
}
.link-blank {
  text-decoration: none
}
.link-blank:after {
  position: relative;
  content: '';
  display: inline-block;
  margin-left: 5px;
  top: -1px;
  width: 8px;
  height: 8px;
  background: url('../images/common/icn-blank.png?1485073694') center center no-repeat;
  background-size: 100% auto
}
.link-blank:hover {
  text-decoration: none;
  color: #ee9e01
}
.prevNextArea {
  padding: 2em 0 8.5em;
  font-size: 1.2rem
}
.prevNextArea .link-post a {
  position: relative
}
.prevNextArea .link-post a:before,
.prevNextArea .link-post a:after {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  display: block;
  width: 25px;
  height: 49px;
  margin-top: -24px;
  background: url('../images/common/arw-nav.png?1487821365') center center no-repeat;
  background-size: 100% auto
}
.prevNextArea .link-post a:after {
  left: inherit;
  right: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.prevNextArea .prev {
  float: left
}
.prevNextArea .prev a {
  padding: 0 0 0 40px
}
.prevNextArea .prev a:after {
  display: none
}
.prevNextArea .next {
  float: right
}
.prevNextArea .next a {
  padding: 0 40px 0 0
}
.prevNextArea .next a:before {
  display: none
}
.inputContainer {
  position: relative;
  display: inline-block;
  margin: 0 10px
}
.inputContainer input.btn,
.inputContainer input.btn-primary,
.inputContainer input.btn-docx,
.inputContainer input.btn-pdf,
.inputContainer input.btn-secondary,
.inputContainer input.btn-back {
  position: inherit;
  margin: 0;
  color: white;
  background: #ee9e01;
  border-color: #ee9e01;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px
}
.inputContainer:after,
.inputContainer:before {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 10;
  display: inline-block;
  margin: -5px 0 0 0.625em;
  width: 8px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.inputContainer-primary input {
  padding-right: 5em;
  padding-left: 5em;
  min-width: 445px
}
.inputContainer-primary:after {
  right: 50%;
  margin-right: -3.75em;
  background-image: url('../images/common/arw-white-02.png?1482134962')
}
.inputContainer-primary:hover input {
  background: #fff;
  color: #1a1a1a;
  border-color: #e5e5e5
}
.inputContainer-primary:hover:after {
  background-image: url('../images/common/arw-orange-02.png?1482134364')
}
.inputContainer-back input.btn,
.inputContainer-back input.btn-primary,
.inputContainer-back input.btn-docx,
.inputContainer-back input.btn-pdf,
.inputContainer-back input.btn-secondary,
.inputContainer-back input.btn-back {
  min-width: 187px;
  padding-left: 1.429em;
  color: #1a1a1a;
  background: white;
  font-size: 1.4rem;
  border-color: #e5e5e5
}
.inputContainer-back:after {
  left: 50%;
  margin-left: -1.8em;
  background-image: url('../images/common/arw-orange-02.png?1482134364');
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.inputContainer-back:hover input {
  color: #777
}
.inputContainer-back:hover:after {
  opacity: 0.5
}
.contactArea {
  padding: 3.571em 0;
  text-align: center;
  background: #f2f4f5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}
.scaleCell {
  overflow: hidden;
  -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: -o-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1)
}
.scaleCell:hover {
  background-size: 120% !important
}
.pageTitle,
.pageCategory {
  position: relative;
  padding: 11.1em 0 13.7em;
  text-align: center;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  line-height: 1
}
.pageTitle h1,
.pageTitle p,
.pageCategory h1,
.pageCategory p {
  font-size: 1.4rem;
  letter-spacing: 2px
}
.pageTitle span,
.pageCategory span {
  display: block;
  margin: 0.556em 0 0;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 900;
  font-size: 3.6rem;
  letter-spacing: 0.083em;
  line-height: 2.8rem
}
.pageTitle span.releaseYear,
.pageCategory span.releaseYear {
  font-size: 1.4rem;
  margin: 0;
  letter-spacing: 0.1em;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.pageTitle .innerBlock,
.pageCategory .innerBlock {
  padding: 0 100px
}
.pageTitle .links,
.pageCategory .links {
  position: absolute;
  bottom: 3.333em;
  right: 0;
  width: 100%;
  text-align: right;
  letter-spacing: 0;
  font-size: 1.2rem;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.pageTitle.hasNav,
.pageCategory.hasNav {
  padding: 11.1em 0 9.57em
}
.pageTitles,
.pageNavBottom {
  padding: 0 0 7.143em;
  text-align: center
}
.pageTitles ul,
.pageTitles .pageTitlesInner,
.pageNavBottom ul,
.pageNavBottom .pageTitlesInner {
  border-bottom: 1px solid #e5e5e5
}
.pageTitles h1,
.pageTitles span,
.pageTitles li,
.pageTitles a,
.pageNavBottom h1,
.pageNavBottom span,
.pageNavBottom li,
.pageNavBottom a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 1
}
.pageTitles a,
.pageNavBottom a {
  margin: 0 1.667em;
  padding: 2.5em 0 2.667em;
  color: #333333;
  font-size: 1.2rem
}
.pageTitles a:hover,
.pageNavBottom a:hover {
  text-decoration: none;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  color: #ee9e01;
  border-bottom: 1px solid #ee9e01
}
.pageTitles h1,
.pageTitles span,
.pageTitles li,
.pageNavBottom h1,
.pageNavBottom span,
.pageNavBottom li {
  position: relative;
  top: 1px
}
.pageTitles h1.current a,
.pageTitles span.current a,
.pageTitles li.current a,
.pageNavBottom h1.current a,
.pageNavBottom span.current a,
.pageNavBottom li.current a {
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  color: #ee9e01;
  border-bottom: 1px solid #ee9e01
}

.pageNavBottom {
  padding-bottom: 3.214em
}
.pageNavBottom ul {
  border: 0;
  border-top: 1px solid #e5e5e5
}
.pageNavBottom a {
  padding: 2.667em 0 2.5em
}
.pageNavBottom a:hover {
  border: 0;
  border-top: 1px solid #ee9e01
}
.pageNavBottom li {
  top: -1px
}
.pageNavBottom li.current a {
  border: 0;
  border-top: 1px solid #ee9e01
}

.pageTitles li .childNavSub,
.pageNavBottom li .childNavSub {
  display: none;
}

.listChildPages {
  background: #f8f9fa !important;
}

.listChildPages ul {
  border-top: none !important;
  border-bottom: none !important;
}

.listChildPages li a:hover {
  font-weight: normal !important;
  border-top: none !important;
  border-bottom: none !important;
}


.pageNameArea {
  display: table;
  table-layout: fixed
}
.pageNameArea .pageMainImage,
.pageNameArea .pageName {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.pageNameArea .pageMainImage {
  width: 50%
}
.pageNameArea .pageMainImage img {
  width: 100%
}
.pageNameArea .pageName {
  padding: 0 5.714em;
  background: #ee9e01;
  color: white
}
.pageNameArea h1 {
  position: relative;
  margin: 0 0 1.818em;
  padding: 0 0 1.818em;
  text-align: center;
  font-size: 2.2rem;
  line-height: 1;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.pageNameArea h1 span {
  display: block;
  font-size: 0.8rem;
  margin: 0 0 2em;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.pageNameArea h1:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0.727em;
  height: 1px;
  margin-left: -0.3635em;
  background: white
}
.pageNameArea p {
  line-height: 2
}
.leadText {
  text-align: center;
  line-height: 2
}
.relatedPostsArea,
.reportListsArea {
  padding: 6.786em 0 7.143em;
  border-top: 1px solid rgba(229, 229, 229, 0.5)
}
.relatedPostsList img {
  width: auto;
  height: 100%
}
.relatedPostsList ul {
  display: block;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  *zoom: 1
}
.relatedPostsList li {
  position: relative;
  display: inline-block;
  width: calc((100% - 1px) / 3);
  font-size: 1.4rem;
  overflow: hidden
}
.relatedPostsList li .scaleThumb {
  position: relative;
  z-index: 0;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: -o-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1)
}
.relatedPostsList li .scaleThumb:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
  background: inherit
}
.relatedPostsList li .scaleThumb img {
  visibility: hidden
}
.relatedPostsList li .postName {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: white;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 500;
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(50%, rgba(0,0,0,0)),color-stop(100%, rgba(0,0,0,0.5)));
  background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.5));
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.5));
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.5));
  -moz-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1)
}
.relatedPostsList li span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.286em
}
.relatedPostsList li a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%
}
.relatedPostsList li a:hover .postName {
  opacity: 1
}
.relatedPostsList li a:hover .scaleThumb {
  -moz-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04)
}
.relatedPostsList li a:hover .scaleThumb:before {
  -webkit-filter:blur(4px);
  filter:blur(4px)
}
.relatedPostsList li:before {
  content: '';
  display: block;
  padding-top: 100%
}
.newsIndexList {
  margin-bottom: 5.714em;
  border-bottom: 1px solid #e5e5e5
}
.newsIndexList > li {
  border-top: 1px solid #e5e5e5
}
.newsIndexList dl {
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.newsIndexList dt {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 3.929em 0;
  overflow: hidden;
  *zoom: 1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer
}
.newsIndexList dt span,
.newsIndexList dt strong {
  display: table-cell;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.newsIndexList dt span {
  width: 15%;
  padding-left: 2.143em;
  letter-spacing: 2px;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 900
}
.newsIndexList dt strong {
  width: 85%;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.newsIndexList dt:after {
  content: '';
  position: absolute;
  right: 2.857em;
  top: 50%;
  display: block;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  background-position: 7px 7px;
  background-repeat: no-repeat;
  background-image: url('../images/common/icn-plus.png?1484031386');
  background-color: #ee9e01;
  background-size: 11px auto;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.newsIndexList dt:hover:after {
  opacity: 0.7
}
.newsIndexList dd {
  display: none;
  padding: 0 0 0 15%
}
.newsIndexList dd .textArea,
.newsIndexList dd figure {
  padding-bottom: 4.643em
}
.newsIndexList dd .textArea {
  line-height: 2.2
}
.newsIndexList dd .releaseArea {
  margin: 2.8rem 0 0
}
.newsIndexList dd .releaseArea a {
  color: #1a1a1a
}
.newsIndexList dd.hasThumb {
  overflow: hidden;
  *zoom: 1
}
.newsIndexList dd.hasThumb figure {
  float: left;
  width: 17.143em
}
.newsIndexList dd.hasThumb figure img {
  width: 13.571em;
  height: auto
}
.newsIndexList dd.hasThumb .textArea {
  float: left;
  width: calc(100% - 17.143em)
}
.newsIndexList .opened {
  background: #f8f9fa
}
.newsIndexList .opened dt:after {
  background-color: #000;
  background-image: url('../images/common/icn-minus.png?1484669792')
}
.newsIndexList .current dd {
  display: block
}
.newsIndexList dt strong,
.newsIndexList dd {
  padding-right: 12.143em
}
.flow li {
  position: relative;
  padding: 4.643em 0;
  background: #f6a83d;
  border-right: 1px solid #f8b964;
  text-align: center;
  color: white;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.flow li .icon {
  margin: 0 0 1.071em
}
.flow li .icon img {
  height: 50px
}
.flow li .flowIndex {
  display: table;
  width: 100%
}
.flow li .flowIndex span {
  display: table-cell;
  vertical-align: middle
}
.flow li:after,
.flow li:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}
.flow li:after {
  border-color: rgba(246, 168, 61, 0);
  border-left-color: #f6a83d;
  border-width: 10px;
  margin-top: -10px
}
.flow li:before {
  border-color: rgba(248, 185, 100, 0);
  border-left-color: #f8b964;
  border-width: 11px;
  margin-top: -11px
}
.flow li:last-of-type:before,
.flow li:last-of-type:after {
  display: none
}
.flow li:nth-of-type(1) {
  z-index: 9
}
.flow li:nth-of-type(2) {
  z-index: 8;
  background: #f29f2c
}
.flow li:nth-of-type(2):after {
  border-left-color: #f29f2c
}
.flow li:nth-of-type(3) {
  z-index: 7;
  background: #ec9824
}
.flow li:nth-of-type(3):after {
  border-left-color: #ec9824
}
.flow li:nth-of-type(4) {
  z-index: 6;
  background: #e4901c
}
.flow li:nth-of-type(4):after {
  border-left-color: #e4901c
}
.flow li:nth-of-type(5) {
  z-index: 5;
  background: #df8b17
}
.flow li:nth-of-type(6) {
  z-index: 4
}
.flow li:nth-of-type(7) {
  z-index: 3
}
.flow li:nth-of-type(8) {
  z-index: 2
}
.flow li:nth-of-type(9) {
  z-index: 1
}
.flow li:nth-of-type(10) {
  z-index: 0
}
.resultsList {
  padding: 3.929em 0;
  background: #f8f9fa
}
.resultsList > dt {
  position: relative;
  margin: 0;
  padding: 0 0 2.643em;
  text-align: center;
  color: #ee9e01
}
.resultsList > dt:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  height: 1px;
  width: 1.786em;
  margin-left: -0.893em;
  background: #000
}

.circleList {
  text-align: center;
  vertical-align: middle
}
.circleList li {
  display: inline-block;
  min-width: 13.571em;
  margin: 2.643em 0 0;
  vertical-align: top
}
.circleList .numPanel {
  display: table;
  width: 11.429em;
  height: 11.429em;
  margin: 0.714em auto 0;
  text-align: center;
  color: white;
  line-height: 1.2;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhOGQyMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ODgxZSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-radial-gradient(#ea8d20,#e9881e);
  background: -webkit-radial-gradient(#ea8d20,#e9881e);
  background: radial-gradient(#ea8d20,#e9881e)
}
.circleList .numPanel span {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.6rem;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.circleList .numPanel strong {
  padding: 5px 3px 0;
  font-size: 3rem;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.indexList li {
  display: table;
  width: 100%;
  padding: 4rem 0;
  table-layout: fixed;
  border-bottom: 1px solid #e5e5e5
}
.indexList li:first-of-type {
  padding-top: 0
}
.indexList span,
.indexList p {
  display: table-cell;
  vertical-align: top
}
.indexList span {
  width: 18%;
  letter-spacing: 0.15em;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 900;
  line-height: 1.9
}
.indexList p {
  width: 82%
}
.indexList p a {
  line-height: 1.6
}
.attention {
  color: red
}
.notes {
  font-size: 1.3rem
}
.tags {
  font-size: 0;
  text-align: center
}
.tag {
  display: inline-block;
  margin: 0 1px 0 0;
  padding: 0.4em 1em 0.5em;
  font-size: 1rem;
  background: #000;
  color: white;
  line-height: 1
}
.imageBlock {
  padding: 8.571em 0;
  text-align: center;
  border: 1px solid #e5e5e5
}
.clmn-2 .block {
  width: 50%;
  float: left
}
.clmn-2-box .block {
  width: 48%;
  float: left
}
.clmn-2-box .block:nth-of-type(2n) {
  float: right
}
.clmn-3 {
  overflow: hidden;
  *zoom: 1
}
.clmn-3 .block {
  width: calc((100% - 1px) / 3);
  float: left
}
.clmn-4 .block {
  width: 25%;
  float: left
}
.clmn-5 .block {
  width: 20%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.sentenceBlock {
  padding: 3.571em 0;
  border-top: 1px solid rgba(229, 229, 229, 0.5);
  overflow: hidden;
  *zoom: 1
}
.sentenceBlock h3 {
  float: left;
  width: 24%;
  font-size: 1.6rem;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.sentenceBlock h3 span {
  display: block;
  margin: 0.833em 0 0;
  font-size: 1.2rem;
  line-height: 1;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700;
  color: #ee9e01
}
.sentenceBlock .sentence {
  float: right;
  width: 76%;
  line-height: 1.9;
  overflow: hidden
}
.sentenceBlock:last-of-type {
  padding-bottom: 0
}
.sentenceBlock .sentence dt {
  position: relative;
  margin: 1.875em 0 0.938em;
  padding-left: 10px;
  color: #ee9e01;
  font-size: 1.6rem;
  line-height: 1;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.sentenceBlock .sentence dt:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 2px;
  height: 0.938em;
  margin-top: -0.43em;
  background: #ee9e01
}
.sentenceBlock .sentence dl {
  margin-bottom: 4em
}
.sentenceBlock .sentence dl.exampleArea {
  margin-bottom: 1.8em;
  padding: 3.571em;
  background: #f8f9fa
}
.sentenceBlock .sentence dl.exampleArea dt:first-of-type {
  margin-top: 0
}
.sentenceBlock .sentence .mainTexts {
  line-height: 1.9;
  margin: 0 0 4.5em
}
.sentenceBlock .sentence .table-set {
  width: 100%
}
.sentenceBlock .sentence .table-set th,
.sentenceBlock .sentence .table-set td {
  padding: 1em 1.4em;
  border-bottom: 1px solid #fff
}
.sentenceBlock .sentence .table-set th {
  width: 20%;
  background: #f2f4f5
}
.sentenceBlock .sentence .table-set td {
  width: 80%
}
.sentenceBlock .sentence .table-set td .freeArea {
  margin: 0
}
.sentenceBlock .sentence .table-set td .freeArea p:last-of-type {
  margin-bottom: 0
}
.sentenceBlock .sentence .clmn-2 dt,
.sentenceBlock .sentence .clmn-2-box dt {
  margin: 0 0 1.75em
}
.sentenceBlock .sentence .clmn-2 dd img,
.sentenceBlock .sentence .clmn-2-box dd img {
  width: 100%
}
.sentenceBlock .sentence .clmn-2 dd .link-zoom,
.sentenceBlock .sentence .clmn-2-box dd .link-zoom {
  display: block;
  margin: 0.8em 0 0;
  text-align: right;
  font-size: 1rem
}
.sentenceBlock .sentence .sentence-block:last-of-type {
  margin-bottom: 0
}
.followBlock {
  padding: 4.286em 0;
  text-align: center;
  background: #f2f4f5
}
.worksSliderArea {
  margin: 0 0 5em
}
.worksSliderArea .worksSlider {
  opacity: 0
}
.worksSliderArea .worksSlider .slideItem {
  position: relative;
  z-index: 20;
  float: none;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}
.worksSliderArea .worksSlider .slideItem .hoverContent {
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.07em;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out
}
.worksSliderArea .worksSlider .slideItem .hoverContent a {
  color: white;
  text-decoration: none
}
.worksSliderArea .worksSlider .slideItem .hoverContent div {
  display: table;
  width: 100%;
  height: 100%
}
.worksSliderArea .worksSlider .slideItem .hoverContent span {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2rem;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.worksSliderArea .worksSlider .slideItem .itemThumb {
  position: relative;
  z-index: 0;
  display: block;
  width: calc(100% + 120px);
  height: 100%;
  margin-left: -60px;
  text-align: right;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left -100px center;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden
}
.worksSliderArea .worksSlider .slideItem .itemThumb:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
  background: inherit
}
.worksSliderArea .worksSlider .slideItem .itemThumb img {
  max-height: inherit;
  vertical-align: middle;
  margin: 30px auto;
  visibility: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden
}
.worksSliderArea .worksSlider .slideItem .itemThumb .thumb-ie {
  opacity: 0;
  position: absolute;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  z-index: -1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-filter:blur(4px);
  filter:blur(4px);
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out
}
.worksSliderArea .worksSlider .slideItem .itemThumb .thumb-ie img {
  visibility: visible
}
.worksSliderArea .worksSlider .slideItem p {
  display: block;
  margin: 0.833em 0 0;
  text-align: center;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  -moz-transition: color 0.4s ease-out;
  -o-transition: color 0.4s ease-out;
  -webkit-transition: color 0.4s ease-out;
  transition: color 0.4s ease-out
}
.worksSliderArea .worksSlider .slideItem:not(.slick-center) {
  z-index: 10;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center
}
.worksSliderArea .worksSlider .slideItem:not(.slick-center) p {
  color: #f2f4f5
}
.worksSliderArea .worksSlider .slideItem.nextItem {
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center
}
.worksSliderArea .worksSlider .slideItem.nextItem .itemThumb {
  background-position: left -100px center
}
.worksSliderArea .worksSlider .slideItem.prevItem .itemThumb {
  background-position: left 100px center
}
.worksSliderArea .worksSlider .slideItem.slick-current,
.worksSliderArea .worksSlider .slideItem.slick-center {
  overflow: visible;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center
}
.worksSliderArea .worksSlider .slideItem.slick-current .itemThumb,
.worksSliderArea .worksSlider .slideItem.slick-center .itemThumb {
  background-position: center center
}
.worksSliderArea .worksSlider .slideItem.currentWorks .hoverContent {
  opacity: 0;
  display: block
}
.worksSliderArea .worksSlider .slideItem.currentWorks:hover .hoverContent {
  opacity: 1
}
.worksSliderArea .worksSlider .slideItem.currentWorks:hover .blurThumb:before {
  -webkit-filter:blur(4px);
  filter:blur(4px)
}
html[data-agent*="Trident"] .currentWorks:hover .thumb-ie {
  opacity: 1 !important;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out
}
.relatedServiceArea .link-more {
  margin: 0;
  border: 0;
  background: #f2f4f5;
  text-decoration: none;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}
.relatedServiceArea .link-more:before {
  top: inherit;
  left: 2.143em;
  bottom: 2.857em;
  margin: 0;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
.relatedServiceArea .link-more:hover {
  background: #e4e8ea
}
.relatedServiceArea .link-more:hover:before {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.relatedServiceArea h3 {
  margin: 0 0 2.308em;
  font-size: 1.3rem;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.relatedServiceArea p {
  line-height: 1.7;
  font-size: 1.3rem;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.relatedServiceArea .block {
  overflow: hidden
}
.relatedServiceArea .block .scaleThumb {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
.relatedServiceArea .block figure {
  width: calc(100% + 2px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
.relatedServiceArea .block:nth-of-type(2n) .link-more {
  background: #fff
}
.relatedServiceArea .block:nth-of-type(2n) .link-more:hover {
  background: #e9edee
}
.relatedServiceArea .block.block-marketing .scaleThumb {
  background-image: url('../images/index/ph-service-marketing.jpg?1485182130')
}
.relatedServiceArea .block.block-prsupport .scaleThumb {
  background-image: url('../images/index/ph-service-prsupport.jpg?1485181350')
}
.relatedServiceArea .block.block-communicationplanning h3 {
  letter-spacing: -2px
}
.relatedServiceArea .block.block-communicationplanning figure {
  background-image: url('../images/index/ph-service-communication.jpg?1485181491')
}
.relatedServiceArea .block.block-businessdesign figure {
  background-image: url('../images/index/ph-service-bussiness.jpg?1485181350')
}
.relatedServiceArea .textBlock {
  padding: 2.857em 1.429em 6.429em 2.143em
}
.relatedServiceArea figure img {
  width: 100%
}
.relatedServiceArea .moreLink {
  text-align: center
}
.staffListArea {
  padding: 0 0 3em
}
.staffListArea .block {
  width: calc((100% - 61px) / 3);
  margin: 0 30px 35px 0;
  opacity: 0
}
.staffListArea .block:nth-of-type(3n) {
  margin-right: 0
}
.staffListArea .block a:hover {
  text-decoration: none
}
.staffListArea .staffPanel {
  position: relative;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
.staffListArea .staffPanel img {
  width: 100%
}
.staffListArea .staffDetailArea {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 7%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.staffListArea .staffDetail {
  background: #fff;
  padding: 2em 2.2em
}
.staffListArea .staffDetail h3 {
  margin-bottom: 0.8em;
  font-size: 1.6rem;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.staffListArea .staffDetail span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.7
}
.effected_area .block:nth-of-type(1) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 0.15s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.15s 1 both;
  animation: fadeIn 0.6s ease-out 0.15s 1 both
}
.effected_area .block:nth-of-type(2) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 0.3s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.3s 1 both;
  animation: fadeIn 0.6s ease-out 0.3s 1 both
}
.effected_area .block:nth-of-type(3) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 0.45s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.45s 1 both;
  animation: fadeIn 0.6s ease-out 0.45s 1 both
}
.effected_area .block:nth-of-type(4) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 0.6s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.6s 1 both;
  animation: fadeIn 0.6s ease-out 0.6s 1 both
}
.effected_area .block:nth-of-type(5) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 0.75s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.75s 1 both;
  animation: fadeIn 0.6s ease-out 0.75s 1 both
}
.effected_area .block:nth-of-type(6) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 0.9s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.9s 1 both;
  animation: fadeIn 0.6s ease-out 0.9s 1 both
}
.effected_area .block:nth-of-type(7) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 1.05s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.05s 1 both;
  animation: fadeIn 0.6s ease-out 1.05s 1 both
}
.effected_area .block:nth-of-type(8) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 1.2s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.2s 1 both;
  animation: fadeIn 0.6s ease-out 1.2s 1 both
}
.effected_area .block:nth-of-type(9) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 1.35s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.35s 1 both;
  animation: fadeIn 0.6s ease-out 1.35s 1 both
}
.effected_area .block:nth-of-type(10) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.6s ease-out 1.5s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.5s 1 both;
  animation: fadeIn 0.6s ease-out 1.5s 1 both
}
.qaArea {
  padding: 8em 0 0;
  border-top: 1px solid #e5e5e5
}
.qaLabels {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 2em;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 900
}
.qaLabels p {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  color: #aeafb0;
  font-size: 1rem;
  letter-spacing: 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.qaLabels p.label-q {
  padding-right: 15px;
  text-align: right
}
.qaLabels p.label-a {
  padding-left: 15px;
  color: #ee9e01;
  text-align: left
}
.qaList li {
  padding: 2.2em 0;
  min-height: 3.2em;
  line-height: 2;
  background: #f8f9fa
}
.qaList li:nth-of-type(2n) {
  background: #fff
}
.qaList dl {
  display: table;
  table-layout: fixed;
  width: 64.3em;
  margin: 0 auto
}
.qaList dl dt,
.qaList dl dd {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.qaList dl dt {
  padding-right: 15px;
  text-align: right;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.qaList dl dd {
  padding: 0 30px 0 15px;
  text-align: left;
  font-size: 1.3rem
}
.btnArea {
  text-align: center
}
.freeArea b,
.freeArea strong {
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.freeArea figure {
  font-size: 1.2rem
}
.freeArea a {
  color: #ee9e01;
  text-decoration: underline
}
.freeArea a:hover {
  text-decoration: none
}
.freeArea p {
  margin-bottom: 2em
}
.freeArea ul {
  margin: 0
}
.freeArea ul li {
  position: relative;
  padding: 0 0 0 1.5em
}
.freeArea ul li:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0
}
.freeArea li ul {
  margin: 0
}
.freeArea ol {
  margin: 0 0 30px 14px
}
.freeArea ol li {
  list-style-type: decimal
}
.freeArea ol li li {
  list-style-type: none
}
.freeArea iframe {
  display: block;
  width: 600px;
  min-height: 450px;
  margin: 50px auto 20px;
  border: 0
}
.freeArea .btn,
.freeArea .btn-primary,
.freeArea .btn-docx,
.freeArea .btn-pdf,
.freeArea .btn-secondary,
.freeArea .btn-back {
  margin: 20px 10px
}
.freeArea .alignleft {
  float: left;
  margin: 6px 28px 28px 0
}
.freeArea .alignright {
  float: right;
  margin: 6px 0 28px 28px
}
.freeArea .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 28px
}
#html-home {
  margin-top: 0 !important
}
.page-home .content {
  position: relative;
  padding: 0
}
.page-home .header {
  position: absolute;
  background: white
}
.page-home .header .subNav div {
  top: -1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-home .header .subNav div span {
  top: 0
}
.page-home .header .childNav {
  margin-top: -1px
}
.page-home .smallNav {
  position: fixed;
  top: 0;
  left: 0
}
.page-home .smallNav .subNav div {
  top: 0
}
.page-home section {
  color: #333
}
.page-home section h2 {
  padding: 8em 0 5.5em;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 1rem;
  text-align: center;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.page-home section h2 span {
  display: inline-block;
  padding: 0.5em 0 0.192em;
  font-size: 2.6rem;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 900;
  border-bottom: 4px solid #313131
}
.page-home .vision {
  padding: 12.714em 0 8.929em;
  background: url('../images/common/bg-contents.png?1485164131') center top repeat #f2f4f5;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.page-home .vision h2 {
  margin-bottom: 28px;
  padding: 0
}
.page-home .vision p {
  font-size: 1.4rem;
  text-align: center;
  line-height: 2.4;
  letter-spacing: 0.15rem
}
.page-home .service .innerBlock,
.page-home .works .innerBlock {
  max-width: inherit
}
.page-home .service {
  margin: 0 0 5.714em
}
.page-home .service.relatedServiceArea .block {
  overflow: inherit
}
.page-home .works {
  padding-bottom: 9.286em;
  background: url('../images/common/bg-contents.png?1485164131') center top repeat #f2f4f5
}
.page-home .recruitAndNews {
  background: url('../images/common/bg-contents.png?1485164131') center top repeat #f2f4f5
}
.page-home .recruitAndNews h2 span {
  font-size: 2.4rem
}
.page-home .recruitAndNews .block {
  padding: 5.714em 2.857em 5.714em 5.714em;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-home .recruitAndNews .section {
  padding: 0 2.857em;
  background: white
}
.page-home .recruitAndNews .sectionInner {
  border-top: 1px solid #e5e5e5
}
.page-home .recruitAndNews .btn-moreall,
.page-home .recruitAndNews .btn-readmore {
  padding: 2em 0
}
.page-home .recruitAndNews .btn-grad-hiring-white,
.page-home .recruitAndNews .btn-mid-career-white {
  padding: 0.8em 0;
  font-size: 1.4rem;
  border-color: #e5e5e5
}
.page-home .recruitAndNews .btn-grad-hiring-white:hover,
.page-home .recruitAndNews .btn-mid-career-white:hover {
  background: white;
  border-color: #e5e5e5;
  color: #1a1a1a
}
.page-home .recruitAndNews .btn-grad-hiring-white:hover:before {
  background-image: url('../images/common/icn-wakaba.png?1487829084')
}
.page-home .recruitAndNews .btn-mid-career-white:hover:before {
  background-image: url('../images/common/icn-man.png?1487829084')
}
.page-home .recruitBlock {
  background-image: url('../images/index/ph-recruit.jpg?1485162816')
}
.page-home .recruitBlock .recruitList {
  padding: 3em 0
}
.page-home .recruitBlock dl {
  width: 50%;
  float: left;
  padding: 0 2em 0 1em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0)
}
.page-home .recruitBlock dl:last-of-type {
  padding: 0 1em 0 2em;
  border-left: 1px solid #e5e5e5
}
.page-home .recruitBlock dl dt {
  margin: 0 0 2em
}
.page-home .recruitBlock dl li {
  padding: 0 0 2em;
  font-size: 1.3rem;
  text-align: center
}
.page-home .recruitBlock dl a:hover {
  color: #ee9e01;
  text-decoration: none
}
.page-home .recruitBlock.noRecruitInfo .section {
  padding-bottom: 4.286em
}
.page-home .recruitBlock.noRecruitInfo .noPosts {
  display: table;
  width: 100%;
  height: 100%;
  background: #f1f3f4;
  border: 20px solid #e3e7e8;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-home .recruitBlock.noRecruitInfo .noPosts span {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.page-home .newsBlock {
  float: right;
  background-image: url('../images/index/ph-news.jpg?1485162791');
  padding-right: 5.714em !important;
  padding-left: 2.857em !important
}
.page-home .newsBlock ul {
  padding: 0 0 5em
}
.page-home .newsBlock li {
  border-bottom: 1px solid #e5e5e5
}
.page-home .newsBlock li span,
.page-home .newsBlock li p {
  float: left
}
.page-home .newsBlock li span {
  width: 20%
}
.page-home .newsBlock li p {
  width: 80%;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out
}
.page-home .newsBlock li a {
  display: block;
  padding: 2.5em 0 2.857em;
  overflow: hidden;
  *zoom: 1
}
.page-home .newsBlock li a:hover p {
  color: #ee9e01
}
.page-home .newsBlock .section {
  padding-bottom: 0
}
.page-home .company {
  position: relative;
  background: #f2f4f5
}
.page-home .company h2 {
  position: relative;
  z-index: 10;
  color: white
}
.page-home .company h2 span {
  border-color: white
}
.page-home .company .bgArea {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 24em;
  background: url('../images/index/bg-company.jpg?1485162904') center top no-repeat;
  background-size: cover
}
.page-home .company .innerBlock {
  position: relative;
  padding: 0 5.714em;
  z-index: 10
}
.page-home .company .btn-panel-wrapper:before,
.page-home .company .btn-panel-wrapper:after,
.page-home .company .btn-panel-wrapper .btn-panel:before {
  -moz-animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s
}
.page-home .company .btn-panel-wrapper:hover:before,
.page-home .company .btn-panel-wrapper:hover:after,
.page-home .company .btn-panel-wrapper:hover .btn-panel:before {
  -moz-animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s
}
.page-home .company .block {
  position: relative;
  -moz-perspective: 1700px;
  -webkit-perspective: 1700px;
  perspective: 1700px
}
.page-home .company .block:before {
  content: '';
  display: block;
  padding-top: 100%
}
.page-home .company .block span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  margin: auto;
  vertical-align: middle;
  line-height: 1
}
.page-home .company .block span:before {
  display: block;
  content: '';
  margin: auto auto 24px;
  width: 9px;
  height: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../images/common/arw-orange.png?1481618359');
  background-size: 100% auto
}
.page-home .company .block a {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  border-right: 1px solid #f2f4f5;
  background: white;
  -moz-transition: background 0.2s ease-out, color 0.2s ease-out;
  -o-transition: background 0.2s ease-out, color 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out, color 0.2s ease-out;
  transition: background 0.2s ease-out, color 0.2s ease-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  opacity: 0;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -moz-transform: rotateX(-40deg);
  -ms-transform: rotateX(-40deg);
  -webkit-transform: rotateX(-40deg);
  transform: rotateX(-40deg)
}
.page-home .company .block a:hover {
  background: #ee9e01;
  color: white
}
.page-home .company .block a:hover span:before {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.page-home .company .block:last-of-type a {
  border-right-color: transparent
}
.page-home .company .showed_block .block:nth-child(1) a {
  -moz-animation: flip 0.5s ease-in-out 110ms forwards;
  -webkit-animation: flip 0.5s ease-in-out 110ms forwards;
  animation: flip 0.5s ease-in-out 110ms forwards
}
.page-home .company .showed_block .block:nth-child(1) span {
  -moz-animation: fadeInDown 0.5s ease-in-out 110ms;
  -webkit-animation: fadeInDown 0.5s ease-in-out 110ms;
  animation: fadeInDown 0.5s ease-in-out 110ms
}
.page-home .company .showed_block .block:nth-child(2) a {
  -moz-animation: flip 0.5s ease-in-out 220ms forwards;
  -webkit-animation: flip 0.5s ease-in-out 220ms forwards;
  animation: flip 0.5s ease-in-out 220ms forwards
}
.page-home .company .showed_block .block:nth-child(2) span {
  -moz-animation: fadeInDown 0.5s ease-in-out 220ms;
  -webkit-animation: fadeInDown 0.5s ease-in-out 220ms;
  animation: fadeInDown 0.5s ease-in-out 220ms
}
.page-home .company .showed_block .block:nth-child(3) a {
  -moz-animation: flip 0.5s ease-in-out 330ms forwards;
  -webkit-animation: flip 0.5s ease-in-out 330ms forwards;
  animation: flip 0.5s ease-in-out 330ms forwards
}
.page-home .company .showed_block .block:nth-child(3) span {
  -moz-animation: fadeInDown 0.5s ease-in-out 330ms;
  -webkit-animation: fadeInDown 0.5s ease-in-out 330ms;
  animation: fadeInDown 0.5s ease-in-out 330ms
}
.page-home .company .showed_block .block:nth-child(4) a {
  -moz-animation: flip 0.5s ease-in-out 440ms forwards;
  -webkit-animation: flip 0.5s ease-in-out 440ms forwards;
  animation: flip 0.5s ease-in-out 440ms forwards
}
.page-home .company .showed_block .block:nth-child(4) span {
  -moz-animation: fadeInDown 0.5s ease-in-out 440ms;
  -webkit-animation: fadeInDown 0.5s ease-in-out 440ms;
  animation: fadeInDown 0.5s ease-in-out 440ms
}
.page-home .footer .innerBlock {
  padding: 0 5.714em
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .page-home .vision,
  .page-home .works,
  .page-home .recruitAndNews {
    background-image: url('../images/common/bg-contents@2x.png?1485164084');
    background-size: 560px auto
  }
}
.page-company h2 {
  margin-bottom: 2.857em;
  padding-bottom: 0.929em;
  font-size: 2.8rem;
  text-align: left;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.page-company h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  height: 2px;
  width: 31px;
  background: #ee9e01
}
.page-company .leadText {
  margin: 0 0 8.214em;
  text-align: left
}
.page-company section {
  padding-bottom: 8.214em;
  line-height: 2
}
.page-company table {
  width: 100%;
  table-layout: fixed
}
.page-company table th,
.page-company table td {
  padding: 2.143em 0 2.214em;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-company table th {
  width: 15%;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.page-company table td {
  width: 85%
}
.company-index section {
  width: 900px;
  margin: 0 auto
}
.company-index h2 {
  padding-bottom: 1.25em;
  text-align: center
}
.company-index h2:after {
  left: 50%;
  margin-left: -15.5px
}
.company-index h3 {
  margin: 0 0 1.389em;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ 明朝", "MS Mincho", serif;
  text-align: center;
  color: #ee9e01;
  font-size: 3.6rem;
  line-height: 1;
  white-space: nowrap
}
.company-index .profile {
  padding: 5.833em 0 0;
  font-size: 1.2rem;
  line-height: 1.7;
  text-align: center
}
.company-index .profile img {
  margin-bottom: 2.5em
}
.company-index .profile span {
  display: block
}
.company-information table {
  margin-bottom: 4.286em;
  background-image: linear-gradient(to right, #939393,#939393 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 3px);
  background-size: 4px 1px;
  background-position: top;
  background-repeat: repeat-x
}
.company-information table th,
.company-information table td {
  background-image: linear-gradient(to right, #939393,#939393 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 3px);
  background-size: 4px 1px;
  background-position: bottom;
  background-repeat: repeat-x
}
.company-information .imgArea img {
  width: 100%
}
.company-history table {
  width: 900px;
  margin: 0 auto
}
.company-history table th,
.company-history table td {
  padding: 1.429em 0
}
.company-history table th {
  width: 18%
}
.company-history table td {
  width: 82%
}
.company-history table tr:first-of-type th,
.company-history table tr:first-of-type td {
  padding-top: 0
}
.company-history .imgArea {
  background: #cccccc
}
.company-access h2 {
  margin-bottom: 1.25em;
  padding: 2.222em 0 1.25em
}
.company-access h3 {
  font-size: 1.8rem;
  margin: 0 0 25px;
  padding: 0 0 0 10px;
  border-left: 2px solid #000;
  line-height: 1
}
.company-access .textBlock {
  padding: 0 0 0 2.857em;
  float: right;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.company-access .textBlock p {
  padding: 0 0 4.286em;
  line-height: 2.2
}
.company-access .textBlock p:last-of-type {
  padding-bottom: 0
}
.company-access .mapArea {
  width: 50%;
  float: left
}
.company-access .mapCanvas {
  margin-right: 40px
}
.company-access .mapCanvas:after {
  content: '';
  display: block;
  padding-top: 100%
}
.company-access .mapCanvas .detail {
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.company-access .mapCanvas .detail span {
  display: block;
  padding: 3px 0;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  font-size: 1.5rem
}
.company-access .mapCanvas .detail a {
  cursor: pointer;
  text-decoration: underline
}
.company-access .mapCanvas .detail a:hover {
  text-decoration: none
}
.company-access .mapCanvas .gmnoprint .gm-style-mtc {
  display: none
}
.company-access .mapAreaWrapper {
  margin: 0 0 5.714em
}
.company-access .mapAreaWrapper:nth-of-type(2) {
  display: table;
  table-layout: fixed;
  width: 100%
}
.company-access .mapAreaWrapper:nth-of-type(2) h2 {
  padding-top: 0
}
.company-access .mapAreaWrapper:nth-of-type(2) .mapArea,
.company-access .mapAreaWrapper:nth-of-type(2) .textBlock {
  float: none;
  vertical-align: middle
}
.company-access .mapAreaWrapper:nth-of-type(2) .pc {
  display: table-cell
}
.company-access .mapAreaWrapper:nth-of-type(2) .textBlock {
  display: table-cell
}
.company-access .mapAreaWrapper:nth-of-type(2) .mapCanvas {
  padding-bottom: 3em
}
.page-recruit .content .innerBlock {
  padding-left: 100px;
  padding-right: 100px
}
.page-recruit .article {
  max-width: inherit;
  padding-left: 0;
  padding-right: 0
}
.page-recruit .pageCategory {
  margin-bottom: 6.4em;
  border-bottom: 1px solid #e5e5e5
}
.page-recruit .leadText {
  margin-bottom: 4.6em;
  padding: 0 25px
}
.page-recruit .jobListWrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 0 8.2em
}
.page-recruit .jobBanner,
.page-recruit .jobList {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-recruit .jobBanner {
  width: 33%;
  color: white;
  background: #ee9e01;
  text-align: center;
  position: relative
}
.page-recruit .jobBanner h2 {
  position: relative;
  left: -10px;
  margin-bottom: 0.7em;
  font-size: 3rem;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic
}
.page-recruit .jobBanner p {
  font-size: 1.3rem
}
.page-recruit .jobBanner .jobBannerInner {
  width: 100%;
  position: relative
}
.page-recruit .jobBanner .jobBannerInner:after {
  display: block;
  content: '';
  padding-top: 100%
}
.page-recruit .jobBanner .jobBannerCell {
  vertical-align: middle;
  height: 13em;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -6.5em
}
.page-recruit .jobList {
  width: 67%;
  padding-left: 30px;
  vertical-align: top
}
.page-recruit .jobList dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 1.8em 1em;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-recruit .jobList dl:last-of-type {
  border-bottom: 1px solid #e5e5e5
}
.page-recruit .jobList dl dt,
.page-recruit .jobList dl dd {
  display: table-cell;
  vertical-align: middle
}
.page-recruit .jobList dl dt {
  width: 29%
}
.page-recruit .jobList dl dd {
  width: 71%;
  padding-left: 4%;
  border-left: 1px solid #e5e5e5
}
.page-recruit .jobList dl dd span {
  display: block;
  min-height: 3.286em
}
.page-recruit .jobList dl li {
  display: block;
  width: 48%
}
.page-recruit .jobList dl li.grad-hiring {
  float: left
}
.page-recruit .jobList dl li.mid-career {
  float: right
}
.page-recruit .noPosts {
  display: table;
  width: 100%;
  min-height: 35.714em;
  background: #f8f9fa
}
.page-recruit .noPosts p {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.single-recruit .postContents {
  margin-bottom: 8em
}
.single-recruit .sentenceBlock {
  padding: 3.571em 0 !important
}
.single-recruit .freeArea {
  margin-bottom: 4em
}
.single-recruit .relatedStafArea {
  padding: 5em 0;
  border-top: 1px solid #e5e5e5
}
.single-recruit .relatedStafArea .staffDetail h3 {
  font-size: 1.6rem
}
.single-recruit .section-info {
  padding-top: 8em;
  border-top: 1px solid #e5e5e5
}
.single-recruit .btnArea {
  margin-bottom: 3em;
  padding: 3.5em 0 3.8em;
  background: #f2f4f5
}
.single-recruit .btnArea p {
  margin-bottom: 1.5em
}
.single-recruit .btnArea a {
  width: auto;
  margin: 0 10px;
  padding: 1.8em 4em;
  min-width: inherit;
  font-size: 1.3rem;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.recruit-staff .header,
.single-recruit-staff .header {
  background: transparent;
  border-color: rgba(255, 255, 255, 0)
}
.recruit-staff .content,
.single-recruit-staff .content {
  padding: 0
}
.recruit-staff .mainImageArea,
.single-recruit-staff .mainImageArea {
  position: relative;
  width: 100%;
  margin: 0 0 7.143em
}
.recruit-staff .mainImage,
.single-recruit-staff .mainImage {
  position: relative;
  top: 0;
  left: 0;
  height: 100vh;
  width: 65%;
  background-image: url('../images/recruit/staff-01-mainimage.jpg?1488775348');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
.recruit-staff .staffCaptionArea,
.single-recruit-staff .staffCaptionArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.recruit-staff .staffCaptionArea .innerBlock,
.single-recruit-staff .staffCaptionArea .innerBlock {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.recruit-staff .staffCaption,
.single-recruit-staff .staffCaption {
  position: relative;
  display: table-cell;
  width: 100%;
  padding-left: 60.5%;
  vertical-align: middle
}
.recruit-staff .staffCaption p,
.single-recruit-staff .staffCaption p {
  letter-spacing: 0.05em;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.recruit-staff .staffCaption h1,
.single-recruit-staff .staffCaption h1 {
  font-size: 1.2rem
}
.recruit-staff .staffCaption h1 span,
.single-recruit-staff .staffCaption h1 span {
  display: block;
  padding: 1em 1em 1em 0;
  line-height: 1.5;
  font-size: 3rem;
  font-family: "SourceHanSans-Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.recruit-staff .postTexts,
.single-recruit-staff .postTexts {
  padding-bottom: 8em
}
.recruit-staff .postTexts .section,
.single-recruit-staff .postTexts .section {
  float: left;
  width: 56%;
  margin: 0 0 2.5em;
  line-height: 2
}
.recruit-staff .postTexts figure,
.single-recruit-staff .postTexts figure {
  float: right;
  width: 38%
}
.recruit-staff .postTexts figure img,
.single-recruit-staff .postTexts figure img {
  width: 100%
}
.recruit-staff .postTexts h2,
.single-recruit-staff .postTexts h2 {
  margin: 2em 0;
  font-size: 1.6rem;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  text-align: left
}
.recruit-staff .btnArea,
.single-recruit-staff .btnArea {
  margin-bottom: 8em
}
.page-service .article,
.post-type-archive-marketing .article,
.single-marketing .article {
  padding: 0
}
.page-service .innerBlock,
.post-type-archive-marketing .innerBlock,
.single-marketing .innerBlock {
  padding: 0 100px
}
.page-service .pageTitles,
.post-type-archive-marketing .pageTitles,
.single-marketing .pageTitles {
  padding: 0 0 3.75em
}
.page-service .pageNavBottom,
.post-type-archive-marketing .pageNavBottom,
.single-marketing .pageNavBottom {
  padding-bottom: 6.143em
}
.page-service .leadText,
.post-type-archive-marketing .leadText,
.single-marketing .leadText {
  padding: 0 0 7.143em
}
.page-service .article,
.post-type-archive-marketing .article,
.single-marketing .article {
  max-width: inherit
}
.page-service .section,
.post-type-archive-marketing .section,
.single-marketing .section {
  padding: 7.143em 0 8.571em;
  border-top: 1px solid rgba(229, 229, 229, 0.5)
}
.page-service .section:first-of-type,
.post-type-archive-marketing .section:first-of-type,
.single-marketing .section:first-of-type {
  border: 0
}
.page-service .relatedServiceArea,
.post-type-archive-marketing .relatedServiceArea,
.single-marketing .relatedServiceArea {
  display: none
}
.service-index .pageTitles {
  padding: 0 0 7.143em
}
.service-index .serviceBlockArea {
  padding: 14.286em 0 9.071em;
  background: url('../images/service/bg-service.jpg?1484027557') top center no-repeat;
  background-size: cover
}
.service-index h2 {
  margin: 0 0 1.3em;
  padding: 0;
  font-size: 3rem;
  text-align: left;
  font-family: "SourceHanSans-ExtraLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.service-index h2 span {
  display: block;
  margin: 0 0 2.5em;
  color: #ee9e01;
  font-size: 0.8rem;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.service-index h2:after {
  display: none
}
.service-index .serviceBlock {
  position: relative;
  padding: 0 0 14.286em
}
.service-index .serviceBlock:last-of-type {
  padding: 0
}
.service-index .textBlock {
  z-index: 100;
  position: absolute;
  top: -7.143em;
  left: 38%;
  width: 42%;
  min-width: 42.857em;
  background: white
}
.service-index .textBlock p {
  margin-bottom: 2.857em
}
.service-index .textBlock .link-more {
  font-size: 1.2rem
}
.service-index .textBlock a {
  display: block;
  padding: 5em
}
.service-index .textBlock a:hover {
  text-decoration: none
}
.service-index .textBlock a:hover .link-more {
  border: 0
}
.service-index .bgThumbBlock {
  z-index: 90;
  position: relative;
  height: 35.714em;
  width: 59%;
  float: left;
  background-image: url('../images/service/ph-media.jpg?1485161983');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover
}
.service-index .bgThumbBlock img {
  display: none
}
.service-index .serviceBlock-marketing .textBlock,
.service-index .serviceBlock-communication .textBlock {
  left: inherit;
  right: 38%
}
.service-index .serviceBlock-marketing .bgThumbBlock,
.service-index .serviceBlock-communication .bgThumbBlock {
  float: right
}
.service-index .serviceBlock-marketing .bgThumbBlock {
  background-image: url('../images/service/ph-marketing.jpg?1485161983')
}
.service-index .serviceBlock-prsupport .bgThumbBlock {
  background-image: url('../images/service/ph-prsupport.jpg?1485161983')
}
.service-index .serviceBlock-communication .bgThumbBlock {
  background-image: url('../images/service/ph-communication.jpg?1485161983')
}
.service-index .serviceBlock-business .bgThumbBlock {
  background-image: url('../images/service/ph-business.jpg?1485161983')
}
.service-media .section {
  padding-bottom: 3.929em
}
.service-media .sentenceBlock:first-of-type {
  padding-top: 2.143em;
  border-top: 0
}
.service-media .sentence dt {
  margin: 3.125em 0 1.438em
}
.service-media .sentence ul {
  font-size: 0;
  width: 110%
}
.service-media .sentence li {
  display: inline-block;
  vertical-align: top;
  font-size: 1.6rem;
  margin: 0 5% 3.214em 0;
  width: 170px
}
.service-media .sentence li .thumb {
  margin: 0 0 1rem
}
.service-media .sentence li span {
  display: block;
  font-size: 1.2rem;
  white-space: nowrap
}
.service-prsupport .reportArea {
  text-align: center
}
.service-prsupport .reportArea h3 {
  margin: 0 0 1.667em
}
.service-prsupport .reportArea p {
  margin: 0 0 2.857em
}
.service-prsupport .reportArea li {
  margin: 0 0 0.714em
}
.service-prsupport .reportArea li:last-of-type {
  margin: 0
}
.service-prsupport .reportArea .block {
  padding: 4.286em 0;
  background: #f8f9fa
}
.service-prsupport .reportArea .block:nth-of-type(2n) {
  background: #f2f4f5
}
.service-communicationplanning .leadText {
  padding: 0 12.143em 5.714em;
  text-align: left
}
.service-marketing .leadText,
.post-type-archive-marketing .leadText {
  padding-bottom: 5em
}
.service-marketing .resultsList .notes,
.post-type-archive-marketing .resultsList .notes {
  width: 40.5em;
  margin: 2em auto 0;
  white-space: nowrap
}
.service-marketing .circleList,
.post-type-archive-marketing .circleList {
  width: 43em;
  margin: 0 auto
}
/*20190611追加*/
.sentence .clmn-2-box dd .link-zoom img{
	width: 20px;
}

.single-marketing .circleList {
  width: 43em;
  margin: 0 auto;
}

.single-marketing .circleList li {
  width: 32.33%;
}

.single-marketing .resultsList .resultsListSubBlock {
  width: 43%;
  margin: 5rem auto 0;
}

.single-marketing .resultsList .resultsListSubBlock .list-notes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.2rem;
}

.single-marketing .resultsList .list-notes dt,
.single-marketing .resultsList .list-notes dd {
  margin-bottom: 0.5em;
  box-sizing: border-box;
}

.single-marketing .resultsList .list-notes dt {
  width: 12em;
}

.single-marketing .resultsList .list-notes dd {
  width: calc(100% - 12em);
  padding-left: 1em;
}

.single-marketing .resultsList .notes,
.resultsList .notes {
    width: 40.5em;
    margin: 2em auto 0;
    white-space: nowrap;
}
.single-marketing .resultsListWrapper {
    margin: 0 0 120px;
}
.single-marketing .bold {
    text-align: center;
	margin-bottom: 120px;
}
.single-marketing .leadimg {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
}
.single-marketing .bold span {
    font-size:24px;
	font-weight:bold;
}
.single-marketing .modcont {
	margin-top: -30px;
}
/*20190611追加*/
.service-marketing .sentenceBlock .clmn-2 dd,
.post-type-archive-marketing .sentenceBlock .clmn-2 dd {
  background-color: #f8f9fa;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}
.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(2n) dd,
.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(2n) dd {
  background-color: #f0f1f2
}
.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(1) dd,
.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(1) dd {
  background-image: url('../images/service/sp/graph-marketing-01.png?1485051992')
}
.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(2) dd,
.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(2) dd {
  background-image: url('../images/service/sp/graph-marketing-02.png?1485051992')
}
.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(3) dd,
.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(3) dd {
  background-image: url('../images/service/sp/graph-marketing-03.png?1485051992')
}
.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(4) dd,
.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(4) dd {
  background-image: url('../images/service/sp/graph-marketing-04.png?1485051992')
}
.single-marketing .pageTitles {
  padding: 0
}
.single-marketing .postTitle {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 7.8em 0
}
.single-marketing .postTitle h1 {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  font-size: 3.4rem;
  text-align: center;
  line-height: 1.6;
  font-family: "SourceHanSans-ExtraLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.single-marketing .postTitle h1 span {
  display: block;
  margin: 2em 0 0;
  font-size: 1.1rem;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.single-marketing .postTitle .backLink {
  position: absolute;
  top: 1.5em;
  left: 0;
  font-size: 1.1rem;
  width: 100%
}
.single-marketing .postTitle .backLink a:before {
  content: '';
  position: relative;
  top: -2px;
  display: inline-block;
  width: 9px;
  height: 5px;
  margin-right: 5px;
  background: url('../images/common/arw-black.png?1484746095') no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.single-marketing .postContents {
  padding-bottom: 4.5em
}
.service-businessdesign .section {
  padding-bottom: 6.786em
}
.service-businessdesign .leadText {
  padding-bottom: 3.929em
}
.service-businessdesign .imageBlock {
  margin-bottom: 3.214em
}
.service-businessdesign .followBlock p {
  margin: 0 0 1.2em
}
.service-businessdesign .section-about .leadText {
  padding: 0
}
.service-businessdesign .sentenceBlock {
  border-top: 1px solid rgba(229, 229, 229, 0.5);
  border-bottom: 0
}
.service-businessdesign .sentenceBlock:first-of-type {
  padding-top: 3.571em
}
.service-businessdesign .followBlock {
  margin-top: 2.5em
}
.post-type-archive-works .article {
  padding-bottom: 6.429em
}
.post-type-archive-works .thumbPanelList {
  margin: 0 0 2.9em
}
.post-type-archive-works .thumbPanelList h2 {
  margin: 0 0 0.7em;
  font-size: 1.4rem;
  text-align: left;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 500
}
.post-type-archive-works .thumbPanelList .block {
  display: block;
  height: 26.5em;
  table-layout: fixed;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.post-type-archive-works .thumbPanelList .block a {
  padding: 1.429em 1.429em 1.2em;
  width: 101%;
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(50%, rgba(0,0,0,0)),color-stop(100%, rgba(0,0,0,0.4)));
  background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.4));
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.4));
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.4))
}
.post-type-archive-works .thumbPanelList .block .hoverContent {
  display: table-cell;
  vertical-align: bottom;
  color: white
}
.post-type-archive-works .thumbPanelList .block p {
  font-size: 1.2rem
}
.post-type-archive-works .nextPost {
  position: relative;
  top: -1px
}
.post-type-archive-works .nextPost .block {
  opacity: 0
}
.post-type-archive-works .nextPost .block:nth-of-type(1) {
  -moz-animation: fadeIn 0.6s ease-out 0.15s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.15s 1 both;
  animation: fadeIn 0.6s ease-out 0.15s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(2) {
  -moz-animation: fadeIn 0.6s ease-out 0.3s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.3s 1 both;
  animation: fadeIn 0.6s ease-out 0.3s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(3) {
  -moz-animation: fadeIn 0.6s ease-out 0.45s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.45s 1 both;
  animation: fadeIn 0.6s ease-out 0.45s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(4) {
  -moz-animation: fadeIn 0.6s ease-out 0.6s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.6s 1 both;
  animation: fadeIn 0.6s ease-out 0.6s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(5) {
  -moz-animation: fadeIn 0.6s ease-out 0.75s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.75s 1 both;
  animation: fadeIn 0.6s ease-out 0.75s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(6) {
  -moz-animation: fadeIn 0.6s ease-out 0.9s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 0.9s 1 both;
  animation: fadeIn 0.6s ease-out 0.9s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(7) {
  -moz-animation: fadeIn 0.6s ease-out 1.05s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.05s 1 both;
  animation: fadeIn 0.6s ease-out 1.05s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(8) {
  -moz-animation: fadeIn 0.6s ease-out 1.2s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.2s 1 both;
  animation: fadeIn 0.6s ease-out 1.2s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(9) {
  -moz-animation: fadeIn 0.6s ease-out 1.35s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.35s 1 both;
  animation: fadeIn 0.6s ease-out 1.35s 1 both
}
.post-type-archive-works .nextPost .block:nth-of-type(10) {
  -moz-animation: fadeIn 0.6s ease-out 1.5s 1 both;
  -webkit-animation: fadeIn 0.6s ease-out 1.5s 1 both;
  animation: fadeIn 0.6s ease-out 1.5s 1 both
}
.post-type-archive-works .nextPost:first-of-type {
  top: 0
}
.post-type-archive-works #loadMore {
  display: none
}
.post-type-archive-works #loading {
  position: relative;
  width: 100%;
  height: 230px;
  margin: 0 0 12px
}
.post-type-archive-works .output-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
  width: 30px;
  z-index: 900
}
.post-type-archive-works .output-loader .output-loader-inner {
  position: relative;
  margin: 0 auto;
  width: 30px;
  height: 30px
}
.post-type-archive-works .output-loader .output-loader-inner:before {
  content: '';
  display: block;
  padding-top: 100%
}
.post-type-archive-works .output-loader-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: auto;
  -moz-animation: rotate 2s linear infinite;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  -moz-transform-origin: center center 50%;
  -ms-transform-origin: center center 50%;
  -webkit-transform-origin: center center 50%;
  transform-origin: center center 50%
}
.post-type-archive-works .loader-path {
  stroke-dasharray: 150, 200;
  stroke-dashoffset: -10;
  stroke-linecap: round;
  -moz-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite
}
.single-works .hasNav,
.single-works .pageTitles {
  display: none
}
.single-works .worksSliderArea {
  display: none;
  margin-bottom: 0;
  padding-bottom: 5em;
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyZjRmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff),color-stop(50%, #f2f4f5));
  background: -moz-linear-gradient(#ffffff 50%,#f2f4f5 50%);
  background: -webkit-linear-gradient(#ffffff 50%,#f2f4f5 50%);
  background: linear-gradient(#ffffff 50%,#f2f4f5 50%)
}
.single-works .worksSliderArea .worksSlider .slideItem.currentWorks:hover img {
  -webkit-filter:blur(0);
  filter:blur(0)
}
.single-works .worksSliderArea .worksSlider .slideItem .thumb-ie {
  display: none
}
.single-works .worksMainImage {
  margin-bottom: 0;
  padding-bottom: 5em;
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyZjRmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff),color-stop(50%, #f2f4f5));
  background: -moz-linear-gradient(#ffffff 50%,#f2f4f5 50%);
  background: -webkit-linear-gradient(#ffffff 50%,#f2f4f5 50%);
  background: linear-gradient(#ffffff 50%,#f2f4f5 50%)
}
.single-works .worksMainImage img {
  display: block;
  margin: 0 auto;
  min-width: 1200px
}
.single-works .article {
  max-width: inherit;
  padding-left: 0;
  padding-right: 0
}
.single-works .pageCategory {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
.single-works .pageCategory span {
  font-size: 3rem;
  line-height: 3.6rem;
  margin: 0.556em 0
}
.single-works .pageCategory span.releaseYear {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.2
}
.single-works .mainContents {
  color: #333;
  background: #f2f4f5
}
.single-works .postContents {
  padding: 0 100px 1px
}
.single-works .metaInfoArea {
  padding: 0 0 4.643em;
  border-bottom: 1px solid #e5e5e5;
  text-align: center
}
.single-works .metaInfoArea .client {
  margin: 2em 0 0.5em
}
.single-works .metaInfoArea a:hover {
  text-decoration: none;
  color: #ee9e01
}
.single-works .metaInfoArea .link_set {
  text-align: center
}
.single-works .metaInfoArea .link_set dt,
.single-works .metaInfoArea .link_set dd {
  display: inline-block;
  vertical-align: top
}
.single-works .metaInfoArea .link_set dd {
  text-align: left
}
.single-works .mainTexts,
.single-works .thumbsArea {
  max-width: 85.714em;
  margin: 6.429em auto 7.143em;
  line-height: 1.9
}
.single-works .mainTexts {
  padding: 0 10.714em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.single-works .thumbsArea {
  margin-bottom: 6em;
  text-align: center
}
.single-works .thumbsArea img {
  width: 100%;
  height: auto
}
.single-works .thumbsArea span {
  display: block;
  margin: 1em auto 0
}
.single-works .backLink {
  padding: 0 0 5.714em;
  text-align: center
}
.page-privacypolicy .mainContents {
  line-height: 2
}
.page-privacypolicy .leadArea {
  padding-bottom: 7.143em
}
.page-privacypolicy .leadArea p {
  margin-bottom: 2.143em
}
.page-privacypolicy .leadArea li {
  margin-left: 1.429em;
  list-style-type: disc
}
.page-privacypolicy .section {
  margin-bottom: 7.143em
}
.page-privacypolicy .contactArea {
  margin: 7.143em 0
}
.page-privacypolicy .contactArea .btn-primary,
.page-privacypolicy .contactArea .btn-docx,
.page-privacypolicy .contactArea .btn-pdf {
  min-width: 525px;
  padding: 1.786em 3.571em
}
.page-contact .postContents,
.contact-confirm .postContents,
.contact-complete .postContents {
  padding: 6.429em 0 7.143em;
  border-top: 1px solid #e5e5e5
}
.page-contact .leadText,
.contact-confirm .leadText,
.contact-complete .leadText {
  padding: 0 0 5.357em
}
.page-contact h2,
.contact-confirm h2,
.contact-complete h2 {
  margin-bottom: 2.143em
}
.contactNumber {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #f8f9fa
}
.contactNumber dl {
  padding: 4.643em 0 5em;
  width: 50%;
  text-align: center;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.contactNumber dl:nth-of-type(2n) {
  border-left: 0
}
.contactNumber dl dd {
  font-size: 2.4rem;
  letter-spacing: 0.083em;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 900
}
.formContents .formWrapper {
  padding: 3.571em 0
}
.formContents .must {
  display: inline-block;
  margin: 0 0 0 1.3em;
  padding: 0.5em 1em 0.6em;
  font-size: 1rem;
  color: white;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  line-height: 1;
  background: #fc534c
}
.formContents form input[type="radio"],
.formContents form input[type="checkbox"] {
  display: none
}
.formContents label {
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  overflow: hidden;
  *zoom: 1;
  overflow: visible
}
.formContents input[type="text"],
.formContents textarea {
  padding: 0.571em;
  outline: none;
  font-size: 1.4rem;
  background: #f2f4f5;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.formContents input[type="text"] {
  width: 300px
}
.formContents input.company,
.formContents input.mail,
.formContents input.address,
.formContents input.question {
  width: 100%
}
.formContents textarea {
  width: 100%;
  height: 145px;
  resize: vertical
}
.formContents ::-webkit-input-placeholder {
  color: rgba(25, 25, 25, 0.3);
  opacity: 1
}
.formContents:-moz-placeholder {
  color: rgba(25, 25, 25, 0.3)
}
.formContents ::-moz-placeholder {
  color: rgba(25, 25, 25, 0.3);
  opacity: 1
}
.formContents:-ms-input-placeholder {
  color: rgba(25, 25, 25, 0.3)
}
.formContents .placeholder {
  color: rgba(25, 25, 25, 0.3)
}
.formContents .inputList {
  margin: 0.143em 0 0
}
.formContents table,
.formContents th,
.formContents td {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.formContents table {
  width: 900px;
  margin: 0 auto
}
.formContents th,
.formContents td {
  font-size: 1.4rem;
  background: none;
  vertical-align: top;
  border: 0
}
.formContents th li label,
.formContents td li label {
  line-height: 1.9
}
.formContents th li:after,
.formContents th li:before,
.formContents td li:after,
.formContents td li:before {
  display: none
}
.formContents th {
  width: 28%;
  padding: 2em 0 1.786em;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.formContents th .notes {
  display: block;
  margin: 0.3em 0 0;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  line-height: 1.7
}
.formContents th .must {
  float: right;
  margin: 0.3em 0 0
}
.formContents td {
  width: 72%;
  padding: 1.786em 0 1.786em 2.857em
}
.formContents .selectSubject {
  padding-bottom: 1.071em
}
.formContents .termsNotes {
  padding-bottom: 7.143em;
  text-align: center;
  line-height: 2.2;
  font-size: 1.2rem
}
.formContents .termsNotes a {
  text-decoration: underline
}
.formContents .termsNotes a:hover {
  text-decoration: none
}
.formContents .submitButtonArea {
  padding: 3.571em 0;
  background: #f2f4f5;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-right: 0;
  text-align: center
}
.formContents .submitButtonArea label {
  font-size: 1.2rem
}
.formContents .submitButtonArea label .fmCheckbox {
  margin-top: 0
}
.formContents .submitButtonArea input[type="submit"] {
  cursor: pointer;
  outline: none
}
.formContents .submitButtonArea p a,
.formContents .submitButtonArea p input,
.formContents .submitButtonArea p button {
  vertical-align: top
}
.formContents .error input[type="text"],
.formContents .error textarea {
  border: 1px solid #fc534c;
  background: rgba(252, 83, 76, 0.2)
}
.formContents .error input[type="text"] {
  margin-bottom: 0.214em
}
.formContents .error .notes {
  color: #fc534c;
  font-size: 1.2rem
}
.formContents .mwform-errors {
  color: #fc534c;
  font-size: 1.2rem
}
.formContents .termsArea {
  display: none
}
.formContents .inputList {
  overflow: hidden;
  *zoom: 1;
  overflow: visible
}
.formContents .inputList li,
.formContents .inputList > .horizontal-item {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0 !important;
  margin-bottom: 0.714em;
  padding: 0 0.714em 0 1.786em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.formContents .inputList li:before,
.formContents .inputList>.horizontal-item:before {
  display: none
}
.formContents .inputList li label,
.formContents .inputList > .horizontal-item label {
  line-height: 1.9
}
.formContents .inputList li .fmRadio,
.formContents .inputList li .fmCheckbox,
.formContents .inputList>.horizontal-item .fmRadio,
.formContents .inputList > .horizontal-item .fmCheckbox {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px
}
.formContents .inputList li .fmCheckbox,
.formContents .inputList > .horizontal-item .fmCheckbox {
  top: 7px
}
.flowNav {
  display: table;
  width: 100%
}
.flowNav ul {
  display: block;
  width: 100%;
  max-height: 3.5em;
  overflow: hidden;
  *zoom: 1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.flowNav li {
  position: relative;
  display: table;
  float: left;
  height: 100%;
  font-size: 1.4rem;
  background: #f2f4f5;
  border-right: 1px solid #d7d9db;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.flowNav li span {
  position: relative;
  padding: 1.071em;
  color: #333;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 1.4
}
.flowNav li span:before,
.flowNav li span:after {
  position: absolute;
  top: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.714em 0 1.714em 1.09em
}
.flowNav li span:after {
  right: -1.09em;
  border-color: transparent transparent transparent #f2f4f5;
  z-index: 10
}
.flowNav li span:before {
  right: -1.143em;
  border-color: transparent transparent transparent rgba(51, 51, 51, 0.18);
  z-index: 1
}
.flowNav li span.pc {
  display: table-cell
}
.flowNav li strong {
  padding-left: 0.571em;
  font-weight: normal
}
.flowNav li.active span {
  opacity: 1;
  background: #333;
  color: #fff;
  font-weight: bold
}
.flowNav li.active span:after {
  border-color: transparent transparent transparent #333
}
.flowNav li.active span:before {
  display: none
}
.flowNav li:last-of-type {
  border-right: none
}
.flowNav li:last-of-type span:before,
.flowNav li:last-of-type span:after {
  display: none
}
.flowNav .flow-3 li {
  width: 33.3%;
  width: calc((100% - 1px) / 3)
}
.contact-confirm .contactNumberArea,
.contact-confirm .section h2,
.contact-confirm .leadText,
.contact-complete .contactNumberArea,
.contact-complete .section h2,
.contact-complete .leadText {
  display: none
}
.contact-confirm .postContents,
.contact-complete .postContents {
  padding-top: 0;
  border-top: 0
}
.mw_wp_form_confirm .must,
.mw_wp_form_confirm .notes {
  display: none !important
}
.mw_wp_form_confirm td {
  padding-top: 2em
}
.mw_wp_form_confirm td.selectSubject p {
  margin-top: 0
}
.mw_wp_form_confirm .formWrapper {
  padding-bottom: 7.143em
}
.mw_wp_form_confirm .termsNotes {
  display: none
}
.mw_wp_form_complete {
  text-align: center
}
.mw_wp_form_complete p {
  padding: 7.143em 0
}
.mw_wp_form_complete .submitButtonArea {
  padding: 0 0 1.5em;
  background: none;
  border: 0
}
.mw_wp_form_complete .btn,
.mw_wp_form_complete .btn-primary,
.mw_wp_form_complete .btn-docx,
.mw_wp_form_complete .btn-pdf,
.mw_wp_form_complete .btn-secondary,
.mw_wp_form_complete .btn-back {
  min-width: 445px;
  padding: 1.563em 0
}
.page-404 .mainContents {
  text-align: center
}
.page-404 .btn,
.page-404 .btn-primary,
.page-404 .btn-docx,
.page-404 .btn-pdf,
.page-404 .btn-secondary,
.page-404 .btn-back {
  min-width: 445px;
  margin: 6.25em 0 6.875em
}
.footer {
  padding: 6.429em 0 8.214em;
  background: #f2f4f5
}
.footer .innerBlock {
  padding-left: 100px;
  padding-right: 100px
}
.footer .contactButton {
  display: table;
  width: 100%;
  margin: 0 0 7.857em
}
.footer .contactButton a {
  display: table-cell;
  height: 18.714em;
  text-align: center;
  vertical-align: middle;
  background: white;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
.footer .contactButton a span {
  position: relative
}
.footer .contactButton a span.pc {
  display: inline-block
}
.footer .contactButton a span.sp {
  display: none
}
.footer .contactButton a span:after {
  content: '';
  position: relative;
  top: -2px;
  right: -10px;
  display: inline-block;
  width: 9px;
  height: 5px;
  margin-right: -9px;
  vertical-align: middle;
  background: url('../images/common/arw-orange.png?1481618359') left center no-repeat;
  background-size: 100% auto
}
.footer .contactButton a:hover {
  text-decoration: none;
  background: #ee9e01;
  color: white
}
.footer .contactButton a:hover span:after {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.footer .footerLogo {
  display: none
}
.footer .footerNav {
  float: left
}
.footer li {
  display: inline-block;
  font-size: 0;
  margin: 0 40px 0 0
}
.footer li a {
  font-size: 1.2rem;
  text-decoration: none
}
.footer li a:hover {
  color: #ee9e01
}
.footer .subNav {
  display: none
}
.copyright {
  float: right;
  padding-top: 4px;
  font-size: 1rem
}
.copyright ul {
  display: inline-block
}
.copyright li a {
  font-size: 1rem
}
.copyright span {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.lang-en {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.lang-en h2 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 300
}
.lang-en .header .gNav a {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .header .gNav a:hover {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .header .gNav li.current {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .header .childNav p {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .header .childNav ul {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.lang-en .header .subNav {
  width: 6.667em;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .header .subNav div {
  top: 1px;
  letter-spacing: 0;
  padding: 0
}
.lang-en .header .subNav div:hover {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .header .subNav div span {
  top: -1px
}
.lang-en .header .subNav:after {
  margin-top: -9px
}
.lang-en .smallNav .subNav div span {
  top: 0
}
.lang-en .btn,
.lang-en .btn-primary,
.lang-en .btn-docx,
.lang-en .btn-pdf,
.lang-en .btn-secondary,
.lang-en .btn-back {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .pageCategory h1,
.lang-en .pageCategory p {
  font-size: 0
}
.lang-en .pageNameArea h1 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .pageTitles a:hover,
.lang-en .pageNavBottom a:hover {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 500
}
.lang-en .pageTitles h1.current a,
.lang-en .pageTitles span.current a,
.lang-en .pageTitles li.current a,
.lang-en .pageNavBottom h1.current a,
.lang-en .pageNavBottom span.current a,
.lang-en .pageNavBottom li.current a {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 500
}
.lang-en .flow li {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .sentenceBlock h3 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700;
  padding-right: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.lang-en .sentenceBlock h3 span {
  margin-top: 0.7em
}
.lang-en .sentenceBlock .sentence dt {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 500
}
.lang-en .formContents th {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en .relatedServiceArea .textBlock h3 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.lang-en.page-home .header .subNav div {
  top: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.lang-en.page-home section h2 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en.page-home .vision p {
  font-size: 1.4rem !important;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en.page-home .relatedServiceArea .block h3 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en.page-home .relatedServiceArea .block p {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.lang-en.page-home .relatedServiceArea .block.block-communicationplanning h3 {
  letter-spacing: 0
}
.lang-en.page-home .company .block {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en.page-home .recruitBlock .noPosts {
  border: 0
}
.lang-en.page-home .recruitBlock .noPosts .btn-panel span:after {
  display: none
}
.lang-en.page-home .recruitBlock .noPosts .btn-panel span:before {
  content: '';
  display: block;
  margin: auto auto 18px;
  width: 9px;
  height: 5px;
  background-repeat: no-repeat;
  background-image: url('../images/common/arw-orange.png?1481618359');
  background-size: 100% auto;
  vertical-align: middle;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}
.lang-en.page-home .recruitBlock .noPosts .btn-panel span:hover:before {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.lang-en.page-home .recruitBlock.noRecruitInfo .sectionInner {
  border-top: 0
}
.lang-en.page-home .recruitBlock.noRecruitInfo .noPosts {
  border-color: #f1f3f4;
  display: block;
  width: 100%;
  height: 100%
}
.lang-en.page-home .recruitBlock.noRecruitInfo .noPosts span {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%
}
.lang-en.page-home .recruitBlock.noRecruitInfo .noPosts span a {
  position: relative;
  display: table-cell;
  vertical-align: middle
}
.lang-en.page-home .recruitBlock.noRecruitInfo .noPosts span a:after {
  display: none
}
.lang-en.page-home .recruitBlock.noRecruitInfo .noPosts span a:before {
  display: block;
  content: '';
  margin: auto auto 20px;
  width: 9px;
  height: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../images/common/arw-orange.png?1481618359');
  background-size: 100% auto
}
.lang-en.page-home .recruitBlock.noRecruitInfo .noPosts span a:hover:before {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.lang-en.page-company table th {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en.page-company h2 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 300
}
.lang-en.company-index h3 {
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 3.4rem
}
.lang-en.company-information table th {
  width: 25%
}
.lang-en.company-information table td {
  width: 75%
}
.lang-en.company-access .mapCanvas .detail {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.lang-en.company-access .mapCanvas .detail span {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.lang-en.company-access .mapAreaWrapper:nth-of-type(2) .mapCanvas {
  padding-bottom: 5em
}
.lang-en.service-index h2 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 500
}
.lang-en.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(1) dd,
.lang-en.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(1) dd {
  background-image: url('../images/service/sp/graph-marketing-01-en.png?1488984689')
}
.lang-en.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(2) dd,
.lang-en.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(2) dd {
  background-image: url('../images/service/sp/graph-marketing-02-en.png?1488984690')
}
.lang-en.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(3) dd,
.lang-en.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(3) dd {
  background-image: url('../images/service/sp/graph-marketing-03-en.png?1488984690')
}
.lang-en.service-marketing .sentenceBlock .clmn-2 .block:nth-of-type(4) dd,
.lang-en.post-type-archive-marketing .sentenceBlock .clmn-2 .block:nth-of-type(4) dd {
  background-image: url('../images/service/sp/graph-marketing-04-en.png?1488984690')
}
.lang-en .footer a {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.pageTitle h1 font,
.pageTitle p font,
.pageCategory h1 font,
.pageCategory p font {
  display: block;
  width: 100%;
  opacity: 0;
  -moz-transform: translate(0, 13px);
  -ms-transform: translate(0, 13px);
  -webkit-transform: translate(0, 13px);
  transform: translate(0, 13px);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: opacity 0.8s ease-out, -moz-transform 0.8s ease-out;
  -o-transition: opacity 0.8s ease-out, -o-transform 0.8s ease-out;
  -webkit-transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out
}
.pageTitle h1 span,
.pageTitle p span,
.pageCategory h1 span,
.pageCategory p span {
  opacity: 0;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: opacity 0.6s ease-out 0.2s, -moz-transform 0.6s ease-out 0.2s;
  -o-transition: opacity 0.6s ease-out 0.2s, -o-transform 0.6s ease-out 0.2s;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transition-delay: 0.2s, 0.2s;
  transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s
}
.pageTitle h1 span.releaseYear,
.pageTitle p span.releaseYear,
.pageCategory h1 span.releaseYear,
.pageCategory p span.releaseYear {
  -moz-transition: opacity 0.5s ease-out 0.4s, -moz-transform 0.5s ease-out 0.4s;
  -o-transition: opacity 0.5s ease-out 0.4s, -o-transform 0.5s ease-out 0.4s;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transition-delay: 0.4s, 0.4s;
  transition: opacity 0.5s ease-out 0.4s, transform 0.5s ease-out 0.4s
}
.pageTitle.effected h1 font,
.pageTitle.effected h1 span,
.pageTitle.effected h1.releaseYear,
.pageTitle.effected p font,
.pageTitle.effected p span,
.pageTitle.effected p.releaseYear,
.pageCategory.effected h1 font,
.pageCategory.effected h1 span,
.pageCategory.effected h1.releaseYear,
.pageCategory.effected p font,
.pageCategory.effected p span,
.pageCategory.effected p.releaseYear {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.staffCaption p,
.staffCaption span,
.staffCaption font {
  opacity: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden
}
.staffCaption p {
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: opacity 0.6s ease-out, -moz-transform 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out, -o-transform 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out
}
.staffCaption span {
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -moz-transition: opacity 0.6s ease-out 0.3s, -moz-transform 0.6s ease-out 0.3s;
  -o-transition: opacity 0.6s ease-out 0.3s, -o-transform 0.6s ease-out 0.3s;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transition-delay: 0.3s, 0.3s;
  transition: opacity 0.6s ease-out 0.3s, transform 0.6s ease-out 0.3s
}
.staffCaption font {
  display: block;
  width: 100%;
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -moz-transition: opacity 0.6s ease-out 0.6s, -moz-transform 0.6s ease-out 0.6s;
  -o-transition: opacity 0.6s ease-out 0.6s, -o-transform 0.6s ease-out 0.6s;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transition-delay: 0.6s, 0.6s;
  transition: opacity 0.6s ease-out 0.6s, transform 0.6s ease-out 0.6s
}
.staffCaption.effected p,
.staffCaption.effected span,
.staffCaption.effected font {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
section,
.relatedContainer,
.hideBlock {
  opacity: 0;
  -moz-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: opacity 0.6s ease-out 0.2s, -moz-transform 0.6s ease-out 0.2s;
  -o-transition: opacity 0.6s ease-out 0.2s, -o-transform 0.6s ease-out 0.2s;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transition-delay: 0.2s, 0.2s;
  transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s
}
.noneEffect {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.page-home section {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.page-home .newsBlock .hideBlock {
  -moz-transition: opacity 0.6s ease-out 0.4s, -moz-transform 0.6s ease-out 0.4s;
  -o-transition: opacity 0.6s ease-out 0.4s, -o-transform 0.6s ease-out 0.4s;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transition-delay: 0.4s, 0.4s;
  transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s
}
.effected_area {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.hideBlockContainer .textBlock,
.hideBlockContainer .bgThumbBlock {
  opacity: 0;
  -moz-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transition: all 0.7s ease-out 0.1s;
  -o-transition: all 0.7s ease-out 0.1s;
  -webkit-transition: all 0.7s ease-out;
  -webkit-transition-delay: 0.1s;
  transition: all 0.7s ease-out 0.1s
}
.hideBlockContainer .textBlock {
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s
}
.hideBlockContainer.effected_area .textBlock,
.hideBlockContainer.effected_area .bgThumbBlock {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
@media screen and (min-width: 767px) {
  .page-home .company .block {
    height: 325px
  }
  .page-home .company .block:before {
    display: none
  }
  .single-works .pageTitles {
    display: none !important
  }
  .single-works .pageCategory {
    background-image: none !important
  }
}
@media screen and (min-width: 1441px) {
  html {
    font-size: 12px
  }
  .over {
    display: none
  }
  .pageNavBottom li {
    top: -1px
  }
  .page-home .header {
    position: absolute;
    background: white
  }
  .page-home .smallNav {
    position: fixed;
    top: 0;
    left: 0
  }
  .page-home .vision p {
    font-size: 15px !important
  }
}
@media screen and (min-width: 1730px) {
  .worksSliderArea .worksSlider .slideItem img {
    height: 520px
  }
}
@media screen and (min-width: 1920px) {
  .worksSliderArea .worksSlider .slideItem img {
    height: 590px
  }
}
@media screen and (min-width: 2210px) {
  .worksSliderArea .worksSlider .slideItem img {
    height: 670px
  }
}