@charset "UTF-8";

input[type=submit]:focus {
	outline: 0
}

@media only screen and (max-width:768px) {
	.lower_contents_box {
		width: 100%
	}
}

main {
	font-size: 1rem
}

main .txt1 {
	margin: 0 0 20px 0
}

@media only screen and (min-width:768px) {
	main h2 {
		margin: 0 0 30px 0
	}
}

@media only screen and (max-width:768px) {
	main {
		font-size: 4.26vw
	}

	main .txt1 {
		margin: 5.333vw auto;
		width: 94%
	}
}

@media only screen and (device-height:568px) {
	main {
		font-size: 5vw
	}
}

.form {
/*	padding: 10px 30px 100px; */
	padding: 10px 30px 40px;
/*	margin-bottom: 50px; */
/*	margin-bottom: 40px; */
	background-color: #eaf3f7
}

.form .center {
	text-align: center
}

.form .red {
	color: red
}

.form .rem12 {
	font-size: 1.2rem
}

.form .rem16 {
}

.form form>div:not(.privacy_box) {
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #ccc
}

.form form>div:not(.privacy_box)>p {
	box-sizing: border-box
}

.form form>div:not(.privacy_box)>p:first-child {
	width: 28%;
	float: left;
	margin: 5px 0 0 0;
	padding: 20px 0 20px 15px;
	box-sizing: border-box
}

.form form>div:not(.privacy_box) .small {
	font-size: 0.75rem;
	margin-left: .5em
}

.form form>div:not(.privacy_box)>div {
	width: 72%;
	float: left;
	padding: 20px 0 20px 0
}

.form .err {
	display: block;
	color: red;
	font-size: 1.4rem
}

.form .require {
	background-color: #dc0011;
	color: #fff;
	display: inline-block;
	font-size: 0.75rem;
	line-height: 1.75em;
	padding: 0 5px;
	position: relative;
	top: -2px;
	margin: 0 0 0 .5em
}

.form input[type=text] {
	font-size: 1rem;
	width: 85%;
	display: inline-block;
	border: 1px solid #dcdddd;
	line-height: 2em;
	height: 2em
}

.form input,
.form textarea {
	font-size: 1rem;
	color: #333;
	border: solid 1px #999;
	padding-left: 5px;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Verdana, "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
}

@media only screen and (max-width:768px) {
	.form {
		padding: 0 0 3em 0;
/*		margin-bottom: 2em */
	}

	.form .require {
		line-height: 1.5em
	}

	.android .form .require {
		padding-top: 1px
	}

	.form form>div:not(.privacy_box) {
		width: 94%;
		margin: auto;
		padding: 2.66vw 0
	}

	.form form>div:not(.privacy_box)>p:first-child {
		float: none;
		width: 100%;
		padding: 1.333vw 0 1.333vw 0
	}

	.form form>div:not(.privacy_box)>div {
		width: 100%;
		padding: 2.66vw 0;
		float: none
	}

	.form input[type=text] {
		width: 88%
	}

	.form input[type=text][name=copies],
	.form input[type=text][name=department],
	.form input[type=text][name=lecture],
	.form input[type=text][name=school],
	.form input[type=text][name=title] {
		width: 100%
	}

	.form input[name=email] {
		width: 68%
	}

	.form textarea {
		font-size: 4.26vw;
		height: 8em
	}

	.form-page a span {
		display: block
	}

	input[type=submit] {
		-webkit-appearance: none;
		border-radius: 0
	}

	.form form>div:not(.privacy_box) .small {
		font-size: 3.2vw
	}
}

@media only screen and (device-height:568px) {
	.form input[type=text] {
		width: 85%;
		height: 2em
	}

	.form textarea {
		font-size: 5vw
	}
}

.form input[type=radio] {
	margin-left: 1.25em;
	margin-right: .5em
}

.form input.short {
	width: 20%
}

.form .address_content p {
	margin: 0 0 15px 0
}

.address_btn {
	margin-bottom: 3px;
	vertical-align: bottom /* */
}

.form select[name=place_pref], .form select[name=pref] {
	font-size: 1rem;
	height: 2em
}

.place_zip1formError {
	z-index: 9
}

.place_zip2formError {
	z-index: 8
}

.place_prefformError {
	z-index: 7
}

.form input.s_date_c {
	visibility: hidden;
	position: absolute;
	width: 17em
}

.form input.s_date_y {
	width: 4.5em;
	margin: 0 5px 0 0
}

.form input.s_date_d,
.form input.s_date_m {
	width: 2.5em;
	margin: 0 5px
}

.st_date_yformError {
	z-index: 10
}

.st_date_mformError {
	z-index: 9
}

.st_date_dformError {
	z-index: 8
}

.form form>div:not(.privacy_box)>p.tel {
	padding-top: 3px
}

.form form>div:not(.privacy_box)>p.tel>span.small {
	margin-left: 0
}

.tel_1formError {
	z-index: 10
}

.tel_2formError {
	z-index: 9
}

.tel_3formError {
	z-index: 8
}

.form .ques {
	width: 100%;
	border: 1px solid #dcdddd;
	resize: vertical
}

.form .ttl2 {
	margin: 20px 0
}

.privacy {
/*	width: 85%; */
	height: 15em;
	display: block;
	color: #444;
	font-size: .8em;
	background: #fff;
	margin: 30px auto;
	padding: 6px;
/*	overflow: scroll !important; */
	overflow: auto; 
	border: 2px solid #e6e6e2;
	padding: 10px !important
}

.form .btn_area {
	text-align: center;
	margin: 40px 0 0 0
}

.form .btn_area input,
.form .btn_area span {
	display: inline-block;
	width: 220px;
/*	height: 31px; */
	box-sizing: border-box;
	background-color: #8e8e8e;
	font-size: 1rem;
	line-height: 1.75rem;
	padding: 2px 0 4px;
	color: #fff;
	cursor: pointer
}

.form .btn_area input[type=submit] {
	font-size: 1rem;
	background: 0 0;
	background-color: #dc0011;
	border: none
}

.form .btn_area input[name=to_input] {
	font-size: 1rem;
	background: 0 0;
	background-color: #8e8e8e;
	border: none
}

.form.confirm form>div>p:first-child {
	padding: 16px 0 20px 15px
}

.form .btn_area input {
	-webkit-appearance: none;
	border-radius: 0px 
}

.form .btn_area .to_confirm.error {
	background-color: #d4979b;
	cursor: default
}

.completeText {
	text-align: center;
	padding-top: 100px
}

@media only screen and (max-width:768px) {
	.form input[type=radio] {
		margin-left: 1px;
		margin-right: 0
	}

	.android .form input[type=radio] {
		vertical-align: -.15em
	}

	.form input[type=radio].ml_0 {
		margin-left: 1px !important
	}

	.position_box label {
		display: inline-block;
		width: 7em;
		margin-bottom: .5em
	}

	.form .address_content p {
		margin: 0 0 2.66vw 0
	}

	.address_btn {
	/*	width: 27vw; */
	/*	margin-bottom: .533vw; */
		vertical-align: bottom /* middle */
	}

	.form select[name=place_pref] {
		font-size: 4.26vw
	}

	.form .ttl2 {
		margin: 5.33vw 0
	}

	.privacy_box {
		width: 94%;
		margin: auto
	}

	.privacy {
		width: 100%;
		height: 10em;
		margin: 3% auto;
		display: block;
		padding: .6rem;
		overflow: scroll !important;
		border: 2px solid #e6e6e2;
		padding: 1rem !important;
		font-size: 4.26vw
	}

	.form .btn_area {
		width: 94%;
		margin: 10.667vw auto 0 auto
	}

	.form .btn_area input,
	.form .btn_area span {
		width: 48%;
		height: auto;
		font-size: 4.26vw
	}

	.form.confirm form>div>p:first-child {
		padding: 1.333vw 0 0 0
	}

	.form .btn_area input[name=to_input],
	.form .btn_area input[type=submit] {
		font-size: 4.26vw
	}

	.completeText {
		text-align: center;
		padding-top: 3em
	}
}

@media only screen and (device-height:568px) {
	.form input.short {
		width: 18%
	}

	.form input[name=email] {
		width: 72%
	}

	.position_box label {
		width: 6.1em;
		font-size: 4.8vw
	}
}

.icon_cal {
	margin-top: -3px;
	vertical-align: middle !important;
	cursor: pointer
}

.pika-title {
	background-color: #1886c4
}

.has-event .pika-button,
.is-selected .pika-button {
	color: #1886c4;
	background: #eaf3f7;
	border: 1px solid #1886c4
}

@media only screen and (max-width:768px) {
	.icon_cal {
		width: 6.4vw;
		margin-top: -1.5vw;
		margin-left: -1.5vw
	}
}

@media only screen and (device-height:568px) {
	.icon_cal {
		width: 6vw;
		margin-top: -1.5vw;
		margin-left: -3vw
	}
}