/* setting import */
section {
  position: relative;
  width: 100%; }
  section .decoration_ball_container {
    width: 700px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
    section .decoration_ball_container .decoration_ball {
      position: absolute;
      z-index: 0; }
      section .decoration_ball_container .decoration_ball .db_inner {
        width: 100%;
        height: 0;
        padding-top: 100%; }
        section .decoration_ball_container .decoration_ball .db_inner canvas {
          position: absolute;
          top: 0;
          left: 0; }
  section .section_inner {
    position: relative;
    width: 700px;
    margin: 0 auto;
    padding: 100px 0 0; }
    section .section_inner h2, section .section_inner h3 {
      display: block;
      line-height: 0; }
    section .section_inner .section_number {
      width: 40px;
      margin: 0 auto;
      padding-bottom: 15px; }
    section .section_inner h3 {
      width: 100%;
      padding: 12px 0;
      text-align: center;
      background: #e19891;
      border-radius: 10px; }
      section .section_inner h3 img {
        width: auto;
        height: 26px; }
      section .section_inner h3.line_2 img {
        height: 64px; }
    section .section_inner .concept_copy {
      padding-top: 25px;
      padding-bottom: 50px; }
    section .section_inner figure {
      display: block;
      margin: 0 auto; }
    section .section_inner .sml_box {
      width: 600px; }
    section .section_inner .detail_area {
      display: flex;
      margin: 0 auto;
      padding-top: 25px;
      flex-direction: row; }
      section .section_inner .detail_area .box_img {
        min-width: 196px; }
      section .section_inner .detail_area .box_img {
        margin: 0 24px 0 0; }
      section .section_inner .detail_area .box_txt {
        margin: -.4em 0 0 0; }
      section .section_inner .detail_area.reverse {
        flex-direction: row-reverse; }
        section .section_inner .detail_area.reverse .box_img {
          margin: 0 0 0 20px; }

#section0 .section_inner {
  z-index: 1;
  padding-top: 220px;
  padding-bottom: 10px; }
  #section0 .section_inner .concept_number {
    width: 80px;
    padding-bottom: 30px;
    margin: 0 auto; }
  #section0 .section_inner h2 {
    margin: 0 auto;
    text-align: center; }
    #section0 .section_inner h2 img {
      width: auto;
      height: 80px; }

#concept01 .decoration_ball_container .decoration_ball.db1 {
  top: 70px;
  left: -150px;
  width: 280px; }

#concept02 .decoration_ball_container .decoration_ball.db1 {
  top: 80px;
  right: -100px;
  width: 250px; }
#concept02 .decoration_ball_container .decoration_ball.db2 {
  top: 230px;
  left: -120px;
  width: 200px; }
#concept02 .mv_inner {
  display: flex;
  margin: 0 auto;
  padding-top: 70px; }
  #concept02 .mv_inner .mv_area {
    width: 100%; }
    #concept02 .mv_inner .mv_area video {
      width: 100%;
      display: block;
      margin: 0 auto; }
    #concept02 .mv_inner .mv_area .img_area {
      width: 100%;
      display: block;
      margin: 0 auto;
      position: relative; }
      #concept02 .mv_inner .mv_area .img_area .slide {
        width: 100%;
        margin: 0 1px;
        position: relative; }
    #concept02 .mv_inner .mv_area p {
      padding-top: 25px; }
      #concept02 .mv_inner .mv_area p span {
        font-size: 80%;
        padding-left: 1em; }

#concept03 .decoration_ball_container .decoration_ball.db1 {
  top: 100px;
  left: -150px;
  width: 300px; }
#concept03 .decoration_ball_container .decoration_ball.db2 {
  top: 200px;
  right: -200px;
  width: 220px; }
#concept03 .decoration_ball_container .decoration_ball.db3 {
  top: 70px;
  right: -10px;
  width: 140px; }
#concept03 .graph_img {
  width: 276px; }
#concept03 .graph_cap {
  padding-top: 25px;
  margin: 0 auto;
  width: 400px;
  display: block; }
#concept03 .steps h4 {
  display: block;
  width: 502px;
  margin: 0 auto; }
#concept03 .steps .step_inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top: 45px; }
  #concept03 .steps .step_inner .step {
    position: relative; }
    #concept03 .steps .step_inner .step .step_num {
      text-align: center;
      margin: 0 auto; }
      #concept03 .steps .step_inner .step .step_num img {
        width: auto;
        height: 44px; }
    #concept03 .steps .step_inner .step .step_img {
      margin: 0 auto;
      padding: 20px 0 12px;
      width: 178px; }
    #concept03 .steps .step_inner .step .step_txt {
      display: block;
      margin: 0 auto;
      text-align: center; }
      #concept03 .steps .step_inner .step .step_txt img {
        width: auto;
        height: 36px; }
    #concept03 .steps .step_inner .step:nth-child(1):before, #concept03 .steps .step_inner .step:nth-child(2):before {
      display: block;
      content: '';
      position: absolute;
      top: 118px;
      right: -40px;
      width: 20px;
      height: 20px;
      border-top: 1px solid #2e2624;
      border-right: 1px solid #2e2624;
      transform: rotateZ(45deg); }
    #concept03 .steps .step_inner .step:nth-child(1) {
      margin-right: 50px; }
    #concept03 .steps .step_inner .step:nth-child(2) {
      margin-left: 22px;
      margin-right: 37px; }
    #concept03 .steps .step_inner .step:nth-child(3) {
      margin-left: 18px; }

#annotation .section_inner {
  padding: 85px 0 0;
  background-color: #f7f8f8; }
  #annotation .section_inner p {
    display: block;
    margin: 0 auto;
    width: 700px; }

.slick-slide {
  outline: none; }

.slick-disabled {
  display: none !important; }

.prev-arrow, .next-arrow {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border-top: 1px solid #2e2624;
  border-right: 1px solid #2e2624;
  cursor: pointer;
  z-index: 999; }

.prev-arrow {
  left: -40px;
  transform: rotateZ(-135deg); }

.next-arrow {
  right: -40px;
  transform: rotateZ(45deg); }

@media only screen and (max-width: 750px) {
  .pc, .pc-in {
    display: none !important; }

  .sp {
    display: block !important; }

  .sp-in {
    display: inline-block !important; }

  section {
    position: relative;
    width: 100%; }
    section .decoration_ball_container {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transform: translateX(0); }
      section .decoration_ball_container .decoration_ball {
        position: absolute;
        z-index: 0; }
    section .section_inner {
      position: relative;
      width: 85%;
      margin: 0 auto;
      padding: 14% 0 0; }
      section .section_inner h2, section .section_inner h3 {
        display: block;
        line-height: 0; }
      section .section_inner .section_number {
        width: 9.5%;
        margin: 0 auto;
        padding-bottom: 4.4%; }
      section .section_inner h3 {
        width: 100%;
        padding: 3.75% 0;
        text-align: center;
        background: #e19891;
        border-radius: 10px; }
        section .section_inner h3 img {
          width: auto;
          height: 4.7vw; }
        section .section_inner h3.line_2 img, section .section_inner h3.line_2-sp img {
          height: 11.73vw; }
      section .section_inner .concept_copy {
        padding-top: 6.25%;
        padding-bottom: 10%; }
      section .section_inner figure {
        display: block;
        margin: 0 auto; }
      section .section_inner .sml_box {
        width: 100%; }
      section .section_inner .detail_area {
        display: flex;
        margin: 0 auto;
        padding-top: 6.25%;
        flex-direction: row; }
        section .section_inner .detail_area .box_img {
          min-width: 50%; }
        section .section_inner .detail_area .box_img {
          margin: 0 3.5% 0 0; }
        section .section_inner .detail_area .box_txt {
          margin: -1vw 0 0 0; }
        section .section_inner .detail_area.reverse {
          flex-direction: row-reverse; }
          section .section_inner .detail_area.reverse .box_img {
            margin: 0 0 0 3%; }

  #section0 .section_inner {
    z-index: 1;
    padding-top: 21.5%;
    padding-bottom: 5%; }
    #section0 .section_inner .concept_number {
      width: 18.75%;
      padding-bottom: 6%;
      margin: 0 auto; }
    #section0 .section_inner h2 {
      margin: 0 auto;
      text-align: center; }
      #section0 .section_inner h2 img {
        width: auto;
        height: 15vw; }

  #concept01 .decoration_ball_container .decoration_ball.db1 {
    top: 0;
    left: -15%;
    width: 42%;
    transform: translateY(-30%); }

  #concept02 .decoration_ball_container .decoration_ball.db1 {
    top: 0;
    right: -24%;
    width: 48%;
    transform: translateY(-20%); }
  #concept02 .decoration_ball_container .decoration_ball.db2 {
    top: 0;
    left: -16%;
    width: 32%;
    transform: translateY(90%); }
  #concept02 section .section_inner .detail_area .box_img {
    min-width: 42%; }
  #concept02 section .section_inner .mv_inner {
    padding-top: 12%; }
    #concept02 section .section_inner .mv_inner.first {
      padding-top: 6.25%; }
    #concept02 section .section_inner .mv_inner p span {
      padding-left: 0; }
  #concept02 .prev-arrow, #concept02 .next-arrow {
    top: 50%;
    width: 4vw;
    height: 4vw;
    margin-top: -2vw; }
  #concept02 .prev-arrow {
    left: -4vw;
    transform: rotateZ(-135deg); }
  #concept02 .next-arrow {
    right: -4vw;
    transform: rotateZ(45deg); }

  #concept03 .decoration_ball_container .decoration_ball.db1 {
    top: 0;
    left: -24%;
    width: 48%;
    transform: translateY(-20%); }
  #concept03 .decoration_ball_container .decoration_ball.db2 {
    top: 0;
    right: -16%;
    width: 32%;
    transform: translateY(90%); }
  #concept03 .decoration_ball_container .decoration_ball.db3 {
    top: 0;
    right: 9%;
    width: 20%;
    transform: translateY(-40%); }
  #concept03 .graph_img {
    width: 72%; }
  #concept03 .graph_cap {
    padding-top: 6.875%;
    margin: 0 auto;
    width: 100%;
    display: block; }
  #concept03 .steps h4 {
    display: block;
    width: 100%;
    margin: 0 auto; }
  #concept03 .steps .step_inner {
    width: 100%;
    display: block;
    padding-top: 8%; }
    #concept03 .steps .step_inner .step {
      position: relative;
      width: 100%;
      text-align: center; }
      #concept03 .steps .step_inner .step .step_num {
        text-align: center;
        margin: 0 auto; }
        #concept03 .steps .step_inner .step .step_num img {
          display: inline-block;
          width: auto;
          height: 10.8vw; }
      #concept03 .steps .step_inner .step .step_img {
        margin: 0 auto;
        padding: 7.8% 0;
        width: 59%; }
      #concept03 .steps .step_inner .step .step_txt {
        display: block;
        margin: 0 auto;
        text-align: center; }
        #concept03 .steps .step_inner .step .step_txt img {
          display: inline-block;
          width: auto;
          height: 12.8vw; }
      #concept03 .steps .step_inner .step:nth-child(1):before, #concept03 .steps .step_inner .step:nth-child(2):before {
        display: none; }
      #concept03 .steps .step_inner .step:nth-child(1), #concept03 .steps .step_inner .step:nth-child(2), #concept03 .steps .step_inner .step:nth-child(3) {
        margin-right: 0;
        margin-left: 0; }
  #concept03 .prev-arrow, #concept03 .next-arrow {
    top: 40vw;
    width: 5vw;
    height: 5vw; }
  #concept03 .prev-arrow {
    left: 0;
    transform: rotateZ(-135deg); }
  #concept03 .next-arrow {
    right: 0;
    transform: rotateZ(45deg); }

  #annotation .section_inner {
    padding: 9.2% 0;
    background-color: #f7f8f8; }
    #annotation .section_inner p {
      display: block;
      margin: 0 auto;
      width: 100%;
      padding: 0; } }

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