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


/* category_title ///////////////////////*/
.category_title{
background:url(../image/image1.jpg) no-repeat 35vw100%;
background-size: cover;
background-color: #cce8f3;
}

.section_title{
padding:60px 0 20px 0;
}

@media (max-width:1024px){
.section_title{
padding:30px 0 10px 0;
}
}


/* flow ///////////////////////*/
.flow{
padding:80px 0 0 0;

ul{
.dt;
.bg_glay5;
width:100%;
}

li{
.pr;
padding:20px 0;
.dtc;
.tac;
width:33.3%;
font-size:13pt;
}

.this{
.bg1;
}

.point{
.pa;
width:25px;
height:25px;
right:-12.5px;
z-index:2;
}

em{
.db;
font-size:12pt;
padding:40px 0 20px;
}

.wrap{
padding:20px;
.border1;
.bg_glay6;
}
.tel{
padding:20px 0 5px 0;
font-size:32pt;
line-height:100%;
}

}


@media (max-width:1024px){
.flow{
padding:50px 0 0 0;

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

.point{
.pa;
width:20px;
height:20px;
right:-10px;
top:50%;
margin-top:-10px;
z-index:2;
}

em{
.db;
font-size:10pt;
padding:30px 0 10px;
}


}
}


@media (max-width:600px){
.flow{
padding:30px 0 0 0;

li{
padding:10px 0;
font-size:9pt;
}

.point{
.pa;
width:10px;
height:10px;
right:-5px;
top:50%;
margin-top:-5px;
z-index:2;
}

.wrap{
padding:10px;
}
.tel{
padding:10px 0 5px 0;
font-size:19pt;
}

}
}


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

table{
width:100%;
}
td{
padding:10px 0;
}
td:first-child{
width:180px;
}

em{
color:@c3;
}

.w1{
width:80px;
}
.w2{
width:160px;
}
.w3{
width:320px;
}
.w4{
width:480px;
}
.w5{
width:100%;
}

}


@media (max-width:1024px){
.form{

.w1, .w2, .w3, .w4, .w5{
width:100%;
}

}
}


@media (max-width:600px){
.form{
padding:10px 0 20px 0;

table{
width:100%;
}
td{
.db;
padding:0;
}
td:first-child{
padding:10px 0 3px 0;
width:auto;
}

}
}


/* form ///////////////////////*/
.req{
input[type="text"],
input[type="email"],
input[type="checkbox"],
input[type="radio"],
textarea{
border:2px @c3 solid;
}
}

#privacy{
cursor:pointer;
color:@c2;
.tdu;
}

input[type="text"],
input[type="email"]{
border:2px @g5 solid;
padding:5px;
font-size:10pt;
}

textarea{
width:100%;
height:200px;
border:2px @g5 solid;
margin:10px 0 0 0;
}

input[type="checkbox"],
input[type="radio"]{
width:20px;
height:20px;
padding:45px;
margin:0 10px 0 0;
}



/* privacy ///////////////////////*/
.privacy{
padding:40px 0 0 0;

.wrap{
padding:20px;
.border1;
.bg3;
}

h4{
.ls2;
padding:10px 0;
font-size:12pt;
}

.scroll{
background-color:#FFFFFF;
padding:20px;
height:200px;
.osy;
}

p{
padding:40px;
.tac;
}

dd{
padding:10px 30px 30px 30px;
}

}


@media (max-width:600px){
.privacy{
padding:30px 0 0 0;

.wrap{
padding:10px;
}

h4{
.ls1;
font-size:11pt;
}

.scroll{
padding:10px;
height:200px;
}

p{
padding:30px;
}

dd{
padding:5px 10px 10px 15px;
}

}
}


/* submit ///////////////////////*/
.submit{
padding:40px 0 80px 0;
.tac;
}

@media (max-width:1024px){
.submit{
padding:30px 0 60px 0;

}
}

@media (max-width:600px){
.submit{
padding:20px 0 40px 0;

}
}


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

table{
width:100%;
}
td{
padding:10px 0;
border-bottom:1px @g5 solid;
}
td:first-child{
width:180px;
}

.textarea{
padding:20px 0;
}

}


@media (max-width:1024px){
.check{
padding:20px 0 0 0;

td:first-child{
width:120px;
}

}
}


@media (max-width:600px){
.check{
padding:10px 0 0 0;

td{
padding:0 0 10px 20px;
.db;
}
td:first-child{
padding:10px 0 5px 0;
border-bottom:0;
width:auto;
}

}
}


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

}


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

a{
margin:0;
padding:12px 20px 10px 20px;
.dt;
.bg3;
.ls3;
color:#FFFFFF;
.vam;
line-height:100%;
}

}


/* thanks ///////////////////////*/
.thanks{
padding:80px 0;

}


@media (max-width:1024px){
.thanks{
padding:60px 0;

}
}

@media (max-width:600px){
.thanks{
padding:40px 0;

}
}