@charset "UTF-8";
/* CSS Document */
header{border-bottom: 1px solid #d2d2d2;}
#sec05{display: none;}

#formWrap {
	width:840px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
.tab_wrap{width:840px; margin:80px auto;}
.tab_wrap .text00{font-size: 16px;line-height: 28px;margin: 0 0 60px 0;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 auto;width: 720px;}
.tab_area label{width:50%;display: inline-block;line-height: 48px; color:#626262; text-align:center; font-size:18px; cursor:pointer;border: 1px solid #626262;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:80px 0; display:none;}

#tab1:checked ~ .tab_area .tab1_label{background:#626262; color:#fff;font-weight: bold;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#626262; color:#fff;font-weight: bold;}
#tab2:checked ~ .panel_area #panel2{display:block;}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	font-size: 16px;
	color: #535353;
}	
table.formTable th{
	width:200px;
	font-weight:normal;
	text-align:left;
	position: relative;
}
table.formTable th span{position: absolute; color: #fff;background:#e60012;font-size: 11px;padding: 4px 7px;margin: 0 0 0 10px;top: 14px;white-space: nowrap;}
table.formTable td{width: 640px;display: block; margin: 0 0 30px 0;}
table.formTable td.half{width: 320px;display: flex;}
input[type="text"], textarea {
	width:640px;
	padding:5px;
	display:block;
	border: none;
	background: #eee;
	padding: 17px;
	font-size: 16px;
	cursor: pointer;
}
table.formTable td.half02{position: relative;}
table.formTable td.half02 input[type="text"]{padding: 17px 17px 17px 60px;}
table.formTable td.half02:before{position: absolute;content: "";display: block;width: 26px;height: 26px;background:url("../img/icon_calendar.png") center center no-repeat;background-size: 100%;top: 13px; left: 16px;}
textarea {resize: vertical;height: 240px;}
/* .btn_area{width: 550px;display: flex;justify-content: space-between;margin: 0 auto;} */
.btn_area{
    display: flex;
    justify-content: space-evenly;
    margin: 40px  auto 0;
    padding: 0 20px;
}
/* .btn_area input[type="submit"], .btn_area input[type="reset"], .btn_area input[type="button"], .btn_contact{width: 260px;line-height: 48px;border: 1px solid #626262;font-size: 18px;cursor: pointer;background: #fff;margin: 40px 0 0 0;transition: all 0.3s;} */
.btn_area input[type="submit"], .btn_area input[type="reset"], .btn_area input[type="button"], .btn_contact{
	width: 260px;
    /* line-height: 48px; */
    border: 1px solid #626262;
    font-size: 18px;
    cursor: pointer;
    background: #fff;
    /* margin: 40px 0 0 0; */
    padding: 15px 10px;
    transition: all 0.3s;
}
.btn_area input[type="submit"]:hover, .btn_area input[type="reset"]:hover, .btn_area input[type="button"]:hover, .btn_contact:hover{
background: #626262;color: #fff;
}
.btn_contact{text-align: center;margin: 0 auto;}	
#itemlist{min-height: calc(100vh - 455.55px);}
@media screen and (max-width:768px) {
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type="submit"],
	input[type="reset"]{
		color: #000;font-weight: normal;
	}	
.tab_wrap{width:100%; margin:60px auto;}
	
#formWrap {
	width:100%;
	margin:0 auto;
}
.tab_area{width: 100%;}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin: 0 0 15px 0;
}
table.formTable th span{top: 0;}

table.formTable td.half{width: 100%;}
table.formTable td.half02:before{width: 16px;height: 16px;top: 13px; left: 16px;}
table.formTable td.half02 input[type="text"]{padding: 10px 10px 10px 60px;}
input[type="text"], textarea {
	width:100%;
	padding:10px;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"], .btn_contact {
	display:block;
	width:100%;
}
	
.btn_area{width: 100%;display: flex;flex-direction: column;margin: 0 auto;}
	.btn_area input[type="submit"], .btn_area input[type="reset"], .btn_area input[type="button"], .btn_contact{width: 100%;line-height: 48px;border: 1px solid #626262;font-size: 18px;cursor: pointer;background: #fff;margin: 40px 0 0 0;transition: all 0.3s;}
}