@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');
/*--------------------
exceptionWrap
--------------------*/
#page.ex {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.exceptionWrap {
  max-width: 976px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
#wrapContent #wrap_mainContent .owners_interview .contens {
  padding: 0;
}
@media print,screen and (max-width:640px) {
    .exceptionWrap {
        padding: 0 10px;
        max-width: none;
        box-sizing: border-box;
    }
}
/*--------------------
- common
--------------------*/
.owners_interview {
  line-height: 1;
}
.owners_interview img {
  width: 100%;
}
.owners_interview * {
  box-sizing: border-box;
}
.owners_interview .kvArea {
    position: relative;
    border-top: 1px solid #f2f2f2;
}
.owners_interview .kvArea h1 {
    max-width: 1366px;
    position: relative;
}
.owners_interview .kvArea .scr {
    position: relative;
    text-align: center;
}
.owners_interview .kvArea .scr::before {
    content: 'SCROLL DOWN';
    color: #333;
    display: block;
    font-family: 'DIN Regular';
    margin-bottom: 10px;
    -webkit-transform: scale(1, 1.2);
    transform: scale(1, 1.2);
}
.owners_interview .kvArea .scr::after {
    content: ' ';
    display: block;
    padding-top: 2.5%;
}
.owners_interview .kvArea .img_scr {
    width: 0.36%;
    min-width: 3px;
    max-width: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30%;
    position: absolute;
    animation: scrollDown 1.5s ease 500ms infinite;
    -webkit-animation: scrollDown 1.5s ease 500ms infinite;
}
@-moz-keyframes scrollDown {
    0 {bottom: 30%;}
    50% {bottom: 10%;}
    100% {bottom: 32%;}
}

@-webkit-keyframes scrollDown {
    0 {bottom: 30%;}
    50% {bottom: 10%;}
    100% {bottom: 32%;}
}
@keyframes scrollDown {
    0 {bottom: 30%;}
    50% {bottom: 10%;}
    100% {bottom: 32%;}
}

/* #wrapContent #wrap_mainContent {
    overflow: visible!important;
} */
.content-md {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.content-xs {
  max-width: 630px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.sp-only {
    display: none;
}
@media screen and (max-width:1400px) {
}
@media screen and (max-width:1200px) {
    .owners_interview .kvArea {
        max-width: 976px;
        overflow: hidden;
        margin: 0 auto;
        border-top: none;
    }
        .owners_interview .kvArea h1 {
        margin-left: -16%;
    }
}
@media print,screen and (max-width:640px) {
    .owners_interview .interview {
        padding: 0 9.375%;
    }
    .owners_interview .kvArea h1 {
        margin-left: 0;
}
    .owners_interview .kvArea .scr {
        margin-top: -12%;
        font-size: 0.8em;
    }
    .owners_interview .kvArea .scr::before {
        margin-bottom: 15px;
    }
    .owners_interview .kvArea .img_scr {
        bottom: 0;
    }
    @-moz-keyframes scrollDown {
    0 {bottom: 0;}
    50% {bottom: 20%;}
    100% {bottom: 5%;}
    }
    @-webkit-keyframes scrollDown {
    0 {bottom: 0;}
    50% {bottom: 20%;}
    100% {bottom: 5%;}
    }
    @keyframes scrollDown {
    0 {bottom: 0;}
    50% {bottom: 20%;}
    100% {bottom: 5%;}
    }
    .content-xs {
    max-width: none;
    }
    .sp-only {
        display: block;
    }
    .pc-only {
        display: none;
    }
}
/*--------------------
- module
--------------------*/
/* .mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb80 { margin-bottom: 80px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; } */

.mb70-240{ margin-bottom:-170px;}
.mb50-80 { margin-bottom: -30px; }
.mb120-80 { margin-bottom: 40px; }
.mb160-80 { margin-bottom: 80px; }
.mb110 { margin-bottom: 110px; }
.mb160 { margin-bottom: 160px; }
.mb170 { margin-bottom: 170px; }
@media screen and (max-width:1400px) {
  .mb50-80 { margin-bottom: -2.1428%; }
  .mb120-80 { margin-bottom: 2.8571%; }
  .mb160-80 { margin-bottom: 5.7142%; }
  .mb110 { margin-bottom: 7.85714%; }
  .mb160 { margin-bottom: 11.4285%; }
  .mb170 { margin-bottom: 17%; }
}
@media screen and (max-width:640px){
  .mb70-240 { margin-bottom: -2.1428%; }
}
/*--------------------------------
- style
--------------------------------*/
.main_heading {
  margin: 0 auto;
  width: 462px;
}
.interview .main_heading {
  margin-top: 7.1428%;
  margin-bottom: 4.2857%;
}
.product .main_heading {
  margin-top: 60px;
  margin-bottom: 3.92857%;
}
.owners {
  position: relative;
  margin-bottom: 4.6428%;
}
.owners::after {
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.owners_name {
  background: #6d6c6c;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 12px;
}
.lead {
  font-family: "Sawarabi Mincho","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;;
  color: #9a701e;
  font-size: 28px;
  line-height: 1.6071;
  text-align: center;
  margin-bottom: 12.8571%;
}
@media screen and (max-width:1400px) {
}
@media print,screen and (max-width:640px) {
    .interview .main_heading,
    .product .main_heading {
        width: auto;
        padding: 0 9.375%;
        margin: 12.5% 0 7.1428%;
    }
    .owners_name {
        font-size: 15px;
        line-height: 1.3;
    }
    .lead {
        font-size: 140%;
        text-align: left;
        margin-top: 12.8571%;
    }
    .lead > br {
        display: none;
    }
}
/*--------------------------------
- section
--------------------------------*/
.section {
  position: relative;
  padding: 200px 40px 0;
  height: auto;
}
.section::after {
    content: "";
    display: block;
    padding-top: 1%;
}
.section_content {
  position: relative;
  z-index: 500;
  background: #fff;
}
.section_content::before {
  position: absolute;
  top: -80px;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  border-bottom: 80px solid #fff;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  height: 0;
  box-sizing: border-box;
}
.section_content-right {
  padding: 0 40px 80px 80px;
  float: right;
}
.section_content-left {
  padding: 0 80px 80px 40px;
  float: left;
}
.section_headWrap {
  position: relative;
}
.section_no {
  width: 174px;
  position: absolute;
  top: -200px;
}
.section_content-right .section_no {
  right: -40px;
}
.section_content-left .section_no {
  left: -40px;
}
.section_head {
  color: #333333;
  font-size: 20px;
  font-family: "Sawarabi Mincho",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;;
  position: relative;
  padding-left: 45px;
  margin-bottom: 45px;
  line-height: 1.6;
}
.section_head::before {
  content: '';
  width: 32px;
  height: 1px;
  background: #dcdcdc 1px 32px;
  display: block;
  position: absolute;
  left: 0;
  top: 16px;
}
.section_text {
  font-size: 15px;
  line-height: 2.333;
  color: #666666;
  font-family: "Sawarabi Mincho",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;;
}
.section_text a:link,
.section_text a:visited {
  color: #3a81d8;
  text-decoration: underline;
}
.section_text a:hover {
  opacity: .7;
}
.section_img {
  position: absolute;
  z-index: 100;
}
.section_img_left::after {
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.section_img_right::after {
  position: absolute;
  left: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width:1400px) {
  .section {
    padding: 14.2857vw 40px 0;
  }
  .section::after {
    padding-top: 4%;
}
  .section_content::before {
    top: -5.6142vw;
    border-bottom: 5.7142vw solid #fff;
    border-left: 5.7142vw solid transparent;
    border-right: 5.7142vw solid transparent;
  }
  .section_no {
    width: 12.4vw;
    top: -14.2857vw;
  }
  .section_content-right {
    padding: 0 2.8571vw 5.7142vw 5.7142vw;
  }
  .section_content-left {
    padding: 0 5.7142vw 5.7142vw 2.8571vw;
  }
  .section_content-right .section_no {
    right: -2.857vw;
  }
  .section_content-left .section_no {
    left: -2.857vw;
  }
  .section_head {
    padding-left: 3.2142vw;
    margin-bottom: 3.2142vw;
  }
  .section_head::before {
    width: 2.285vw;
    top: 16px;
  }
}
@media print,screen and (max-width:640px) {
    .section {
        padding: 0;
    }
    .section_content {
        position: relative;
    }
    .section_content-right,
    .section_content-left {
        float: none;
        padding: 0;
    }
    .section_no {
        width: 20%;
        top: 0;
        position: relative;
        margin-bottom: 10.9375%;
    }
    .section_content-right .section_no {
        right: 0;
        float: left;
    }
    .section_content-left .section_no {
        left: 0;
        float: right;
    }
    .section_head::before {
        width: 5%;
        position: relative;
        margin-left: -8%;
        top: 13px;
    }
    .section_head {
        width: 67.5%;
        padding-left: 5.125%;
        padding-top: 2%;
        font-size: 1.4em;
    }
    .section_content-right .section_head {
        float: right;
    }
    .section_content-left .section_head {
        float: left;
    }
    .section_text {
        clear: both;
        font-size: 1.2em;
        line-height: 1.9;
        margin-bottom: 12.5%;
    }
    .section_img {
        width: 110% !important;
        position: relative;
    }
    .section_content::before {
        display: none;
    }
    .section + .section {
        margin-top: 15.625%;
    }
}
/*--------------------------------
- pattern
--------------------------------*/
.pattern01 .section_content {
  width: 53%;
}
.pattern01 .section_img {
  top: 0;
  left: 0;
  width: 60.71428%;
}
.pattern02 .section_content {
  width: 53%;
  min-height: 290px;
}
.pattern02 .section_img {
  top: 0;
  right: 0;
  width: 60.71428%;
}
.pattern03 .section_content {
  width: 53%;
}
.pattern03 .section_img {
  top: -200px;
  left: 80px;
  width : 50%;
}
.pattern04 {
  padding-bottom: 280px;
}
.pattern04 .section_content {
  width: 48%;
}
.pattern04 .section_content-right {
  margin-top: 150px;
}
.pattern04 .section_img {
  top: -120px;
  left: 80px;
  width: 73%;
}
.pattern05 {
  padding-bottom: 160px;
}
.pattern05 .section_content {
  width: 48%;
}
.pattern05 .section_content-right {
  margin-top: 150px;
}
.pattern05 .section_img {
  top: -120px;
  left: 80px;
  width: 50%;
}
.pattern06 {
  padding-bottom: 280px;
}
.pattern06 .section_content {
  width: 48%;
}
.pattern06 .section_img {
  bottom: -325px;
  left: 180px;
  width : 73%;
}
.pattern07 .section_content {
  width: 53%;
}
.pattern07 .section_content-right {
  margin-top: 70px;
}
.pattern07 .section_img {
  top: -200px;
  right: 80px;
  width : 50%;
}
@media screen and (max-width:1400px) {
  .pattern02 .section_content {
    /* min-height: 26.4285vw; */
  }
  .pattern03 .section_img {
    top: -8.5714vw;
    left: 5.7142vw;
  }
  .pattern04 {
    padding-bottom: 20vw;
  }
  .pattern04 .section_content-right {
    margin-top: 10.7142vw;
  }
  .pattern04 .section_img {
    top: -8.5714vw;
    left: 5.7142vw;
  }
  .pattern05 {
    padding-bottom: 11.4285vw;
  }
  .pattern05 .section_content-right {
    margin-top: 10.71428vw;
  }
  .pattern05 .section_img {
    top: -8.5714vw;
    left: 5.7142vw;
  }
  .pattern06 {
/*    padding-bottom: 14.2857vw;*/
    padding-bottom: 19.2857vw;
  }
  .pattern06 .section_img {
/*    bottom: -20.3571vw;*/
/*    left: 12.8571vw;*/
    bottom: -22vw;
    left: 20vw;
  }
  .pattern07 .section_content-right {
    margin-top: 10.71428vw;
  }
  .pattern07 .section_img {
    top: -8.5714vw;
    right: 5.7142vw;
  }
}
@media print,screen and (max-width:640px) {
    [class*="pattern0"] .section_content {
        width: 100%;
    }
    .section .section_img_left {
        left: -10.38647vw;
    }
    .section .section_img_right {
        right: -1.13526vw;
    }
    [class*="pattern0"] .section_content {
        min-height: auto;
    }
    [class*="pattern0"] .section_img {
        top: 0;
    }
    [class*="pattern0"] {
        padding-bottom: 0;
    }
    [class*="pattern0"] .section_content-right {
        margin-top: 0;
    }
    .pattern06 {
        margin-bottom: 15.625%;
    }
    .pattern07 .section_content-right {
        margin-top: 15.625%;
    }
    .pattern07 .section_content-right .section_text {
        margin-bottom: 0;
    }
}
/*--------------------------------
- audiosystem
--------------------------------*/
.audiosystem {
  background: #f2f2f2;
  padding: 40px;
  margin-bottom: 60px;
}
.audiosystem_head {
  font-size: 18px;
  padding-left: 20px;
  position: relative;
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #444444;
}
.audiosystem_head::before {
  position: absolute;
  left: 0;
  top: -1px;
  width: 3px;
  height: 20px;
  background: #999;
  content: '';
  display: block;
}
.audiosystem_text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width:1400px) {

}
@media print,screen and (max-width:640px) {
    .audiosystem {
        padding: 9.375%;
        margin-bottom: 12.5%;
    }
}
/*--------------------------------
- bnrOwners
--------------------------------*/
.bnrOwners a {
  font-size: 14px;
}
.bnrOwners img {
  margin-bottom: 15px;
}
@media screen and (max-width:1400px) {

}
@media print,screen and (max-width:640px) {
    .audiosystem_head {
        font-size: 1.3em;
        line-height: 1.3;
        padding-left: 4.6875%;
        padding-bottom: 4.6875%;
        margin-bottom: 7.8125%;
    }
    .audiosystem_text {
        font-size: 1em;
        margin-bottom: 9.375%;
    }
}
/*--------------------------------
- product
--------------------------------*/
.product + .product{
  margin-top: 79px;
}
.product_img {
  position: relative;
  margin-bottom: 45px;
}
.product_img::after {
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  z-index: 100;
}
.product_type {
  font-size: 14px;
  margin-bottom: 15px;
}
.product_name {
  font-size: 24px;
  font-family: 'DIN Regular';
  margin-bottom: 35px;
}
.owners_interview .product a {
  font-size: 16px;
  background: url('../images/arrow_next.png') no-repeat 95% 45%;
  background-color: #444;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  display: block;
  font-weight: bold;
  padding: 27px;
}
.owners_interview .product a:hover {
  background-color: #888;
}
@media print,screen and (max-width:640px) {
  .product + .product{
      margin-top: 15%;
    }
    .product.content-xs {
        padding: 0 9.375%;
    }
    .owners_interview .product a {
        font-size: 1.2em;
        background-size: 14%;
        padding: 6.25%;
    }
    .product_type {
        font-size: 1.2em;
        margin-bottom: 3.125%;
    }
    .product_name {
        font-size: 2em;
        margin-bottom: 6.25%;
    }
}
/*--------------------------------
- linkArea
--------------------------------*/
.linkArea{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}
.linkArea_bnr{
  width: 48%;
  display: block;
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #666666;
    font-size: 130%;
    padding: 15px 0;
    border: 1px solid #E8E8E8;
    display: block;
    text-align: center;
    font-size: 120%;
}
.linkArea_bnr:hover{
  color: #666666;
    background-color: #e2e2e2;
}
@media print,screen and (max-width:640px) {
    .linkArea.content-xs {
        padding: 0 9.375%;
        margin-top: 5%;
    }
    .linkArea_bnr{
         width: 100%;
         margin-bottom: 5%;
}
    .linkArea_bnr:last-child{
        margin-bottom: 0;
    }

    .owners_interview .sns {
        padding-left: 3%;
      }
}