@import (once) "default.less";
@import (once) "common.less";


@media (max-width:960px){
}

@media (max-width:640px){
}


/* .voice ///////////////////////*/
.voice{
padding:20px 0 0 0;

.icon{
.dib;
.vam;
margin:0 0 0 -10px;
}
h2{
.dib;
.vam;
img{height:40px; }
}
article{
width:820px;
.center;
}
em{
.bold;
font-size:12pt;
}

section{
.pr;
margin:60px 0 20px 0;

.image{
top:0;
.pa;
}
.tilte{
.pr;
.db;
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:1px @red solid;
img{
.pa;
right:0;
bottom:0px;
}
}
h3{
.bold;
font-size:14pt;
}
h4{
padding:0 0 20px 0;
img{ max-width:100%; }
}
}

section:nth-child(2n){
.tilte, .wrap{
margin-left:200px;
}
}
section:nth-child(2n-1){
.tilte, .wrap{
margin-right:200px;
}
.image{
right:0;
top:0;
}
}
}


@media (max-width:960px){
.voice{
article{
width:95%;
}
em{
.db;
padding:20px 0 0 0;
}
}
}


@media (max-width:720px){
.voice{
.icon{
height:80px;
margin:0;
}
h2 img{
height:30px;
}
}
}


@media (max-width:560px){
.voice{

header{
width:300px;
}
article{
width:300px;
}
.icon{
height:60px;
margin:0 5px 0 -10px;
}
h2 img{
height:25px;
}
em{
.bold;
font-size:10pt;
}
section{
.tac;
margin:40px 0 10px 0;
h3{
font-size:12pt;
span{
font-size:7pt;
}
}
.image{
.ps;
width:150px;
margin:10px 0 20px 0;
}
.tilte, .wrap{
.tal;
}
}
section:nth-child(2n){
.tilte, .wrap{
margin:0;
}
}
section:nth-child(2n-1){
.tilte, .wrap{
margin:0;
}
}


}
}