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

/* caregory_title ///////////////////////*/


/* footer ///////////////////////*/
.footer{
padding:5rem 0 5rem 0;
margin-top:0;
}


/* flow ///////////////////////*/
.flow{
padding:4rem 0 2rem 0;

ul{
.dt;
width:100%;
}
li{
.tac;
.dtc;
.pr;
width:33.3%;
padding:2px;
}

li p{
.bold;
padding:1rem 0;
background:@g7;
}
.active p{
background:@c1;
color:#FFF;
}

li:nth-child(1):before,
li:nth-child(2):before{
content: "";
.db;
.pa;
top:50%;
right:-10px;
margin-top:-10px;
border-right: 10px solid transparent;
border-bottom: 20px solid @c1;
border-left: 10px solid transparent;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
z-index:1;
}

}


@media (max-width:@w1){
.flow{

i{
.dn;
}

}
}


/* form ///////////////////////*/
.form{
padding:0 0 2rem 0;

em{
.db;
.ffm;
padding:0 0 .5rem 0;
}

sup{
color:@red;
font-size:1rem;
.bold;
}

textarea{
height:10rem;
}

.type1{
width:120px;
}
.type2{
width:240px;
}
.type3{
width:360px;
}
.type4{
width:98%;
}

small{
.dib;
padding:.5rem 0;
line-height:1.45rem;
}

}


@media (max-width:800px){
.form{
padding:0 0 50px 0;

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

.type1{
width:100px;
}
.type2{
width:100%;
}
.type3{
width:100%;
}
.type4{
width:100%;
}

.submit{
padding:20px 0 0 0;
}
.back{
padding:10px 0 0 0;
.tac;
}

}
}


@media (max-width:@w1){
.form{

.table1{

td{
.db;
width:100%;
max-width:none;
padding:1rem 0;
}
td:first-child{
.tal;
padding:1rem 0 .5rem .5rem;
border:0;
}

}

}
}


/* submit ///////////////////////*/
.submit{
padding:2rem 0 4rem 0;
.tac;
a{
.center;
}
}


.back{
padding:40px 0 0 0;
.tal;
}


/* thanks ///////////////////////*/
.thanks{
padding:150px 0;
.tac;

h4{
font-size:16pt;
}

.button{
padding:40px 0;
}
}

@media (max-width:800px){
.thanks{
padding:100px 0;

}
}


/* error ///////////////////////*/
.error{
.dt;
.center;
h4{
font-size:16pt;
}
}


/* privacy ///////////////////////*/
.privacy{

.wrap{
}

h4{
.ffm;
padding:1rem 0;
font-size:1.15rem;
}

.scroll{
border:.3rem @c3 solid;
background:@g7;
padding:1rem;
height:15rem;
.osy;
}

.checkbox{
padding:1rem 0;
}
dt{
.bold;
}
dd{
padding:1rem;
}

}


@media (max-width:600px){
.privacy{

dd{
padding:1rem 0;
}

}
}