@charset "UTF-8";
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
caption { text-align: left; }
img { vertical-align: top; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
main {display: block;/* for IE */}
input,button,textarea,select {font-size: 100%;font-family: inherit;color: inherit;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="button"],input[type="submit"] {border-radius: 0;-webkit-appearance: none;}
textarea {overflow: auto;vertical-align: top;}
.sp {display: none !important;}

/*==================================================
Body_Bace
==================================================*/
body {
	padding: 0.001px 0 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 170%;
	color: #333;
	background: #fff;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo;
	word-wrap: break-word;
}
.header, .sec_inr, .footer {
	width: 1000px;
	margin: 0 auto;
}

/*================================================== 
#Header
==================================================*/ 
#header {
	position: relative;
	width: 100%;
	padding: 12px 0 10px;
	border-top: 5px solid #009FE9;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	z-index: 9991;
	top:0px;
	left:0px;
}
.header {
	position: relative;
	width: auto;
	text-align: center;
}
.header h1 {
	overflow: hidden;
	display:block;
	width: 460px;
	height: 50px;
	margin: auto;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/logo_kobetsu.png) no-repeat;
	background-size: 460px auto;
	white-space: nowrap;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.header .logotxt {
	padding: 4px 0 10px;
	font-size: 11px;
	line-height: 120%;
	letter-spacing: 0;
}
	@media(min-width:1px) and (max-width:1000px){
		#header {
			padding-top: 6px;
		}
		.header {
			width: 96%;
			margin: 0 2%;
		}
		.header .logotxt {
			font-size: 10px;
		}
	}
	@media(min-width:1px) and (max-width:800px){
		#header {
			padding-bottom: 10px;
		}
		.header {
			margin-top: 1%;
		}
		.header .logotxt {
			display: none;
		}
	}
	@media(min-width:1px) and (max-width:680px){
		.header h1 {
			width: 90%;
			height: 50px;
			background: url(../img/logo_kobetsu.png) no-repeat 50% 50%;
			background-size: contain;
		}
	}
	@media(min-width:1px) and (max-width:480px){
		.header .logotxt {
			letter-spacing: -0.12em;
		}
	}
	@media(min-width:1px) and (max-width:400px){
	}
/*==================================================
#main
==================================================*/
#main { 
	position: relative;
	padding: 0;
}
.main {
	width: 720px;
	margin: 40px auto 50px;
}
.contents {
	position: relative;
	width: 720px;
	float: left;
	margin: 0 auto;
}
.contents p {
	width: 400px;
}
.contents figure {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	border: 5px solid #eee;
}
.contents figure img {
	width: 100%;
}
.pagettl {
	position: relative;
	padding: 13px 0 20px 75px;
	margin: 0 0 20px;
	font-size: 20px;
	border-bottom: 4px solid #0068b7;
}
.pagettl:before {
	position: absolute;
	top: 0;
	left: 5px;
	width: 56px;
	height: 43px;
	display: block;
	content: "";
	background: url(../img/icn.png) no-repeat 5px -140px;
	background-size: 160px 500px;
}
.contents .readtxt {
    font-size: 20px;
    color: #0068b7;
    line-height: 140%;
    letter-spacing: -0.05em;
    padding: 0 0 25px;
}

h4.cnt_ttl {
	padding: 15px 20px 15px 30px;
	line-height: 21px;
	color: #0068B7;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/arrow_ttl.png) no-repeat 0 50%;
}
.aform-header {
	display: none !important;
}
.tellink {
	margin-top: 50px;
}
.tellink dl {
	overflow: hidden;
	margin-bottom: 10px;
}
.tellink dt {
	float: left;
	width: 70px;
}
.tellink dd {
	padding: 0 0 0 70px;
}
/* btn */
.btn_blue {
	margin-top: 25px;
}
.btn_blue a {
	position: relative;
	display: inline-block; 
	padding: 14px 50px 14px 20px;
/* 	margin: 25px 0 0; */
	color: #fff;
	text-decoration: none;
	line-height: 100%;
	background: #0068b7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.btn_blue a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -6px;
	content: "\e903";
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
	@media(min-width:1px) and (max-width:1000px){
		.main {
			width: 94%;
			margin: 6% 3% 7%;
		}
		.contents {
			float: none;
		}
	}
	@media(min-width:1px) and (max-width:768px){
		.contents {
			width: 100%;
		}
		.contents p {
			width: auto;
			padding: 0 0 20px;
		}
		.contents figure {
			position: relative;
			top: auto;
			right: auto;
			width: auto;
			margin: 0 0 40px;
		}
	}
	@media(min-width:1px) and (max-width:640px){
		.pagettl {
			padding: 10px 0 10px 50px;
			font-size: 18px;
		}
		.pagettl:before {
			width: 38px;
			height: 32px;
			display: inline-block;
			background: url(https://www.kec.gr.jp/seminar/common/img/icn_sp.png) no-repeat 0 -100px;
			background-size: 150px 300px;
		}
		.contents .readtxt {
			padding: 4% 0;
			font-size: 20px;
		}
	}

/*==================================================
flow_start
==================================================*/
.flow_start {
	overflow: hidden;
	margin: 30px auto;
}
.flow_start li {
	float: left;
	list-style: none;
	width: calc(99% / 3);
	color: #999;
	background: #eee;
	text-align: center;
	padding: 15px 0;
}
.flow_start li.current {
	color: #fff;
	background: #0068b7;
}
/*==================================================
schoollist
==================================================*/
.contactbox {
	padding: 20px 20px 10px;
	border: 1px dotted #b28850;
	background: #fffde5;
}
.contactbox p {
	color: #834e00;
}
.contactbox ul {
	width: 690px;
}
.contactbox li {
	width: 162px;
}
.schoollist li,
.schooltellist li {
	width: 152px;
	float: left;
	margin: 0 10px 10px 0;
	background: #fff;
	list-style: none;
}
.schoollist li a,
.schooltellist li a {
	position: relative;
	display: block;
	padding: 15px 20px 15px 10px;
	color: #333;
	border: 2px solid #c8c8c8;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	opacity: 1 !important;
	text-decoration: none;
}
.schoollist li a:after,
.schooltellist li a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -8px;
	content: ">";
	font-size: 16px;
	font-weight: bold;
	color: #0068b7;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans';
}
.schoollist li a:hover,
.schooltellist li a:hover {
	color: #0068b7;
	border: 2px solid #0068b7;
	background: #eff7fe;
}
.schoollist {
	display: block;
}
.schooltellist {
	display: none;
}
	@media(min-width:1px) and (max-width:768px){
		#main  .schoollist {
			display: none;
		}
		#main  .schooltellist {
			display: block;
		}
		#main .schoollist,
		#main .schooltellist {
			width: 100%;
		}
		#main .schoollist li,
		#main .schooltellist li {
			width: 48%;
			margin: 1%;
		}
	}
	@media(min-width:1px) and (max-width:400px){
		#main .schoollist li,
		#main .schooltellist li {
			width: 100%;
			margin: 0 0 2%;
		}
	}
/*================================================== 
Footer 
==================================================*/
#footer {
	position: relative;
	margin-top: -20px;
	padding: 46px 0 20px;
	background: #009fe9;
	z-index: 888;
}
#copy {
	font-size: 11px;
	color: #fff;
	text-align: center;
}
	@media(min-width:1px) and (max-width:800px){
		#footer { padding: 25px 0; }
	}
/*==================================================  
form
==================================================*/
.formlist {
	margin-top: 20px;
}
.formlist li {
	list-style: none;
}
.formlist input[type="button"],
.formlist input[type="submit"] {
	border-radius: 0;
	-webkit-appearance: none;
}
.main .formlist p {
	margin: 0;
}
.form p.necessary {
	color: #dc0000;
	font-weight: bold;
}
.formlist form {
	border-top: 1px dotted #999;
}
.formlist form > dl {
	padding: 5px 0;
	border-bottom: 1px dotted #999;
}
form dl {
	margin: 0px !important;
	width: 100%;
	display: table !important;
}
form dt {
	float: none !important;
	width: 160px !important;
	padding: 0 15px;
	display: table-cell !important;
	vertical-align: middle;
	color: #834e00;
	border-left: 3px solid #f1972c;
	background: #fff7ee;
	font-weight: normal !important;
}
.aform-content dl dt .required {
	top: auto !important;
	right: 5px !important;
}
form dt span {
	color: #834e00 !important;
}
form dd {
	display:table-cell;
	padding: 15px 0 15px 15px !important;
}
form dd p {
	padding: 0 0 9px;
}
form dd span {
	font-size: 12px;
}
form input,
form textarea,
form select {
	border: 1px solid #d9d9d9;
}
form input[type="text"] {
	padding: 8px;
	margin: 0 5px 0 0;
}
form textarea {
	width: 454px;
	height: 100px;
	padding: 8px;
}
form input#protector,
form input#protector_furi,
form input#name,
form input#name_furi,
form input#tel {
	width: 284px;
}
form input#day01,
form input#day02,
form input#day03 {
	width: 244px;
	margin-left: 5px;
}
form input#postal01,
form input#postal02 {
	width: 50px;
}
form input#address01,
form input#address02 {
	width: 400px;
}
form input#address01+span,
form input#address02+span {
	display: block;
}
form input#mail {
	width: 334px;
}
form select {
	-webkit-appearance: button;
	-moz-appearance: button;
	padding: 0 0 0 5px !important;
	background:#fff url(../img/bg_select.gif) no-repeat right 0;
	background-size:20px 10px;
	background-position: right center;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	vertical-align: middle;
	border:1px solid #ccc;
	margin-bottom:5px;
	border-radius: 0;
}
form dd li {
	width: 33.333%;
	padding: 4px 0 !important;
	float: left;
}
form dd li input {
	margin: 0 5px 0 0;
}
.form .privacy {
	padding: 20px 15px;
	margin: 20px 0 0;
	border: 3px solid #d9d9d9;
}
.form .privacy dt {
	font-weight: bold;
}
.form .privacy dd {
	padding: 0 0 10px;
	font-size: 11.5px;
	line-height: 140%;
}
.form .privacy dd p {
	padding-left:1.5em;
	text-indent:-1.5em;
}
.form .privacy p.agree {
	padding: 10px;
	display: block;
	font-size: 13px;
	text-align: center;
	background: #f6f6f6;
}
.form .privacy p input {
	margin: 0 5px 0 0;
}
form .submit {
	margin: 30px auto 0;
	text-align: center;
	background: none !important;
}
form .submit input {
	width: 180px;
	padding: 15px 5px !important;
	margin: 0 0 5px;
	color: #fff;
	text-align: center;
	border: none;
	outline: none;
	background: #f1972c;
	border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
}
form .submit input:hover {
	background: #f1a346;
}
/* change -- color */
.contact_index form dt {
	color: #eb7091;
	border-left: 3px solid #eb7091;
	background: #fef3f6;
}
.contact_index .formlist .submit input { background: #eb7091; }
.contact_index .formlist .submit input:hover { background: #ea8da6; }
.contact_index .btn_home a { background: #eb7091; }
.contact_index form dt span { color: #eb7091 !important; }
.request_index form dt {
	color: #2fb8a0;
	border-left: 3px solid #2fb8a0;
	background: #eefaf8;
}
.request_index .formlist .submit input { background: #2fb8a0; }
.request_index .formlist .submit input:hover { background: #45c9b2; }
.request_index .btn_home a { background: #2fb8a0; }
.request_index form dt span { color: #2fb8a0 !important; }
form dt span.required {
	color: #fff !important;
}
.aform-content dl .aform-calendar {
	min-width: 80px;
}
.aform-content dl #day01-mm,
.aform-content dl #day01-dd,
.aform-content dl #day02-mm,
.aform-content dl #day02-dd,
.aform-content dl #day03-mm,
.aform-content dl #day03-dd {
	min-width: 60px;
}
ul.aform-radio-ul li {
	width: auto;
	float: none;
}
.aform-content .submit {
	padding: 15px 0;
}
.formlist .submit input,
.aform-content .submit input#aform_btn_submit {
	font-size: 150%;
	font-weight: bold;
}
.aform-content .submit input#aform_btn_back {
	width: 60px !important;
	margin-bottom: 20px;
	color: #333;
	background: #ccc;
}
.aform-content .submit input#aform_btn_submit {
	width: auto !important;
	padding: 15px 10px !important;
	margin-bottom: 20px;
}
.contents p#aform_confirm_msg {
	width: 100% !important;
}
	@media(min-width:1px) and (max-width:768px){
		.formlist input,
		.formlist textarea,
		.formlist select {
			box-sizing: border-box;
		}
		.formlist input[type="text"] {
			width: 100% !important;
			padding: 2% !important;
		}
		.formlist input#protector,
		.formlist input#protector_furi,
		.formlist input#tel,
		.formlist input#name,
		.formlist input#name_furi {
			width: 100% !important;
		}
		.formlist input#day01,
		.formlist input#day02,
		.formlist input#day03 {
			width: 100% !important;
		}
		.formlist input#mail {
			width: 100% !important;
		}
		.formlist input#address01,
		.formlist input#address02 {
			width: 100% !important;
		}
		.formlist textarea {
			width: 100% !important;
			padding: 2% !important;
		}
		.formlist dd li {
			width: 100% !important;
		}
		.formlist dd span {
			display: block;
			padding: 1px 0 0;
		}
	}
	@media(min-width:1px) and (max-width:640px){
		.formlist dt {
			display: block !important;
			width: 94% !important;
			padding: 2% 3% !important;
		}
		.formlist dd {
			display: block !important;
			width: 94% !important;
			padding: 4% 3% !important;
		}
		.formlist input#day01,
		.formlist input#day02,
		.formlist input#day03 {
			display: block;
			margin-left: 0;
		}
	}

/*==================================================
clearfix
==================================================*/
ul:after,
.main:after,
.kecgroup:after,
.cont_paragraph:after,
.category_index:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*==================================================
thanks
==================================================*/
.contact_thanks p {
	padding: 0 0 20px;
	width: auto;
}
.contact_thanks .pamphlet {
	font-size: .8em !important;
	text-align: center;
	margin: 15px auto;
}
.contact_thanks p img {
	text-align: center;
	display: block;
	width: 300px;
	border: 5px solid #f6f6f6;
	margin: 0 auto 10px;
}