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

/* contents ///////////////////////*/
.contents{

.max{
.pr;
.jc;

.photo{
padding-top:36%;
}
.read{
.pa;
.tac;
.ffm;
color:#FFF;
width:100%;
font-size:32pt;
line-height:140%;
z-index:1;
padding:0 0 40px 0;
}
}

.box{
margin-top:-60px;
}

dl{
.cr;
padding:0 0 60px 0;
}
dl:last-child{
padding:0;
}

.image{
width:400px;
margin:0 40px 60px 0;
.left;
}
dl:nth-child(even) .image{
.right;
margin:0 0 60px 40px;
}

.photo{
padding-top:63%;
}


dl:first-child .text{
padding:120px 60px 0 60px;
}
dl .text{
padding:80px 60px 0 60px;
}
dd .wrap{
padding:60px;
background:@c5;
}

h4{
.ffm;
font-size:19pt;
padding:0 0 20px 0;
}

}


@media (max-width:1000px){
.contents{

.max{
.pr;
.jc;

.photo{
padding-top:42%;
}
.read{
font-size:5vw;
padding:0;
}
p{
font-size:5vw;
bottom:80px;
}
}

.box{
margin-top:-40px;
}

dl{
padding:0 0 40px 0;
}

.image{
width:40%;
margin:0 20px 60px 0;
.left;
}
dl:nth-child(even) .image{
.right;
margin:0 0 60px 20px;
}

dl:first-child .text{
padding:80px 20px 0 20px;
}
dl .text{
padding:40px 20px 0 20px;
}
dd .wrap{
padding:40px;
}

}
}


@media (max-width:500px){
.contents{

.max{
.pr;
.jc;

.photo{
padding-top:69%;
}
.read{
font-size:17pt;
}

}

.box{
margin-top:-20px;
}

dl{
padding:0 0 30px 0;
}

.image{
width:80%;
margin:0 60px 20px 0;
.left;
}
dl:nth-child(even) .image{
.right;
margin:0 0 20px 60px;
}

dl:first-child .text{
padding:80px 10px 0 10px;
}
dl .text{
padding:40px 10px 0 10px;
}
dd .wrap{
padding:20px;
}

h4{
font-size:15pt;
padding:0 0 10px 0;
}

}
}


/* option ///////////////////////*/
.option{
padding:0 0 100px 0;

.box{
border:3px @c3 solid;
padding:0;
margin:0 0 40px 0;
}
.box:last-child{
margin:0;
}

dl{
.dt;
}
dd{
.dtc;
.vat;
}
dd:first-child{
width:35%;
}

.photo{
padding-top:100%;
}

.text{
padding:20px;
}

h4{
.ffm;
font-size:17pt;
padding:0 0 10px 0;
}

}



@media (max-width:500px){
.option{
padding:0 0 60px 0;

.box{
border:2px @c3 solid;
margin:0 0 20px 0;
}


.text{
padding:10px;
}

h4{
.ffm;
font-size:14pt;
padding:0 0 10px 0;
}

}
}