@charset "UTF-8";

#pagehead{
background:url(img/pagehead.jpg) no-repeat center;
}
#pagehead h1 span{
letter-spacing: 1px;
}
#contents01{
margin-bottom:80px;
}
.page table th{
position:relative;
width:30%;}
.page table td{
padding:20px;
}
.page table td ul li{
display:inline-block;}
#memo{
text-align: center;
margin-bottom:40px;
}
#memo span.red{
color:#c11d1d;}
#memo span.under{
text-decoration: underline;}
form#mailformpro {
padding: 0 ;
}
#privacy{
width: 100%;
margin:35px 0 20px 0;
    -js-display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
		  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
}
#privacy h3{
font-size:18px;
width:25%;
background:url(../common/img/bg2.gif) repeat center;
position: relative;
}
#privacy h3 span{
position:absolute;
top:25%;
left:0;
right:0;
margin:0 auto;
text-align: center;}
#privacy h3 span:after{
content: "";
width:60px;
height:2px;
background:#5f7279;
display:inline-block;
position:absolute;
bottom:-10px;
left:0;
right:0;
margin:0 auto;
}
#privacy p{
font-size:15px;
width:75%;
padding:30px 5%;
background:url(../common/img/bg.gif) repeat center;
}

input[type="text"],select{
height:30px;}
textarea{
width:100%!important;
height:200px!important;
}
input,textarea,select{
background:#e5eff7;
}
.page table ol li{
font-size:14px;
margin-bottom:10px;
}
form#mailformpro label.mfp_not_checked{
border:none;
}
form#mailformpro label.mfp_checked{
background:none;
}
form#mailformpro label.mfp_checked,.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password{
border-radius: 0;
box-shadow: none;
border:none;
}
input:focus{
outline:1px solid #1d437a;
}
/*radio01 css*/

.radio02-input{
  display: none;
}
.radio02-input + .radio, .radio02-input + input +.radio{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
	display:inline-block;
}
.radio02-input + .radio::before, .radio02-input + input + .radio::before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
	background:#8a9a9a;
  border: 1px solid #8a9a9a;
  border-radius: 50%;
}
.radio02-input:checked + .radio{
  color: #1d437a;
}
.radio02-input:checked + .radio::after, .radio02-input:checked + input + .radio::after{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 2px;
  width: 11px;
  height: 11px;
  background: #1d437a;
  border-radius: 50%;
}


.must {
    display: inline-block;
    border: none;
    text-shadow: none;
    padding: 2px 5px;
    font-size: 13px;
    color: #c11d1d;
    float: right;
    margin: 0px 5px;
    border-radius: 0;
    box-shadow: none;
    background: none;
		position:absolute;
		right:5%;
}


.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev{
width:200px;
    border-radius: 0;
    padding: 20px 0 ;
		text-align: center;
    border: none;
    background:url(../common/img/arrow09.png) no-repeat 90% center ,#1d437a;
    text-shadow: none;
    font-size: 18px;
    cursor: pointer;
    outline: none;
		color:#fff;
		transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}
.mfp_element_button{
width:130px;
padding: 10px 0 ;

}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover, button.mfp_next:hover, button.mfp_prev:hover{
    background:url(../common/img/arrow09.png) no-repeat 93% center ,#1d437a;
}


/*thanks*/
.thanks{
font-size:18px;
background:url(../common/img/bg2.gif) repeat center;
}
.tellink {
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    margin-top: 15px;
}
.tellink span.text {
    font-size: 18px;
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
}



@media screen and (max-width: 700px){
#memo{
text-align: left;
}
.page table th{
width: 100%;
}

}
@media screen and (max-width: 640px){
#privacy{
display:block;
}
#privacy h3{
width:100%;
height: 80px;
}
#privacy h3 br{
display:none;}

#privacy p{
width:100%;
}
}