@charset "utf-8";
/* CSS Document */
#container{
	padding-top: 100px;
	padding-bottom: 60px;
}
.content {
	width: 90%;
}
h2 {
	text-align: center;
	font-size: 28px;
}
h2 span {
	display: inline-block;
	font-size: 28px;
	letter-spacing: 0.1em;
	background-color: #000;
	color: #fff;
	padding: 0px 30px;
	font-weight: normal;
}

.head_txt {
	display: block;
	max-width: 820px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #bbb;
	margin-top: 40px;
	font-size: 14px;
}
.head_txt_02 {
	display: block;
	max-width: 820px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	font-size: 14px;
}

.form_box {
	max-width: 820px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.form_box dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.form_box dl + dl {
	margin-top: 20px;
}
.form_box dl dt {
	font-size: 20px;
	width: 250px;
}
.form_box dl dt .required {
	font-weight: bold;
	color: #bbb;
	margin-left: 0.2em;
}
.form_box dl dd {
	width: calc( 100% - 250px );
	font-size: 18px;
}

.form_box .link {
	margin: 30px auto 0;
	text-align: center;	
}
.form_box .link a {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	padding: 5px 20px;
	background-color: #ccc;
	color: #000;
}
.form_box.confirm .link {
	display: none;
}

.syaka_text {
	margin-top: 60px;
	text-align: center;
}
.syaka_text a {
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
}



.form_box dd input[type="text"] {
	width: 100%;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体","Yu Gothic", YuGothic,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	border: 1px solid #A3A3A3;
	padding: 7px;
}
.form_box dd input[type="text"]#zip {
	max-width: 140px;
}
.form_box dd textarea {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体","Yu Gothic", YuGothic,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	height: 204px;
	font-size: 18px;
	border: 1px solid #A3A3A3;
	padding: 10px;
}
.form_box .btn_submit {
	margin: 60px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.form_box .btn_submit input[type="submit"] {
	width: 254px;
	border: none;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	cursor: pointer;
}
.form_box a {  
  text-decoration: none;
}
.form_box .btn_submit input[type="submit"],
.form_box .btn_submit input[type="submit"]:hover {
	transition-property: opacity;
	transition-duration:.4s;
}
.form_box .btn_submit input[type="submit"] {
	opacity: 1;
}
.form_box .btn_submit input[type="submit"]:hover {
	opacity: 0.5;
}


.form_box .mw_wp_form .error {
    font-size: 14px;
    color: #C00;
}



.thanks_box {
	max-width: 820px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 80px 0;
}
.thanks_box .message {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.thanks_box .link {
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
}

.ag-btn{
	margin-top: 20px;
	text-align: center;
}




@media screen and (max-width: 768px) {
	#container{
		padding-top: 12vw;
		padding-bottom: 7.8vw;
	}
	h2 {
		font-size: 3.6vw;
	}
	h2 span {
		font-size: 3.6vw;
		padding: 0px 3.9vw;
	}

	.head_txt {
		margin-top: 5.2vw;
		font-size: 1.8vw;
	}
	.head_txt_02 {
		margin-top: 5.2vw;
		font-size: 1.8vw;
	}

	.form_box {
		margin-top: 5.2vw;
	}
	.form_box dl + dl {
		margin-top: 2.6vw;
	}
	.form_box dl dt {
		font-size: 2.6vw;
		width: 33vw;
	}
	.form_box dl dd {
		width: calc( 100% - 33vw );
		font-size: 2.4vw;
	}


	.syaka_text {
		margin-top: 4vw;
	}
	.syaka_text a {
		font-size: 2.8vw;
	}

		
	.form_box dd input[type="text"] {
		font-size: 2.4vw;
		padding: 0.9vw;
	}
	.form_box dd input[type="text"]#zip {
		max-width: 18vw;
	}
	.form_box dd textarea {
		font-size: 2.4vw;
		height: 26vw;
		padding: 1.3vw;
	}
	.form_box .btn_submit {
		margin: 3.9vw auto 0;
	}
	.form_box .btn_submit input[type="submit"] {
		width: 33vw;
		padding-top: 1.5vw;
		padding-bottom: 1.4vw;
		font-size: 2.5vw;
	}



	.thanks_box {
		margin-top: 5.2vw;
		padding: 10vw 0;
	}
	.thanks_box .message {
		font-size: 2.4vw;
	}
	.thanks_box .link {
		font-size: 1.8vw;
		margin-top: 3.9vw;
	}
}


@media screen and (max-width: 420px) {
	h2 {
		font-size: 5.0vw;
	}
	h2 span {
		font-size: 5.0vw;
		padding: 0px 6.2vw;
	}

	.head_txt {
		margin-top: 7vw;
		font-size: 3.2vw;
	}
	.head_txt_02 {
		margin-top: 7vw;
		font-size: 3.2vw;
	}

	.form_box {
		margin-top: 3vw;
	}
	.form_box dl {
		display: block;
	}
	.form_box dl + dl {
		margin-top: 3.2vw;
	}
	.form_box dl dt {
		font-size: 4vw;
		width: 100%;
	}
	.form_box dl dd {
		font-size: 3.5vw;
		width: 100%;
	}

	.form_box dd input[type="text"] {
		font-size: 3.5vw;
		padding: 1.0vw;
	}
	.form_box dd input[type="text"]#zip {
		max-width: 36vw;
	}
	.form_box dd textarea {
		font-size: 3.5vw;
		height: 32vw;
		padding: 1.3vw;
	}
	.form_box .btn_submit {
		margin: 4.5vw auto 0;
	}
	.form_box .btn_submit input[type="submit"] {
		width: 66vw;
		padding-top: 2.5vw;
		padding-bottom: 2.4vw;
		font-size: 4.5vw;
	}

	.form_box .mw_wp_form .error {
		font-size: 3.5vw;
	}
}

/* モーダル */
.modaal-video-wrap {
	margin: auto 0px;
}