@media
only screen and (max-width : 736px){
html, body {
	min-width: 0;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust : 100%;
}
	
.sp_only {display: inherit;}
.sp_none {display: none;}
	
.inner {
	width: 96%;
	margin: 0 auto;
}
	
img{
	height: auto;
}


	
/*--header--*/	
header{
	padding: 10px 0px;
}

#globalheader,
.merit-frame img,
#m-frame img,
#kl-img2 img,
.ft-banner img,
.ft-banner{
	width: 100%;
}

#globalheader div,
p#e-comm br,
p#t-txt2 br,
.pc-img{
	display: none;
}

.smp-img{
	display: block;
}

#mainimg{
	height: auto;
	padding-bottom: 0;
}

#m-frame{
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
}
	
#m-frame #click{
	padding-top: 35px;
}

#globalheader h1{
	float: none;
	text-align: center;
}

p.trouble-txt{
	font-size: 24px;
}

p#t-txt1{
	font-size: 22px;
	line-height: 1.4em;
	padding-bottom: 15px;
}

p#merit-txt,
p#ex-txt{
	font-size: 34px;
}
	
.l_seminarbtn {
	float: none;
	width: 100%;
}
	
.l_seminarbtn a {
	background: url(../image/tril_L.png),url(../image/tril_R.png);
	background-repeat: no-repeat,no-repeat;
	background-size: auto 100%,auto 100%;
	background-position: left,right;
	background-color: #B10023;
	text-align: center;
	display: block;
	padding: 20px 0;
	box-sizing: border-box;
}
	
.l_seminarbtn img {
	width: 85%;
}

.r_seminarbtn {
	float: none;
	width: 100%;
}
	
.r_seminarbtn a {
	background: url(../image/tril_L.png),url(../image/tril_R.png);
	background-repeat: no-repeat,no-repeat;
	background-size: auto 100%,auto 100%;
	background-position: left,right;
	background-color: #399860;
	text-align: center;
	display: block;
	padding: 20px 0;
	box-sizing: border-box;
}	
	
.r_seminarbtn img{
	float: none;
	width: 85%;
}


.merit1{
	height: auto;
	padding-bottom: 55px;
}

.merit-frame,
#m-frame,
#knowledge-frame,
#v-img img, #p-img img,
.v-frame,
.v-frame .v-cont,
#detail-clum,
.creating img,
p#t-txt2{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

.smp-spc{
	padding-left: 3% !important;
	padding-right: 3% !important;
	width: 94% !important;
}

p#t-txt2{
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 35px;
}

#pp-txt{
	line-height: 1.8em;
}

p#f-free{
	padding-top: 100px;
}

.v-frame .v-cont{
	height: auto;
	margin-bottom: 15px;
}

.merit-frame p{
	padding-left: 0px;
	font-size: 14px;
}

.v-frame .v-cont p.v-ttl{
	font-size: 18px;
}

#detail th{
	display: block;
	border: none;
	padding-left: 0px;
	padding-bottom: 0px;
}

#detail td{
	display: block;
	padding-top: 5px;
	line-height: 1.4em;
}

#voice{
	height: auto;
}

.ex-clum{
	margin-left: 3%;
	margin-right: 3%;
	padding-left: 3%;
	padding-right: 3%;
	width: 88%;
}

.v-frame .left,
.v-frame .right{
	float: none;
}

.ex-clum .e-ttl,
#knowledge-frame p#kl-txt1,
p#f-free{
	font-size: 22px;
}

p#f-free{
	line-height: 22px;
}

p#contact-txt{
	font-size: 12px;
}

#form{
	padding: 10px;
}

#form th,
#form td{
	display: block;
	padding-left: 0px;
}

#form td{
	padding-top: 10px;
}

#form td input, #form td textarea{
	width: 100%;
}

p.contact-ttl{
	font-size: 34px;
	line-height: 34px;
}

.ex-clum .e-txt{
	padding-left: 0px;
	padding-right: 0px;
	font-size: 14px;
}

.ex-clum .e-name{
	padding-right: 0px;
}

p#e-comm{
	font-size: 14px;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 55px;
}

#knowledge-frame p#kl-txt3{
	font-size: 18px;
	line-height: 1.6em;
}

#knowledge-frame p#kl-txt4{
	font-size: 20px;
}

p#voice-ttl, p#point-ttl{
	font-size: 40px;
	line-height: 40px;
}

p#point-ttl span{
	font-size: 34px;
	line-height: 34px;
}

.w-50 .left, .w-50 .right{
	width: 100%;
}

.w-50 .left p, .w-50 .right p{
	font-size: 11px;
	text-align: left;
	padding: 15px 15px 35px 15px;
}

	


.merit_cont {
	width: 100%;
}

h3.l_ttl {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

h3.l_ttl span {
	font-size: 35px;
	color: #0060b6;
	display: block;
	margin: 20px 0 30px;
}	
	
.merit h3 {
	background: url(../image/merit.png) no-repeat left bottom;
	background-size: 50%;
    padding-bottom: 5px;
	width: 100%;
	margin: 20px auto 0;
}
	
.m01,
.m02,
.m03,
.m04,
.m05 {
	width: 100%;
	float: none;
}

.blue {
	width: 100%;
	box-sizing: border-box;
}

.bg01,
.bg02,
.bg03,
.bg04,
.bg05 {
	background-size: contain;
}

.bg01 .blue,
.bg02 .blue,
.bg03 .blue,
.bg04 .blue,
.bg05 .blue {
	float: none;
	margin-bottom: 30px;
	background-size: 35%;
	display: inline-block;
	margin-top: 43%;
}

.blue .m_ttl {
	height: 80px;
	font-size: 23px;
}

.blue .m_ttl span {
	font-size: 30px;
}

.blue .cap {
	font-size: 14px;
}

.btn_area {
	width: 95%;		
}	

	
.joinus {
	background: #97D7CE;
	text-align: center;
	margin: 30px 0 0;
}
	
.joinus img {
	width: 100%;
	margin: 0 auto;
}
	
	
.bg_blue {
	background: #007DBF;
	padding: 40px 0 25px;
	box-sizing: border-box;
	width: 100%;
}
	
.bg_blue .inner{
	width: 100%;
}

.date {
	float: none;
	text-align: center;
	margin: 0 0 20px;
}
	
.date img {
	width: 80%;
}

.present {
	float: none;
	border: solid 2px #A30000;
	box-sizing: border-box;
	width: 100%;
}

.present_ttl {
	color: #fff;
	background: #E00012;
	font-size: 16px;
	font-weight: bold;
	float: none;
	width: 100%;
	display: block;
	align-items: center;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	line-height: 1.2em;
}

.present_content {
	background: #fff;
	font-size: 15px;
	float: none;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}

.present_content li:nth-child(1),.present_content li:nth-child(3) {
	display: block;
	float: none;
	width: 100%;
}

.present_content li:nth-child(2),.present_content li:nth-child(4) {
	float: none;
	width: 100%;
}

.blue_box {
	background: #007DBF;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3em;
	float: none;
	width: 100%;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin: 0;
}
	
.seminar {
	margin: 0 0 50px;
}

.seminar_inner {
	width: 100%;
	margin: 0 auto;
	padding: 40px 10px 0;
	box-sizing: border-box;
	background: #fff;
	float: none;
}
	
.seminar_inner02 {
	width: 96%;
	margin: 0 auto;
	padding: 40px 5px 0;
	box-sizing: border-box;
	background: #fff;
}
	
.redbold {
	color: #A30000;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.3em;
}
	
.teacher {
	width: 100%;
	margin: 20px 0;
}
	
dl.teacher dt {
	float: none;
	color: #007DBF;
	border: solid 1px;
	width: 90px;
	text-align: center;
	font-size: 16px;
	padding: 5px 0;
	box-sizing: border-box;
}

dl.teacher dd {
	float: none;
	font-size: 16px;
	padding: 5px 0;
	box-sizing: border-box;
}
	
table.timetable {
	font-size: 0.9em;
	margin: 0 0 30px;
}

.profile_area {
	border: solid 5px #BCD1DB;
	padding: 10px;
	box-sizing: border-box;
}	
	
.teacher_img {
	float: none;
	padding: 20px;
	text-align: center;
}

.r_profile {
	float: none;
	width: 100%;
	padding: 0 0 0 0;
}
	
.profile_ttl {
	color: #007DBF;
	font-size: 18px;
	margin: 20px 0 10px;
	text-align: center;
}

.teacher_name {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
}
	
.seminar_more {
	border: solid 5px #007DBF;
	padding: 0 5px;
	box-sizing: border-box;
}
	
.seminar_more ul li{
	color: #fff;
	font-size: 1.0em;
	background: #007DBF;
	padding: 20px 0;
	box-sizing: border-box;
	line-height: 2.0em;
	width:90%;
	text-align: center;
	text-decoration: none;
	display: block;
}
	
.seminar_more ul li span{
	display: block;
	font-size: 20px;
}
	
.seminar_more ul li:first-child {
	float: none;
	margin: 30px 15px 20px;
}

.seminar_more ul li:last-child {
	float: none;
	margin: 30px 15px 20px;
}

.seminar_overview {
	width: 100%;
	margin: 70px 0 0;
	padding: 0 5px;
	box-sizing: border-box;
}

h4.seminar_ttl {
	background: url(../image/seminar.png) no-repeat left bottom;
    padding-bottom: 35px;
}
	
table.explain th,table.explain td {
	font-size: 15px;
	padding: 15px 10px;
	box-sizing: border-box;
}

table.explain th {
	text-align: left;
	padding: 10px 10px;
	box-sizing: border-box;
	width: 100%;
	display: block;
}
	
table.explain td {
	width: 100%;
	display: block;
	padding: 10px 30px;
	box-sizing: border-box;
}

table.explain td span {
	display: block;
}
	
.map {
	margin: 50px 0 30px;
	padding: 0 10px;
	box-sizing: border-box;
}

.btn_1,.btn_2 {
	text-align: center;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

.btn_1 {
	margin: 0 0 15px;
}

.btn_1 img,.btn_2 img {
	width: 100%;
}

#company-img img{
	width: 100%;
}

}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */