@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*メインイメージ*/
#under_mainimg {
  background: url("/img/about/mainimg.png") center/cover no-repeat; }

/*WRAPIとは？*/
#about {
  margin-bottom: 150px; }
  #about .title_wrap h3 {
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 5.2083333333%; }
    @media (min-width: 769px) {
      #about .title_wrap h3 {
        font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
    @media (min-width: 1200px) {
      #about .title_wrap h3 {
        font-size: 1.8rem; } }
    @media screen and (max-width: 769px) {
      #about .title_wrap h3 {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) {
      #about .title_wrap h3 {
        margin-bottom: 40px; } }
    #about .title_wrap h3 span {
      font-size: 2rem;
      letter-spacing: 2px; }
      @media (min-width: 769px) {
        #about .title_wrap h3 span {
          font-size: calc( 2rem + ( 1vw - 7.69px ) * 4.1763341067 ); } }
      @media (min-width: 1200px) {
        #about .title_wrap h3 span {
          font-size: 3.8rem; } }
  #about .piano_img {
    width: 50%;
    max-width: 230px;
    margin: auto;
    margin-bottom: 10.6382978723%; }
    @media screen and (max-width: 769px) {
      #about .piano_img {
        margin-bottom: 35px; } }
    @media screen and (min-width: 658px) {
      #about .piano_img {
        margin-bottom: 70px; } }
  #about .about_txt {
    font-size: 1.4rem;
    text-align: justify; }
    @media (min-width: 768px) {
      #about .about_txt {
        font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.462962963 ); } }
    @media (min-width: 1200px) {
      #about .about_txt {
        font-size: 1.6rem; } }
    #about .about_txt .mb {
      margin-bottom: 15px; }

/*ラッピングで生まれ変わるピアノ*/
#reborn {
  margin-bottom: 500px;
  position: relative;
  background: #fff;
  padding: 40px 0 100px; }
  #reborn .reborn_title {
    font-size: 1.8rem;
    margin-bottom: 8.4635416667%;
    color: #ED6D0F; }
    @media (min-width: 769px) {
      #reborn .reborn_title {
        font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.6241299304 ); } }
    @media (min-width: 1200px) {
      #reborn .reborn_title {
        font-size: 2.5rem; } }
    @media screen and (max-width: 769px) {
      #reborn .reborn_title {
        margin-bottom: 32.5px; } }
    @media screen and (min-width: 768px) {
      #reborn .reborn_title {
        margin-bottom: 65px; } }
  #reborn .reborn_box {
    margin-bottom: 40px; }
    #reborn .reborn_box .point_wrap {
      margin-bottom: 20px; }
      #reborn .reborn_box .point_wrap .point_number {
        font-size: 3.5rem;
        text-align: center;
        color: #ED6D0F; }
        @media (min-width: 769px) {
          #reborn .reborn_box .point_wrap .point_number {
            font-size: calc( 3.5rem + ( 1vw - 7.69px ) * -2.3201856148 ); } }
        @media (min-width: 1200px) {
          #reborn .reborn_box .point_wrap .point_number {
            font-size: 2.5rem; } }
      #reborn .reborn_box .point_wrap .point_title {
        font-size: 1.6rem;
        text-align: center; }
        @media (min-width: 769px) {
          #reborn .reborn_box .point_wrap .point_title {
            font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
        @media (min-width: 1200px) {
          #reborn .reborn_box .point_wrap .point_title {
            font-size: 2rem; } }
    #reborn .reborn_box .point_txt {
      font-size: 1.3rem;
      text-align: justify; }
      @media (min-width: 769px) {
        #reborn .reborn_box .point_txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #reborn .reborn_box .point_txt {
          font-size: 1.4rem; } }
    #reborn .reborn_box:last-child {
      margin-bottom: 0; }
  #reborn .piano {
    position: absolute;
    z-index: 2;
    width: 95%;
    max-width: 870px;
    top: 92%;
    left: 50%;
    transform: translate(-50%, 0); }
  #reborn .back_top {
    position: absolute;
    width: 105%;
    top: -7%;
    right: 0;
    overflow: hidden; }
    #reborn .back_top img {
      width: 110%;
      max-width: none; }
  #reborn .back_bottom {
    position: absolute;
    bottom: -70px;
    left: 0;
    overflow: hidden; }
    #reborn .back_bottom img {
      width: 110%;
      max-width: none; }
  #reborn .back {
    display: none; }

/*納期について*/
#nouki .roughly {
  font-size: 1.3rem;
  text-align: center;
  background: #FFA200;
  color: #fff;
  padding: 20px 10px;
  border-radius: 5px; }
  @media (min-width: 769px) {
    #nouki .roughly {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
  @media (min-width: 1200px) {
    #nouki .roughly {
      font-size: 1.4rem; } }

/*WRAPIについて*/
#about_btn h4 {
  font-size: 1.8rem;
  margin-bottom: 15.1975683891%;
  text-align: center; }
  @media (min-width: 769px) {
    #about_btn h4 {
      font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.6241299304 ); } }
  @media (min-width: 1200px) {
    #about_btn h4 {
      font-size: 2.5rem; } }
  @media screen and (max-width: 769px) {
    #about_btn h4 {
      margin-bottom: 50px; } }
  @media screen and (min-width: 658px) {
    #about_btn h4 {
      margin-bottom: 100px; } }
#about_btn .btn_wrap {
  margin-bottom: 12.1580547112%; }
  @media screen and (max-width: 769px) {
    #about_btn .btn_wrap {
      margin-bottom: 40px; } }
  @media screen and (min-width: 658px) {
    #about_btn .btn_wrap {
      margin-bottom: 80px; } }
  #about_btn .btn_wrap .btn_box {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 40px;
    transition: 0.3s; }
    #about_btn .btn_wrap .btn_box a .btn_name {
      font-size: 1.6rem;
      background: #604C3F;
      color: #fff;
      text-align: center;
      position: relative;
      padding: 10px 0; }
      @media (min-width: 769px) {
        #about_btn .btn_wrap .btn_box a .btn_name {
          font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
      @media (min-width: 1200px) {
        #about_btn .btn_wrap .btn_box a .btn_name {
          font-size: 1.8rem; } }
      #about_btn .btn_wrap .btn_box a .btn_name:after {
        position: absolute;
        content: "";
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        width: 5px;
        height: 5px;
        top: 50%;
        right: 25px;
        transform: rotate(45deg) translate(0, -50%); }
    #about_btn .btn_wrap .btn_box:hover {
      transition: 0.3s;
      opacity: 0.8; }
#about_btn .simulation_btn {
  padding: 0; }

@media screen and (min-width: 430px) {
  /*ラッピングで生まれ変わるピアノ*/
  #reborn .piano {
    width: 70%; }
  #reborn .back_top {
    top: -10%; } }
@media screen and (min-width: 600px) {
  /*ラッピングで生まれ変わるピアノ*/
  #reborn {
    margin-bottom: 600px; }
    #reborn .back_top {
      top: -13%; } }
@media screen and (min-width: 700px) {
  /*WRAPIとは？*/
  #about {
    margin-bottom: 250px; }

  /*ラッピングで生まれ変わるピアノ*/
  #reborn .back_top {
    top: -17%; } }
/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*WRAPIとは？*/
  #about {
    margin-bottom: 250px; }
    #about .about_txt {
      text-align: center; }

  /*ラッピングで生まれ変わるピアノ*/
  #reborn {
    margin-bottom: 400px; }
    #reborn .reborn_box .point_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      align-items: baseline;
      margin-bottom: 0; }
      #reborn .reborn_box .point_wrap .point_number {
        flex: 0 1 auto;
        width: auto;
        max-width: auto;
        margin-right: 10px; }
      #reborn .reborn_box .point_wrap .point_title {
        flex: 0 1 auto;
        width: auto;
        max-width: auto; }
    #reborn .piano {
      top: 90%; }
    #reborn .back_top {
      top: -20%; }
    #reborn .back_bottom {
      width: 100%;
      bottom: -20%; }

  /*WRAPIについて*/
  #about_btn .btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #about_btn .btn_wrap .btn_box {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%; } }
@media screen and (min-width: 830px) {
  /*ラッピングで生まれ変わるピアノ*/
  #reborn .back_top {
    top: -25%; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 900px) {
  /*WRAPIとは？*/
  #about {
    margin-bottom: 120px; }
    #about .about_txt.mb {
      margin-bottom: 30px; }

  /*ラッピングで生まれ変わるピアノ*/
  #reborn {
    margin-bottom: 350px;
    background: rgba(255, 255, 255, 0); }
    #reborn .reborn_title {
      margin-bottom: 25px; }
    #reborn .reborn_box {
      padding: 0 10% 0 3%; }
      #reborn .reborn_box .point_wrap {
        margin-bottom: 0; }
        #reborn .reborn_box .point_wrap .point_number {
          flex: 0 1 auto;
          width: auto;
          max-width: auto;
          margin-right: 10px; }
        #reborn .reborn_box .point_wrap .point_title {
          flex: 0 1 auto;
          width: auto;
          max-width: auto; }
    #reborn .piano {
      top: 80%;
      right: 10%;
      left: auto;
      transform: none;
      width: 60%; }
    #reborn .back_top {
      display: none; }
    #reborn .back_bottom {
      display: none; }
    #reborn .back {
      position: absolute;
      display: block;
      width: 100%;
      max-width: 1560px;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: -1; }

  /*WRAPIについて*/
  #about_btn .btn_wrap .btn_box {
    flex: 0 1 32%;
    width: 32%;
    max-width: 32%; } }
@media screen and (min-width: 1000px) {
  /*ラッピングで生まれ変わるピアノ*/
  #reborn .piano {
    top: 75%; }
  #reborn .back {
    top: -5%; } }
/*------------------------------
		1280px以上
------------------------------*/
@media screen and (min-width: 1200px) {
  /*WRAPIとは？*/
  #about {
    margin-bottom: 140px; }

  /*ラッピングで生まれ変わるピアノ*/
  #reborn {
    margin-bottom: 450px; }
    #reborn .reborn_title {
      margin-bottom: 65px; }
    #reborn .reborn_box {
      margin-bottom: 40px;
      padding: 0; }
    #reborn .piano {
      top: 65%;
      right: 10%; }
    #reborn .back {
      top: -15%; } }
@media screen and (min-width: 1400px) {
  /*ラッピングで生まれ変わるピアノ*/
  #reborn .piano {
    right: 17%; } }

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