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


/* body ///////////////////////*/
/*
.bbb{
.pa;
z-index:0;
width:100%;
height:15000px;
background:url("../talk.jpg") no-repeat center 0;
opacity:.3;
}

.aaa{
.pr;
z-index:1;
}
*/


/* main ///////////////////////*/
.main{
.pr;

.title{
.pa;
top:170px;
right:7%;
}

.image{
width:84%;
img{
width:100%;
height:500px;
object-fit: cover;
}
small{
.db;
.tar;
.ffg;
padding:5px 0 0 0;
}
}

}


@media (max-width:800px){
.main{
height:300px;

.title{
z-index:100;
top:250px;
right:50%;
margin-right:-100px;
img{
width:200px;
}
}

.image{
width:100%;

img{
width:100%;
height:300px;
object-position:69% 50%;
}

small{
.dn;
}

}

}
}


/* talk ///////////////////////*/
.talk{
padding:60px 0 60px 0;

.title{
.tac;
}

.text{
padding:40px 0 0 0;
width:800px;
.center;
}

.link{
width:400px;
.center;
}

.line{
.db;
.tac;
padding:70px 0 0 0;
li{
.tac;
.dib;
padding:0 10px;
}

}

}


@media (max-width:800px){
.talk{
padding:160px 0 60px 0;

.text{
width:100%;
}

.link{
width:100%;
}


}
}


/* talk ///////////////////////*/
.talk1,
.talk2,
.talk3,
.talk5,
.talk6{
overflow:auto;

.image{
width:400px;
img{
margin-bottom:20px;
}
}

.text{
p{
padding:0 0 30px 0;
}
b{
.dib;
padding:0 10px 0 0;
}
}

}


@media (max-width:800px){
.talk1,
.talk2,
.talk3,
.talk5,
.talk6{

.image{
width:100%;
img{
width:100%;
margin-bottom:10px;
}
}

}
}



/* talk1 ///////////////////////*/
.talk1{
padding:0 0 70px 0;

.title{
padding:0 0 60px 0;
}

.line{
border-bottom:1px @text solid;
width:40px;
margin:0 0 40px 0;
}

.image{
.right;
margin-top:-180px;
margin-left:60px;
}
}


@media (max-width:800px){
.talk1{
padding:0 0 40px 0;

.line{
margin:0 0 60px 0;
}

.image{
.fn;
margin-top:0;
margin-left:0;
}

}
}


/* talk2 ///////////////////////*/
.talk2{
padding:0 0 70px 0;

.image{
.left;
margin-right:60px;
}

}

@media (max-width:800px){
.talk2{
padding:0 0 40px 0;

.image{
.fn;
margin-right:0;
}

}
}


/* talk3 ///////////////////////*/
.talk3{
padding:0 0 70px 0;

.image{
.right;
margin-left:60px;
}

}

@media (max-width:800px){
.talk3{
padding:0 0 40px 0;

.image{
.fn;
margin-left:0;
}

}
}



/* talk4 ///////////////////////*/
.talk4{
padding:0 50px 140px 50px;

.image{
img{
width:100%;
height:480px;
object-fit: cover;
}
}

}

@media (max-width:800px){
.talk4{
padding:0 0 70px 0;

.image{
img{
width:100%;
height:280px;
object-fit: cover;
}
}

}
}

/* talk5 ///////////////////////*/
.talk5{
padding:0 0 70px 0;

.image{
.left;
margin-right:60px;
}

}

@media (max-width:800px){
.talk5{
padding:0 0 40px 0;

.image{
.fn;
margin-right:0;
}

}
}



/* talk6 ///////////////////////*/
.talk6{
padding:0 0 70px 0;

.image{
.right;
margin-left:60px;
}

}

@media (max-width:800px){
.talk5{
padding:0 0 40px 0;

.image{
.fn;
margin-left:0;
}

}
}


/* profile ///////////////////////*/
.profile{
padding:0 0 150px 0;

dl{
.dt;
width:100%;
}
dd{
.dtc;
.vat;
}

dd:nth-child(1){
width:15%;
}
dd:nth-child(2){
width:42.5%;
padding:0 0 0 20px;
}
dd:nth-child(3){
width:42.5%;
padding:0 0 0 20px;
}

h2{
.ffgb;
.dib;
letter-spacing:.2em;
font-size:15pt;
border-bottom:1px @text solid;
padding:0 0 10px 0;
}

em{
.db;
.bold;
padding:0 0 10px 0;
}

.image{
padding:0 0 40px 0;
}

.name{
border-bottom:1px @text dotted;
padding:0 0 10px 0;
margin:0 0 20px 0;
}
h4{
font-size:15pt;
}
small{
.dib;
padding:0 0 0 10px;
font-size:7.5pt;
color:@red;
.ffgb;
letter-spacing:.2em;
}
a{
color:@red;
}

}


@media (max-width:800px){
.profile{
padding:0 0 70px 0;


dl{
.db;
}
dd{
.db;
}

dd:nth-child(1){
width:100%;
}
dd:nth-child(2){
width:100%;
padding:0 0 40px 0;
}
dd:nth-child(3){
width:100%;
padding:0 0 40px 0;
}

.title{
.tac;
padding:50px 0;
}
h2{
font-size:15pt;
}

.image{
padding:0 0 20px 0;
img{
width:100%;
}
}



}
}