@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%
  }
}
.innerBlock {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 25px
}
.pc {
  display: none
}
.sp {
  display: block
}
body {
  min-width: inherit;
  font-size: 1.2rem
}
.header {
  position: fixed !important;
  top: 0;
  left: 0;
  height: 56px;
  min-width: inherit;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.header .headerInner {
  position: relative;
  padding: 0
}
.header .openMenu,
.header .closeMenu {
  position: absolute;
  top: 0;
  right: 0;
  display: table;
  table-layout: fixed;
  height: 100%;
  line-height: 1;
  cursor: pointer
}
.header .openMenu a,
.header .closeMenu a {
  display: table-cell;
  padding: 20px 30px;
  vertical-align: middle;
  background: url('../images/common/sp/icn-menu.svg?1484895898') center center no-repeat;
  background-size: 18px auto;
  text-indent: -9999px
}
.header .siteLogo {
  float: none;
  margin: 0 auto;
  width: 118px;
  background: url('../images/common/sp/logo.png?1484894457') center center no-repeat;
  background-size: 100% auto
}
.header .siteLogo a {
  text-align: center
}
.header .siteLogo img {
  visibility: hidden
}
.header .gNavWrapper {
  display: none;
  position: absolute;
  z-index: 3000;
  top: 0;
  left: 0;
  table-layout: inherit;
  float: none;
  width: 100%;
  height: 100vh;
  background: white;
  line-height: 1.5;
  overflow: hidden
}
.header .gNav {
  display: block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  display: table;
  height: calc(100vh - 56px);
  position: relative
}
.header .gNav ul {
  display: table-cell;
  padding: 0 0 120px;
  vertical-align: middle
}
.header .gNav li,
.header .gNav a {
  display: block;
  font-size: 1.4rem
}
.header .gNav a {
  height: auto;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  border: 0
}
.header .gNav a:hover {
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  border: 0
}
.header .gNav li {
  padding: 0;
  opacity: 0;
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px)
}
.header .gNav li:last-of-type {
  padding-right: 0
}
.header .gNav li.current {
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.header .gNav li:nth-of-type(1) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.05s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.05s 1 both;
  animation: fadeIn 0.3s ease-out 0.05s 1 both
}
.header .gNav li:nth-of-type(2) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.1s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.1s 1 both;
  animation: fadeIn 0.3s ease-out 0.1s 1 both
}
.header .gNav li:nth-of-type(3) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.15s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.15s 1 both;
  animation: fadeIn 0.3s ease-out 0.15s 1 both
}
.header .gNav li:nth-of-type(4) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.2s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.2s 1 both;
  animation: fadeIn 0.3s ease-out 0.2s 1 both
}
.header .gNav li:nth-of-type(5) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.25s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.25s 1 both;
  animation: fadeIn 0.3s ease-out 0.25s 1 both
}
.header .gNav li:nth-of-type(6) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.3s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.3s 1 both;
  animation: fadeIn 0.3s ease-out 0.3s 1 both
}
.header .gNav li:nth-of-type(7) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.35s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.35s 1 both;
  animation: fadeIn 0.3s ease-out 0.35s 1 both
}
.header .gNav li:nth-of-type(8) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.4s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.4s 1 both;
  animation: fadeIn 0.3s ease-out 0.4s 1 both
}
.header .gNav li:nth-of-type(9) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.45s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.45s 1 both;
  animation: fadeIn 0.3s ease-out 0.45s 1 both
}
.header .gNav li:nth-of-type(10) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.5s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.5s 1 both;
  animation: fadeIn 0.3s ease-out 0.5s 1 both
}
.header .gNav li:nth-of-type(11) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.55s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.55s 1 both;
  animation: fadeIn 0.3s ease-out 0.55s 1 both
}
.header .gNav li:nth-of-type(12) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.6s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.6s 1 both;
  animation: fadeIn 0.3s ease-out 0.6s 1 both
}
.header .gNav li:nth-of-type(13) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.65s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.65s 1 both;
  animation: fadeIn 0.3s ease-out 0.65s 1 both
}
.header .gNav li:nth-of-type(14) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.7s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.7s 1 both;
  animation: fadeIn 0.3s ease-out 0.7s 1 both
}
.header .gNav li:nth-of-type(15) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.75s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.75s 1 both;
  animation: fadeIn 0.3s ease-out 0.75s 1 both
}
.header .gNav .highlight {
  display: none
}
.header .showedNav .gNav li {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.header .childNav {
  display: none !important
}
.header .subNav {
  position: absolute;
  bottom: 120px;
  left: 0
}
.header .subNav:after {
  display: none
}
.header .spNavHeader {
  display: block;
  height: 56px
}
.header .spNavHeader .siteLogo {
  float: left;
  margin-left: 20px
}
.header .spNavHeader .closeMenu {
  height: 56px
}
.header .spNavHeader .closeMenu a {
  background-image: url('../images/common/sp/icn-close.svg?1484898918');
  background-size: 18px auto
}
.subNav {
  display: block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  width: 100%
}
.subNav ul {
  display: block;
  float: none;
  text-align: center
}
.subNav li {
  display: inline-block;
  vertical-align: middle;
  color: #ccc;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.subNav li a,
.subNav li div {
  display: inline-block;
  height: inherit;
  vertical-align: bottom;
  border-bottom: 2px solid #ccc;
  color: #ccc
}
.subNav li div {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  letter-spacing: 0;
  top: inherit;
  line-height: 1.5
}
.subNav li div:hover {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.subNav li span {
  top: inherit;
  display: inline-block;
  line-height: 1
}
.subNav li:first-of-type:after {
  content: '/';
  margin: 0 5px;
  vertical-align: top
}
.subNav li.current {
  display: inline-block;
  padding: 0
}
.subNav li.current a,
.subNav li.current div {
  border-bottom-color: transparent
}
.smallNav {
  height: 56px
}
.smallNav .gNav a,
.smallNav .subNav li a,
.smallNav .subNav li div {
  height: inherit
}
.container {
  clear: both
}
.content {
  position: relative;
  margin: 56px 0 0;
  padding: 0
}
.article {
  padding: 0 25px
}
.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: 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 30px;
  padding: 0;
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.2;
  font-family: "SourceHanSans-ExtraLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.btn-panel-wrapper:before,
.btn-panel-wrapper:after,
.btn-panel-wrapper .btn-panel:before {
  display: none
}
.btn-panel-wrapper:hover:before,
.btn-panel-wrapper:hover:after,
.btn-panel-wrapper:hover .btn-panel:before {
  display: none
}
.btn-panel-wrapper:hover a {
  background: #ee9e01
}
.btn,
.btn-primary,
.btn-secondary,
.btn-back,
.page-404 .btn {
  padding: 20px;
  font-size: 1.3rem
}
.btn:after,
.btn-primary:after,
.btn-secondary:after,
.btn-back:after,
.page-404 .btn:after {
  content: '';
  display: inline-block;
  margin: 0 0 1px 4px;
  width: 6.4px;
  height: 9.6px;
  background: url('../images/common/arw-orange-02.png?1482134364') no-repeat;
  background-size: 100% auto
}
.btn-primary {
  color: white;
  background: #ee9e01;
  border-color: #ee9e01;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.btn-primary:after {
  background-image: url('../images/common/arw-white-02.png?1482134962')
}
.btn-primary:hover {
  background: #fff;
  color: #1a1a1a;
  border-color: #e5e5e5
}
.btn-primary:hover:after {
  background-image: url('../images/common/arw-orange-02.png?1482134364')
}
.btn-secondary {
  background: white
}
.btn-history {
  padding: 0.714em 0;
  color: #333;
  background: white;
  border-color: #333
}
.btn-history:after {
  display: none
}
.btn-history: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,
.page-404 .btn,
.page-404 .btn-primary,
.page-404 .btn-secondary,
.page-404 .btn-back {
  border-color: #d9dbdc;
  font-size: 1.2rem;
  width: 100%;
  border-left: 0;
  border-right: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.btn-back:before,
.page-404 .btn:before,
.page-404 .btn-primary:before,
.page-404 .btn-secondary:before,
.page-404 .btn-back:before {
  display: none
}
.btn-back:after,
.page-404 .btn:after,
.page-404 .btn-primary:after,
.page-404 .btn-secondary:after,
.page-404 .btn-back:after {
  position: relative;
  top: -2px;
  content: '';
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 0;
  width: 9px;
  height: 5px;
  background: url('../images/common/arw-orange.png?1481618359') no-repeat;
  background-size: 100% auto;
  vertical-align: middle
}
.btn-back:hover:after,
.page-404 .btn:hover:after,
.page-404 .btn-primary:hover:after,
.page-404 .btn-secondary:hover:after {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.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 {
  min-width: inherit;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 1.2rem;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}
.btn-mid-career-color,
.btn-grad-hiring-color {
  font-size: 1.2rem !important;
  line-height: 1.4
}
.btn-mid-career-color:before,
.btn-mid-career-color:after,
.btn-grad-hiring-color:before,
.btn-grad-hiring-color:after {
  position: absolute;
  top: 50%;
  margin: 0
}
.btn-mid-career-color:before,
.btn-grad-hiring-color:before {
  left: 25px
}
.btn-mid-career-color:after,
.btn-grad-hiring-color:after {
  right: 25px;
  margin-top: -2.5px;
  width: 9px;
  height: 5px;
  background: url('../images/common/arw-white.png?1484746300') no-repeat;
  background-size: 100% auto;
  vertical-align: middle
}
.btn-mid-career-color.btn-recruit-promotion,
.btn-grad-hiring-color.btn-recruit-promotion {
  padding-left: 15px;
  padding-right: 15px
}
.btn-mid-career-color.btn-recruit-promotion:before,
.btn-grad-hiring-color.btn-recruit-promotion:before {
  left: 15px
}
.btn-mid-career-color.btn-recruit-promotion:after,
.btn-grad-hiring-color.btn-recruit-promotion:after {
  right: 15px
}
.btn-mid-career-color:before {
  margin-top: -7.5px
}
.btn-mid-career-color:hover:after {
  background-image: url('../images/common/arw-orange.png?1481618359')
}
.btn-grad-hiring-color:before {
  margin-top: -8px
}
.btn-grad-hiring-color:hover:after {
  background-image: url('../images/common/arw-green.png?1487858685')
}
.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: 1.5px;
  width: 24px;
  height: 12px;
  background: url('../images/common/icn-pdf.png?1484228709') center center no-repeat;
  background-size: 100% auto
}
.inputContainer {
  margin: 0;
  width: 100%
}
.inputContainer input.btn,
.inputContainer input.btn-primary,
.inputContainer input.btn-secondary,
.inputContainer input.btn-back {
  min-width: inherit;
  padding: 35px 0;
  width: 100%;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.inputContainer-primary input {
  padding-right: 10px;
  padding-left: 10px;
  min-width: inherit
}
.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-secondary,
.inputContainer-back input.btn-back {
  font-size: 1.3rem;
  padding-left: 15px;
  min-width: inherit
}
.inputContainer-back:after {
  margin-left: -2.2em
}
.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 {
  padding: 100px 0
}
.pageTitle h1,
.pageTitle p,
.pageCategory h1,
.pageCategory p {
  font-size: 1.3rem;
  letter-spacing: 0.1em
}
.pageTitle span,
.pageCategory span {
  font-size: 2.6rem;
  letter-spacing: 2px
}
.pageTitle span.releaseYear,
.pageCategory span.releaseYear {
  font-size: 1.3rem
}
.pageTitle .innerBlock,
.pageCategory .innerBlock {
  padding: 0 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.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: 100px 0
}
.pageNavBottom {
  display: none
}
.page-children .hasNav,
.single-marketing .hasNav,
.post-type-archive-marketing .hasNav,
.service-marketing .hasNav,
.single-works .hasNav,
.page-company .hasNav {
  position: relative;
  display: table;
  width: 100%;
  padding: 0;
  height: 56px;
  z-index: 100
}
.page-children .hasNav h1,
.page-children .hasNav p,
.single-marketing .hasNav h1,
.single-marketing .hasNav p,
.post-type-archive-marketing .hasNav h1,
.post-type-archive-marketing .hasNav p,
.service-marketing .hasNav h1,
.service-marketing .hasNav p,
.single-works .hasNav h1,
.single-works .hasNav p,
.page-company .hasNav h1,
.page-company .hasNav p {
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
  cursor: pointer
}
.page-children .hasNav span,
.single-marketing .hasNav span,
.post-type-archive-marketing .hasNav span,
.service-marketing .hasNav span,
.single-works .hasNav span,
.page-company .hasNav span {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1
}
.page-children .hasNav span:after,
.single-marketing .hasNav span:after,
.post-type-archive-marketing .hasNav span:after,
.service-marketing .hasNav span:after,
.single-works .hasNav span:after,
.page-company .hasNav span:after {
  content: '';
  position: relative;
  top: -2px;
  display: inline-block;
  width: 8.5px;
  height: 5px;
  margin: 0 0 0 5px;
  background: url('../images/common/sp/arw-down.png?1484995473') center center no-repeat;
  background-size: 100% auto;
  -moz-transform-origin: center center 50%;
  -ms-transform-origin: center center 50%;
  -webkit-transform-origin: center center 50%;
  transform-origin: center center 50%
}
.page-children .hasNav.opened span:after,
.single-marketing .hasNav.opened span:after,
.post-type-archive-marketing .hasNav.opened span:after,
.service-marketing .hasNav.opened span:after,
.single-works .hasNav.opened span:after,
.page-company .hasNav.opened span:after {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.page-children .pageTitles,
.single-marketing .pageTitles,
.post-type-archive-marketing .pageTitles,
.service-marketing .pageTitles,
.single-works .pageTitles,
.page-company .pageTitles {
  display: none;
  z-index: 90;
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  padding: 0 !important;
  background: #f2f4f5;
  border: 0;
  border-top: 1px solid #e5e5e5
}
.page-children .pageTitles ul,
.single-marketing .pageTitles ul,
.post-type-archive-marketing .pageTitles ul,
.service-marketing .pageTitles ul,
.single-works .pageTitles ul,
.page-company .pageTitles ul {
  padding: 30px 0
}
.page-children .pageTitles h1,
.page-children .pageTitles li,
.page-children .pageTitles span,
.single-marketing .pageTitles h1,
.single-marketing .pageTitles li,
.single-marketing .pageTitles span,
.post-type-archive-marketing .pageTitles h1,
.post-type-archive-marketing .pageTitles li,
.post-type-archive-marketing .pageTitles span,
.service-marketing .pageTitles h1,
.service-marketing .pageTitles li,
.service-marketing .pageTitles span,
.single-works .pageTitles h1,
.single-works .pageTitles li,
.single-works .pageTitles span,
.page-company .pageTitles h1,
.page-company .pageTitles li,
.page-company .pageTitles span {
  top: 0;
  display: block
}
.page-children .pageTitles h1 a,
.page-children .pageTitles li a,
.page-children .pageTitles span a,
.single-marketing .pageTitles h1 a,
.single-marketing .pageTitles li a,
.single-marketing .pageTitles span a,
.post-type-archive-marketing .pageTitles h1 a,
.post-type-archive-marketing .pageTitles li a,
.post-type-archive-marketing .pageTitles span a,
.service-marketing .pageTitles h1 a,
.service-marketing .pageTitles li a,
.service-marketing .pageTitles span a,
.single-works .pageTitles h1 a,
.single-works .pageTitles li a,
.single-works .pageTitles span a,
.page-company .pageTitles h1 a,
.page-company .pageTitles li a,
.page-company .pageTitles span a {
  display: block;
  margin: 0;
  padding: 20px 0;
  border: 0
}
.page-children .pageTitles h1 a:hover,
.page-children .pageTitles li a:hover,
.page-children .pageTitles span a:hover,
.single-marketing .pageTitles h1 a:hover,
.single-marketing .pageTitles li a:hover,
.single-marketing .pageTitles span a:hover,
.post-type-archive-marketing .pageTitles h1 a:hover,
.post-type-archive-marketing .pageTitles li a:hover,
.post-type-archive-marketing .pageTitles span a:hover,
.service-marketing .pageTitles h1 a:hover,
.service-marketing .pageTitles li a:hover,
.service-marketing .pageTitles span a:hover,
.single-works .pageTitles h1 a:hover,
.single-works .pageTitles li a:hover,
.single-works .pageTitles span a:hover,
.page-company .pageTitles h1 a:hover,
.page-company .pageTitles li a:hover,
.page-company .pageTitles span a:hover {
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  color: #333;
  border: 0
}
.page-children .pageTitles li,
.single-marketing .pageTitles li,
.post-type-archive-marketing .pageTitles li,
.service-marketing .pageTitles li,
.single-works .pageTitles li,
.page-company .pageTitles li {
  opacity: 0;
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px)
}
.page-children .pageTitles li:nth-of-type(1),
.single-marketing .pageTitles li:nth-of-type(1),
.post-type-archive-marketing .pageTitles li:nth-of-type(1),
.service-marketing .pageTitles li:nth-of-type(1),
.single-works .pageTitles li:nth-of-type(1),
.page-company .pageTitles li:nth-of-type(1) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.06s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.06s 1 both;
  animation: fadeIn 0.3s ease-out 0.06s 1 both
}
.page-children .pageTitles li:nth-of-type(2),
.single-marketing .pageTitles li:nth-of-type(2),
.post-type-archive-marketing .pageTitles li:nth-of-type(2),
.service-marketing .pageTitles li:nth-of-type(2),
.single-works .pageTitles li:nth-of-type(2),
.page-company .pageTitles li:nth-of-type(2) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.12s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.12s 1 both;
  animation: fadeIn 0.3s ease-out 0.12s 1 both
}
.page-children .pageTitles li:nth-of-type(3),
.single-marketing .pageTitles li:nth-of-type(3),
.post-type-archive-marketing .pageTitles li:nth-of-type(3),
.service-marketing .pageTitles li:nth-of-type(3),
.single-works .pageTitles li:nth-of-type(3),
.page-company .pageTitles li:nth-of-type(3) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.18s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.18s 1 both;
  animation: fadeIn 0.3s ease-out 0.18s 1 both
}
.page-children .pageTitles li:nth-of-type(4),
.single-marketing .pageTitles li:nth-of-type(4),
.post-type-archive-marketing .pageTitles li:nth-of-type(4),
.service-marketing .pageTitles li:nth-of-type(4),
.single-works .pageTitles li:nth-of-type(4),
.page-company .pageTitles li:nth-of-type(4) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.24s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.24s 1 both;
  animation: fadeIn 0.3s ease-out 0.24s 1 both
}
.page-children .pageTitles li:nth-of-type(5),
.single-marketing .pageTitles li:nth-of-type(5),
.post-type-archive-marketing .pageTitles li:nth-of-type(5),
.service-marketing .pageTitles li:nth-of-type(5),
.single-works .pageTitles li:nth-of-type(5),
.page-company .pageTitles li:nth-of-type(5) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.3s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.3s 1 both;
  animation: fadeIn 0.3s ease-out 0.3s 1 both
}
.page-children .pageTitles li:nth-of-type(6),
.single-marketing .pageTitles li:nth-of-type(6),
.post-type-archive-marketing .pageTitles li:nth-of-type(6),
.service-marketing .pageTitles li:nth-of-type(6),
.single-works .pageTitles li:nth-of-type(6),
.page-company .pageTitles li:nth-of-type(6) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.36s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.36s 1 both;
  animation: fadeIn 0.3s ease-out 0.36s 1 both
}
.page-children .pageTitles li:nth-of-type(7),
.single-marketing .pageTitles li:nth-of-type(7),
.post-type-archive-marketing .pageTitles li:nth-of-type(7),
.service-marketing .pageTitles li:nth-of-type(7),
.single-works .pageTitles li:nth-of-type(7),
.page-company .pageTitles li:nth-of-type(7) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.42s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.42s 1 both;
  animation: fadeIn 0.3s ease-out 0.42s 1 both
}
.page-children .pageTitles li:nth-of-type(8),
.single-marketing .pageTitles li:nth-of-type(8),
.post-type-archive-marketing .pageTitles li:nth-of-type(8),
.service-marketing .pageTitles li:nth-of-type(8),
.single-works .pageTitles li:nth-of-type(8),
.page-company .pageTitles li:nth-of-type(8) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.48s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.48s 1 both;
  animation: fadeIn 0.3s ease-out 0.48s 1 both
}
.page-children .pageTitles li:nth-of-type(9),
.single-marketing .pageTitles li:nth-of-type(9),
.post-type-archive-marketing .pageTitles li:nth-of-type(9),
.service-marketing .pageTitles li:nth-of-type(9),
.single-works .pageTitles li:nth-of-type(9),
.page-company .pageTitles li:nth-of-type(9) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.54s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.54s 1 both;
  animation: fadeIn 0.3s ease-out 0.54s 1 both
}
.page-children .pageTitles li:nth-of-type(10),
.single-marketing .pageTitles li:nth-of-type(10),
.post-type-archive-marketing .pageTitles li:nth-of-type(10),
.service-marketing .pageTitles li:nth-of-type(10),
.single-works .pageTitles li:nth-of-type(10),
.page-company .pageTitles li:nth-of-type(10) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.6s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.6s 1 both;
  animation: fadeIn 0.3s ease-out 0.6s 1 both
}
.page-children .pageTitles li:nth-of-type(11),
.single-marketing .pageTitles li:nth-of-type(11),
.post-type-archive-marketing .pageTitles li:nth-of-type(11),
.service-marketing .pageTitles li:nth-of-type(11),
.single-works .pageTitles li:nth-of-type(11),
.page-company .pageTitles li:nth-of-type(11) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.66s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.66s 1 both;
  animation: fadeIn 0.3s ease-out 0.66s 1 both
}
.page-children .pageTitles li:nth-of-type(12),
.single-marketing .pageTitles li:nth-of-type(12),
.post-type-archive-marketing .pageTitles li:nth-of-type(12),
.service-marketing .pageTitles li:nth-of-type(12),
.single-works .pageTitles li:nth-of-type(12),
.page-company .pageTitles li:nth-of-type(12) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.72s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.72s 1 both;
  animation: fadeIn 0.3s ease-out 0.72s 1 both
}
.page-children .pageTitles li:nth-of-type(13),
.single-marketing .pageTitles li:nth-of-type(13),
.post-type-archive-marketing .pageTitles li:nth-of-type(13),
.service-marketing .pageTitles li:nth-of-type(13),
.single-works .pageTitles li:nth-of-type(13),
.page-company .pageTitles li:nth-of-type(13) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.78s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.78s 1 both;
  animation: fadeIn 0.3s ease-out 0.78s 1 both
}
.page-children .pageTitles li:nth-of-type(14),
.single-marketing .pageTitles li:nth-of-type(14),
.post-type-archive-marketing .pageTitles li:nth-of-type(14),
.service-marketing .pageTitles li:nth-of-type(14),
.single-works .pageTitles li:nth-of-type(14),
.page-company .pageTitles li:nth-of-type(14) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.84s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.84s 1 both;
  animation: fadeIn 0.3s ease-out 0.84s 1 both
}
.page-children .pageTitles li:nth-of-type(15),
.single-marketing .pageTitles li:nth-of-type(15),
.post-type-archive-marketing .pageTitles li:nth-of-type(15),
.service-marketing .pageTitles li:nth-of-type(15),
.single-works .pageTitles li:nth-of-type(15),
.page-company .pageTitles li:nth-of-type(15) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-animation: fadeIn 0.3s ease-out 0.9s 1 both;
  -webkit-animation: fadeIn 0.3s ease-out 0.9s 1 both;
  animation: fadeIn 0.3s ease-out 0.9s 1 both
}
.page-children .pageTitles.showedNav li,
.single-marketing .pageTitles.showedNav li,
.post-type-archive-marketing .pageTitles.showedNav li,
.service-marketing .pageTitles.showedNav li,
.single-works .pageTitles.showedNav li,
.page-company .pageTitles.showedNav li {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.pageTitles.showedNav li .childNavSub {
  display: block;
  padding: 0;
  border-bottom: 0;
}

.pageTitles.showedNav li .childNavSub li a {
  position: relative;
  font-size: 1.1rem;
  color: #1a1a1a;
  word-break: break-all;
  word-wrap: break-word;
}

.pageTitles.showedNav li .childNavSub li a:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  content: "";
  vertical-align: top;
  background: url(../images/common/sp/arw-down.png) 50% 50% no-repeat;
  background-size: 8px auto;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.listChildPages {
  display: none;
}

.pageName {
  display: table;
  width: 100%;
  height: 100vw;
  margin: 0 0 50px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}
.pageName p {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.9rem;
  text-align: center;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.pageName p span {
  display: block;
  font-size: 2rem;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.pageNameArea {
  position: relative;
  width: 100%;
  padding: 0 0 35px !important;
  table-layout: inherit;
  border-bottom: 1px solid #f2f4f5
}
.pageNameArea .pageMainImage,
.pageNameArea .pageName {
  width: 100%
}
.pageNameArea .pageMainImage {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: #000
}
.pageNameArea .pageMainImage img {
  opacity: 0.4
}
.pageNameArea .pageName {
  position: relative;
  height: 100%;
  padding: 0;
  color: white;
  background: none
}
.pageNameArea h1 {
  height: 100vw;
  margin: 0 0 30px;
  padding: calc( ( 100vw / 2 ) - 20px ) 0 0;
  font-size: 1.9rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.pageNameArea h1 span {
  font-size: 0.9rem;
  margin: 0 0 10px
}
.pageNameArea h1:after {
  display: none
}
.pageNameArea p {
  position: relative;
  padding: 0 25px;
  font-size: 1.2rem;
  line-height: 1.9;
  color: #1a1a1a;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.leadText {
  text-align: left;
  font-size: 1.2rem
}
.relatedPostsArea,
.reportListsArea {
  padding: 40px 0
}
.relatedPostsArea {
  padding: 50px 0 70px
}
.relatedPostsArea h2 {
  padding: 0 25px;
  margin: 0 0 30px;
  letter-spacing: -1px
}
.relatedPostsArea .innerBlock {
  padding: 0 !important
}
.relatedPostsList img {
  width: 100%;
  height: auto
}
.relatedPostsList ul {
  display: block;
  font-size: 0;
  text-align: left
}
.relatedPostsList li {
  display: block;
  width: 100%;
  height: calc(100vw * 0.5);
  font-size: 1.1rem
}
.relatedPostsList li .scaleThumb:before {
  display: none
}
.relatedPostsList li .postName {
  opacity: 1
}
.relatedPostsList li span {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.relatedPostsList li a {
  position: relative
}
.relatedPostsList li a:hover .scaleThumb {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}
.relatedPostsList li a:hover .scaleThumb img {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1)
}
.relatedPostsList li a:hover .scaleThumb:before {
  display: none
}
.relatedPostsList li:before {
  display: none
}
.reportListsArea h2 {
  margin-bottom: 30px
}
.reportListsArea .leadText {
  padding: 0 0 30px
}
.newsIndexList {
  margin-bottom: 5.714em
}
.newsIndexList dt {
  display: block;
  padding: 30px 25px 35px;
  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: block;
  width: 100%
}
.newsIndexList dt span {
  padding: 0 0 3px;
  letter-spacing: 2px;
  font-size: 1rem
}
.newsIndexList dt strong {
  padding-right: 30px
}
.newsIndexList dt:after {
  right: 25px;
  width: 13px;
  height: 13px;
  margin-top: -6px;
  background-position: 2.5px 2.5px;
  background-size: 7.33333px auto
}
.newsIndexList dt:hover:after {
  opacity: 1
}
.newsIndexList dd {
  display: none;
  padding: 0 25px
}
.newsIndexList dd .textArea,
.newsIndexList dd figure {
  padding-bottom: 20px
}
.newsIndexList dd .textArea {
  line-height: 2.2
}
.newsIndexList dd .releaseArea {
  margin: 0 0 20px
}
.newsIndexList dd .releaseArea a {
  color: #1a1a1a
}
.newsIndexList dd.hasThumb {
  overflow: hidden;
  *zoom: 1
}
.newsIndexList dd.hasThumb figure,
.newsIndexList dd.hasThumb .textArea {
  width: 100%;
  float: none
}
.newsIndexList dd.hasThumb figure img {
  width: 100%;
  max-width: 100%;
  height: auto
}
.newsIndexList .opened {
  background: white
}
.newsIndexList .current dd {
  display: block
}
.flow li {
  width: 100% !important;
  padding: 40px 0 30px;
  border: 0;
  border-bottom: 1px solid #f8b964
}
.flow li .icon {
  margin: 0 0 5px
}
.flow li .icon img {
  height: 40px
}
.flow li .flowIndex span {
  font-size: 1.2rem
}
.flow li .flowIndex span br {
  display: none
}
.flow li:after,
.flow li:before {
  left: 50%;
  top: inherit;
  bottom: -22px;
  margin-left: -11px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.flow li:after {
  bottom: -20px;
  margin-left: -10px
}
.resultsList {
  padding: 40px 0;
  background: #f8f9fa
}
.resultsList > dt {
  position: relative;
  margin: 0;
  padding: 0 0 30px;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.resultsList > dt:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  height: 1px;
  width: 1.786em;
  margin-left: -0.893em;
  background: #000
}
.circleList li {
  min-width: inherit;
  margin: 20px 0 0;
  width: 140px;
  font-size: 1.1rem
}
.circleList .numPanel {
  width: 120px;
  height: 120px;
  margin: 10px 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.1rem;
  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: 2.2rem;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}

.indexList li {
  display: block;
  padding: 20px 0;
  border-color: rgba(229, 229, 229, 0.5)
}
.indexList li:first-of-type {
  padding-top: 20px;
  border-top: 1px solid rgba(229, 229, 229, 0.5)
}
.indexList span,
.indexList p {
  display: block;
  width: 100%
}
.attention {
  color: red
}
.notes {
  font-size: 1.3rem
}
.tags {
  font-size: 0;
  text-align: center
}
.tag {
  display: inline-block;
  margin: 0 1px 1px 0;
  padding: 0.4em 1em 0.5em;
  font-size: 1rem;
  background: #000;
  color: white;
  line-height: 1
}
.imageBlock {
  padding: 90px 0
}
.clmn-2 .block {
  width: 50%;
  float: left
}
.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: 25px 0
}
.sentenceBlock h3,
.sentenceBlock .sentence {
  float: none;
  width: 100%
}
.sentenceBlock h3 {
  position: relative;
  margin: 0 0 15px;
  padding-left: 10px;
  font-size: 1.4rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.sentenceBlock h3:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 2px;
  height: 90%;
  height: calc(100% - 6px);
  background: #ee9e01
}
.sentenceBlock h3 span {
  margin: 0;
  padding: 3px 0 0;
  font-size: 1rem
}
.sentenceBlock .sentence {
  font-size: 1.2rem;
  line-height: 1.7
}
.sentenceBlock .sentence dt {
  position: relative;
  margin: 1.875em 0 0.938em;
  font-size: 1.2rem;
  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: 35px
}
.sentenceBlock .sentence dl.exampleArea {
  margin-bottom: 1.786em;
  padding: 20px;
  background: #f8f9fa
}
.sentenceBlock .sentence dl.exampleArea dt:first-of-type {
  margin-top: 0
}
.sentenceBlock .sentence .clmn-2 .block {
  float: none;
  width: 100%
}
.sentenceBlock .sentence .clmn-2 dt {
  margin: 0 0 15px
}
.sentenceBlock .sentence .clmn-2 dd img {
  width: 100%
}
.sentenceBlock .sentence .table-set th {
  white-space: nowrap
}
.followBlock {
  padding: 30px 20px;
  font-size: 1.2rem
}
.worksSliderArea {
  margin: 0 0 20px
}
.worksSliderArea .worksSlider .slideItem img {
  height: 160px
}
.worksSliderArea .worksSlider .slideItem .itemThumb {
  width: calc(100% + 40px);
  margin-left: -20px;
  background-position: left -10px center
}
.worksSliderArea .worksSlider .slideItem .itemThumb img {
  margin: 20px auto
}
.worksSliderArea .worksSlider .slideItem .itemThumb:before {
  display: none
}
.worksSliderArea .worksSlider .slideItem .itemThumb .thumb-ie {
  display: none
}
.worksSliderArea .worksSlider .slideItem.nextItem .itemThumb {
  background-position: left -10px center
}
.worksSliderArea .worksSlider .slideItem.prevItem .itemThumb {
  background-position: left 10px center
}
.worksSliderArea .worksSlider .slideItem.currentWorks:hover .hoverContent {
  opacity: 0
}
.worksSliderArea .worksSlider .slick-arrow {
  display: none !important
}
.relatedServiceArea {
  padding: 50px 0 0;
  border-top: 1px solid rgba(229, 229, 229, 0.5)
}
.relatedServiceArea .clmn-5 {
  margin: 0 0 30px;
  padding: 0
}
.relatedServiceArea .clmn-5 .block {
  width: 50%
}
.relatedServiceArea p {
  display: none
}
.relatedServiceArea .block a {
  position: relative;
  display: block;
  text-decoration: none
}
.relatedServiceArea .block a:before {
  display: none;
  position: relative;
  top: inherit;
  left: inherit;
  margin: 0;
  width: auto;
  height: auto;
  padding-top: 100%
}
.relatedServiceArea .block figure:before {
  content: '';
  display: block;
  padding-top: 100%
}
.relatedServiceArea .block figure img {
  display: none
}
.relatedServiceArea .block.block-media figure {
  background-image: url('../images/index/bg-service-media.png?1485165916')
}
.relatedServiceArea .block.block-marketing figure {
  background-image: url('../images/index/bg-service-marketing.png?1485165916')
}
.relatedServiceArea .block.block-communicationplanning figure {
  background-image: url('../images/index/bg-service-communication.png?1485165917')
}
.relatedServiceArea .block.block-communicationplanning h3 {
  letter-spacing: 0
}
.relatedServiceArea .block.block-businessdesign figure {
  background-image: url('../images/index/bg-service-business.png?1485165917')
}
.relatedServiceArea .block.block-prsupport figure {
  background-image: url('../images/index/bg-service-prsupport.png?1485165916')
}
.relatedServiceArea .textBlock {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100% !important;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.relatedServiceArea .textBlock:before {
  content: '';
  display: block;
  padding-top: 100%
}
.relatedServiceArea .textBlock h3 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  font-size: 1.3rem;
  color: white;
  vertical-align: bottom;
  line-height: 1.5;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.relatedCompanyArea {
  padding: 50px 0;
  border-top: 1px solid rgba(229, 229, 229, 0.5)
}
.relatedCompanyArea .block {
  display: table;
  text-align: center;
  height: calc(100vw / 2);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.relatedCompanyArea .block a {
  display: table-cell;
  vertical-align: middle;
  background: #f2f4f5;
  text-decoration: none
}
.relatedCompanyArea .block a.current {
  color: white;
  background: #ee9e01
}
.relatedCompanyArea .block:nth-of-type(2n) {
  border-left: 1px solid #e5e5e5
}
.relatedCompanyArea .block:nth-of-type(1),
.relatedCompanyArea .block:nth-of-type(2) {
  border-bottom: 1px solid #e5e5e5
}
.staffListArea {
  padding: 0 25px 3em
}
.staffListArea .block {
  width: 100%;
  margin: 0 0 5px
}
.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 .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
}
.qaArea {
  padding: 5em 0 0
}
.qaArea h2 {
  margin-bottom: 30px !important
}
.qaLabels {
  margin: 0 0 10px
}
.qaLabels p {
  font-size: 0.6rem
}
.qaLabels p.label-q {
  padding-right: 10px
}
.qaLabels p.label-a {
  padding-left: 10px
}
.qaList li {
  padding: 1.8em 0;
  min-height: 3em
}
.qaList dl {
  width: 100%
}
.qaList dl dt,
.qaList dl dd {
  font-size: 1.1rem
}
.qaList dl dt {
  padding-right: 10px
}
.qaList dl dd {
  padding: 0 15px 0 10px
}
.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-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
}
.page-home .header {
  border-color: #fff
}
.page-home .smallNav {
  border-color: #ebeced
}
.page-home .content {
  margin: 0;
  padding: 0 0 30px
}
.page-home section {
  color: #333
}
.page-home section h2 {
  padding: 50px 0 10px;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 0.8rem;
  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: 1.8rem;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 900;
  border-bottom: 3px solid #313131
}
.page-home .vision {
  padding: 50px 20px 70px;
  background: #f2f4f5
}
.page-home .vision h2 {
  margin-bottom: 20px;
  padding: 0
}
.page-home .vision p {
  font-size: 11px !important;
  line-height: 2.2;
  letter-spacing: 0
}
.page-home .service .innerBlock,
.page-home .works .innerBlock {
  max-width: inherit
}
.page-home .service {
  margin: 0 0 35px
}
.page-home .service h2 {
  padding-top: 0
}
.page-home .works {
  padding-bottom: 50px;
  background: #f2f4f5
}
.page-home .works .worksSliderBlock {
  padding: 0;
  max-width: inherit
}
.page-home .recruitAndNews {
  background: white
}
.page-home .recruitAndNews h2 {
  margin-bottom: 30px;
  padding: 5px 0 0
}
.page-home .recruitAndNews h2 span {
  font-size: 1.8rem
}
.page-home .recruitAndNews .block {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-home .recruitAndNews .section {
  padding: 0;
  background: transparent
}
.page-home .recruitAndNews .sectionInner {
  height: auto !important
}
.page-home .recruitAndNews .btn-grad-hiring-white,
.page-home .recruitAndNews .btn-mid-career-white {
  padding: 0.8em 0;
  font-size: 1.2rem
}
.page-home .recruitAndNews .btn-moreall {
  padding: 3.7em 0
}
.page-home .recruitBlock {
  position: relative;
  margin: 0 0 100px !important;
  padding: 35px 25px 0 !important;
  background: none;
  border-top: 1px solid #e5e5e5
}
.page-home .recruitBlock .bgArea {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 24em;
  background: url('../images/index/ph-recruit.jpg?1485162816') center top no-repeat;
  background-size: cover
}
.page-home .recruitBlock h2 {
  margin-bottom: 30px
}
.page-home .recruitBlock .sectionInner {
  position: relative;
  background: #fff;
  border-top: 0
}
.page-home .recruitBlock .recruitList {
  padding: 0
}
.page-home .recruitBlock dl {
  margin: 0 0 2.5em;
  padding: 0 1.2em 0 0
}
.page-home .recruitBlock dl dt {
  margin: 0 0 1.8em
}
.page-home .recruitBlock dl dt span:before {
  margin: 0 8px 0 0
}
.page-home .recruitBlock dl li {
  padding: 0 0 1.6em;
  font-size: 1.2rem
}
.page-home .recruitBlock dl:last-of-type {
  padding: 0 0 0 1.2em
}
.page-home .recruitBlock dl:last-of-type dt .btn-mid-career-white:before {
  top: -1px
}
.page-home .recruitBlock.noRecruitInfo .noPosts {
  border: 10px solid #e3e7e8
}
.page-home .recruitBlock.noRecruitInfo .noPosts span {
  padding: 80px 0
}
.page-home .newsBlock {
  background: white;
  padding: 35px 25px 50px !important
}
.page-home .newsBlock ul {
  padding: 0 0 2.5em
}
.page-home .newsBlock li {
  border-bottom: 1px solid #e5e5e5
}
.page-home .newsBlock li span,
.page-home .newsBlock li p {
  float: none;
  width: 100%
}
.page-home .newsBlock li span {
  display: block;
  margin: 0 0 5px
}
.page-home .newsBlock li a {
  text-decoration: none
}
.page-home .newsBlock .section {
  padding-bottom: 0
}
.page-home .newsBlock .sectionInner {
  padding: 0
}
.page-home .company {
  background: white
}
.page-home .company .innerBlock {
  margin: 0;
  padding: 0 25px
}
.page-home .company .block {
  width: 50%
}
.page-home .company .block a {
  border-right: 1px solid #e3e5e6;
  border-bottom: 1px solid #e3e5e6;
  background: #f2f4f5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-home .company .block span {
  top: 50%;
  display: inline-block;
  height: auto !important;
  margin-top: -6px;
  font-size: 1.2rem
}
.page-home .company .block span:before {
  display: none
}
.page-home .company .block:nth-of-type(2) a,
.page-home .company .block:last-of-type a {
  border-right-width: 0
}
.page-home .company .block:nth-of-type(3) a,
.page-home .company .block:last-of-type a {
  border-bottom-width: 0
}
.page-home .footer .innerBlock {
  padding: 0
}
.page-company h2 {
  padding: 0;
  margin: 0 0 30px;
  font-size: 2.5rem;
  text-align: center;
  font-family: "SourceHanSans-ExtraLight", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.page-company h2:after {
  display: none
}
.page-company .leadText {
  margin: 0 0 50px;
  text-align: left
}
.page-company section {
  padding-bottom: 50px
}
.page-company table th {
  width: 35%;
  padding-right: 1%
}
.page-company table td {
  width: 65%
}
.company-index section {
  width: 100%;
  padding-bottom: 70px
}
.company-index h2 {
  text-align: center
}
.company-index h2:after {
  left: 50%;
  margin-left: -15.5px
}
.company-index h3 {
  font-size: 1.8rem;
  white-space: inherit
}
.company-information .article {
  padding: 0
}
.company-information .leadText {
  padding: 0 25px 50px;
  border-bottom: 1px solid rgba(229, 229, 229, 0.5)
}
.company-information section {
  padding: 0 25px
}
.company-information table {
  margin-bottom: 70px;
  line-height: 1.7
}
.company-history table {
  width: auto
}
.company-history table th,
.company-history table td {
  padding: 15px 0;
  font-size: 1.1rem;
  line-height: 1.7
}
.company-history table th {
  width: 23%
}
.company-history table td {
  width: 77%
}
.company-access .article {
  padding: 0
}
.company-access h2 {
  margin-bottom: 0;
  padding: 35px 0
}
.company-access h3 {
  font-size: 1.4rem;
  margin: 0 0 15px;
  border-left: 2px solid #ee9e01;
  font-family: "SourceHanSans-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.company-access .mapArea,
.company-access .textBlock {
  float: none;
  width: 100%
}
.company-access .textBlock {
  padding: 0 0 35px
}
.company-access .textBlock p {
  padding: 0 0 35px;
  line-height: 2
}
.company-access .mapCanvas {
  height: calc(100vw - 50px);
  margin: 0 0 10px
}
.company-access .mapCanvas:after {
  display: none
}
.company-access .mapCanvas .detail {
  font-size: 1.2rem
}
.company-access .mapAreaWrapper {
  padding: 0 25px 50px;
  margin: 0;
  border-bottom: 1px solid rgba(229, 229, 229, 0.5);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.company-access .mapAreaWrapper:first-of-type h2 {
  padding-top: 0
}
.company-access .mapAreaWrapper:nth-of-type(2) {
  display: block;
  table-layout: inherit
}
.company-access .mapAreaWrapper:nth-of-type(2) h2 {
  padding: 35px 0
}
.company-access .mapAreaWrapper:nth-of-type(2) .mapArea,
.company-access .mapAreaWrapper:nth-of-type(2) .textBlock {
  float: none;
  display: block
}
.company-access .mapAreaWrapper:nth-of-type(2) .mapArea.pc,
.company-access .mapAreaWrapper:nth-of-type(2) .textBlock.pc {
  display: none
}
.company-access .mapAreaWrapper:nth-of-type(2) .mapCanvas {
  padding-bottom: 0
}
.page-recruit .pageCategory {
  margin-bottom: 5.5em
}
.page-recruit .jobListWrapper {
  display: block;
  margin-bottom: 35px;
  padding: 0 2em 35px;
  background: #ee9e01;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-recruit .jobBanner,
.page-recruit .jobList {
  display: block;
  width: 100%
}
.page-recruit .jobBanner {
  height: auto
}
.page-recruit .jobBanner h2 {
  left: -5px
}
.page-recruit .jobBanner p {
  font-size: 1.2rem
}
.page-recruit .jobBanner .jobBannerInner:after {
  display: none
}
.page-recruit .jobBanner .jobBannerCell {
  height: auto;
  position: relative;
  top: inherit;
  left: inherit;
  width: 100%;
  margin-top: 0;
  padding: 3em 0
}
.page-recruit .jobList {
  padding: 0;
  background: #fff
}
.page-recruit .jobList dl {
  display: block;
  width: 100%;
  padding: 1.6em 25px 0;
  border-top: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.page-recruit .jobList dl dt,
.page-recruit .jobList dl dd {
  display: block;
  width: 100%;
  text-align: center
}
.page-recruit .jobList dl dt {
  font-size: 1.2rem;
  margin-bottom: 1.2rem;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.page-recruit .jobList dl dd {
  padding: 0 0 1.7em;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}
.page-recruit .jobList dl li {
  width: 48.5%
}
.page-recruit .jobList dl li a.btn-grad-hiring,
.page-recruit .jobList dl li a.btn-mid-career {
  padding: 0.9em 0 0.8em
}
.page-recruit .jobList dl .infoList-1 li {
  float: none;
  margin: 0 auto
}
.page-recruit .jobList dl:last-of-type {
  border-bottom: 0
}
.page-recruit .jobList dl:last-of-type dd {
  border-bottom: 0
}
.page-recruit .noPosts {
  min-height: inherit
}
.page-recruit .noPosts p {
  padding: 7em 0
}
.post-type-archive-recruit .content .innerBlock {
  padding: 0
}
.single-recruit .content .innerBlock,
.recruit-staff .content .innerBlock,
.single-recruit-staff .content .innerBlock {
  padding-left: 25px;
  padding-right: 25px
}
.single-recruit h2 {
  margin-bottom: 10px
}
.single-recruit .postContents {
  margin-bottom: 5em
}
.single-recruit .freeArea {
  margin-bottom: 4em
}
.single-recruit .sentenceBlock {
  padding: 2.5em 0 0 !important;
  border: 0
}
.single-recruit .sentenceBlock-dl .mainTexts {
  margin-bottom: 2em
}
.single-recruit .relatedStafArea {
  padding: 5em 0 35px;
  border-top: 1px solid #e5e5e5
}
.single-recruit .relatedStafArea h2 {
  margin-bottom: 30px
}
.single-recruit .relatedStafArea .innerBlock,
.single-recruit .relatedStafArea .staffListArea {
  padding: 0
}
.single-recruit .relatedStafArea .staffPanel {
  padding-bottom: 0 !important
}
.single-recruit .relatedStafArea .staffListArea .block {
  width: 50%;
  margin-bottom: 0
}
.single-recruit .relatedStafArea .staffDetailArea {
  position: absolute;
  bottom: inherit;
  top: 0;
  height: 100% !important;
  padding: 0
}
.single-recruit .relatedStafArea .staffDetail {
  position: relative;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') 50%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(0,0,0,0)),color-stop(100%, rgba(0,0,0,0.6))) 50%;
  background: -moz-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.6)) 50%;
  background: -webkit-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.6)) 50%;
  background: linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.6)) 50%
}
.single-recruit .relatedStafArea .staffDetail h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 13px 10px;
  margin-bottom: 0;
  font-size: 1.1rem;
  color: white;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.single-recruit .relatedStafArea .staffDetail span {
  display: none
}
.single-recruit .section-info {
  margin-top: 5em;
  padding: 5em 0 0 !important;
  border-top: 1px solid #e5e5e5
}
.single-recruit .section-info .sentence-block:last-of-type p {
  margin-bottom: 0
}
.single-recruit .btnArea {
  margin-bottom: 2em;
  padding: 20px
}
.single-recruit .btnArea a {
  width: 100%;
  margin: 0 auto;
  padding: 1.8em 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}
.single-recruit .btnArea a:first-of-type {
  margin-bottom: 15px
}
.recruit-staff .header,
.single-recruit-staff .header {
  background: #f8f9fa;
  border-color: #ebeced
}
.recruit-staff .mainImageArea,
.single-recruit-staff .mainImageArea {
  margin: 0
}
.recruit-staff .mainImage,
.single-recruit-staff .mainImage {
  height: 100vw;
  width: 100%
}
.recruit-staff .staffCaptionArea,
.single-recruit-staff .staffCaptionArea {
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)),color-stop(100%, rgba(0,0,0,0.4)));
  background: -moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.4));
  background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.4));
  background: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.4))
}
.recruit-staff .staffCaptionArea .innerBlock,
.single-recruit-staff .staffCaptionArea .innerBlock {
  position: relative;
  display: block
}
.recruit-staff .staffCaption,
.single-recruit-staff .staffCaption {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 0 25px;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.recruit-staff .staffCaption p,
.recruit-staff .staffCaption h1,
.single-recruit-staff .staffCaption p,
.single-recruit-staff .staffCaption h1 {
  color: white
}
.recruit-staff .staffCaption h1 span,
.single-recruit-staff .staffCaption h1 span {
  padding: 0.3em 0 1.3em;
  font-size: 2.2rem;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.recruit-staff .staffCaption h1 font,
.single-recruit-staff .staffCaption h1 font {
  display: none
}
.recruit-staff .year,
.single-recruit-staff .year {
  font-size: 1.1rem;
  padding: 30px 25px 40px
}
.recruit-staff .postTexts,
.single-recruit-staff .postTexts {
  padding-bottom: 3.5em
}
.recruit-staff .postTexts .section,
.recruit-staff .postTexts figure,
.single-recruit-staff .postTexts .section,
.single-recruit-staff .postTexts figure {
  float: none;
  width: 100%;
  margin: 0 0 2.5em
}
.recruit-staff .postTexts h2,
.single-recruit-staff .postTexts h2 {
  position: relative;
  margin: 0 0 15px;
  padding-left: 10px;
  font-size: 1.4rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.recruit-staff .postTexts h2:before,
.single-recruit-staff .postTexts h2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 90%;
  height: 100%;
  background: #ee9e01
}
.recruit-staff .postTexts h2 span,
.single-recruit-staff .postTexts h2 span {
  margin: 0;
  padding: 3px 0 0;
  font-size: 1rem
}
.recruit-staff .btnArea,
.single-recruit-staff .btnArea {
  margin-bottom: 5em
}
.page-service .innerBlock,
.post-type-archive-marketing .innerBlock,
.single-marketing .innerBlock {
  padding: 0 25px
}
.page-service .section,
.post-type-archive-marketing .section,
.single-marketing .section {
  padding: 40px 0
}
.page-service .relatedServiceArea,
.post-type-archive-marketing .relatedServiceArea,
.single-marketing .relatedServiceArea {
  display: block
}
.page-service .pageName,
.post-type-archive-marketing .pageName,
.single-marketing .pageName {
  border: 0
}
.page-service .pageName p,
.post-type-archive-marketing .pageName p,
.single-marketing .pageName p {
  text-align: left
}
.service-index .pageTitles {
  display: none !important
}
.service-index .pageNavBottom,
.service-index .leadText {
  display: none
}
.service-index .serviceBlockArea {
  padding: 0;
  background: none
}
.service-index h2 {
  display: inline-block;
  margin: 0;
  padding: 30px 25px 10px;
  font-size: 1.3rem;
  background: white;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.service-index h2 span {
  margin: 0 0 5px
}
.service-index h2:after {
  position: relative;
  top: -1px;
  content: '';
  display: inline-block;
  margin: 0 0 0 6px;
  width: 9px;
  height: 5px;
  background: url('../images/common/arw-orange.png?1481618359') no-repeat;
  background-size: 100% auto;
  vertical-align: middle
}
.service-index .serviceBlock {
  padding: 0
}
.service-index .textBlock {
  z-index: 100;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-width: inherit;
  background: none
}
.service-index .textBlock p {
  margin: 0;
  padding: 25px 25px 50px;
  font-size: 1.1rem;
  line-height: 1.9;
  background: white
}
.service-index .textBlock a {
  padding: 180px 0 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.service-index .bgThumbBlock {
  z-index: 90;
  position: absolute;
  top: 0;
  left: 0;
  height: 250px;
  width: 100%;
  float: none;
  background-size: cover
}
.service-index .link-more {
  display: none
}
.service-index .serviceBlock-marketing .textBlock,
.service-index .serviceBlock-communication .textBlock {
  left: 0;
  right: inherit
}
.service-index .serviceBlock-marketing .bgThumbBlock,
.service-index .serviceBlock-communication .bgThumbBlock {
  float: none
}
.service-index .serviceBlock-marketing .bgThumbBlock {
  background-image: url('../images/service/sp/ph-marketing.jpg?1484992875')
}
.service-index .serviceBlock-prsupport .bgThumbBlock {
  background-image: url('../images/service/sp/ph-prsupport.jpg?1484992875')
}
.service-index .serviceBlock-communication .bgThumbBlock {
  background-image: url('../images/service/sp/ph-communication.jpg?1484992875')
}
.service-index .serviceBlock-business .bgThumbBlock {
  background-image: url('../images/service/sp/ph-business.jpg?1484992875')
}
.service-media .section {
  padding-bottom: 20px
}
.service-media .sentenceBlock:first-of-type {
  padding-top: 0
}
.service-media .sentence dl {
  margin: 0
}
.service-media .sentence ul {
  width: 100%
}
.service-media .sentence li {
  width: 49.5%;
  margin: 0 0 40px;
  text-align: center
}
.service-media .sentence li .thumb {
  margin: 0 0 10px
}
.service-media .sentence li .thumb img {
  width: 48%;
  height: auto
}
.service-media .sentence li span {
  display: block;
  font-size: 1rem
}
.single-marketing .article {
  padding: 0
}
.single-marketing .hasNav {
  border-bottom: 1px solid #ebeced
}
.single-marketing .postTitle {
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.single-marketing .postTitle h1 {
  font-size: 2.2rem
}
.single-marketing .postTitle .backLink {
  display: none
}
.single-marketing .sentenceBlock .clmn-2-box .block {
  float: none;
  width: 100%;
  margin-bottom: 25px
}
.service-prsupport .reportArea {
  text-align: center
}
.service-prsupport .reportArea h3 {
  font-size: 1.4rem;
  margin: 0 0 20px
}
.service-prsupport .reportArea p {
  font-size: 1.2rem;
  margin: 0 0 20px
}
.service-prsupport .reportArea li {
  margin: 0 0 8px
}
.service-prsupport .reportArea li:last-of-type {
  margin: 0
}
.service-prsupport .reportArea .block {
  float: none;
  width: 100%;
  padding: 40px 15px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.service-communicationplanning .leadText {
  padding: 0 0 35px
}
.service-communicationplanning .section > h2 {
  padding-left: 25px;
  padding-right: 25px
}
.service-marketing .leadText,
.post-type-archive-marketing .leadText {
  padding: 0 25px 35px
}
.service-marketing .resultsListTitle .leadText,
.post-type-archive-marketing .resultsListTitle .leadText {
  padding-left: 0;
  padding-right: 0
}
.service-marketing .resultsListWrapper,
.post-type-archive-marketing .resultsListWrapper {
  padding: 0
}
.service-marketing .resultsList .notes,
.post-type-archive-marketing .resultsList .notes {
  width: auto;
  margin: 35px 0 0;
  padding: 0 25px;
  font-size: 1rem;
  white-space: normal
}
.service-marketing .circleList,
.post-type-archive-marketing .circleList {
  width: auto
}
/*20190611追加*/
.sentence .clmn-2-box dd .link-zoom img{
	width: 5%;
}
.single-marketing .circleList {
  width: auto;
}

.single-marketing .circleList li {
  vertical-align: bottom;
}

.single-marketing .resultsList .notes,
.resultsList .notes {
    width: auto;
    margin: 35px 0 0;
    padding: 0 25px;
    font-size: 1rem;
    white-space: normal;
}
.single-marketing .resultsListWrapper {
    margin: 0 -25px 70px;
}

.single-marketing .resultsList .resultsListSubBlock {
  width: 100%;
  margin: 5rem auto 0;
  padding: 0 25px;
  box-sizing: border-box;
}

.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: 10em;
}

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

.single-marketing .bold span {
    font-size: 16px;
    font-weight: bold;
}
.single-marketing .bold {
    text-align: center;
    margin-bottom: 60px;
}
.single-marketing .leadimg {
    text-align: center;
	margin-top: -40px;
    margin-bottom: 20px;
}

.single-marketing .modcont {
	margin-top: 0px;
}
/*20190611追加*/
.service-marketing .sentenceBlock,
.post-type-archive-marketing .sentenceBlock {
  padding-bottom: 0;
  border: 0
}
.service-marketing .sentenceBlock .clmn-2 dd img,
.post-type-archive-marketing .sentenceBlock .clmn-2 dd img {
  visibility: hidden
}
.service-marketing .sentenceBlock#fabco,
.post-type-archive-marketing .sentenceBlock#fabco {
  padding-top: 40px
}
.service-businessdesign .section {
  padding-bottom: 40px
}
.service-businessdesign .leadText {
  padding-bottom: 40px
}
.service-businessdesign .imageBlock {
  margin-bottom: 30px
}
.service-businessdesign .imageBlock img {
  width: 80%;
  height: auto
}
.service-businessdesign .section-about .leadText {
  padding: 0
}
.service-businessdesign .sentenceBlock {
  padding: 25px 0
}
.service-businessdesign .sentenceBlock:first-of-type {
  padding-top: 25px
}
.service-businessdesign .followBlock {
  margin-top: 10px
}
.post-type-archive-works .article {
  padding: 0 0 6.429em
}
.post-type-archive-works .thumbPanelList {
  margin: 0 0 2.9em
}
.post-type-archive-works .thumbPanelList h2 {
  margin: 0 0 5px;
  font-size: 1.2rem
}
.post-type-archive-works .thumbPanelList .block {
  width: 100%;
  float: none;
  height: calc(100vw * 0.5) !important
}
.post-type-archive-works .thumbPanelList .block:before {
  display: none
}
.post-type-archive-works .thumbPanelList .block a {
  opacity: 1;
  padding: 18px 15px;
  background: url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(100%, rgba(0,0,0,0.6)));
  background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6))
}
.post-type-archive-works .thumbPanelList .block p {
  font-size: 1rem;
  line-height: 1.6
}
.post-type-archive-works .btnArea {
  padding: 0 25px
}
.single-works .worksSliderArea {
  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 .article {
  max-width: inherit;
  padding-left: 0;
  padding-right: 0
}
.single-works .worksTitle {
  display: table;
  width: 100%;
  height: 100vw;
  padding: 0
}
.single-works .worksTitle h1 {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2rem;
  padding: 0 10px;
  color: white;
  background: rgba(0, 0, 0, 0.5)
}
.single-works .worksTitle span {
  margin: 13px 0;
  font-size: 2rem;
  line-height: 2.2rem
}
.single-works .worksTitle span.releaseYear {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2
}
.single-works .mainContents {
  background: #fff
}
.single-works .postContents {
  padding: 50px 0 1px;
  max-width: inherit
}
.single-works .worksSliderArea {
  display: none
}
.single-works .metaInfoArea {
  padding: 0 25px 40px
}
.single-works .metaInfoArea .client {
  margin: 20px 0 2px
}
.single-works .mainTexts,
.single-works .thumbsArea {
  max-width: inherit;
  margin: 40px auto 50px
}
.single-works .mainTexts {
  padding: 0 25px
}
.single-works .thumbsArea {
  margin-bottom: 30px;
  text-align: center
}
.single-works .thumbsArea img {
  width: 100%;
  height: auto
}
.single-works .thumbsArea span {
  display: block;
  margin: 1em auto 0;
  padding: 0 25px
}
.single-works .backLink {
  padding: 0 25px 50px;
  text-align: center
}
.single-works .relatedPostsArea {
  padding-bottom: 50px
}
.single-works .footer .contactButton {
  margin-bottom: 50px
}
.page-privacypolicy h2 {
  position: relative;
  margin: 0 0 15px;
  padding-left: 10px;
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.4;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "SourceHanSans-Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal
}
.page-privacypolicy h2:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 2px;
  height: calc(100% - 6px);
  background: #ee9e01
}
.page-privacypolicy .leadArea {
  padding-bottom: 40px
}
.page-privacypolicy .section {
  margin-bottom: 45px
}
.page-privacypolicy .contactArea {
  display: none;
  margin: 35px 0 50px
}
.page-privacypolicy .contactArea .btn-primary {
  min-width: inherit;
  padding: 20px;
  font-size: 1.2rem;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}
.page-news .article,
.category-news .article {
  padding: 0
}
.page-news .pageCategory .links,
.category-news .pageCategory .links {
  display: none
}
.page-contact .article,
.contact-confirm .article,
.contact-complete .article {
  padding: 0
}
.page-contact .postContents,
.contact-confirm .postContents,
.contact-complete .postContents {
  padding: 45px 25px 50px;
  margin: 0 0 50px;
  border-top-color: rgba(229, 229, 229, 0.5);
  border-bottom: 1px solid rgba(229, 229, 229, 0.5)
}
.page-contact .leadText,
.contact-confirm .leadText,
.contact-complete .leadText {
  padding: 0 0 40px;
  text-align: center
}
.page-contact h2,
.contact-confirm h2,
.contact-complete h2 {
  margin-bottom: 0
}
.page-contact .contactNumberArea h2,
.contact-confirm .contactNumberArea h2,
.contact-complete .contactNumberArea h2 {
  margin-bottom: 35px
}
.page-contact .formContents,
.contact-confirm .formContents,
.contact-complete .formContents {
  border: 0
}
.contactNumber {
  display: block;
  flex-wrap: inherit
}
.contactNumber dl {
  padding: 4.643em 0 5em;
  width: 100%
}
.contactNumber dl:nth-of-type(2n) {
  border-left: 1px solid #e5e5e5;
  border-top: 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 {
  margin: 0 0 40px;
  padding: 50px 0 20px;
  border-bottom: 1px solid #e5e5e5
}
.formContents .must {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 5px 8px 6px;
  vertical-align: middle
}
.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 {
  width: 100% !important;
  padding: 11px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  font-family: "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0
}
.formContents textarea {
  height: 175px
}
.formContents .inputList {
  margin: 0.143em 0 0
}
.formContents table {
  display: block;
  width: 100%
}
.formContents th,
.formContents td {
  display: block;
  width: 100%;
  font-size: 1.2rem
}
.formContents th {
  padding: 0 0 10px;
  font-size: 1.5rem
}
.formContents th .must {
  float: none;
  margin: 0 0 0 10px
}
.formContents td {
  padding: 0 0 30px
}
.formContents .selectSubject {
  padding: 0 0 25px
}
.formContents .termsNotes {
  padding-bottom: 35px;
  text-align: left;
  line-height: 1.9;
  font-size: 1rem
}
.formContents .submitButtonArea {
  padding: 0;
  background: white;
  border: 0
}
.formContents .submitButtonArea label {
  font-size: 1.2rem
}
.formContents .inputList li,
.formContents .inputList > .horizontal-item {
  padding: 0 0 0 25px
}
.formContents .inputList li .fmRadio,
.formContents .inputList li .fmCheckbox,
.formContents .inputList>.horizontal-item .fmRadio,
.formContents .inputList > .horizontal-item .fmCheckbox {
  top: 0;
  margin-top: 4px
}
.flowNav {
  display: table;
  width: 100%
}
.flowNav ul {
  max-height: 40px
}
.flowNav li {
  height: 40px !important;
  font-size: 1.1rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.flowNav li span {
  padding: 0
}
.flowNav li span:before,
.flowNav li span:after {
  border-width: 20px 0 20px 13px
}
.flowNav li span:after {
  right: -13px
}
.flowNav li span:before {
  right: -14px
}
.flowNav li span.sp {
  display: table-cell
}
.flowNav li span.pc {
  display: none
}
.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 th {
  padding-bottom: 3px
}
.mw_wp_form_confirm td {
  padding: 0 0 25px;
  font-size: 1.5rem
}
.mw_wp_form_confirm .formWrapper {
  padding-bottom: 0;
  border: 0
}
.mw_wp_form_confirm .submitButtonArea p {
  overflow: hidden;
  *zoom: 1
}
.mw_wp_form_confirm .submitButtonArea .inputContainer {
  width: 48%
}
.mw_wp_form_confirm .submitButtonArea .inputContainer-back {
  float: left
}
.mw_wp_form_confirm .submitButtonArea .inputContainer-primary {
  float: right
}
.mw_wp_form_complete p {
  padding: 40px 0
}
.mw_wp_form_complete .btn,
.mw_wp_form_complete .btn-primary,
.mw_wp_form_complete .btn-secondary,
.mw_wp_form_complete .btn-back {
  min-width: inherit;
  width: 100%;
  padding: 30px 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0
}
.page-404 .article {
  padding: 0
}
.page-404 .pageTitle {
  margin: 0 0 50px;
  border-bottom: 1px solid rgba(229, 229, 229, 0.5)
}
.page-404 .mainContents {
  padding: 0 25px;
  text-align: left
}
.page-404 .btn-primary,
.page-404 .btn-secondary,
.page-404 .btn-back,
.page-404 .btn {
  min-width: inherit;
  margin: 50px 0 70px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}
.page-404 .contactButton {
  display: none
}
.footer {
  padding: 0;
  background: white
}
.footer .innerBlock {
  padding-left: 0;
  padding-right: 0
}
.footer .contactButton {
  margin: 0 0 35px;
  padding: 0 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}
.footer .contactButton a {
  height: 120px;
  background: #f2f4f5
}
.footer .contactButton a span {
  font-size: 1rem;
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700
}
.footer .contactButton a span.sp {
  display: inline-block
}
.footer .contactButton a span.pc {
  display: none
}
.footer .contactButton a span:after {
  top: -1px;
  right: -5px
}
.footer .contactButton a:hover {
  background: #ee9e01
}
.footer .footerNavWrapper {
  background: #4d4d4d
}
.footer .footerLogo {
  display: block;
  padding: 70px 0 50px;
  text-align: center
}
.footer .footerLogo img {
  width: auto;
  height: 17px;
  max-width: 100%
}
.footer .footerNav {
  position: relative;
  float: none;
  padding: 0 0 40px;
  margin: 0 0 40px
}
.footer .footerNav:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -13px;
  display: block;
  width: 26px;
  height: 1px;
  background: white
}
.footer li {
  display: block;
  margin: 0;
  font-size: 1.2rem;
  text-align: center
}
.footer li a,
.footer li div {
  color: white;
  font-size: 1.2rem
}
.footer li a {
  display: block;
  padding: 15px 0;
  text-decoration: none
}
.footer .subNav {
  display: block
}
.footer .subNav ul {
  padding: 15px 0
}
.footer .subNav li {
  padding: 0;
  display: inline-block
}
.copyright {
  float: none;
  padding-top: 0;
  font-size: 1.2rem;
  text-align: center;
  color: white
}
.copyright ul {
  display: block;
  padding: 0 0 70px
}
.copyright li a {
  font-size: 1rem
}
.copyright span {
  display: block;
  padding: 20px 0;
  background: #333333
}
.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 .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 .gNav:after {
  height: 1.3em;
  margin-top: -0.7em;
  background: #d9d9d9
}
.lang-en .header .subNav {
  width: 100%;
  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 li span {
  top: inherit;
  line-height: 1.5
}
.lang-en .header .subNav div {
  top: inherit;
  vertical-align: bottom
}
.lang-en .btn,
.lang-en .btn-primary,
.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 .pageTitle h1,
.lang-en .pageTitle p {
  font-size: 0
}
.lang-en .pageTitles h1 a:hover,
.lang-en .pageTitles li a:hover,
.lang-en .pageTitles span a:hover {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400;
  color: #ee9e01
}
.lang-en .pageName h1 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  padding-left: 1px
}
.lang-en .pageName p {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.lang-en .pageName p span {
  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 {
  padding-right: 0
}
.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: 11px !important
}
.lang-en.page-home .recruitBlock .recruit {
  padding-bottom: 0
}
.lang-en.page-home .recruitBlock .noPosts {
  border: 0
}
.lang-en.page-home .recruitBlock .noPosts span {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0
}
.lang-en.page-home .recruitBlock .noPosts span a {
  display: table-cell;
  vertical-align: middle
}
.lang-en.page-home .recruitBlock .noPosts span a:after {
  display: none
}
.lang-en.page-home .recruitBlock .noPosts span a: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 span a:hover {
  background: #ee9e01;
  text-decoration: none;
  color: white
}
.lang-en.page-home .recruitBlock .noPosts span a:hover:before {
  background-image: url('../images/common/arw-white.png?1484746300')
}
.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.company-index h3 {
  font-size: 1.8rem;
  line-height: 1.3
}
.lang-en.company-information table th {
  width: 32%;
  padding-right: 1%
}
.lang-en.company-information table td {
  width: 68%
}
.lang-en.company-history table th {
  width: 18%
}
.lang-en.company-history table td {
  width: 82%
}
.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: 0
}
.lang-en.page-privacypolicy 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-privacypolicy .contactArea {
  display: none
}
.lang-en.single-marketing .postTitle h1 {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 300
}
.lang-en.single-marketing .postTitle h1 span {
  font-family: brandon-grotesque, sans-serif, "SourceHanSans-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: 400
}
.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
}
.lang-en .footer .contactButton a span {
  font-size: 1.2rem
}
.pageTitle h1 font,
.pageTitle p font,
.pageCategory h1 font,
.pageCategory p font {
  -moz-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  -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
}
.pageTitle h1 span,
.pageTitle p span,
.pageCategory h1 span,
.pageCategory p 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
}
.pageTitle h1 span.releaseYear,
.pageTitle p span.releaseYear,
.pageCategory h1 span.releaseYear,
.pageCategory p span.releaseYear {
  -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.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
}
.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)
}
.pageTitle.noneEffectSp h1 span,
.pageTitle.noneEffectSp h1 font,
.pageTitle.noneEffectSp h1.releaseYear,
.pageTitle.noneEffectSp p span,
.pageTitle.noneEffectSp p font,
.pageTitle.noneEffectSp p.releaseYear,
.pageCategory.noneEffectSp h1 span,
.pageCategory.noneEffectSp h1 font,
.pageCategory.noneEffectSp h1.releaseYear,
.pageCategory.noneEffectSp p span,
.pageCategory.noneEffectSp p font,
.pageCategory.noneEffectSp 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 {
  -moz-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
  -webkit-transform: translate(0, 5px);
  transform: translate(0, 5px);
  -moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out
}
.staffCaption span {
  -moz-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  -moz-transition: opacity 0.7s ease-out 0.3s, -moz-transform 0.7s ease-out 0.3s;
  -o-transition: opacity 0.7s ease-out 0.3s, -o-transform 0.7s ease-out 0.3s;
  -webkit-transition: opacity 0.7s ease-out, -webkit-transform 0.7s ease-out;
  -webkit-transition-delay: 0.3s, 0.3s;
  transition: opacity 0.7s ease-out 0.3s, transform 0.7s ease-out 0.3s
}
.staffCaption.effected p,
.staffCaption.effected span {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.year {
  opacity: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -moz-transform: translate(0, 15px);
  -ms-transform: translate(0, 15px);
  -webkit-transform: translate(0, 15px);
  transform: translate(0, 15px);
  -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
}
.year.effected {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.pageName h1 font,
.pageName p font {
  display: block;
  width: 100%;
  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
}
.pageName h1 span,
.pageName 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.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
}
.pageName.effected_area h1 font,
.pageName.effected_area h1 span,
.pageName.effected_area p font,
.pageName.effected_area p span {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}
.page-company .pageName h1 font,
.page-company .pageName p font {
  -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
}
.page-company .pageName h1 span,
.page-company .pageName p span {
  -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
}
section,
.relatedContainer,
.hideBlock {
  -moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out, -o-transform 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out
}
.page-home .newsBlock .hideBlock {
  -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
}
.mobile.android .header .subNav {
  bottom: 60px
}
.mobile.android .inputContainer:after,
.mobile.android .inputContainer:before {
  margin-top: -6px
}
.mobile.android .newsIndexList dt:after {
  background-position: 3px 3px
}
.mobile.android .lang-jp.company-index h3 {
  text-indent: -9999px;
  background: url('../images/company/sp/text-service-message.png?1485343208') center center no-repeat;
  background-size: contain
}
.mobile.android .footer .contactButton a span:after {
  top: -2px
}
.mobile.android .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
}