@charset "UTF-8";

@media screen and (max-width : 560px) {
/* ==================================================
shared
================================================== */
body {
	-webkit-text-size-adjust:none;
}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="reset"] {
	-webkit-appearance:none; /* 変更しない */
	-webkit-border-radius:0; /* Webkit */
	-moz-border-radius:0; /* Mozilla */
	border-radius:0; /* CSS3 */
}
img {
	max-width:100%;
	height:auto;
}
/* wrapper
============================== */
#wrapper {
	padding: 0;
	height: auto;
}
#wrapper::before,
#wrapper::after {
	display: none;
	}
#main {
	padding: 15px 10px;
}
#container_body,
footer address {
	width: 100%;
	border-radius: 0;
	overflow: hidden;
}
/* footer
============================== */
#foot_add_detail p {
	font-size: 1.25rem;
}
#foot_body .note_txt {
	font-size: 0.75rem;
}
#foot_body .note_txt span {
	display: block;
}
	
/* ==================================================
top
================================================== */
#top_sec_visual,
.news_insta,
#contents .cautionary_note {
	margin: 0 -10px 40px;
}

	/* top_sec
============================== */
.top_sec {
	margin:0 0 40px;
}
.top_sec_ttl {
	margin: 0 0 15px;
	padding-top: 10px;
	background-size: auto 23px !important;
}
.top_sec_ttl h2 {
	font-size: 1.25rem;
	}

/* visual
============================== */
/* school_navi
============================== */
.school_navi {
	gap: 0 10px;
}
.school_navi li {
	width: calc(33.333333% - 6px);
}

/* trial
============================== */
#top_sec_trial {
	padding-top: 95px;
}
#top_sec_trial::before {
	left: -10px;
	max-width: none;
	width: 90%;
	height: 80px;
	background-size: cover;
}

/* member
============================== */
#top_sec_member {
	padding-top: 95px;
}
#top_sec_member::before {
	right: -10px;
	max-width: none;
	width: 90%;
	height: 80px;
	background-size: cover;
}

/* ==================================================
free
================================================== */
#contents h2 {
	font-size:143%;
}
#contents h3 {
	font-size:130%;
}

#cate_ttl {
	margin: 0 -15px 30px;
	height: 0;
	padding-top: 21.43%;
}
#cate_ttl::before {
	height: 0;
	padding-top: 21.43%;
	background-size: 100% auto;
}
#cate_ttl::after {
	width: 50%;
	bottom: -15px;
	height: 23px;
	background-size: auto 23px;
}
#cate_ttl h1 {
	top: 42%;
	padding: 5px 10px 8px;
	font-size: 1.25rem;
	min-width: 50%;
}

#contents .school_price_cnt .price_list li span {
	display: block;
	margin: 0 auto 4px;
	min-width: auto;
	max-width: 4.5em;
}
/* table_scroll
============================== */
#contents .table_scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-x;
	margin: 0 0 5px;
}

#contents .table_scroll table {
	min-width: 500px;  /* 必要な横幅 */
	border-collapse: collapse;
	margin-bottom: 10px;
}

/* scroll_box_txt */
#contents .table_scroll + .scroll_box_txt {
	display: block;
	text-align: right;
	margin-bottom: 30px;
}


#contents .form_btn input {
	min-width: 120px;
}



}