@charset "UTF-8";
/* CSS Document */
.mv {
	margin-bottom: 40px;
	text-align: center;
}
.ttl_camp {
	text-align: center;
	margin-bottom: 40px;
}
.contact .item {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.contact .item li {
width: 50%;
	
}
.contact .item li dt,.contact .item li dd {
text-align: center;
	font-weight: bold;
}

.camp_price {
	width: 60%;
	margin: 0 auto 40px;
}
@media screen and (max-width: 640px) {
.camp_price {
	width: 90%;
}
}
.camp_price table {
	width: 100%;
	margin-bottom: 15px;
}

.camp_price th {
	width: 50%;
	background: #000;
	color: #fff;
	padding: 7px 15px;
}
.camp_price td {
	padding: 7px 20px 7px 40px;
}
@media screen and (max-width: 640px) {
.camp_price td {
	padding: 5px 0;
}
}
.camp_price th:first-child {
	border-right: 1px solid #fff;
}

.camp_price td:nth-child(2n) {
	border-left: 1px solid #ccc;
}
.camp_price tr {
	border-bottom: 1px solid #ccc;
}

.camp_txt li {
  padding-left: 1em;
  text-indent: -1em;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px;
}





.required {
	background: url(../image/contact/required.png) right 0 no-repeat;
	padding: 2px 33px 3px 0;
}

.contactPolicy {
	/*text-align: center;*/
	margin-bottom: 20px;
}

.contactList {
	margin-bottom: 25px;
	padding: 0 15%;
	font-size: 14px;
}
.contactList dd {
	margin-bottom: 15px;
}

.txtRed {
	color: #f00;
}

input[type="text"], input[type="email"], input[type="tel"] {
	width: 90%;
	height: 2em;
	border-radius: 5px;
}
input.putAreasmall[type="text"] {
	width: 40%;
	height: 2em;
	border-radius: 5px;
}

textarea {
	width: 90%;
	height: 5em;
	border-radius: 5px;
}

.confirmArea {
	text-align: center;
	margin-bottom: 20px;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
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="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


input[type="submit"] {
	width: 20em;
	margin: 30px auto 0;
	color: #fff;
	padding: 15px 15px;
	background: #0e7fb5;
	border-radius: 5px;
}

input[type="submit"]:hover {
	background: #66a3c0;
}

input.toconfirm[type="button"] {
	width: 20em;
	margin: 50px auto 30px;
	color: #fff;
	padding: 15px 15px;
	background: #0e7fb5;
	border-radius: 5px;
}

input.toconfirm[type="button"]:hover {
	background: #66a3c0;
}

/* btnCon */
.btnCon {
	margin-bottom: 20px;
}

/* formTable */
 .formTable th {
	font-weight: normal;
	padding: 10px 20px 12px;
	text-align: left;
	vertical-align: top;
}

.formTable td {
	padding: 10px 20px 12px;
	text-align: left;
	vertical-align: middle;
}

.contactPolicy {
	margin-bottom: 20px;
}

@media all and (max-width: 768px) {

.required {
	padding: 3px 33px 4px 0;
}
.confirmArea {
	text-align: center;
	margin-bottom: 80px;
}
}
@media screen and (max-width: 680px) {
.formTable {
	width: 96%;
	margin: 0 auto 15px;
}
.required {
	padding: 3px 33px 4px 0;
}
.confirmArea {
	text-align: center;
	margin-bottom: 80px;
}
	
.contactList {
	margin-bottom: 25px;
	padding: 0 5%;
}
}

/*アコーディオン*/
.policy {
	width: 100%;
	margin:0 auto 30px;
}

.policy dl.acordion{
	font-size: 14px;
	/*margin: 0 10px 0 10px;*/
	}

.policy dt.trigger {
	background: #eee;
	text-align: center;
	font-size: 13px;
	margin-bottom: 0;
	padding: 14px 15px 12px 0;
	position: relative;
}

.policy dt.trigger span.open-close {
	position: absolute;
	top: 18px;
	right: 10px;
	background: url(../image/point_plus.png) no-repeat right top;
	width: 13px;
	height: 13px;
	text-indent: -9999em;
}
.policy dt.active span.open-close {
	background: url(../image/point_none.png) no-repeat right top;
	width: 13px;
	height: 13px;
}

.policy .acordion_tree dd {
	padding: 20px 0;
}
	
.policy .acordion_tree h2 {
	color: #0d7fb4;
	padding: 20px 5px 5px 5px;
}

.policy .acordion_tree p {
	padding: 0 5px;
}

/* thanks */
.contactInfo {
	width: 60%;
	margin: 0 auto;
}