@charset "utf-8";

figure {margin:0; padding:0}
p {margin:0; padding:0}
dd {margin:0;}


.walltvstand {max-width:1180px; margin:auto;}

.mainvisual {margin-bottom: 50px;}
.mainvisual-copy {position: static; width: 100%; margin-top:-50px;}

.wall-img-main-pc {display:none;}
.wall-img-main-sp {display:block;}

.product-a {
 background: #000;
 color: #eee;
 font-size: 22px;
 padding: 15px;
 margin-bottom:2vw;
 width:100%;
 font-weight: bold; 
}


.alignC {
 width:90%;
 margin: 0 auto 50px auto;
 text-align:center;
}
.alignC img {width:100%;}

/* wall top */
.wall-itemH {display: flex; flex-flow: column;}
.wall-itemH-img {width: 100%; padding:0; margin: 0 auto 1rem auto;}

.wall-itemH img {width: 100%;} 
.wall-itemH-txt {width: 96%; padding:0 10px 0 10px; margin:0;}
.wall-itemH-txt div {margin: 0 0 20px 0;}
.wall-itemH-txt p {font-size: 1rem; line-height: 1.6; margin-bottom: 20px;}

.itemIntroduction {margin-bottom:30px;}

.wall_product_section {
 width:100%;
 border-bottom: 1px solid #999;
 height:auto;
 padding:0 0 0 10px;
}


/* wall vseries */
.wall-vseries {font-size: 0.8rem; line-height:1.8; max-width:1180px; margin:auto;}

.wall-cm { background: #000; text-align: center; padding:10px 0 0 0; margin-bottom:10vw;}
.wall-cm p.wall-cm-header {font-size: 6vw; margin: 1rem 0 1rem 0;}
.wall-cm p {text-align:center; color: #eee; font-size: 14px; margin: 0 0 1rem 0;}
.wall-cm ul {
 padding: 10px;
 background: #000;
 display: flex;
 flex-flow: row wrap;
 justify-content: space-evenly;
}
.wall-cm li {width:90%; margin-bottom:1rem;}
.wall-cm li img {width:100%;}



.wall-feature p.wf-header {font-size: 3vw; margin: 15vw 0 2vw 1vw;}
.wall-feature p.wf-header span {display:block; font-size: 6vw;}

.feature01 {margin-bottom: 20vw;}
.feature01 figure img {width:100%;}

.wall-feature dl.info {
 font-size: 7px;
 color: #000;
 display: flex;
 justify-content: flex-end;
 margin: 1vw 0 5vw 0;
}
.wall-feature .feature {
    padding: 0 5.55556%;
}

.wall-feature .feature .read-block {
 width: 80%;
}
.wall-feature .feature .read-block .read {
    color: #000;
    margin-bottom: 5vw;
}
.wall-feature .feature .read .en {
    font-size: 14px;
    margin-bottom: 0.3vw;
    display: block;
}
.wall-feature .feature .read .jp {
 max-width: 12em;
 font-size: 7vw;
 line-height: 1.4em;
 font-family: 'Noto Serif JP', serif;
}
.wall-feature .feature .read-block .text {
 width: 100%;
 font-size: 14px;
 line-height: 1.8;
 margin-bottom: 5vw;
}

.wall-feature .feature .image-block {width: 90%; margin: auto;}
.wall-feature .feature .image-block img {width:100%;}





.feature02 {position:relative; margin-bottom:20vw;}
.feature02 .bg {width:100%;}
.feature02 .bg img {width: 100%;}

/*.feature02 .read-block {position: static; width:32%; left:67.5%; top:5%;}*/
.feature02 .column {display: flex; flex-direction: column; width: 93%; margin:auto;}
.feature02 .row {
 position: static;
 width: 93%;
 display: flex;
 flex-direction:column;
 margin: auto;
}
.feature02 .row img {
 width:90%;
 margin: auto;
}
.feature02 .row .text {width:40%; margin-top:3vw; }
.feature02 .row .text .st {
 display:block;
 font-size: 3vw;
 font-weight: bold;
 margin-bottom: 1vw;
}

.feature02 .read-block .read {
    color: #000;
}
.feature02 .read-block .read .en {
    font-size: 3vw;
    margin-bottom: 2vw;
    display: block;
}
.feature02 .read-block .read .jp {
 max-width: 12em;
 font-size: 7vw;
 line-height: 1.4em;
 font-family: 'Noto Serif JP', serif;
 display: block;
 margin-bottom: 5vw;
}
.feature02 .read-block .text {
 width: 100%;
 font-size: 14px;
 margin-bottom: 5vw;

}
.feature02 dl.info {
 font-size: 10px;
 color: #000;
 display: flex;
 justify-content: flex-end;
 margin: 1vw 0 5vw 0;
}




.wall-pd {margin-bottom: 15vw;}
.wall-pd p.wf-header {font-size: 3vw; margin: 15vw 0 2vw 1vw;}
.wall-pd p.wf-header span {display:block; font-size: 6vw;}


.wall-pd figure img {width:100%;}
.wall-pd .product-design01 {margin-bottom:50px;}
.product-design01 .read-block {
 position: static;
 width: 90%;
 margin:auto;
}
.product-design01 p.read {font-size: 4.5vw; margin:7vw 0 5vw 0; line-height:1.8;}
.product-design01 p.text {font-size: 0.8rem; line-height:2;}



.wall-pd .product-design02 {width:100%; margin-bottom: 50px;}
.product-design02 figure.pc {display:none;}
.product-design02 figure.sp {display:block; width:100%;}

/*.product-design02 .read-block.en {
 position: absolute;
 top: 57vw;
 right: 3vw;
 width: 35%;
}*/

.read2{
    display:block;
 font-size: 6vw;
 font-weight: bold;
 margin: 2vw 0;
 line-height: 1.5;
}

.read-block.en p.header {font-size: 3vw; margin: 0; line-height:1.6;}
.read-block.en p.text {font-size: 0.5vw; white-space: nowrap}

.read-block.en p.header2{font-size: 1.5vw; margin: 10px 0;}

.product-design02 .read-block.jp {
 position: static;
 top: 25vw;
 right: 5vw;
 width: 90%;
 margin: 0;
 padding: 0 0 0 10vw;
}
.product-design02 .read-block.en p.header {font-size: 5vw; margin: 0; line-height:1.6; color:#777;}
.product-design02 .read-block.en p.text {font-size: 0.5vw; white-space: nowrap; color:#777;}

.wall-pd .product-design03 {width:100%;}
.product-design03 figure.pc {display:none;}
.product-design03 figure.sp {display:block; width:100%; right:0;}

/*.product-design03 .read-block.en {
 position: absolute;
 top: 28vw;
 right: 10vw;
 width: 36%;
}*/

.product-design03 .read-block.en p.header {font-size: 5vw; margin: 0; line-height:1.6; color:#777;}
.product-design03 .read-block.en p.text {font-size: 0.5vw; white-space: nowrap; color:#777;}
/*.product-design03 .read-block.en p.text.top {margin-bottom:29.5vw;}*/

.product-design03 .read-block.jp {
 position: static;
 top: 25vw;
 right: 5vw;
 width: 81%;
 margin: 0 0 0 0vw;
}
.product-design03 .read-block.jp p.header {font-size: 6.5vw; margin: 7vw 0 5vw 0; line-height:1.6;}
.product-design03 .read-block.jp p.text {}


.wall-product {}
.wall-product figure.pc {display:none;}
.wall-product figure img {width:100%;}
.wall-product figure.sp {display:block; width:100%; margin: 0 0 5vw 0;}

.wall-product .feature {
 width:90%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin:auto;
}
.wall-product .feature dt {font-size: 7vw; width:100%;}
.wall-product .feature dt span {font-size: 6vw; vertical-align:middle; margin-left:2vw;}

.wall-product .feature dd {width:100%; margin-bottom: 5vw;}
.wall-product .feature dd img {width:100%;}
.wall-product .feature dd p {font-weight:bold; margin: 2vw 0 0.5vw 0;}
.wall-product .feature dd p span {font-weight:normal; margin: 0.5vw 0 0 0; display:block;}

.wall-product .feature dd.poly {
 width:100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 background-color: #F5F5F5;
 padding:10px;
 }
.wall-product .feature dd.poly img {width:100%;}
.wall-product .feature dd.poly p {width:90%; margin: 4vw auto;}
.wall-product .feature dd.poly p span {font-weight:normal;}
.wall-product .feature dd.poly p span.att {font-size: 9px;}

p.product-header {font-size: 3vw; margin: 15vw 0 2vw 1vw; border-bottom: 1px solid #ddd;}
p.product-header span.en {display:block; font-size: 6vw; line-height: 1.4;}
p.product-header span.jp {display:block; font-size: 4vw; line-height: 2;}

#movie-1{
 margin:0 auto 10px auto;
}



@media screen and (min-width: 767px){
.mainvisual {position: relative;}
.mainvisual-copy {
 position: absolute;
 top: 6vw;
 right: 0;
 width: 24vw;
 max-width:320px;
 margin:0;
 }

.wall-img-main-pc {display:block;}
.wall-img-main-sp {display:none;}
.wall-itemH {display: flex; flex-flow: row wrap;}

.wall-itemH-img {width: 55%; padding: 0; margin-right: 1rem;}
.wall-itemH-txt {width: 40%;}

.wall-sp {display:none;}

.wall-cm {margin-top:-50px;}
.wall-cm p.wall-cm-header {font-size: 3vw;}
.wall-cm ul {
 padding: 10px;
 background: #000;
 display: flex;
 flex-flow: row wrap;
 justify-content: space-evenly;
}
.wall-cm li {width:31%;}
.wall-cm li img {width:100%;}

.wall-feature p.wf-header {font-size: 1.3vw; margin:5vw 0 2vw 0;}
.wall-feature p.wf-header span {display:block; font-size: 4vw;}

.feature01 {margin-bottom: 10vw;}
.feature01 figure img {width:100%;}

.wall-feature dl.info {
 font-size: 9px;
 color: #000;
 display: flex;
 justify-content: flex-end;
 margin: 0.5vw 0 2vw 0;
}
.wall-feature .feature {
    display: flex;
    justify-content: space-between;
    padding: 0 5.55556%;
}

.wall-feature .feature .read-block {
 display: flex;
 flex-direction: column;
 width: 60%;
 margin-top: -1vw;
}
.wall-feature .feature .read-block .read {
    color: #000;
    margin-bottom: 1vw;
}
.wall-feature .feature .read .en {
    font-size: 14px;
    margin-bottom: 0.3vw;
    display: block;
}
.wall-feature .feature .read .jp {
 max-width: 12em;
 font-size:min(3vw,43px);
 line-height: 1.4em;
 font-family: 'Noto Serif JP', serif;
}
.wall-feature .feature .read-block .text {
 width: 90%;
 margin-bottom:0;
}

.wall-feature .feature .image-block {width: 40%;}
.wall-feature .feature .image-block img {width:100%;}

.read2{
 font-size: 1.5vw;
 font-weight: bold;
 margin: 0.5vw 0;
 line-height: 1.5;
}

.feature02 {position:relative; margin-bottom:10vw;}
.feature02 .bg {width:60%;}
.feature02 .bg img {width: 100%;}

.feature02 .read-block {position: absolute; width:32%; left:63.5%; top:1%;}
.feature02 .column {display: flex; flex-direction: column; width: 33%;}
.feature02 .row {
 position: static;
 width: 93%;
 display: flex;
 flex-direction:row-reverse;
 margin: auto;
}
.feature02 .row img {width:60%; margin-left:10px;}
.feature02 .row .text {width:40%; margin-top:2vw; }
.feature02 .row .text .st {display:block; font-size: 1.3vw; font-weight: bold; margin-bottom: 1vw;}

.feature02 .read-block .read {
    color: #000;
}
.feature02 .read-block .read .en {
    font-size: 14px;
    margin-bottom: 2vw;
    display: block;
}
.feature02 .read-block .read .jp {
 max-width: 12em;
 font-size:min(3vw,43px);
 line-height: 1.4em;
 font-family: 'Noto Serif JP', serif;
 display: block;
 margin-bottom: 2vw;
}
.feature02 .read-block .text {
 width: 95%;
 margin-bottom:0;
}
.feature02 dl.info {
 font-size: 9px;
 color: #000;
 display: flex;
 justify-content: flex-start;
 margin: 0.5vw 0 2vw 0;
}



.wall-pd p.wf-header {font-size: 1.3vw; margin:5vw 0 2vw 0;}
.wall-pd p.wf-header span {display:block; font-size: 4vw;}
.wall-pd figure img {width:100%;}
.wall-pd .product-design01 {position:relative;}
.product-design01 .read-block {
 position: absolute;
 top: 32vw;
 right: 4vw;
 width: 32vw;
}
.product-design01 p.read {font-size: 2vw; margin: 0 0 1.3vw 0; line-height:1.6;}
.product-design01 p.text {}

.product-design01 p.read2 {margin:1.3vw auto; line-height:1.6; width: 60%;}
.product-design01 p.text2{width: 60%; margin:0 auto;}

.wall-pd .product-design02 {position:relative; width:100%}
.product-design02 figure.pc {display:block; width:60%;}
.product-design02 figure.sp {display:none;}

.product-design02 .read-block.en {
 position: absolute;
 top: 6vw;
 right: 1vw;
 width: 35%;
}
.product-design02 .read-block.en p.header {font-size: 2.5vw; margin: 0; line-height:1.6; color:#333;}
.product-design02 .read-block p.text {}

.product-design02 .read-block.jp {
 position: absolute;
 top: 25vw;
 right: 5vw;
 width: 30%;
}
.product-design02 .read-block.en p.header {font-size: 2.5vw; margin:0; line-height:1.2; color:#777;}
.product-design02 .read-block.jp p.text {}


.wall-pd .product-design03 {position:relative; left:0; width:100%; margin-bottom:0;}
.product-design03 figure.pc {display:block; width:60%; margin: 0 0 0 40%;}
.product-design03 figure.sp {display:none;}

.product-design03 .read-block.en {
 position: absolute;
 top: 3vw;
 left: 1vw;
 width: 35%;
}

.product-design03 .read-block.en p.header {font-size: 2.5vw; margin: 0; line-height:1.2; color:#777;}
.product-design03 .read-block.en p.text {font-size: 0.5vw; white-space: nowrap; color:#777;}
.product-design03 .read-block.en p.text.top {margin-bottom:1vw;}

.product-design03 .read-block.jp {
 position: absolute;
 top: 25vw;
 left: 1vw;
 width: 34%;
 margin: 0 0 0 0vw;
}
.product-design03 .read-block.jp p.header {font-size: 2vw; margin: 0 0 1.3vw 0; line-height:1.6;}
.product-design03 .read-block.jp p.text {}


.wall-product {}
.wall-product figure.pc {display:block; width:100%; margin: 0 0 5vw 0;}
.wall-product figure.sp {display:none;}

.wall-product .feature {
 width:90%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin:auto;
}
.wall-product .feature dt {font-size: 2.5vw; width:100%;}
.wall-product .feature dt span {font-size: 0.8vw; vertical-align:middle; margin-left:2vw;}

.wall-product .feature dd {width:30%;}
.wall-product .feature dd img {width:100%;}
.wall-product .feature dd p {font-weight:bold; margin: 1.5vw 0 0 0;}
.wall-product .feature dd p span {font-weight:normal; margin: 0.5vw 0 0 0; display:block;}

.wall-product .feature dd.poly {
 width:100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 background-color: #F5F5F5;
 padding:10px;
 }
.wall-product .feature dd.poly img {width:30%;}
.wall-product .feature dd.poly p {width:35%;}
.wall-product .feature dd.poly p span.att {font-size: 9px;}

p.product-header {font-size: 1.0vw; margin:1vw 0 1vw 0; border-bottom: 1px solid #ddd;}
p.product-header span.en {display:block; font-size: 3vw; line-height: 1.3;}
p.product-header span.jp {display:block; font-size: 1.5vw; line-height: 1.5; margin-bottom: 0.5vw;}


}