@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'TsukushiAMaruGothic';
    src:url('font/TsukushiAMaruGothic.woff2') format('woff2'),
         url('font/TsukushiAMaruGothic.woff') format('woff'),
		 url('font/TsukushiAMaruGothic.otf')  format('opentype'); /* ttf - Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

#wrapper{
	width:100%;
	background:#fbd327;
	position:relative;
}

.contents_in{
	max-width:960px;
	margin:0 auto;
}

#header{
	padding:11px 0 0;
}

#header .logo{
	padding:0 0 0 19px;
	max-width:94px;
	float:left;
}

#header .logo img{
	width:100%;
}

#header .support{
	 font-family: 'TsukushiAMaruGothic';
	 font-size:14px;
	 font-weight:bold;
	 padding:12px 0 0 20px;
	 float:left;
}

.main_img01{
	width:100%;
}

.main_img01 img{
	width:100%;
}

.main_img02{
	width:100%;
}

.main_img02 img{
	width:100%;
}

.title_box{
}

.title_box .prolog_title{
	max-width:496px;
	margin:0 auto;
}

.title_box .prolog_title img{
	width:100%;
	display:block;
}

.title_box .title01{
	max-width:787px;
	margin:0 auto;
	padding:6px 0 16px;
}

.title_box .title01 img{
	width:100%;
	display:block;
}

.title_box .title03{
	max-width:375px;
	margin:0 auto;
}

.title_box .title03 img{
	width:100%;
	display:block;
}

.main_contents{
	/*padding:0 0 130px;*/
}

dl.contents_in{
	max-width:789px;
	margin:-20px auto 0;
	/*padding:0 0 130px;*/
	padding:0 0 40px;
}

dl dt{
	float:left;
	clear:both;
	padding:5px 0 20px;
}

dl dd{
	float:left;
	padding:0 0 20px 13px;
}

.date_dt{
	padding:32px 0 0;
}

.date_dd{
	max-width:696px;
}

.place_dd{
	max-width:649px;
}

.price_dd{
	padding:0 0 20px 15px;
}

.price_dd img{
	max-width:412px;
}

.price_dd span{
	font-family: 'TsukushiAMaruGothic';
}

.price_dd .text01{
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	padding:14px 0 0 7px;
}

.price_dd .text02{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	padding:15px 0 0;
}

.program_box{
	padding:0 0 70px;
}

.program{
	max-width:470px;
	width:48%;
	margin:0 1%;
	float:left;
}

.program img{
	width:100%;
}

.message{
	max-width:470px;
	width:48%;
	margin:0 1%;
	float:left;
}

.message img{
	width:100%;
}


.teacher_area{
	padding:0 0 40px;
}

.teacher_area .title_g{
	position:relative;
	max-width:140px;
	margin:0 auto;
	padding:0 0 20px;
}

.teacher_area .title{
	text-align:center;
}

.teacher_area .bird{
	position:absolute;
	top:-15px;
	right:-53px;
}

.teacher_area .cnt_box{
	padding:0 0 30px;
}

.teacher_area .cnt_img{
	float:left;
	max-width:230px;
}

.teacher_area .cnt_img img{
	width:100%;
}

.teacher_area .cnt_text{
	float:left;
	padding:10px 0 0 20px;
	font-family: 'TsukushiAMaruGothic';
}

.teacher_area .name{
	font-weight:bold;
	font-size:26px;
	padding:0 0 7px;
}

.teacher_area .cnt_box01 .name{
	padding:0 0 11px;
}

.teacher_area .name span{
	font-size:16px;
}

.teacher_area .position{
	font-size:14px;
}

.teacher_area .expert{
	color:#e95383;
	font-weight:bold;
	font-size:18px;
	padding:8px 0 0;
}

.teacher_area .cnt_box p{
	padding:15px 0 0;
	font-size:14px;
	line-height:24px;
	max-width:708px;
}

.voice_area{
	padding:0 0 120px;
}

.voice_area .title_g{
	background:url(img/title_voixce_bg.png) no-repeat center center;
	background-size:contain;
	padding:8px 0;
}

.voice_area .title{
	max-width:300px;
	margin:0 auto;
}

.voice_area .title img{
	width:100%;
}

.voice_area .cnt_g{
	padding:40px 0 0;
}

.voice_area .cnt_box{
	max-width:460px;
	width:48%;
	margin:0 1%;
	float:left;
	background:url(img/voice_bg.png) repeat left top;
	border-radius:12px;
	box-sizing:border-box;
	
	position:relative;
}

.voice_area .cnt_box01{
	padding:30px 20px 54px;
}

.voice_area .cnt_box02{
	padding:30px 20px 78px;
}

.voice_area p{
	font-family: 'TsukushiAMaruGothic';
	font-weight:bold;
	font-size:14px;
	line-height:24px;
	max-width:400px;
	margin:0 auto;
}

.voice_area .voice_point{
	position:absolute;
}

.voice_area .voice_point img{
	width:100%;
}

.voice_area .cnt_box01 .voice_point{
	bottom:-60px;
	left:0;
	right:0;
	max-width:268px;
	margin:0 auto;
}

.voice_area .cnt_box02 .voice_point{
	bottom:-56px;
	right:0;
	max-width:123px;
}

.about_area{
	padding:0 0 100px;
}

.about_area .about{
	max-width:960px;
	margin:0 auto;
}

.about_area .about img{
	width:100%;
}

footer{
	padding:0 0 111px;
}

footer .title{
	background:#e95383;
	font-family: 'TsukushiAMaruGothic';
	font-weight:bold;
	color:#fff;
	padding:16px 0 0;
	box-sizing:border-box;
	padding:12px 0 12px 20px;
	margin:0 auto 30px;
	width:98%;
}

footer .cnt_left{
	font-family: 'TsukushiAMaruGothic';
	float:left;
	padding:0 0 0 20px;
}

footer .cnt_right{
	font-family: 'TsukushiAMaruGothic';
	float:right;
	padding:0 40px 0 0;
}

footer .company_position{
	font-size:20px;
}

footer .company_position span{
	font-size:14px;
}

footer h2{
	font-weight:bold;
	font-size:22px;
	padding:8px 0 0;
}

footer .company_address{
	font-size:14px;
	line-height:18px;
	padding:10px 0 5px;
}

footer .time{
	font-size:14px;
}

footer .tel_number{
	font-weight:bold;
	font-size:28px;
}

footer .tel_number img{
	max-width:30px;
}

footer .tel_number span{
	padding:0 0 0 5px;
}

footer .url{
	font-weight:bold;
	font-size:20px;
	padding:5px 0 0;
}
















#btn_area{
	position:fixed;
	bottom:0;
	left:0;
	background:#ffe159;
	width:100%;
	padding:27px 0 35px;
}

#btn_area .contents_in{
	max-width:882px;
}

#btn_area .next_btn{
	float:left;
	max-width:425px;
	width:48.2%;
	margin:0 0.9%;
	font-family: 'TsukushiAMaruGothic';
	font-size:30px;
	text-align:center;
	font-weight:bold;
	padding:27px 0 31px;
	-webkit-transition: all .2s;
	transition: all .2s;
}

#btn_area .btn01{
	background:url(img/btn01_off.png) no-repeat center top;
}

#btn_area .btn01:hover{
	background:url(img/btn01_on.png) no-repeat center top;
}

#btn_area .btn02{
	background:url(img/btn02_off.png) no-repeat center top;
}

#btn_area .btn02:hover{
	background:url(img/btn02_on.png) no-repeat center top;
}

#btn_area p{
	text-align:center;
	font-size:18px;
	line-height:22px;
	color:#f00;
	font-family: 'TsukushiAMaruGothic';
	font-weight:bold;
	width:90%;
	margin:0 auto;
}


@media only screen and (max-width:789px){

.pc{
	display:none;
}

.sp{
	display:block;
}

#header{
	padding:11px 10px 0;
	box-sizing:border-box;
}

#header .logo{
	padding:0;
	float:none;
	width:auto;
	margin:0 auto;
	padding:0 0 8px;
}

#header .support{
	floatnone;
	width:auto;
	padding:0 0 0 4em;
	line-height:20px;
	text-indent:-4em;
}

.title_box{
	box-sizing:border-box;
	width:84%;
	margin:0 auto;
}

.title_box .title01 img{
	padding:0 0 8px;
}

.title_box .title01{
	padding:10px 0 8px;
}

dl.contents_in{
	width:96%;
}

dl dt{
	float:none;
	padding:0 0 10px;
}

dl dd{
	float:none;
	padding:0 0 20px 10px;
	box-sizing:border-box;
}

.date_dt{
	padding:10px 0 0;
}

.price_dd .text01{
	display:block;
	padding:14px 0 0;
}

.price_dd .text02{
	display:block;
	padding:0;
}

dl dd img{
	width:100%;
}

.program{
	width:98%;
	float:none;
	margin:0 auto 30px;
}

.message{
	width:98%;
	float:none;
}

.teacher_area .cnt_img{
	float:none;
	margin:0 auto;
}

.teacher_area .cnt_text{
	float:none;
	padding:10px 0 0;
	width:96%;
	margin:0 auto;
}

.voice_area{
	padding:0;
}

.voice_area .title{
	width:55%;
}

.voice_area .cnt_box{
	float:none;
	width:96%;
	margin:0 auto 90px;
}

.about_area{
	background:url(img/about_spbg.png) no-repeat center center;
	background-size:cover;
	padding:0 0 40px;
	margin:0 0 80px;
}

.about_area .sp01_img{
	width:90%;
}

.about_area .sp02_img{
	width:65%;
	margin:-130px 0 0 auto;
}

.about_area p{
	font-family: 'TsukushiAMaruGothic';
	font-size:14px;
	line-height:20px;
	width:86%;
	margin:0 auto;
	padding:40px 0 0;
}





footer{
	padding:0 0 165px;
	width:96%;
}

footer .title{
	margin:0 auto 20px;
}

footer .cnt_left{
	float:none;
}

footer .cnt_right{
	float:none;
	padding:10px 0 0 20px;
}







#btn_area{
	padding:17px 0 25px;
}

#btn_area .next_btn{
	font-size:20px;
	float:none;
	width:auto;
	margin:0 auto 20px;
	background-size:contain;
	padding:17px 0 21px;
}

#btn_area .btn01:hover{
	background:url(img/btn01_off.png) no-repeat center top;
	background-size:contain;
}

#btn_area .btn02:hover{
	background:url(img/btn02_off.png) no-repeat center top;
	background-size:contain;
}

#btn_area p{
	font-size:16px;
}


}