@charset "utf-8";
h3 {
		font-feature-settings: "palt";
		letter-spacing: 0.1em;
		/*font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;*/
		font-weight: 600;
		font-style: normal;
}
body {
		font-family: a-otf-futo-go-b101-pr6n, sans-serif;
		font-weight: 500;
		font-style: normal;
}
#contact .text {
		max-width: 600px;
}
input, select, textarea {
		vertical-align: middle;
		padding-left: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		border-radius: 3px;
		border: 2px solid #ccc;
		padding-right: 10px;
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
		/*font-size: 14px; 20201008フォントサイズ変更*/
		font-size: 16px;
}
select {
		width: -webkit-calc(100% - 6px);
		width: auto;
		padding-top: 6px;
		padding-bottom: 6px;
}
/*20220412スマホ表示時にテキストエリアと注意事項が重なるのを解消*/
textarea{
    display: block;
    height: auto;
}
input.hissu, select.hissu, textarea.hissu {
		background-color: #FEE;
}
a {
		transition-duration: 0.4s;
}
#contact th {
		text-align: left;
		padding-top: 24px;
		padding-bottom: 24px;
		padding-right: 10px;
		border-bottom: 1px dotted #cccccc;
		vertical-align: top;
		line-height: 20px;
		font-weight: normal;
		width: 24%;
		padding-left: 55px;
		background-image: url(../images/icon_nini.png);
		background-repeat: no-repeat;
		background-position: left 23px;
		box-sizing: border-box;
}
#contact td {
		padding-top: 14px;
		padding-bottom: 14px;
		border-bottom: 1px dotted #cccccc;
		vertical-align: middle;
		line-height: 20px;
}
#contact td ul li {
		list-style-type: circle;
		margin-left: 20px;
}
.error_mes {
		/* [disabled]display: none; */
		margin-top: 6px;
}
optgroup {
		font-weight: normal;
		font-style: normal;
		margin-left: 0px;
		padding-left: 3px;
}
optgroup option {
		padding-left: 0px;
}
.button {
		text-align: center;
}
.button input {
		/* [disabled]width: auto; */
		font-size: 24px;
		margin-top: 50px;
		border-radius: 0px;
}
#ppolicy {
		height: 200px;
		overflow-y: scroll;
		margin-top: 10px;
		font-size: 12px;
		text-align: left;
		margin-bottom: 10px;
}
#ppolicy #ppmark td {
		border-bottom-width: 0px;
}
#ppolicy img {
		margin-right: 20px;
}
#ppolicy hr {
		height: 0;
		margin: 0;
		border: 0;
		border-top: 1px solid #bbb;
}
#ppolicy h3 {
		font-weight: bold;
		font-size: 14px;
		padding-top: 20px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		margin-bottom: 10px;
}
#ppolicy h4 {
		font-weight: bold;
		font-size: 14px;
}
#ppolicy h5 {
		font-weight: bold;
}
#ppolicy td {
		padding-right: 10px;
}
#ppolicy ol {
		margin-top: 20px;
		margin-bottom: 20px;
}
#ppolicy ol li {
		margin-left: 2em;
		list-style-type: decimal;
		margin-top: 5px;
		margin-bottom: 5px;
}
#contact th.hissu {
		background-image: url(../images/icon_hissu.png);
		background-repeat: no-repeat;
		background-position: left 22px;
}
#contact td .caption {
		font-size: 12px;
}
.btn_form:hover {
		background-color: #F09D35;
		cursor: pointer;
}
.btn_form {
		transition-duration: 0.4s;
		width: 600px;
		font-family: a-otf-futo-go-b101-pr6n, sans-serif;
		font-weight: 500;
		font-style: normal;
}
#caution {
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #F08336;
		color: #F08336;
		padding-top: 20px;
		padding-left: 30px;
		padding-bottom: 20px;
		padding-right: 30px;
		text-align: center;
		max-width: 540px;
		margin-top: 20px;
		font-size: 14px;
}
#caution strong {
		text-align: right;
		font-weight: bold;
}
.wrap {
	max-width: 840px;
}
.wrap #title_main img {
		width: 100%;
		height: auto;
}
#back_visual {
		background-image: url(../images/kengaku/back_visual.gif);
		height: 460px;
		background-position: center top;
		margin-bottom: 100px;
}
#back_visual #title {
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
		padding-top: 172px;
}
#head {
		text-align: center;
		margin-bottom: 50px;
}
#wrap_gc {
		position: relative;
		width: 840px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
}
#fuki_01 {
		position: absolute;
		right: 99px;
		top: 539px;
}
#fuki_02 {
		position: absolute;
		right: 84px;
		top: 140px;
}
#fuki_03 {
		position: absolute;
		right: 6px;
		top: 340px;
}
.fuki img {
		width: 120px;
		height: auto;
}
#back_title {
	text-align: center;
	background-color: #bbcd1a;
}
#back_title img {
	width: 520px;
	height: auto;
}
.wrap_step  {
	margin-top: 80px;
	margin-bottom: 50px;
}
.wrap_step img {
	height: 70px;
	width: auto;
}
.wrap_course_selected {
	text-align: center;
	margin-top: 80px;
}
.wrap_course_selected img {
	width: 100%;
	height: auto;
	max-width: 400px;
}
form ul li {
	margin-left: 2em;
	list-style-type: disc;
}
form  a {
	text-decoration: underline;
	color: #000000;
}







@media screen and (max-width:767px) {
		h3 {
				font-size: 20px;
				margin-bottom: 30px;
				margin-top: 30px;
		}
		h4 {
				font-size: 18px;
				background-repeat: no-repeat;
				/* [disabled]background-size: auto 16px; */
		}
		#wrap_btn {
				margin-top: 50px;
				/* [disabled]padding-top: 50px; */
				padding-bottom: 20px;
				margin-bottom: 0px;
		}
		.btn_form {
				width: 100%;
		}
		.button input {
				font-size: 18px;
		}
		#back_visual {
				height: 300px;
				background-size: 100px auto;
				margin-bottom: 50px;
		}
		#back_visual #title {
				margin-left: auto;
				margin-right: auto;
				width: 100%;
				padding-top: 90px;
				text-align: center;
		}
		#title img {
				width: 100%;
				height: auto;
				max-width: 460px;
		}
		#wrap_gc {
				position: relative;
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				margin-top: 50px;
		}
		#wrap_gc #gc {
	width: 100%;
	height: 120vw;
		}
		#wrap_gc #head {
				margin-bottom: 30px;
		}
		#wrap_gc #head img {
				width: 100%;
				height: auto;
		}
		#wrap_gc #fuki_01, #wrap_gc #fuki_02, #wrap_gc #fuki_03 {
				position: static;
				float: left;
		}
		.fuki img {
				width: 26.5vw;
				margin-left: 5px;
				margin-right: 5px;
				max-width: 147px;
		}
		#flex_fuki {
				display: flex;
				justify-content: center;
				margin-bottom: 20px;
		}
		#back_title img {
			width: 100%;
			height: auto;
		}
.wrap_step img {
	height: 50px;
	width: auto;
}

	
}