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


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

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


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

article{
width:820px;
.center;
}
header{
padding:10px 0;
border-bottom:2px @black solid;
width:820px;
}

ul{
.right;
padding:10px 0;
}
li{
.dib;
p{
margin:0 0 0 30px;
padding:0 30px 5px 0;
background:url("../image/point2.svg") no-repeat 95% 5px;
border-bottom:2px @white solid;
}
p:hover{
border-bottom:2px @black solid;
}
}
.text{
font-size:12pt;
}
h3{
padding:30px 0 0 0;
}
h4{
font-size:12pt;
padding:30px 0 0 0;
.bold;
}
.table{
width:100%;
border:2px @black solid;
margin:10px 0 0 0;
}
th, td{
padding:10px;
border:1px @glay2 solid;
}
th{
.bg_glay;
width:160px;
}

input,textarea{
border:1px @glay2 solid;
}
textarea{
width:98%;
height:150px;
}
input{
height:20px;
.dib;
.vam;
}
.req{
input,textarea{
border:2px @red solid;
.bg_red2;
}
em{
.red;
}
}
.type1{
width:80px;
}
.type2{
width:150px;
}
.type3{
width:400px;
}
.type4{
width:98%;
}

.submit {
  text-align: center;
  margin: 50px auto;
}
.submit input{
height:auto;
  text-align: center;
  width: 200px;
  padding: 10px;
  cursor: pointer;
  font-size: 12pt;
  color: #FFFFFF;
  .bg_red;
  border: 2px #FFFFFF solid;
}
.submit .back{
  color: #FFFFFF;
  .bg_glay2;
  border: 2px #FFFFFF solid;
}
.submit input:hover {
  border: 2px #FF0000 solid;
  background-color: #FFFFFF;
  color: #FF0000;;
}

.thanks{
h4{
font-size:16pt;
}
.tac;
}
}



@media (max-width:960px){
.entry{
header{
width:95%;
}
article{
width:95%;
}

}
}

@media (max-width:720px){
.entry{

h2 img{
height:30px;
}
h3{
padding:20px 0 10px 0;
img{ height:20px; }
}
}
}


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

header{
width:300px;
}
article{
width:300px;
}
h2 img{
width:200px;
}
li p{
background:url("../image/point2.svg") no-repeat 95% 10px;
background-size:10px;
img{
height:15px;
}
}

.text{
font-size:10pt;
}

th{
.db;
width:auto;
}
td{
.db;
width:auto;
}
.type1,.type2,.type3,.type4{
width:98%;
margin-bottom:5px;
}

}
}