@charset "utf-8";
@import (once) "default.less";


/* form ///////////////////////*/
.form{
.pr;
.center;

article{
.center;
max-width:720px;
}

.element{
padding:2rem 0 0 0;
}

h3{
.nw;
.tac;
padding:2rem 0 0 0;
}

h3 p{
.pr;
.dib;
font-size:1.15rem;
line-height:3rem;
}

h3 sup{
.ffg;
.bold;
background:@red;
color:#FFF;
padding:4px 5px;
margin:0 0 0 5px;
.r(3px);
font-size:.8rem;
}

h4{
padding:3rem 0 1rem 0;
}
h4 p{
.pr;
.dib;
line-height:1.45rem;
}

label{
.tac;
.db;
cursor:pointer;
padding:1rem 0;
border-bottom:1px @g2 solid;
}
.radio-text{
font-size:1.15rem;
}

table{
width:100%;
}
td{
.vam;
padding:2.5px;
}
th{
.nw;
padding:0 .5rem 0 0;
width:1%;
}

.call{
font-size:1.3rem;
}

small{
.db;
font-size:.9rem;
line-height:1.3rem;
padding:0 0 1rem 0;
}

}


/* input ///////////////////////*/
input, select, textarea{
border:0;
padding:10px;
background:@g7;
}

::placeholder {
color: #CCC;
}
select:invalid { color: #CCC; }
select option { color: #000; }
select option:first-child{ color: #CCC; }

input[type=text],
input[type=date],
select{
width:100%;
.r(0);
}

textarea{
width:100%;
height:100px;
}

.nw input[type=text]{
width:50%;
margin:0;
}
.nw input[type=radio]{
margin:0 5px;
}


/* red フォーム入力エラー ///////////////////////*/
.red{

small{
.db;
color:@red;
padding:5px 0;
}

input[type=text],
input[type=date],
input[type=email],
select,
textarea,
.radio-text:before{
outline: 0;
border:2px @red solid;
}

}


/* submit ///////////////////////*/
.submit{
padding:45px 0 0 0;

a{
.db;
.tac;
width:100%;
cursor:pointer;
padding:20px 0;
.r(5px);
}

}


/* .result ///////////////////////*/
.result{
padding:75px 0;
}


/* .webpay ///////////////////////*/
.webpay{
background:#FFF;
border:2px @c3 solid;
padding:15px 30px 30px 30px;

h2{
.nw;
.tac;
padding:30px 0 0 0;
}

h2 p{
.pr;
.dib;
font-size:1.6rem;
line-height:1.6rem;
}

h3{
padding:15px 0 0 0;
}

h3:after{
content:"";
.db;
background:@c3;
mask-image:url(../image/ornament/object1.svg);
mask-repeat: no-repeat;
width:100px;
.as(2.6/1);
margin:30px auto;
}


.text{
padding:15px 0 0 0;
line-height:1.5rem;
}

.submit p{
padding:0 15px;
}
.submit p span{
font-size:1.45rem;
line-height:1.75rem;
}

}


@media (max-width:@w1){
.webpay{
padding:15px 10px 10px 10px;
}
}


/* .bookmark ///////////////////////*/
.bookmark{
padding:45px 0 0 0;
line-height:1.5rem;
}