@charset "utf-8";

#contents img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1194px) { /* iPad Pro */

}
@media screen and (max-width: 1024px) { /* タブレット横 */
	
	main article section .section_inner .departments li img {
		max-width: 100%;
		height: auto;
	}
	body.department #contents section dl dt a img {
		width: 100%;
		height: auto;
	}
	body.examinee #contents #anc01 ul {
		width: 100%;
	}
}
@media screen and (max-width: 896px) { /* iPhone XS MAX 横表示 */
	.sp{ display:inline-block !important; }
	.pc{ display:none !important; }
	
	/* header */
	header {
		padding-top: 20px;
	}
	header h1 {
		padding-left: 15px;
	}
	header .header_btn {
		width: 65px;
    	height: 65px;
		top: 20px;
    	right: 15px;
	}
	header .header_btn .menu__line {
		top: 20px;
		height: 3px;
	}
	header .header_btn .menu__line--center {
		top: 30px;
	}
	header .header_btn .menu__line--bottom {
		top: 40px;
	}
	header .header_btn .menu__line--top.active,
	header .header_btn .menu__line--bottom.active {
		top: 30px;
	}
	nav .nav_inner {
		padding: 80px 15px;
		box-sizing: border-box;
	}
	
	/* top */
	main article section .section_inner .link li {
		width: 32%;
	}
	main article section .section_inner .link li:nth-child(3n+1){
		clear: both;
	}
	
	/* news */
	main article section .information {
		padding: 10px;
	}
	main article section .information #news {
		display: flex;
    	flex-direction: column-reverse;
		align-items: flex-end;
		flex-wrap: nowrap;
	}
	main article section#news>dl {
		width: 100%;
	}
	main article section#news>ul {
		position: unset;
		width: 100%;
		margin: 10px 0;
	}
	main article section#news>a {
		position: unset;
	}
	
	/* page */
	#container #breadcrumb {
		padding: 0 15px;
    	box-sizing: border-box;
	}
	#container #contents,
	#container>aside {
		width: 100%;
		max-width: 100%;
		float: none;
		padding: 0 15px;
    	box-sizing: border-box;
	}
	.sidebar_open_campus {
		width: 256px;
		margin: auto;
	}
	
	body.examinee #contents #anc01 ul li{
		width: 100%;
		box-sizing: border-box;
	}
	body.examinee #contents #anc01 ul li img {
		display: block;
		margin: 0 auto;
	}
	body.examinee #contents #anc02 {
		background-size: 90%;
	}
	body.examinee #contents #anc02 .con-left {
		background: rgba(255,255,255,0.5);
    	padding: 0 20px;
		box-sizing: border-box;
	}
	body.examinee #contents #anc02 ul li div,
	body.examinee #contents #anc03 img,
	body.examinee #contents #anc03 div.con-right {
		float: none;
		width: 100%;
	}
	body.examinee #contents #anc02 ul li img {
		float: none;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	body.examinee #contents #anc02 ul li div {
		margin-bottom: 15px;
	}
	body.examinee #contents #anc02 .con-left p {
		padding: 0 0 30px;
	}
	body.examinee #contents #anc03 img {
		margin-bottom: 15px;
	}
	
	body.oc_form #contents section>div form table, body.oc_schooltour #contents section>div form table, body.request_form #contents section>div form table,
	body.oc_form #contents section>div form table td input[type='text'], body.oc_form #contents section>div form table td input[type='email'], body.oc_form #contents section>div form table td textarea, body.oc_schooltour #contents section>div form table td input[type='text'], body.oc_schooltour #contents section>div form table td input[type='email'], body.oc_schooltour #contents section>div form table td textarea, body.request_form #contents section>div form table td input[type='text'], body.request_form #contents section>div form table td input[type='email'], body.request_form #contents section>div form table td textarea {
		max-width: 100%;
		width: 100%;
    	box-sizing: border-box;
	}
	body.oc_form #contents section>div form table th, body.oc_schooltour #contents section>div form table th, body.request_form #contents section>div form table th,
	body.oc_form #contents section>div form table td, body.oc_schooltour #contents section>div form table td, body.request_form #contents section>div form table td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	body.oc_form #contents section p {
		float: none !important;
		width: 100% !important;
		display: block;
	}
	
	body.outline #contents section#department div ul {
		width: calc(100% - 320px);
	}
	body.history #contents #history table {
		max-width: 100%;
	}
	body.history #contents #corporation dl.left,
	body.history #contents #corporation dl.right {
		width: 100%;
		float: none;
	}
	body.history #contents #corporation dl dd {
		font-size: 100%;
	}
	
	body.clubcircle #contents section table {
		width: 100%;
	}
	
	body.scholarship #contents section div.scroll,
	body.examination #contents section div.scroll,
	.page section .kamoku .class_ex div.scroll,
	.parent-pageid-117 #contents section#children02 .dream_ex div.scroll {
		overflow-x: scroll;
	}
	.parent-pageid-117 #contents section#children02 .dream_ex div.scroll {
		background: none;
		border: none;
		padding: 0;
		margin: 0;
	}
	body.scholarship #contents section table,
	body.examination #contents section table,
	.page section .kamoku .class_ex table,
	.parent-pageid-117 #contents section#children02 .dream_ex div table {
		white-space: nowrap;
	}
	body.scholarship #contents section#schoolFee .detail {
		width: 100%;
	}
	
	body.department #contents section dl {
		width: 100%;
	}
	.health #contents section#health02 div.shikaku li,
	.health #contents section#health02 div.shikaku li:nth-child(3n+2) {
		width: 48%;
		margin: 0 1% 15px;
	}
	
	main article section .section_inner,
	footer .bg_gray .footer_inner,
	footer .bg_pink .footer_inner {
		padding-right: 15px;
		padding-left: 15px;
		box-sizing: border-box;
	}
	
}
@media only screen and (max-width: 640px){
	
	/* mainimg */
	main .mainimg .movie {
		height: 61.8vw;
	}
	
	/* top */
	main article section .section_inner .departments li,
	main article section .section_inner .banner li,
	main article section .section_inner .banner li:nth-child(2n+1) {
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 0 10px;
	}
	main.login article section .section_inner .departments li{
		width: 32%;
		float: left;
	}
	
	.parent-pageid-126 #contents section#future02 p.main_tit {
		font-size: 24px;
	}
	.parent-pageid-117 #contents section#children02 div.stepup .stepup_inner,
	.parent-pageid-103 #contents section#health02 div.stepup .stepup_inner,
	.parent-pageid-126 #contents section#future02 .interview .interview_txt,
	.parent-pageid-126 #contents section#future02 .shikaku .shikaku_txt,
	.parent-pageid-126 #contents section#future02 .skil .skil_txt,
	.parent-pageid-126 #contents section#future02 .comment .comment_txt,
	.parent-pageid-126 #contents section#future02 .course_detail .course_item,
	.parent-pageid-126 #contents section#future02 .interview .txt,
	.parent-pageid-117 #contents section#children02 .interview .interview_txt,
	.parent-pageid-117 #contents section#children02 .shikaku .shikaku_txt,
	.parent-pageid-117 #contents section#children02 .skil .skil_txt,
	.parent-pageid-117 #contents section#children02 .comment .comment_txt,
	.parent-pageid-117 #contents section#children02 .interview02 .interview02_left,
	.parent-pageid-103 #contents section#health02 .interview .interview_txt,
	.parent-pageid-103 #contents section#health02 .comment .comment_txt,
	.parent-pageid-103 #contents section#health02 .course_detail .course_item,
	.parent-pageid-103 #contents section#health02 .interview .txt,
	.parent-pageid-103 #contents section#health02 .license_img,
	.parent-pageid-103 #contents section#health02 .license_txt,
	.parent-pageid-103 #contents section#health02 .license_message .license_txt{
		width: 100%;
	}
	.parent-pageid-126 #contents section#future02 .shikaku .shikaku_img,
	.parent-pageid-126 #contents section#future02 .skil .skil_img,
	.parent-pageid-126 #contents section#future02 .interview .interview_img,
	.parent-pageid-126 #contents section#future02 .comment .comment_img,
	.parent-pageid-117 #contents section#children02 .shikaku .shikaku_img,
	.parent-pageid-117 #contents section#children02 .skil .skil_img,
	.parent-pageid-117 #contents section#children02 .interview .interview_img,
	.parent-pageid-117 #contents section#children02 .comment .comment_img,
	.parent-pageid-103 #contents section#health02 .shikaku .shikaku_img,
	.parent-pageid-103 #contents section#health02 .interview .interview_img,
	.parent-pageid-103 #contents section#health02 .comment .comment_img{
		width: 100%;
		text-align: center;
	}
	.parent-pageid-126 #contents section#future02 .interview .img,
	.parent-pageid-103 #contents section#health02 .interview .img,
	.parent-pageid-103 #contents section#health02 .license_message .shikaku_right_img{
		width: 100%;
		padding: 0;
	}
	.parent-pageid-126 #contents section#future02 .main_shikaku ul li,
	.parent-pageid-126 #contents section#future02 .develop ul li{
		width: calc((100% - 15px) / 2);
	}
	.parent-pageid-126 #contents section#future02 .shikaku > img {
		width: 135px;
		position: unset;
        margin-right: 0;
	}
	.parent-pageid-126 #contents section#future02 .manabi div,
	.parent-pageid-117 #contents section#children02 .manabi div,
	.parent-pageid-103 #contents section#health02 .manabi div{
		position: relative;
	}
	.parent-pageid-126 #contents section#future02 .manabi div .tit,
	.parent-pageid-117 #contents section#children02 .manabi div .tit,
	.parent-pageid-103 #contents section#health02 .manabi div .tit,
	.parent-pageid-126 #contents section#future02 .comment .comment_txt .tit,
	.parent-pageid-117 #contents section#children02 .comment .comment_txt .tit,
	.parent-pageid-103 #contents section#health02 .comment .comment_txt .tit,
	.parent-pageid-117 #contents section#children02 .develop .tit,
	.parent-pageid-126 #contents section#future02 .course_detail .tit,
	.parent-pageid-103 #contents section#health02 .course_detail .tit,
	.parent-pageid-103 #contents section#health02 .schedule .scholarship h4 {
		font-size: 20px;
	}
	.parent-pageid-103 #contents section#health02 .manabi div p{
		color: #f08300;
    	text-shadow: none;
	}
	.parent-pageid-126 #contents section#future02 .timetable,
	.parent-pageid-117 #contents section#children02 .timetable,
	.parent-pageid-103 #contents section#health02 .timetable{
		flex-wrap: wrap;
	}
	.parent-pageid-126 #contents section#future02 .timetable img,
	.parent-pageid-126 #contents section#future02 .timetable img + img,
	.parent-pageid-117 #contents section#children02 .timetable img,
	.parent-pageid-117 #contents section#children02 .timetable img + img,
	.parent-pageid-103 #contents section#health02 .timetable img,
	.parent-pageid-103 #contents section#health02 .timetable img + img{
		width: auto;
		margin: 0 auto 30px;
    	display: block;
	}
	
	
	
	
	
	
	.parent-pageid-126 #contents section#future02 h2 {
		font-size: 32px;
	}
	.parent-pageid-126 #contents section#future02 .new .tit {
		font-size: 20px;
	}
	.parent-pageid-126 #contents section#future02 .new ul {
		font-size: 16px;
	}
	.parent-pageid-126 #contents section#future02 div.schedule img,
	.parent-pageid-126 #contents section#future02 div.schedule img + img {
		max-width: 100%;
	}
	.parent-pageid-126 #contents section#future02 div.kamoku .other_class h4 {
		padding-right: 120px;
	}
	.parent-pageid-103 #contents section#health02 div.kamoku .other_class img {
		float: none;
	}
	.parent-pageid-117 #contents section#children02 div.shikaku .clip,
	.parent-pageid-103 #contents section#health02 div.shikaku .clip,
	.parent-pageid-126 #contents section#future02 div.shikaku .clip {
		width: 50%;
	}
	.parent-pageid-117 #contents section#children02 div.shikaku .clip_img,
	.parent-pageid-103 #contents section#health02 div.shikaku .clip_img,
	.parent-pageid-126 #contents section#future02 div.shikaku .clip_img {
		float: none;
		text-align: center;
    	padding-top: 30px;
	}
	.parent-pageid-117 #contents section#children02 div.shikaku .clip_txt,
	.parent-pageid-103 #contents section#health02 div.shikaku .clip_txt,
	.parent-pageid-126 #contents section#future02 div.shikaku .clip_txt {
		padding-top: 0;
		margin-bottom: 15px;
	}
	.parent-pageid-117 #contents section#children02 div.teachers .teachers_txt,
	.parent-pageid-117 #contents section#children02 div.teachers .teachers_info,
	.parent-pageid-117 #contents section#children02 div.class .class_img,
	.parent-pageid-117 #contents section#children02 div.class .class_txt,
	.parent-pageid-103 #contents section#health02 div.teachers .teachers_txt,
	.parent-pageid-103 #contents section#health02 div.teachers .teachers_info,
	.parent-pageid-103 #contents section#health02 div.class .class_img,
	.parent-pageid-103 #contents section#health02 div.class .class_txt,
	.parent-pageid-126 #contents section#future02 div.teachers .teachers_txt,
	.parent-pageid-126 #contents section#future02 div.teachers .teachers_info,
	.parent-pageid-126 #contents section#future02 div.class .class_img,
	.parent-pageid-126 #contents section#future02 div.class .class_txt {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.parent-pageid-117 #contents section#children02 div.interview h4,
	.parent-pageid-117 #contents section#children02 div.interview p,
	.parent-pageid-117 #contents section#children02 div.interview + div.interview h4,
	.parent-pageid-117 #contents section#children02 div.interview + div.interview p,
	.parent-pageid-103 #contents section#health02 div.interview h4,
	.parent-pageid-103 #contents section#health02 div.interview p,
	.parent-pageid-103 #contents section#health02 div.interview + div.interview h4,
	.parent-pageid-103 #contents section#health02 div.interview + div.interview p,
	.parent-pageid-126 #contents section#future02 div.interview h4,
	.parent-pageid-126 #contents section#future02 div.interview p,
	.parent-pageid-126 #contents section#future02 div.interview + div.interview h4,
	.parent-pageid-126 #contents section#future02 div.interview + div.interview p,
	.parent-pageid-126 #contents section#future02 div.interview.left h4,
	.parent-pageid-126 #contents section#future02 div.interview.left p,
	.parent-pageid-126 #contents section#future02 div.interview + div.interview.right h4,
	.parent-pageid-126 #contents section#future02 div.interview + div.interview.right p{
		margin-right: 0;
		margin-left: 0;
	}
	
	.page-id-13321 #container #contents .oc_tab {
		flex-wrap: wrap;
	}
	.page-id-13321 #container #contents .oc_tab li {
		width: 100%;
		height: auto;
		border-radius: 0;
		margin-bottom: 1px;
	}
	.page-id-13321 #container #contents .oc_tab li a {
		padding: 20px;
	}
	.page-id-13321 #container #contents .oc_tab li a br {
		display: none;
	}
	.page-id-13321 #container #contents .oc_department,
	.page-id-13321 #container #contents .oc_calender,
	.page-id-13321 #container #contents .oc_schedule,
	.page-id-13321 #container #contents .oc_voice,
	.page-id-13321 #container #contents .oc_future,
	.page-id-13321 #container #contents .oc_child,
	.page-id-13321 #container #contents .oc_health,
	.page-id-13321 #container #contents .oc_calender div,
	.page-id-13321 #container #contents .oc_schedule div,
	.page-id-13321 #container #contents .oc_future .example,
	.page-id-13321 #container #contents .oc_child .example,
	.page-id-13321 #container #contents .oc_health .example{
		padding: 20px 15px;
	}
	.page-id-13321 #container #contents .oc_voice .oc_voice_box_inner {
		width: 98%;
		padding: 20px 15px;
	}
	.page-id-13321 #container #contents .oc_reserve a {
		font-size: 28px;
	}
	
/* oc2024 */
	.page-id-23 #container #contents .oc_tab {
		flex-wrap: wrap;
	}
	.page-id-23 #container #contents .oc_tab li {
		width: 100%;
		height: auto;
		border-radius: 0;
		margin-bottom: 1px;
	}
	.page-id-23 #container #contents .oc_tab li a {
		padding: 20px;
	}
	.page-id-23 #container #contents .oc_tab li a br {
		display: none;
	}
	.page-id-23 #container #contents .oc_department,
	.page-id-23 #container #contents .oc_calender,
	.page-id-23 #container #contents .oc_schedule,
	.page-id-23 #container #contents .oc_voice,
	.page-id-23 #container #contents .oc_future,
	.page-id-23 #container #contents .oc_child,
	.page-id-23 #container #contents .oc_health,
	.page-id-23 #container #contents .oc_calender div,
	.page-id-23 #container #contents .oc_schedule div,
	.page-id-23 #container #contents .oc_future .example,
	.page-id-23 #container #contents .oc_child .example,
	.page-id-23 #container #contents .oc_health .example{
		padding: 20px 15px;
	}
	.page-id-23 #container #contents .oc_voice .oc_voice_box_inner {
		width: 98%;
		padding: 20px 15px;
	}
	.page-id-23 #container #contents .oc_reserve a {
		font-size: 28px;
	}
	
	.oc_entry #container #contents section .entry_btn li a,
	.request #container #contents section .entry_btn li a {
		font-size: 18px;
	}

	body.department #contents section .department_list .department_list_txt ul li {
		width: calc(50% - 10px);
	}
	body.department #contents section .department_list .department_list_img {
		width: 40%;
	}
	body.department #contents section .department_list .department_list_txt {
		width: calc(60% - 20px);
	}

	
	@media screen and (max-width: 480px) {
	main article section .section_inner .departments li {
		width: 100% !important;
		float: none !important;
	}
		main article section .section_inner .departments li:nth-child(2) {
			margin: 0 0 10px;
		}
		
		
		
	}
	main article section .section_inner .banner li .metaslider {
		max-width: 535px;
		margin: auto;
	}
	main article section .information {
	}
	main article section#news>ul li {
		width: calc((100% - 15px) / 3);
	}
	main article section#news>ul li a {
		width: 100%;
	}
	body.single-news #contents article h2 {
		font-size: 18px;
	}
	main article section#news>dl dd ul li,
	main article section .section_inner .link li,
	body #contents #news_02>ul li,
	body.career #contents #news_02>ul li,
	body.examination #contents dl dd ul.admissions_list li {
		width: 48%;
	}
	main article section#news>dl dd ul li:nth-child(3n+1),
	main article section .section_inner .link li:nth-child(3n+1),
	body #contents #news_02>ul li:nth-child(3n+1),
	body.examination #contents dl dd ul.admissions_list li:nth-child(3n+1) {
		clear: right;
	}
	main article section#news>dl dd ul li:nth-child(2n+1),
	main article section .section_inner .link li:nth-child(2n+1),
	body #contents #news_02>ul li:nth-child(2n+1),
	body.examination #contents dl dd ul.admissions_list li:nth-child(2n+1) {
		clear: both;
	}
	.nsunews-box .nsunews-box-post {
		width: 48% !important;
	}
	.nsunews-box .nsunews-box-post:nth-child(3n+1) {
		clear: right !important;
	}
	.nsunews-box .nsunews-box-post:nth-child(2n+1) {
		clear: both;
	}
	
	/* page */
	#container #contents section .for_link ul li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	body.examinee #contents #anc02 {
		background: none;
	}
	body.examinee #contents #anc02 .con-left {
		width: 100%;
	}
	body.examinee #contents #anc02 ul li {
		width: 100%;
		padding-right: 0;
		float: none;
	}
	body.examinee #contents .con01 ul li {
		width: 33%;
	}
	
	body.oc #contents .oc_date div {
		font-size: 18px;
	}
	body.oc #contents .point06 ul li {
		width: 49%;
	}
	body.oc #contents ul li {
		width: 100%;
    	height: auto;
		float: none;
		background: linear-gradient(180deg, #fff 140px, #ee8593 140px, #ee8593);
		box-sizing: border-box;
	}
	body.oc #contents ul li img {
		left: 0;
    	right: 0;
    	margin: auto;
	}
	
	body.application #contents section#application div,
	body.application #contents section#certificate div{
		overflow-x: scroll;
	}
	body.application #contents section table {
		max-width: inherit;
	}
	body.application #contents section#graduate dl {
		max-width: 100%;
		box-sizing: border-box;
	}
	
	body.counseling #contents section>div>img {
		float: none;
		margin: auto;
    	display: block;
    	margin-bottom: 20px;
	}
	
	body.gakusei #contents section#kyoumu>div>table, body.kyoumu #contents section#kyoumu>div>table, body.soumu #contents section#kyoumu>div>table,
	body.gakusei #contents section#kyoumu dl dd table, body.kyoumu #contents section#kyoumu dl dd table, body.soumu #contents section#kyoumu dl dd table {
		max-width: inherit;
		width: inherit;
	}

	body.outline #contents section#department div ul {
		width:100%;
		float: none;
	}
	body.outline #contents section>div img {
		float: none;
		display: block;
		margin: 0 auto 30px;
	}
	
	body.map #contents section table {
		border-spacing: 10px 0;
	}
	body.map #contents section table td {
		display: block;
		width: 100%;
	}
	
	body.teacher #contents section dl {
		width: 100%;
		float: none;
	}
	body.teacher #contents section figure {
		width: 100%;
		float: none;
		text-align: center;
	}
 	body.teacher #contents section figure img,
	body.rearing #contents #intro figure img {
		max-width: 240px;
		height: auto;
		margin: auto;
	}
	body.tax-teacher-category #contents section>table tbody td dl,
	body.single-teacher #contents section>table tbody td dl,
	body.rearing #contents #intro dl,
	body.rearing #contents #intro figure {
		width: 100%;
		float: none;
	}
	body.kouenkai #contents section table {
		width: 100%;
	}
	body.kouenkai #contents section>div>ul li {
		width: 100%;
	}
	
	body.point #contents section img.image {
		float: none;
		display: block;
		margin: 0 auto 15px;
	}
	body.qualification #contents section>div>img,
	body.qualification #contents section>div>.img {
		width: 100%;
		float: none;
		display: block;
		margin: 0 auto 15px;
	}
	body.qualification #contents section>div>.message {
		float: none;
		width: 100%;
	}
	
	body.qualification #container #contents section.qualification {
	}
	body.qualification #container #contents section.qualification .qualification_department {
		margin: 15px;
	}
	body.qualification #container #contents section.qualification .qualification_tit p,
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box,
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_qa,
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_qa dl dt,
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_qa dl dd{
		width: 100%;
		box-sizing: border-box;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box {
		padding: 15px;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_name p {
		text-align: left;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_img {
		gap: 0;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_qa dl dt{
		margin: 0 15px 15px;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_qa dl dd{
		margin: 0 15px 15px;
		padding-left: 0;
		background: none;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_qa dl dd:before {
		left:0;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_img p {
		width: 100%;
	}
	body.qualification #container #contents section.qualification .qualification_department .qualification_department_box .qualification_department_img img {
		margin: auto;
	}
	
	
	
	body.clubcircle #contents section .circle-story img {
		float: none;
		display: block;
		margin: auto;
	}
	
	.page section#future02 div h3 {
		font-size: 110% !important;
	}
	.future #contents section#future02 ul.field li,
	.health #contents section#health02 ul.field li{
		width: 48%;
		margin-right: 1%;
	}
	.future #contents section#future02 div.shikaku li,
	.future #contents section#future02 div.shikaku li:nth-child(3n+2) {
		width: 48%;
		margin: 0 1% 15px;
	}
	.health #contents section#health02 div.shikaku li,
	.health #contents section#health02 div.shikaku li:nth-child(3n+2) {
		width: 98%;
		margin: 0 1% 15px;
	}
	.page section#future02 div img,
	.page section#children02 div img,
	.page section#health02 div img{
		float: none !important;
		display: block;
		margin: 0 auto 25px;
	}
	.parent-pageid-103 #contents section#health02 .aproach div .img {
		float: none;
    	text-align: center;
	}
	.page section#health02 .real_talk .teachers img,
	.page section#health02 .real_talk .student img,
	.children #contents section#children02 img {
		display: block;
		float: none !important;
		margin : 0 auto 15px;
	}
	
	.page section#future02 .kamoku .class_ex ul li,
	.page section#future02 div.kamoku ul li,
	.page section#children02 div.kamoku ul li{
		width: 48%;
		margin-right: 2% !important;
	}
	.page section#future02 .kamoku .class_ex ul li:nth-child(3n+2),
	.page section#children02 div.kamoku ul li:nth-child(3n+2) {
		margin: 0 2% 0 0 !important;
	}
	.page section#future02 div.kamoku ul li:nth-child(3n+2),
	.parent-pageid-117 #contents section#children02 .kamoku ul.jissyu li,
	.parent-pageid-117 #contents section#children02 .kamoku ul.jissyu li:nth-child(3n+2) {
		margin-left:0 !important;
		margin-right:2% !important;
		margin-bottom: 15px !important;
	}
	
	/* footer */
	footer .bg_gray .footer_inner .footer_menu {
		width: 100%;
		float: none;
		margin: 0 15px;
	}
	footer .bg_pink .footer_inner {
		padding: 15px;
    	box-sizing: border-box;
	}
	
	.parent-pageid-75 div.department_point dl,
	.parent-pageid-75 div.department_point dl:nth-of-type(2),
	.parent-pageid-75 div.department_point dl:nth-of-type(3){
		background-position: top center;
		padding: 120px 20px 30px;
	}
	.parent-pageid-75 section#health02 div.department_point dl,
	.parent-pageid-75 section#health02 div.department_point dl:nth-of-type(2),
	.parent-pageid-75 section#health02 div.department_point dl:nth-of-type(3){
		background-position: top center;
		padding-top: 100px;
	}
	.parent-pageid-75 div.department_link ul li {
		width: calc((100% - 15px) / 2);
	}
	.page section#future02 div img, .page section#children02 div img, .page section#health02 div img {
		margin: 0 auto;
	}
	.parent-pageid-75 div.department_link ul li a p {
		padding: 0 10px;
		text-align: left;
	}
	.future #contents section#future02 .cafeteria ul li {
		width: 98%;
    	float: none;
	}
	.future #contents section#cafeteria p.center {
		padding: 0 20px;
	}
	
	.parent-pageid-126 section#future02 .mainimg h3, .parent-pageid-126 section#health02 .mainimg h3,
	.parent-pageid-103 section#health02 .mainimg h3{
		position: unset;
    	border-radius: 0;
	}
	.parent-pageid-126 #contents section#future02 div.shikaku02 div {
		width: 100%;
		margin-bottom: 20px;
	}
	.parent-pageid-126 #contents section div.shikaku_voice,
	.parent-pageid-126 #contents section div.skill,
	.parent-pageid-126 #contents section div.student_interview,
	.parent-pageid-126 #contents section div.teacher_interview,
	.parent-pageid-103 #contents section div.skill,
	.parent-pageid-103 #contents section div.student_interview,
	.parent-pageid-103 #contents section div.teacher_interview{
		flex-wrap: wrap;
	}
	.parent-pageid-126 #contents section div.shikaku_voice .shikaku_voice_L,
	.parent-pageid-126 #contents section div.shikaku_voice .shikaku_voice_R,
	.parent-pageid-126 #contents section div.skill .skill_L,
	.parent-pageid-126 #contents section div.skill .skill_R,
	.parent-pageid-126 #contents section div.student_interview .student_interview_L,
	.parent-pageid-126 #contents section div.student_interview .student_interview_R,
	.parent-pageid-126 #contents section div.teacher_interview .teacher_interview_L,
	.parent-pageid-126 #contents section div.teacher_interview .teacher_interview_R,
	.parent-pageid-103 #contents section div.skill .skill_L,
	.parent-pageid-103 #contents section div.skill .skill_R,
	.parent-pageid-103 #contents section div.student_interview .student_interview_L,
	.parent-pageid-103 #contents section div.student_interview .student_interview_R,
	.parent-pageid-103 #contents section div.teacher_interview .teacher_interview_L,
	.parent-pageid-103 #contents section div.teacher_interview .teacher_interview_R{
		width: 100%;
	}
	
	.children #contents section#children02 ul.field li,
	.children #contents section#children02 .curriculum ul li,
	.children #contents section#children02 .curriculum .hoiku dl,
	.parent-pageid-117 #contents section#children02 div.stepup .stepup_inner:nth-child(2),
	.parent-pageid-117 #contents section#children02 div.stepup .stepup_inner:nth-child(3){
		width: 100%;
	}
	
	.parent-pageid-75 section#health02 div.department_link ul li{
		width:100%;
	}
	.parent-pageid-103 #contents section div.schedule img,
	.parent-pageid-103 #contents section div.schedule img + img{
		max-width: 100%;
	}
	
	.parent-pageid-126 #contents section#future02 .main_course ul li{
		width: calc((100% - 15px) / 2);
	}
	.parent-pageid-126 #contents section#future02 .main_shikaku ul li,
	.parent-pageid-126 #contents section#future02 .develop ul li,
	.parent-pageid-103 #contents section#health02 .main_course ul li,
	.parent-pageid-103 #contents section#health02 .main_shikaku ul li,
	.parent-pageid-103 #contents section#health02 .develop ul li,
	.parent-pageid-103 #contents section#health02 .schedule .scholarship ul li,
	.parent-pageid-117 #contents section#children02 .main_course ul li,
	.parent-pageid-117 #contents section#children02 .main_shikaku ul li,
	.parent-pageid-117 #contents section#children02 .develop ul li,
	.parent-pageid-117 #contents section#children02 .step .step_inner div ul li,
	.future #contents section#future.course .course_inner > ul li,
	.future #contents section#future.course .course_inner .course_point ul li,
	.parent-pageid-117 #contents section#children02 .interview02 .interview02_item {
		width: 100%;
	}
	.parent-pageid-126 #contents section#future02 .shikaku .flag,
	.parent-pageid-126 #contents section#future02 .skil .flag,
	.parent-pageid-103 #contents section#health02 .shikaku .flag,
	.parent-pageid-103 #contents section#health02 .skil .flag,
	.parent-pageid-117 #contents section#children02 .shikaku .flag,
	.parent-pageid-117 #contents section#children02 .skil .flag{
		width: calc(100% - 25px);
		text-align: right;
	}
	.parent-pageid-126 #contents section#future02 .shikaku .flag img,
	.parent-pageid-126 #contents section#future02 .skil .flag img,
	.parent-pageid-103 #contents section#health02 .shikaku .flag img,
	.parent-pageid-103 #contents section#health02 .skil .flag img,
	.parent-pageid-117 #contents section#children02 .shikaku .flag img{
		max-width: 24%;
		display: inline-block;
	}
	
}
@media screen and (max-width: 480px) {
	/* header */
	header h1 {
		font-size: 26px;
		letter-spacing: 2px;
	}
	nav .nav_inner .nav01 ul li {
		width: 100%;
		float: none;
	}
	nav .nav_inner .nav01 ul li:nth-child(2n+1) {
    	margin-right: 0;
	}
	nav .nav_inner .inner ul li {
		width: 48%;
	}
	nav .nav_inner .inner ul li:nth-child(3n+1) {
		clear: right;
	}
	nav .nav_inner .inner ul li:nth-child(2n+1) {
		clear: none;
	}
	
	/* top */
	main article section#news>dl dd ul li,
	main article section .section_inner .link li,
	body #contents #news_02>ul li,
	body.career #contents #news_02>ul li,
	body.examination #contents dl dd ul.admissions_list li,
	footer .bg_pink .footer_inner .left_address,
	footer .bg_pink .footer_inner .right_banner,
	.nsunews-box .nsunews-box-post{
		width: 98% !important;
		float: none !important;
	}
	main article section#news>dl dd ul li:nth-child(2n+1),
	main article section .section_inner .link li:nth-child(2n+1),
	body #contents #news_02>ul li:nth-child(2n+1),
	body.career #contents #news_02>ul li:nth-child(2n+1),
	body.examination #contents dl dd ul.admissions_list li:nth-child(2n+1),
	.nsunews-box .nsunews-box-post:nth-child(2n+1){
		clear: none;
	}
	
	/* page */
	body.examinee #contents .con01 ul li {
		width: 100%;
		margin-bottom: 15px;
	}
	
	body.oc #contents .oc_date {
		padding: 30px 20px;
	}
	body.oc #contents .oc_date div {
		padding: 20px;
		font-size: 16px;
	}
	body.oc #contents .oc_date div .oc_time,
	body.oc #contents .oc_message p.sign {
		font-size: 16px;
	}
	body.oc #contents .oc_02 {
		padding-bottom: 320px;
    	background-size: cover;
	}
	body.oc #contents .point06 h2 {
		overflow: hidden;
	}
	body.oc #contents .point06 h2 img.center {
		position: relative;
    	width: 800px;
    	max-width: 800px;
    	height: 169px;
    	left: -220px;
    	right: 0;
    	margin: auto;
	}
	body.oc #contents .point06 ul li,
	body.oc #contents .department ul li{
		width: 100%;
		float: none;
	}
	body.oc #contents .lineup {
		margin: 20px 0 30px;
	}
	body.oc #contents .lineup table tr td,
	body.oc #contents .lineup table td:first-child{
		display: block;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	
	body.single-teacher #contents h2, body.tax-teacher-category #container #contents h2, .page section h2 {
		font-size: 18px;
	}
	
	.voice section div .movie,
	.voice section div .movie:nth-of-type(2n+1) {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	.career-guide table.data th,
	.career-guide table.data td {
		display: block;
		width: 100%;
	}
	.career-guide table.data th {
		background: #efefef;
	}
	body.gakusei #contents section#kyoumu>div>ul li, body.kyoumu #contents section#kyoumu>div>ul li, body.soumu #contents section#kyoumu>div>ul li {
		display: block;
	}
	body.gakusei #contents section#kyoumu>div>ul li a, body.kyoumu #contents section#kyoumu>div>ul li a, body.soumu #contents section#kyoumu>div>ul li a {
		width: 100%;
		box-sizing: border-box;
	}
	body.gakusei #contents section#kyoumu>div>ul li a:before, body.kyoumu #contents section#kyoumu>div>ul li a:before, body.soumu #contents section#kyoumu>div>ul li a:before {
		left: 10px;
	}
	
	body.teacher #contents ul li {
		width: 100%;
		float: none;
		text-align: center;
    	margin: 0 0 10px;
	}
	
	body.qualification #container #contents section>div + div .message_list li {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	body.clubcircle #contents section table {
		border-spacing: 10px 0;
	}
	body.clubcircle #contents section table td {
		width: 100%;
		display: block;
		font-size: 100%;
		overflow: hidden;
	}
	
	body.scholarship .hoiku dl {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	
	.children #contents section#children02 .real_talk .hoiku dl,
	.health #contents section#health02 .real_talk .hoiku dl {
		width: 100%;
		float: none;
	}
	
	.page section .certification dl dt {
		width: 100% !important;
		float: none !important;
	}
	.page section .certification dl dd {
		padding-left: 20px !important;
	}
	.page section .dream_ex div p.dream01, 
	.page section .dream_ex div p.dream02,
	.page section .dream_ex div p.plus {
		width: 100% !important;
		float: none !important;
	}
	
	.page section div.kamoku ul li {
		width: 100% !important;
		float: none !important;
	}
	
	.oc_entry #container #contents section .entry_btn li a,
	.request #container #contents section .entry_btn li a {
		font-size: 12px;
		padding: 20px 5px;
	}
	
	.future #contents section#cafeteria ul li {
		width: 100%;
	}
	.future #contents section#future.course .course_inner .course_point ul li p,
	.children #contents section#child.course .course_inner .course_point ul li p,
	.health #contents section#health.course .course_inner .course_point ul li p{
		padding-left:0;
	}
	.future #contents section#future.course .course_inner .course_point ul li p.tit,
	.children #contents section#child.course .course_inner .course_point ul li p.tit,
	.health #contents section#health.course .course_inner .course_point ul li p.tit{
		width: 100%;
		font-size: 20px;
		margin: 10px 0;
	}
	.health #contents section#health.course .charenge_inner .charenge .size24,
	.children #contents section#child.course .course_inner .course_charm > p {
		font-size: 20px;
	}
	.health #contents section#health.course .course_inner .course_point ul li ul li {
		width: 100%;
	}
	.children #contents section#child.course .course_inner .course_charm ul li {
		width: calc(50% - 10px);
	}
	.children #contents section#child.course .course_inner .course_charm .course_charm p {
		font-size: 18px;
	}
	.children #contents section#child.course .course_inner .course_charm .course_charm .example .example_item {
		width: 100%;
	}
	
	.oc_entry #container #contents section .entry_btn {
		margin: 0 0 20px;
	}
	.oc_entry #container #contents section .entry_btn li {
        width: 98%;
    }
	.oc_entry #container #contents section .entry_btn li:nth-child(2) a {
		font-size: 14px !important;
        padding: 20px 10px;
	}
	
	/* footer */
	footer .bg_pink .footer_inner .right_banner {
		text-align: center;
		margin-top: 30px;
	}
	
	
}