@charset "UTF-8";
/*******************************************************
 *
 * Common
 *
 *******************************************************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*::before, *::after {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

html {
  font-size: 62.5%;
}

body {
  padding: 0;
  margin: 0;
  background: #fff;
  color: #000;
  font-size: 15px;
  font-family: "Roboto", dnp-shuei-gothic-gin-std, sans-serif;
  line-height: 2.25;
  letter-spacing: 0.05em;
}
@media (min-width: 992px) {
  body {
    font-size: 16px;
  }
}
body.has-menuOpen {
  overflow: hidden;
}

canvas {
  width: 100%;
  display: block;
}

img, iframe {
  max-width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1, h2, h3, h4, h5, h6,
b, strong, th, .textBold {
  font-weight: 700;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left !important;
}

.textUppercase {
  text-transform: uppercase;
}

.block {
  display: block;
}

.inlineBlock {
  display: inline-block;
}

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flexboxCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flexboxSpaceBetween {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .flexboxSpaceBetween {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.flexboxSpaceBetweenTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flexboxSpaceBetweenCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flexboxSpaceBetweenEnd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flexboxColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -15px;
}
@media (min-width: 1200px) {
  .flexboxColumn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.flexboxColumn__item {
  padding: 15px;
}
@media (min-width: 992px) {
  .flexboxColumn__item {
    max-width: 33.33333%;
  }
}
.flexboxColumn__itemWrap {
  width: 100%;
}
.flexboxColumn--col3 .flexboxColumn__itemWrap {
  max-width: 380px;
}

.inlineFlex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hidden {
  display: none;
}

.visible {
  display: initial;
}
.visible.block {
  display: block;
}
.visible.inlineBlock {
  display: inline-block;
}
.visible[class*=flexbox] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.visible.inlineFlex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (min-width: 576px) {
  .hiddenSp {
    display: none;
  }
  .visibleSp {
    display: initial;
  }
  .visibleSp.block {
    display: block;
  }
  .visibleSp.inlineBlock {
    display: inline-block;
  }
  .visibleSp[class*=flexbox] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .visibleSp.inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .hiddenPc {
    display: none;
  }
  .visiblePc {
    display: initial;
  }
  .visiblePc.block {
    display: block;
  }
  .visiblePc.inlineBlock {
    display: inline-block;
  }
  .visiblePc[class*=flexbox] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .visiblePc.inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 992px) {
  .hiddenPc2 {
    display: none;
  }
  .visiblePc2 {
    display: initial;
  }
  .visiblePc2.block {
    display: block;
  }
  .visiblePc2.inlineBlock {
    display: inline-block;
  }
  .visiblePc2[class*=flexbox] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .visiblePc2.inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 1200px) {
  .hiddenPc3 {
    display: none;
  }
  .visiblePc3 {
    display: initial;
  }
  .visiblePc3.block {
    display: block;
  }
  .visiblePc3.inlineBlock {
    display: inline-block;
  }
  .visiblePc3[class*=flexbox] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .visiblePc3.inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .hiddenPc4 {
    display: none;
  }
  .visiblePc4 {
    display: initial;
  }
  .visiblePc4.block {
    display: block;
  }
  .visiblePc4.inlineBlock {
    display: inline-block;
  }
  .visiblePc4[class*=flexbox] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .visiblePc4.inlineFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.relative {
  position: relative;
}

/*******************************************************
 *
 * Image Wrapper
 *
 *******************************************************/
.imgWrap {
  position: relative;
}
.imgWrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

/*******************************************************
 *
 * Sections
 *
 *******************************************************/
main {
  overflow: hidden;
}

.siteSec:not(:last-child) {
  margin-bottom: 80px;
}
@media (min-width: 992px) {
  .siteSec:not(:last-child) {
    margin-bottom: 170px;
  }
}
.siteSec:last-child {
  padding-bottom: 70px;
}
@media (min-width: 992px) {
  .siteSec:last-child {
    padding-bottom: 140px;
  }
}

/*******************************************************
 *
 * Container
 *
 *******************************************************/
.container {
  margin: 0 auto;
  padding: 0 24px;
  max-width: 1080px;
}
@media (min-width: 992px) {
  .container {
    padding: 0;
    width: calc(100% - 100px);
  }
}
.container--sm {
  max-width: 880px;
}

/*******************************************************
 *
 * Globals
 *
 *******************************************************/
.siteAccent {
  position: absolute;
  z-index: -1;
}

.siteTtl01 {
  margin: 0 0 30px;
  text-align: center;
}
@media (min-width: 992px) {
  .siteTtl01 {
    margin: 0 0 50px;
  }
}
.siteTtl01__ttlEn {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .siteTtl01__ttlEn {
    font-size: 60px;
    line-height: 1.4;
  }
}
.siteTtl01__ttlEn::before, .siteTtl01__ttlEn::after {
  color: #F7932F;
}
.siteTtl01__ttlEn::before {
  content: "“";
  margin: 0 5px 0 0;
}
.siteTtl01__ttlEn::after {
  content: "”";
  margin: 0 0 0 5px;
}
.siteTtl01__ttlJp {
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .siteTtl01__ttlJp {
    margin: 10px 0 0;
  }
}

.siteTtl02 {
  margin: 0 0 30px;
  font-size: 28px;
  line-height: 1.1428571429;
  text-align: center;
}

.siteBtn01__link {
  position: relative;
  border-radius: 130px;
  padding: 21px 30px 19px;
  background: #F7932F;
  width: 100%;
  max-width: 255px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}
.siteBtn01__link .fa-angle-right {
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.siteBtn01__link .fa-angle-left {
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.siteImg01 {
  border-radius: 10px;
  -webkit-transform: skewY(8deg);
          transform: skewY(8deg);
  overflow: hidden;
}
.siteImg01__wrap {
  -webkit-transform: skewY(-8deg);
          transform: skewY(-8deg);
}
.siteImg01__wrap img {
  top: -15px;
  height: calc(100% + 30px);
}
.siteImg01--flip {
  -webkit-transform: skewY(-8deg);
          transform: skewY(-8deg);
}
.siteImg01--flip .siteImg01__wrap {
  -webkit-transform: skewY(8deg);
          transform: skewY(8deg);
}

.siteImg02 {
  position: relative;
  z-index: 0;
}
.siteImg02__accent {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px;
  width: 100%;
  height: calc(100% - 60px);
  background: #F7932F;
  -webkit-transform: translateY(-30px) skewY(-6.8deg);
          transform: translateY(-30px) skewY(-6.8deg);
  z-index: -1;
}
.siteImg02__wrap {
  padding: 30px 0;
}
.siteImg02__skew {
  border-radius: 10px;
  -webkit-transform: skewY(6.8deg);
          transform: skewY(6.8deg);
  overflow: hidden;
}
.siteImg02__skewRev {
  -webkit-transform: skewY(-6.8deg);
          transform: skewY(-6.8deg);
}
.siteImg02__skewRev img {
  top: -30px;
  height: calc(100% + 60px);
}
.siteImg02--flip .siteImg02__accent {
  -webkit-transform: translateY(-30px) skewY(6.8deg);
          transform: translateY(-30px) skewY(6.8deg);
}
.siteImg02--flip .siteImg02__skew {
  -webkit-transform: skewY(-6.8deg);
          transform: skewY(-6.8deg);
}
.siteImg02--flip .siteImg02__skewRev {
  -webkit-transform: skewY(6.8deg);
          transform: skewY(6.8deg);
}

.layoutList01 {
  margin: 0 auto;
  max-width: 880px;
}
@media only screen and (max-width: 575px) {
  .layoutList01__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid #C4C4C4;
  }
  .layoutList01__item:first-child {
    border-top: 1px solid #C4C4C4;
  }
}
.layoutList01__itemTtl, .layoutList01__itemTxt {
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: center;
}
@media (min-width: 576px) {
  .layoutList01__itemTtl, .layoutList01__itemTxt {
    border-bottom: 1px solid #C4C4C4;
    text-align: left;
  }
}
@media (min-width: 576px) {
  .layoutList01__item:first-child .layoutList01__itemTtl, .layoutList01__item:first-child .layoutList01__itemTxt {
    border-top: 1px solid #C4C4C4;
  }
}
.layoutList01__itemTtl {
  margin: 0 0 10px;
  padding: 30px 0 0;
  font-weight: 700;
}
@media (min-width: 576px) {
  .layoutList01__itemTtl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    margin: 0 15px 0 0;
    padding: 30px 0;
  }
}
@media (min-width: 992px) {
  .layoutList01__itemTtl {
    padding: 40px 0;
  }
}
.layoutList01__itemTxt {
  padding: 0 0 30px;
}
@media (min-width: 576px) {
  .layoutList01__itemTxt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 30px 0;
  }
}
@media (min-width: 992px) {
  .layoutList01__itemTxt {
    padding: 40px 0;
  }
}

.layoutRecruitBtn__link {
  margin: 0 19.53125% 0 0;
  border-radius: 10px;
  width: 100%;
  max-width: 425px;
  height: 130px;
  background: #F7932F;
  color: #fff;
  font-size: 20px;
  line-height: 1;
}
@media (min-width: 768px) {
  .layoutRecruitBtn__link {
    margin: 0 13.8888888889%;
  }
}
.layoutRecruitBtn__link .fa-angle-right {
  margin: 0 0 0 10px;
}
@media (min-width: 768px) {
  .layoutRecruitBtn__link .fa-angle-right {
    position: absolute;
    top: 50%;
    right: 23.5294117647%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.layoutRecruitBtn__img {
  position: absolute;
  top: calc(50% + 10px);
  right: -10px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 50.8235294118%;
  max-width: 216px;
}

.layoutRecruitNav__wrap {
  margin: 0 auto;
  max-width: 525px;
}
@media (min-width: 1200px) {
  .layoutRecruitNav__wrap {
    max-width: initial;
  }
}
.layoutRecruitNav__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -12.5px;
}
.layoutRecruitNav__item {
  padding: 12.5px;
}
.layoutRecruitNav__item .siteImg02__wrap {
  padding: 15px 0;
}
.layoutRecruitNav__item .siteImg02__skew::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: 0.6;
  z-index: 1;
}
.layoutRecruitNav__item .siteImg02__skew img {
  top: -15px;
  height: calc(100% + 30px);
}
.layoutRecruitNav__itemWrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 10px 30px;
  width: 100%;
  max-height: 100%;
  color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.layoutRecruitNav__itemTtlJp {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}
.layoutRecruitNav__itemTtlEn {
  font-size: 14px;
  line-height: 1;
}
.layoutRecruitNav__itemArrow {
  border: 4px solid #F7932F;
  border-width: 4px 4px 0 0;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*******************************************************
 *
 * Header
 *
 *******************************************************/
.header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 20px;
  height: 70px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transition-property: background, -webkit-box-shadow;
  transition-property: background, -webkit-box-shadow;
  transition-property: background, box-shadow;
  transition-property: background, box-shadow, -webkit-box-shadow;
  z-index: 100;
}
@media (min-width: 992px) {
  .header {
    position: fixed;
    padding: 0 6.25%;
    height: 70px;
  }
}
@media (min-width: 1200px) {
  .header {
    padding: 0 80px;
  }
}
.header__logo {
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 991px) {
  .header__logo img {
    height: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .header__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    padding: 30px;
    width: 100%;
    max-width: 320px;
    height: 100vh;
    overflow-y: scroll;
    background: #195C77;
    color: #fff;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media only screen and (max-width: 991px) and (min-height: 399px) {
  .header__menu {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .is-closed .header__menu {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}
@media only screen and (max-width: 991px) {
  .is-open .header__menu {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}
.header .menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .header .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    mix-blend-mode: difference;
  }
}
@media (min-width: 992px) {
  .header .menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header .menu-item:not(:last-child) {
  margin: 0 0 30px;
}
@media (min-width: 992px) {
  .header .menu-item:not(:last-child) {
    margin: 0 30px 0 0;
  }
}
.header .menu-item-link {
  display: block;
  font-size: 14px;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  -webkit-transition: none;
  transition: none;
}
.header__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 120px 0 0;
  border-radius: 30px;
  padding: 15px 25px;
  background: #fff;
  color: #000;
  font-size: 14px;
  line-height: 1.4285714286;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: none;
  transition: none;
}
@media (min-width: 992px) {
  .header__contact {
    margin: 0 0 0 30px;
    background: #F6B839;
    color: #fff;
  }
}
.header__contact i {
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 991px) {
  .header__contact i {
    color: #F7932F;
  }
}

/*==============================
 Fixed Header
===============================*/
@media (min-width: 992px) {
  .fh {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  }
}

/*==============================
 Burger Menu
===============================*/
.burgerMenu {
  position: fixed;
  left: 15px;
  bottom: 15px;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  background: #F7932F;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  cursor: pointer;
}
.is-open .burgerMenu {
  background: #fff;
}
.burgerMenu__wrap {
  width: 17px;
  height: 8px;
}
.burgerMenu__wrap div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.is-open .burgerMenu__wrap div {
  background-color: #F7932F;
}
.burgerMenu__wrap div:nth-child(1) {
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.is-open .burgerMenu__wrap div:nth-child(1) {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.burgerMenu__wrap div:nth-child(2) {
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.is-open .burgerMenu__wrap div:nth-child(2) {
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg);
}

/*******************************************************
 *
 * Footer
 *
 *******************************************************/
.footer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 24px 80px;
  background: #2B3447;
  color: #fff;
  font-size: 12.8px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .footer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .footer {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .footer {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: 0.933vw;
    padding: 40px 5.333vw;
  }
}
@media (min-width: 1500px) {
  .footer {
    padding: 40px 80px;
    font-size: 14px;
  }
}
.footer__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0 0 40px;
}
@media (min-width: 1200px) {
  .footer__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 11.667vw;
            flex: 0 0 11.667vw;
    margin: 0 2.667vw 0 0;
  }
}
@media (min-width: 1500px) {
  .footer__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 40px 0 0;
  }
}
.footer__logo img {
  -webkit-filter: contrast(0) grayscale(1) brightness(10);
          filter: contrast(0) grayscale(1) brightness(10);
}
@media only screen and (max-width: 991px) {
  .footer__logo img {
    margin: 0 auto;
  }
}
.footer__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 992px) {
  .footer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    width: initial;
  }
}
@media (min-width: 1200px) {
  .footer__info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.footer__infoItem {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .footer__infoItem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .footer__infoItem {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}
@media (min-width: 1200px) {
  .footer__infoItem {
    letter-spacing: 0.025em;
  }
}
.footer__infoItem:not(:last-child) {
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .footer__infoItem:not(:last-child) {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .footer__infoItem:not(:last-child) {
    margin: 0 0 20px;
  }
}
@media (min-width: 1200px) {
  .footer__infoItem:not(:last-child) {
    margin: 0 2vw 0 0;
  }
}
@media (min-width: 1500px) {
  .footer__infoItem:not(:last-child) {
    margin: 0 30px 0 0;
  }
}
@media (min-width: 992px) {
  .footer__menu {
    margin: 0 60px 0 30px;
  }
}
@media (min-width: 1200px) {
  .footer__menu {
    margin: 0 4vw 0 2vw;
  }
}
@media (min-width: 1500px) {
  .footer__menu {
    margin: 0 60px 0 30px;
  }
}
.footer__menu .menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__menu .menu-item-link {
  font-size: 15px;
  line-height: 2;
  -webkit-transition: none;
  transition: none;
}
@media (min-width: 1200px) {
  .footer__menu .menu-item-link {
    font-size: 1.067vw;
  }
}
@media (min-width: 1500px) {
  .footer__menu .menu-item-link {
    font-size: 16px;
  }
}
.footer__contact {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.footer__contactLink {
  border: 1px solid #fff;
  margin: 0 0 30px;
  border-radius: 30px;
  padding: 15px 24px;
  max-width: 140px;
  font-style: normal;
  line-height: 1.2857142857;
  -webkit-transition: none;
  transition: none;
}
@media (min-width: 992px) {
  .footer__contactLink {
    margin: 0 60px 0 0;
    max-width: initial;
  }
}
@media (min-width: 1200px) {
  .footer__contactLink {
    margin: 0 3.333vw 0 0;
    padding: 1vw 1.4vw;
  }
}
@media (min-width: 1500px) {
  .footer__contactLink {
    margin: 0 60px 0 0;
    padding: 15px 24px;
  }
}
.footer__contactLink .fa-envelope {
  margin: 0 10px 0 0;
}
.footer__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-style: italic;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .footer__wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 1200px) {
  .footer__wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.footer__links {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .footer__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1200px) {
  .footer__links {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.footer__social {
  -webkit-transition: none;
  transition: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 992px) {
  .footer__social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer__social .fa-instagram {
  margin: 0 10px 0 0;
}
.footer__nav {
  line-height: 2;
}
@media only screen and (max-width: 991px) {
  .footer__nav {
    text-transform: initial;
  }
}
.footer__navLink {
  -webkit-transition: none;
  transition: none;
}
.footer__copyright {
  font-size: 12px;
  line-height: 2.3333333333;
}
@media only screen and (max-width: 991px) {
  .footer__copyright {
    text-transform: initial;
  }
}

/*******************************************************
 *
 * Lower Page
 *
 *******************************************************/
/*==============================
 Lower Page Banner
===============================*/
.lpBnr__bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 90%;
  max-width: 300px;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 768px) {
  .lpBnr__bg {
    width: 60.6666666667%;
    max-width: 910px;
  }
}
@media (min-width: 768px) {
  .lpBnr__bgPc canvas {
    max-height: 510px;
  }
}
.lpBnr__bgPc .lpBnr__bgImg {
  -webkit-mask-image: url("../images/common/accent_maskPc.png");
          mask-image: url("../images/common/accent_maskPc.png");
  -webkit-mask-size: cover;
          mask-size: cover;
}
.lpBnr__bgSp .lpBnr__bgImg {
  -webkit-mask-image: url("../images/common/accent_maskSp.png");
          mask-image: url("../images/common/accent_maskSp.png");
  -webkit-mask-size: cover;
          mask-size: cover;
}
.lpBnr__wrap {
  margin: 0;
  padding: 150px 0 0;
  min-height: 410px;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
  z-index: 2;
}
@media (min-width: 992px) {
  .lpBnr__wrap {
    padding: 16.6666666667% 0 0;
  }
}
@media (min-width: 1200px) {
  .lpBnr__wrap {
    min-height: 530px;
  }
}
@media (min-width: 1440px) {
  .lpBnr__wrap {
    padding: 240px 0 0;
  }
}
.lpBnr--noBg .lpBnr__wrap {
  padding: 100px 0 0;
  min-height: initial;
  text-align: center;
}
@media (min-width: 992px) {
  .lpBnr--noBg .lpBnr__wrap {
    padding: 12.5% 0 0;
  }
}
@media (min-width: 1440px) {
  .lpBnr--noBg .lpBnr__wrap {
    padding: 180px 0 0;
  }
}
.lpBnr__wrapAccent {
  top: 100px;
  right: 0;
}
.lpBnr__ttlJp {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.07em;
}
@media (min-width: 768px) {
  .lpBnr__ttlJp {
    font-size: 40px;
  }
}
.lpBnr__ttlEn {
  margin: 10px 0 0;
  color: #F7932F;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0.025em;
}
.lpBnr__txt {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .lpBnr__txt {
    max-width: 380px;
  }
}
.lpBnr--noBg .lpBnr__txt {
  margin: 40px auto 0;
  max-width: 880px;
}
.lpBnr__accent01 {
  top: 0;
  left: 0;
  width: 31.6666666667%;
  max-width: 475px;
}
.lpBnr__accent02 {
  top: 5.667vw;
  right: 0;
  width: 7.5333333333%;
  max-width: 113px;
}
@media (min-width: 1500px) {
  .lpBnr__accent02 {
    top: 85px;
  }
}

/*==============================
 Lower Page Content Full
===============================*/
#contentFull {
  margin: 50px 0 0;
  min-height: 250px;
}
@media (min-width: 992px) {
  #contentFull {
    margin: 100px 0 0;
  }
}

/*******************************************************
 *
 * Top Page
 *
 *******************************************************/
/*==============================
 Banner
===============================*/
.topBnr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media only screen and (max-width: 767px) {
  .topBnr {
    min-height: 667px;
  }
}
.topBnr__bg {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.topBnr__bgWrap {
  overflow: hidden;
  width: 80%;
}
@media (min-width: 768px) {
  .topBnr__bgWrap {
    width: 59.3333333333%;
    max-width: 890px;
  }
}
.topBnr__bgList {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.topBnr__bgItem.is-animating {
  -webkit-animation: zoom 10s linear forwards;
          animation: zoom 10s linear forwards;
}
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 10% 90%;
            transform-origin: 10% 90%;
  }
  100% {
    -webkit-transform: scale(1.175);
            transform: scale(1.175);
    -webkit-transform-origin: 10% 90%;
            transform-origin: 10% 90%;
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 10% 90%;
            transform-origin: 10% 90%;
  }
  100% {
    -webkit-transform: scale(1.175);
            transform: scale(1.175);
    -webkit-transform-origin: 10% 90%;
            transform-origin: 10% 90%;
  }
}
.topBnr__bgMask {
  position: absolute;
  top: -3px;
  left: -3px;
  border: 3px solid #fff;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.topBnr__wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: -25px 0 0;
  padding: 0 30px;
  z-index: 2;
}
@media (min-width: 768px) {
  .topBnr__wrap {
    position: absolute;
    top: 29.6208530806%;
    left: 6.6666666667%;
    margin: 0;
    padding: 0;
  }
}
.topBnr__wrapAccent {
  top: 100px;
  right: 0;
}
.topBnr__ttl {
  font-size: 54px;
  font-weight: 500;
  line-height: 1.1111111111;
}
@media (min-width: 992px) {
  .topBnr__ttl {
    font-size: 6.25vw;
    line-height: 1.25;
  }
}
@media (min-width: 1200px) {
  .topBnr__ttl {
    font-size: 80px;
  }
}
.topBnr__txt {
  margin: 10px 0 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
}
@media (min-width: 992px) {
  .topBnr__txt {
    margin: 25px 0 0;
    font-size: 3.438vw;
  }
}
@media (min-width: 1200px) {
  .topBnr__txt {
    font-size: 44px;
  }
}
.topBnr__img {
  position: absolute;
  left: 8%;
  width: 42.6666666667%;
}
@media only screen and (max-width: 767px) {
  .topBnr__img {
    top: 66.667vw;
  }
}
@media (min-width: 768px) {
  .topBnr__img {
    bottom: 3.5545023697%;
    left: 40.6666666667%;
    width: 25.4666666667%;
  }
}
.topBnr__img #animation_container01 {
  width: 100% !important;
  height: auto !important;
}
.topBnr__img #canvas01 {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}
.topBnr__accent01 {
  top: 0;
  left: 0;
  width: 197px;
  z-index: 0;
}
@media (min-width: 768px) {
  .topBnr__accent01 {
    width: 33.6666666667%;
    max-width: 505px;
  }
}
.topBnr__accent02 {
  top: 71.0900473934%;
  left: 0;
  width: 28.6666666667%;
  max-width: 430px;
  z-index: 0;
}
.topBnr__accent03 {
  bottom: -11.2559241706%;
  right: 6.8666666667%;
  width: 22%;
  max-width: 330px;
  z-index: 0;
}
@media (min-width: 1280px) {
  .topBnr__accent03 {
    right: 103px;
  }
}

/*==============================
 Catch
===============================*/
.topCatch {
  padding-top: 50px;
}
@media (min-width: 992px) {
  .topCatch {
    padding-top: 140px;
  }
}
.topCatch__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .topCatch__wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .topCatch__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.topCatch__img {
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .topCatch__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 44.4444444444%;
            flex: 0 1 44.4444444444%;
  }
}
.topCatch__info {
  margin: 35px 0 0;
}
@media (min-width: 992px) {
  .topCatch__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 510px;
            flex: 0 0 510px;
    margin: 20px 30px 0 0;
  }
}
.topCatch__ttl {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (min-width: 992px) {
  .topCatch__ttl {
    font-size: 40px;
  }
}
.topCatch__ttl span {
  color: #F7932F;
}
.topCatch__ttlSub {
  margin: 5px 0 20px;
  color: #F6B839;
  font: 13px dnp-shuei-gothic-gin-std, sans-serif;
  line-height: 1.3076923077;
}
@media (min-width: 992px) {
  .topCatch__ttlSub {
    margin: 10px 0 40px;
  }
}
.topCatch__txt {
  padding: 0 3.9215686275% 0 0;
}
.topCatch__accent {
  right: 0;
  bottom: -160px;
  width: 28.6666666667%;
}

/*==============================
 Business
===============================*/
.topBusiness__wrap {
  margin: 60px 0 0;
}
@media (min-width: 992px) {
  .topBusiness__wrap {
    margin: 80px 0 0;
  }
}
.topBusiness__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-width: 327px;
}
@media (min-width: 992px) {
  .topBusiness__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: -45px 0;
    max-width: initial;
  }
}
.topBusiness__item {
  width: 100%;
  max-width: 220px;
}
@media (min-width: 992px) {
  .topBusiness__item {
    max-width: 50%;
    padding: 45px 11.1111111111% 45px 3.7037037037%;
  }
}
@media only screen and (max-width: 991px) {
  .topBusiness__item:not(:last-child) {
    margin: 0 0 30px;
  }
}
@media (min-width: 992px) {
  .topBusiness__item:nth-child(even) {
    margin: 40px 0 -40px;
  }
}
@media only screen and (max-width: 991px) {
  .topBusiness__item--01 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .topBusiness__item--02 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .topBusiness__item--03 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .topBusiness__item--04 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.topBusiness__itemLink {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
  width: 100%;
  background: red;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
@media (min-width: 992px) {
  .topBusiness__itemLink {
    padding: 50px 50px 50px 20px;
    font-size: 20px;
    text-align: left;
  }
}
.topBusiness__itemLink .fa-angle-right {
  font-size: 20px;
}
@media only screen and (max-width: 991px) {
  .topBusiness__itemLink .fa-angle-right {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  .topBusiness__itemLink .fa-angle-right {
    margin: 0 0 0 15px;
    font-size: 0.75em;
  }
}
.topBusiness__item--01 .topBusiness__itemLink {
  background: #F88F4C;
}
.topBusiness__item--02 .topBusiness__itemLink {
  background: #DB5A5A;
}
.topBusiness__item--03 .topBusiness__itemLink {
  background: #A8509F;
}
.topBusiness__item--04 .topBusiness__itemLink {
  background: #F2B230;
}
.topBusiness__itemImg {
  position: absolute;
}
.topBusiness__itemImg .animation {
  width: 100% !important;
  height: auto !important;
}
.topBusiness__itemImg .animation canvas {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}
.topBusiness__item--01 .topBusiness__itemImg {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
@media only screen and (max-width: 991px) {
  .topBusiness__item--01 .topBusiness__itemImg {
    right: -15px;
    bottom: -10px;
    width: 104px;
  }
}
@media (min-width: 992px) {
  .topBusiness__item--01 .topBusiness__itemImg {
    right: 0;
    bottom: -5px;
    width: 42.1052631579%;
    max-width: 160px;
  }
}
.topBusiness__item--02 .topBusiness__itemImg {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
@media only screen and (max-width: 991px) {
  .topBusiness__item--02 .topBusiness__itemImg {
    right: -15px;
    bottom: 0;
    width: 72px;
  }
}
@media (min-width: 992px) {
  .topBusiness__item--02 .topBusiness__itemImg {
    bottom: -10px;
    right: 10px;
    width: 37.1052631579%;
    max-width: 141px;
  }
}
.topBusiness__item--03 .topBusiness__itemImg {
  top: -5px;
}
@media only screen and (max-width: 991px) {
  .topBusiness__item--03 .topBusiness__itemImg {
    left: -20px;
    width: 114px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 992px) {
  .topBusiness__item--03 .topBusiness__itemImg {
    right: -40px;
    width: 44.7368421053%;
    max-width: 170px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media only screen and (max-width: 991px) {
  .topBusiness__item--04 .topBusiness__itemImg {
    bottom: -5px;
    left: -20px;
    width: 110px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 992px) {
  .topBusiness__item--04 .topBusiness__itemImg {
    top: 10px;
    right: 10px;
    width: 52.6315789474%;
    max-width: 200px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.topBusiness__accent01 {
  top: -50px;
  left: 0;
}
@media (min-width: 992px) {
  .topBusiness__accent01 {
    top: 120px;
    left: 0;
    width: 25.9333333333%;
  }
}
.topBusiness__accent02 {
  top: -100px;
  right: 0;
}
@media (min-width: 992px) {
  .topBusiness__accent02 {
    top: 370px;
    right: 0;
    width: 28.1333333333%;
  }
}

/*==============================
 Philosophy
===============================*/
.topPhilosophy__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 30px 0 0;
}
@media only screen and (max-width: 991px) {
  .topPhilosophy__wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .topPhilosophy__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 40px 0 0;
  }
}
@media (min-width: 992px) {
  .topPhilosophy__img {
    width: 42.5925925926%;
  }
}
@media (min-width: 992px) {
  .topPhilosophy__imgMain img {
    left: -30.4347826087%;
    right: 0;
    width: initial;
    max-width: initial;
  }
}
.topPhilosophy__imgAccent {
  top: 50px;
  left: -10.6666666667%;
}
@media (min-width: 992px) {
  .topPhilosophy__imgAccent {
    top: 280px;
    left: -18.4782608696%;
    width: 71.7391304348%;
  }
}
.topPhilosophy__info {
  margin: 20px auto 0;
}
@media only screen and (max-width: 575px) {
  .topPhilosophy__info {
    width: 100%;
    max-width: 327px;
  }
}
@media (min-width: 992px) {
  .topPhilosophy__info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 0 10.1851851852%;
    padding: 80px 0 0;
  }
}
.topPhilosophy__infoTtl {
  margin: 0 0 15px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .topPhilosophy__infoTtl {
    margin: 0 0 10px;
  }
}
.topPhilosophy__infoTtl:not(:first-child) {
  margin-top: 25px;
}
.topPhilosophy__infoTtl span {
  display: inline-block;
  padding: 0 10px;
  background: #000;
  font-size: 20px;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .topPhilosophy__infoTtl span {
    padding: 0 15px;
    font-size: 30px;
    line-height: 1.1666666667;
  }
}
.topPhilosophy__infoTxt {
  padding: 0 0 0 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.07em;
}
@media (min-width: 992px) {
  .topPhilosophy__infoTxt {
    padding: 0 0 0 10px;
    font-size: 20px;
    line-height: 1.8;
  }
}
.topPhilosophy__infoAccent {
  top: 50px;
  right: -13.7614678899%;
}
.topPhilosophy__btn {
  margin: 25px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 992px) {
  .topPhilosophy__btn {
    margin: 40px 0 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.topPhilosophy__btn .siteBtn01__link {
  min-width: 165px;
  max-width: 165px;
}
.topPhilosophy__accent {
  top: -100px;
  right: 0;
}
@media (min-width: 992px) {
  .topPhilosophy__accent {
    top: 510px;
    right: 0;
    width: 21.3333333333%;
  }
}

/*==============================
 Recruit
===============================*/
.topRecruit__ttl {
  margin: 0 0 40px;
}
.topRecruit__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .topRecruit__wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 992px) {
  .topRecruit__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.topRecruit__info {
  z-index: 1;
}
@media (min-width: 992px) {
  .topRecruit__info {
    margin: 70px -70px 0 0;
    width: 37.037037037%;
  }
}
.topRecruit__img {
  margin: 0 -15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 991px) {
  .topRecruit__img {
    margin: 20px -24px 0;
    width: calc(100% + 48px);
    max-width: 375px;
  }
}
@media (min-width: 992px) {
  .topRecruit__img {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.topRecruit__imgWrap {
  padding: 15px 24px;
}
@media (min-width: 992px) {
  .topRecruit__imgWrap {
    padding: 15px;
    width: 33.33333%;
  }
}
@media only screen and (max-width: 991px) {
  .topRecruit__imgWrap:nth-child(even) {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.topRecruit__imgWrap--01 {
  margin: 0 0 -60px;
}
@media (min-width: 992px) {
  .topRecruit__imgWrap--01 {
    margin: 50px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .topRecruit__imgWrap--02 {
    margin: 0 0 -45px;
  }
}
@media (min-width: 992px) {
  .topRecruit__imgWrap--03 {
    margin: 90px 0 0;
  }
}
.topRecruit__imgWrap--01 .topRecruit__imgAccent {
  top: 85px;
  right: -40px;
}
.topRecruit__imgWrap--02 .topRecruit__imgAccent {
  top: 400px;
  left: -80px;
}
.topRecruit__btn {
  margin: 25px 0 0;
}
@media (min-width: 992px) {
  .topRecruit__btn {
    margin: 50px 0 0;
  }
}
.topRecruit__btn .siteBtn01__link {
  min-width: 165px;
  max-width: 165px;
}
.topRecruit__accent01 {
  top: -140px;
  left: 0;
}
@media (min-width: 992px) {
  .topRecruit__accent01 {
    top: 535px;
    left: 0;
    width: 17.3333333333%;
  }
}
.topRecruit__accent02 {
  bottom: 130px;
  right: 0;
}

/*==============================
 News
===============================*/
.topNews__ttl {
  margin: 0 0 40px;
}
@media (min-width: 992px) {
  .topNews__ttl {
    margin: 0 0 60px;
  }
}
.topNews__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topNews__item {
  padding: 0 0 22px;
  background: rgb(211, 211, 211);
  background: -webkit-gradient(linear, left top, right top, from(rgb(211, 211, 211)), color-stop(33.33333%, rgb(211, 211, 211)), color-stop(33.33333%, rgba(211, 211, 211, 0)));
  background: linear-gradient(90deg, rgb(211, 211, 211) 0%, rgb(211, 211, 211) 33.33333%, rgba(211, 211, 211, 0) 33.33333%);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 6px 2px;
  font-size: 14px;
  line-height: 1.4285714286;
}
@media (min-width: 992px) {
  .topNews__item {
    font-size: 16px;
    line-height: 1.25;
  }
}
.topNews__item:not(:last-child) {
  margin: 0 0 20px;
}
.topNews__itemDate {
  color: #C4C4C4;
  font-weight: 700;
}
.topNews__itemTtl {
  margin: 0 0 0 25px;
  font-weight: 300;
  font-size: inherit;
  letter-spacing: 0.025em;
}
.topNews__itemTtl .fa-angle-right {
  margin: 0 0 0 15px;
}
.topNews__btn {
  margin: 30px 0 0;
}
@media (min-width: 992px) {
  .topNews__btn {
    margin: 50px 0 0;
  }
}
.topNews__btn .siteBtn01__link {
  min-width: 165px;
  max-width: 165px;
}
.topNews__accent01 {
  bottom: 0;
  left: 0;
}
@media (min-width: 992px) {
  .topNews__accent01 {
    left: initial;
    right: 0;
    width: 28.3333333333%;
  }
}
.topNews__accent02 {
  top: -50px;
  right: 0;
}

/*******************************************************
 *
 * Company Profile Page
 *
 *******************************************************/
.lpCompany__accent01 {
  top: 23.333vw;
  left: 0;
  width: 25.6666666667%;
  max-width: 385px;
}
@media (min-width: 1500px) {
  .lpCompany__accent01 {
    top: 350px;
  }
}
.lpCompany__accent02 {
  top: 0;
  left: 30.6666666667%;
  width: 22%;
  max-width: 330px;
}
.lpCompany__accent03 {
  top: 34vw;
  right: 0;
  width: 17%;
  max-width: 255px;
}
@media (min-width: 1500px) {
  .lpCompany__accent03 {
    top: 510px;
  }
}
.lpCompany__accent04 {
  top: -320px;
  left: 0;
  width: 17.7333333333%;
  max-width: 266px;
}
.lpCompany__accent05 {
  top: -130px;
  right: 0;
  width: 15.8%;
  max-width: 237px;
}
.lpCompany__accent06 {
  top: -80px;
  left: 0;
  width: 15.8666666667%;
  max-width: 238px;
}
.lpCompany__accent07 {
  top: 0;
  right: 0;
  width: 23.9333333333%;
  max-width: 359px;
}

/*==============================
 Message
===============================*/
.lpMessage__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lpMessage__img {
  margin: 0 0 30px;
  padding: 0 7.3863636364% 10.7954545455% 0;
}
.lpMessage__img .siteImg02__accent {
  bottom: -23.75%;
  right: -13%;
}

/*==============================
 Company
===============================*/
@media (min-width: 992px) {
  .lpCompanyInfo__itemTtl {
    padding: 55px 0;
  }
}
@media (min-width: 992px) {
  .lpCompanyInfo__itemTxt {
    padding: 55px 0;
  }
}

/*==============================
 History
===============================*/
.lpHistory__itemDate, .lpHistory__itemSep, .lpHistory__itemTxt {
  padding: 0 0 44px;
  line-height: 2;
  letter-spacing: 0.025em;
}
.lpHistory__item:first-child .lpHistory__itemDate, .lpHistory__item:first-child .lpHistory__itemSep, .lpHistory__item:first-child .lpHistory__itemTxt {
  padding-top: 40px;
}
.lpHistory__item:last-child .lpHistory__itemDate, .lpHistory__item:last-child .lpHistory__itemSep, .lpHistory__item:last-child .lpHistory__itemTxt {
  padding: 0 0 45px;
}
.lpHistory__itemDate {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}
@media (min-width: 576px) {
  .lpHistory__itemDate {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
}
.lpHistory__itemSep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}
.lpHistory__itemSep::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #C4C4C4;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.lpHistory__itemSep::after {
  content: "";
  display: block;
  margin: 8px 0;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  background: #F7932F;
}
.lpHistory__itemTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 0 30px;
}
.lpHistory__img01 {
  position: absolute;
  top: 125px;
  right: 6vw;
}
.lpHistory__img02 {
  position: absolute;
  top: 310px;
  right: -8.6666666667vw;
}
.lpHistory__img03 {
  position: absolute;
  top: 530px;
  right: 1.6666666667vw;
}

/*******************************************************
 *
 * Business Content Page
 *
 *******************************************************/
@media (min-width: 992px) {
  .lpBusiness {
    padding: 60px 0 0;
  }
}
.lpBusiness__accent01 {
  top: 22.667vw;
  left: 0;
  width: 12.6666666667%;
  max-width: 190px;
}
@media (min-width: 1500px) {
  .lpBusiness__accent01 {
    top: 340px;
  }
}
.lpBusiness__accent02 {
  top: 0;
  left: 30.6666666667%;
  width: 22%;
  max-width: 330px;
}
.lpBusiness__accent03 {
  top: 32vw;
  right: 0;
  width: 17%;
  max-width: 255px;
}
@media (min-width: 1500px) {
  .lpBusiness__accent03 {
    top: 480px;
  }
}
.lpBusiness__accent04 {
  top: -105px;
  left: 0;
  margin: 0 0 0 calc((100% - 100vw) / 2);
  width: 14.6296296296%;
  max-width: 158px;
}
.lpBusiness__accent05 {
  top: -190px;
  right: 0;
  margin: 0 calc((100% - 100vw) / 2) 0;
  width: 17.6851851852%;
  max-width: 191px;
}
.lpBusiness__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .lpBusiness__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    max-width: 540px;
  }
}
.lpBusiness__item:not(:last-child) {
  margin: 0 auto 70px;
}
@media (min-width: 1200px) {
  .lpBusiness__item:not(:last-child) {
    margin: 0 0 150px;
  }
}
.lpBusiness__itemImg {
  margin: 0 0 13.8888888889%;
  padding: 0 4.6296296296% 6.0185185185%;
}
@media (min-width: 992px) {
  .lpBusiness__itemImg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin: 0 auto 0 0;
  }
}
.lpBusiness__itemImgAccent {
  position: absolute;
  z-index: 1;
}
.lpBusiness__itemImg .siteImg02__wrap {
  position: relative;
  z-index: 0;
}
.lpBusiness__itemImg .siteImg02__accent {
  bottom: -18.0555555556%;
}
.lpBusiness__itemInfo {
  position: relative;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
  z-index: 5;
}
@media (min-width: 992px) {
  .lpBusiness__itemInfo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.lpBusiness__itemTtlJp {
  margin: 0 0 5px;
  font-size: 28px;
  line-height: 1.3125;
}
@media (min-width: 1200px) {
  .lpBusiness__itemTtlJp {
    font-size: 32px;
  }
}
.lpBusiness__itemTtlEn {
  margin: 0 0 30px;
  color: #FFCF6E;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4285714286;
}
@media (min-width: 992px) {
  .lpBusiness__item:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.lpBusiness__item:nth-child(odd) .lpBusiness__itemImg .siteImg02__accent {
  left: -11.3636363636%;
  right: initial;
}
@media (min-width: 992px) {
  .lpBusiness__item:nth-child(odd) .lpBusiness__itemInfo {
    padding: 70px 0 0 5.5555555556%;
  }
}
@media (min-width: 992px) {
  .lpBusiness__item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.lpBusiness__item:nth-child(even) .lpBusiness__itemImg .siteImg02__accent {
  right: -11.3636363636%;
}
@media (min-width: 992px) {
  .lpBusiness__item:nth-child(even) .lpBusiness__itemInfo {
    padding: 70px 5.5555555556% 0 0;
  }
}
.lpBusiness__item:nth-child(1) .lpBusiness__itemImgAccent {
  top: 75%;
  right: -22.7272727273%;
  width: 60%;
  max-width: 264px;
}
@media (min-width: 1200px) {
  .lpBusiness__item:nth-child(1) .lpBusiness__itemImgAccent {
    right: -29.5454545455%;
  }
}
.lpBusiness__item:nth-child(2) .lpBusiness__itemImgAccent {
  top: 77.7777777778%;
  left: -14.7727272727%;
  width: 55.6818181818%;
  max-width: 245px;
}
.lpBusiness__item:nth-child(3) .lpBusiness__itemImgAccent {
  top: 70.8333333333%;
  right: -20.4545454545%;
  width: 56.5909090909%;
  max-width: 249px;
}
.lpBusiness__item:nth-child(4) .lpBusiness__itemImgAccent {
  top: 83.3333333333%;
  left: -14.7727272727%;
  width: 40.9090909091%;
  max-width: 180px;
}

/*******************************************************
 *
 * Office Information Page
 *
 *******************************************************/
.lpAccess__accent01 {
  top: 0;
  left: 0;
  width: 31.6666666667%;
  max-width: 475px;
}
.lpAccess__accent02 {
  top: 12.667vw;
  left: 38.6666666667%;
  width: 20.4%;
  max-width: 306px;
}
@media (min-width: 1500px) {
  .lpAccess__accent02 {
    top: 190px;
  }
}
.lpAccess__accent03 {
  top: 29.333vw;
  right: 0;
  width: 14%;
  max-width: 210px;
}
@media (min-width: 1500px) {
  .lpAccess__accent03 {
    top: 440px;
  }
}
.lpAccess__accent04 {
  top: -10px;
  left: 0;
  width: 13.3333333333%;
  max-width: 200px;
}
.lpAccess__accent05 {
  top: 660px;
  left: 0;
  width: 11.6666666667%;
  max-width: 175px;
}
.lpAccess__accent06 {
  top: 590px;
  right: 0;
  width: 12.2666666667%;
  max-width: 184px;
}
.lpAccess__note {
  margin: 40px auto 0;
  max-width: 880px;
}
.lpAccess__map {
  margin: 70px 0 0;
  padding: 0 0 300px;
  width: 100%;
  background: rgba(0, 0, 0, 0.16);
  z-index: 0;
}
@media (min-width: 576px) {
  .lpAccess__map {
    padding: 0 0 62.962962963%;
  }
}
.lpAccess__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*******************************************************
 *
 * CEVOL Career Page
 *
 *******************************************************/
.lpRecruit__accent01 {
  top: 0;
  left: 0;
  width: 30.6666666667%;
  max-width: 460px;
}
.lpRecruit__accent02 {
  top: 30.333vw;
  left: 0;
  width: 23.3333333333%;
  max-width: 350px;
}
@media (min-width: 1500px) {
  .lpRecruit__accent02 {
    top: 455px;
  }
}
.lpRecruit__accent03 {
  top: 25.333vw;
  right: 0;
  width: 26.4666666667%;
  max-width: 397px;
}
@media (min-width: 1500px) {
  .lpRecruit__accent03 {
    top: 380px;
  }
}
.lpRecruit__accent04 {
  bottom: -110px;
  left: 0;
  width: 14.8666666667%;
  max-width: 223px;
}
.lpRecruit__accent05 {
  top: -135px;
  right: 0;
  width: 23.6%;
  max-width: 354px;
}

/*==============================
 Company
===============================*/
.lpRCompany__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .lpRCompany__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.lpRCompany__img {
  margin: 0 0 30px;
  border-radius: 10px;
  max-width: 480px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .lpRCompany__img {
    margin: 0 0 0 9.2592592593%;
    width: 44.4444444444%;
  }
}
@media only screen and (max-width: 991px) {
  .lpRCompany__info {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .lpRCompany__info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 25px 0 0;
  }
}
.lpRCompany__btn {
  margin: 30px 0 0;
}
@media (min-width: 992px) {
  .lpRCompany__btn {
    margin: 50px 0 0;
  }
}

/*==============================
 Logo
===============================*/
.lpRLogo__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: -15px -30px;
}
@media (min-width: 992px) {
  .lpRLogo__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
.lpRLogo__item {
  margin: 15px 30px;
  border: 2px solid #EFEFEF;
  padding: 15px;
  width: 100%;
  max-width: 350px;
  height: 80px;
}
@media (min-width: 576px) {
  .lpRLogo__item {
    height: 100px;
  }
}

/*******************************************************
 *
 * News Page Archive
 *
 *******************************************************/
.apNews__accent01 {
  top: 0;
  left: 0;
  width: 31.6666666667%;
  max-width: 475px;
}
.apNews__accent02 {
  top: 23.667vw;
  left: 0;
  width: 17.3333333333%;
  max-width: 260px;
}
@media (min-width: 1500px) {
  .apNews__accent02 {
    top: 355px;
  }
}
.apNews__accent03 {
  top: 32vw;
  right: 0;
  width: 11.3333333333%;
  max-width: 170px;
}
@media (min-width: 1500px) {
  .apNews__accent03 {
    top: 480px;
  }
}
.apNews__accent04 {
  top: 1360px;
  left: 0;
  width: 10.7333333333%;
  max-width: 161px;
}
.apNews__accent05 {
  top: 1684px;
  right: 0;
  width: 8.6666666667%;
  max-width: 130px;
}
.apNews__item {
  border-bottom: 1px solid #E1E1E1;
  padding: 0 0 40px;
}
@media (min-width: 576px) {
  .apNews__item {
    padding: 0 40px 40px;
  }
}
.apNews__item:first-child {
  border-top: 1px solid #E1E1E1;
  padding-top: 40px;
}
.apNews__item:not(:last-child) {
  margin: 0 0 40px;
}
.apNews__itemLink {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 768px) {
  .apNews__itemLink {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.apNews__itemImg {
  margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
  .apNews__itemImg {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .apNews__itemImg {
    margin: 0 40px 0 0;
  }
}
.apNews__itemInfo {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
@media (min-width: 768px) {
  .apNews__itemInfo {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.apNews__itemCat {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .apNews__itemCat {
    margin: 0 15px 15px 0;
  }
}
.apNews__itemCatList {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
}
.apNews__itemCatItem {
  margin: 5px;
  border: 1px solid #F7932F;
  border-radius: 35px;
  padding: 9px 15px;
  color: #F7932F;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.apNews__itemDate {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 0;
}
.apNews__itemTtl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
}
@media (min-width: 992px) {
  .apNews__itemTtl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 120px);
            flex: 0 0 calc(100% - 120px);
    margin: 0 80px 0 0;
  }
}
.apNews__itemArrow {
  margin: 15px 0 0;
  border: 2px solid #F7932F;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  color: #F7932F;
  font-size: 20px;
  justify-self: flex-end;
}
@media (min-width: 768px) {
  .apNews__itemArrow {
    margin: 0;
  }
}

/*******************************************************
 *
 * News Single
 *
 *******************************************************/
.spNews {
  margin: 100px 0 0;
}
@media (min-width: 992px) {
  .spNews {
    margin: 200px 0 0;
  }
}
.spNews__accent01 {
  top: 23.333vw;
  left: 0;
  width: 10.1333333333%;
  max-width: 152px;
}
@media (min-width: 1500px) {
  .spNews__accent01 {
    top: 100px;
  }
}
.spNews__accent02 {
  top: 34vw;
  right: 0;
  width: 10.6%;
  max-width: 159px;
}
@media (min-width: 1500px) {
  .spNews__accent02 {
    top: 370px;
  }
}
.spNews__ttl {
  margin: 0 0 30px;
  border-bottom: 1px solid #C4C4C4;
  padding: 0 0 20px;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.025em;
}
.spNews__info {
  margin: 0 0 40px;
}
@media (min-width: 992px) {
  .spNews__info {
    margin: 0 0 60px;
  }
}
.spNews__cat {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 768px) {
  .spNews__cat {
    margin: 0 15px 0 0;
  }
}
.spNews__catList {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
}
.spNews__catItem {
  margin: 5px;
  border: 1px solid #F7932F;
  border-radius: 35px;
  padding: 9px 15px;
  color: #F7932F;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.spNews__date {
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 0.025em;
}
.spNews__img {
  margin: 0 0 30px;
}
@media (min-width: 992px) {
  .spNews__img {
    margin: 0 0 50px;
  }
}
.spNews__txt p {
  font-weight: 300;
}

/*******************************************************
 *
 * Contact Page
 *
 *******************************************************/
.page-id-41 #contentFull {
  margin: 50px 0 0;
}

.lpContact {
  padding: 0 0 50px;
}
@media (min-width: 992px) {
  .lpContact {
    padding: 0 0 120px;
  }
}
.lpContact__sec {
  border-radius: 50px;
  padding: 100px 0;
  background: #F7F7F7;
  z-index: 0;
}
.lpContact__accent01 {
  bottom: 0;
  right: 0;
  width: 8%;
  max-width: 120px;
}

/*==============================
 Form
===============================*/
.formContact .error {
  margin: 10px 0 0;
  line-height: 1;
}
.formContact__item:not(:last-child) {
  margin: 0 0 40px;
}
.formContact__itemLabel {
  width: 100%;
  display: inline-block;
  margin: 0 0 10px;
  font-weight: 500;
  line-height: 1.25;
}
.formContact__itemLabel .text {
  margin: 0 20px 0 0;
}
.formContact__itemLabel .required {
  color: #DB5A5A;
}
.formContact__itemInput {
  display: block;
  border: none;
  border-radius: 10px;
  padding: 22px 25px;
  width: 100%;
  background: #fff;
  font: inherit;
  line-height: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}
.formContact__itemTextarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 80px;
}
.formContact__itemRadios {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .formContact__itemRadios {
    max-width: 50%;
  }
}
.formContact__itemRadios .mwform-radio-field {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  margin: 0 !important;
}
.formContact__itemRadios .mwform-radio-field label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  letter-spacing: 0.025em;
}
.formContact__itemRadios .mwform-radio-field input {
  margin: 0 15px 0 0;
  outline: none;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.formContact__itemCheckbox {
  margin: 0 15px 0 0 !important;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.formContact__footer {
  margin: 60px 0 0;
}
.formContact__confirm {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formContact__confirm .mwform-checkbox-field-text {
  display: none;
}
.formContact__confirm a {
  text-decoration: underline;
}
.formContact__confirm .error {
  position: absolute;
  top: 100%;
}
.formContact__submit {
  margin: 30px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formContact__submitBtn {
  border: none;
  cursor: pointer;
}

/*==============================
 Form confirm page
===============================*/
.mw_wp_form_confirm .required,
.mw_wp_form_confirm .formContact__confirm {
  display: none;
}
.mw_wp_form_confirm .formContact__submitBtn {
  margin: 0 10px;
}

/*******************************************************
 *
 * Recruitment Page
 *
 *******************************************************/
.lpRecruitment__accent01 {
  top: 0;
  left: 0;
  width: 31.6666666667%;
  max-width: 475px;
}
.lpRecruitment__accent02 {
  top: 16.667vw;
  left: 34.6666666667%;
  width: 17.6666666667%;
  max-width: 265px;
}
@media (min-width: 1500px) {
  .lpRecruitment__accent02 {
    top: 250px;
  }
}
.lpRecruitment__accent03 {
  top: -10.467vw;
  right: 0;
  width: 17.3333333333%;
  max-width: 260px;
}
@media (min-width: 1500px) {
  .lpRecruitment__accent03 {
    top: -157px;
  }
}
.lpRecruitment__accent04 {
  bottom: -4.4vw;
  left: 0;
  width: 16.2666666667%;
  max-width: 244px;
}
@media (min-width: 1500px) {
  .lpRecruitment__accent04 {
    bottom: -66px;
  }
}
.lpRecruitment__accent05 {
  top: 537px;
  right: 0;
  width: 15.8666666667%;
  max-width: 238px;
}
.lpRecruitment__accent06 {
  top: 1130px;
  left: 0;
  width: 11%;
  max-width: 165px;
}
.lpRecruitment__accent07 {
  top: 1845px;
  right: 0;
  width: 11%;
  max-width: 165px;
}
.lpRecruitment__accent08 {
  bottom: -185px;
  left: 0;
  width: 12.2%;
  max-width: 183px;
}
.lpRecruitment__accent09 {
  top: -150px;
  right: 0;
  width: 11%;
  max-width: 165px;
}
.lpRecruitment__sec01 {
  padding: 40px 0;
  background: #F7F7F7;
  z-index: 0;
}
@media (min-width: 768px) {
  .lpRecruitment__sec01 {
    padding: 80px 0;
  }
}
.lpRecruitment__jobTtl .siteTtl01__ttlEn {
  font-size: 22px;
}
@media (min-width: 768px) {
  .lpRecruitment__jobTtl .siteTtl01__ttlEn {
    font-size: 28px;
  }
}
.lpRecruitment__jobDesc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .lpRecruitment__jobDesc {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.lpRecruitment__jobDescTtl {
  margin: 0 0 40px;
  border: 1px solid #C4C4C4;
  border-width: 0 0 1px;
  padding: 0 0 30px;
  font-size: 16px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .lpRecruitment__jobDescTtl {
    border-width: 0 1px 0 0;
    margin: 0 40px 0 0;
    padding: 0 40px 0 0;
    font-size: 20px;
  }
}
.lpRecruitment__jobDescTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 2;
}

.recruitment__nav {
  margin: 0 0 60px;
}
@media (min-width: 992px) {
  .recruitment__nav {
    margin: 0 0 120px;
  }
}
.recruitment__navList {
  margin: -20px;
}
.recruitment__navItem {
  padding: 20px;
  width: 100%;
  max-width: 365px;
}
.recruitment__navLink {
  border: 1px solid #C4C4C4;
  border-radius: 80px;
  padding: 28px 30px;
  width: 100%;
  max-width: 325px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}
.recruitment__navLink.is-active {
  border-color: #F6B839;
  background: #F6B839;
  color: #fff;
}
.recruitment__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .recruitment__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 768px) {
  .recruitment__contentItem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0 -100% 0 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .recruitment__contentItem:not(:last-child) {
    margin: 0 0 120px;
  }
}
.recruitment__contentItem.is-active {
  height: 100%;
  opacity: 1;
  z-index: 3;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.recruitment__contentInfo .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -4px;
}
@media (min-width: 768px) {
  .recruitment__contentInfo .tags {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.recruitment__contentInfo .tags li {
  margin: 4px;
  border-radius: 36px;
  padding: 0 15px;
  background: #F7932F;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
.recruitment__contentInfo * ~ p {
  margin: 1.2em 0 0;
}
.recruitment__contentLink {
  margin: 40px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .recruitment__contentLink {
    margin: 80px 0 0;
  }
}
.recruitmentFAQ {
  margin: 60px 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .recruitmentFAQ {
    margin: 130px 0 0;
  }
}
.recruitmentFAQ__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 10px;
  padding: 20px;
  background: #F7F7F7;
  cursor: pointer;
}
@media (min-width: 768px) {
  .recruitmentFAQ__item {
    padding: 20px 30px;
  }
}
.recruitmentFAQ__item:not(:last-child) {
  margin: 0 0 15px;
}
.recruitmentFAQ__itemIcon {
  margin: 0 60px 0 0;
  color: #F7932F;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.3636363636;
}
.recruitmentFAQ__itemWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 2;
}
.recruitmentFAQ__itemQuestion {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
  font-weight: 700;
}
.recruitmentFAQ__itemAnswer {
  display: none;
  cursor: auto;
}
.recruitmentFAQ__itemAnswerWrap {
  padding: 20px 0 0;
}
.recruitmentFAQ__itemFold {
  margin: 28px 0 28px 20px;
  width: 24px;
  height: 4px;
  background: #F7932F;
}
.recruitmentFAQ__itemFold::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
.recruitmentFAQ__item.is-active .recruitmentFAQ__itemFold::after {
  opacity: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.5s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

/*******************************************************
 *
 * About Company Page
 *
 *******************************************************/
.lpAbout__accent01 {
  top: 18vw;
  left: 0;
  width: 25.6666666667%;
  max-width: 385px;
}
@media (min-width: 1500px) {
  .lpAbout__accent01 {
    top: 270px;
  }
}
.lpAbout__accent02 {
  top: 0;
  left: 30.6666666667%;
  width: 22%;
  max-width: 330px;
}
.lpAbout__accent03 {
  top: 30.667vw;
  right: 0;
  width: 17%;
  max-width: 255px;
}
@media (min-width: 1500px) {
  .lpAbout__accent03 {
    top: 460px;
  }
}
.lpAbout__accent04 {
  top: -235px;
  left: 0;
  width: 12.6666666667%;
  max-width: 190px;
}
.lpAbout__accent05 {
  top: -255px;
  right: 0;
  margin: 0 calc((100% - 100vw) / 2) 0 0;
  width: 23.3333333333%;
  max-width: 252px;
}
.lpAbout__accent06 {
  top: -235px;
  left: 0;
  width: 9.3333333333%;
  max-width: 140px;
}
.lpAbout__accent07 {
  top: -80px;
  right: 0;
  width: 9.3333333333%;
  max-width: 140px;
}

/*==============================
 Message
===============================*/
.lpAMessage__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 992px) {
  .lpAMessage__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.lpAMessage__img {
  max-width: 490px;
}
@media only screen and (max-width: 991px) {
  .lpAMessage__img {
    margin: 0 0 15px;
  }
}
@media (min-width: 992px) {
  .lpAMessage__img {
    width: 45.3703703704%;
  }
}
.lpAMessage__img img {
  left: -51.0204081633%;
  right: 0;
  width: initial;
  max-width: initial;
  -o-object-position: right;
     object-position: right;
}
@media (min-width: 992px) {
  .lpAMessage__img img {
    left: -54.0816326531%;
  }
}
@media (min-width: 992px) {
  .lpAMessage__info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 140px 8.7962962963% 0;
  }
}
@media (min-width: 1200px) {
  .lpAMessage__info {
    padding: 140px 95px 0;
  }
}
.lpAMessage__infoTxt {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.75;
}
@media (min-width: 576px) {
  .lpAMessage__infoTxt {
    font-size: 24px;
  }
}
.lpAMessage__infoName {
  margin: 30px 0 0 auto;
  max-width: 100px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 576px) {
  .lpAMessage__infoName {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .lpAMessage__infoName {
    margin: 50px 0 0 auto;
  }
}
.lpAMessage__infoName small {
  font-size: 12px;
  font-weight: 400;
}
.lpAMessage__txt {
  margin: 25px auto 0;
}
@media only screen and (max-width: 991px) {
  .lpAMessage__txt {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .lpAMessage__txt {
    padding: 0 8.7962962963% 0 9.2592592593%;
  }
}
@media (min-width: 1200px) {
  .lpAMessage__txt {
    padding: 0 95px 0 100px;
  }
}

/*==============================
 Phhilosophy
===============================*/
@media only screen and (max-width: 991px) {
  .lpAPhilosophy__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.lpAPhilosophy__item:not(:last-child) {
  margin: 0 0 60px;
}
@media (min-width: 992px) {
  .lpAPhilosophy__item:not(:last-child) {
    margin: 0 0 100px;
  }
}
@media (min-width: 1200px) {
  .lpAPhilosophy__item:not(:last-child) {
    margin: 0 0 150px;
  }
}
@media (min-width: 992px) {
  .lpAPhilosophy__item:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.lpAPhilosophy__img {
  padding: 0 0 220px;
  max-width: 500px;
}
@media only screen and (max-width: 550px) {
  .lpAPhilosophy__img {
    padding: 0 0 40%;
  }
}
@media (min-width: 992px) {
  .lpAPhilosophy__img {
    padding: 0 0 20.3703703704%;
    width: 46.2962962963%;
  }
}
.lpAPhilosophy__img .siteImg02__accent {
  bottom: -23.75%;
}
.lpAPhilosophy__item:nth-child(odd) .lpAPhilosophy__img .siteImg02__accent {
  right: -16.25%;
}
.lpAPhilosophy__item:nth-child(even) .lpAPhilosophy__img .siteImg02__accent {
  left: -16.25%;
}
.lpAPhilosophy__imgAccent {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}
.lpAPhilosophy__item--mission .lpAPhilosophy__imgAccent {
  top: calc(100% - 20px);
  width: 41%;
  max-width: 205px;
}
@media (min-width: 992px) {
  .lpAPhilosophy__item--mission .lpAPhilosophy__imgAccent {
    width: 41%;
  }
}
.lpAPhilosophy__item--vision .lpAPhilosophy__imgAccent {
  top: 100%;
  width: 24.8%;
  max-width: 124px;
}
@media (min-width: 992px) {
  .lpAPhilosophy__item--vision .lpAPhilosophy__imgAccent {
    width: 24.8%;
  }
}
.lpAPhilosophy__item--value .lpAPhilosophy__imgAccent {
  top: calc(100% - 30px);
  width: 48.2%;
  max-width: 241px;
}
@media (min-width: 992px) {
  .lpAPhilosophy__item--value .lpAPhilosophy__imgAccent {
    width: 48.2%;
  }
}
@media only screen and (max-width: 991px) {
  .lpAPhilosophy__info {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .lpAPhilosophy__info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .lpAPhilosophy__item:nth-child(odd) .lpAPhilosophy__info {
    padding: 0 9.2592592593% 0 0;
  }
  .lpAPhilosophy__item:nth-child(even) .lpAPhilosophy__info {
    padding: 0 0 0 9.2592592593%;
  }
}
.lpAPhilosophy__infoTtl {
  margin: 0 0 20px;
  color: #F7932F;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2083333333;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
  .lpAPhilosophy__infoTtl {
    text-align: center;
  }
}
.lpAPhilosophy__infoSub {
  margin: 0 0 20px;
  font-size: 20;
  font-weight: 700;
  line-height: 1.8;
}
@media only screen and (max-width: 991px) {
  .lpAPhilosophy__infoSub {
    text-align: center;
  }
}

/*******************************************************
 *
 * About Members Page
 *
 *******************************************************/
.lpMember__accent01 {
  top: 0;
  left: 0;
  width: 31.6666666667%;
  max-width: 475px;
}
.lpMember__accent02 {
  top: 30.333vw;
  left: 0;
  width: 24.4666666667%;
  max-width: 367px;
}
@media (min-width: 1500px) {
  .lpMember__accent02 {
    top: 455px;
  }
}
.lpMember__accent03 {
  top: 28.333vw;
  left: 57.3333333333%;
  width: 9.4666666667%;
  max-width: 142px;
}
@media (min-width: 1500px) {
  .lpMember__accent03 {
    top: 425px;
  }
}
.lpMember__accent04 {
  top: 29.667vw;
  right: 0;
  width: 25.2666666667%;
  max-width: 379px;
}
@media (min-width: 1500px) {
  .lpMember__accent04 {
    top: 445px;
  }
}
.lpMember__accent05 {
  top: -280px;
  left: 0;
  margin: 0 0 0 calc((100% - 100vw) / 2);
  width: 34.6296296296%;
  max-width: 374px;
}
.lpMember__accent06 {
  top: -225px;
  right: 0;
  margin: 0 calc((100% - 100vw) / 2) 0 0;
  width: 37.2222222222%;
  max-width: 402px;
}
.lpMember__accent07 {
  bottom: -130px;
  left: 0;
  margin: 0 0 0 calc((100% - 100vw) / 2);
  width: 21.8518518519%;
  max-width: 236px;
}
.lpMember__accent08 {
  top: -50px;
  right: 0;
  width: 11.9333333333%;
  max-width: 179px;
}
@media (min-width: 992px) {
  .lpMember__info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.lpMember__item:not(:last-child) {
  margin: 0 0 60px;
}
@media (min-width: 992px) {
  .lpMember__item:not(:last-child) {
    margin: 0 0 12.962962963%;
  }
}
.lpMember__itemWrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 991px) {
  .lpMember__itemWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 992px) {
  .lpMember__item:nth-child(even) .lpMember__itemWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.lpMember__img {
  max-width: 440px;
}
@media (min-width: 992px) {
  .lpMember__img {
    width: 40.7407407407%;
  }
}
.lpMember__img .siteImg02__wrap {
  padding: 25px 0;
}
.lpMember__img .siteImg02__accent {
  bottom: -22.8571428571%;
  height: calc(100% - 50px);
  -webkit-transform: translateY(-25px) skewY(-6.8deg);
          transform: translateY(-25px) skewY(-6.8deg);
}
.lpMember__img .siteImg02--flip .siteImg02__accent {
  -webkit-transform: translateY(-25px) skewY(6.8deg);
          transform: translateY(-25px) skewY(6.8deg);
}
.lpMember__img .siteImg02__skewRev img {
  top: -25px;
  height: calc(100% + 50px);
}
.lpMember__item .lpMember__img {
  margin: 0 0 75px;
}
@media only screen and (max-width: 490px) {
  .lpMember__item .lpMember__img {
    margin: 0 0 15.306122449%;
  }
}
@media (min-width: 992px) {
  .lpMember__item:nth-child(odd) .lpMember__img {
    margin: 0 0 7.4074074074% 9.2592592593%;
  }
}
.lpMember__item:nth-child(odd) .lpMember__img .siteImg02__accent {
  left: -22.7272727273%;
}
@media (min-width: 992px) {
  .lpMember__item:nth-child(even) .lpMember__img {
    margin: 0 9.2592592593% 7.4074074074% 0;
  }
}
.lpMember__item:nth-child(even) .lpMember__img .siteImg02__accent {
  right: -22.7272727273%;
}
.lpMember__info {
  text-align: center;
}
@media (min-width: 992px) {
  .lpMember__info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .lpMember__item:nth-child(odd) .lpMember__info {
    padding: 11.1111111111% 7.4074074074% 0 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .lpMember__item:nth-child(even) .lpMember__info {
    padding: 11.1111111111% 0 0 9.2592592593%;
  }
}
.lpMember__infoTxt {
  font-size: 22px;
  line-height: 1.8181818182;
}
@media (min-width: 992px) {
  .lpMember__infoTxt {
    min-height: 170px;
  }
}
.lpMember__infoTxt span {
  position: relative;
}
.lpMember__infoTxt span::before, .lpMember__infoTxt span::after {
  display: inline-block;
  height: 30px;
  color: #F7932F;
  font-size: 48px;
  line-height: 1;
  vertical-align: middle;
}
.lpMember__infoTxt span::before {
  content: "“";
  margin: 0 5px 0 0;
}
@media (min-width: 992px) {
  .lpMember__infoTxt span::before {
    position: absolute;
    top: -10px;
    left: -20px;
  }
}
.lpMember__infoTxt span::after {
  content: "”";
  margin: 0 0 0 5px;
}
.lpMember__infoName {
  margin: 30px 0 0;
  font-size: 20px;
  line-height: 1;
}
@media (min-width: 992px) {
  .lpMember__infoName {
    margin: 40px 0 0;
  }
}
.lpMember__infoName small {
  font-size: 16px;
}
.lpMember__infoJob {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1;
}
.lpMember__txt {
  margin: 40px 0 0;
}
@media (min-width: 992px) {
  .lpMember__txt {
    padding: 0 9.2592592593%;
  }
}

/*******************************************************
 *
 * About Work Page
 *
 *******************************************************/
@media (min-width: 992px) {
  .lpWork__ttl {
    margin: 0 0 50px;
  }
}
.lpWork__accent01 {
  top: 5.667vw;
  left: 0;
  width: 20.4%;
  max-width: 306px;
}
@media (min-width: 1500px) {
  .lpWork__accent01 {
    top: 85px;
  }
}
.lpWork__accent02 {
  top: 0;
  left: 41.6666666667%;
  width: 22%;
  max-width: 330px;
}
.lpWork__accent03 {
  top: -50px;
  right: 0;
  width: 20.0666666667%;
  max-width: 301px;
}
.lpWork__accent04 {
  top: -70px;
  right: 0;
  width: 17.4666666667%;
  max-width: 262px;
}
.lpWork__accent05 {
  top: -330px;
  left: 0;
  width: 19.6%;
  max-width: 294px;
}
.lpWork__accent06 {
  top: -120px;
  right: 0;
  width: 16.4666666667%;
  max-width: 247px;
}
.lpWork__accent07 {
  top: -270px;
  left: 0;
  width: 11%;
  max-width: 165px;
}

/*==============================
 Description
===============================*/
.lpWDescription__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lpWDescription__img {
  margin: 20px 0 0;
}

/*==============================
 Flow
===============================*/
.lpWFlow {
  border-radius: 50px;
  padding: 50px 0;
  background: #F7F7F7;
}
@media (min-width: 992px) {
  .lpWFlow {
    border-radius: 100px;
    padding: 90px 0;
  }
}
.lpWFlow__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -20px -10px;
}
@media (min-width: 992px) {
  .lpWFlow__list {
    margin: -10px;
  }
}
.lpWFlow__item {
  padding: 45px 10px 20px;
  max-width: 275px;
}
@media (min-width: 992px) {
  .lpWFlow__item {
    padding: 35px 10px 10px;
    width: 25%;
  }
}
.lpWFlow__itemWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  padding: 0 30px 40px;
  height: 100%;
  background: #fff;
}
@media (min-width: 992px) {
  .lpWFlow__itemWrap {
    padding: 0 15px 40px;
  }
}
@media (min-width: 1200px) {
  .lpWFlow__itemWrap {
    padding: 0 35px 40px;
  }
}
.lpWFlow__item:not(:last-child) .lpWFlow__itemWrap::before {
  content: "\f105";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  border: 2px solid #F7932F;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  color: #F7932F;
  font: 900 26px "Font Awesome 6 Free";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate(-50%, 50%) rotate(90deg);
          transform: translate(-50%, 50%) rotate(90deg);
  z-index: 5;
}
@media (min-width: 576px) {
  .lpWFlow__item:not(:last-child) .lpWFlow__itemWrap::before {
    top: 50%;
    left: initial;
    bottom: initial;
    right: -10px;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
}
@media (min-width: 992px) {
  .lpWFlow__item:not(:last-child) .lpWFlow__itemWrap::before {
    width: 32px;
    height: 32px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .lpWFlow__item:not(:last-child) .lpWFlow__itemWrap::before {
    width: 48px;
    height: 48px;
    font-size: 26px;
  }
}
.lpWFlow__itemTtl {
  margin: -25px 0 20px;
  border-radius: 50px;
  padding: 10px 15px;
  width: 100%;
  background: #F7932F;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
  text-align: center;
}
.lpWFlow__itemSub {
  margin: 0 0 20px;
  min-height: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
  text-align: center;
}
.lpWFlow__itemTxt {
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0;
}

/*==============================
 Model
===============================*/
@media (min-width: 992px) {
  .lpWModel {
    margin: 0 0 230px;
  }
}
.lpWModel__wrap {
  margin: 0 auto 0 0;
  width: 100%;
  max-width: 820px;
}
.lpWModel__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .lpWModel__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.lpWModel__item:not(:last-child) {
  margin: 0 0 40px;
}
.lpWModel__itemYear {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0 30px;
  border-radius: 100%;
  width: 145px;
  height: 145px;
  background: #F7932F;
  color: #fff;
  font: 700 24px dnp-shuei-gothic-gin-std, sans-serif;
  line-height: 1;
}
@media (min-width: 768px) {
  .lpWModel__itemYear {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: 0 50px 0 0;
  }
}
.lpWModel__item:not(:last-child) .lpWModel__itemYear::before {
  position: absolute;
  left: 50%;
  bottom: -18px;
  color: #F7932F;
  font: 900 20px "Font Awesome 6 Free";
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 5;
}
@media (min-width: 992px) {
  .lpWModel__item:not(:last-child) .lpWModel__itemYear::before {
    content: "\f078";
  }
}
.lpWModel__itemTxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .lpWModel__itemTxt {
    text-align: left;
  }
}
.lpWModel__img {
  position: absolute;
  bottom: -25px;
  right: -24.306vw;
  width: 36.111vw;
  max-width: 520px;
  z-index: -1;
}
.lpWModel__img .siteImg02__accent {
  bottom: -24.0963855422%;
  right: -13.4615384615%;
}

/*==============================
 Skill
===============================*/
.lpWSkill__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -20px;
}
.lpWSkill__item {
  padding: 45px 20px 20px;
}
@media (min-width: 992px) {
  .lpWSkill__item {
    width: 50%;
  }
}
.lpWSkill__itemWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  padding: 0 30px 40px;
  height: 100%;
  background: rgba(255, 207, 110, 0.2);
}
@media (min-width: 992px) {
  .lpWSkill__itemWrap {
    padding: 0 15px 40px;
  }
}
@media (min-width: 1200px) {
  .lpWSkill__itemWrap {
    padding: 0 35px 40px;
  }
}
.lpWSkill__itemTtl {
  margin: -25px auto 20px;
  border-radius: 50px;
  padding: 10px 15px;
  width: 100%;
  max-width: 280px;
  background: #F7932F;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
  text-align: center;
}

/*******************************************************
 *
 * CEVOL in Numbers Page
 *
 *******************************************************/
.lpData__accent01 {
  top: 0;
  left: 0;
  width: 31.6666666667%;
}
.lpData__accent02 {
  top: 27.778vw;
  left: 15.3333333333%;
  width: 10%;
  max-width: 150px;
}
@media (min-width: 1440px) {
  .lpData__accent02 {
    top: 400px;
  }
}
.lpData__accent03 {
  top: 24.306vw;
  right: 2%;
  width: 13.4666666667%;
  max-width: 202px;
}
@media (min-width: 1440px) {
  .lpData__accent03 {
    top: 350px;
  }
}
.lpData__accent04 {
  top: -11.597vw;
  left: 0;
  width: 10.6666666667%;
  max-width: 160px;
}
@media (min-width: 1440px) {
  .lpData__accent04 {
    top: -167px;
  }
}
.lpData__accent05 {
  top: 17.0045045045%;
  right: 0;
  width: 13.4666666667%;
  max-width: 145px;
}
.lpData__accent06 {
  top: 35.472972973%;
  left: 0;
  width: 9.8%;
  max-width: 147px;
}
.lpData__accent07 {
  top: 61.1486486486%;
  right: 0;
  width: 10.6666666667%;
  max-width: 160px;
}
.lpData__accent08 {
  top: 79.6171171171%;
  left: 0;
  width: 7.6666666667%;
  max-width: 115px;
}
.lpData__accent09 {
  top: -105px;
  left: 0;
  width: 14%;
  max-width: 210px;
}
.lpData__accent10 {
  bottom: 0;
  right: 0;
  width: 10.3333333333%;
  max-width: 155px;
}
.lpData__sec {
  border-radius: 50px;
  padding: 50px 0;
  background: #F7F7F7;
  z-index: 0;
}
@media (min-width: 992px) {
  .lpData__sec {
    border-radius: 100px;
    padding: 80px 0;
  }
}
.lpData__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lpData__item {
  padding: 45px 20px 20px;
}
@media (min-width: 992px) {
  .lpData__item {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
@media (min-width: 1280px) {
  .lpData__item:nth-child(1), .lpData__item:nth-child(2), .lpData__item:nth-child(3), .lpData__item:nth-child(4), .lpData__item:nth-child(6), .lpData__item:nth-child(7) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .lpData__item:nth-child(14) {
    max-width: 38.8888888889%;
  }
  .lpData__item:nth-child(15) {
    max-width: 60%;
  }
}
.lpData__itemWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  padding: 0 15px 20px;
  height: 100%;
  background: #fff;
}
@media (min-width: 992px) {
  .lpData__itemWrap {
    padding: 0 30px 50px;
  }
}
.lpData__itemTtl {
  margin: -25px auto 0;
  border-radius: 50px;
  padding: 10px 15px;
  width: 100%;
  max-width: 280px;
  background: #F2B230;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
  text-align: center;
}
.lpData__itemCaption {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.2857142857;
  text-align: center;
}
@media (min-width: 992px) {
  .lpData__itemCaption {
    text-align: right;
  }
}
.lpData__itemImg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 50px 0 0;
}
.lpData__itemImgWrap:not(:only-child) {
  margin: 0 10px;
}

/*******************************************************
 *
 * Sitemap Page
 *
 *******************************************************/
.lpSitemap__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: -25px 0;
}
@media (min-width: 768px) {
  .lpSitemap__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: -35px -60px;
  }
}
.lpSitemap__item {
  padding: 25px 0;
  width: 100%;
  max-width: 400px;
}
@media (min-width: 768px) {
  .lpSitemap__item {
    padding: 35px 60px;
    max-width: 520px;
  }
}
.lpSitemap__itemLink {
  border-bottom: 1px solid #C1C1C1;
  padding: 0 0 15px;
}
.lpSitemap__itemTtlJp {
  margin: 0 0 5px;
  font-size: 22px;
  line-height: 1;
}
.lpSitemap__itemTtlEn {
  color: #F6B839;
  font-size: 14px;
  line-height: 1;
}
.lpSitemap__itemArrow {
  margin: 0 0 0 15px;
  border: 2px solid #F7932F;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  color: #F7932F;
  font-size: 20px;
}
.lpSitemap__accent01 {
  bottom: 130px;
  right: 0;
  width: 7.6666666667%;
  max-width: 115px;
}

/*******************************************************
 *
 * Privacy Policy Page
 *
 *******************************************************/
.lpPrivacy {
  margin: 0 0 90px;
  border-radius: 80px/20px;
  padding: 90px 0 80px !important;
  background: #F7F7F7;
}
.lpPrivacy__wrap {
  margin: 0 auto;
  max-width: 840px;
  z-index: 1;
}
.lpPrivacy__list {
  counter-reset: privacyList;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lpPrivacy__item {
  counter-increment: privacyList;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8666666667;
}
.lpPrivacy__item::before {
  content: counter(privacyList, decimal-leading-zero) ".";
  margin: 0 5px 0 0;
  color: #F7932F;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
.lpPrivacy__item:not(:last-child) {
  margin: 0 0 25px;
}
.lpPrivacy__footer {
  margin: 55px 0 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  text-align: right;
}
.lpPrivacy__footer p ~ p {
  margin: 20px 0 0;
}
.lpPrivacy__accent01 {
  bottom: 45px;
  right: 0;
  width: percental(115, 1500);
  max-width: 115px;
  z-index: 0;
}

/*******************************************************
 * SAMPLE PAGE *
 *******************************************************/
/* === sample__sec01 === */
.sample__sec01-list {
  margin: -25px -15px;
}
.sample__sec01-item {
  padding: 25px 15px;
  width: 100%;
}

/* === sample__sec02 === */
.sample__sec02-list {
  margin: -30px;
}
.sample__sec02-item {
  padding: 30px;
  width: 100%;
}

/*******************************************************
 * SAMPLE PAGE Media Queries *
 *******************************************************/
@media (min-width: 576px) {
  /* === sample__sec01 === */
  .sample__sec01-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  /* === sample__sec01 === */
  .sample__sec01-item {
    width: 33.33333%;
  }
  /* === sample__sec02 === */
  .sample__sec02-item {
    width: 50%;
  }
}
/*******************************************************
 *
 * 404 Page
 *
 *******************************************************/
.error404 #contentFull {
  margin: 0;
  min-height: 500px;
  padding: 150px 0 0;
}
.error404 h1 {
  margin: 0 0 50px;
}
.error404__inner {
  width: 100%;
  max-width: 500px;
  margin: auto;
}
.error404__inner p:not(:first-of-type) {
  margin: 40px 0 0;
}