@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.home_title_box {
  text-align: center;
  margin-bottom: 4.1666666667%; }
  @media screen and (max-width: 769px) {
    .home_title_box {
      margin-bottom: 25px; } }
  @media screen and (min-width: 1200px) {
    .home_title_box {
      margin-bottom: 50px; } }
  .home_title_box .en_b {
    font-size: 2.6rem;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin-bottom: 5px; }
    @media (min-width: 769px) {
      .home_title_box .en_b {
        font-size: calc( 2.6rem + ( 1vw - 7.69px ) * 1.8561484919 ); } }
    @media (min-width: 1200px) {
      .home_title_box .en_b {
        font-size: 3.4rem; } }
  .home_title_box h3 {
    font-size: 1rem; }
    @media (min-width: 769px) {
      .home_title_box h3 {
        font-size: calc( 1rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
    @media (min-width: 1200px) {
      .home_title_box h3 {
        font-size: 1.4rem; } }

.bnr__wrap {
  margin-top: -5%;
  margin-bottom: 5%; }
  @media screen and (max-width: 769px) {
    .bnr__wrap {
      margin-top: -30px; } }
  @media screen and (min-width: 1200px) {
    .bnr__wrap {
      margin-top: -60px; } }
  @media screen and (max-width: 769px) {
    .bnr__wrap {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1200px) {
    .bnr__wrap {
      margin-bottom: 60px; } }
  .bnr__wrap a {
    display: block; }
  .bnr__wrap + .bnr__wrap {
    margin-top: -3.3333333333%; }
    @media screen and (max-width: 769px) {
      .bnr__wrap + .bnr__wrap {
        margin-top: -20px; } }
    @media screen and (min-width: 1200px) {
      .bnr__wrap + .bnr__wrap {
        margin-top: -40px; } }

/*メインイメージ*/
#mainimg {
  margin-bottom: 10%;
  position: relative;
  height: 60vh;
  /*	background: url("/img/home/mainimg_02_sp.jpg") center right 30% / cover no-repeat;*/ }
  @media screen and (max-width: 769px) {
    #mainimg {
      margin-bottom: 60px; } }
  @media screen and (min-width: 1200px) {
    #mainimg {
      margin-bottom: 120px; } }
  #mainimg h2 {
    letter-spacing: 0.08em;
    line-height: 1.6666666667;
    font-size: 1.8rem;
    position: absolute;
    bottom: 4%;
    left: 4%;
    font-weight: normal;
    text-align: left;
    text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
    z-index: 2; }
    @media (min-width: 769px) {
      #mainimg h2 {
        font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 2.7842227378 ); } }
    @media (min-width: 1200px) {
      #mainimg h2 {
        font-size: 3rem; } }
  #mainimg .slide li {
    height: 60vh; }
    #mainimg .slide li.mainimg__img-1 {
      background: url("/img/home/mainimg_01_sp.jpg") center right 30%/cover no-repeat; }
    #mainimg .slide li.mainimg__img-2 {
      background: url("/img/home/mainimg_02_sp.jpg") center/cover no-repeat; }
    #mainimg .slide li.mainimg__img-3 {
      background: url("/img/home/mainimg_03_sp.jpg") center/cover no-repeat; }

/*ピアノラッピングとは*/
#about .about_wrap {
  position: relative; }
  #about .about_wrap .txt {
    font-size: 1.4rem;
    margin: auto;
    margin-bottom: 6.25%;
    max-width: 800px; }
    @media (min-width: 769px) {
      #about .about_wrap .txt {
        font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
    @media (min-width: 1200px) {
      #about .about_wrap .txt {
        font-size: 1.6rem; } }
    @media screen and (max-width: 769px) {
      #about .about_wrap .txt {
        margin-bottom: 37.5px; } }
    @media screen and (min-width: 1200px) {
      #about .about_wrap .txt {
        margin-bottom: 75px; } }
  #about .about_wrap .img {
    position: absolute;
    bottom: 15%;
    right: 4%;
    width: 50%;
    z-index: -1; }

/*ラッピングシミュレーション*/
#simulation .img {
  margin-bottom: 8.3333333333%; }
  @media screen and (max-width: 769px) {
    #simulation .img {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1200px) {
    #simulation .img {
      margin-bottom: 100px; } }
#simulation .txt_wrap {
  margin: 0 4%; }
  #simulation .txt_wrap .txt {
    margin-bottom: 8.3333333333%; }
    @media screen and (max-width: 769px) {
      #simulation .txt_wrap .txt {
        margin-bottom: 50px; } }
    @media screen and (min-width: 1200px) {
      #simulation .txt_wrap .txt {
        margin-bottom: 100px; } }

/*私たちの強み*/
#advantage .home_title_box .en_b {
  color: #394b8b; }
#advantage .main_txt {
  font-size: 1.6rem;
  margin-bottom: 20px;
  text-align: center; }
  @media (min-width: 769px) {
    #advantage .main_txt {
      font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.3921113689 ); } }
  @media (min-width: 1200px) {
    #advantage .main_txt {
      font-size: 2.2rem; } }
  #advantage .main_txt span {
    font-size: 2.4rem;
    color: #ED6D0F; }
    @media (min-width: 769px) {
      #advantage .main_txt span {
        font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 1.3921113689 ); } }
    @media (min-width: 1200px) {
      #advantage .main_txt span {
        font-size: 3rem; } }
#advantage .advantage__wrap {
  margin-bottom: 40px; }
  #advantage .advantage__wrap li {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    background: #fff; }
    #advantage .advantage__wrap li .num {
      font-size: 1.3rem;
      position: absolute;
      top: 10px;
      left: 10px;
      width: 30px;
      height: 30px;
      color: #fff;
      background: #394b8b; }
      @media (min-width: 769px) {
        #advantage .advantage__wrap li .num {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
      @media (min-width: 1200px) {
        #advantage .advantage__wrap li .num {
          font-size: 1.5rem; } }
      #advantage .advantage__wrap li .num span {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    #advantage .advantage__wrap li .txt {
      font-size: 1.4rem;
      box-sizing: border-box;
      padding: 10px;
      font-weight: bold; }
      @media (min-width: 769px) {
        #advantage .advantage__wrap li .txt {
          font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
      @media (min-width: 1200px) {
        #advantage .advantage__wrap li .txt {
          font-size: 1.6rem; } }
    #advantage .advantage__wrap li:last-child {
      margin-bottom: 0; }
#advantage .btn a {
  background: #394b8b; }

/*ラッピングシミュレーション*/
#case {
  background: #F5F3CB;
  padding-top: 6.6666666667%;
  padding-bottom: 6.6666666667%; }
  @media screen and (max-width: 769px) {
    #case {
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media screen and (min-width: 1200px) {
    #case {
      padding-top: 80px;
      padding-bottom: 80px; } }
  #case .case_wrap ul {
    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;
    margin-bottom: 6.6666666667%; }
    @media screen and (max-width: 769px) {
      #case .case_wrap ul {
        margin-bottom: 40px; } }
    @media screen and (min-width: 1200px) {
      #case .case_wrap ul {
        margin-bottom: 80px; } }
    #case .case_wrap ul li {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%;
      /*&:last-child{
      	display: none;
      }*/ }
      #case .case_wrap ul li a {
        display: block; }
        #case .case_wrap ul li a .img {
          position: relative;
          margin-bottom: 10px; }
          #case .case_wrap ul li a .img .tag {
            position: absolute;
            left: -10px;
            top: -10px;
            color: #fff;
            padding: 2px 10px;
            font-size: 1.2rem; }
            @media (min-width: 769px) {
              #case .case_wrap ul li a .img .tag {
                font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
            @media (min-width: 1200px) {
              #case .case_wrap ul li a .img .tag {
                font-size: 1.4rem; } }
            #case .case_wrap ul li a .img .tag.upright {
              background: #FFA200; }
            #case .case_wrap ul li a .img .tag.grand {
              background: #85CBBF; }
        #case .case_wrap ul li a p {
          font-size: 1.4rem;
          font-weight: bold; }
          @media (min-width: 769px) {
            #case .case_wrap ul li a p {
              font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.464037123 ); } }
          @media (min-width: 1200px) {
            #case .case_wrap ul li a p {
              font-size: 1.6rem; } }
          #case .case_wrap ul li a p .date {
            display: block; }
      #case .case_wrap ul li + li {
        margin-top: 30px; }

/*お客様の声*/
#voice .home_title_box {
  margin-bottom: 16.6666666667%; }
  @media screen and (max-width: 769px) {
    #voice .home_title_box {
      margin-bottom: 100px; } }
  @media screen and (min-width: 1200px) {
    #voice .home_title_box {
      margin-bottom: 200px; } }
#voice .voice_wrap {
  margin-bottom: 8.3333333333%; }
  @media screen and (max-width: 769px) {
    #voice .voice_wrap {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1200px) {
    #voice .voice_wrap {
      margin-bottom: 100px; } }
  #voice .voice_wrap .voice_box {
    margin-bottom: 80px; }
    #voice .voice_wrap .voice_box a {
      background: #fff;
      padding: 70px 5% 5%;
      display: block;
      position: relative;
      border-radius: 10px; }
      #voice .voice_wrap .voice_box a .img_box {
        position: absolute;
        width: 30vw;
        height: 30vw;
        max-width: 120px;
        max-height: 120px;
        border-radius: 50%;
        top: -60px;
        left: 50%;
        transform: translate(-50%, 0); }
      #voice .voice_wrap .voice_box a .tag {
        font-size: 1.2rem;
        margin-bottom: 10px; }
        #voice .voice_wrap .voice_box a .tag span {
          display: inline-block;
          border: solid 1px #EBEBEB;
          border-radius: 50px;
          padding: 5px 10px;
          margin-right: 5px; }
          #voice .voice_wrap .voice_box a .tag span:last-child {
            margin-right: 0; }
      #voice .voice_wrap .voice_box a .person {
        font-size: 1.3rem;
        color: #FFA200;
        margin-bottom: 1.25%; }
        @media (min-width: 769px) {
          #voice .voice_wrap .voice_box a .person {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #voice .voice_wrap .voice_box a .person {
            font-size: 1.4rem; } }
        @media screen and (max-width: 769px) {
          #voice .voice_wrap .voice_box a .person {
            margin-bottom: 7.5px; } }
        @media screen and (min-width: 1200px) {
          #voice .voice_wrap .voice_box a .person {
            margin-bottom: 15px; } }
      #voice .voice_wrap .voice_box a .txt_wrap {
        margin-bottom: 3.3333333333%; }
        @media screen and (max-width: 769px) {
          #voice .voice_wrap .voice_box a .txt_wrap {
            margin-bottom: 20px; } }
        @media screen and (min-width: 1200px) {
          #voice .voice_wrap .voice_box a .txt_wrap {
            margin-bottom: 40px; } }
        #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
          font-size: 1.6rem;
          margin-bottom: 0.3333333333%;
          text-align: justify;
          font-weight: normal; }
          @media (min-width: 769px) {
            #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
              font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
          @media (min-width: 1200px) {
            #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
              font-size: 2rem; } }
          @media screen and (max-width: 769px) {
            #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
              margin-bottom: 2px; } }
          @media screen and (min-width: 1200px) {
            #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
              margin-bottom: 4px; } }
        #voice .voice_wrap .voice_box a .txt_wrap .voice_txt {
          font-size: 1.3rem;
          position: relative;
          text-align: justify;
          overflow: hidden;
          height: 50px;
          /*&:before{
          	position: absolute;
          	content: "…";
          	bottom: 0;
          	right: 0;
          	background: #fff;
          }*/ }
          @media (min-width: 769px) {
            #voice .voice_wrap .voice_box a .txt_wrap .voice_txt {
              font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
          @media (min-width: 1200px) {
            #voice .voice_wrap .voice_box a .txt_wrap .voice_txt {
              font-size: 1.4rem; } }
      #voice .voice_wrap .voice_box a .more_btn {
        text-decoration: underline;
        font-size: 1.3rem;
        color: #FFA200;
        display: block;
        text-align: right;
        padding-right: 10px;
        position: relative;
        max-width: 77px;
        margin: 0 0 0 auto; }
        @media (min-width: 769px) {
          #voice .voice_wrap .voice_box a .more_btn {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #voice .voice_wrap .voice_box a .more_btn {
            font-size: 1.4rem; } }
        #voice .voice_wrap .voice_box a .more_btn:before {
          position: absolute;
          content: "";
          border-top: solid 1px #FFA200;
          border-right: solid 1px #FFA200;
          width: 5px;
          height: 5px;
          transform: rotate(45deg);
          top: 25%;
          right: 0; }
    #voice .voice_wrap .voice_box:last-child {
      margin-bottom: 0; }
    #voice .voice_wrap .voice_box:nth-child(1) a .img_box {
      background: url("/img/voice/icon_01.png") center/cover no-repeat #fff; }
    #voice .voice_wrap .voice_box:nth-child(2) a .img_box {
      background: url("/img/voice/icon_02.png") center/cover no-repeat #fff; }
    #voice .voice_wrap .voice_box:nth-child(3) a .img_box {
      background: url("/img/voice/icon_03.png") center/cover no-repeat #fff; }
    #voice .voice_wrap .voice_box:nth-child(4) a .img_box {
      background: url("/img/voice/icon_04.png") center/cover no-repeat #fff; }
    #voice .voice_wrap .voice_box:nth-child(5) a .img_box {
      background: url("/img/voice/icon_05.png") center/cover no-repeat #fff; }
    #voice .voice_wrap .voice_box:nth-child(6) a .img_box {
      background: url("/img/voice/icon_06.png") center/cover no-repeat #fff; }
#voice .move_btn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #voice .move_btn li {
    font-size: 1.4rem;
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
    margin: 0 15px;
    position: relative;
    text-align: center; }
    @media (min-width: 769px) {
      #voice .move_btn li {
        font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0 ); } }
    @media (min-width: 1200px) {
      #voice .move_btn li {
        font-size: 1.4rem; } }
    #voice .move_btn li .move {
      position: absolute;
      top: 30%; }
      #voice .move_btn li .move span {
        position: absolute;
        content: "";
        border-top: solid 1px #604C3F;
        border-right: solid 1px #604C3F;
        width: 5px;
        height: 5px;
        left: -5px;
        transform: rotate(45deg); }
    #voice .move_btn li.active:before {
      position: absolute;
      content: "";
      display: block;
      background: #604C3F;
      width: 7px;
      height: 1px;
      bottom: -5px;
      left: 50%;
      transform: translate(-50%, 0); }
    #voice .move_btn li:hover {
      opacity: 1; }
      #voice .move_btn li:hover:before {
        position: absolute;
        content: "";
        display: block;
        background: #604C3F;
        width: 7px;
        height: 1px;
        bottom: -5px;
        left: 50%;
        transform: translate(-50%, 0); }

/*メニュー*/
.btn_area .btn_box a {
  position: relative;
  display: block;
  height: 35vw;
  max-height: 280px;
  color: #fff;
  text-align: center; }
  .btn_area .btn_box a .txt_wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    z-index: 1; }
    .btn_area .btn_box a .txt_wrap p {
      font-size: 2.4rem; }
      @media (min-width: 769px) {
        .btn_area .btn_box a .txt_wrap p {
          font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 1.7612524462 ); } }
      @media (min-width: 1280px) {
        .btn_area .btn_box a .txt_wrap p {
          font-size: 3.3rem; } }
    .btn_area .btn_box a .txt_wrap h3 {
      font-size: 1.2rem; }
      @media (min-width: 769px) {
        .btn_area .btn_box a .txt_wrap h3 {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 1.1741682975 ); } }
      @media (min-width: 1280px) {
        .btn_area .btn_box a .txt_wrap h3 {
          font-size: 1.8rem; } }
  .btn_area .btn_box a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute; }
.btn_area .btn_box.about a {
  background: url("/img/home/bk_about.jpg") center/cover no-repeat; }
  .btn_area .btn_box.about a:after {
    background: rgba(57, 75, 139, 0.5); }
.btn_area .btn_box.guide a {
  background: url("/img/home/bk_guide.jpg") center/cover no-repeat; }
  .btn_area .btn_box.guide a:after {
    background: rgba(149, 108, 75, 0.5); }
.btn_area .btn_box.faq a {
  background: url("/img/home/bk_faq.jpg") center/cover no-repeat; }
  .btn_area .btn_box.faq a:after {
    background: rgba(82, 93, 35, 0.5); }

/*バナー*/
.bnr_area .read {
  font-size: 1.6rem;
  color: #FFA200;
  text-align: center;
  margin-bottom: 8.3333333333%; }
  @media (min-width: 769px) {
    .bnr_area .read {
      font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 3.2482598608 ); } }
  @media (min-width: 1200px) {
    .bnr_area .read {
      font-size: 3rem; } }
  @media screen and (max-width: 769px) {
    .bnr_area .read {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1200px) {
    .bnr_area .read {
      margin-bottom: 100px; } }
.bnr_area .bnr_wrap .bnr_box:first-child {
  margin-bottom: 2.5%; }
  @media screen and (max-width: 769px) {
    .bnr_area .bnr_wrap .bnr_box:first-child {
      margin-bottom: 15px; } }
  @media screen and (min-width: 1200px) {
    .bnr_area .bnr_wrap .bnr_box:first-child {
      margin-bottom: 30px; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  header #header.hidden {
    color: #fff; }
    header #header.hidden .menu_wrap {
      background-color: rgba(0, 3, 51, 0.6); }

  /*メインビジュアル*/
  #mainimg {
    /*background: url("/img/home/mainimg_02_pc.jpg") center / cover no-repeat;*/
    min-height: 720px; }
    #mainimg h2 {
      bottom: 55%;
      left: 8%;
      transform: translateY(50%); }
    #mainimg .slide li {
      min-height: 720px; }
      #mainimg .slide li.mainimg__img-1 {
        background: url("/img/home/mainimg_01_pc.jpg") center/cover no-repeat; }
      #mainimg .slide li.mainimg__img-2 {
        background: url("/img/home/mainimg_02_pc.jpg") center/cover no-repeat; }
      #mainimg .slide li.mainimg__img-3 {
        background: url("/img/home/mainimg_03_pc.jpg") center/cover no-repeat; }

  /*ピアノラッピングとは*/
  #about .about_wrap .img {
    right: 2%;
    width: 30%; }

  /*私たちの強み*/
  #advantage .advantage__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;
    margin-bottom: 50px; }
    #advantage .advantage__wrap li {
      flex: 0 1 32%;
      width: 32%;
      max-width: 32%;
      margin-bottom: 0; }

  /*お客様の声*/
  #voice .voice_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; }
    #voice .voice_wrap .voice_box {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%;
      margin-bottom: 0; }
      #voice .voice_wrap .voice_box a .img_box {
        right: 0;
        margin: 0;
        left: auto;
        transform: none;
        max-width: 150px;
        max-height: 150px; }
      #voice .voice_wrap .voice_box a .tag span {
        padding: 7px 15px; }

  /*メニュー*/
  .btn_area {
    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; }
    .btn_area .btn_box {
      flex: 0 1 33.3333%;
      width: 33.3333%;
      max-width: 33.3333%; }
      .btn_area .btn_box a {
        max-height: 340px; }
        .btn_area .btn_box a:after {
          transition: .3s; }
        .btn_area .btn_box a:hover {
          opacity: 1; }
          .btn_area .btn_box a:hover:after {
            opacity: 0; }

  /*バナー*/
  .bnr_area .bnr_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;
    position: relative; }
    .bnr_area .bnr_wrap .bnr_box {
      flex: 0 1 46%;
      width: 46%;
      max-width: 46%;
      max-width: 520px; }
      .bnr_area .bnr_wrap .bnr_box:first-child {
        margin-bottom: 0; }
    .bnr_area .bnr_wrap:after {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      content: '';
      width: 1px;
      height: 100%;
      background: #604C3F;
      display: block; } }
/*------------------------------
		800px以上
------------------------------*/
@media screen and (min-width: 801px) {
  /*ラッピングシミュレーション*/
  #simulation {
    position: relative;
    max-width: 1600px; }
    #simulation .home_title_box {
      margin-bottom: 40px; }
    #simulation .img {
      margin-bottom: 0;
      width: 90%; }
    #simulation .txt_wrap {
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      box-sizing: border-box;
      padding: 4%;
      right: 0;
      width: 50%;
      max-width: 580px;
      background: #fff;
      margin: 0; }
      #simulation .txt_wrap .txt {
        margin-bottom: 40px;
        text-align: center; }

  /*ラッピング事例*/
  #case .case_wrap ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #case .case_wrap ul li {
      flex: 0 1 calc((100% - 30px) / 3);
      width: calc((100% - 30px) / 3);
      max-width: calc((100% - 30px) / 3); }
      #case .case_wrap ul li:last-child {
        display: block; }
      #case .case_wrap ul li + li {
        margin-top: 0;
        margin-left: 15px; } }
/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 1200px) {
  #about {
    overflow: hidden; }
    #about .about_wrap .img {
      right: 7%;
      bottom: 6px;
      max-width: 280px; }

  #voice .home_title_box {
    margin-bottom: 120px; } }
@media screen and (min-width: 1300px) {
  /*お客様の声*/
  #voice .voice_wrap .voice_box a .img_box {
    right: -5%; } }

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