@charset "UTF-8";
/* =========================================================
 * reset　　　    /*リセット
========================================================= */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Nunito:200);
@import url(https://fonts.googleapis.com/css?family=Nunito:300);
@import url(https://fonts.googleapis.com/css?family=Nunito:400);
@import url(https://fonts.googleapis.com/css?family=Nunito:600);
@import url(https://fonts.googleapis.com/css?family=Nunito:700);
@import url(https://fonts.googleapis.com/css?family=Nunito:800);
@import url(https://fonts.googleapis.com/css?family=Nunito:900);
@import url(https://fonts.googleapis.com/css?family=Lato:100);
@import url(https://fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Lato:400);
@import url(https://fonts.googleapis.com/css?family=Lato:700);
@import url(https://fonts.googleapis.com/css?family=Lato:900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:400);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:500);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:600);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond:800);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:200);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:300);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:500);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:600);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:700);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:900);
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul, figure, figcaption {
  margin: 0px;
  padding: 0px;
}

fieldset, img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ol {
  list-style-type: none;
}

ul {
  list-style-type: none;
}
ul li {
  list-style-type: none;
}

img {
  border: none;
  vertical-align: bottom;
}

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

caption, th {
  text-align: left;
}

iframe {
  border: none;
}

a:focus {
  outline: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li img {
  line-height: 0;
  font-size: 0;
  vertical-align: top;
}

/* IE */
* html ul li dl, * html ol li dl {
  display: inline;
}
*:first-child + html ul li dl, *:first-child + html ol li dl {
  display: inline;
}

/* =========================================================
 * default settings      　   /*デフォルトセッティング
========================================================= */
html {
  font-size: 62.5%;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  　word-break: keep-all;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  line-break: strict;
}

a {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
  -webkit-opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

body {
  font-size: 1.4rem;
  font: inherit;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;
  line-height: 1.6;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  color: #333;
}

#wrapper {
  width: 100%;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.hide, .hidden {
  visibility: hidden;
}

img {
  max-width: 100%;
}

main {
  display: block;
}

@media screen and (max-width: 767px) {
  a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
  }
  a:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)";
    /* IE 8 */
  }

  body {
    -webkit-text-size-adjust: 100%;
    background: #fff;
    min-width: 100%;
  }

  img {
    width: 100%;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}
/* =========================================================
 * font
========================================================= */
/*noto-sans*/
/*Robot*/
/*Nunito*/
/*Lato*/
/*Montserrat*/
.roboto {
  font-family: 'Roboto Condensed', sans-serif;
}

.font-rk {
  font-family: Ryumin Regular KL;
}

.font-mb31 {
  font-family: Midashi Go MB31;
}

.font-telop {
  font-family: TelopMinPro-D;
}

.font-noto {
  font-family: 'Noto Sans Japanese';
}

.font-nunito {
  font-family: 'Nunito', sans-serif;
}

.font-lato {
  font-family: 'Lato', sans-serif;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.fonte-gramond {
  font-family: 'EB Garamond', serif;
}

.font-serif {
  font-family: 'Noto Serif JP', serif;
}

/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  opacity: 0;
  transition: all 0.875s ease-in-out;
}

.fade {
  transform: translate(0, 0);
}

.fadein {
  transform: translate(0, 50px);
}

.fadein-top {
  transform: translate(0, -50px);
}

.fadein-left {
  transform: translate(-50px, 0);
}

.fadein-right {
  transform: translate(50px, 0);
}

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0);
}

.slick-loading .slick-list {
  background: rgba(255, 255, 255, 0);
}

body {
  width: 100%;
  background: #000;
}
body header {
  position: fixed;
  top: 208px;
  left: calc(50vw - 484px);
  z-index: 10;
  display: flex;
  align-items: center;
}
body header h1 {
  width: 36px;
  margin-right: 10px;
}
body header .menu {
  margin-right: 8px;
}
body header .menu li {
  width: 17px;
  padding: 10px 0;
}
body header .menu li a {
  display: block;
  width: 100%;
}
body header .menu li a img {
  width: 100%;
}
body header .menu li:not(:last-of-type) {
  border-bottom: 2px solid #fff;
}
body header .menu-c li {
  width: 11px;
  padding: 7px 0;
}
body header .menu-c li a {
  display: block;
  width: 100%;
}
body header .menu-c li a img {
  width: 100%;
}
body header .menu-c li a.area {
  -webkit-opacity: .4;
  opacity: .4;
}
body header .menu-c li:not(:last-of-type) {
  border-bottom: 1px solid #fff;
}
body .header-sub {
  position: fixed;
  top: 112px;
  right: calc(50vw - 524px);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 494px;
}
body .header-sub li {
  width: 26px;
  margin-bottom: 32px;
}
body .header-sub li:last-of-type {
  width: 32px;
  margin-bottom: 0;
}
body .header-sub li a {
  display: block;
  width: 100%;
  height: 100%;
}
body footer {
  width: 100%;
}
body footer .bigimg-foot {
  width: 100%;
  height: 250px;
  background: url("../images/common/img_foot.png") no-repeat center/cover;
  background-attachment: fixed;
  z-index: 0;
}
body footer .info {
  background: #A9A08E;
}
body footer .info--inner {
  width: 684px;
  margin: 0 auto;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
  padding: 56px 0;
  display: flex;
  justify-content: space-between;
}
body footer .info--inner--name {
  position: relative;
}
body footer .info--inner--name h2 {
  color: #000;
  font-size: 1.2rem;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  font-weight: bold;
}
body footer .info--inner--name h3 {
  margin-top: 16px;
  color: #000;
  font-size: 1.9rem;
  font-weight: bold;
}
body footer .info--inner--name h4 {
  margin-top: 12px;
  color: #000;
  font-size: 1.5rem;
}
body footer .info--inner--name--dx {
  position: absolute;
  left: 0;
  bottom: 0;
}
body footer .info--inner--name--dx .dx-logo {
  width: 148px;
}
body footer .info--inner--name--dx .dx-logo img {
  width: 100%;
}
body footer .info--inner--name--dx .dx-link {
  margin-top: 16px;
  width: 100%;
}
body footer .info--inner--name--dx .dx-link li {
  width: 100%;
}
body footer .info--inner--name--dx .dx-link li a {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #FFFFFF;
}
body footer .info--inner--detail {
  padding-left: 8px;
  border-left: 1px solid #000;
}
body footer .info--inner--detail--item h2 {
  color: #000;
  font-size: 1.2rem;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  font-weight: bold;
}
body footer .info--inner--detail--item p {
  color: #000;
  font-size: 1.5rem;
  margin-top: 3px;
  line-height: 1.75;
}
body footer .info--inner--detail--item .address {
  padding-top: 3px;
  line-height: 1.75;
}
body footer .info--inner--detail--item:not(:last-of-type) {
  margin-bottom: 2em;
}
body footer .info--inner--detail.detail1 {
  min-height: 430px;
}
body footer .info--inner--detail.detail2 {
  height: auto;
  margin-top: auto;
}
body footer .info--inner--detail.detail2 .info--inner--detail--item:not(:last-of-type) {
  margin-bottom: 5.5em;
}
body footer #map {
  width: 100%;
  min-height: 260px;
}
body footer .copyright {
  width: 100%;
  height: 40px;
}
body footer .copyright .small {
  color: #fff;
  font-size: 1.1rem;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
body footer .copyright .small .company {
  font-size: 1.6rem;
  vertical-align: bottom;
}

@keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%, -8px, 0);
    transform: translate3d(-50%, -8px, 0);
  }
}
@keyframes sprite1 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -8119px 0;
  }
}
#top .anime {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
#top .anime .open1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 22;
}
#top .anime .open1.open01-1 {
  width: 169px;
}
#top .anime .open1.open01-2 {
  width: 289px;
}
#top .anime .open1.open01-3 {
  width: 187px;
}
#top .anime .open1 img {
  width: 100%;
  height: 54px;
}
#top .anime .logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 22;
  width: 353px;
  height: 0;
  padding-top: 89px;
  background: url("../images/opening/opening02.png") 0 0 no-repeat;
  animation: sprite1 2s steps(23, end) forwards;
}
#top .anime #svg {
  position: fixed;
  top: 49%;
  left: calc(50% + 142px);
  z-index: 24;
  width: 155px;
  height: 71px;
  display: none;
}
#top .anime #svg .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-width: 29px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#top header .menu li:nth-of-type(2) a {
  -webkit-opacity: .4;
  opacity: .4;
}
#top .mv {
  width: 684px;
  min-height: calc(100vh - 275px);
  margin: 115px auto 0;
}
#top .mv .slider {
  width: 100%;
}
#top .mv .slider li {
  width: 100%;
  height: auto;
}
#top .mv .slider li img {
  width: 100%;
}
#top .mv .scroll {
  width: 31px;
  height: 63px;
  margin: 34px auto 0;
  -webkit-animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}
#top .mv .scroll a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  line-height: 2;
  cursor: pointer;
}
#top .mv .scroll a img {
  width: 7px;
  height: 44px;
  margin-right: 3px;
}
#top .message {
  width: 684px;
  margin: 160px auto 0;
  position: relative;
}
#top .message--title {
  padding-left: 10px;
  width: 231px;
}
#top .message--title img {
  width: 100%;
}
#top .message--c {
  margin-top: 34px;
  padding-left: 10px;
  width: 382px;
}
#top .message--c p {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.75;
  text-align: justify;
}
#top .message--c p:not(:first-of-type) {
  margin-top: 26px;
}
#top .message .special-text {
  position: fixed;
  top: 95px;
  left: calc(50vw + 76px);
  width: 390px;
}
#top .message .special-text img {
  width: 100%;
}
#top .bigimg01 {
  width: 100%;
  margin-top: 200px;
  height: 250px;
  background: url("../images/top/top_bg01.png") no-repeat center/cover;
  background-attachment: fixed;
  z-index: 0;
}
#top .core .philosophy {
  width: 350px;
  margin: 86px auto 0;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}
#top .core .philosophy h2 {
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#top .core .philosophy figure {
  width: 312px;
  margin: 48px auto 0;
}
#top .core .philosophy figure img {
  width: 100%;
}
#top .core .philosophy p {
  margin-top: 20px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.47;
  text-align: center;
}
#top .core .division {
  width: 684px;
  margin: 156px auto 0;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}
#top .core .division h2 {
  width: 350px;
  margin: 0 auto;
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#top .core .division--business {
  width: 100%;
  min-height: 653px;
  margin: 65px auto 0;
  position: relative;
}
#top .core .division--business--detail {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
}
#top .core .division--business--detail:hover a:not(:hover) {
  opacity: 0.7;
  -webkit-opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  letter-spacing: 4px;
}
#top .core .division--business--detail:first-of-type {
  top: 0;
  z-index: 14;
}
#top .core .division--business--detail:first-of-type figure {
  max-width: 224px;
}
#top .core .division--business--detail:first-of-type figure img {
  width: 100%;
}
#top .core .division--business--detail:nth-of-type(2) {
  top: 60px;
  z-index: 12;
}
#top .core .division--business--detail:nth-of-type(2) .division--business--detail--right {
  margin-top: -23px;
}
#top .core .division--business--detail:nth-of-type(3) {
  top: 154px;
  z-index: 10;
}
#top .core .division--business--detail:nth-of-type(3) figure {
  max-width: 224px;
}
#top .core .division--business--detail:nth-of-type(3) figure img {
  width: 100%;
}
#top .core .division--business--detail:nth-of-type(4) {
  top: 213px;
  z-index: 8;
}
#top .core .division--business--detail:nth-of-type(4) .division--business--detail--right {
  margin-top: 28px;
}
#top .core .division--business--detail:nth-of-type(5) {
  top: 308px;
  z-index: 6;
}
#top .core .division--business--detail:nth-of-type(5) figure {
  max-width: 224px;
}
#top .core .division--business--detail:nth-of-type(5) figure img {
  width: 100%;
}
#top .core .division--business--detail:nth-of-type(6) {
  bottom: 137px;
  z-index: 4;
}
#top .core .division--business--detail:nth-of-type(6) .division--business--detail--right {
  margin-top: -26px;
}
#top .core .division--business--detail:nth-of-type(7) {
  bottom: 0;
  z-index: 2;
}
#top .core .division--business--detail:nth-of-type(7) figure {
  max-width: 224px;
}
#top .core .division--business--detail:nth-of-type(7) figure img {
  width: 100%;
}
#top .core .division--business--detail--img {
  max-width: 314px;
}
#top .core .division--business--detail--img a {
  display: block;
  width: 100%;
}
#top .core .division--business--detail--img a img {
  width: 100%;
}
#top .core .division--business--detail--right {
  min-width: 290px;
  margin-left: 16px;
}
#top .core .division--business--detail--right > p {
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  font-family: 'Times','Times New Roman',sans-serif;
  border-bottom: 1px solid #fff;
  position: relative;
}
#top .core .division--business--detail--right > p::before {
  content: '';
  display: block;
  position: absolute;
  top: -59px;
  left: -89px;
  width: 111px;
  height: 57px;
  border-bottom: 1px solid #fff;
  -moz-transform: rotateX(30deg);
  -webkit-transform: rotateX(30deg);
  -o-transform: rotateX(30deg);
  -ms-transform: rotateX(30deg);
  transform: rotate(30deg);
}
#top .core .division--business--detail--right h3 {
  margin-top: 13px;
  width: 100%;
}
#top .core .division--business--detail--right h3 a {
  display: block;
  color: #fff;
  font-size: 1.9rem;
  line-height: 22px;
  -webkit-transition: letter-spacing 0.3s ease-out;
  -moz-transition: letter-spacing 0.3s ease-out;
  -ms-transition: letter-spacing 0.3s ease-out;
  transition: letter-spacing 0.3s ease-out;
}
#top .core .division--business--detail--right h3 a:hover {
  letter-spacing: 4px;
}
#top .core .division--business--detail--right .suggestion-c {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#top .core .division--business--detail--right .suggestion-c p {
  margin-left: 19px;
  color: #000;
  font-size: 1.7rem;
  height: 31px;
  line-height: 31px;
  background: #fff;
  padding: 0 20px;
}
#top .core .division--business--detail--right .suggestion-c--pdf {
  width: 30px;
  height: 30px;
  margin-left: 14px;
}
#top .core .division--business--detail--right .suggestion-c--pdf a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/common/icon_dl.png") no-repeat center/contain;
}
#top .core .division--business .fadein-special {
  opacity: 0;
  transition: all 0.875s ease-in-out;
  transform: translate(-1000px, 0);
}
#top .core .division--business .scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
#top .core .value {
  width: 674px;
  margin: 163px auto 0;
  padding-right: 79px;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}
#top .core .value--title {
  width: 307px;
}
#top .core .value--title img {
  width: 100%;
}
#top .core .value ul {
  margin-top: 13px;
}
#top .core .value ul li {
  padding-top: 28px;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 2.3rem;
  font-weight: 300;
  white-space: nowrap;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
#top .core .value ul li .big-letter {
  font-size: 5.0rem;
}
#top .bigimg02 {
  width: 100%;
  margin-top: 190px;
  height: 250px;
  background: url("../images/top/top_bg02.png") no-repeat center/cover;
  background-attachment: fixed;
  z-index: 0;
}
#top .recruit {
  background: url("../images/top/top_recruit_bg.png") 50% 0/10.5px;
  position: relative;
}
#top .recruit::before {
  content: '';
  display: block;
  width: 670px;
  height: 88px;
  background: url("../images/top/top_recruit.png") no-repeat center bottom/100%;
  position: absolute;
  top: -88px;
  left: 47.7%;
  transform: translateX(-50%);
}
#top .recruit--contents {
  width: 684px;
  margin: 0 auto;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
  padding-bottom: 142px;
}
#top .recruit--contents .dna {
  padding-top: 98px;
}
#top .recruit--contents .dna h2 {
  width: 350px;
  margin: 0 auto;
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#top .recruit--contents .dna h3 {
  margin-top: 45px;
  font-size: 4.5rem;
  color: #fff;
  letter-spacing: 0.08;
  text-align: center;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
#top .recruit--contents .dna p {
  margin-top: 34px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  text-align: center;
  line-height: 2.47;
}
#top .recruit--contents .recruit-info {
  margin-top: 127px;
}
#top .recruit--contents .recruit-info--title {
  width: 224px;
}
#top .recruit--contents .recruit-info--title img {
  width: 100%;
}
#top .recruit--contents .recruit-info--detail {
  margin-top: 26px;
}
#top .recruit--contents .recruit-info--detail dl dt {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.4em;
}
#top .recruit--contents .recruit-info--detail dl dd {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.4em;
  margin-top: -2.4em;
  padding-left: 119px;
}
#top .recruit--contents .recruit-info--detail dl dd .recruit-s {
  font-size: 1.2rem;
}
#top .recruit--contents .recruit-info--detail .blank {
  height: 36px;
}
#top .recruit--contents--img {
  margin-top: 70px;
  display: flex;
  flex-wrap: wrap;
}
#top .recruit--contents--img li {
  width: 50%;
}
#top .recruit--contents--img li img {
  width: 100%;
}
#top .recruit--contents--img li:nth-of-type(3) {
  width: 100%;
}

@media all and (-ms-high-contrast: none) {
  #top .anime .logo.ie {
    background: url("../images/opening/opening02_black.png") 0 0 no-repeat;
    transition: 2s ease-in-out;
  }
}
@keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%, -8px, 0);
    transform: translate3d(-50%, -8px, 0);
  }
}
#wwd header .menu li:first-of-type a {
  -webkit-opacity: .4;
  opacity: .4;
}
#wwd header .menu-c li {
  width: 14px;
}
#wwd .mv {
  width: 684px;
  min-height: calc(100vh - 326px);
  margin: 115px auto 0;
  position: relative;
}
#wwd .mv .slider {
  width: 100%;
}
#wwd .mv .slider li {
  width: 100%;
  height: auto;
}
#wwd .mv .slider li img {
  width: 100%;
}
#wwd .mv .special-text {
  position: absolute;
  top: -22px;
  left: 418px;
  width: 390px;
}
#wwd .mv .special-text img {
  width: 100%;
}
#wwd .mv .scroll {
  width: 31px;
  height: 63px;
  margin: 34px auto 0;
  -webkit-animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}
#wwd .mv .scroll a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  line-height: 2;
  cursor: pointer;
}
#wwd .mv .scroll a img {
  width: 7px;
  height: 44px;
  margin-right: 3px;
}
#wwd .space {
  width: 684px;
  margin: 303px auto 0;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}
#wwd .space--main {
  width: 100%;
  position: relative;
}
#wwd .space--main::before, #wwd .space--main::after {
  content: '';
  display: block;
  position: absolute;
}
#wwd .space--main::before {
  width: 141px;
  height: 92px;
  top: -65px;
  left: 36px;
  background: url("../images/wwd/wwd_space_img02.png") no-repeat center/contain;
}
#wwd .space--main::after {
  width: 335px;
  height: 398px;
  top: 168px;
  right: -75px;
  background: url("../images/wwd/wwd_space_img03.png") no-repeat center/contain;
}
#wwd .space--main img {
  width: 100%;
}
#wwd .space--text {
  margin-top: 50px;
  width: 387px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  text-align: justify;
  font-weight: 300;
  position: relative;
}
#wwd .space--text::before {
  content: '';
  display: block;
  position: absolute;
  width: 328px;
  height: 103px;
  top: -133px;
  left: -15px;
  background: url("../images/wwd/wwd_item01.png") no-repeat center/contain;
}
#wwd .space--for-inview02--quality {
  margin-top: 86px;
}
#wwd .space--for-inview02--quality h2 {
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#wwd .space--for-inview02--quality .before-after {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 22px;
}
#wwd .space--for-inview02--quality .before-after figure {
  width: 309px;
  height: 309px;
  position: relative;
}
#wwd .space--for-inview02--quality .before-after figure p {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}
#wwd .space--for-inview02--quality .before-after figure img {
  width: 100%;
}
#wwd .space--for-inview02--quality .before-after figure:nth-of-type(2) {
  width: 40px;
  height: 114px;
}
#wwd .space--for-inview02--quality--text {
  margin-top: 22px;
  display: flex;
  justify-content: flex-start;
}
#wwd .space--for-inview02--quality--text--double {
  width: 20px;
  height: 81px;
  border-left: 1px solid #fff;
}
#wwd .space--for-inview02--quality--text p {
  padding-left: 17px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8;
  text-align: justify;
  border-left: 1px solid #fff;
}
#wwd .space--for-inview02--works {
  margin-top: 87px;
}
#wwd .space--for-inview02--works h2 {
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#wwd .space--for-inview02--works ul {
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#wwd .space--for-inview02--works ul li {
  margin-bottom: 14px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  background: url("../images/wwd/wwd_space_bg_btn.png") 0 0/cover;
}
#wwd .space--for-inview02--works ul li:nth-of-type(1), #wwd .space--for-inview02--works ul li:nth-of-type(3) {
  width: 233px;
}
#wwd .space--for-inview02--works ul li:nth-of-type(2) {
  width: 189px;
}
#wwd .space--for-inview02--works ul li:nth-of-type(4), #wwd .space--for-inview02--works ul li:nth-of-type(5) {
  width: 284px;
}
#wwd .space--for-inview02--works ul li:nth-of-type(6) {
  width: 87px;
  font-size: 1.3rem;
}
#wwd .space--for-inview02--works .contact {
  margin-top: 30px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}
#wwd .space--for-inview02--works .contact a {
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding: 0 5px;
}
#wwd .space--for-inview02--imgs {
  margin-top: 100px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#wwd .space--for-inview02--imgs li {
  margin-bottom: 8px;
  width: 50%;
}
#wwd .space--for-inview02--imgs li img {
  width: 100%;
}
#wwd .space--for-inview02--imgs li:nth-last-of-type(3n+1) {
  width: 100%;
}
#wwd .space--for-inview02--dboard {
  margin-top: 110px;
}
#wwd .space--for-inview02--dboard h2 {
  color: #fff;
  font-size: 3.8rem;
  letter-spacing: 0.08em;
  font-weight: 300;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
#wwd .space--for-inview02--dboard--intro {
  margin-top: 40px;
  color: #fff;
  font-size: 1.7rem;
  line-height: 2;
  text-align: justify;
  font-weight: 300;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
#wwd .space--for-inview02--dboard .before-after {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
#wwd .space--for-inview02--dboard .before-after figure {
  width: 309px;
  height: 309px;
  position: relative;
}
#wwd .space--for-inview02--dboard .before-after figure p {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}
#wwd .space--for-inview02--dboard .before-after figure img {
  width: 100%;
}
#wwd .space--for-inview02--dboard .before-after figure:nth-of-type(2) {
  width: 40px;
  height: 114px;
}
#wwd .space--for-inview02--dboard--promise {
  margin-top: 98px;
}
#wwd .space--for-inview02--dboard--promise h3 {
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#wwd .space--for-inview02--dboard--promise--items {
  width: 598px;
  margin: 0 auto;
}
#wwd .space--for-inview02--dboard--promise--items--c {
  margin-top: 29px;
}
#wwd .space--for-inview02--dboard--promise--items--c figure {
  width: 100%;
}
#wwd .space--for-inview02--dboard--promise--items--c figure img {
  width: 100%;
}
#wwd .space--for-inview02--dboard--promise--items--c h4 {
  margin-top: 22px;
  color: #fff;
  font-size: 2.7rem;
  font-weight: 300;
  line-height: 1.75;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
#wwd .space--for-inview02--dboard--promise--items--c p {
  padding-top: 8px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.7;
  min-height: 128px;
  background: url("../images/common/back_x.png") no-repeat center/contain;
  white-space: nowrap;
}
#wwd .space--for-inview02--dboard--promise--items--c:last-of-type p {
  min-height: auto;
  min-height: initial;
  background: none;
}
#wwd .space--for-inview02--dboard--pdf {
  margin: 76px auto 0;
  width: 598px;
  white-space: nowrap;
}
#wwd .space--for-inview02--dboard--pdf a {
  text-decoration: none;
  color: #fff;
}
#wwd .space--for-inview02--dboard--pdf a p {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
}
#wwd .space--for-inview02--dboard--pdf a img {
  width: 23px;
  margin-left: 8px;
}
#wwd .communication {
  margin-top: 340px;
  position: relative;
}
#wwd .communication::before {
  content: '';
  display: block;
  background: url("../images/wwd/wwd_bg01.png") no-repeat center/cover;
  background-attachment: fixed;
  position: absolute;
  top: -200px;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 250px;
}
#wwd .communication::after {
  content: '';
  display: block;
  width: 100%;
  height: 1930px;
  position: absolute;
  top: 49px;
  left: 0;
  z-index: -1;
  background: url("../images/wwd/wwd_com_bg.png") no-repeat center/cover;
}
#wwd .communication--inner {
  width: 684px;
  margin: 0 auto;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}
#wwd .communication--inner--main {
  width: 100%;
  position: relative;
}
#wwd .communication--inner--main::before, #wwd .communication--inner--main::after {
  content: '';
  display: block;
  position: absolute;
}
#wwd .communication--inner--main::before {
  top: -47px;
  left: 138px;
  background: url("../images/wwd/wwd_com_img02.png") no-repeat center/contain;
  width: 142px;
  height: 95px;
}
#wwd .communication--inner--main::after {
  bottom: -212px;
  right: -100px;
  background: url("../images/wwd/wwd_com_img03.png") no-repeat center/contain;
  width: 347px;
  height: 452px;
}
#wwd .communication--inner--main img {
  width: 100%;
}
#wwd .communication--inner--text {
  margin-top: 50px;
  width: 387px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  text-align: justify;
  font-weight: 300;
  position: relative;
}
#wwd .communication--inner--text::before {
  content: '';
  display: block;
  position: absolute;
  width: 564px;
  height: 142px;
  top: -175px;
  left: -15px;
  background: url("../images/wwd/wwd_item02.png") no-repeat center/contain;
}
#wwd .communication--inner--coffee {
  margin-top: 47px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#wwd .communication--inner--coffee li {
  width: 226px;
  margin: 0 1px 1px 0;
}
#wwd .communication--inner--coffee li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#wwd .communication--inner--coffee li a img {
  width: 100%;
}
#wwd .communication--inner--coffee li a .com-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78);
}
#wwd .communication--inner--coffee li a .com-btn p {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}
#wwd .communication--inner--coffee li a .com-btn h3 {
  margin-top: 7px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
}
#wwd .communication--inner--coffee li:nth-of-type(7) a .com-btn h3 {
  display: inline-block;
  border-bottom: 1px solid #fff;
}
#wwd .communication--inner--coffee li:nth-of-type(15) a {
  pointer-events: none;
}
#wwd .communication--inner--cof-text .coffee-title {
  margin: 30px 0 10px 0;
  color: #fff;
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 600;
}
#wwd .communication--inner--cof-text .readmore {
  position: relative;
  box-sizing: border-box;
}
#wwd .communication--inner--cof-text .readmore .readmore-check {
  display: none;
}
#wwd .communication--inner--cof-text .readmore .readmore-check:checked ~ .readmore-label {
  position: static;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#wwd .communication--inner--cof-text .readmore .readmore-check:checked ~ .readmore-label:before {
  content: 'Read less';
}
#wwd .communication--inner--cof-text .readmore .readmore-check:checked ~ .readmore-content {
  height: auto;
}
#wwd .communication--inner--cof-text .readmore .readmore-check:checked ~ .readmore-content:before {
  display: none;
}
#wwd .communication--inner--cof-text .readmore .readmore-content {
  position: relative;
  overflow: hidden;
  height: 166px;
}
#wwd .communication--inner--cof-text .readmore .readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: '';
  height: 88px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 50%, #000 100%);
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 50%, #000 100%);
}
#wwd .communication--inner--cof-text .readmore .readmore-content .coffee-text {
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.7;
  font-weight: 300;
  text-align: justify;
}
#wwd .communication--inner--cof-text .readmore .readmore-content .coffee-text .small {
  display: inline-block;
  font-size: 0.4rem;
  vertical-align: top;
}
#wwd .communication--inner--cof-text .readmore .readmore-content .coffee-text:nth-of-type(3) {
  margin-top: 20px;
}
#wwd .communication--inner--cof-text .readmore .readmore-content .coffee-ex {
  display: inline-block;
  color: #fff;
  font-size: 1.0rem;
  font-weight: 300;
}
#wwd .communication--inner--cof-text .readmore .readmore-content .coffee-ex:nth-of-type(4) {
  margin-top: 20px;
}
#wwd .communication--inner--cof-text .readmore .readmore-content .coffee-ex:nth-of-type(5) {
  padding-left: 12px;
}
#wwd .communication--inner--cof-text .readmore .readmore-label {
  display: table;
  position: absolute;
  bottom: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 auto;
  z-index: 2;
  padding: 8px 0;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #fff;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
#wwd .communication--inner--cof-text .readmore .readmore-label::before {
  content: 'Read more';
}
#wwd .communication--inner--cof-text .readmore .readmore-label:hover {
  opacity: 0.7;
  -webkit-opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  cursor: pointer;
}
#wwd .things {
  padding-bottom: 100px;
  position: relative;
}
#wwd .things::before {
  content: '';
  display: block;
  background: url("../images/wwd/wwd_bg02.png") no-repeat center/cover;
  background-attachment: fixed;
  position: absolute;
  top: -200px;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 250px;
}
#wwd .things--inner {
  width: 684px;
  margin: 368px auto 0;
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}
#wwd .things--inner--main {
  width: 100%;
  position: relative;
}
#wwd .things--inner--main::before, #wwd .things--inner--main::after {
  content: '';
  display: block;
  position: absolute;
}
#wwd .things--inner--main::before {
  top: -30px;
  left: -10px;
  background: url("../images/wwd/wwd_things_img02.png") no-repeat center/contain;
  width: 117px;
  height: 121px;
}
#wwd .things--inner--main::after {
  bottom: -190px;
  right: -78px;
  background: url("../images/wwd/wwd_things_img03.png") no-repeat center/contain;
  width: 278px;
  height: 465px;
}
#wwd .things--inner--main img {
  width: 100%;
}
#wwd .things--inner--text {
  margin-top: 50px;
  width: 387px;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  text-align: justify;
  font-weight: 300;
  position: relative;
}
#wwd .things--inner--text::before {
  content: '';
  display: block;
  position: absolute;
  width: 365px;
  height: 109px;
  top: -140px;
  left: -15px;
  background: url("../images/wwd/wwd_item03.png") no-repeat center/contain;
}
#wwd .things--inner .rental-space {
  margin-top: 50px;
  width: 100%;
}
#wwd .things--inner .rental-space img {
  width: 100%;
}
#wwd .things--inner .drawing {
  margin-top: 32px;
  width: 100%;
}
#wwd .things--inner .drawing img {
  width: 100%;
}
#wwd .things--inner--pdf {
  margin-top: 35px;
  width: 321px;
  white-space: nowrap;
}
#wwd .things--inner--pdf a {
  text-decoration: none;
  color: #fff;
}
#wwd .things--inner--pdf a p {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
}
#wwd .things--inner--pdf a img {
  width: 23px;
  margin-left: 8px;
}
#wwd .things--inner--schedule {
  margin-top: 62px;
}
#wwd .things--inner--schedule .sche-text {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 300;
  height: 28px;
  line-height: 28px;
  padding-left: 8px;
  border: 1px solid #fff;
  border-right: none;
}
#wwd .things--inner--schedule #calendar {
  width: 100%;
  margin-top: 15px;
}
#wwd .things--inner--schedule .fc .fc-toolbar {
  justify-content: flex-start;
}
#wwd .things--inner--schedule .fc .fc-toolbar-chunk .fc-toolbar-title {
  color: #fff;
  font-size: 1.2rem;
}
#wwd .things--inner--schedule .fc .fc-toolbar-chunk .fc-today-button {
  display: none;
}
#wwd .things--inner--schedule .fc .fc-toolbar-chunk .fc-button-group .fc-button-primary {
  color: #000;
  background-color: #fff;
}
#wwd .things--inner--schedule .fc .fc-col-header-cell-cushion {
  color: #fff;
}
#wwd .things--inner--schedule .fc .fc-daygrid-day-frame {
  pointer-events: none;
}
#wwd .things--inner--schedule .fc .fc-day-today {
  background-color: rgba(255, 255, 255, 0.5);
}
#wwd .things--inner--schedule .fc .fc-daygrid-day-number {
  color: #fff;
}
#wwd .things--inner--schedule .fc .fc-daygrid-event-dot {
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid #000;
}
#wwd .things--inner--schedule .fc .fc-daygrid-dot-event .fc-event-title {
  color: #000;
}
#wwd .things--inner--schedule .fc-direction-ltr .fc-toolbar .fc-toolbar-chunk .fc-button-group {
  margin-left: 1.75em;
}
#wwd .things--inner--schedule .fc-direction-ltr .fc-daygrid-event.fc-event-end {
  background: #fff;
}
#wwd .things--inner--schedule .fc-direction-ltr .fc-daygrid-event .fc-event-time {
  color: #000;
}
#wwd .things--inner--schedule .fc-direction-rtl .fc-daygrid-event.fc-event-start {
  background: #fff;
}
#wwd .things--inner--schedule .contact {
  margin-top: 26px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}
#wwd .things--inner--schedule .contact a {
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding: 0 5px;
}
#wwd .bigimg01 {
  width: 100%;
  margin-top: 200px;
  height: 250px;
  background: url("../images/top/top_bg01.png") no-repeat center/cover;
  background-attachment: fixed;
  z-index: 0;
}
#wwd .core .philosophy {
  width: 350px;
  margin: 86px auto 0;
}
#wwd .core .philosophy h2 {
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#wwd .core .philosophy figure {
  width: 312px;
  margin: 48px auto 0;
}
#wwd .core .philosophy figure img {
  width: 100%;
}
#wwd .core .philosophy p {
  margin-top: 20px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.47;
  text-align: center;
}
#wwd .core .division {
  width: 684px;
  margin: 156px auto 0;
}
#wwd .core .division h2 {
  width: 350px;
  margin: 0 auto;
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#wwd .core .division--business {
  width: 620px;
  min-height: 653px;
  margin: 65px auto 0;
  position: relative;
}
#wwd .core .division--business--detail {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
}
#wwd .core .division--business--detail:first-of-type {
  top: 0;
  z-index: 6;
}
#wwd .core .division--business--detail:first-of-type .division--business--detail--right {
  margin-top: 50px;
}
#wwd .core .division--business--detail:nth-of-type(2) {
  top: 156px;
  z-index: 4;
}
#wwd .core .division--business--detail:nth-of-type(2) .division--business--detail--right {
  margin-top: 30px;
}
#wwd .core .division--business--detail:nth-of-type(3) {
  bottom: 0;
  z-index: 2;
}
#wwd .core .division--business--detail:nth-of-type(3) .division--business--detail--right {
  margin-top: -156px;
}
#wwd .core .division--business--detail--img {
  max-width: 314px;
}
#wwd .core .division--business--detail--img a {
  display: block;
  width: 100%;
}
#wwd .core .division--business--detail--img a img {
  width: 100%;
}
#wwd .core .division--business--detail--right {
  min-width: 290px;
  margin-left: 16px;
}
#wwd .core .division--business--detail--right > p {
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  font-family: 'Times','Times New Roman',sans-serif;
  border-bottom: 1px solid #fff;
  position: relative;
}
#wwd .core .division--business--detail--right > p::before {
  content: '';
  display: block;
  position: absolute;
  top: -55px;
  left: -89px;
  width: 111px;
  height: 57px;
  border-bottom: 1px solid #fff;
  -moz-transform: rotateX(30deg);
  -webkit-transform: rotateX(30deg);
  -o-transform: rotateX(30deg);
  -ms-transform: rotateX(30deg);
  transform: rotate(30deg);
}
#wwd .core .division--business--detail--right h3 {
  margin-top: 16px;
  width: 100%;
}
#wwd .core .division--business--detail--right h3 a {
  display: block;
  color: #fff;
  font-size: 2.1rem;
}
#wwd .core .division--business--detail--right .suggestion-c {
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#wwd .core .division--business--detail--right .suggestion-c p {
  margin-left: 19px;
  color: #000;
  font-size: 1.8rem;
  height: 31px;
  line-height: 31px;
  background: #fff;
  padding: 0 20px;
}
#wwd .core .division--business--detail--right .suggestion-c--pdf {
  width: 30px;
  height: 30px;
  margin-left: 14px;
}
#wwd .core .division--business--detail--right .suggestion-c--pdf a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/common/icon_dl.png") no-repeat center/contain;
}
#wwd .core .value {
  width: 726px;
  margin: 163px auto 0;
}
#wwd .core .value--title {
  width: 307px;
}
#wwd .core .value--title img {
  width: 100%;
}
#wwd .core .value ul {
  margin: 13px 0 0 74px;
}
#wwd .core .value ul li {
  padding-top: 28px;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 300;
  white-space: nowrap;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
#wwd .core .value ul li .big-letter {
  font-size: 5.0rem;
}
#wwd .bigimg02 {
  width: 100%;
  margin-top: 190px;
  height: 250px;
  background: url("../images/top/top_bg02.png") no-repeat center/cover;
  background-attachment: fixed;
  z-index: 0;
}
#wwd .recruit {
  background: url("../images/top/top_recruit_bg.png") calc(50% - 10.5px) 0;
  position: relative;
}
#wwd .recruit::before {
  content: '';
  display: block;
  width: 950px;
  height: 128px;
  background: url("../images/top/top_recruit.png") no-repeat center top/100%;
  position: absolute;
  top: -122px;
  left: calc(50% + 5px);
  transform: translateX(-50%);
}
#wwd .recruit--contents {
  width: 748px;
  margin: 0 auto;
  padding-bottom: 142px;
}
#wwd .recruit--contents .dna {
  padding-top: 98px;
}
#wwd .recruit--contents .dna h2 {
  width: 350px;
  margin: 0 auto;
  height: 23px;
  line-height: 23px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  text-align: center;
  border: 1px solid #fff;
}
#wwd .recruit--contents .dna h3 {
  margin-top: 45px;
  font-size: 4.5rem;
  color: #fff;
  letter-spacing: 0.08;
  text-align: center;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
#wwd .recruit--contents .dna p {
  margin-top: 34px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  text-align: center;
  line-height: 2.47;
}
#wwd .recruit--contents .recruit-info {
  margin-top: 127px;
}
#wwd .recruit--contents .recruit-info--title {
  width: 224px;
}
#wwd .recruit--contents .recruit-info--title img {
  width: 100%;
}
#wwd .recruit--contents .recruit-info--detail {
  margin: 26px 0 0 47px;
}
#wwd .recruit--contents .recruit-info--detail dl dt {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.4em;
}
#wwd .recruit--contents .recruit-info--detail dl dd {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.4em;
  margin-top: -2.4em;
  padding-left: 119px;
}
#wwd .recruit--contents .recruit-info--detail dl dd .recruit-s {
  font-size: 1.3rem;
}
#wwd .recruit--contents .recruit-info--detail .blank {
  height: 36px;
}
#wwd .recruit--contents--img {
  margin: 70px 0 0 47px;
  display: flex;
  flex-wrap: wrap;
}
#wwd .recruit--contents--img li {
  width: 50%;
}
#wwd .recruit--contents--img li img {
  width: 100%;
}
#wwd .recruit--contents--img li:nth-of-type(3) {
  width: 100%;
}

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