@charset "UTF-8";
/* CSS Document */

html {
  font-family:  "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif", sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
	
}

.font-40 {
  font-size: 40px;
	line-height: 65px;
}

.font-30 {
  font-size: 30px;
	line-height: 45px;
}


.font-28 {
  font-size: 28px !important;
	line-height: 40px !important;
}

.font-24 {
  font-size: 24px !important;
	line-height: 36px !important;
}

.font-20 {
  font-size: 20px !important;
	line-height: 35px !important;
}

.font-18 {
  font-size: 18px !important;
	line-height: 30px !important;
}


.font-14 {
  font-size: 14px !important;
	line-height: 24px !important;
}

.font-12 {
  font-size: 12px !important;
	line-height: 16px !important;
}

table{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;

  width: 900px;
}
table th,
table td{
  border: 1px solid #999;
  padding: .5em 1em;
}
table th{
  background: #eee;
  text-align: center;
}
@media (max-width: 750px) {
    table{
      width: 100%;
    }
    table th,
    table td{
      display: block;
    }
    table th,
    table td{
      border-top: none;    
    }
    table tr:first-child th{
      border-top: 1px solid #999;
    }
  }

ol {
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 0px
  /*��padding: 10px 10px 10px 30px��
  �܂Ƃ߂ď������Ƃ�ł��܂��ˁB*/
  /*�w�i�F�Ȃǂ�CSS�͏ȗ�*/
}


@media screen and (min-width: 600px){
.br-sp {display: none; }
}

.form_area {
padding:20px;
}

.form_area dl{
margin-bottom:30px;
}
.form_area dt{
font-weight:bold;
margin-bottom:20px;
}

/* form */
.form_area input[type="text"],
.form_area select{
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: button;
appearance: none;
border-radius: 0;
width:100%;
font-size:16px;
border:1px solid #aaa;
padding:15px;
}

/* submit */
.form_area .submit{
display: flex;
justify-content: center;
}
.form_area .submit input{
cursor:pointer;
border:none;
display: inline-block;
width:300px;
background:#004B88;
color: #fff;
font-weight:bold;
margin:5px;
padding: 20px 15px;
}

/* check,radio */
.checkbox-field label,
.radio-field label{
display: inline-block;
margin-right: 20px;
}

.select_wrap{
position:relative;
z-index:1;
}
.select_wrap .icon{
position:absolute;
z-index:2;
right:1px;
top:1px;
background:#fff;
width:50px;
height:calc( 100% - 2px );
pointer-events:none;
}
.select_wrap .icon:after{
content: "";
position: absolute;
left:50%;
top:50%;
margin-top:-10px;
transform: rotate(-45deg);
width: 10px;
height: 10px;
border-bottom: 2px solid #004B88;
border-left: 2px solid #004B88;
}

.radio-field label .radio-field-text:after{
content: "";
position: absolute;
transition: 0.3s;
display: none;
background: #004B88;
width: 20px;
height: 20px;
left:1px;
top:50%;
margin-top:-10px;
transform:scale(0.5);
}
.radio-field label .radio-field-text:before,
.radio-field label .radio-field-text:after{
border-radius: 100px;
}

.textarea {
width:100%;
}