@charset "utf-8";
@-webkit-keyframes ContentsSwitch{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@media only screen and (max-width: 768px) {
/* -------------------------------- 

common

-------------------------------- */
.under #Content{
  margin: 19vw 0 0;
}
section[class^=area]{
	position: relative;
  width: 88vw;
  margin: 39vw auto 0;
}
#Pan{
  margin: 27vw auto 0;
}
section .sub-txt{
  margin: 7vw 0 0;
	color: var(--txt-color);
  line-height: 1.75;
}


/* -------------------------------- 
.area-form
-------------------------------- */
.area-form #formWrap{
  margin: 7vw auto 0;
}
.area-form table,tbody,tr{
	display: block;
	width: 100%;
}
.area-form table th{
	font-weight: bold;
	font-size: 4vw;
}
.area-form .formTable td,.formTable th{
	display: block;
	border: .2vw solid #efefef;
	padding: 5vw 4vw;
}
.area-form table.formTable th{
	background: #efefef;
	padding: 4vw;
	text-align: left;
}
.area-form td:not(.check) input{
	width: 100%;
	padding: 1vw 1vw;
	box-sizing: border-box;
}
.area-form textarea,select{
	width: 100%;
	padding: 1vw 1vw 1.5vw;
	box-sizing: border-box;
}
.area-form .check span{
	display: block;
	margin: 1vw 0 0;
	font-size: 3.6vw;
}
.area-form .check span:first-of-type{
	margin: 0;
}
.area-form .check span input{
	margin: 0 1vw 0 0;
}
.area-form th .caution{
	margin: 0 0 0 1vw;
	color: #efefef;
	font-size: 3vw;
	font-weight: bold;
}
.area-form .btn-block{
	margin: 5vw 0 0;
	font-size: 4vw;
}
.area-form .btn-block input:nth-of-type(1){
	margin: 0 2vw 0 0;
	padding: 3vw 5vw 2.5vw;
	background: var(--main-color);
	border: none;
	border-radius: 1vw;
	color: #fff;
}
.area-form .btn-block input:nth-of-type(2){
	margin: 0 0 0 2vw;
	padding: 3vw 6vw 2.5vw;
	border: none;
	border-radius: 1vw;
}
.area-form .bnr-block{
  width: 88vw;
  margin: 12vw auto 0;
}
.area-form .bnr-block p + p{
  margin: 4vw 0 0;
}
}


@media only screen and (min-width: 769px) {
/* -------------------------------- 

common

-------------------------------- */
section[class^=area]{
	position: relative;
  width: 980px;
  margin: 240px auto 0;
}
.under #Content {
    margin: 87px 0 0;
}
#Pan{
  margin-top: 180px;
}
section .sub-txt{
  width: 814px;
  margin: 35px auto 0;
	color: var(--txt-color);
  line-height: 1.75;
}


/* -------------------------------- 
.area-form
-------------------------------- */
#formWrap{
	margin: 50px auto 0;
}
.area-form table,tbody,tr{
	display: block;
	width: 100%;
}
.area-form .formTable{
	width: 100%;
	border: 1px solid #efefef;
}
.area-form th{
	width: 300px;
	padding: 0 15px;
	background: #efefef;
	border-bottom: 1px solid rgba(52,68,87,.1);
  box-sizing: border-box;
	vertical-align: middle;
}
.area-form tr:last-of-type th{
	border-bottom: none;
}
.area-form td{
	padding: 20px;
	border-bottom: 1px solid rgba(52,68,87,.1);
	box-sizing: border-box;
}
.area-form tr:last-of-type td{
	border-bottom: none;
}
.area-form td span{
	display: block;
}
.area-form .caution{
	color: #B41D19;
	font-size: 1.2rem;
	font-weight: bold;
}
.area-form td input{
	padding: 0 0 0 5px;
}
.area-form td textarea{
	padding: 0 0 0 5px;
}
.area-form .check input{
	margin: 0 10px 0 0;
}
.area-form td input, .area-form td select, .area-form td textarea{
  width: 500px;
  box-sizing: border-box;
}
.area-form .btn-block{
	margin: 50px 0 0;
}
.area-form .btn-block input{
	width: 150px;
	margin: 0 0 0 100px;
  transition: .6s;
}
.area-form .btn-block input:nth-of-type(1){
	margin: 0 20px 0 0;
	padding: 10px 0 7px;
	background: var(--main-color);
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.area-form .btn-block input:nth-of-type(2){
	margin: 0 0 0 20px;
	padding: 10px 0 7px;
	border: none;
	border-radius: 5px;
}
.area-form .btn-block input:hover{
  opacity: .8;
  transition: .6s;
}
.area-form .bnr-block{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
  width: 814px;
  margin: 80px auto 0;
}
.area-form .bnr-block p{
  width: 399px;
}
.area-form .bnr-block p:nth-of-type(n+3){
  margin: 20px 0 0;
}
}