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

.inp {
border:0;
padding:5px;
font-size:1em;
color:#1f1f1f;
border:solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
margin-right:4px;
width:250px;
}
.inp2 {
border:0;
padding:5px;
font-size:1em;
color:#1f1f1f;
border:solid 1px #ccc;
width:96%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
margin-right:4px;
}

.inp300 {
border:0;
padding:5px;
font-size:1em;
color:#1f1f1f;
border:solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
margin-right:4px;
width:300px;
}
.inp400 {
border:0;
padding:5px;
font-size:1em;
color:#1f1f1f;
border:solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
margin-right:4px;
width:400px;
}


input:focus ,
textarea:focus {
    border:solid 1px #45c0e3;
}


input#submit,
input.submit {
    padding: 15px 40px;
	margin:40px;
    font-size: 1.2em;
    background-color: #1464c4;
    color: #fff;
    border-style: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input#submit:hover,
input.submit:hover {
    background-color: #3076c9;
	cursor:pointer;
}

input#reset_button,
input.reset_button {
    padding: 15px 40px;
	margin:40px;
    font-size: 1.2em;
    background-color: #eaeaea;
    color: #333;
    border:1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	behavior: url(PIE.htc);
}
input#reset_button:hover,
input.reset_button:hover {
	background-color:#efefef;
	cursor:pointer;
}

input#back {
    padding: 15px 40px;
	margin:40px;
    font-size: 1.2em;
    background-color: #eaeaea;
    color: #333;
    border:1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	behavior: url(PIE.htc);
}
input#back:hover {
	background-color:#efefef;
	cursor:pointer;
}
.ERR {
	color:#900;
}
.TxT-Center {
    text-align: center;
}
.TxtRed {
    color: #ff0000;
}


select {
border: #bbb solid 1px;
height: 2.2em;
font-size:1em;
}
input,
textarea,
select {
  vertical-align: middle;
  /*margin: 0.25em 0;*/
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: push-button;
}
input#submit:disabled {
    background-color: #fdc33b;
    cursor: pointer;
}


/*チェックボックス*/
input[type=radio], input[type=checkbox] {
  display: inline-grid;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0px 2em 0px 2em;
  border-radius: 4px;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  /*background-color: #efefef;*/
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #45c0e3;
}

.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  /*left: 15px;*/
  display: block;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  border: 1px solid #bbb;
  content: '';
  border-radius: 3px;
}
.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  /*left: 15px;*/
  display: block;
  margin-top: -12px;
  width: 22px;
  height: 22px;
  border: 1px solid #bbb;
  content: '';
  border-radius: 50%;
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 44%;
  left: 4px;
  display: block;
  margin-top: -6px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #1464c4;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -9px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #1464c4;
  border-bottom: 3px solid #1464c4;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}



/*table_contact
-----------------------------------------------------------*/
.table_contact{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #d8d8d8;
}
 
.table_contact th{
	-moz-box-sizing: border-box;     /* box-size[border・padding 込み] */
	box-sizing: border-box;     /* box-size[border・padding 込み] */
	border: 1px solid #d8d8d8;
	padding: 15px 10px 12px;
	width: 20%;
	font-style: normal;
	text-align: center;
	vertical-align:middle;
	background-color: #f2f2f5;
}
 
.table_contact td{
	padding: 15px 10px 12px;
	text-align: left;
	vertical-align: top;
	border-top: dotted 1px #d8d8d8;
}
 
@media (max-width: 640px){
.table_contact{
	border-bottom:none;
}
.table_contact th{
	padding: 5px 10px;
	width:100%;
	display:block;
	margin: 0 auto;
	border:none;
	text-align: left;
}
.table_contact td{
	padding: 5px 10px;
	width:100%;
	display: list-item;
	list-style:none;
	border-top: none !important;
	border-bottom:1px solid #d8d8d8;
}
}




.table_a th.req {
	background-image:url("../images/form_icon_required.png") ;
	background-repeat:no-repeat;
	background-position:right top;
}
.none {
	background-color:#ffdddd !important;
}


/*＝＝＝＝＝＝＝＝＝＝MW WP Form用＝＝＝＝＝＝＝＝＝＝*/
.red02 {
    color: #e83838!important;
    font-style: normal;
}
/* ラジオボタン */
.radio-btns {
        display: none; /* まず、＜input＞タグの表示を消します*/
    }
.mwform-radio-field label,
.mwform-checkbox-field label {
        position: relative;/* ＜label＞を位置の指標になる指示を書きます*/
        display: inline-block;
        padding: 0 0 0 1.8em;
        cursor: pointer;
    }
    .radio-btns+span::before,/* ＜span＞タグの疑似要素を作ります*/
    .mwform-radio-field span::after {
        position: absolute;
        content: '';
        top: 50%;
        border-radius: 100%;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    .radio-btns+span::before {
        left: 0;
        width: 18px;
        height: 18px;
        margin-top: -10px;
        background: #f3f3f3;/* ラジオボタンの元の色の指定*/
        border: 1px solid #ccc;
    }
    .radio-btns+span:hover::before {
        background: #fff;/* ラジオボタンのマウスオーバーしたときの色の指定*/
    }
    .radio-btns+span::after {
        opacity: 0;
        left: 4px;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background: #3498db;/* ラジオボタンのチェックした時の色の指定*/
        -webkit-transform: scale(2);
        transform: scale(2);
    }
    .radio-btns:checked + span::before {/* ラジオボタンがチェックされたときの隣接しているタグへの指示を書きます*/
        background: #fff;
        border: 1px solid #3498db;/* ラジオボタンのチェックした時の枠の線の指定*/
    }
    .radio-btns:checked + span::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
/* チェックボックス */
/*    .checkbox+span::before,
    .mwform-checkbox-field span::after {
        position: absolute;
        content: '';
        top: 50%;
        border-radius: 2px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }*/
/*    .checkbox+span:hover::before {
        background: #fff;
    }*/
/*    .checkbox+span::before {
        left: 0;
        width: 18px;
        height: 18px;
        margin-top: -10px;
        background: #f3f3f3;
        border: 1px solid #ccc;
    }*/
/*    .checkbox+span::after {
        opacity: 0;
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: .2em;
  width: 10px;
  height: 5px;
  border-left: 4px solid #3498db;
  border-bottom: 4px solid #3498db;
        -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
    }*/
    .checkbox:checked + span::before {/* ラジオボタンがチェックされたときの隣接しているタグへの指示を書きます*/
        background: #fff;
        border: 1px solid #3498db;/* ラジオボタンのチェックした時の枠の線の指定*/
    }
    .checkbox:checked + span::after {
        opacity: 1;
    }