@charset "utf-8";

/* slider override */
.skewy-pager a:hover, .skewy-pager a.active {
	background: #e85f9d;
}
.skewy-pager a {
	width: 7px;
	height: 7px;
}
img.w100 {
	width: 100%; height: auto; 
}
img.w300 {
	width: 300px; height: auto; 
}
.red {
	color: #ff0000;
}
.color1 {
	color: #f7812b;
}

.marginT20{margin-top: 20px;}
.marginT30{margin-top: 30px;}

.separator {
	border-bottom: 1px dotted #707070;
	padding: 0px 0px 0px;
	margin-bottom: 15px;
}
.separator.orange {
	border-bottom: 1px dotted #f7812b;
}
.separator p {
	border-bottom: 3px solid #f7812b;
	width: 230px;
	margin-bottom: -2px;
	padding-bottom: 8px;
	height: 0px;
}
body#contact form ul {
	display: flex;
	margin: 5px 2em;
}
body#contact form ul li:nth-child(1){
	width: 240px;
}
body#contact form .indent {
	font-size: 13px;
}

/* form */
input.tex1, input.tel1, textarea.tarea1, select.sele1 {
	background: #fff;
	color: #705e58;
	border: 1px solid #705e58;
	font-size: 14px;
	box-sizing: border-box;
}
input.tex1 {
	padding: 0.6em;
	width: 540px;
}
input.tel1 {
	padding: 0.6em;
}
textarea.tarea1 {
	padding: 0.6em;
	height: 7em;
	width: 540px;
}
select.sele1 {
	padding: 0.6em;
	background: #fff url(../img/dw.png) no-repeat right 10px center;
	width: 540px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input.kakunin, input[type="submit"].kakunin {
	background: #f7812b;
	border: 0;
	border-radius: 2px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	padding: 1em 4em;
	text-shadow: none;
	transition: background 0.2s;
	text-align: center;
}
.gray{
	color: #000;
}
/*お問い合わせ-入力*/
.mw_wp_form_input, .mw_wp_form_preview, .mw_wp_form_complete {
	padding: 40px 30px;
	background: #fff;
}
/*お問い合わせ-完了*/
.mw_wp_form_complete p {
	font-size: 18px; text-align: center; 
}

input[type="submit"].kakunin {
	/*padding-left: 2em;*/
}
input.kakunin.bk {
	margin-right: 2em;
}
br.sp {display: none;}


/* QA */
.bg_fff {
	padding: 40px 30px;
	background: #fff;
}
.bg_fff p {
	font-size: 15px; 
}
.orange{
	color: #f7812b;
}

/* lesson */
body#lesson .col2flex, body#lesson .col2flex2 {
	display: flex;
}
body#lesson .col2flex > div, body#lesson .col2flex2 > div {
	width: calc(50% - 20px);
}
body#lesson .col2flex .spa, body#lesson .col2flex2 .spa {
	width: 40px;
}
body#lesson .col2flex .in {
	padding: 5px 10px 10px;
	background: #fff url(../img/dw2.png) no-repeat top 13px right 10px;
}
body#lesson .col2flex2 .in {
	padding: 5px 10px 5px;
	border: 1px solid #5c5b5b;
}
body#lesson .col2flex2 .in ul {
	display: flex; align-items: center;
}
body#lesson .col2flex2 .in ul li {
	display: flex; align-items: center;
}

body#lesson .col2flex2 .in ul li.l.w119 {width: 119px;}
body#lesson .col2flex2 .in ul li.l.w151 {width: 151px;}
body#lesson .col2flex2 .in ul li.spa {width: 10px;}

body#lesson a.banner1 {
	padding: 10px 35px 10px 20px;
	background: #fff url(../img/dw2.png) no-repeat center right 10px;
	cursor: pointer;
	display: inline-block;
	font-size: 24px;
	width: 100%; 
	box-sizing: border-box;
}
body#lesson a.banner1 span {font-size: 15px; }

/*body#lesson h1, body#lesson h2 {*/
h1, h2 {
	font-size: 20px; color: #f7812b;
}
body#lesson ul.col2.w300, 
body#lesson ul.col2.w300r {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
body#lesson ul.col2.w300 li.spa, 
body#lesson ul.col2.w300r li.spa {
	width: 40px;
}
body#lesson ul.col2.w300 li.l {
	width: 300px; 
}
body#lesson ul.col2.w300r li.l {
	width: calc(100% - 340px);
}
body#lesson ul.col2.w300 li.l img.w300, 
body#lesson ul.col2.w300r li.r img.w300 {
	width: 100%; height: auto; max-width: 300px; 
}
body#lesson ul.col2.w300 li.r {
	width: calc(100% - 340px);
}
body#lesson ul.col2.w300r li.r {
	width: 300px; text-align: right; 
}
body#lesson ul.col2.w200r li.r p{
	margin-top:30px;
}
body#lesson ul.col2.w200r, 
body#lesson ul.col2.w270, 
body#lesson ul.col2.w270r {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
body#lesson ul.col2.w200r li.spa, 
body#lesson ul.col2.w270 li.spa, 
body#lesson ul.col2.w270r li.spa {
	width: 40px;
}
body#lesson ul.col2.w200r li.l {
	width: 200px; 
}
body#lesson ul.col2.w270 li.l {
	width: 270px; 
}
body#lesson ul.col2.w200r li.l {
	width: calc(100% - 240px);
}
body#lesson ul.col2.w270r li.l {
	width: calc(100% - 310px);
}
body#lesson ul.col2.w270 li img.w270, 
body#lesson ul.col2.w270r li img.w270 {
	width: 100%; height: auto; max-width: 270px;
}
body#lesson ul.col2.w270 li.r {
	width: calc(100% - 310px);
}
body#lesson ul.col2.w270r li.r {
	width: 270px; text-align: right; 
}
body#lesson ul.col2.w270 li img.w200, 
body#lesson ul.col2.w270r li img.w200 {
	width: 200px; height: auto;
}
body#lesson ul.col2.w270r li img.w270.sp {display: none;}


body#lesson ul.col2.w50p {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0px 0 5px;
}
body#lesson ul.col2.w50p li.spa {
	width: 40px;
}
body#lesson ul.col2.w50p li {
	width: calc(50% - 20px);
}
body#lesson ul.col2.w50p li p {
	padding: 10px 20px;
	border-bottom: 1px dotted #707070;
}
#basic ul.col2.w50p li p:first-child {
	border-top: 1px dotted #707070;
}
body#lesson .sen1 p {
	padding: 10px 20px;
	border-bottom: 1px dotted #707070;
}
body#lesson .sen1 p:first-child {
	border-top: 1px dotted #707070;
}

body#lesson a.banner2 {
	padding: 6px 30px 6px 10px;
	background: #f7812b url(../img/arrow_r1.png) no-repeat center right 20px;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;	color: #fff;
	width: 80%; text-align: center;
	box-sizing: border-box;
	border-radius: 5px;
}
table.sen1.col2 {
	border-top: 1px dotted #707070;
	width: 100%; box-sizing: border-box;
}
table.sen1.col2 tr {
	border-bottom: 1px dotted #707070;
}
table.sen1.col2 td {
	padding: 10px 0; vertical-align: top;
}
table.sen1.col2 td:first-child {
	padding-right: 30px; padding-left: 20px;
	white-space: nowrap;
}
table.sen1.col2.w60 td:first-child {
	width: 60%;
}
table.sen1.col2.w20 td:first-child {
	width: 20%;
}

table.sen1.col3 td:nth-child(1) {
	width: 90px; 
}
table.sen1.col3 td:nth-child(2) {
	width: 7em; 
}
body#lesson ul.col2.w50pNoSpa {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0px 0 5px;
}
body#lesson ul.col2.w50pNoSpa li {
	width: 50%;
}
body#lesson ul.col2.w50pNoSpa li img {
	width: 100%; height: auto;
}
.butDFAprice{
	display: flex;
	/*justify-content: center;*/
}
.butDFAprice a {
	background: #f7812b url(../img/arrow_r1.png) no-repeat center right 10px;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	padding: 6px 35px 6px 20px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 5px;
}
.butDFAprice a.l {
	margin-right: 10px;
}
.butDFAprice a.r {
	margin-left: 10px;
}




/* link */
body#link ul.col2.w50p {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0px 0 5px;
}
body#link ul.col2.w50p li.spa {
	width: 40px;
}
body#link ul.col2.w50p li {
	width: calc(50% - 20px);
	line-height: 1.8; 
}
body#link ul.col2.w50p li a {
	color: #f7812b; font-size: 15px;
}

/* b_instructor */
table.b_instructor {
    border-top: 1px dotted #707070;
    width: 100%;
    box-sizing: border-box;
}
table.b_instructor tr {
    border-bottom: 1px dotted #707070;
}
table.b_instructor th, table.b_instructor td {
    padding: 12px 0;
    vertical-align: top; line-height: 1.3; 
}
table.b_instructor td.bold {
	color: #f7812b;
}

.spBlock{display: none;}
ul.list0 {
	margin: auto -3em 1em 0;
	padding: 0;
	position: relative;
	left: -3em;
	overflow: hidden;
	list-style-type: disc;
}
ul.list0 li {
	margin-left: 5em;
}

@media screen and (max-width: 950px){
	br.sp {display: block;}
	span.pc {display: none;}
	input.tex1, textarea.tarea1, select.sele1 {width: 500px;}
	body#contact form ul {margin: 5px 1em;}
	body#contact form ul li:nth-child(1){width: 30%;}
	/*.mw_wp_form.mw_wp_form_input {padding: 20px 20px;}*/
}
@media screen and (max-width: 800px){
	input.tex1, textarea.tarea1, select.sele1 {width: 400px;}
	input.tex1, textarea.tarea1, select.sele1 {width: 100%;}
	br.pc {display: none;}
}
@media screen and (max-width: 700px){
	body#contact form ul {
		display: block; margin: 5px 1em;
	}
	body#contact form ul li:nth-child(1){
		width: auto;
	}
	input.tex1, textarea.tarea1, select.sele1 {width: 100%;}

	body#lesson ul.col2.w300, body#lesson ul.col2.w300r, 
	body#lesson ul.col2.w270, body#lesson ul.col2.w200r, 
	body#lesson ul.col2.w270, body#lesson ul.col2.w270r {
		display: block;
	}
	body#lesson ul.col2.w300 li.spa, body#lesson ul.col2.w200r li.spa, 
	body#lesson ul.col2.w300 li.spa, body#lesson ul.col2.w300r li.spa, 
	body#lesson ul.col2.w270 li.spa, body#lesson ul.col2.w270r li.spa{
		display: none;
	}
	body#lesson ul.col2.w300 li.l {
		width: auto; text-align: center;
	}
	body#lesson ul.col2.w200r li.l, 
	body#lesson ul.col2.w300r li.l {
		width: auto;
	}
	body#lesson ul.col2.w300 li.r {
		width: auto; text-align: center;
	}
	body#lesson ul.col2.w200r li.r, 
	body#lesson ul.col2.w300r li.r {
		width: auto; text-align: center; 
	}
	body#lesson ul.col2.w200r li.r p{
		text-align: center; 
	}

	body#lesson ul.col2.w270 li.l {
		width: auto;  text-align: center; 
	}
	body#lesson ul.col2.w270r li.l {
		width: auto;
	}
	body#lesson ul.col2.w270 li.r {
		width: auto;
	}
	body#lesson ul.col2.w270r li.r {
		width: auto; text-align: center; 
	}
	/*body#lesson ul.col2.w270 li p, body#lesson ul.col2.w270r li p {
		paddingp: 20px 0;
	}*/
	body#lesson ul.col2.w270r li img.w270.pc {display: none;}
	body#lesson ul.col2.w270r li img.w270.sp {display: block; margin: 0 auto;}

	body#lesson ul.col2.w300 li.l img.w300, 
	body#lesson ul.col2.w300r li.r img.w300 {
		padding-top: 20px;
	}
	.spNone{display: none;}
	.spBlock{display: block;}

	table.sen1.col2 th, table.sen1.col2 td {font-size: 16px;}
}
@media screen and (max-width: 640px){
	body#contact form ul {margin: 5px 0em;}
	/*body#contact .mainBox .center {padding: 30px 0 20px;}*/
	input.kakunin, input.kakunin[type="submit"] {
		padding: 1em 0em; font-size: 16px;
	}
	/*お問い合わせ-入力*/
	/*.mw_wp_form_input input.kakunin, */
	.mw_wp_form_input, .mw_wp_form_preview, .mw_wp_form_complete {
	padding: 20px 20px;}
	.mw_wp_form_input input.kakunin[type="submit"] {
		width: 70%;
	}
	/*お問い合わせ-確認*/
	/*.mw_wp_form_confirm.mw_wp_form_preview input.kakunin, */
	.mw_wp_form_confirm.mw_wp_form_preview input.kakunin[type="submit"] {
		width: 40%;
	}
	/* #lesson */
	body#lesson .col2flex, body#lesson .col2flex2 {display: block;}
	body#lesson .col2flex > div, body#lesson .col2flex2 > div {width: auto;}
	body#lesson .col2flex .spa, body#lesson .col2flex2 .spa {height: 20px;}
	
	body#lesson ul.col2.w50p {display: block;}
	body#lesson ul.col2.w50p li.spa {display: none;}
	body#lesson ul.col2.w50p li {width: auto;}
	body#lesson a.banner2 {
		width: 100%; 
		background: #f7812b url(../img/arrow_r1.png) no-repeat center right 10px;
	}
	#basic ul.col2.w50p li p:first-child {border-top: none;}
	h1, h2 {font-size: 18px; }
	
	body#link ul.col2.w50p {display: block;}
	body#link ul.col2.w50p li.spa {height: 20px;}
	body#link ul.col2.w50p li {width: auto;}
	body#link .bg_fff, body#qa .bg_fff {padding: 20px 10px 0;}
	span.pc640 {display: none;}

	table.b_instructor th, table.b_instructor td {display: block;padding: 5px;text-align: left;}
	/*table.b_instructor th:not(.fir){background: white;}*/
	br.sp640none{display: none;}
}
@media screen and (max-width: 500px){
	table.sen1.col2, table.sen1.col2 tbody, table.sen1.col2 tr, table.sen1.col2 th, table.sen1.col2 td {display: block;}
	table.sen1.col2 td {padding: 10px 0 0;}
	table.sen1.col2 td:first-child {padding-right: 0px; padding-left: 0px; font-size: 16px;}
	table.sen1.col2 td:nth-child(2) {margin-left: 1em; font-size: 15px;}
	body#lesson a.banner1 {
		padding: 10px 35px 10px 10px; font-size: 20px; line-height: 1.4;
	}
	body#lesson a.banner1 span {font-size: 13px; line-height: 1.2; }
	br.pc500 {display: none;}
}
@media screen and (max-width: 400px){
	.mw_wp_form_input, .mw_wp_form_preview, .mw_wp_form_complete {
	padding: 10px 10px;}
	br.pc400 {display: none;}
	
}
@media screen and (max-width: 320px){
	body#lesson .col2flex2 .in ul {display: block;}
	body#lesson .col2flex2 .in ul li.l.w119 {width: auto;}
	body#lesson .col2flex2 .in ul li.l.w151 {width: auto;}
	body#lesson .col2flex2 .in ul li.spa {height: 10px;}
}