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

body{
margin:0 auto;
padding:0;
border:0;
color:#FFFFFF;
background-color:#000000;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

img {
	border:0;

}

#wrap{
 margin:0 auto;
 padding: 0 0 0 0;
 border:0;
 width: 640px;
 text-align: center;
 font-size:24px;
	}

.form_area{
	width:640px;
	
	text-align:center;
	border-top:#999 1px solid;
	float:left;
}


.form_area_left{
	width:240px;
	float:left;
	text-align:left;
	padding:5px 0 0 20px;
	
}

.form_area_right{
	width:360px;
	float:left;
	text-align: left;
}

.form_area_right input[type="checkbox"]{
	float:left;
	font-size:100%;
	margin:17px 0 10px 0;
	width:			25px;
	height:			25px;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
}

.form_area_right label{
	font-size:22px;
	width:320px;
	display:block;
	float:left;
	margin:10px 0 10px 5px;
}

p span{
	color:#FF0000;
	font-size:10px;
}

.form_button{
	width:640px;
	height:60px;
	float:left;
	text-align:center;
	padding:30px 0 70px 0;
}

.form_button2{
	width:640px;
	height:60px;
	float:left;
	text-align:center;
	padding:50px 0 50px 0;
	border-top:#999 1px solid;
}

.button{
	margin:0 0 30px 30px;
	width:280px;
	height:64px;
}

input,select{
	width:540px;
	font-size:120%;
}

textarea{
	font-size:120%;
	height:90px;
	width:540px;
}

/*
#slideBox{
    display:none;
}*/

input.error {
	background-color:#F55;
}
select.error{
	background-color:#F55;
}


/*タブ表示用*/
.area {
  width: 640px;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  width: calc(100%/2);
  height: 80px;
  background-color: #9d380d;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
  color:#FFFFFF;
  opacity:0.6;
}

.tab_class2 {
  width: calc(100%/2);
  height: 80px;
  background-color: #8f7d5a;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
  color:#FFFFFF;
  opacity:0.6;
}

.area .tab_class:first-of-type{
	/*margin-left:20px;*/

}
 
input[name="tab_name"] {
  display: none;
}
 
input[name="tab_name"]:checked + .tab_class {
  background-color:#9d380d;
  color: white;
  opacity:1;
}

input[name="tab_name"]:checked + .tab_class2 {
  background-color:#8f7d5a;
  color: white;
  opacity:1;
}
 
.content_class {
  display: none;
  width: 100%;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

input:checked + .tab_class2 + .content_class {
  display: block;
}

/*タブ表示用*/