@charset "UTF-8";
/***********************************
* #01 form-block	*
***********************************/
/* TEXT-BOX --------------------*/

.text-box{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 2em;
}

/* form-cont --------------------*/
textarea {
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
	border-radius: 4px;
	border:solid 1px #999999;
}
input[type="text"]{
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
	border-radius: 4px;
	border:solid 1px #999999;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	font-size: 0.7rem;
	border:solid #fff 1px;
	background-color: #fff;
	padding: 0.5rem 1rem;
}
input[type="submit"]{
	background-color: #7E669A;
	color:#fff;
	border:solid #7E669A 1px;
}
input[type="submit"]:hover{
	opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; transition:.3s;
}
input[type="reset"]{
	background-color: #9a9a9a;
	color:#fff;
	border:solid #9a9a9a 1px;
}
input[type="reset"]:hover{
	opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; transition:.3s;
}
.form-cont{
	border: solid 1px #7E669A;
	margin-left: auto;
	margin-right: auto;
}
.form-cont dl dt {
	font-weight: normal;
	padding-bottom: 0.1rem;
}
.form-cont dl dt::before{
	content: '・ ';
}

.must{
	color:#a1004c;
	font-size: 70%;
}
#contents-block .thanks-lead{
	font-size: 140%;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif;
}

	@media only screen and ( max-width : 767px ){
		.form-cont{
			padding:1rem;
		}
		.form-cont dl dt,
		.form-cont dl dd{
			font-size: 0.81rem;/*13px*/
		}
		.form-cont dl dd{
			padding-bottom: 0.5rem;
			margin-left: 0;
		}
		#contents-block .thanks-lead{
			font-size: 120%;
		}

	}
	@media print, screen and (min-width: 768px) {
		textarea {
			width:100%;
			font-size:100%;
		}
		input[type="text"]{
			width:auto;
			font-size:100%;

		}
		input[type="submit"], input[type="reset"], input[type="button"] {
			font-size: 0.8rem;
		}
		.form-cont{
			padding:1.5rem 2rem 1.5rem 2rem;
			width: 90%;
		}
		.form-cont dl{
			padding-top: 20px;
		}
		.form-cont dl dt,
		.form-cont dl dd{
			font-size: 0.94rem;/*15px*/
		}
		.form-cont dl dt {
			float: left;
			width: 170px;
			clear: both;
			font-weight: normal;
			padding: 5px 0px;
			margin: 0px;
		}

		.form-cont dl dd {
			margin: 0px;
			padding: 5px 0px 30px 170px;
			line-height: 1.5em;
			text-align: left;
		}
		.buttun-block{
			padding-top: 0px;
		}
		#contents-block .thanks-ver{
			text-align: center;
		}
		#contents-block .thanks-lead{
			font-size: 140%;
		}
	}
	@media (min-width: 992px) {
		input[type="submit"], input[type="reset"], input[type="button"] {
			font-size: 1.1rem;
			padding: 0.5rem 2rem;
		}
		form-cont{
			width: 100%;
		}
		.form-cont{
			padding:2rem 2.5rem 2.5rem 2.5rem;
			width: 90%;
		}
		.form-cont p.lead{
			padding-top: 0.3rem;
		}
		p.thanks-lead{
			font-size: 200%;
		}
		.form-cont dl dt,
		.form-cont dl dd{
			font-size: 1.06rem;/*17px*/
		}
		.form-cont dl dt{
			width: 190px;
		}
		.form-cont dl dd{
			padding-left: 190px;
			padding-bottom: 40px;
		}

		.buttun-block{
			padding-top: 0px;
		}
		#contents-block .thanks-lead{
			font-size: 160%;
		}
	}
/***********************************
* #02 privacypolicy-block	*
***********************************/
#contents-block .privacypolicy-block h4,
#contents-block .privacypolicy-block ul li{
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 2.1;
}
#contents-block .privacypolicy-block h4::before{
	content: '■ '
}
#contents-block .privacypolicy-block ul li::before{
	content: '・ '
}
#contents-block .privacypolicy-block ul li{
	padding-left:1.5em; text-indent:-1.5em;
}
#contents-block .privacypolicy-block p{
	margin-top:0;
}
#contents-block .privacypolicy-block a,
#contents-block .thanks-ver a{
	color:#262322;
	text-decoration: none;
}
	@media only screen and ( max-width : 767px ){
		#contents-block .privacypolicy-block section{
			padding-top:30px;
		}
		#contents-block .privacypolicy-block h4,
		#contents-block .privacypolicy-block ul li{
			font-size: 0.81rem;/*13px*/
		}
	}
	@media print, screen and (min-width: 768px) {
		#contents-block .privacypolicy-block section{
			padding-top:40px;
		}
		#contents-block .privacypolicy-block h4,
		#contents-block .privacypolicy-block ul li{
			font-size: 0.94rem;/*15px*/
		}
	}
	@media (min-width: 992px) {
		#contents-block .privacypolicy-block section{
			padding-top:50px;
		}
		#contents-block .privacypolicy-block h4,
		#contents-block .privacypolicy-block ul li{
			font-size: 1.06rem;/*17px*/
		}
	}