/* form */
#main{text-align:center;color:#fff;height:220px;background-color:#000;background:url(../img/background3.jpg) no-repeat left 0% bottom 10%;background-size: cover;overflow:hidden;}

#mailform .inner{padding-top:10px;}
#mailform h2{font-size:1.1rem;text-align:center;line-height:1.4;border-bottom:1px solid #cc0000;}
#mailform h2 span{display:block;font-size:1.5rem;}
#mailform h2 span strong{font-weight:bold;color:#cc0000;}


form{padding:0px 0px;text-align:left;}
form p,form label,form input{font-size:18px;}
form h3{
	color:#cc0000;font-weight:bold;font-size:18px;
	padding-bottom:2px;margin-bottom:10px;border-bottom:solid 3px #cc0000;
	margin-top:10px;
}

/* Form Messege */
p.form-messege{font-size:13px;margin-top:5px;margin-bottom:20px;}
p.form-messege span{display:block;font-size:90%;color:#ff0000;}
p.form-messege a{color:#1a0dab;text-decoration:underline;}

p.form-messeges{display:block;text-align:center;font-size:0.7rem;margin-top:0px auto;margin-bottom:10px;margin-top:-10px;}
p.form-messeges a{text-decoration:underline;}
p.form-messeges a:hover{text-decoration:none;}

/* --各パーツの定義------------------------------------------- */

/*--------------------------------------
テキスト
---------------------------------------*/

.msr_text_04 {
  padding-bottom: 15px;
  width: 100%;
}
.msr_text_04 label {
  display: block;
  padding-bottom: 5px;
}
.msr_text_04 input[type=text] {
  border: 5px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #000000;
  padding: 10px;
  height: 50px;
  width: 100%;
}
.msr_text_04 input::placeholder{
  color:#ccc;
}

/*--------------------------------------
ラジオボタン
---------------------------------------*/

.msr_radio_04 {
  padding-bottom: 15px;
}
.msr_radio_04 h3{margin-bottom:20px;}
.msr_radio_04 .born{float:left;padding-top:10px;margin-right:20px;}

.msr_radio_04 p {
  padding-bottom: 0px;
}
.msr_radio_04 input[type=radio] {
  display: none;
  margin: 0;
}
.msr_radio_04 input[type=radio] + label {
  cursor: pointer;
  display: inline-block;
  font-size:1rem;
  line-height: 1.5px;
  margin-right: 12px;
  margin-bottom:40px;
  padding: 0 0 0 38px;
  position: relative;
}
.msr_radio_04 input[type=radio] + label :last-child{margin-bottom}
.msr_radio_04 input[type=radio] + label::before {
  border: 4px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -15px;
  position: absolute;
  left: 0;
  top: -3px;
  height: 34px;
  width: 34px;
}
.msr_radio_04 input[type=radio]:checked + label::after {
  background: #0066cc;
  border-radius: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -10px;
  position: absolute;
  left: 6px;
  top: -2px;
  height: 22px;
  width: 22px;
}

/*--------------------------------------
チェックボックス
---------------------------------------*/

.msr_chack_04 {
  padding-bottom: 15px;
}
.msr_chack_04 .check-label{margin-bottom:20px;display:inline-block;margin-right:10px;}
.msr_chack_04 .check-label:last-child{margin-bottom:15px;}

.msr_chack_04 p {padding-bottom: 5px;}

.msr_chack_04 input[type=checkbox] {
  display: none;
  margin: 0;
}
.msr_chack_04 input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  line-height: 1.5px;
  margin-right: 6px;
  padding: 0 0 0 39px;
  position: relative;
    font-size:18px;
}
.msr_chack_04 input[type=checkbox] + label::before {
  border: 4px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  margin-top: -15px;
  position: absolute;
  left: 0;
  top: -3px;
  height: 34px;
  width: 34px;
}
.msr_chack_04 input[type=checkbox]:checked + label::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}
.msr_chack_04 input[type=checkbox]:checked + label{color:#0066cc;}
.msr_chack_04 input[type=checkbox]:checked + label::before {border-color:#0066cc;}
.msr_chack_04 input[type=checkbox]:checked + label::after {
  border-bottom: 3px solid #000000;
  border-left: 3px solid #000000;
  left: 9px;
  margin-top: -11px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  height: 13px;
  width: 16px;
}

/*--------------------------------------
プルダウン
---------------------------------------*/

.msr_pulldown_04 {
  padding-bottom: 15px;
  position:;
}
.msr_pulldown_04 p {
  padding-bottom: 5px;
}

.msr_pulldown_04 select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
/*  background: url(../img/01_arrow_pc.png) no-repeat right;
	background-size:20% auto;*/
  background: transparent;
  position: relative;
  border: 5px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  font-size:18px;
  font-weight:bold;
  color:#666;
  padding: 5px 10px;
  height: 50px;
  width: 100%;
  z-index:1;
}
.msr_pulldown_04 span{ position: relative;}
.msr_pulldown_04 span.birth::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 5px;
  right: 25px;
  margin-top:0px;
}

/* カレンダー */
.calender{
  padding-bottom: 20px;
  position: relative;
}
.calender>table{width:100%;border-collapse:collapse;border-top:4px solid #ccc;border-left:4px solid #ccc}
.calender>table td{text-align:center;border-right:4px solid #ccc;border-bottom:4px solid #ccc;cursor:pointer;font-size:0;padding:0;}
.calender>table td input[type=radio]{margin:0;padding:0;background:0 0;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.calender>table td input[type=radio]:checked+span{color:#f2ba41;background-color:#fff3d9}
.calender>table td span{display:block;width:100%;height:100%;padding:15px 0;color:#666;font-size:24px;font-weight:bold;letter-spacing:.1em;text-align:center;cursor:pointer}


.msr_pulldown_04 input[type=date] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  position: relative;
  border: 5px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  font-size:18px;
  font-weight:bold;
  margin-bottom:10px;
  color:#666;
  padding: 5px 10px;
  height: 50px;
  width: ;
  z-index:1;
}


/*--------------------------------------
ファイル選択
---------------------------------------*/

.msr_file_04 {
  padding-bottom: 20px;
  width: 460px;
}
.msr_file_04>p {
  padding-bottom: 5px;
}
.msr_filebox_04 input[type=file] {
  display: none;
}
.msr_filebox_04 label {
  border: 5px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 5px 10px;
  position: relative;
  height: 40px;
  width: 460px;
}
.msr_filebox_04 label:before {
  background: #000000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "Browse...";
  color: #fff;
  display: inline-block;
  text-align: center;
  padding-top: 5px;
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 99px;
}

/*--------------------------------------
テキストエリア
---------------------------------------*/

.msr_textarea_04 {
  padding-bottom: 10px;
  width: 100%;
}
.msr_textarea_04 label {
  display: block;
  padding-bottom: 5px;
}
.msr_textarea_04 textarea {
  border: 5px solid #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #000000;
  font-size:18px;
  line-height:1.3;
  padding: 10px;
  height: 200px;
  width: 100%;
}

.msr_textarea_04 textarea::placeholder{
  color:#ccc;
  font-size:18px;
}

/*--------------------------------------
送信ボタン
---------------------------------------*/
.msr_sendbtn_04 {
  margin:0 0 10px;
  position: relative;
  height: 60px;
  width: 100%;
}
.msr_sendbtn_04 input[type=submit] {
  background: #000000;
  box-sizing: border-box;
  	border-radius: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #000;
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  height: 65px;
  width: 100%;
  font-size:18px;
  font-weight:bold;
}
.msr_sendbtn_04:before {
  border: 10px solid transparent;
  border-left: 10px solid #FFFFFF;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 16px;
  position: absolute;
  top: 24px;
  left: 20px;
  vertical-align: middle;
  width: 10px;
  z-index: 10;
}
.msr_sendbtn_04:hover::before{
  color:#000;
}
.msr_sendbtn_04 input[type=submit]:hover {
  background:#fff;
  color:#000;
}
.msr_sendbtn_04_disabled input[type=submit]{
  background: #FFFFFF;
  border: 5px solid #DDDDDD;
  color: #DDDDDD;
  cursor: default;
}
.msr_sendbtn_04_disabled:before {
  border-left: 6px solid #DDDDDD;
  content: "";
}
.msr_sendbtn_04_disabled input[type=submit]:hover {
  opacity: 1;
}

/* --------------------------------------------------------- */





.thanks{width:100%;margin:0 auto;}
.thanks h2{padding:40px 0;font-size:32px;text-align:center;}
.thanks h3{font-size:28px;padding:10px 0;}
.thanks .comment{padding:20px 10px;}
.thanks .comment p{font-size:18px;}
.thanks h4{padding:20px 0;font-size:18px;}
.thanks .topb{text-align:center;}

p.error_messe{color:#ff0000;font-size:1.4rem;}



/* bottun */
a.tbtn{padding: 20px 40px;	/*ボタン内の余白*/
	display:block;
	margin:0 auto;
	margin-top:-10px;
	margin-bottom: 30px;
	border: none;
	border-radius: 14px;	/*角丸のサイズ*/
	background: linear-gradient(#FF8000, #B45F04);	/*グラデーション*/
	font-size: 2.5rem;	/*文字サイズ*/
	border: 1px solid #ccc;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:400px;
}
a.tbtn:hover{
	background: #B40404;	/*背景色*/
	cursor : pointer;
	color:#fff;
}

a.fbtn{padding: 10px 30px;	/*ボタン内の余白*/
	display:block;
	margin:0 auto;
	margin-bottom: 70px;
	border: none;
	border-radius: 10px;	/*角丸のサイズ*/
	background: linear-gradient(#A4A4A4, #2E2E2E);	/*グラデーション*/
	font-size: 18px;	/*文字サイズ*/
	border: 1px solid #ccc;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:200px;
}
a.fbtn:hover{
	background: #151515;	/*背景色*/
	cursor : pointer;
	color:#ccc;
}

.topbtn{
	padding: 10px 40px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	font-size: 14px;	/*文字サイズ*/
	border: 1px solid #ccc;
	text-decoration:none;
}
.topbtn:hover{background: linear-gradient(#fff, #CEECF5);}


/* Table */
table {border-collapse:collapse;border-spacing: 0;}
table .bg{border-bottom:1px solid #ccc;}
table th{background-color:#CBEBF8;border-right:1px solid #ccc;font-size:16px !important;}
table td{padding:3px 7px;text-align:left;font-size:18px !important;}
table th span{color:#C1272D;}
/*ta1設定*/
.ta1 {
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}
table.ta1 th{text-align:left;}

/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #f6f5f2;	/*背景色*/
	font-size: 18px;	/*文字サイズ*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 23%;	/*幅*/
	text-align: center;	/*センタリング*/
	font-weight: normal;
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}
/*labelタグを２列表示にする*/
.ta1.cms td label {
	float: left;
	width: 50%;
}



/*submitボタンの設定
---------------------------------------------------------------------------*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
	padding: 20px 40px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border: none;
	border-radius: 30px;	/*角丸のサイズ*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	font-size: 16px;	/*文字サイズ*/
	border: 1px solid #ccc;
}
/*マウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
	background: #fff;	/*背景色*/
	cursor : pointer;
}

.mb15,.mb1em {margin-bottom: 25px;}
.bg1 {background: #f6f5f2;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}

@media screen and (max-width:768px)
{
table.ta1 th{font-size:12px;}
table.ta1 td{font-size:14px;}
.form .sections{padding:0 0px;}
.ws,.wl {width: 94%;}
a.tbtn{font-size: 22px;width:200px;}
}

#thanks .inner{padding-top:20px;padding-bottom:0;}
#thanks h2{font-size:2.1rem;margin-bottom:2%;}
#thanks h3{font-size:1.2rem;margin-bottom:2%;color:#cc0000;line-height:1.5;}
#thanks p{padding-bottom:0;margin-bottom:0;text-align:left;font-size:13px;line-height:1.7;}
#thanks p span{color:#cc0000;}


#main{position:relative;color:#fff;width:100%;height:230px;background:url(../img/background3.jpg) cover center;text-align:center;overflow:hidden;animation:none;}

span.require{display:inline-block;font-size:0.8rem;padding:0 3px;background-color:#cc0000;color:#fff;margin-left:7px;margin-bottom:1px;}