@charset "utf-8";
/*----------------------------------------------------------------------------------------------
【記載ルール】
・ブレークポイント、キーフレームでインデント
・不要な半角スペースやタブは削除
・短縮できるものは短縮（例）0.7 → .7、#FFFFFF → ＃FFF
・継承を考え、無駄なプロパティを削除（特にSP）
----------------------------------------------------------------------------------------------*/

/* reset.css*/
article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section { display: block }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
img { margin: 0 auto; padding: 0; max-width: 100%; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }
body { font-size: 2.2rem; padding: 0; margin: 0; font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic","ヒラギノ角ゴ ProN", Meiryo, sans-serif; background: #F6F6F6; }
.pc { display: block; }
.sp { display: none; }
.b { font-weight: bold; }
.u { text-decoration: underline; }
.r { color: #d61625; }
.bu { font-weight: bold;text-decoration: underline; }
.ru { color: #d61625; text-decoration: underline;}
.KG { font-family: "Gothic MB101 Bold", sans-serif; font-weight: bold; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; }
.img-left { float: left; margin: 0 1.5em 1.5em 0; }
.img-right { float: right; padding: 0 0 1.5rem 1.5rem; max-width: 380px; }
h2 + .img-right, h2 + .img-left, h3 + .img-right, h3 + .img-left { margin-top: 1em; }
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; }
.flex-bet { justify-content: space-between; }
.flex-cen { -ms-align-items: center; align-items: center; }
.caption { max-width: 100%; }
.caption .small { font-size: 80%; }
.img-right img, .img-left img { margin: 0 auto; width: 100%; }
.img-right .caption, .img-left .caption, .img-flex .caption { margin: 0; padding: 10px; font-size: 1.5rem; font-weight: bold; text-align: center; background: #3f3f3f; color: #fff; line-height: 1.3; }
.caption + img { margin-top: 30px; }
.img-right + p, .img-right + p { margin-top: 1em; }
.img-flex-box { width: 270px; }
.t_c {text-align: center;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;
}

.price{font-size: 2.7rem;text-align: center;line-height: 1.5; }
.small{font-size: 85%;}
.large{font-size: 120%;}
.xlarge{font-size: 140%;}


header {background-color: #fff; }
.header_t{background-color: #000; padding:1rem 0;margin: 1rem auto 0;}
.header_t img{margin:-4.3rem auto 0rem}
.header_img{background-color: #000; padding:1rem 0;}
.header_img img{max-width: 912px}
.course-wrap {height: 170px;margin: 0 auto;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.course-inner {width: 980px;display: -webkit-flex;display: flex;flex-wrap: wrap;padding-top: 20px;margin: auto;font-size: 2.2rem;justify-content: space-between;}
#prihead .course-inner { justify-content: flex-start; }
.course{width: 30%;padding:0 0 .4rem .4rem;margin: 0 0 1rem 0;border-bottom: 1px solid #3b3838;border-left: 1px solid #3b3838;line-height: 1.2;}
#prihead .course { width: 22%; margin: 0 2rem 1rem 0; }
.course-wrap span{ font-size:130%; }
.blinking {-webkit-animation: blink 0.6s ease-in-out infinite alternate;-moz-animation: blink 0.6s ease-in-out infinite alternate;animation: blink 0.6s ease-in-out infinite alternate;color: #FF282C;font-size: 130%;}
.course-inner .rb {color: #FF282C;font-size: 140%;font-weight: bold;}
@-webkit-keyframes blink {0% {opacity:0;}70% {opacity:1;}}
@-moz-keyframes blink {0% {opacity:0;}70% {opacity:1;}}
@keyframes blink {0% {opacity:0;}70% {opacity:1;}}


#prihead #CDT{
	margin:0 auto;
	color:#fff;
	line-height:1.3;background-color: #000;text-align: center;
}
#prihead #CDT .count_num{
	display:inline-block;
	margin:0.4rem;
	border-radius:3px;
	font-size:150%;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	color:#fffd9e
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #prihead #CDT .count_num{	/* IE11 */
		padding:0.5rem .4rem 0;
		line-height:1;}
}




section { max-width: 960px; margin: 0 auto; padding: 50px 0;background-color: #fff; }
.sec-inner { width: 90%; margin: 0 auto; color: #3f3f3f; }
.sec-inner > p { line-height: 1.5; }
.sec-inner > img { margin: 1.5em auto; }

.sub-head { font-size: 5.6rem; text-align: center; margin: 0 auto 1em; line-height: 1.3; }
.sub-head2 { font-size: 5.1rem; text-align: center; margin: 0 auto 1em; line-height: 1.2; }

.check { margin: 1.5em auto; }
.check li { background: url(../img/check1.png) no-repeat 0 10px; font-weight: bold; padding: 10px 0 10px 2em; line-height: 1.3; border-bottom: 1px dashed #ccc; font-size: 120%; }
.check2 { margin: 1.0em auto; }
.check2 li { background: url(../img/check2.png) no-repeat 0 12px;background-size: 3.3rem;  font-weight: bold; padding: 10px 0 10px 40px; line-height: 1.5; border-bottom: 1px dashed #ccc; }

.voice-box { margin: 3rem auto; background: #fffff9;border: 6px double #cfac2d;}
.voice-box p{ margin:3rem;;line-height: 1.4;}
.voice-box .img-right{padding: 3rem 3rem 0 3rem;width:40%; }


/* seminar */
.seminar-table { width: 100%; margin: 1.5em 0 0; border: 2px solid #3f3f3f; }
.seminar-table .course td { background: #3f3f3f; color: #fff; font-size: 2.5rem; padding: 10px; }
.seminar-table tr { border-bottom: 1px solid #3f3f3f; background: #fff; }
.seminar-table th, .seminar-table td { padding: 10px; }
.seminar-table th { font-weight: bold; }

.seminar-sche h3 { color: #d61625; border-bottom: 2px solid #d61625; font-size: 3.5rem; font-weight: bold; margin: 2em 0 0; }
.seminar-sche dt { padding: 1em 0 10px; font-weight: bold; border-bottom: 1px solid #3f3f3f; }
.seminar-sche dd { padding: 10px 0 1em 2em; border-bottom: 1px dashed #ccc; line-height: 1.3; }
.seminar-sche dt:nth-of-type(2n) { background: #e6f2ff; }
.seminar-sche dd:nth-of-type(2n) { background: #e6f2ff; }
.seminar-sche .img-left { margin: 0 1.5em 0 0; }
.seminar-sche ul { margin: auto; padding: 1em 0; clear: both; }
.seminar-sche ul li { border-bottom: none; }
.seminar-title { font-weight: bold; margin: 0 0 0.3em; }

.formWrap { width: 100%; margin: 2rem 0; }
/* 共通 */
input.btn_submit, input.btn_submit02, input.btn_submit03 { cursor: pointer; display: block; width: 700px; height: 160px; margin: auto; border: none; text-indent: -9999px; }
input.btn_submit:hover, input.btn_submit02:hover, input.btn_submit03:hover { opacity: .8; }
/* 固有 */
input.btn_submit { background: url(../img/base/btn.png) no-repeat 0 0; }
/* 料金 */

.price__box{ margin-top: 2rem; }
.price__result { margin: 0 auto; font-weight: bold; font-family: Arial, Helvetica, "sans-serif"; }
.price__result_main { color: #d00; font-size: 7rem; line-height: 1; }
.price__result_main img { float: left; width: 120px; padding-right: 2rem; }
.price__result_sub { font-size: 6rem; text-align: right; }
.price__notice {padding: 2rem;margin: 1rem auto 0;background: #fff;box-sizing: border-box;}
.price__notice p{line-height: 1.5;}
footer { background: #ddd; }
.footer_logo img { max-width: 300px; }
.footer_txt { padding: 0 0 0 2rem; font-size: 1.1rem; text-align: left; line-height: 1.9; }
#footer-wrap { display: flex; width: 800px; padding: 2rem 0; margin: 0 auto; font-size: 80%; justify-content: center; }
#footer-wrap li { display: inline-block; padding: 0 1rem 0; border-left: 1px solid #aaa; }
#footer-wrap li:first-child { border: none; padding: 0 1em 0 0; }

/*----------------------------------------------------------------------------------------------
schedule
----------------------------------------------------------------------------------------------*/

.schedule__box { margin: 2rem 0; background: #f5f5f5; }
.schedule__box h3 {background: #ec5656;padding: 1rem 2rem;color: #fff;font-size: 130%;font-weight:bold; }
.schedule__box h4 { font-size: 2.3rem; border-bottom: 1px solid #ccc; margin-bottom: 10px;padding: 10px 0;font-weight:bold;  }
.schedule__txt { padding: 3rem;background-color: #f3f3f3; }
iframe{ width: 100%; height: 50vh; margin: 2em 0 0; }
.schedule__box p { line-height: 1.5; margin: 0 auto;font-size: 110%; }

.notice{ padding: 2rem; margin: 2rem auto; background: #fffff9; }

.voice h3{padding-left: 1rem;margin-bottom: 3rem;border-left: 4px solid #ff2b44;color:#ff2b44;font-size: 4rem;line-height: 1.2;font-weight: bold;}
.prof h3{padding-left: 1rem;margin-bottom: 2rem;border-left: 4px solid #ff2b44;color:#ff2b44;font-size: 4.4rem;font-weight: bold;}

.back_white{background-color: #fff; padding:2rem 0;}



@media screen and (max-width: 480px) {
	body { font-size: 4.5vw; }
	
	.pc { display: none; }
	.sp { display: block; }
	
	.img-left, .img-right { width: 35%; }
	.img-flex-box { width: 100%; margin-bottom: 20px; }
	.img-flex-box img { width: 100%; }
	
	.small{font-size:85%; }
	
	.course-wrap{ height: auto; width:100%;margin-bottom: 1rem;}
	.course-inner{width:96%;padding-top: 1rem;font-size:3.3vw;justify-content: space-between; }
	.header_img{display: none; }
	.course-wrap .course{width:48%; margin: 0 0 10px;}
	#prihead .course { width: 48%; margin: 0 0 10px; }
	#prihead #CDT{width:100%;font-size:3.6vw;padding: 0.5rem 0 0rem;}
	
	h1 img{width: 96%;}
	.header_t {background-color: #000;padding: 1rem 0;margin: 0.5rem auto 0;}
	.header_t img{margin: -2rem auto  0;}
	
	section { padding: 30px 0; }
	.sub-head { font-size: 6.0vw; }
	.sub-head2 { font-size: 5.5vw; }
	.check li ,.check2 li { -webkit-background-size: 8vw; background-size: 8vw; }
.sec-inner { width: 92%; margin: 0 auto; color: #3f3f3f; }
	
	.prof h3{padding-left: 1rem;margin-bottom: 2rem;border-left: 4px solid #ff2b44;font-size: 5.7vw;}
		/* 特典 */
	.voice-box {margin: 2rem auto;background: #fffff9;border: 1px solid #cfac2d;}
	.voice h3{margin-bottom: 2rem;border-left: 4px solid #ff2b44;font-size: 5.5vw;}
	.voice-box p {margin: 1rem;line-height: 1.5;}
	.voice-box .img-right {padding: 1rem;width: 40%;}
	
	.seminar-table th, .seminar-table td { line-height: 1.3; }
	.seminar-table .course td { font-size: 5vw; }
	
	.seminar-sche h3 { font-size: 6vw; margin: 1em auto 0.5em; }
	.seminar-sche .img-left { margin: 1em 0; width: 100%; }
	
	#tsuishin { padding: 1rem; }
	.tsuishin-sub h2 { font-size: 8vw; }
	.tsuishin-sub p { font-size: 5.2vw; }
	.tsuishin-box { padding: 2rem; }
	.tsuishin-box p { font-size: 4vw; background-size: auto 2em; }
	.tsuishin-name { margin: 0 0 0 auto; }
	
	.formWrap { margin: 10px auto; }
	/* ボタン */
	input.btn_submit, input.btn_submit02, input.btn_submit03 { width: 100%; height: 22vmin; padding: 0; background-size: 100%; }
	/* 料金 */
	.price-result_main { font-size: 7.5vw; letter-spacing: 0.1vw; }
	.price-result_main img { width: 14vw; padding-right: 1.4rem }
	.price-result_sub { font-size: 5.8vw; }
	.price-notice { padding: 1rem; }
	.price-notice p { font-size: 3.8vw; }
	
	.footer_logo img { display: block; }
	.footer_txt { padding: 1rem; }
	#footer-wrap { display: block; width: 100%; }
/*----------------------------------------------------------------------------------------------
list
----------------------------------------------------------------------------------------------*/
.letter_list ol {counter-reset: my-counter;list-style: none;padding: 0 1.5rem;}
.letter_list li {font-size:2rem;}
.letter_list li p{font-size:2rem;font-weight:normal;}
.letter_list li:before {content: counter(my-counter);counter-increment: my-counter;color: #FFF;display: block;float: left;line-height: 50px;margin:20px 0 0 -60px;text-align: center;height: 50px;width: 50px;border-radius: 50%;}
	
.check2 { margin: 0 auto;}
	
/*----------------------------------------------------------------------------------------------
price
----------------------------------------------------------------------------------------------*/
.price__box {margin-top: 0rem;}
.price__result_main {font-size: 3.4rem;}
.price__result_main img {width: 45px;padding: 0rem 1rem 1rem 0rem;}
.price__result_sub {font-size: 3rem;}
.price__notice {padding: 1rem;margin: 1rem auto 0;}
	
.notice {padding: 1rem ; margin: 1rem auto 2rem;}
.notice p{line-height: 1.3;}
	
	/*----------------------------------------------------------------------------------------------
schedule
----------------------------------------------------------------------------------------------*/
.schedule__box {margin: 2rem 0;background: #f5f5f5;border: solid 1px #ec5656;}
.schedule__box i {color: #C2232D;vertical-align: middle;}
.schedule__box h3 {padding: 0.5rem 2rem;color: #fff;font-size: 2.3rem;line-height: 1.5;}
.schedule__txt { padding: 1rem 1.5rem 1.5rem; margin: 0 auto;}
.schedule__txt table {width: 100%;border: 1px solid #CCC;background: #FFF;}
.schedule__txt th, .schedule__txt td {padding: .4rem 1rem;border: 1px solid #CCC;font-size:1.8rem;line-height: 1.4; }
.schedule__txt th { background: #84a5ce; }
.schedule__box p{font-size:1.8rem;line-height: 1.4;}
.schedule__txt td:first-child {width:30%;  }
iframe {width: 89%; height: 300px;margin: 2rem 5% ;
}
	.price{font-size: 2rem;text-align: center;line-height: 1.5; }
.large{font-size: 115%;}
.xlarge{font-size: 135%;}
}