@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
h2 {
  font-size: 1.8rem;
  font-weight: lighter;
  margin-bottom: 5%; }
  @media (min-width: 769px) {
    h2 {
      font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.3698630137 ); } }
  @media (min-width: 1280px) {
    h2 {
      font-size: 2.5rem; } }
  @media screen and (max-width: 769px) {
    h2 {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1200px) {
    h2 {
      margin-bottom: 60px; } }

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

.bnr_wp {
  margin-bottom: 30px; }
  .bnr_wp .bnr_box + .bnr_box {
    margin-top: 15px; }

/*料金について*/
#price {
  /* ピアノレンタル */
  /* 対応エリア */ }
  #price .btn_wrap {
    margin-bottom: 30px; }
    #price .btn_wrap li {
      font-size: 16px;
      margin-bottom: 15px; }
      #price .btn_wrap li a {
        position: relative;
        padding-left: 20px; }
        #price .btn_wrap li a:after {
          position: absolute;
          content: "";
          border-top: solid 2px #604C3F;
          border-right: solid 2px #604C3F;
          width: 5px;
          height: 5px;
          top: 50%;
          left: 0;
          transform: translate(0, -50%) rotate(45deg); }
  #price .common_degin {
    padding-top: 80px;
    margin-top: -70px;
    margin-bottom: 8.4635416667%;
    /* 掲載金額と実際の価格について */ }
    @media screen and (max-width: 769px) {
      #price .common_degin {
        margin-bottom: 32.5px; } }
    @media screen and (min-width: 768px) {
      #price .common_degin {
        margin-bottom: 65px; } }
    #price .common_degin .piano_title {
      font-size: 1.8rem;
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: solid 1px #EBEBEB; }
      @media (min-width: 769px) {
        #price .common_degin .piano_title {
          font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
      @media (min-width: 1200px) {
        #price .common_degin .piano_title {
          font-size: 2rem; } }
    #price .common_degin .img_box {
      width: 75%;
      margin: 0 auto 50px; }
    #price .common_degin table {
      font-size: 1.3rem;
      width: 100%;
      border: solid 2px #604C3F;
      table-layout: fixed; }
      @media (min-width: 769px) {
        #price .common_degin table {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.6241299304 ); } }
      @media (min-width: 1200px) {
        #price .common_degin table {
          font-size: 2rem; } }
      #price .common_degin table thead {
        border-bottom: solid 1px #604C3F; }
        #price .common_degin table thead tr th {
          font-size: 1.3rem;
          padding: 3% 2%;
          line-height: 1.5;
          vertical-align: middle;
          color: #fff;
          background: #604C3F; }
          @media (min-width: 769px) {
            #price .common_degin table thead tr th {
              font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.1600928074 ); } }
          @media (min-width: 1200px) {
            #price .common_degin table thead tr th {
              font-size: 1.8rem; } }
          #price .common_degin table thead tr th.left {
            width: 28%;
            border-right: solid 1px #fff; }
          #price .common_degin table thead tr th.right {
            width: 72%; }
        #price .common_degin table thead tr .price_sec {
          font-size: 1.2rem;
          line-height: 1.2; }
          @media (min-width: 769px) {
            #price .common_degin table thead tr .price_sec {
              font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.6960556845 ); } }
          @media (min-width: 1200px) {
            #price .common_degin table thead tr .price_sec {
              font-size: 1.5rem; } }
          #price .common_degin table thead tr .price_sec.normal {
            background: #656565; }
          #price .common_degin table thead tr .price_sec.member {
            background: #ff9300; }
        #price .common_degin table thead tr .sp_title {
          display: table-cell; }
        #price .common_degin table thead tr .pc_title {
          display: none; }
      #price .common_degin table tbody tr {
        font-size: 1.3rem;
        border-bottom: solid 1px #604C3F; }
        @media (min-width: 769px) {
          #price .common_degin table tbody tr {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #price .common_degin table tbody tr {
            font-size: 1.4rem; } }
        #price .common_degin table tbody tr td {
          padding: 3% 2%;
          text-align: center;
          background: #fff;
          vertical-align: middle; }
          #price .common_degin table tbody tr td.left {
            font-size: 1.3rem;
            background: #faf9f5;
            text-align: left;
            border-right: solid 1px #604C3F;
            line-height: 1.5; }
            @media (min-width: 769px) {
              #price .common_degin table tbody tr td.left {
                font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
            @media (min-width: 1200px) {
              #price .common_degin table tbody tr td.left {
                font-size: 1.5rem; } }
          #price .common_degin table tbody tr td.right .tax_ex {
            font-size: 1.4rem;
            font-weight: bold;
            line-height: 1.5;
            letter-spacing: 0.02em; }
            @media (min-width: 375px) {
              #price .common_degin table tbody tr td.right .tax_ex {
                font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.4848484848 ); } }
            @media (min-width: 1200px) {
              #price .common_degin table tbody tr td.right .tax_ex {
                font-size: 1.8rem; } }
            #price .common_degin table tbody tr td.right .tax_ex span {
              font-size: 1.2rem;
              margin-left: 5px; }
              @media (min-width: 375px) {
                #price .common_degin table tbody tr td.right .tax_ex span {
                  font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
              @media (min-width: 1200px) {
                #price .common_degin table tbody tr td.right .tax_ex span {
                  font-size: 1.3rem; } }
          #price .common_degin table tbody tr td.right .tax_in {
            padding-left: 8%;
            font-size: 1.1rem;
            font-weight: bold;
            line-height: 1.5;
            letter-spacing: 0.02em; }
            #price .common_degin table tbody tr td.right .tax_in span {
              font-size: 1rem; }
              @media (min-width: 375px) {
                #price .common_degin table tbody tr td.right .tax_in span {
                  font-size: calc( 1rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
              @media (min-width: 1200px) {
                #price .common_degin table tbody tr td.right .tax_in span {
                  font-size: 1.1rem; } }
          #price .common_degin table tbody tr td.right.normal {
            border-right: 1px solid #604C3F; }
          #price .common_degin table tbody tr td.right.member {
            background: #fff9e4; }
        #price .common_degin table tbody tr:last-child {
          border-bottom: none; }
    #price .common_degin .process_point {
      margin-top: 30px; }
      #price .common_degin .process_point h4 {
        font-size: 1.6rem;
        margin-bottom: 1.953125%;
        color: #FFA200;
        line-height: 1; }
        @media (min-width: 769px) {
          #price .common_degin .process_point h4 {
            font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
        @media (min-width: 1200px) {
          #price .common_degin .process_point h4 {
            font-size: 1.8rem; } }
        @media screen and (max-width: 769px) {
          #price .common_degin .process_point h4 {
            margin-bottom: 7.5px; } }
        @media screen and (min-width: 768px) {
          #price .common_degin .process_point h4 {
            margin-bottom: 15px; } }
      #price .common_degin .process_point p {
        font-size: 1.3rem;
        text-align: justify; }
        @media (min-width: 769px) {
          #price .common_degin .process_point p {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #price .common_degin .process_point p {
            font-size: 1.4rem; } }
        #price .common_degin .process_point p a {
          color: #ED6D0F;
          border-bottom: 1px solid #FFA200; }
  #price .rental {
    margin-bottom: 8.4635416667%; }
    @media screen and (max-width: 769px) {
      #price .rental {
        margin-bottom: 32.5px; } }
    @media screen and (min-width: 768px) {
      #price .rental {
        margin-bottom: 65px; } }
    #price .rental_title {
      font-size: 1.6rem;
      margin-bottom: 2%;
      color: #FFA200;
      text-align: left;
      line-height: 1; }
      @media (min-width: 769px) {
        #price .rental_title {
          font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
      @media (min-width: 1200px) {
        #price .rental_title {
          font-size: 2rem; } }
      @media screen and (max-width: 769px) {
        #price .rental_title {
          margin-bottom: 12px; } }
      @media screen and (min-width: 1200px) {
        #price .rental_title {
          margin-bottom: 24px; } }
    #price .rental_txt {
      font-size: 1.3rem;
      margin-bottom: 2.5%;
      text-align: justify; }
      @media (min-width: 769px) {
        #price .rental_txt {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #price .rental_txt {
          font-size: 1.4rem; } }
      @media screen and (max-width: 769px) {
        #price .rental_txt {
          margin-bottom: 15px; } }
      @media screen and (min-width: 1200px) {
        #price .rental_txt {
          margin-bottom: 30px; } }
    #price .rental_table {
      font-size: 1.3rem;
      width: 100%;
      max-width: 750px;
      border: solid 2px #604C3F; }
      @media (min-width: 769px) {
        #price .rental_table {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.6241299304 ); } }
      @media (min-width: 1200px) {
        #price .rental_table {
          font-size: 2rem; } }
      #price .rental_table tbody tr {
        font-size: 1.3rem;
        border-bottom: solid 1px #604C3F; }
        @media (min-width: 769px) {
          #price .rental_table tbody tr {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #price .rental_table tbody tr {
            font-size: 1.4rem; } }
        #price .rental_table tbody tr th {
          text-align: left;
          vertical-align: middle; }
          #price .rental_table tbody tr th.title {
            text-align: center;
            border-right: solid 1px #fff; }
        #price .rental_table tbody tr td {
          padding: 3% 2%;
          text-align: center;
          width: auto;
          background: #fff;
          vertical-align: middle; }
          #price .rental_table tbody tr td.left {
            width: 47%;
            text-align: left;
            border-right: solid 1px #604C3F; }
          #price .rental_table tbody tr td.campaign {
            background: #FFF741;
            color: #ED6D0F; }
          #price .rental_table tbody tr td .none {
            color: #ED6D0F;
            text-decoration: line-through; }
            #price .rental_table tbody tr td .none span {
              color: #604C3F; }
          #price .rental_table tbody tr td .or {
            font-size: 1.6rem;
            color: #ED6D0F;
            position: relative;
            padding-top: 10px;
            letter-spacing: 0.05em; }
            @media (min-width: 769px) {
              #price .rental_table tbody tr td .or {
                font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
            @media (min-width: 1200px) {
              #price .rental_table tbody tr td .or {
                font-size: 1.8rem; } }
            #price .rental_table tbody tr td .or:after {
              position: absolute;
              display: inline-block;
              font-family: 'icomoon';
              content: "\e902";
              font-size: 1rem;
              color: #ED6D0F;
              top: 10%;
              left: 50%;
              transform: rotate(90deg) translate(-50%, 0); }
        #price .rental_table tbody tr .title {
          font-size: 1.3rem;
          background: #604C3F;
          color: #fff; }
          @media (min-width: 769px) {
            #price .rental_table tbody tr .title {
              font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.1600928074 ); } }
          @media (min-width: 1200px) {
            #price .rental_table tbody tr .title {
              font-size: 1.8rem; } }
          #price .rental_table tbody tr .title span {
            font-size: 1.1rem; }
            @media (min-width: 769px) {
              #price .rental_table tbody tr .title span {
                font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.6960556845 ); } }
            @media (min-width: 1200px) {
              #price .rental_table tbody tr .title span {
                font-size: 1.4rem; } }
          #price .rental_table tbody tr .title.sp_only {
            display: table-cell; }
        #price .rental_table tbody tr:last-child {
          border-bottom: none; }
  #price .erea h4 {
    font-size: 1.6rem;
    margin-bottom: 2%;
    color: #FFA200;
    line-height: 1; }
    @media (min-width: 769px) {
      #price .erea h4 {
        font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
    @media (min-width: 1200px) {
      #price .erea h4 {
        font-size: 2rem; } }
    @media screen and (max-width: 769px) {
      #price .erea h4 {
        margin-bottom: 12px; } }
    @media screen and (min-width: 1200px) {
      #price .erea h4 {
        margin-bottom: 24px; } }
  #price .erea .erea_txt {
    font-size: 1.3rem;
    margin-bottom: 3.3333333333%;
    text-align: justify; }
    @media (min-width: 769px) {
      #price .erea .erea_txt {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
    @media (min-width: 1200px) {
      #price .erea .erea_txt {
        font-size: 1.4rem; } }
    @media screen and (max-width: 769px) {
      #price .erea .erea_txt {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1200px) {
      #price .erea .erea_txt {
        margin-bottom: 40px; } }
    #price .erea .erea_txt a {
      color: #ED6D0F;
      text-decoration: underline; }
  #price .erea .erea_wrap .erea_box {
    width: 100%;
    margin-bottom: 10px; }
    #price .erea .erea_wrap .erea_box .erea_name {
      font-size: 1.5rem;
      border: solid 2px #604C3F;
      padding: 10px 20px;
      position: relative; }
      @media (min-width: 769px) {
        #price .erea .erea_wrap .erea_box .erea_name {
          font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.6960556845 ); } }
      @media (min-width: 1200px) {
        #price .erea .erea_wrap .erea_box .erea_name {
          font-size: 1.8rem; } }
      #price .erea .erea_wrap .erea_box .erea_name span {
        position: absolute;
        width: 15px;
        height: 15px;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%); }
        #price .erea .erea_wrap .erea_box .erea_name span:before {
          position: absolute;
          content: "";
          display: block;
          background: #fff;
          width: 100%;
          height: 2px;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        #price .erea .erea_wrap .erea_box .erea_name span:after {
          position: absolute;
          content: "";
          display: block;
          background: #fff;
          transition: 0.3s;
          width: 2px;
          height: 100%;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      #price .erea .erea_wrap .erea_box .erea_name.orange {
        background: #ECAD3C; }
      #price .erea .erea_wrap .erea_box .erea_name.yellow {
        background: #DAE000; }
      #price .erea .erea_wrap .erea_box .erea_name.active span:after {
        opacity: 0;
        transition: 0.3s; }
    #price .erea .erea_wrap .erea_box .erea {
      font-size: 1.3rem;
      border: solid 2px #604C3F;
      border-top: none;
      width: 100%;
      display: none; }
      @media (min-width: 769px) {
        #price .erea .erea_wrap .erea_box .erea {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #price .erea .erea_wrap .erea_box .erea {
          font-size: 1.4rem; } }
      #price .erea .erea_wrap .erea_box .erea tbody tr {
        border-bottom: solid 1px #604C3F; }
        #price .erea .erea_wrap .erea_box .erea tbody tr td {
          padding: 10px 20px;
          border-right: solid 1px #604C3F;
          text-align: center;
          background: #fff;
          width: 50%; }
          #price .erea .erea_wrap .erea_box .erea tbody tr td.gay {
            background: #EBEBEB; }
          #price .erea .erea_wrap .erea_box .erea tbody tr td.right {
            text-align: right; }
          #price .erea .erea_wrap .erea_box .erea tbody tr td:nth-child(even) {
            border-right: none; }
        #price .erea .erea_wrap .erea_box .erea tbody tr:last-child {
          border-bottom: none; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .bnr_wp {
    margin-bottom: 50px; }
    .bnr_wp .bnr_box + .bnr_box {
      margin-top: 35px; }

  /*料金について*/
  #price {
    /* ピアノレンタル */
    /* 対応エリア */ }
    #price .common_degin {
      /* 掲載金額と実際の価格について */ }
      #price .common_degin .piano_title {
        text-align: left;
        border-bottom: none;
        margin-bottom: 10px;
        padding-bottom: 0; }
      #price .common_degin table thead tr th {
        padding: 1% 2%; }
        #price .common_degin table thead tr th.left {
          width: 55%; }
        #price .common_degin table thead tr th.right {
          width: 45%; }
      #price .common_degin table thead tr .sp_title {
        display: none; }
      #price .common_degin table thead tr .pc_title {
        display: table-cell; }
      #price .common_degin table tbody tr td {
        border-right: solid 1px #604C3F;
        padding: 1% 4%; }
        #price .common_degin table tbody tr td.piano_img {
          display: table-cell;
          background: rgba(255, 255, 255, 0);
          padding: 2% 2%; }
          #price .common_degin table tbody tr td.piano_img img {
            width: 100%; }
        #price .common_degin table tbody tr td.right {
          padding: 1% 2%; }
          #price .common_degin table tbody tr td.right .tax_in {
            padding-left: 15%; }
      #price .common_degin .process_point {
        margin-top: 40px; }
    #price .rental {
      margin-bottom: 65px; }
    #price .erea .erea_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; }
      #price .erea .erea_wrap .erea_box {
        flex: 0 1 240px;
        width: 240px;
        max-width: 240px;
        margin-right: 35px;
        margin-bottom: 0; }
        #price .erea .erea_wrap .erea_box .erea_name span {
          display: none; }
        #price .erea .erea_wrap .erea_box .erea {
          display: table; }
          #price .erea .erea_wrap .erea_box .erea tbody tr td {
            padding: 10px; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 801px) {
  /*料金について*/
  #price .erea h4 {
    text-align: left; }
  #price .erea .erea_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; }
    #price .erea .erea_wrap .erea_box {
      flex: 0 1 240px;
      width: 240px;
      max-width: 240px;
      margin-right: 35px;
      margin-bottom: 0; }
      #price .erea .erea_wrap .erea_box .erea_name span {
        display: none; }
      #price .erea .erea_wrap .erea_box .erea {
        display: table; }
        #price .erea .erea_wrap .erea_box .erea tbody tr td {
          padding: 10px; } }
@media screen and (min-width: 1100px) {
  /*料金について*/
  #price .common_degin table thead tr th.left {
    width: 64.6875%; }
  #price .common_degin table thead tr th.right {
    width: 35.3125%; }

  /*ラッピングの方法*/
  #way .process_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; }
    #way .process_wrap .process {
      flex: 0 1 28%;
      width: 28%;
      max-width: 28%; }
      #way .process_wrap .process .img_wrap {
        width: 85%; }
      #way .process_wrap .process .process_txt_wrap {
        width: 85%; } }
/*------------------------------
		1280px以上
------------------------------*/

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