@charset "UTF-8";

*{outline:none;}

/* =========================================================
Clearfix
=========================================================== */
.c-form__wrap:after,
ul.c-form__radiobox:after,
.clearfix:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
zoom:1;
}

/* =========================================================
Present
=========================================================== */
.p-present__wrap{
position:relative;
margin:0 10px;
text-align:center;
line-height:1;
}
.p-present__item{
margin:0 1% 10px;
width:45%;
display:inline-block;
}
.p-present__item-c{
margin:0 1%;
width:55.5%;
display:inline-block;
}
.p-present__sub{
margin:0 0 15px;
padding:0 10px;
line-height:1;
}
.p-present__item img,
.p-present__item-c img,
.p-present__sub img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
Keyword
=========================================================== */
.p-keyword__wrap{
position:relative;
margin:0 10px 10px;
text-align:center;
line-height:1;
border:1px solid #9bbfcc;
background:#ffffff;
}
.p-keyword__l{
position:relative;
width:50%;
vertical-align:middle;
display:table-cell;
}
.p-keyword__l p{
padding:0 15px 15px;
text-align:left;
}
.p-keyword__r{
position:relative;
width:48%;
vertical-align:middle;
display:table-cell;
}
.p-keyword__c{
position:relative;
}
.l-content__box .p-keyword__c p.p-form__submit:last-child{
margin-bottom:18px;
}
@media (max-width:800px){
.l-content__box .p-keyword__c p.p-form__submit:last-child{
margin-bottom:12px;
}
}
.p-keyword__connect{
position:relative;
margin:0 auto 10px;
width:70%;
}
.p-keyword__l img,
.p-keyword__r img,
.p-keyword__c img,
.p-keyword__connect img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
Thanks
=========================================================== */
.c-thanks{
position:relative;
margin:0 0 8px;
padding:0 0 12px;
border-bottom: 1px solid #9bbfcc;
}

/* =========================================================
Form __wrap
=========================================================== */
.c-form{
position:relative;
clear:both;
}
.c-form__wrap{
position:relative;
margin:0 0 8px;
padding:8px 0 0;
line-height:1;
border-top:1px dotted #9bbfcc;
clear:both;
}
.c-form__wrap:first-child{
padding:0;
border-top:0;
}
.c-form__wrap:last-child{
margin:0 0 15px;
padding:8px 0;
border-bottom:1px solid #9bbfcc;
}
.c-form__wrap .c-form__left{
margin:0;
padding:5px 0 5px 10px;
width:23%;
color:#000000;
font-size:14px;
line-height:24px;
font-weight:bold;
display:inline-block;
oerflow:hidden;
float:left;
}
.c-form__wrap .c-form__right{
padding:0 10px 0 0;
width:73%;
display:inline-block;
float:right;
}
.c-form__wrap .c-form__q{
margin:0 0 3px;
padding:0 10px;
color:#000000;
font-size:15px;
line-height:24px;
font-weight:bold;
display:block;
}
.c-form__wrap .c-form__a{
padding:0 10px;
display:block;
}
.c-form__input{
padding:5px 5px;
width:100%;
font-size:17px;
line-height:22px;
background:#ffffff;
border:1px solid #9bbfcc;
border-radius:.2rem;
vertical-align:bottom;
overflow:hidden;
display:inline-block;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
}
.c-form__input:focus{
background:#fffcd7;
}

.c-form__wrap select.c-form__select{
position:relative;
margin:0 10px 0 0;
padding:5px 5px;
width:73%;
height:34px;
font:inherit;
font-size:17px;
line-height:1;
border:1px solid #9bbfcc;
border-radius:.2rem;
background:#ffffff;
display:inline-block;
float:right;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none !important;
-webkit-box-shadow:none;
box-shadow:none !important;
-webkit-transition:none !important;
-o-transition:none !important;
transition:initial !important;
outline:none !important;
}
.c-form__thanks{
display:none;
}
.c-form__false{
display:none;
}

/* =========================================================
Form __checkbox
=========================================================== */
input[type=checkbox].c-search__checkbox{
display:none;
}
.c-search__check{
position:relative;
padding:0 0 0 25px;
line-height:25px;
cursor:pointer;
vertical-align:middle;
display:inline-block;
}
.c-search__check:after,
.c-search__check:before{
position:absolute;
content:"";
display:block;
top:50%;
}
.c-search__check:after{
left:0px;
margin-top:-14px;
width:25px;
height:25px;
border:1px solid #9bbfcc;
border-radius:4px;
background:#ffffff;
}
.c-search__check:before{
left:8px;
margin-top:-10px;
width:8px;
height:14px;
border-right:3px solid #20499a;
border-bottom:3px solid #20499a;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
z-index:5;
opacity:0;
}
td .c-search__check:after{
margin-top:-10px;
}
td .c-search__check:before{
left:8px;
margin-top:-6px;
}
input[type=checkbox]:checked + .c-search__check:before{
opacity:1;
}
input[type=checkbox]:disabled + .c-search__check{
}
input[type=checkbox]:disabled + .c-search__check:after{
}

/* =========================================================
Form __radio
=========================================================== */
ul.c-form__radiobox{
position:relative;
}
.l-content__box ul.c-form__radiobox{
margin: 0;
}
ul.c-form__radiobox li{
padding:0 18px 0 2px;
float:left;
}
ul.c-form__radiobox li:last-child{
padding:0 0 0 2px;
float:none;
clear:both;
}
.c-search__label{
position:relative;
margin:0;
font-size:15px;
line-height:34px;
display:inline-block;
cursor:pointer;
}
ul.c-form__radiobox li:last-child .c-search__label{
margin:0 8px 0 0;
line-height:34px;
}
ul.c-form__radiobox li input[type=radio]{
margin-right:4px;
font-size:15px;
line-height:24px;
}
ul.c-form__radiobox li .c-form__input{
width:50%;
display:inline-block;
}

/* =========================================================
btn-form__submit
=========================================================== */
.p-form__submit{
padding:12px 0 0;
text-align:center;
line-height:1;
}
.l-content__box p.p-form__submit{
margin-bottom:20px;
}
.l-content__box p.p-form__submit:last-child{
margin-bottom:0;
}
input.btn-form__submit{
margin:0 5px;
padding:15px 10px;
width:220px;
font-size:22px;
line-height:1;
font-weight:bold;
color:#ffffff;
background:#ea3876;
border:1px solid #ea3876;
border-radius:.4rem;
cursor:pointer;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:button;
appearance:none;
text-shadow:1px 1px 2px #000000;
}
input.btn-form__submit:hover{
color:#fffaaf;
background:#ff3d80;
}
a.btn-form__submit{
margin:0 5px;
padding:15px 10px;
width:220px;
font-size:22px;
line-height:1;
font-weight:bold;
text-align:center;
color:#ffffff;
background:#ea3876;
border:1px solid #ea3876;
text-decoration:none;
border-radius:.4rem;
cursor:pointer;
display:inline-block;
text-shadow:1px 1px 2px #000000;
}
a.btn-form__submit:hover{
color:#fffaaf;
background:#ff3d80;
}
a.btn-form__submit img{
width:100%;
height:auto;
display:block;
}
a.btn-form__cancel{
margin:0 5px;
padding:15px 5px;
width:220px;
font-size:22px;
line-height:1;
font-weight:bold;
text-align:center;
color:#20499a;
background:#ffffff;
text-decoration:none;
border:1px solid #3071f2;
border-radius:.4rem;
cursor:pointer;
display:inline-block;
}
a.btn-form__cancel:hover{
color:#3071f2;
text-decoration:none;
}
.submit input.submit{
background-color:#004B88;
}
.submit input.back{
background-color:#666;
}

@media (max-width:800px){
input.btn-form__submit{
padding:12px 8px;
width:130px;
font-size:16px;
}
a.btn-form__submit{
padding:12px 8px;
width:130px;
font-size:16px;
}
a.btn-form__cancel{
padding:12px 3px;
width:140px;
font-size:16px;
}

}