@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Sawarabi+Mincho&display=swap");

body {
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #1a1a1a;
}

#g-nav {
  position: fixed;
  z-index: -1;
  opacity: 0;
  top: 0;
  width: 100%;
  min-width: 1346px;
  background: rgba(241, 145, 64, 0.95);
  overflow: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
  /*ナビゲーション*/
}

#g-nav.panelactive {
  display: block;
  opacity: 1;
  z-index: 9999;
}

#g-nav.panelactive #g-nav-list {
  z-index: 99999;
  width: 1346px;
  height: 100vh;
  margin: 0 auto;
}

#g-nav.panelactive #g-nav-list .inner {
  width: 910px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#g-nav.panelactive #g-nav-list .inner div {
  width: 424px;
}

#g-nav.panelactive #g-nav-list .inner div:first-child {
  width: 326px;
}

#g-nav.panelactive ul {
  display: block;
}

#g-nav h3 {
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 50px;
}

#g-nav h3:last-child {
  padding-right: 0;
  padding-left: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

#g-nav h3.out-link {
  width: 424px;
  color: #ed6d00;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 9px;
}

#g-nav h3.out-link::after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 38px;
  height: 38px;
  background: url(/assets/img/nav_new-win.svg) no-repeat;
  background-size: contain;
  top: 75px;
  right: 50px;
}

#g-nav ul {
  display: none;
  z-index: 9999;
}

#g-nav li {
  list-style: none;
  font-size: 30px;
  font-weight: 900;
  padding-bottom: 44px;
}

#g-nav li span {
  display: block;
  font-weight: 400;
  font-size: 0.7em;
  padding-top: 5px;
}

/*========= ボタンのためのCSS ===============*/
.openbtn1 {
  position: relative;
  z-index: 10000;
  /*ボタンを最前面に*/
  margin-left: 19px;
  margin-top: 20px;
  cursor: pointer;
  width: 48px;
  height: 30px;
  background: rgba(0, 0, 0, 0);
  /*×に変化*/
}

.openbtn1 span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #000;
  width: 100%;
}

.openbtn1 span:nth-of-type(1) {
  top: 0;
}

.openbtn1 span:nth-of-type(2) {
  top: 14px;
}

.openbtn1 span:nth-of-type(3) {
  top: 28px;
}

.openbtn1.active {
  width: 48px;
  height: 48px;
  background: black;
  border-radius: 32px;
  margin-top: 8px;
}

.openbtn1.active span {
  background-color: #fff;
}

.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 7px;
  -webkit-transform: translateY(6px) rotate(-45deg);
  -ms-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
  width: 73%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
  top: 30px;
  left: 7px;
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
  width: 73%;
}

.scroll-nav .openbtn1 {
  margin-top: 10px;
}

@media screen and (max-width: 750px) {
  #g-nav {
    min-width: 100%;
    /*アクティブクラスがついたら透過なしにして最前面へ*/
    /*ナビゲーション*/
  }

  #g-nav.panelactive {
    width: 100%;
  }

  #g-nav.panelactive #g-nav-list {
    width: 100%;
    margin: 0;
    padding: 0 8vw 0 8vw;
  }

  #g-nav.panelactive #g-nav-list .inner {
    width: 100%;
    display: block;
    margin-top: 17.3333333333vw;
    padding-left: 0;
  }

  #g-nav.panelactive #g-nav-list .inner div {
    width: 100%;
  }

  #g-nav h3 {
    font-size: 7.4666666667vw;
    margin-bottom: 6.6666666667vw;
    padding-right: 0;
  }

  #g-nav h3:last-child {
    padding-left: 5.3333333333vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
    position: static;
  }

  #g-nav h3.out-link {
    width: 100%;
    font-size: 5.8666666667vw;
    color: #ed6d00;
    background-color: #fff;
    border-radius: 1.3333333333vw;
    margin-top: 8vw;
  }

  #g-nav h3.out-link::after {
    content: " ";
    display: inline-block;
    position: static;
    width: 5.2vw;
    height: 5.2vw;
    background: url(/assets/img/nav_new-win.svg) no-repeat;
    background-size: contain;
    margin-left: 2vw;
  }

  #g-nav ul {
    padding-right: 0;
    margin-bottom: 6.6666666667vw;
  }

  #g-nav li {
    list-style: none;
    font-size: 4.8vw;
    padding-bottom: 1.8666666667vw;
  }

  #g-nav li span {
    padding-bottom: 0;
  }

  /*========= ボタンのためのCSS ===============*/
  .openbtn1 {
    margin-left: 4vw;
    margin-top: 4vw;
    cursor: pointer;
    width: 6.4vw;
    height: 4vw;
    background: rgba(0, 0, 0, 0);
    /*×に変化*/
  }

  .openbtn1 span:nth-of-type(1) {
    top: 0;
  }

  .openbtn1 span:nth-of-type(2) {
    top: 1.8666666667vw;
  }

  .openbtn1 span:nth-of-type(3) {
    top: 3.7333333333vw;
  }

  .openbtn1.active {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    border-radius: 4.2666666667vw;
    margin-top: 4vw;
  }

  .openbtn1.active span {
    background-color: #fff;
  }

  .openbtn1.active span:nth-of-type(1) {
    top: 3.2vw;
    left: 1.3333333333vw;
    -webkit-transform: translateY(0.8vw) rotate(-45deg);
    -ms-transform: translateY(0.8vw) rotate(-45deg);
    transform: translateY(0.8vw) rotate(-45deg);
    width: 73%;
  }

  .openbtn1.active span:nth-of-type(2) {
    opacity: 0;
  }

  .openbtn1.active span:nth-of-type(3) {
    top: 3.2vw;
    left: 1.3333333333vw;
    -webkit-transform: translateY(0.8vw) rotate(45deg);
    -ms-transform: translateY(0.8vw) rotate(45deg);
    transform: translateY(0.8vw) rotate(45deg);
    width: 73%;
  }
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.sp-inline {
  display: none;
}

img {
  width: 100%;
}

.page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
}

@media screen and (min-width: 751px) {
  .page-top {
    width: 65px;
    height: 65px;
  }
}

@media screen and (max-width: 750px) {
  .page-top {
    width: 40px;
    height: 40px;
  }
}

.page-top a {
  display: block;
  padding: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (min-width: 751px) {
  .page-top a {
    width: 65px;
  }
}

@media screen and (max-width: 750px) {
  .page-top a {
    width: 40px;
  }
}

.page-top a:hover {
  opacity: 0.3;
}

header {
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
  min-width: 1346px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 88888;
}

header .inner {
  width: 1346px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .inner h1 {
  width: 43px;
  margin-top: 8px;
  margin-left: 19px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

header .inner .navi-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 606px;
  padding-bottom: 15px;
}

header .inner .navi-link li {
  font-size: 17px;
  font-weight: 900;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 15px;
}

header .inner .navi-link li span {
  background: url(/assets/img/nav-on.svg) 0 0 no-repeat;
  background-size: contain;
  background-position: center;
}

header .inner .navi-link li .nav-span {
  background: url(/assets/img/nav-on.svg) 0 0 no-repeat;
  background-size: contain;
  background-position: center;
}

header .inner .navi-link .bg-ornge {
  padding: 0;
}

header .inner .navi-link .bg-ornge a {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  display: block;
  color: #fff;
  font-size: 20px;
  background-color: #ed6d00;
  border-radius: 0 0 16px 16px;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 15px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

header .inner .navi-link .bg-ornge a:hover {
  background-color: #f19140;
}

@media screen and (min-width: 751px) {
  #top header h1 {
    opacity: 0;
  }

  #top header.scroll-nav h1 {
    opacity: 1;
  }

  header.scroll-nav h1 {
    width: 30px;
    margin-top: 5px;
    margin-left: 15px;
  }

  header.scroll-nav .navi-link {
    padding-left: 730px;
    padding-bottom: 10px;
  }

  header.scroll-nav .navi-link li {
    font-size: 15px;
    font-weight: 900;
    padding-right: 25px;
    padding-top: 18px;
    padding-bottom: 10px;
  }

  header.scroll-nav .navi-link .bg-ornge a {
    font-size: 15px;
    padding-top: 20px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 7px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  header.scroll-nav .navi-link .bg-ornge a:hover {
    background-color: #f19140;
  }
}

.arrow-undrer {
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  -webkit-animation: scrollDown 1s ease infinite;
  animation: scrollDown 1s ease infinite;
}

.arrow-undrer img {
  width: 110px;
  height: auto;
}

.arrow-undrer a {
  display: inline-block;
  height: auto;
  opacity: 1;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.arrow-undrer a:hover {
  opacity: 0.3;
}

.line-orange {
  background-image: url(/assets/img/bg_line-orange.png);
  background-repeat: repeat-x;
  height: 20px;
}

.line-white {
  background-image: url(/assets/img/bg_line-white.png);
  background-repeat: repeat-x;
  height: 20px;
  background-color: #F1E8EA;
}

#topVisual {
  background: -o-linear-gradient(bottom, #e2e8ea 40%, rgba(255, 255, 255, 0) 60%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #e2e8ea), color-stop(60%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #e2e8ea 40%, rgba(255, 255, 255, 0) 60%);
  height: 979px;
  padding-top: 80px;
  min-width: 1346px;
}

#topVisual .inner {
  width: 1346px;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 751px) {
  #topVisual .inner {
    scale: 0.85;
  }
}

#topVisual .inner .egg {
  width: 313px;
  position: absolute;
  top: 178px;
  left: 516.5px;
}

#topVisual .inner .shadow {
  width: 313px;
  position: absolute;
  top: 627px;
  left: 516.5px;
}

#topVisual .inner .pers-img {
  width: 405px;
  position: absolute;
  top: 92px;
  left: 222px;
}

#topVisual .inner .logo-egg-img {
  width: 313px;
  position: absolute;
  top: 178px;
  left: 516.5px;
}

#topVisual .inner .logo-img {
  width: 499px;
  position: absolute;
  top: 325px;
  left: 612px;
}

#topVisual .inner .omoi-img {
  position: absolute;
  top: 532px;
  left: 692px;
}

#topVisual .arrow-undrer {
  position: absolute;
  top: 770px;
}

#stance {
  background-color: #f19140;
  min-width: 1346px;
}

#stance .inner {
  width: 1346px;
  margin: 0 auto;
  padding-top: 95px;
}

#stance .inner h2 {
  width: 400px;
  margin-left: 473px;
  position: relative;
  z-index: 2001;
}

#stance .inner .flex-line {
  width: 376px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -17px;
  margin-left: 479px;
  margin-bottom: 51px;
  z-index: 2000;
}

#stance .inner .flex-line::before {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #000;
  display: block;
}

#stance .inner .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#stance .inner h3 {
  width: 544px;
  margin: 0 auto 73px;
  font-size: 30px;
  font-family: "Sawarabi Mincho";
  text-align: center;
}

#stance .inner h3 span {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 42.5px;
  background: url(/assets/img/stand-bg.svg) 0 2px no-repeat;
  width: 272px;
  height: 81.6px;
  padding-left: 14px;
  padding-top: 5px;
}

#stance .inner h4 {
  width: 365.5px;
  margin: 0 auto 30px;
}

#stance .inner .eggArea-link {
  position: relative;
}

#stance .inner .eggArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 970px;
  height: auto;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#stance .inner .eggArea h5 {
  position: absolute;
  font-size: 34px;
  font-weight: 900;
  line-height: 90%;
  z-index: 100;
}

#stance .inner .eggArea h5.chotai {
  -webkit-transform: scale(0.82, 1);
  -ms-transform: scale(0.82, 1);
  transform: scale(0.82, 1);
}

#stance .inner .eggArea h5 span {
  display: block;
  font-size: 14.5px;
}

#stance .inner .eggArea .egg1 {
  width: 137px;
  text-align: center;
  position: relative;
}

#stance .inner .eggArea .egg1 h5 {
  top: 76.5px;
  left: 23.8px;
  opacity: 0;
}

#stance .inner .eggArea .egg2 {
  width: 137px;
  text-align: center;
  position: relative;
  margin-right: 41.65px;
  margin-left: 41.65px;
}

#stance .inner .eggArea .egg2 h5 {
  top: 63px;
  left: 18px;
  opacity: 0;
}

#stance .inner .eggArea .egg3 {
  width: 137px;
  text-align: center;
  position: relative;
}

#stance .inner .eggArea .egg3 h5 {
  top: 77px;
  left: -1px;
  opacity: 0;
}

#stance .inner .eggArea .cls-1 {
  fill: none;
  stroke: #f19140;
  stroke-miterlimit: 10;
  stroke-width: 20px;
  stroke-dashoffset: -236;
  stroke-dasharray: 236;
}

#stance .inner .eggArea _:lang(x)+_:-webkit-full-screen-document,
#stance .inner .eggArea .cls-1 {
  fill: none;
  stroke-dashoffset: 236;
}

#stance .inner .eggArea .line-dash {
  position: absolute;
  top: 82px;
  left: -25px;
  z-index: 99;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 201px;
}

#stance .inner .eggArea .egg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98;
  opacity: 0;
}

#stance .inner .eggArea .eggcontents {
  width: 289px;
}

#stance .inner .eggArea .eggcontents .egg1 {
  margin-left: 76px;
}

#stance .inner .eggArea .eggcontents .egg2 {
  margin-left: 76px !important;
}

#stance .inner .eggArea .eggcontents .egg3 {
  margin-left: 76px;
}

#stance .inner .eggArea .eggcontents h6 {
  padding-top: 230px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 21.25px;
  font-weight: 700;
  border-bottom: 2px solid #FBB03B;
  -o-border-image: -o-linear-gradient(left, #ffffff 0%, #D9E021 60%, #FBB03B 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(60%, #D9E021), to(#FBB03B));
  border-image: linear-gradient(to right, #ffffff 0%, #D9E021 60%, #FBB03B 100%);
  border-image-slice: 1;
}

#stance .inner .eggArea .eggcontents p {
  font-size: 17px;
  font-weight: 300;
  line-height: 190%;
  text-align: justify;
}

#stance .inner .circleArea {
  width: 377px;
  height: 377px;
  position: relative;
  margin-top: 127.5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 145px;
}

#stance .inner .circleArea.is-active .circle-bg {
  z-index: 339;
  -webkit-animation: rotate 5s linear 1s 2;
  animation: rotate 5s linear 1s 2;
}

#stance .inner .circleArea h3 {
  font-size: 27.2px;
  font-weight: 900;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  text-align: center;
  position: absolute;
  top: 160.65px;
  left: 102px;
  width: auto !important;
  margin: 0;
}

#stance .inner .circleArea .circle {
  width: 170px;
  height: 170px;
  position: absolute;
  left: 94.35px;
  top: 94.35px;
}

#stance .inner .circleArea .top {
  position: absolute;
  left: 25%;
  top: -25%;
  z-index: 340;
}

#stance .inner .circleArea .right {
  position: absolute;
  left: 75%;
  top: 25%;
  z-index: 341;
}

#stance .inner .circleArea .bottom {
  position: absolute;
  left: 25%;
  top: 75%;
  z-index: 342;
}

#stance .inner .circleArea .left {
  position: absolute;
  left: -25%;
  top: 25%;
  z-index: 343;
}

#stance .inner .circleArea .circle-content {
  width: 100%;
  height: 100%;
  background: url(/about/img/circle.png) 0 0 no-repeat;
  background-size: contain;
}

#stance .inner .circleArea .circle-content h4 {
  width: 170px !important;
  font-size: 20.4px;
  font-weight: 900;
  line-height: 142%;
  text-align: center;
  padding-top: 2.8em;
}

#market-value {
  background-color: #f19140;
  min-width: 1346px;
}

#market-value .inner {
  width: 1346px;
  margin: 0 auto;
  padding-top: 80px;
  position: relative;
}

#market-value .inner .maket-value_tile {
  width: 968px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}

#market-value .inner .maket-value_tile .egg {
  width: 200px;
  position: relative;
}

#market-value .inner .maket-value_tile .egg .egg-chenge {
  position: absolute;
}

#market-value .inner .maket-value_tile .egg .egg-ware {
  position: absolute;
}

#market-value .inner .maket-value_tile .egg .egg-shadow {
  position: absolute;
  top: 280px;
}

#market-value .inner h2 {
  width: 764px;
  position: relative;
  z-index: 3001;
}

#market-value .inner .flex-line {
  width: 408px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -29.75px;
  margin-bottom: 72.25px;
  margin-left: 194.65px;
  z-index: 3000;
}

#market-value .inner .flex-line::before {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #000;
  display: block;
}

#market-value .inner .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#market-value .inner h3 {
  width: 450.5px;
  margin-bottom: 73.1px;
  margin-left: 172.55px;
  font-size: 30px;
  line-height: 200%;
  font-family: "Sawarabi Mincho";
}

#market-value .inner h3 span {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 42.5px;
  background: url(/assets/img/market-bg.svg) 0 5.95px no-repeat;
  width: 242.25px;
  height: 71.6px;
  padding-left: 14.45px;
  padding-top: 5.1px;
}

#market-value .arrow-undrer {
  padding-bottom: 120px;
}

#market-value .market-value_text {
  width: 627.3px;
  margin: 0 auto 59.5px;
  font-size: 17px;
  line-height: 190%;
  text-align: justify;
}

#market-value .value_Area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 970.7px;
  margin: 0 auto;
  position: relative;
}

#market-value .value {
  width: 970.7px;
  background-color: #ffffff;
}

#market-value .value>div {
  width: 807.5px;
  margin: 0 auto;
  padding-top: 42.5px;
  padding-bottom: 42.5px;
  border-bottom: #f19140 3px solid;
}

#market-value .value>div:first-child {
  padding-top: 59.5px;
}

#market-value .value>div>h4 {
  font-size: 25.5px;
  font-weight: 900;
  margin-bottom: 20.4px;
}

#market-value .value>div>h4 span {
  font-weight: 300;
  margin-right: 49.3px;
}

#market-value .value>div>p {
  font-size: 17px;
  font-weight: 300;
  line-height: 155%;
  text-align: justify;
}

#market-value .value>div:last-child {
  border-bottom: none;
  position: relative;
  padding-bottom: 59.5px;
}

#market-value .value>div:last-child p {
  width: 514.25px;
}

#market-value .value>div:last-child .yashi {
  width: 110.5px;
  position: absolute;
  top: 5.95em;
  left: 501.15px;
}

#market-value .value>div:last-child .photo {
  padding: 0;
  width: 368.9px;
  margin-bottom: 0;
  background-color: transparent;
  position: absolute;
  bottom: -32.3px;
  right: -154.7px;
}

#development {
  background-color: #F1E8EA;
  min-width: 1346px;
}

#development>.inner {
  width: 1346px;
  margin: 0 auto;
  padding-top: 70px;
}

#development h2 {
  width: 413.95px;
  margin-left: 466px;
}

#development .flex-line {
  width: 212.5px;
  margin: 11.05px auto 48.45px;
  text-align: center;
}

#development .flex-line::before {
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-bottom: 17px;
}

#development .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#development h3 {
  width: 1020px;
  margin: 0 auto 73.1px;
  font-size: 30px;
  line-height: 200%;
  font-family: "Sawarabi Mincho";
}

#development h3 span {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 42.5px;
}

#development h3 span.white-1 {
  background: url(/img/sect4-h3-white-1.svg) 0 5px no-repeat;
  background-size: contain;
  width: 158.1px;
  height: 69.7px;
  padding-left: 14.45px;
}

#development h3 span.white-2 {
  background: url(/img/sect4-h3-white-2.svg) 0 5px no-repeat;
  background-size: contain;
  width: 117.3px;
  height: 69.7px;
  padding-left: 14.45px;
}

#development h3 span.orange {
  background: url(/img/sect4-h3-orange.svg) 0 5px no-repeat;
  background-size: contain;
  width: 193.8px;
  height: 69.7px;
  padding-left: 8.5px;
}

#development .dev-area {
  width: 946.05px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 200px;
}

#development .dev-area h4 {
  font-size: 21.25px;
  font-weight: 900;
  margin-bottom: 25.5px;
}

#development .dev-area h4::before {
  content: "●";
  color: #ed6d00;
  margin-right: 0.3em;
}

#development .dev-area h5 {
  font-size: 20.4px;
  font-weight: 900;
}

#development .dev-area p {
  font-size: 21.25px;
  font-weight: 900;
}

#development .dev-area .Industry-area {
  width: 353.6px;
}

#development .dev-area .Industry-area .graph-area {
  width: 353.6px;
  height: 72.25px;
  margin-bottom: 29.75px;
  position: relative;
}

#development .dev-area .Industry-area .graph-area h5 {
  position: absolute;
  z-index: 701;
  top: 25.5px;
  left: 8.5px;
}

#development .dev-area .Industry-area .graph01 {
  position: absolute;
  width: 353.6px;
  z-index: 100;
}

#development .dev-area .Industry-area .number1 {
  position: absolute;
  top: 25.5px;
  right: 8.5px;
  z-index: 101;
}

#development .dev-area .Industry-area .icon1 {
  width: 45.05px;
  position: absolute;
  top: 15.3px;
  left: 6em;
  z-index: 102;
}

#development .dev-area .Industry-area .graph02 {
  position: absolute;
  width: 339.15px;
  z-index: 200;
}

#development .dev-area .Industry-area .number2 {
  position: absolute;
  top: 25.5px;
  right: 22.95px;
  z-index: 201;
}

#development .dev-area .Industry-area .icon2 {
  width: 46.75px;
  position: absolute;
  top: 15.3px;
  left: 6em;
  z-index: 202;
}

#development .dev-area .Industry-area .graph03 {
  position: absolute;
  width: 282.2px;
  z-index: 300;
}

#development .dev-area .Industry-area .number3 {
  position: absolute;
  top: 25.5px;
  right: 79.9px;
  z-index: 301;
}

#development .dev-area .Industry-area .icon3 {
  width: 50.15px;
  position: absolute;
  top: 15.38px;
  left: 3em;
  z-index: 302;
}

#development .dev-area .Industry-area .graph04 {
  position: absolute;
  width: 169.15px;
  z-index: 400;
}

#development .dev-area .Industry-area .number4 {
  position: absolute;
  top: 25.5px;
  left: 5em;
  z-index: 401;
}

#development .dev-area .Industry-area .icon4 {
  width: 53.55px;
  position: absolute;
  top: 15.3px;
  right: 122.4px;
  z-index: 402;
}

#development .dev-area .Industry-area .graph05 {
  position: absolute;
  width: 141.1px;
  z-index: 500;
}

#development .dev-area .Industry-area .number5 {
  position: absolute;
  top: 25.5px;
  left: 4em;
  z-index: 501;
}

#development .dev-area .Industry-area .icon5 {
  width: 38.25px;
  position: absolute;
  top: 15.3px;
  left: 7em;
  z-index: 502;
}

#development .dev-area .Industry-area .graph06 {
  position: absolute;
  width: 127.5px;
  z-index: 600;
}

#development .dev-area .Industry-area .number6 {
  position: absolute;
  top: 25.5px;
  left: 4em;
  z-index: 601;
}

#development .dev-area .Industry-area .icon6 {
  width: 45.05px;
  position: absolute;
  top: 15.3px;
  left: 6.5em;
  z-index: 602;
}

#development .dev-area .Industry-area .graph01 span,
#development .dev-area .Industry-area .graph02 span,
#development .dev-area .Industry-area .graph03 span,
#development .dev-area .Industry-area .graph04 span,
#development .dev-area .Industry-area .graph05 span,
#development .dev-area .Industry-area .graph06 span {
  display: inline-block;
  width: 0;
  height: 72.25px;
  background: -o-linear-gradient(left, #8CC63F, #1BA98A);
  background: -webkit-gradient(linear, left top, right top, from(#8CC63F), to(#1BA98A));
  background: linear-gradient(to right, #8CC63F, #1BA98A);
  position: absolute;
  top: 0;
  left: 0;
}

#development .dev-area .Provided-Area {
  width: 522.75px;
}

#development .dev-area .Provided-Area .graph-area {
  width: 522.75px;
  height: 72.25px;
  margin-bottom: 29.75px;
  position: relative;
}

#development .dev-area .Provided-Area .graph-area:last-child {
  margin-bottom: 63.75px;
}

#development .dev-area .Provided-Area .graph-area h5 {
  position: absolute;
  z-index: 1301;
  top: 25.5px;
  left: 8.5px;
}

#development .dev-area .Provided-Area .graph01 {
  position: absolute;
  width: 522.75px;
  z-index: 1000;
}

#development .dev-area .Provided-Area .number1 {
  position: absolute;
  top: 25.5px;
  right: 8.5px;
  z-index: 1001;
}

#development .dev-area .Provided-Area .graph02 {
  position: absolute;
  width: 396.1px;
  z-index: 1100;
}

#development .dev-area .Provided-Area .number2 {
  position: absolute;
  top: 25.5px;
  right: 136px;
  z-index: 1101;
}

#development .dev-area .Provided-Area .graph03 {
  position: absolute;
  width: 494.7px;
  z-index: 1200;
}

#development .dev-area .Provided-Area .number3 {
  position: absolute;
  top: 25.5px;
  right: 40.8px;
  z-index: 1201;
}

#development .dev-area .Provided-Area .graph01 span,
#development .dev-area .Provided-Area .graph02 span,
#development .dev-area .Provided-Area .graph03 span {
  display: block;
  width: 0;
  height: 72.25px;
  background: -o-linear-gradient(left, #FFC63F, #FF8100);
  background: -webkit-gradient(linear, left top, right top, from(#FFC63F), to(#FF8100));
  background: linear-gradient(to right, #FFC63F, #FF8100);
  position: absolute;
  top: 0;
  left: 0;
}

#development .dev-area .Tech-Aera {
  width: 521.05px;
}

#development .dev-area .Tech-Aera>.inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#development .dev-area .Tech-Aera p {
  font-weight: 900;
  font-size: 42.5px;
}

#development .dev-area .Tech-Aera p:nth-child(1) {
  font-size: 85px;
  margin-right: 59.5px;
}

#development .dev-area .Tech-Aera p:nth-child(2) {
  font-size: 63.75px;
  margin-right: 59.5px;
}

#development .dev-area .Tech-Aera p:nth-child(3) {
  font-size: 63.75px;
}

#development .dev-area .Tech-Aera p:nth-child(4) {
  margin-right: 45.05px;
}

#development .dev-area .Tech-Aera p:nth-child(6) {
  margin-right: 45.05px;
}

#grows {
  background-color: #F1E8EA;
  min-width: 1346px;
}

#grows .inner {
  width: 1346px;
  margin: 0 auto;
  padding-top: 76.5px;
}

#grows h2 {
  width: 200.6px;
  margin-left: 572.7px;
}

#grows .flex-line {
  width: 212.5px;
  margin: 11.05px auto 48.45px;
  text-align: center;
}

#grows .flex-line::before {
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-bottom: 17px;
}

#grows .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#grows h3 {
  width: 743.75px;
  margin: 0 auto 73.1px;
  font-size: 30px;
  line-height: 200%;
  font-family: "Sawarabi Mincho";
}

#grows h3 span {
  display: inline-block;
  color: #fff;
}

#grows h3 span.gray-ce {
  background: url(/img/sect5-h3-bg-gr.svg) 0 9px no-repeat;
  background-size: contain;
  width: 43.35px;
  height: 53px;
  padding-left: 7.65px;
}

#grows h3 span.orange {
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 42.5px;
  background: url(/img/sect5-h3-bg-ora.svg) 0 5px no-repeat;
  background-size: contain;
  width: 65.45px;
  height: 76.5px;
  padding-left: 8.5px;
}

#grows .graph_mask {
  fill: #000;
  stroke: none;
}

#grows .grows-graphArea {
  position: relative;
  width: 1059.1px;
  height: 451.35px;
  margin: 0 auto;
}

#grows .grows-graphArea .grows-graphArea-cap {
  width: 555.05px;
}

#grows .grows-graphArea .grows-graphArea_bg-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1059.1px;
  height: 451.35px;
}

#grows .grows-graphArea .grows-graphArea_orange {
  position: absolute;
  top: 0;
  left: -1px;
  width: 1059.1px;
  height: 451.35px;
}

#grows .grows-graphArea .grows-graphArea_blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 1059.1px;
  height: 451.35px;
}

#grows .grows-graphArea .grows-graphArea_line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1059.1px;
  height: 451.35px;
}

#grows #clip01,
#grows #clip02 {
  scale: 0.85;
}

#grows .clip-svg1 {
  -webkit-clip-path: url(#clip01);
  clip-path: url(#clip01);
}

#grows .clip-svg2 {
  -webkit-clip-path: url(#clip02);
  clip-path: url(#clip02);
}

#grows .move-graph-orange {
  position: absolute;
  top: 459px;
  left: 0;
  width: 1059.1px;
  height: 451.35px;
}

#grows .move-graph-blue {
  position: absolute;
  top: 459px;
  left: 0;
  width: 1059.1px;
  height: 451.35px;
}

#grows .graphArea_line {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke-dashoffset: -1400;
  stroke-dasharray: 1400;
}

#grows _:lang(x)+_:-webkit-full-screen-document,
#grows .graphArea_line {
  fill: none;
  stroke-dashoffset: 1400;
}

#grows .grows-graph-num1 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 92.2px;
  left: -10px;
  opacity: 0;
}

#grows .grows-graph-num2 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 126.25px;
  left: 99px;
  opacity: 0;
}

#grows .grows-graph-num3 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 151.75px;
  left: 182.45px;
  opacity: 0;
}

#grows .grows-graph-num4 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 180.05px;
  left: 268.5px;
  opacity: 0;
}

#grows .grows-graph-num5 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 202.85px;
  left: 346.55px;
  opacity: 0;
}

#grows .grows-graph-num6 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 241.35px;
  left: 427.45px;
  opacity: 0;
}

#grows .grows-graph-num7 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 265px;
  left: 508.65px;
  opacity: 0;
}

#grows .grows-graph-num8 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 281.25px;
  left: 583.7px;
  opacity: 0;
}

#grows .grows-graph-num9 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 300.65px;
  left: 671.75px;
  opacity: 0;
}

#grows .grows-graph-num10 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 317.85px;
  left: 747.9px;
  opacity: 0;
}

#grows .grows-graph-num11 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 350.9px;
  left: 834.75px;
  opacity: 0;
}
#grows .grows-graph-num12 {
  width: 60.775px;
  height: 67.15px;
  position: absolute;
  bottom: 386.9px;
  left: 961.75px;
  opacity: 0;
}

#grows .grows-graphArea.is-active .move-graph-orange {
  -webkit-animation: graph-move 1s ease-in-out 0.6s forwards;
  animation: graph-move 1s ease-in-out 0.6s forwards;
}

#grows .grows-graphArea.is-active .move-graph-blue {
  -webkit-animation: graph-move 0.8s ease-in-out 0s forwards;
  animation: graph-move 0.8s ease-in-out 0s forwards;
}

#grows .grows-graphArea.is-active .graphArea_line {
  -webkit-animation: egg-dash 1.5s ease-in-out 1.8s forwards;
  animation: egg-dash 1.5s ease-in-out 1.8s forwards;
}

#grows .grows-graphArea.is-active _:lang(x)+_:-webkit-full-screen-document,
#grows .grows-graphArea.is-active .graphArea_line {
  -webkit-animation: egg-dash-safari-graph 1.5s ease-in-out 1.8s forwards;
  animation: egg-dash-safari-graph 1.5s ease-in-out 1.8s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num1 {
  -webkit-animation: popup 0.6s ease-in-out 3s forwards;
  animation: popup 0.6s ease-in-out 3s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num2 {
  -webkit-animation: popup 0.6s ease-in-out 3.2s forwards;
  animation: popup 0.6s ease-in-out 3.2s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num3 {
  -webkit-animation: popup 0.6s ease-in-out 3.4s forwards;
  animation: popup 0.6s ease-in-out 3.4s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num4 {
  -webkit-animation: popup 0.6s ease-in-out 3.6s forwards;
  animation: popup 0.6s ease-in-out 3.6s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num5 {
  -webkit-animation: popup 0.6s ease-in-out 3.8s forwards;
  animation: popup 0.6s ease-in-out 3.8s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num6 {
  -webkit-animation: popup 0.6s ease-in-out 4s forwards;
  animation: popup 0.6s ease-in-out 4s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num7 {
  -webkit-animation: popup 0.6s ease-in-out 4.2s forwards;
  animation: popup 0.6s ease-in-out 4.2s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num8 {
  -webkit-animation: popup 0.6s ease-in-out 4.4s forwards;
  animation: popup 0.6s ease-in-out 4.4s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num9 {
  -webkit-animation: popup 0.6s ease-in-out 4.6s forwards;
  animation: popup 0.6s ease-in-out 4.6s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num10 {
  -webkit-animation: popup 0.6s ease-in-out 4.8s forwards;
  animation: popup 0.6s ease-in-out 4.8s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num11 {
  -webkit-animation: popup 0.6s ease-in-out 5s forwards;
  animation: popup 0.6s ease-in-out 5s forwards;
}

#grows .grows-graphArea.is-active .grows-graph-num12 {
  -webkit-animation: popup 0.6s ease-in-out 5.2s forwards;
  animation: popup 0.6s ease-in-out 5.2s forwards;
}

#Working {
  background-color: #F1E8EA;
  min-width: 1346px;
}

#Working .inner {
  width: 1346px;
  margin: 0 auto;
  position: relative;
}

#Working h2 {
  width: 702.95px;
  margin-left: 321.525px;
}

#Working .flex-line {
  width: 212.5px;
  margin: 11.05px auto 48.45px;
  text-align: center;
}

#Working .flex-line::before {
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-bottom: 17px;
}

#Working .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#Working h3 {
  width: 425px;
  margin: 0 auto 73.1px;
  font-size: 30px;
  line-height: 200%;
  font-family: "Sawarabi Mincho";
  text-align: center;
}

#Working h3 span {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 42.5px;
  background: url(/img/sect6-h3-bg.svg) 0 7px no-repeat;
  background-size: contain;
  width: 117.3px;
  height: 69.7px;
  padding-top: 5.1px;
}

#Working .pie-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 878.05px;
  margin: 0 auto;
}

#Working .pie-chart h4 {
  font-size: 21.25px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 15.3px;
}

#Working .pie-chart .chart-Area {
  width: 255px;
  height: 255px;
  position: relative;
}

#Working .pie-chart .chart-Area .ov-Area {
  position: absolute;
  top: 0;
  left: 0;
  width: 256px;
  height: 256px;
  border-radius: 50%;
  background: rgba(241, 232, 234, 0.8);
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 165%;
  text-align: center;
}

#Working .pie-chart .chart-Area .chart p {
  position: absolute;
}

#Working .pie-chart .chart-Area .chart div {
  width: 255px;
  position: absolute;
  top: 0;
  left: 0;
}

#Working .pie-chart .pie-chart1 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart1 .ov-Area {
  z-index: 51;
  padding-top: 2em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart1 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart1 .chart p {
  z-index: 41;
  top: 90.1px;
  left: 73.1px;
}

#Working .pie-chart .pie-chart2 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart2 .ov-Area {
  z-index: 52;
  padding-top: 3.5em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart2 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart2 .chart p {
  z-index: 42;
  top: 90.1px;
  left: 73.1px;
}

#Working .pie-chart .pie-chart3 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart3 .ov-Area {
  z-index: 53;
  padding-top: 3.3em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart3 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart3 .chart p {
  z-index: 43;
  top: 102px;
  left: 30.6px;
}

#Working .pie-chart .pie-chart4 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart4 .ov-Area {
  z-index: 54;
  padding-top: 3.5em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart4 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart4 .chart p {
  z-index: 44;
  top: 90.1px;
  left: 73.1px;
}

#Working .pie-chart .pie-chart5 {
  margin-bottom: 46.755px;
}

#Working .pie-chart .pie-chart5 .ov-Area {
  z-index: 55;
  padding-top: 5em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart5 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart5 .chart p {
  z-index: 45;
  top: 90.1px;
  left: 73.1px;
}

#Working .pie-chart .pie-chart6 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart6 .ov-Area {
  z-index: 56;
  padding-top: 3.5em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart6 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart6 .chart p {
  z-index: 46;
  top: 90.1px;
  left: 54.1px;
}

#Working .pie-chart .pie-chart7 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart7 .ov-Area {
  z-index: 57;
  padding-top: 2.5em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart7 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart7 .chart p {
  z-index: 47;
  top: 90.1px;
  left: 103.1px;
}

#Working .pie-chart .pie-chart8 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart8 .ov-Area {
  z-index: 58;
  padding-top: 3.5em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart8 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart8 .chart p {
  z-index: 48;
  top: 90.1px;
  left: 73.1px;
}

#Working .pie-chart .pie-chart9 {
  margin-bottom: 46.75px;
}

#Working .pie-chart .pie-chart9 .ov-Area {
  z-index: 59;
  padding-top: 3.5em;
  opacity: 0;
  -webkit-transition: all 300ms 0s ease;
  -o-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

#Working .pie-chart .pie-chart9 .ov-Area:hover {
  opacity: 1;
}

#Working .pie-chart .pie-chart9 .chart p {
  z-index: 49;
  top: 90.1px;
  left: 73.1px;
}

#Working .pie-chart .pie-chart_mask {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 127.5px;
  stroke-dashoffset: 400.541;
  stroke-dasharray: 400.541;
}

#Working .pie-chart #mask-chart1 {
  -webkit-mask: url(#svgPath1);
  mask: url(#svgPath1);
}

#Working .pie-chart #mask-chart2 {
  -webkit-mask: url(#svgPath2);
  mask: url(#svgPath2);
}

#Working .pie-chart #mask-chart3 {
  -webkit-mask: url(#svgPath3);
  mask: url(#svgPath3);
}

#Working .pie-chart #mask-chart4 {
  -webkit-mask: url(#svgPath4);
  mask: url(#svgPath4);
}

#Working .pie-chart #mask-chart5 {
  -webkit-mask: url(#svgPath5);
  mask: url(#svgPath5);
}

#Working .pie-chart #mask-chart6 {
  -webkit-mask: url(#svgPath6);
  mask: url(#svgPath6);
}

#Working .pie-chart #mask-chart7 {
  -webkit-mask: url(#svgPath7);
  mask: url(#svgPath7);
}

#Working .pie-chart #mask-chart8 {
  -webkit-mask: url(#svgPath8);
  mask: url(#svgPath8);
}

#Working .pie-chart #mask-chart9 {
  -webkit-mask: url(#svgPath9);
  mask: url(#svgPath9);
}

#Working .pie-chart .chart-mask-img {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  width: 100%;
  height: 100%;
}

#recruit .inner {
  width: 1346px;
  margin: 60px auto;
  text-align: center;
}

#recruit .inner h3 {
  font-size: 38px;
  font-weight: 900;
  margin-bottom: 45px;
}

#recruit .inner p {
  font-size: 24px;
  font-weight: 400;
}

@media screen and (min-width: 751px) {
  #recruit a.banner-recruit {
    font-size: 50px;
    font-weight: 900;
    -webkit-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
  }

  #recruit a.banner-recruit .banner {
    width: 100%;
    height: 240px;
    display: block;
    background: url(/img/footer__link-img.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 100px;
    -webkit-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
  }

  #recruit a.banner-recruit span {
    font-size: 36px;
    font-weight: 400;
  }

  #recruit a.banner-recruit span::after {
    content: "▶︎";
    color: #ed6d00;
    padding-left: 10px;
  }
}

#recruit a.banner-recruit:hover {
  color: #ed6d00;
}

#recruit a.banner-recruit:hover .banner {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

footer {
  width: 100%;
}

footer .banner-Area {
  width: 1346px;
  margin: 0 auto;
  padding-top: 95px;
  padding-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

footer .banner-Area div {
  width: 360px;
}

footer .banner-Area div:first-child {
  margin-right: 30px;
}

footer .banner-Area div:nth-child(3) {
  margin-left: 30px;
}

footer .banner-Area-sports {
  width: 1346px;
  margin: 0 auto 95px;
}

footer .banner-Area-sports div {
  width: 360px;
  margin: 0 auto;
}

footer .banner-Area-sports div p {
  font-size: 20px;
  text-align: center;
  line-height: 145%;
  padding-bottom: 10px;
}

footer .link-Area-security-policy {
  font-size: 16px;
  text-align: center;
  padding: 30px 0;
  border-top: 5px solid #4D4D4D;
}

footer .link-Area-security-policy a {
  text-decoration: underline;
}

footer .footer-Area {
  background-color: #4D4D4D;
  min-width: 1346px;
}

footer .footer-Area .inner {
  width: 1346px;
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 50px;
}

footer .footer-Area .inner div {
  width: 200px;
  margin: 0 auto 20px;
}

footer .footer-Area .inner p {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
}

@media screen and (min-width: 751px) {
  #topVisual .inner .egg {
    opacity: 0;
    -webkit-animation: open-movie 2.5s ease 0.5s forwards;
    animation: open-movie 2.5s ease 0.5s forwards;
  }

  #topVisual .inner .shadow {
    opacity: 0;
    -webkit-animation: open-movie-shadow 2.5s ease 0.5s forwards;
    animation: open-movie-shadow 2.5s ease 0.5s forwards;
  }

  #topVisual .inner .pers-img {
    opacity: 0;
    -webkit-animation: fade-op 0.8s ease 3s forwards;
    animation: fade-op 0.8s ease 3s forwards;
  }

  #topVisual .inner .logo-egg-img {
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation: open-movie-logo 2.5s ease 0.5s forwards;
    animation: open-movie-logo 2.5s ease 0.5s forwards;
  }

  #topVisual .inner .logo-img {
    opacity: 0;
    -webkit-animation: move-op 0.8s ease 3s forwards;
    animation: move-op 0.8s ease 3s forwards;
  }

  #topVisual .inner .omoi-img {
    font-family: "Sawarabi Mincho";
    font-size: 30px;
    opacity: 0;
    -webkit-animation: fade-op-2 0.8s ease 4s forwards;
    animation: fade-op-2 0.8s ease 4s forwards;
  }

  #topVisual .inner .omoi-img span {
    display: inline-block;
    color: #fff;
    width: 95px;
    height: 95px;
    font-size: 64px;
    font-family: "Noto Sans JP";
    font-weight: 500;
    background: url(/assets/img/top-v-c.svg) 0 0 no-repeat;
    background-size: contain;
    padding-top: 7px;
    padding-left: 14px;
  }
}

.is-active .egg1 .egg-img {
  -webkit-animation: fade-op 0.8s ease 0.5s forwards;
  animation: fade-op 0.8s ease 0.5s forwards;
}

.is-active .egg2 .egg-img {
  -webkit-animation: fade-op 0.8s ease 1s forwards;
  animation: fade-op 0.8s ease 1s forwards;
}

.is-active .egg3 .egg-img {
  -webkit-animation: fade-op 0.8s ease 1.5s forwards;
  animation: fade-op 0.8s ease 1.5s forwards;
}

.is-active .egg1 .cls-1 {
  -webkit-animation: egg-dash 0.2s ease 3s forwards;
  animation: egg-dash 0.2s ease 3s forwards;
}

_:lang(x)+_:-webkit-full-screen-document .egg1 .cls-1,
.is-active .egg1 .cls-1 {
  -webkit-animation: egg-dash-safari 0.2s ease 3s forwards;
  animation: egg-dash-safari 0.2s ease 3s forwards;
}

.is-active .egg2 .cls-1 {
  -webkit-animation: egg-dash 0.2s ease 3.2s forwards;
  animation: egg-dash 0.2s ease 3.2s forwards;
}

_:lang(x)+_:-webkit-full-screen-document .egg2 .cls-1,
.is-active .egg2 .cls-1 {
  -webkit-animation: egg-dash-safari 0.2s ease 3.2s forwards;
  animation: egg-dash-safari 0.2s ease 3.2s forwards;
}

.is-active .egg3 .cls-1 {
  -webkit-animation: egg-dash 0.2s ease 3.4s forwards;
  animation: egg-dash 0.2s ease 3.4s forwards;
}

_:lang(x)+_:-webkit-full-screen-document .egg3 .cls-1,
.is-active .egg3 .cls-1 {
  -webkit-animation: egg-dash-safari 0.2s ease 3.4s forwards;
  animation: egg-dash-safari 0.2s ease 3.4s forwards;
}

.is-active .egg1 h5 {
  -webkit-animation: fade-op 0.8s ease 1.5s forwards;
  animation: fade-op 0.8s ease 1.5s forwards;
}

.is-active .egg2 h5 {
  -webkit-animation: fade-op 0.8s ease 2s forwards;
  animation: fade-op 0.8s ease 2s forwards;
}

.is-active .egg3 h5 {
  -webkit-animation: fade-op 0.8s ease 2.5s forwards;
  animation: fade-op 0.8s ease 2.5s forwards;
}

.maket-value_tile.is-active .egg-furufuru {
  -webkit-animation: buruburu 0.1s 40 linear alternate;
  animation: buruburu 0.1s 40 linear alternate;
}

.maket-value_tile.is-active .egg-furufuru .egg-chenge {
  -webkit-animation: move-ware 0.1s ease 4s forwards;
  animation: move-ware 0.1s ease 4s forwards;
}

.graph01.is-active span {
  -webkit-animation: scaleX 0.8s ease 0.2s forwards;
  animation: scaleX 0.8s ease 0.2s forwards;
}

.graph02.is-active span {
  -webkit-animation: scaleX 0.8s ease 0.4s forwards;
  animation: scaleX 0.8s ease 0.4s forwards;
}

.graph03.is-active span {
  -webkit-animation: scaleX 0.8s ease 0.5s forwards;
  animation: scaleX 0.8s ease 0.5s forwards;
}

.graph04.is-active span {
  -webkit-animation: scaleX 0.8s ease 0.6s forwards;
  animation: scaleX 0.8s ease 0.6s forwards;
}

.graph05.is-active span {
  -webkit-animation: scaleX 0.8s ease 0.7s forwards;
  animation: scaleX 0.8s ease 0.7s forwards;
}

.graph06.is-active span {
  -webkit-animation: scaleX 0.8s ease 0.7s forwards;
  animation: scaleX 0.8s ease 0.7s forwards;
}

.chart p {
  opacity: 0;
}

@media screen and (min-width: 751px) {
  .is-active .pie-chart1 .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.2s forwards;
    animation: egg-dash 0.6s ease-in-out 0.2s forwards;
  }

  .is-active .pie-chart1 p {
    -webkit-animation: fade-op-2 0.6s ease 0.8s forwards;
    animation: fade-op-2 0.6s ease 0.8s forwards;
  }

  .is-active .pie-chart2 .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.4s forwards;
    animation: egg-dash 0.6s ease-in-out 0.4s forwards;
  }

  .is-active .pie-chart2 p {
    -webkit-animation: fade-op-2 0.6s ease 1s forwards;
    animation: fade-op-2 0.6s ease 1s forwards;
  }

  .is-active .pie-chart3 .chart-Area .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .is-active .pie-chart3 .chart-Area p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .is-active .pie-chart4 .chart-Area .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.8s forwards;
    animation: egg-dash 0.6s ease-in-out 0.8s forwards;
  }

  .is-active .pie-chart4 .chart-Area p {
    -webkit-animation: fade-op-2 0.6s ease 1.4s forwards;
    animation: fade-op-2 0.6s ease 1.4s forwards;
  }

  .is-active .pie-chart5 .chart-Area .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 1s forwards;
    animation: egg-dash 0.6s ease-in-out 1s forwards;
  }

  .is-active .pie-chart5 .chart-Area p {
    -webkit-animation: fade-op-2 0.6s ease 1.6s forwards;
    animation: fade-op-2 0.6s ease 1.6s forwards;
  }

  .is-active .pie-chart6 .chart-Area .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 1.2s forwards;
    animation: egg-dash 0.6s ease-in-out 1.2s forwards;
  }

  .is-active .pie-chart6 .chart-Area p {
    -webkit-animation: fade-op-2 0.6s ease 1.8s forwards;
    animation: fade-op-2 0.6s ease 1.8s forwards;
  }

  .is-active .pie-chart7 .chart-Area .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 1.4s forwards;
    animation: egg-dash 0.6s ease-in-out 1.4s forwards;
  }

  .is-active .pie-chart7 .chart-Area p {
    -webkit-animation: fade-op-2 0.6s ease 2s forwards;
    animation: fade-op-2 0.6s ease 2s forwards;
  }

  .is-active .pie-chart8 .chart-Area .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 1.6s forwards;
    animation: egg-dash 0.6s ease-in-out 1.6s forwards;
  }

  .is-active .pie-chart8 .chart-Area p {
    -webkit-animation: fade-op-2 0.6s ease 2.2s forwards;
    animation: fade-op-2 0.6s ease 2.2s forwards;
  }

  .is-active .pie-chart9 .chart-Area .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 1.8s forwards;
    animation: egg-dash 0.6s ease-in-out 1.8s forwards;
  }

  .is-active .pie-chart9 .chart-Area p {
    -webkit-animation: fade-op-2 0.6s ease 2.4s forwards;
    animation: fade-op-2 0.6s ease 2.4s forwards;
  }
}

@media screen and (max-width: 750px) {
  .pie-chart1 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart1 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart2 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart2 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart3 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart3 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart4 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart4 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart5 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart5 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart6 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart6 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart7 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart7 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart8 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart8 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }

  .pie-chart9 .is-active .pie-chart_mask {
    -webkit-animation: egg-dash 0.6s ease-in-out 0.6s forwards;
    animation: egg-dash 0.6s ease-in-out 0.6s forwards;
  }

  .pie-chart9 .is-active p {
    -webkit-animation: fade-op-2 0.6s ease 1.2s forwards;
    animation: fade-op-2 0.6s ease 1.2s forwards;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes open-movie {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 516.5px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    left: 269px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 516.5px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    left: 269px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@-webkit-keyframes open-movie-shadow {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 516.5px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 1;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 1;
    left: 269px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie-shadow {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 516.5px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 1;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 1;
    left: 269px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@-webkit-keyframes open-movie-sp {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    left: 8vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie-sp {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    left: 8vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@-webkit-keyframes open-movie-shadow-sp {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 1;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 1;
    left: 8vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie-shadow-sp {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 1;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 1;
    left: 8vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@-webkit-keyframes open-movie-logo {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    left: 516.5px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  75% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }

  100% {
    opacity: 1;
    left: 269px;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes open-movie-logo {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    left: 516.5px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  75% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }

  100% {
    opacity: 1;
    left: 269px;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-webkit-keyframes open-movie-logo-sp {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  75% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }

  100% {
    opacity: 1;
    left: 8vw;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes open-movie-logo-sp {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  75% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }

  100% {
    opacity: 1;
    left: 8vw;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@-webkit-keyframes fade-op {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fade-op {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes fade-op-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fade-op-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes move-op {
  0% {
    opacity: 0;
    left: 269px;
  }

  100% {
    opacity: 1;
    left: 612px;
  }
}

@keyframes move-op {
  0% {
    opacity: 0;
    left: 269px;
  }

  100% {
    opacity: 1;
    left: 612px;
  }
}

@-webkit-keyframes move-op-sp {
  0% {
    opacity: 0;
    left: 8vw;
  }

  100% {
    opacity: 1;
    left: 42.5333333333vw;
  }
}

@keyframes move-op-sp {
  0% {
    opacity: 0;
    left: 8vw;
  }

  100% {
    opacity: 1;
    left: 42.5333333333vw;
  }
}

@-webkit-keyframes move-ware {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes move-ware {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scale {
  0% {
    width: 0;
  }

  100% {
    width: 220px;
  }
}

@keyframes scale {
  0% {
    width: 0;
  }

  100% {
    width: 220px;
  }
}

@-webkit-keyframes scale-sp {
  0% {
    width: 0;
  }

  100% {
    width: 32.5333333333vw;
  }
}

@keyframes scale-sp {
  0% {
    width: 0;
  }

  100% {
    width: 32.5333333333vw;
  }
}

@-webkit-keyframes purupuru2 {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(0.98, 0.95);
    transform: scale(0.98, 0.95);
  }
}

@keyframes purupuru2 {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(0.98, 0.95);
    transform: scale(0.98, 0.95);
  }
}

@-webkit-keyframes buruburu {
  0% {
    -webkit-transform: translate(0, 0) rotate(-3deg);
    transform: translate(0, 0) rotate(-3deg);
  }

  50% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
    transform: translate(0, -1px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(3deg);
    transform: translate(0, 0) rotate(3deg);
  }
}

@keyframes buruburu {
  0% {
    -webkit-transform: translate(0, 0) rotate(-3deg);
    transform: translate(0, 0) rotate(-3deg);
  }

  50% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
    transform: translate(0, -1px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(3deg);
    transform: translate(0, 0) rotate(3deg);
  }
}

@-webkit-keyframes scaleX {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes scaleX {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes graph-grows {
  0% {
    width: 0;
  }

  100% {
    width: 1135px;
  }
}

@keyframes graph-grows {
  0% {
    width: 0;
  }

  100% {
    width: 1135px;
  }
}

@-webkit-keyframes egg-dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes egg-dash {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes egg-dash-safari {
  to {
    stroke-dashoffset: 472;
  }
}

@keyframes egg-dash-safari {
  to {
    stroke-dashoffset: 472;
  }
}

@-webkit-keyframes egg-dash-safari-graph {
  to {
    stroke-dashoffset: 2800;
  }
}

@keyframes egg-dash-safari-graph {
  to {
    stroke-dashoffset: 2800;
  }
}

@-webkit-keyframes graph-move {
  0% {
    top: 540px;
  }

  100% {
    top: 0px;
  }
}

@keyframes graph-move {
  0% {
    top: 540px;
  }

  100% {
    top: 0px;
  }
}

@-webkit-keyframes popup {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes popup {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }

  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

@keyframes scrollDown {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }

  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

#about_us #company {
  background-color: #F1E8EA;
}

#about_us #company>.inner {
  width: 1346px;
  margin: 0 auto;
  padding-top: 90px;
}

#about_us #company h2 {
  width: 563.55px;
  margin-left: 391.225px;
}

#about_us #company .flex-line {
  width: 212.5px;
  margin: 11.05px auto 48.45px;
  text-align: center;
}

#about_us #company .flex-line::before {
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-bottom: 17px;
}

#about_us #company .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#about_us #company h3 {
  width: 606.9px;
  margin: 0 auto 73.1px;
  font-size: 30px;
  line-height: 200%;
  font-family: "Sawarabi Mincho";
}

#about_us #company h3 span {
  display: inline-block;
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 42.5px;
}

#about_us #company h3 span.white {
  background: url(/about/img/company-h3-wh-bg.svg) 0 5px no-repeat;
  background-size: contain;
  width: 112.2px;
  height: 72.25px;
  padding-left: 11.9px;
  padding-top: 2px;
}

#about_us #company h3 span.orange {
  color: #ffffff;
  background: url(/about/img/company-h3-ora-bg.svg) 0 5px no-repeat;
  background-size: contain;
  width: 276.25px;
  height: 72.25px;
  padding-left: 14.45px;
  padding-top: 5.1px;
}

#about_us #company .companyInfo {
  width: 584.8px;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 400;
  padding-bottom: 34px;
  line-height: 164%;
}

#about_us #company .companyInfo table {
  border-collapse: collapse;
  border-top: #ffffff 4px solid;
}

#about_us #company .companyInfo th,
#about_us #company .companyInfo td {
  border-bottom: #ffffff 4px solid;
  padding: 42.5px 0;
}

#about_us #company .companyInfo th {
  font-weight: 400;
  width: 5em;
}

#about_us #company .companyInfo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#about_us #company .companyInfo .company-name {
  font-size: 17px;
  width: 187px;
}

#about_us #company .companyInfo .company-name span {
  font-size: 0.8em;
}

#about_us #company .companyInfo .adrress {
  font-size: 17px;
  line-height: 175%;
}

#about_us #company .companyInfo .member {
  font-size: 17px;
}

#about_us #company .companyInfo .member span {
  font-size: 0.8em;
}

@media screen and (min-width: 751px) {
  #about_us #company .companyInfo .info-security .info-security-cell .indent-pc::before {
    content: '　';
  }
}

#about_us #company .companyInfo .info-security .info-security-cell .ISMS-logo {
  background-color: #fff;
  border: 1px solid #000;
  width: 280px;
  height: 136px;
  padding: 12px;
  margin-top: 30px;
}

#about_us #access {
  background-color: #F1E8EA;
}

#about_us #access>.inner {
  width: 1346px;
  margin: 0 auto 72.25px;
}

#about_us #access h2 {
  width: 384.2px;
  margin-left: 480.9px;
}

#about_us #access .flex-line {
  width: 212.5px;
  margin: 11.05px auto 48.45px;
  text-align: center;
}

#about_us #access .flex-line::before {
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-bottom: 17px;
}

#about_us #access .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#about_us #access .access-title-tokyo {
  width: 374.85px;
  margin: 0 auto 21.25px;
}

#about_us #access .access-title-naha {
  width: 241.14px;
  margin: 114.75px auto 21.25px;
}

#about_us #access #map1 {
  width: 969px;
  height: 365.5px;
  margin: 0 auto;
  border: #ffffff 1px solid;
}

#about_us #access #map_naha {
  width: 969px;
  height: 365.5px;
  margin: 0 auto;
  border: #ffffff 1px solid;
}

#about_us #access .address-tokyo {
  width: 633.25px;
  margin: 23.8px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#about_us #access .address-tokyo h4 {
  font-size: 21.25px;
  font-weight: 700;
  width: 221px;
  line-height: 155%;
}

#about_us #access .address-tokyo p {
  width: 378.25px;
  font-size: 17px;
  font-weight: 400;
  line-height: 155%;
  margin-bottom: 33.15px;
}

#about_us #access .address-naha {
  width: 633.25px;
  margin: 21.25px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#about_us #access .address-naha h4 {
  font-size: 21.25px;
  font-weight: 700;
  width: 255px;
  line-height: 155%;
}

#about_us #access .address-naha p {
  width: 378.25px;
  font-size: 17px;
  font-weight: 400;
  line-height: 155%;
  margin-bottom: 33.15px;
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .sp-inline {
    display: inline;
  }

  img {
    width: 100%;
  }

  #top header {
    width: 100%;
    min-width: 100%;
    position: fixed;
    z-index: 88888;
  }

  #top header .inner {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #top header .inner h1 {
    opacity: 0;
    width: 5.3333333333vw;
    margin-top: 1.3333333333vw;
    margin-left: 3.3333333333vw;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #top header .inner .navi-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2.4vw;
    padding-left: 5.3333333333vw;
  }

  #top header .inner .navi-link li {
    font-size: 2.8vw;
    padding-right: 3.3333333333vw;
    padding-top: 4.4vw;
  }

  #top header .inner .navi-link .bg-ornge {
    padding: 0;
  }

  #top header .inner .navi-link .bg-ornge a {
    margin-top: 2.4vw;
    width: 36vw;
    font-size: 2.6666666667vw;
    border-radius: 1.2vw;
    padding-top: 2.1333333333vw;
    padding-left: 3.0666666667vw;
    padding-bottom: 2.1333333333vw;
    padding-right: 3.0666666667vw;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #top header.scroll-nav h1 {
    opacity: 1;
  }

  .arrow-undrer {
    width: 100%;
    text-align: center;
    margin-top: 9.3333333333vw;
    padding-bottom: 9.3333333333vw;
  }

  .arrow-undrer img {
    width: 14.6666666667vw;
  }

  .line-orange {
    background-image: url(/assets/img/bg_line-orange.png);
    background-size: contain;
    background-repeat: repeat-x;
    height: 2.6666666667vw;
  }

  .line-white {
    background-image: url(/assets/img/bg_line-white.png);
    background-size: contain;
    background-repeat: repeat-x;
    height: 2.6666666667vw;
  }

  #topVisual {
    background: -o-linear-gradient(bottom, #e2e8ea 40%, rgba(255, 255, 255, 0) 60%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #e2e8ea), color-stop(60%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to top, #e2e8ea 40%, rgba(255, 255, 255, 0) 60%);
    height: 178vw;
    padding-top: 0;
    min-width: 100%;
  }

  #topVisual .inner {
    width: 100%;
    margin: 0;
    position: relative;
  }

  #topVisual .inner .egg {
    width: 30.9333333333vw;
    position: absolute;
    top: 52vw;
    left: 34.5333333333vw;
    opacity: 0;
    -webkit-animation: open-movie-sp 2.5s ease 0.5s forwards;
    animation: open-movie-sp 2.5s ease 0.5s forwards;
  }

  #topVisual .inner .shadow {
    width: 30.9333333333vw;
    position: absolute;
    top: 96vw;
    left: 34.5333333333vw;
    opacity: 0;
    -webkit-animation: open-movie-shadow-sp 2.5s ease 0.5s forwards;
    animation: open-movie-shadow-sp 2.5s ease 0.5s forwards;
  }

  #topVisual .inner .pers-img {
    width: 46.4vw;
    position: absolute;
    top: 35.6vw;
    left: 27.6vw;
    opacity: 0;
    -webkit-animation: fade-op 0.8s ease 3s forwards;
    animation: fade-op 0.8s ease 3s forwards;
  }

  #topVisual .inner .logo-egg-img {
    width: 30.9333333333vw;
    position: absolute;
    top: 52vw;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0;
    -webkit-animation: open-movie-logo-sp 2.5s ease 0.5s forwards;
    animation: open-movie-logo-sp 2.5s ease 0.5s forwards;
  }

  #topVisual .inner .logo-img {
    width: 49.3333333333vw;
    position: absolute;
    top: 66.2666666667vw;
    left: 42.5333333333vw;
    opacity: 0;
    -webkit-animation: move-op-sp 0.8s ease 3s forwards;
    animation: move-op-sp 0.8s ease 3s forwards;
  }

  #topVisual .inner .omoi-img {
    position: absolute;
    top: 104.8vw;
    left: 18.2666666667vw;
    font-family: "Sawarabi Mincho";
    font-size: 5.8666666667vw;
    opacity: 0;
    -webkit-animation: fade-op-2 0.8s ease 4s forwards;
    animation: fade-op-2 0.8s ease 4s forwards;
  }

  #topVisual .inner .omoi-img span {
    display: inline-block;
    width: 15.7333333333vw;
    height: 15.7333333333vw;
    color: #fff;
    font-size: 10.6666666667vw;
    font-family: "Noto Sans JP";
    font-weight: 400;
    background: url(/assets/img/top-v-c.svg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 0.9333333333vw;
    padding-left: 2.6666666667vw;
  }

  #topVisual .arrow-undrer {
    position: absolute;
    top: 130.1333333333vw;
  }

  #stance {
    background-color: #f19140;
    min-width: 100%;
  }

  #stance .inner {
    width: 84vw;
    margin: 0 auto;
    padding-top: 11.0666666667vw;
  }

  #stance .inner h2 {
    width: 62.6666666667vw;
    margin-left: 10.6666666667vw;
    position: relative;
    z-index: 2001;
  }

  #stance .inner .flex-line {
    width: 58.9333333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -2.6666666667vw;
    margin-left: 13.0666666667vw;
    margin-bottom: 8vw;
    z-index: 2000;
  }

  #stance .inner .flex-line::before {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #000;
    display: block;
  }

  #stance .inner .flex-line p {
    font-size: 2.6666666667vw;
    font-weight: 400;
  }

  #stance .inner h3 {
    width: 53.0666666667vw;
    margin: 0 auto 8vw;
    font-size: 5.6vw;
    font-family: "Sawarabi Mincho";
  }

  #stance .inner h3 span {
    display: inline-block;
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 8.4vw;
    background: url(/assets/img/stand-bg.svg) 0 0.9333333333vw no-repeat;
    background-size: 96% auto;
    width: 54vw;
    height: 16vw;
    padding-left: 2.2666666667vw;
    padding-top: 2vw;
    margin-top: 1.3333333333vw;
  }

  #stance .inner h4 {
    width: 63.2vw;
    margin: 0 auto 2.6666666667vw;
  }

  #stance .inner .eggArea-link {
    position: block;
  }

  #stance .inner .eggArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 84vw;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  #stance .inner .eggArea h5 {
    position: absolute;
    font-size: 5.8666666667vw;
    font-weight: 900;
    line-height: 90%;
    z-index: 100;
  }

  #stance .inner .eggArea h5.chotai {
    -webkit-transform: scale(0.82, 1);
    -ms-transform: scale(0.82, 1);
    transform: scale(0.82, 1);
  }

  #stance .inner .eggArea h5 span {
    display: block;
    font-size: 2.5333333333vw;
  }

  #stance .inner .eggArea h5 span.scale {
    -webkit-transform: scale(1.22, 1);
    -ms-transform: scale(1.22, 1);
    transform: scale(1.22, 1);
  }

  #stance .inner .eggArea .egg1 {
    width: 24vw;
    text-align: center;
    position: relative;
  }

  #stance .inner .eggArea .egg1 h5 {
    top: 12.6666666667vw;
    left: 3.4666666667vw;
  }

  #stance .inner .eggArea .egg2 {
    width: 24vw;
    text-align: center;
    position: relative;
    margin-right: 0;
    margin-left: 0;
  }

  #stance .inner .eggArea .egg2 h5 {
    top: 10.6666666667vw;
    left: 3.4666666667vw;
  }

  #stance .inner .eggArea .egg3 {
    width: 24vw;
    text-align: center;
    position: relative;
  }

  #stance .inner .eggArea .egg3 h5 {
    top: 12.6666666667vw;
    left: 0.2666666667vw;
  }

  #stance .inner .eggArea .line-40 {
    position: absolute;
    top: 12vw;
    left: -3.8666666667vw;
    width: 0;
    height: 2.6666666667vw;
    border-bottom: #f19140 2.6666666667vw solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #stance .inner .eggArea .cls-1 {
    fill: none;
    stroke: #f19140;
    stroke-miterlimit: 10;
    stroke-width: 3.4666666667vw;
    stroke-dashoffset: -236;
    stroke-dasharray: 236;
  }

  #stance .inner .eggArea _:lang(x)+_:-webkit-full-screen-document,
  #stance .inner .eggArea .cls-1 {
    stroke-dashoffset: 236;
  }

  #stance .inner .eggArea .line-dash {
    position: absolute;
    top: 12vw;
    left: -3.8666666667vw;
    z-index: 99;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 130px;
  }

  #stance .inner .eggArea .egg-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
  }

  #stance .inner .eggArea .eggcontents {
    width: 84vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 7.6vw;
  }

  #stance .inner .eggArea .eggcontents .egg1 {
    margin-left: 0;
    width: 24vw;
  }

  #stance .inner .eggArea .eggcontents .egg2 {
    margin-left: 0 !important;
  }

  #stance .inner .eggArea .eggcontents .egg3 {
    margin-left: 0;
  }

  #stance .inner .eggArea .eggcontents .egg-text {
    width: 56.8vw;
  }

  #stance .inner .eggArea .eggcontents h6 {
    padding-top: 0;
    padding-bottom: 2.4vw;
    margin-bottom: 4.6666666667vw;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    border-bottom: 2px solid #FBB03B;
    -o-border-image: -o-linear-gradient(left, #ffffff 0%, #D9E021 60%, #FBB03B 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(60%, #D9E021), to(#FBB03B));
    border-image: linear-gradient(to right, #ffffff 0%, #D9E021 60%, #FBB03B 100%);
    border-image-slice: 1;
  }

  #stance .inner .eggArea .eggcontents p {
    font-size: 3.7333333333vw;
    font-weight: 300;
    line-height: 190%;
    text-align: justify;
  }

  #stance .inner .circleArea {
    width: 59.2vw;
    height: 59.2vw;
    margin-top: 20vw;
    margin-left: 12.4vw;
  }

  #stance .inner .circleArea.is-active .circle-bg {
    z-index: 339;
    -webkit-animation: rotate 5s linear 1s 2;
    animation: rotate 5s linear 1s 2;
  }

  #stance .inner .circleArea h3 {
    font-size: 4.2666666667vw;
    font-weight: 900;
    text-align: center;
    position: absolute;
    top: 25.2vw;
    left: 16vw;
    width: auto !important;
    margin: 0;
  }

  #stance .inner .circleArea .circle {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    position: absolute;
    left: 14.8vw;
    top: 14.8vw;
  }

  #stance .inner .circleArea .top {
    position: absolute;
    left: 25%;
    top: -25%;
  }

  #stance .inner .circleArea .right {
    position: absolute;
    left: 75%;
    top: 25%;
  }

  #stance .inner .circleArea .bottom {
    position: absolute;
    left: 25%;
    top: 75%;
  }

  #stance .inner .circleArea .left {
    position: absolute;
    left: -25%;
    top: 25%;
  }

  #stance .inner .circleArea .circle-content {
    width: 100%;
    height: 100%;
    background: url(/about/img/circle.png) 0 0 no-repeat;
    background-size: contain;
  }

  #stance .inner .circleArea .circle-content h4 {
    width: 26.6666666667vw !important;
    font-size: 3.2vw;
    font-weight: 900;
    line-height: 142%;
    text-align: center;
    padding-top: 2.8em;
  }

  #market-value {
    overflow: hidden;
    background-color: #f19140;
    min-width: 100%;
  }

  #market-value .inner {
    width: 84vw;
    margin: 0 auto;
    padding-top: 11.0666666667vw;
    position: relative;
  }

  #market-value .inner .maket-value_tile {
    width: 84vw;
  }

  #market-value .inner .maket-value_tile .egg {
    width: 17.0666666667vw;
    position: absolute;
    top: 16vw;
    right: 1.3333333333vw;
  }

  #market-value .inner .maket-value_tile .egg .egg-shadow {
    top: 24vw;
  }

  #market-value .inner h2 {
    width: 67.4666666667vw;
    position: relative;
    z-index: 3001;
  }

  #market-value .inner .flex-line {
    width: 52.4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -1.3333333333vw;
    margin-bottom: 11.3333333333vw;
    margin-left: 10.6666666667vw;
    z-index: 3000;
  }

  #market-value .inner .flex-line::before {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #000;
    display: block;
  }

  #market-value .inner .flex-line p {
    font-size: 3.2vw;
    font-weight: 400;
  }

  #market-value .inner h3 {
    width: 86vw;
    margin-bottom: 11.4666666667vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 5.6vw;
    line-height: 200%;
    font-family: "Sawarabi Mincho";
  }

  #market-value .inner h3 span {
    display: inline-block;
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 8.4vw;
    background: url(/assets/img/market-bg.svg) 0 5px no-repeat;
    width: 46.6666666667vw;
    height: 14vw;
    padding-left: 2.2666666667vw;
    padding-top: 0.8vw;
  }

  #market-value .market-value_text {
    width: 84vw;
    margin: 0 auto 6.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 190%;
    text-align: justify;
  }

  #market-value .value_Area {
    display: block;
    width: 84vw;
    margin: 0 auto;
    position: static;
  }

  #market-value .value {
    width: 100%;
    background-color: #ffffff;
  }

  #market-value .value .value-line {
    border-bottom: #f19140 2px solid;
  }

  #market-value .value>div {
    width: 100%;
    padding-top: 9.3333333333vw;
    padding-bottom: 9.3333333333vw;
  }

  #market-value .value>div:first-child {
    padding-top: 9.3333333333vw;
  }

  #market-value .value>div>h4 {
    font-size: 4vw;
    font-weight: 900;
    margin-left: 3.7333333333vw;
    margin-bottom: 3.2vw;
  }

  #market-value .value>div>h4 span {
    font-weight: 300;
    margin-left: 0;
    margin-right: 4.5333333333vw;
  }

  #market-value .value>div>p {
    width: 76.5333333333vw;
    margin: 0 auto;
    font-size: 3.7333333333vw;
    font-weight: 300;
    line-height: 155%;
  }

  #market-value .value>div:last-child {
    position: relative;
    padding-bottom: 30.2666666667vw;
    margin-bottom: 13.3333333333vw;
  }

  #market-value .value>div:last-child p {
    width: 76.5333333333vw;
    padding-bottom: 4.2666666667vw;
  }

  #market-value .value>div:last-child .yashi {
    width: 21.3333333333vw;
    position: absolute;
    top: 48vw;
    left: 59.8666666667vw;
    padding: 0;
  }

  #market-value .value>div:last-child .photo {
    padding: 0;
    width: 60.2666666667vw;
    margin-bottom: 0;
    background-color: transparent;
    position: absolute;
    bottom: -5.0666666667vw;
    left: 4vw;
  }

  #development {
    background-color: #F1E8EA;
    min-width: 100%;
  }

  #development>.inner {
    width: 84vw;
    margin: 0 auto;
    padding-top: 11.0666666667vw;
  }

  #development h2 {
    width: 64.9333333333vw;
    margin-left: 9.5333333333vw;
  }

  #development .flex-line {
    width: 40vw;
    margin: 1.7333333333vw auto 7.6vw;
    text-align: center;
  }

  #development .flex-line::before {
    content: "";
    height: 1px;
    background: #000;
    display: block;
    margin-bottom: 2.6666666667vw;
  }

  #development .flex-line p {
    font-size: 3.2vw;
    font-weight: 400;
  }

  #development h3 {
    width: 68vw;
    margin: 0 auto 11.6vw;
    font-size: 5.6vw;
    line-height: 200%;
    font-family: "Sawarabi Mincho";
  }

  #development h3 span {
    display: inline-block;
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 8.4vw;
  }

  #development h3 span.white-1 {
    background: url(/img/sect4-h3-white-1.svg) 0 0.6666666667vw no-repeat;
    background-size: contain;
    width: 30vw;
    height: 14vw;
    padding-left: 2.2666666667vw;
  }

  #development h3 span.white-2 {
    background: url(/img/sect4-h3-white-2.svg) 0 0.6666666667vw no-repeat;
    background-size: contain;
    width: 22vw;
    height: 14vw;
    padding-left: 2.2666666667vw;
  }

  #development h3 span.orange {
    background: url(/img/sect4-h3-orange.svg) 0 0.6666666667vw no-repeat;
    background-size: contain;
    width: 38vw;
    height: 14vw;
    padding-left: 1.3333333333vw;
  }

  #development .dev-area {
    width: 84vw;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }

  #development .dev-area h4 {
    font-size: 4vw;
    font-weight: 900;
    margin-bottom: 4vw;
  }

  #development .dev-area h4::before {
    content: "●";
    color: #ed6d00;
    margin-right: 0.3em;
  }

  #development .dev-area h5 {
    font-size: 3.2vw;
    font-weight: 900;
  }

  #development .dev-area p {
    font-size: 3.2vw;
    font-weight: 900;
  }

  #development .dev-area .Industry-area {
    width: 55.4666666667vw;
    padding-bottom: 10vw;
  }

  #development .dev-area .Industry-area .graph-area {
    width: 100%;
    height: 11.3333333333vw;
    margin-bottom: 4.6666666667vw;
    position: relative;
  }

  #development .dev-area .Industry-area .graph-area h5 {
    position: absolute;
    z-index: 701;
    top: 4vw;
    left: 1.3333333333vw;
  }

  #development .dev-area .Industry-area .graph01 {
    position: absolute;
    width: 55.4666666667vw;
    z-index: 100;
  }

  #development .dev-area .Industry-area .number1 {
    position: absolute;
    top: 4vw;
    right: 1.3333333333vw;
    z-index: 101;
  }

  #development .dev-area .Industry-area .icon1 {
    width: 7.0666666667vw;
    position: absolute;
    top: 2.4vw;
    left: 6em;
    z-index: 102;
  }

  #development .dev-area .Industry-area .graph02 {
    position: absolute;
    width: 53.2vw;
    z-index: 200;
  }

  #development .dev-area .Industry-area .number2 {
    position: absolute;
    top: 4vw;
    right: 3.6vw;
    z-index: 201;
  }

  #development .dev-area .Industry-area .icon2 {
    width: 7.3333333333vw;
    position: absolute;
    top: 2.4vw;
    left: 6em;
    z-index: 202;
  }

  #development .dev-area .Industry-area .graph03 {
    position: absolute;
    width: 44.2666666667vw;
    z-index: 300;
  }

  #development .dev-area .Industry-area .number3 {
    position: absolute;
    top: 4vw;
    right: 12.5333333333vw;
    z-index: 301;
  }

  #development .dev-area .Industry-area .icon3 {
    width: 7.8666666667vw;
    position: absolute;
    top: 2.4vw;
    left: 3em;
    z-index: 302;
  }

  #development .dev-area .Industry-area .graph04 {
    position: absolute;
    width: 26.5333333333vw;
    z-index: 400;
  }

  #development .dev-area .Industry-area .number4 {
    position: absolute;
    top: 4vw;
    left: 5em;
    z-index: 401;
  }

  #development .dev-area .Industry-area .icon4 {
    width: 8.4vw;
    position: absolute;
    top: 2.4vw;
    right: 19.2vw;
    z-index: 402;
  }

  #development .dev-area .Industry-area .graph05 {
    position: absolute;
    width: 22.1333333333vw;
    z-index: 500;
  }

  #development .dev-area .Industry-area .number5 {
    position: absolute;
    top: 4vw;
    left: 4em;
    z-index: 501;
  }

  #development .dev-area .Industry-area .icon5 {
    width: 6vw;
    position: absolute;
    top: 2.4vw;
    left: 7em;
    z-index: 502;
  }

  #development .dev-area .Industry-area .graph06 {
    position: absolute;
    width: 20vw;
    z-index: 600;
  }

  #development .dev-area .Industry-area .number6 {
    position: absolute;
    top: 4vw;
    left: 4em;
    z-index: 601;
  }

  #development .dev-area .Industry-area .icon6 {
    width: 7.0666666667vw;
    position: absolute;
    top: 2.4vw;
    left: 6.5em;
    z-index: 602;
  }

  #development .dev-area .Industry-area .graph01 span,
  #development .dev-area .Industry-area .graph02 span,
  #development .dev-area .Industry-area .graph03 span,
  #development .dev-area .Industry-area .graph04 span,
  #development .dev-area .Industry-area .graph05 span,
  #development .dev-area .Industry-area .graph06 span {
    display: inline-block;
    width: 0;
    height: 11.3333333333vw;
    background: -o-linear-gradient(left, #8CC63F, #1BA98A);
    background: -webkit-gradient(linear, left top, right top, from(#8CC63F), to(#1BA98A));
    background: linear-gradient(to right, #8CC63F, #1BA98A);
    position: absolute;
    top: 0;
    left: 0;
  }

  #development .dev-area .Provided-Area {
    width: 82vw;
  }

  #development .dev-area .Provided-Area .graph-area {
    width: 100%;
    height: 11.3333333333vw;
    margin-bottom: 4.6666666667vw;
    position: relative;
  }

  #development .dev-area .Provided-Area .graph-area:last-child {
    margin-bottom: 10vw;
  }

  #development .dev-area .Provided-Area .graph-area h5 {
    position: absolute;
    z-index: 1301;
    top: 4vw;
    left: 1.3333333333vw;
  }

  #development .dev-area .Provided-Area .graph01 {
    position: absolute;
    width: 82vw;
    z-index: 1000;
  }

  #development .dev-area .Provided-Area .number1 {
    position: absolute;
    top: 4vw;
    right: 1.3333333333vw;
    z-index: 1001;
  }

  #development .dev-area .Provided-Area .graph02 {
    position: absolute;
    width: 62.1333333333vw;
    z-index: 1100;
  }

  #development .dev-area .Provided-Area .number2 {
    position: absolute;
    top: 4vw;
    right: 21.3333333333vw;
    z-index: 1101;
  }

  #development .dev-area .Provided-Area .graph03 {
    position: absolute;
    width: 77.6vw;
    z-index: 1200;
  }

  #development .dev-area .Provided-Area .number3 {
    position: absolute;
    top: 4vw;
    right: 6.4vw;
    z-index: 1201;
  }

  #development .dev-area .Provided-Area .graph01 span,
  #development .dev-area .Provided-Area .graph02 span,
  #development .dev-area .Provided-Area .graph03 span {
    display: block;
    width: 0;
    height: 11.3333333333vw;
    background: -o-linear-gradient(left, #FFC63F, #FF8100);
    background: -webkit-gradient(linear, left top, right top, from(#FFC63F), to(#FF8100));
    background: linear-gradient(to right, #FFC63F, #FF8100);
    position: absolute;
    top: 0;
    left: 0;
  }

  #development .dev-area .Tech-Aera {
    width: 84vw;
  }

  #development .dev-area .Tech-Aera>.inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #development .dev-area .Tech-Aera p {
    font-weight: 900;
    font-size: 6.6666666667vw;
    margin-bottom: 3.3333333333vw;
  }

  #development .dev-area .Tech-Aera p:nth-child(1) {
    font-size: 13.3333333333vw;
    margin-right: 9.3333333333vw;
  }

  #development .dev-area .Tech-Aera p:nth-child(2) {
    font-size: 10vw;
    margin-right: 9.3333333333vw;
  }

  #development .dev-area .Tech-Aera p:nth-child(3) {
    font-size: 10vw;
  }

  #development .dev-area .Tech-Aera p:nth-child(4) {
    margin-right: 7.0666666667vw;
  }

  #development .dev-area .Tech-Aera p:nth-child(6) {
    margin-right: 7.0666666667vw;
  }

  #grows {
    background-color: #F1E8EA;
    min-width: 100%;
  }

  #grows .inner {
    width: 84vw;
    margin: 0 auto;
    padding-top: 11.0666666667vw;
  }

  #grows h2 {
    width: 31.4666666667vw;
    margin-left: 26.2666666667vw;
  }

  #grows .flex-line {
    width: 40vw;
    margin: 1.7333333333vw auto 7.6vw;
    text-align: center;
  }

  #grows .flex-line::before {
    content: "";
    height: 1px;
    background: #000;
    display: block;
    margin-bottom: 2.6666666667vw;
  }

  #grows .flex-line p {
    font-size: 3.2vw;
    font-weight: 400;
  }

  #grows h3 {
    width: 79.0666666667vw;
    margin: 0 auto 11.4666666667vw;
    font-size: 5.6vw;
    line-height: 200%;
    font-family: "Sawarabi Mincho";
    text-align: center;
  }

  #grows h3 span {
    display: inline-block;
    color: #fff;
  }

  #grows h3 span.gray-ce {
    background: url(/img/sect5-h3-bg-gr.svg) 0 1.6vw no-repeat;
    background-size: contain;
    width: 8vw;
    height: 10vw;
    padding-left: 0;
  }

  #grows h3 span.orange {
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 8.4vw;
    background: url(/img/sect5-h3-bg-ora.svg) 0 0.3vw no-repeat;
    background-size: contain;
    width: 13vw;
    height: 14vw;
    padding-left: 0;
    padding-right: 1.4vw;
  }

  #grows h3+div {
    width: 100%;
    margin: 0 auto;
    overflow: scroll;
    border: #fff 2px solid;
    padding: 1.3333333333vw;
  }

  #grows h3+div img {
    height: 72.6666666667vw;
    width: auto;
  }

  #Working {
    background-color: #F1E8EA;
    min-width: 100%;
  }

  #Working .inner {
    width: 84vw;
    margin: 0 auto;
    padding-top: 11.0666666667vw;
    position: relative;
  }

  #Working h2 {
    width: 64.9333333333vw;
    margin-left: 9.5333333333vw;
  }

  #Working .flex-line {
    width: 40vw;
    margin: 1.7333333333vw auto 7.6vw;
    text-align: center;
  }

  #Working .flex-line::before {
    content: "";
    height: 1px;
    background: #000;
    display: block;
    margin-bottom: 2.6666666667vw;
  }

  #Working .flex-line p {
    font-size: 3.2vw;
    font-weight: 400;
  }

  #Working h3 {
    width: 78.9333333333vw;
    margin: 0 auto 5.3333333333vw;
    font-size: 5.6vw;
    font-family: "Sawarabi Mincho";
  }

  #Working h3 span {
    display: inline-block;
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 8.4vw;
    background: url(/img/sect6-h3-bg.svg) 0 0.6666666667vw no-repeat;
    width: 22.4vw;
    height: 14vw;
    padding-top: 0.8vw;
  }

  #Working .attention {
    font-size: 2.5333333333vw;
    text-align: center;
    margin-bottom: 6.1333333333vw;
  }

  #Working .pie-chart {
    display: block;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 84vw;
  }

  #Working .pie-chart h4 {
    font-size: 4.8vw;
    font-weight: 900;
    text-align: center;
    margin-bottom: 2.4vw;
  }

  #Working .pie-chart .chart-Area {
    width: 60vw;
    height: 60vw;
    position: relative;
    margin: 0 auto;
  }

  #Working .pie-chart .chart-Area .ov-Area {
    position: absolute;
    top: 0;
    left: 0;
    width: 60vw;
    height: 60vw;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    color: #333;
    font-size: 4vw;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
  }

  #Working .pie-chart .chart-Area .chart p {
    position: absolute;
  }

  #Working .pie-chart .chart-Area .chart div {
    width: 60vw;
    position: absolute;
    top: 0;
    left: 0;
  }

  #Working .pie-chart .pie-chart1 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart1 .ov-Area {
    z-index: 51;
    padding-top: 2em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart1 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart1 .chart p {
    width: 29.4666666667vw;
    z-index: 41;
    top: 21.2vw;
    left: 17.2vw;
  }

  #Working .pie-chart .pie-chart2 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart2 .ov-Area {
    z-index: 52;
    padding-top: 3.5em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart2 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart2 .chart p {
    width: 29.4666666667vw;
    z-index: 42;
    top: 21.2vw;
    left: 17.2vw;
  }

  #Working .pie-chart .pie-chart3 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart3 .ov-Area {
    z-index: 53;
    padding-top: 3.3em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart3 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart3 .chart p {
    width: 44.9333333333vw;
    z-index: 43;
    top: 23.7333333333vw;
    left: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart4 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart4 .ov-Area {
    z-index: 54;
    padding-top: 3.5em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart4 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart4 .chart p {
    width: 30.1333333333vw;
    z-index: 44;
    top: 20.1333333333vw;
    left: 17.2vw;
  }

  #Working .pie-chart .pie-chart5 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart5 .ov-Area {
    z-index: 55;
    padding-top: 4.5em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart5 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart5 .chart p {
    width: 29.4666666667vw;
    z-index: 45;
    top: 21.2vw;
    left: 17.2vw;
  }

  #Working .pie-chart .pie-chart6 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart6 .ov-Area {
    z-index: 56;
    padding-top: 3.5em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart6 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart6 .chart p {
    width: 39.3333333333vw;
    z-index: 46;
    top: 20.5333333333vw;
    left: 11.7333333333vw;
  }

  #Working .pie-chart .pie-chart7 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart7 .ov-Area {
    z-index: 57;
    padding-top: 2.5em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart7 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart7 .chart p {
    width: 10.8vw;
    z-index: 47;
    top: 20.8vw;
    left: 24.6666666667vw;
  }

  #Working .pie-chart .pie-chart8 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart8 .ov-Area {
    z-index: 58;
    padding-top: 3.5em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart8 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart8 .chart p {
    width: 29.4666666667vw;
    z-index: 48;
    top: 21.2vw;
    left: 17.2vw;
  }

  #Working .pie-chart .pie-chart9 {
    margin-bottom: 7.3333333333vw;
  }

  #Working .pie-chart .pie-chart9 .ov-Area {
    z-index: 59;
    padding-top: 3.5em;
    opacity: 0;
    -webkit-transition: all 300ms 0s ease;
    -o-transition: all 300ms 0s ease;
    transition: all 300ms 0s ease;
  }

  #Working .pie-chart .pie-chart9 .ov-Area:hover {
    opacity: 1;
  }

  #Working .pie-chart .pie-chart9 .chart p {
    width: 28.4vw;
    z-index: 49;
    top: 20.8vw;
    left: 17.3333333333vw;
  }

  #recruit .inner {
    width: 84vw;
    margin: 8vw auto;
    text-align: center;
  }

  #recruit .inner h3 {
    text-align: center;
    font-size: 5.0666666667vw;
    font-weight: 900;
    margin-bottom: 6vw;
  }

  #recruit .inner p {
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 150%;
  }

  #recruit a.banner-recruit {
    font-size: 5.3333333333vw;
    font-weight: 900;
  }

  #recruit a.banner-recruit span {
    font-size: 3.8666666667vw;
    font-weight: 400;
  }

  #recruit a.banner-recruit span::after {
    content: "▶︎";
    color: #ed6d00;
    padding-left: 1.3333333333vw;
  }

  #recruit a.banner-recruit .banner {
    width: 100%;
    height: 32.6666666667vw;
    display: block;
    background: url(/img/footer__link-img.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 13.3333333333vw;
  }

  footer {
    width: 100%;
  }

  footer .banner-Area {
    width: 84vw;
    margin: 0 auto;
    padding-top: 12.6666666667vw;
    padding-bottom: 0;
    display: block;
  }

  footer .banner-Area div {
    width: 84vw;
    margin-bottom: 5.3333333333vw;
  }

  footer .banner-Area div:first-child {
    margin-right: 0;
  }

  footer .banner-Area div:nth-child(3) {
    margin-left: 0;
  }

  footer .banner-Area-sports {
    width: 84vw;
    margin: 0 auto 12.6666666667vw;
  }

  footer .banner-Area-sports div {
    width: 100%;
  }

  footer .banner-Area-sports div p {
    font-size: 2.9333333333vw;
    text-align: center;
    padding-bottom: 1.3333333333vw;
  }

  footer .link-Area-security-policy {
    font-size: 2.6666666666vw;
    text-align: center;
    padding: 4.8vw 0;
    border-top: 0.6666666666vw solid #4D4D4D;
  }

  footer .footer-Area {
    background-color: #4D4D4D;
    min-width: 100%;
  }

  footer .footer-Area .inner {
    width: 84vw;
    margin: 0 auto;
    text-align: center;
    padding-top: 8vw;
    padding-bottom: 6.6666666667vw;
  }

  footer .footer-Area .inner div {
    width: 26.6666666667vw;
    margin: 0 auto 2.6666666667vw;
  }

  footer .footer-Area .inner p {
    font-size: 2.1333333333vw;
    font-weight: 300;
    color: #fff;
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes open-movie {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 516.5px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    left: 269px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie-shadow {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 516.5px;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 1;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 1;
    left: 269px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie-sp {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 0;
    left: 8vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie-shadow-sp {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }

  75% {
    opacity: 1;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  100% {
    opacity: 1;
    left: 8vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}

@keyframes open-movie-logo {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    left: 516.5px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  75% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }

  100% {
    opacity: 1;
    left: 269px;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes open-movie-logo-sp {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
    left: 34.5333333333vw;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  75% {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
  }

  100% {
    opacity: 1;
    left: 8vw;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes fade-op {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fade-op-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes move-op {
  0% {
    opacity: 0;
    left: 269px;
  }

  100% {
    opacity: 1;
    left: 612px;
  }
}

@keyframes move-op-sp {
  0% {
    opacity: 0;
    left: 8vw;
  }

  100% {
    opacity: 1;
    left: 42.5333333333vw;
  }
}

@keyframes move-ware {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes scale {
  0% {
    width: 0;
  }

  100% {
    width: 220px;
  }
}

@keyframes scale-sp {
  0% {
    width: 0;
  }

  100% {
    width: 32.5333333333vw;
  }
}

@keyframes purupuru2 {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(0.98, 0.95);
    transform: scale(0.98, 0.95);
  }
}

@keyframes buruburu {
  0% {
    -webkit-transform: translate(0, 0) rotate(-3deg);
    transform: translate(0, 0) rotate(-3deg);
  }

  50% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
    transform: translate(0, -1px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(3deg);
    transform: translate(0, 0) rotate(3deg);
  }
}

@keyframes scaleX {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes graph-grows {
  0% {
    width: 0;
  }

  100% {
    width: 1135px;
  }
}

@keyframes egg-dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes egg-dash-safari {
  to {
    stroke-dashoffset: 472;
  }
}

@keyframes egg-dash-safari-graph {
  to {
    stroke-dashoffset: 2800;
  }
}

@keyframes graph-move {
  0% {
    top: 540px;
  }

  100% {
    top: 0px;
  }
}

@keyframes popup {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes scrollDown {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }

  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}

@media screen and (max-width: 750px) {
  #about_us {
    width: 100%;
    overflow-x: hidden !important;
  }

  #about_us header {
    width: 100%;
    min-width: 100%;
    position: fixed;
    z-index: 88888;
  }

  #about_us header .inner {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #about_us header .inner h1 {
    width: 46px;
    width: 6.1333333333vw;
    margin-top: 10px;
    margin-top: 1.3333333333vw;
    margin-left: 25px;
    margin-left: 3.3333333333vw;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #about_us header .inner .navi-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 18px;
    padding-bottom: 2.4vw;
    padding-left: 40px;
    padding-left: 5.3333333333vw;
  }

  #about_us header .inner .navi-link li {
    font-size: 21px;
    font-size: 2.8vw;
    padding-right: 25px;
    padding-right: 3.3333333333vw;
    padding-top: 33px;
    padding-top: 4.4vw;
  }

  #about_us header .inner .navi-link .bg-ornge {
    padding: 0;
  }

  #about_us header .inner .navi-link .bg-ornge a {
    margin-top: 2.4vw;
    width: 270px;
    width: 36vw;
    font-size: 20px;
    font-size: 2.6666666667vw;
    border-radius: 1.2vw;
    padding-top: 16px;
    padding-top: 2.1333333333vw;
    padding-left: 23px;
    padding-left: 3.0666666667vw;
    padding-bottom: 16px;
    padding-bottom: 2.1333333333vw;
    padding-right: 23px;
    padding-right: 3.0666666667vw;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  #about_us #company {
    background-color: #F1E8EA;
    overflow: hidden;
  }

  #about_us #company>.inner {
    width: 100%;
    padding-top: 24vw;
  }

  #about_us #company h2 {
    width: 88.4vw;
    margin-left: 5.7333333333vw;
  }

  #about_us #company .flex-line {
    width: 40vw;
    margin: 1.7333333333vw auto 7.6vw;
    text-align: center;
  }

  #about_us #company .flex-line::before {
    content: "";
    height: 1px;
    background: #000;
    display: block;
    margin-bottom: 2.6666666667vw;
  }

  #about_us #company .flex-line p {
    font-size: 3.2vw;
    font-weight: 400;
  }

  #about_us #company h3 {
    width: 63.3333333333vw;
    margin: 0 auto 11.4666666667vw;
    font-size: 5.6vw;
    text-align: center;
    font-family: "Sawarabi Mincho";
  }

  #about_us #company h3 span {
    display: inline-block;
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 8.4vw;
  }

  #about_us #company h3 span.white {
    background: url(/about/img/company-h3-wh-bg.svg) 0.8vw 0.6666666667vw no-repeat;
    background-size: 96% auto;
    width: 22vw;
    height: 15vw;
    padding-left: 0;
    padding-top: 0;
  }

  #about_us #company h3 span.orange {
    color: #ffffff;
    background: url(/about/img/company-h3-ora-bg.svg) 0 0.6666666667vw no-repeat;
    background-size: 96% auto;
    width: 54vw;
    height: 15vw;
    padding-left: 2vw;
    padding-top: 0;
  }

  #about_us #company .companyInfo {
    width: 100vw;
    margin: 0;
    overflow: hidden;
    font-size: 3.7333333333vw;
    font-weight: 400;
    padding-bottom: 5.3333333333vw;
    line-height: 154%;
  }

  #about_us #company .companyInfo table {
    border-collapse: collapse;
    border-top: #ffffff 4px solid;
    width: 100%;
  }

  #about_us #company .companyInfo th,
  #about_us #company .companyInfo td {
    border-bottom: #ffffff 4px solid;
    padding: 6.6666666667vw 0;
  }

  #about_us #company .companyInfo th {
    font-weight: 400;
    width: 5.5em;
    padding-left: 4vw;
  }

  #about_us #company .companyInfo td {
    padding-right: 4vw;
  }

  #about_us #company .companyInfo ul {
    display: inline-block;
  }

  #about_us #company .companyInfo .company-name {
    font-size: 3.7333333333vw;
    display: block;
    width: 53.3333333333vw;
  }

  #about_us #company .companyInfo .company-name span {
    font-size: 1em;
  }

  #about_us #company .companyInfo .adrress {
    font-size: 3.7333333333vw;
    line-height: 175%;
  }

  #about_us #company .companyInfo .member {
    padding-right: 6.6666666667vw;
    font-size: 3.7333333333vw;
  }

  #about_us #company .companyInfo .member span {
    font-size: 0.8em;
    display: block;
    width: 40vw;
    margin-top: 1.3333333333vw;
  }

  #about_us #company .companyInfo .info-security .info-security-cell {
    padding-left: 4vw;
  }

  #about_us #company .companyInfo .info-security .info-security-cell .ISMS-logo {
    border: 0.2564102564102564vw solid #000;
    width: 61.53846153846154vw;
    height: 29.871794871794872vw;
    padding: 2.564102564102564vw;
    margin-top: 5.128205128205128vw;
  }


  #about_us #access {
    background-color: #F1E8EA;
  }

  #about_us #access>.inner {
    width: 100%;
    margin: 0 auto 11.3333333333vw;
    padding-top: 9.3333333333vw;
  }

  #about_us #access h2 {
    width: 60.2666666667vw;
    margin-left: 19.8666666667vw;
  }

  #about_us #access .flex-line {
    width: 40vw;
    margin: 1.7333333333vw auto 7.6vw;
    text-align: center;
  }

  #about_us #access .flex-line::before {
    content: "";
    height: 1px;
    background: #000;
    display: block;
    margin-bottom: 2.6666666667vw;
  }

  #about_us #access .flex-line p {
    font-size: 3.2vw;
    font-weight: 400;
  }

  #about_us #access .access-title-tokyo {
    width: 58.4vw;
    margin: 0 auto 3.3333333333vw;
  }

  #about_us #access .access-title-naha {
    width: 37.6vw;
    margin: 18vw auto 3.3333333333vw;
  }

  #about_us #access #map1 {
    width: 100%;
    height: 37.3333333333vw;
    margin: 0 auto;
    border: #ffffff 1px solid;
  }

  #about_us #access #map_naha {
    width: 100%;
    height: 37.3333333333vw;
    margin: 0 auto;
    border: #ffffff 1px solid;
  }

  #about_us #access .address-tokyo {
    width: 92vw;
    margin: 3.7333333333vw auto 0;
    display: block;
  }

  #about_us #access .address-tokyo h4 {
    font-size: 3.7333333333vw;
    font-weight: 700;
    width: 100%;
    line-height: 155%;
    padding-bottom: 3.3333333333vw;
  }

  #about_us #access .address-tokyo p {
    width: 100%;
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 155%;
    margin-bottom: 5.2vw;
  }

  #about_us #access .address-naha {
    width: 92vw;
    margin: 3.7333333333vw auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #about_us #access .address-naha h4 {
    font-size: 3.7333333333vw;
    font-weight: 700;
    width: 100%;
    line-height: 155%;
    padding-bottom: 3.3333333333vw;
  }

  #about_us #access .address-naha p {
    width: 445px;
    font-size: 3.7333333333vw;
    font-weight: 400;
    line-height: 155%;
    margin-bottom: 5.2vw;
  }
}

#about_us #security-policy {
  background-color: #F1E8EA;
}

#about_us #security-policy>.inner {
  width: 1346px;
  margin: 0 auto;
  padding-top: 90px;

}

#about_us #security-policy h2 {
  width: 1064px;
  margin: 0 auto;
}

#about_us #security-policy .flex-line {
  width: 212.5px;
  margin: 11.05px auto 48.45px;
  text-align: center;
}

#about_us #security-policy .flex-line::before {
  content: "";
  height: 1px;
  background: #000;
  display: block;
  margin-bottom: 17px;
}

#about_us #security-policy .flex-line p {
  font-size: 17px;
  font-weight: 400;
}

#about_us #security-policy .security-policyContents {
  width: 1104px;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 400;
  padding-bottom: 226px;
  line-height: 180%;
}

#about_us #security-policy .security-policyContents .philosophy {
  margin-bottom: 80px;
}

#about_us #security-policy .security-policyContents .philosophy h3 {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 28px;
}

#about_us #security-policy .security-policyContents .policy h3 {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 38px;
}

#about_us #security-policy .security-policyContents .policy table {
  border-collapse: separate;
  border-spacing: 0 40px;
  margin-top: -40px;
}

#about_us #security-policy .security-policyContents .policy table th {
  font-weight: 400;
  width: 85px;
}

#about_us #security-policy .security-policyContents .signature {
  text-align: right;
  margin-top: 50px;
}

@media screen and (max-width: 750px) {
  #about_us #security-policy {
    overflow: hidden;
  }

  #about_us #security-policy>.inner {
    width: 100%;
    padding-top: 24vw;
  }

  #about_us #security-policy h2 {
    width: 78.4vw;
  }

  #about_us #security-policy .flex-line {
    width: 40vw;
    margin: 1.7333333333vw auto 7.6vw;
    text-align: center;
  }

  #about_us #security-policy .flex-line::before {
    content: "";
    height: 1px;
    background: #000;
    display: block;
    margin-bottom: 2.6666666667vw;
  }

  #about_us #security-policy .flex-line p {
    font-size: 3.2vw;
    font-weight: 400;
  }

  #about_us #security-policy .security-policyContents {
    width: 92vw;
    margin: 0 auto;
    font-size: 3.7333333333vw;
    padding-bottom: 24vw;
    line-height: 180%;
  }

  #about_us #security-policy .security-policyContents .philosophy {
    margin-bottom: 10.93333333333vw;
  }

  #about_us #security-policy .security-policyContents .philosophy h3 {
    font-size: 3.7333333333vw;
    font-weight: 500;
    margin-bottom: 3.8vw;
  }

  #about_us #security-policy .security-policyContents .policy h3 {
    font-size: 3.7333333333vw;
    font-weight: 500;
    margin-bottom: 3.8vw;
  }

  #about_us #security-policy .security-policyContents .policy table {
    border-spacing: 0 8vw;
    margin-top: -8vw;
    text-align: justify;
  }

  #about_us #security-policy .security-policyContents .policy table th {
    width: 6.4vw;
  }

  #about_us #security-policy .security-policyContents .signature {
    margin-top: 2vw;
  }

}