@charset "utf-8";

@media (max-width: 1079px) and (min-width: 768px) {
	div#container,
	div#header,
	div#headerInner,
	#nav ul,
	div#contentsInner,
	#contents.department .wrapper,
	div#footerInner,
	#contents.department #closeup,
	#contents.support .wrapper,
	div#footerInner2{
		min-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
	div#footerInner2Outer{
		padding: 0 20px;
		box-sizing: border-box;
	}
	div.topBoxOuterAll{
		width: 100%;
		padding: 0 40px;
		box-sizing: border-box;
	}
	#instagram{
		padding: 0 40px;
	}
	#contents.support .wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
	}
	div#contentsInner {
		width: 90%;
	}
	div#pan .panInner{
		width: 100%;
		margin: 0 20px;
	}
	.pageTitle{
		margin: 20px;
	}
}
@media only screen and (max-width:767px){
	body { -webkit-text-size-adjust: 100%; font-size: 90%; margin:0 auto; }
	img { max-width: 100%; -ms-interpolation-mode: bicubic; }

	.only-pc{
		display: none;
	}
	.only-sp{
		display: block;
	}
	div#header{
		position: fixed;
		padding-top: 0;
		height: 62px;
		width: 100%;
		z-index: 99;
		top: 0;
		background: white;
		min-width: 100%;
	}
	div#header .logo a{
		line-height: 1.2rem;
		font-size: 1.2rem;
	}
	div#header .headerLeft{
		box-sizing: border-box;
		padding-left: 1rem;
	}
	div#pan .panInner,
	div#headerInner,
	div#headerInner2{
		width: 100%;
	}
	div#header .headerRight,
	#nav,
	#nav2{
		display: none;
	}
	div#topicatch,
	#contents{
		margin-top: 62px;
		top: 0;
	}
	div#header .logo{
		margin: 0;
	}
	.title{
		font-size: 1.6rem;
	}
	

	/*  sp-menu
	---------------------------------------------------------------------------*/
	#header .menu-sp-btn {
		display: none;
		position: fixed;
		z-index: 9999;
		top: 20px;
		right: 20px;
		width: 25px;
		height: 20px;
	}
	#header .menu-sp-btn span {
		display: block;
		height: 3px;
		border-radius: 3px;
		width: 100%;
		margin-bottom: 6px;
		transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s, opacity 0.1s ease-in-out 0.1s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
		-webkit-transform: translateZ(0);
						transform: translateZ(0);
	}
	#header .menu-sp-btn span:last-child {
		margin-bottom: 0;
	}
	#header .menu-sp-btn.is-clicked span:first-child {
		-webkit-transform: translateY(9px) rotateZ(-135deg);
				-ms-transform: translateY(9px) rotate(-135deg);
						transform: translateY(9px) rotateZ(-135deg);
	}
	#header .menu-sp-btn.is-clicked span:nth-child(2) {
		opacity: 0;
	}
	#header .menu-sp-btn.is-clicked span:last-child {
		-webkit-transform: translateY(-9px) rotateZ(135deg);
				-ms-transform: translateY(-9px) rotate(135deg);
						transform: translateY(-9px) rotateZ(135deg);
	}

	#header .menu-sp-btn {
		display: block;
	}
	#header .menu-sp-btn span {
		background-color: #61C1BE;
	}

	nav.sp-menu{
		position: absolute;
		width: 100%;
		top: 60px;
		left: 100%;
		z-index: 1;
		padding: 0;
		background-color: #00326F;
		-webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 15%);
		box-shadow: 0 5px 5px rgb(0 0 0 / 15%);
		-webkit-backface-visibility: hidden;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		background-color: white;
	}
	nav.sp-menu.is-displayed {
		left: 0;
		-webkit-backface-visibility: hidden;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		padding: 0 10px;
		box-sizing: border-box;
	}
	nav.sp-menu ul li{
		text-align: center;
		box-sizing: border-box;
	}
	nav.sp-menu ul li a{
		display: block;
		font-size: 1rem;
		color: black;
		padding: 5px 0;
		box-sizing: border-box;
		font-weight: bold;
	}
	nav .opencampus {
		margin-top: 10px;
	}
	nav .opencampus a{
		color: white;
		background: #61C1BE;
		width: 100%;
		display: block;
		margin: 0 auto;
		padding: 5px;
		border-radius: 5px;
		margin: 0 0 10px;
		box-sizing: border-box;
		font-weight: bold;
	}
	nav .contact ul,
	nav .social ul{
		width: 100%;
		padding-bottom: 20px;
	}
	nav .social ul li a{
		font-size: 0.9rem;
	}
	nav .contact ul li{
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	nav .contact ul li:nth-child(even){
		margin-right: 0;
	}
	nav .contact ul li a{
		display: block;
		border-radius: 5px;
		background: #61C1BE;
		color: white;
		font-size:0.9rem;
	}

	#contents.support #icatch .title h2{
		font-size: 1.4rem;
		width: 100%;
		padding: 0 0 15px 0;
	}
	#contents.support #icatch .title,
	#contents.department #icatch .title{
		font-size: 0.8rem;
		padding: 0 50px;
	}
	
	
	/*  TOPページ
	---------------------------------------------------------------------------*/
	.top-subjects-container ul {
		flex-direction: column;
	}
	.top-subjects-container ul li{
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
		margin-bottom: 20px;
		flex-grow: 1;
	}
	#top-banners-container ul li{
		width: 48%;
		margin-right: 4%;
	}
	#top-banners-container ul li:nth-child(even){
		margin-right: 0;
		margin-bottom: 4%;
	}
	#news-box-wrap .news-box li a{
		padding-left: 0;
	}
	#news-box-wrap .news-box li a span.date{
		display: block;
		margin-right: 0;
		font-size: 80%;
	}
	.top-subjects-container ul li a{
		display: flex;
		align-items: center;
		padding: 5px;
		margin-bottom: 5px;
	}
	.top-subjects-container ul li a div:nth-child(1){
		width: 100px;
	}
	.top-subjects-container ul li a div:nth-child(2){
		flex-grow: 1;
	}
	.top-subjects-container ul li img{
		height: 100%;
		margin-bottom: 0;
		vertical-align: bottom;
	}
	.top-subjects-container,
	#top-banners-container,
	#top-news-container{
		padding: 20px;
	}
	#instagram{
		padding: 0 20px;
	}
	#news-box-wrap .news-title{
		padding-left: 5px;
	}
	#news-box-wrap .news-title a{
		margin-right: 5px;
		font-size: 0.8rem;
	}


	#contents.department.english #icatch .title h2{
		padding: 0;
	}
	

	/* 非表示要素 */
	.pageList{
		clear:both;
		margin-top: 5rem;
	}
	.pageList p{ 
		padding: 0.5rem 0;
		font-size: 92%;
		font-weight: bold;
	}
	.pageList ul{
		border-top: 1px dotted #ccc;
	}
	.pageList ul li{
		padding: 0.5rem 0;
		border-bottom: 1px dotted #ccc;
		font-size: 92%;
	}
	.pageList ul li a{
		display: block;
	}
	div#sideMenu{
		width: 100%;
	}
	div#contentsInner.menu-reverse div#sideMenu{
		margin-bottom: 40px;
	}
	div#sideCourseList ul li{
		width: 41%;
		margin: 5px 2%;
	}
	div#sideCourseList ul li:nth-child(2n){
		margin-right: 0;
	}
		

	/* ヘッダ */
	.sp_header { width: 100%; height: auto; }
	.headerLeft { text-align: left; width:60%; height: 60px; padding:3px; }
	.logo a img { height: 39px; width:auto; }
	.headBtn { display:inline-block; width:30%; padding:4px 1.6%; }
	.headBtn img { width:100%;  }
	.japanesecrs { display:block; margin:30px 0 0 !important; text-align:center; }
	.japanesecrs img { width:80%; }

	/* フッター */

	div#footer {
	    margin: 0;
	    padding-top: 20px;
	}
	div#footerInner {
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
		flex-direction: column;
	}
	div#footerInner .list-contents, 
	div#footerInner .list-course, 
	div#footerInner .list-international, 
	div#footerInner .list-network{
		padding: 0;
		margin-bottom: 20px;
	}
	div#footerInner .list-contents ul li{
		float: left;
		width: 50%;
	}
	div#footer ul.footerLinkR{
		width: -webkit-fill-available;
		margin-left: 0;
	}
	div#footerInner2Outer{
		padding-top: 20px;
	}
	div#footer ul.footerLinkR2{
		width: -webkit-fill-available;
	}
	div.topBoxOuterAll{
		width: 100%;
	}

	div#footerInner2 { 
		width: 100%;
		text-align: center; 
		display: flex;
		flex-direction: column;
	}
	div#footerInner3 { width: 100%; }
	div#footerInner2 .footerLogo { 
	    width:60%;
	    padding: 0 0 0 0em; margin: 0 auto;
	    float: none; text-align: center;
	}
	div#footerInner2 .footerAddress {
		width: 100%;
		padding: 0 0 0 0em;
		float: none; text-align: center;
		font-size: 80%;
		line-height: 18px;
	}
	div#footer .copy { text-align: center; }

	/* フッターのパンくず */
	#pan_footer {display:none;}
	#pan_footer { margin: 20px 0; }
	#pan_footer a {
	    display: inline-block;
	    width: 99%;
	    padding: 7px 0;
	    font-size: 120%; font-weight: bold;
	    border: 1px solid #FFF; background-color: #EEE;
	}

	/* コンテンツ要素 */
	div#container {
	    clear: both;
	    width:100%; min-width: 100%;
	    background-color: #ff;
	}
	div#contentsInner { 
		width: 90%;
	}

	div#contentsInner.menu-reverse { 
		display: flex;
		flex-direction: column-reverse;
	}
	
	div#contR { width: 100%; background-color:#FFF; }
	div.course { width: 100%; }
	div#footer ul.footerLinkL{ width: -webkit-fill-available; }

	/* 学科紹介ページ */
	.pageTitle { font-size: 180%; margin-top: 1rem; }
	.pageTitle span { font-size: 66%; line-height: 100%; }
	.course .point p { font-size: 90%; }
	.course .point p.title { font-size: 116%; }
	.course .career p { font-size: 90%; }
	.course .career p.title { font-size: 116%; }
	.course .title { font-size: 116%; }
	.course .message div.msgLeft img { max-width: 90%; }

	/* 学科紹介ページ 要素のフチどり */
	.course .point, .course .career, .course .message, .course .pickup, .course .voice, .course .qualification, .course .timeschedule, .course .curriculum {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 20px; margin: 20px 0;
	}
	.course > img:first-child { /* 見出し画像のみ */
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 2%; margin: 20px 0;
	    max-width: 96%;
	    float: none;
	    width: 100%;
	}

	/* table要素のdiv置き換え */
	.course .pickup .photolist { width: 100%; }
	.course .pickup .photolist div { width: 100%; margin:10px 0; }
	.course .pickup .photolist p { width: 100%; font-size: 120%; }
	.course .pickup .photolist span{ font-size: 100%; }
	.course .pickup .photolist img{ width: 100%; }

	/* 先輩たちの声 */
	.course .voice div img { width:100%; max-width:30% !important; }

	/* 学科紹介インデックスページ */
	.course-box{
	    background-color: #FFF;
	    width: 94%;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 3%; margin: 20px 0 !important;
	}
	.course-box a{ background-color: #FFF; }
	.course-box img{ width: 100%; max-height:100%; }
	.course-box p{ width: 100%; }
	.course-box .course-name{ font-size: 120%; }
	.course-info p { font-size: 100%; }
	#contR .pageTitle { font-size: 130%; } /* 見出し */
	#contR .course h3 { font-size: 120%; }
	#contR .course h4 { font-size: 110%; }

	.course .qualification ul { width:100%; padding: 0 0 10px;}
	.course .qualification ul li { 
	    width:100%;
	    padding: 4px 0;
	    font-size:100%;
	}
	.course .timeschedule table { width:100%; word-break:break-all; }
	.course .timeschedule table th { padding: 0; text-align:center; width:auto !important; }
	.course .timeschedule table td { padding: 0; width:auto !important; }



	/* 学科紹介サイドメニュー 消す */
	/*div#gakkaCoverBox a{ color:#000; text-decoration: none; width:auto !important; background-color: transparent; font-size: 90%;}
	div#gakkaCoverBox a:hover{ text-decoration: none; }
	div#gakkaCoverBox .gakkaIndBox { text-align: left; }
	div#gakkaCoverBox .gakkaTitleFirst { margin:0; padding:0; line-height: 0; margin-bottom: 10px; float:left; width:100%;}
	div#gakkaCoverBox .gakkaTitle { margin:0; padding:0; line-height: 0; margin: 0px 0; float:left; width:100%;}
	div#gakkaCoverBox ul.gakkaCoursesEnglish li.course { margin:1px 0; padding: 5px 20px 5px 24px; background:url(/images/common/dot_english_triple.png) 9px 9px no-repeat; }
	div#gakkaCoverBox ul.gakkaCoursesEnglish li { margin:1px 0; padding: 5px 20px 5px 24px; background:url(/images/common/dot_english.png) 12px 12px no-repeat; }
	div#gakkaCoverBox ul.gakkaCoursesEnglish li:hover { border-radius: 6px; background-color: #FF9999; }
	div#gakkaCoverBox ul.gakkaCoursesTravel li { margin:1px 0; padding: 5px 20px 5px 24px; background:url(/images/common/dot_travel.png) 12px 12px no-repeat; }
	div#gakkaCoverBox ul.gakkaCoursesTravel li:hover { border-radius: 6px; background-color: #C0DEEA; }
	div#gakkaCoverBox ul.gakkaCoursesAirline li { margin:1px 0; padding: 5px 20px 5px 24px; background:url(/images/common/dot_airline.png) 12px 12px no-repeat; }
	div#gakkaCoverBox ul.gakkaCoursesAirline li:hover { border-radius: 6px; background-color: #FFCCCC; }
	div#gakkaCoverBox ul.gakkaCoursesHotel li { margin:1px 0; padding: 5px 20px 5px 24px; background:url(/images/common/dot_hotel.png) 12px 12px no-repeat; }
	div#gakkaCoverBox ul.gakkaCoursesHotel li:hover { border-radius: 6px; background-color: #87DCD9; }
	div#gakkaCoverBox ul.gakkaCoursesIchinen li { margin:1px 0; padding: 5px 20px 5px 24px; background:url(/images/common/dot_ichinen.png) 12px 12px no-repeat; }
	div#gakkaCoverBox ul.gakkaCoursesIchinen li:hover { border-radius: 6px; background-color: #C39E76; }
	*/
	div#sideCourseList { margin:0; width: 100%; }
	div#sideCourseList .course_box { margin:0; padding:0; border:none; }
	div#sideCourseList a { margin: 0; padding: 0; background-color: transparent; width: 100%; border:none; }
	div#sideCourseList p { border-bottom: 1px dashed #ccc; background-color:#EBFBFF; }
	div#sideCourseList ul { width:100%; margin: 20px 0; }
	div#sideCourseList ul li { width:44%; border:1px solid #eee; float: left; margin: 5px 1%; padding: 6px; }
	div#sideCourseList ul img { max-width: 100%; }

	/* 進路実績 */
	/* 就職サポート */
	.emplmnt_box4 div img { width:40% !important; max-width: 40% !important; }
	.emplmnt_box3.voice div img { width:100% !important; max-width:20% !important; }
	.emplmnt_box1, .emplmnt_box2, .emplmnt_box3, .emplmnt_box4 {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 20px; margin: 20px 0;
	}
	.emplmnt_box1 h2 { font-size:110%; }
	.emplmnt_box1 p { font-size:100%; }
	.emplmnt_box2inner { width:100%; }
	.emplmnt_box4 p.title { font-size: 110%; padding: 5px 0; }
	.emplmnt_box4 p.texts { font-size: 100%; }
	.emplmnt_box3.voice .title { font-size: 110%; }
	.emplmnt_box3.voice p { font-size: 100%; margin: 6px 0; padding: 4px 0;}
	/* 大学編入サポート */
	.admission_box5 div img { width:40% !important; max-width: 40% !important; }
	.admission_box5.voice div img { width:100% !important; max-width:30% !important; }
	.admission_box1, .admission_box2, .admission_box4, .admission_box5 {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 20px; margin: 20px 0;
	}
	.admission_box3 { width:auto; }
	.admission_box3 ul {
	    width:100%;
	    column-count: 2;
	    -moz-column-count: 2;
	    -webkit-column-count: 2;
	}
	.admission_title { font-size:120%; }
	.admission_box1 h2 { font-size:110%; }
	.admission_box1 p { font-size:100%; }
	.admission_box2 h2 { font-size:110%; }
	.admission_box2 p { font-size:100%; }
	.admission_box2inner { width:100%; }
	.admission_box4 p.title { font-size: 110%; padding: 5px 0; }
	.admission_box4 p { font-size: 100%; }
	.admission_box5.voice .title { font-size: 110%; }
	.admission_box5.voice p { font-size: 100%; margin: 6px 0; padding: 4px 0;}
	/* 留学サポート */
	.abroad_box4.voice div img { width:100% !important; max-width:20% !important; }
	.abroad_box1, .abroad_box2, .abroad_box4, .abroad_box5 {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 20px; margin: 20px 0;
	}
	.abroad_box3 { width:auto; }
	.abroad_box3 ul {
	    width:100%;
	    column-count: 1;
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	}
	.abroad_title { font-size:120%; }
	.abroad_box1 h2 { font-size:110%; }
	.abroad_box1 p { font-size:100%; }
	.abroad_box2 h2 { font-size:110%; }
	.abroad_box2 p { font-size:100%; }
	.abroad_box2inner { width:100%; }
	.abroad_box4 p.title { font-size: 110%; padding: 5px 0; }
	.abroad_box4 p { font-size: 100%; }
	.abroad_box4.voice .title { font-size: 110%; }
	.abroad_box4.voice p { font-size: 100%; margin: 6px 0; padding: 4px 0;}

	/* 資格取得サポート */
	.qualif_box1 h2 { font-size: 120%; }
	.qualif_box1 p { font-size: 100%; }
	.qualif_box3 { margin: 20px 0; width:100%; }
	.qualif_box3inner { width: 45.1%; padding: 20px 2%; }
	.qualif_box3inner.left ul { text-align:center; }
	.qualif_box3inner.left.english { margin: 2% 2%; padding: 20px 3%; width:90%; }
	.qualif_box3inner.left.travel { margin: 2% 2%; padding: 20px 3%; width:90%; }
	.qualif_box3inner.left.airline { margin: 2% 2%; padding: 20px 3%; width:90%; }
	.qualif_box3inner.left.hotel { margin: 2% 2%; padding: 20px 3%; width:90%; }
	.qualif_box3inner.center { border-right: 1% dotted #e8340e; }
	.qualif_box3inner.center span { font-size:110%; }
	.qualif_box3inner.center p { font-size:150%; }
	.qualif_box3inner.center.airline {width:45.1%;}
	.qualif_box3inner.right span { font-size:110%; }
	.qualif_box3inner.right p { font-size:150%; }
	.qualif_box3inner.right.airline img { }

	.qualif_box5 { width: 60% !important; }
	.qualif_box5 ul { 
	    column-count: 1;
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	}
	.qualif_box4.voice .title { font-size: 120%; padding:6px 0;}
	.qualif_box4.voice div img { max-width:30%; max-height:25em; }
	.qualif_box4.voice div p { width:100%; padding:3px 0; margin:4px 0; }
	.qualif_box1, .qualif_box4 {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 20px; margin: 20px 0;
	}

	/* 講師・施設紹介(英語科) */
	.instructor .photolist { width: 100%; }
	.instructor .photolist td { width:50%; }
	.instructor .photolist td img { width:100%; }
	.instructor .photolist td.split { width:50%; }
	.instructor2 .photolist { width: 100%; }
	.instructor2 .photolist td { width:15%; padding: 10px 0; }
	.instructor2 .photolist td img { width:auto; height:10em;  }
	.instructor2 .photolist img.nationalflag { height: 2em; }
	.instructor, .instructor2 {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 20px; margin: 20px 0;
	}

	/* トップページ */
	#homeMainImg { margin:0 0 10px 0; padding:0; width:100%; background:none; height:100%; }
	#homeMainImg .stage { width: 90%; background:none;　}
	#homeMainImg .stage ul#thumbnails { padding:0 5%; }
	#homeMainImg .stage ul#thumbnails li { width:33.33%; float:left; }
	#homeMainImg .stage ul#thumbnails li a img { width:100%; display:block; }
	div.topBoxOuterAll { width:100%; }
	div.topBoxOuterAll table tbody tr td div.fb-like-box.fb_iframe_widget span { width:100% !important; }
	div.topBoxOuterAll table tbody tr td div.fb-like-box.fb_iframe_widget span iframe { width:100% !important; }
	div.topBoxOuterAll table tbody tr td.banners { padding:2% !important; }
	div.topBoxOuterAll table tbody tr td ul.top-banners { width:100%; }
	div.topBoxOuterAll table tbody tr td ul.top-banners li { width:50%; padding:0; }
	div.topBoxOuterAll table tbody tr td ul.top-banners li a img { width:100%; }
	div.topBoxOuterAll table tbody tr td.banners table tr td { width:100%; padding:0 !important; }
	div.topBoxOuterAll table tbody tr td.banners table tr td ul { width:100%; }
	div.topBoxOuterAll table tbody tr td.banners table tr td ul li { float:left; width:49%; }
	div.topBoxOuterAll table tbody tr td.banners table tr td ul.banners_1 li:nth-child(2) { margin-left:2%; }
	div.topBoxOuterAll table tbody tr td.banners table tr td ul.banners_2 li:nth-child(1) { margin-left:2%; }
	div.topBoxOuterAll table tbody tr td.banners table tr td ul.banners_2 li:nth-child(2) { margin-left:0; margin-right:2%; }
	div.topBoxOuterAll table tbody tr td.banners table tr td ul.banners_3 li:nth-child(2) { margin-left:0; margin-right:2%; }

	div.topBoxOuterAll table tbody tr td.info img { width:auto; }
	div.topBoxOuterAll table tbody tr td.face img { width:auto; }
	div.topBoxOuterAll table tbody tr td img { width:100%; }
	div.topBoxOuterAll table tbody tr td table.twitterjapanese { width:100%; }
	#twitter { background:none; width:auto; height:auto; float:none; }
	#twitter iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered { width:100% !important; }
	#ja_link { width:100%; display:none; }
	.twitparent { text-align:center; }
	#homeMainImg .stage {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 0px; margin: 5px auto 10px auto;
	}
	.face, .info, .twitparent {
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(222, 222, 222, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 20px; margin: 20px 0;
	}
	#twitter {
	    display:inline-block;
	    background-color: #FFF;
	    box-shadow:0px 0px 6px 4px rgba(92, 207, 253, 0.4);
	    border:0px solid #000; border-radius: 8px;
	    padding: 10px 10px; margin: 0;
	}
	.twitparent { background-color: #fafeff; }

	/* 入力フォーム */
	#registerform div.c2 input[type=text] { width:100%; display:block; }
	#registerform div.c2 input[type=file] { width:100%; display:inline-block; }
	#registerform div.c2 select { width:80%; display:inline-block; }

	/* 入学案内 */
	#guidance td img { max-width:80% !important; height:auto !important; padding-top:8px; }
	.company p { word-break:break-all; }
	div.applicant-type div.loan-type form input[type=image] { width:100%; }

	/* Why Gaigo */
	.whygaigo img { width:90%; }

	/* ガイダンス GAIGOの進学相談会 */
	#guidance-table { width:100% !important; }
	#guidance-table th { width:auto !important; }
	#guidance-table th:nth-child(1) { width:40% !important; }

	/* 施設案内 */
	.facility ul li:nth-child(odd){
		margin-right: 0;
	}
	.facility ul li{
		width: 100%;
	}

	/* 就職実績 */
	table{
		width:100%;
	}
	.scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	.employment-result .emplmnt_box2inner.travel,
	.employment-result .emplmnt_box2inner.airline{
		margin-top: 0;
		padding-top: 0;
	}
	.employment-result .emplmnt_box2inner.travel .textsbox,
	.employment-result .emplmnt_box2inner.airline .textsbox{
		width: 90%;
	}
	#contR.employment-result .pageTitle{
		margin-bottom: 2rem;
	}

	.application li{
		width: 46% !important;
	}
	.application li:nth-child(2n){
		margin-right: 0;
	}

	div.pagenavi { width: 100%; margin: 2em 0; padding: 0.8em 3px; border-top: 1px solid #c4c4c4; text-align: center; font-size: 13px; }
	.wp-pagenavi { clear: both; } 
	.wp-pagenavi a, .wp-pagenavi span.page { text-decoration: none; padding: 3px 10px; border:1px solid; margin: 2px 4px; }
	.wp-pagenavi span.current { padding: 3px 10px; border:1px solid;background: #eee;}
	.wp-pagenavi span.pages{ display:block; margin-bottom:1rem;}


	#hashimoto-message h2{
		font-size: 120%;
	}
	#aboutmessage img{
		display: none;
	}
	#hashimoto-message{
		width: 100% !important;
		background: white !important;
		padding: 0 !important;
	}
	#hashimoto-message p{
		font-size: 100% !important;
	}
	#access-info{
		margin-top: 2rem !important;
	}
	#access-info img{
		width: 100% !important;
		margin-right: 0 !important;
		margin-bottom: 2rem; 
	}
	.summary{
		font-size: 100% !important;
	}

	.scroll-table {
		overflow: auto;
		white-space: nowrap;
	}
	.scroll-table table{
		table-layout: auto !important;
	}
	#scholarship-flowchart .wrap{
		width: 100% !important;
	}










	/* ------------------------------------------
	 学科
	--------------------------------------------*/
	#contents.department #icatch .title h2 img{
		width: 50px;
	}
	#contents.department h3{
		font-size: 1rem;
		margin-bottom: 20px;
	}
	#contents.department #icatch{
		min-height: 200px;
		margin-bottom: 40px;
	}
	#contents.department #icatch .title h2{
		font-size: 1.2rem;
		padding: 0 0 20px 0;
	}
	#contents.department #point li .textbox{
		box-sizing: border-box;
		padding: 0;
		position: relative;
		width: 100%;
		top: 0;
	}
	#contents.department #point li .textbox p:nth-child(2){
		font-size: 1rem;
		font-weight: bold;
	}
	#contents.department .wrapper{
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	#contents.department #point li{
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		float: none;
	}
	#contents.department #class li:nth-child(odd){
		margin-right: 0;
	}
	#contents.department #class li p:first-child{
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 0;
		font-size: 1rem;
		width: 100%;
	}
	#contents.department #teacher-message{
		padding: 0;
	}
	#contents.department #teacher-message img{
		margin-right: 20px;
		width: 60px;
		padding-bottom: 20px;
	}
	#contents.department #teacher-message p:nth-child(2){
		font-size: 1rem;
		padding: 30px 0;
		margin-top: 10px;
		font-weight: bold;
	}
	#contents.department #teacher-message p:nth-child(3) {
		font-size: 0.9rem;
		margin-top: 2rem;
	}
	#contents.department #teacher-message3{
		padding: 0;
	}
	#contents.department #teacher-message3 img{
		margin-right: 20px;
		width: 120px;
		padding-bottom: 20px;
	}
	#contents.department #teacher-message3 p:nth-child(2){
		font-size: 1rem;
		padding: 20px 0;
		margin-top: 10px;
		font-weight: bold;
	}
	#contents.department #teacher-message3 p:nth-child(3) {
		font-size: 0.9rem;
	}
	#contents.department #class li{
		padding: 0;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 20px;
	}
	#contents.department #teacher2-message img{
		margin-left: 10px;
		width: 60px;
	}
	#contents.department #teacher2-message p:nth-child(2){
		font-size: 0.9rem;
		padding: 20px 0;
		margin-top: 0;
	}
	#contents.department #teacher2-message{
		padding: 0;
	}
	#contents.department #point {
		margin-bottom: 50px;
	}
	#contents.department #curriculum p.title,
	#contents.department #curriculum2 p.title,
	#contents.department #timetable p.title{
		font-size: 0.9rem;
		font-weight: bold;
	}
	#contents.department #curriculum p.summary {
		font-size: 0.9rem !important;
		text-align: left;
		padding: 0;
		margin-top: 0;
	}
	#contents.department #curriculum p.year{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 2rem;
	}
	#contents.department #teacher2{
		margin-bottom: 40px;
	}
	#contents.department #support #message p{
		font-size: 0.9rem;
		background-color: unset;
		position: relative;
		width: 100%;
		right: 0;
		top: 20px;
		padding: 0;
		opacity: 1;
	}
	#contents.department h4 {
		font-size: 1.2rem;
	}





	/* ------------------------------------------
	 学科INDEX
	--------------------------------------------*/
	#contents.department #course-index ul > li.style:nth-child(1){
		width: 100%;
	}
	#contents.department #course-index ul > li.style:nth-child(2){
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#contents.department #course-index ul > li.style:nth-child(3){
		width: 100%;
	}
	#contents.department #course-index ul > li  ul li{
		width: 140px;
	}
	#contents.department #course-index .index-title p:first-child {
		font-size: 1rem;
		font-weight:bold;
	}
		
	#contents.department #timetable .scroll-table table{
		table-layout: fixed !important;
	}
	#contents.department #timetable .scroll-table{
		white-space: unset;
	}
	#contents.department #timetable table{
		margin-bottom: 20px;
	}
	#contents.department #timetable table td {
		font-size: 0.8rem;
		padding: 5px;
	}

	#contents.department #curriculum table th,
	#contents.department #curriculum table td{
		font-size: 0.8rem;
	}
	#contents.department #graduate table th,
	#contents.department #graduate table td{
		font-size: 0.8rem;
	}
	#contents.department #graduate #license{
		font-size: 0.8rem;
		padding: 20px;
	}
	#contents.department #support table.job{
		width: 50%;
		margin-bottom: 0;
	}
	#contents.department #support table.job.bottom{
		margin-bottom: 50px;
	}

	#contents.department #support table.job th{
		line-height: 0;
	}

	#contents.department.english #icatch .title p:nth-child(3){
		margin-top: 5px;
	}
	#contents.department #closeup{
		padding: 20px;
		width: 90%;
	}
	#contents.department #closeup div.photo {
		margin-right: 0;
		width: 100%;
	}
	#contents.department #closeup div.photo img {
		width: 48%;
		float: left;
		margin-bottom: 20px;
		margin-right: 2%;
	}
	#contents.department #closeup img.icon{
		left: 0;
		width: 60px;
	}
	#contents.department.english #teacher-message{
		width: 100%;
	}
	#contents.department.english #teacher-message p:nth-child(2){
		margin-top: 10px;
		padding: 0;
	}
	#contents.department #teacher-message p:nth-child(3){
		margin-top: 10px;
	}
	#results ul li{
		width: 100%;
		border-left: 0 !important;
		border-right: 0 !important;
		border-top: 0 !important;
		padding: 10px 0;
	}
	#results ul li div:first-child{
		padding-bottom: 0;
	}
	#goal{
		padding: 0 0 20px 0;
		margin-bottom: 40px;
	}
	#goal p:first-child{
		float: none;
		width: 100%;
		font-size: 1rem;
		padding-bottom: 2rem;
		text-align: center;
	}
	#goal p{
		font-size: 0.9rem;
	}
	#contents.department #goal .wrapper {
		width: 100%;
	}
	#contents.department.airline #results ul li,
	#contents.department.travel #results ul li {
	    min-height: auto;
	}
	#contents.department #curriculum2 p.subject,
	#contents.department #curriculum2 table td .navy{
		font-size: 0.7rem;
	}
	#contents.department #curriculum2 table td{
		padding: 1rem 5px;
		font-size: 80%;
	}
	#contents.department #curriculum2 table {
		margin-top: 20px;
	}
	#contents.department.airline #ratio .ratio-box,
	#contents.department.travel #ratio .ratio-box{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	#contents.department.travel #ratio .ratio-box{
		padding: 30px;
	}
	#contents.department.travel #ratio .ratio-box:nth-child(1){
		margin-top: 0;
	}
	#contents.department #major ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	#contents.department #major ul{
		margin-top: 2rem;
	}
	#contents.department #major{
		margin-bottom: 0;
	}

	#contents.department #major-point img {
		width: 120px;
		position: relative;
		left: 0;
		top: 0;
	}
	#contents.department #major-point ul{
		position: relative;
		left: 0;
		margin-top: 20px;
	}
	#contents.department #major-point ul li {
		font-size: 0.9rem;
		padding: 5px 0;
	}
	#contents.department #major-point {
		margin-bottom: 40px;
	}
	#contents.department #pickup .icon{
		width: 20%;
	}
	#contents.department #pickup .text{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	#contents.department #pickup .photo{
		width: 100%;
	}
	#contents.department #student-message img.photo{
		float :left;
		margin-left: 0;
		width: 60px;
		margin-top: 30px;
		padding-right: 20px;
		margin-right: 0;
	}
	#contents.department #student-message{
		padding: 0;
		background: none;
	}
	#contents.department.attendant #pickup{
		padding: 0;
	}
	#contents.department.index ul.course li a div.photo{
		width: 100%;
		padding-right: 0;
	}
	#contents.department.index ul.course li a div.data{
		width: 100%;
	}
	#contents.department.index .style{
		margin: 10px 0;
	}
	#contents.department.index .style p{
		font-size: 1.2rem;
		padding: 0;
		text-align: left;
	}
	#contents.department.index .style img{
		width: 60px;
	}
	#contents.department #other {
	    margin-top: 50px;
	}

	div.qualification table{
		background: white !important;
	}
	div.qualification table td,
	div.qualification table th{
		width: 100% !important;
		float: left !important;
		text-align: left !important;
	}

	/* フォーム調整 */
	#cf-inquiry .table-inquiry-type2 .item-tr{
		border: none !important;
		padding: 0 !important;
		margin-bottom: 10px;
	}
	#cf-inquiry .table-inquiry-type2 .item-tr .c1,
	#cf-inquiry .table-inquiry-type2 .item-tr .c2{
		width: 100% !important;
		float: none !important;
		padding: 10px;
		box-sizing: border-box;
	}
	#cf-inquiry .table-inquiry-type2 .c0{
		font-size: 100% !important;
		margin-top: 20px;
	}
	#cf-inquiry .table-inquiry-type2 .item-tr .c1{
		background: #f9f9f9;
	}
	#registerform div.c2 input[type=text]{
		width: auto;
		display: inline-block;
	}
	#registerform div.c2 select{
		width: auto;
	}
	#registerform div.c2 input[name=address],
	#registerform div.c2 input[name=address-2],
	#registerform div.c2 input[name=address-3]{
		width: 90%;
	}
	#cf-inquiry .confirmArea span {
		display: block !important;
		float: none !important;
		margin-top: 20px !important;
	}
	#contents.department #teacher-message div.title{
		font-size: 110%;
		margin-top: 0;
	}
	#contents.department #teacher-message div.message{
		font-size: 100%;
	}
	#contents.department #teacher-message .photo img{
		margin-left: 20px;
	}
	#contents.department #teacher-message div.badge img{
		width: 200px;
	}
	#contents.department #teacher-message div.badge{
		top: -44px;
	}
	#contents.department #teacher2-message div.title{
		margin-bottom: 20px;
	}
	#contents.department #teacher2-message div.photo img{
		margin-left: 20px;
	}
	#contents.department.airline #teacher2-message div.photo img {
		margin-right: 20px;
	}


	/* 学生サポート */
	.support .support-block p:nth-child(1) img{
		margin-right: 10px;
		width: 80px;
	}
	#contents.support .wrapper {
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 20px;
	    box-sizing: border-box;
	}
	.support .support-block p:nth-child(2){
		font-size: 0.7rem;
		padding-top: 20px;
	}
	.support .support-block h3{
	    font-size: 1.2rem;
	    margin-bottom: 2rem;
	}
	.support .support-block p:nth-child(4){
		font-size: 0.9rem;
		clear: both;
	}
	.support .block2 div:nth-child(1),
	.support .block2 div:nth-child(2){
		width: 100%;
		padding: 0;
	}
	.support .block2 div img{
		margin-top: 1rem;
	}
	.support .report{
		padding: 0;
	}
	.support .report img{
		margin-right: 10px;
	    width: 50px;
	    margin-bottom: 0;
	}
	.support .report p:nth-child(2) span{
		margin-bottom: 1rem;
	}
	.support .report p:nth-child(2){
		font-size: 1rem;
		display: grid;
	}
	.support .support01 table{
		font-size: 0.8rem;
	}
	.support .support01 table td{
		padding: 5px;
	}
	.support-block{
		padding: 10px 0;
	}
	.support .leadtext{
		font-size: 1rem;
	}
	.support .support02 .toeic-score ul:first-child,
	.support .support02 .toeic-score ul{
	    width: 100%;
	    margin-right: 0;
	}
	.support .support03 #point3 ul li{
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 2rem;
	}
	.support .support03 .voice img,
	.support .support04 .voice img{
		width: 50px;
		margin-right: 10px;
		margin-bottom: 20px;
	}
	.support .support03 .voice .leadtext{
		margin-top: 0;
	}
	.support .support03 .voice p:nth-child(4),
	.support .support04 .voice p:nth-child(5){
		font-size: 1.1rem;
	}
	.support .support03 #senior ul{
		width: 100%;
		margin-right: 0;
		margin-top: 0;
	}
	.support .support03 #senior .leadtext{
		margin-bottom: 1rem;
	}
	.support .support04 .topblock div:nth-child(1),
	.support .support04 .topblock div:nth-child(2),
	.support .support04 .topblock div:nth-child(3){
	    width: 100%;
	}
	.support .support04 .advice div p:nth-child(2){
		font-size: 100%;
	}
	.support .support04 .gaigo-support ul li,
	.support .support04 .employment div{
		width: 100%;
		margin-right: 0;
	}
	.support .support04 .advice div img{
		padding: 0 0 20px 0;
		width: 100%;
	}
	.support .support04 .employment .leadtext img{
		width: 60px;
	}
	.support .support02 .license-list div{
		width: 100%;
	}
	.support .support02 .license-list div.category{
		width: 100%;
	}
	#contents.support #icatch{
		min-height: 200px;
		margin-bottom: 0;
	}
	.support h4{
		font-size: 1.1rem;
	}
	.support .support03 .voice,
	.support .support04 .voice{
		padding: 0;
	}
	.support .support04 .voice img{
		margin-bottom: 0;
	}
	.support .support04 .voice ul li:first-child{
		margin-bottom: 2rem;
		border-bottom: dotted 3px #374EA2;
		border-right: 0;
		padding-bottom: 2rem !important;
	}
	.support .support04 .voice ul li:first-child,
	.support .support04 .voice ul li:last-child{
		width: 100%;
		padding: 0%;
		float: none;
	}
	.support .support04 .voice ul li:first-child img,
	.support .support04 .voice ul li:last-child img{
		width: 90px;
	}
	.support .support04 .voice p:nth-child(2),
	.support .support04 .voice p:nth-child(4){
		font-size: 0.9rem;
		font-weight: bold;
	}
	.support .support03 .voice p:nth-child(4), 
	.support .support04 .voice p:nth-child(5){
		font-size: 0.9rem;
	}

	/* ビジネスデザイン科2022
	--------------------------------------------------*/
	#contents.department #announcement{
		width: 100% !important;
		padding: 20px;
		box-sizing: border-box;
	}
	#contents.department.travel #results dl {
		width: 100%;
		margin-right: 0;
	}
	#contents.department.travel #license ul li{
		width: 100%;
		text-align: left;
		margin-right: 0;
	}
	#contents.department #class2 ul li{
		width: 100%;
		margin-right: 0;
	}
	#contents.department #license2 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
		padding: 1rem;
		box-sizing: border-box;
	}
	#contents.department #point2 li{
		display: block;
		margin: 0;
		margin-bottom: 2rem;
		padding-top: 2rem;
	}
	#contents.department #point2 .textbox{
		width: 100%;
		padding-right: 0;
		margin-bottom: 1rem;
	}
	#contents.department #point2 .textbox .point-title{
		font-size: 1rem;
	}
	#contents.department.english #point2 .title {
		font-size: 1rem;
		margin-top: 0;
		padding-bottom: 1rem;
	}
	#contents.department #recommend{
		margin-bottom: 0;
	}
	#contents.department #recomend .wrapper{
		padding-top: 0;
		margin-bottom: 1rem;
	}
	#contents.department #recommend ul{
		display: block;
		margin-bottom: 0;
	}
	#contents.department #recommend ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	#contents.department #recommend ul li:last-child{
		margin-bottom: 1rem;
	}
	#contents.department #objectives .objectives-box{
		display: block;
	}
	#contents.department #objectives .objectives-box div:first-child{
		width: 100%;
		padding: 10px;
	}
	#contents.department .separator{
		margin-bottom: 20px;
		padding: 20px 0;
	}
	#contents.department .separator .text{
		font-size: 1rem;
		padding: 0 1rem;
	}
	#contents.department .jobtraining ul li{
	    width: 100%;
	    margin-bottom: 1rem;
	}
	#contents.department .jobtraining ul li:first-child p{
		text-align: left;
	}
	#contents.department.businessdesign #recommend ul li,
	#contents.department.english #recommend ul li{
		width: 100%;
	}
	#contents.department.english #graduate #license{
		margin-top: 0;
	}
	#contents.department.english #results .chart img{
		width: 100%;
	}
	#contents.department #point2 .textbox .point-icon{
	}
	#contents.department #point2 .textbox .point-title img{
		width: 50px;
		margin-bottom: 0;
		margin-right: 1rem;
	}
	#contents.department.travel #recommend ul li:nth-child(1),
	#contents.department.travel #recommend ul li:nth-child(2){
		width: 100%;
	}
	#contents.department.travel #recommend ul li:nth-child(2) p{
		margin-left: 0;
	}
	#contents.department.travel #recommend ul{
		margin-bottom: 2rem;

	}
	#contents.department.travel #announcement p{
		font-size: 1rem;
		word-wrap: break-word;
	}
	#contents.department.airline #results .pickup .text,
	#contents.department.airline #results .pickup .photo{
		padding: 0;
		width: 100%;
		margin-bottom: 1rem;
	}
	#contents.department.airline #results .pickup .text{
		float: revert;
	}
	#contents.department.airline #results .pickup .icon {
		width: 60px;
	}
	#contents.department.airline #results .pickup .text p:nth-child(1){
		font-size: 1.1rem;
	}
	#contents.department.travel #recommend ul li:nth-child(2) p:nth-child(1){
		font-size: 1rem;
		color: #00B2C0;
	}
	#contents.department.english #recommend ul li:nth-child(1){
		font-size: 1rem;
	}
	#contents.department.businessdesign #recommend ul li:nth-child(1){
		font-size: 1rem;
	}
	#contents.department.travel #recommend ul li:nth-child(2) p:nth-child(1){
		color: #00B2C0;
	}
	#contents.department.attendant h3, #contents.department.grandstaff h3 {
		font-size: 1rem;
	}
	#contents.department #ratio{
		margin-top: 0;
	}
	#contents.department.airline #ratio .ratio-box p:nth-child(1),
	#contents.department.travel #ratio .ratio-box p.title{
		font-size: 1.1rem;
	}
	#contents.department.airline #ratio .ratio-box p:nth-child(2),
	#contents.department.travel #ratio .ratio-box p.number{
		font-size: 2.5rem;
	}
	.support .support04 .employment div ul{
		column-count: 1;
	}
	.support .support03 .tsukuba{
		padding: 20px;
	}
	.support .support03 .tsukuba img{
		margin-bottom: 1rem;
		float: none;
		margin-left: 0;
	}
	.support .support03 .tsukuba p:nth-child(2){
		font-size: 1rem;
	}
	#contents.department.businessdesign #renewal #renewal-point #renewal-box{
		flex-direction: column;
	}
	#contents.department.businessdesign #renewal #renewal-point ul{
		margin: 0;
	}
	#contents.department.businessdesign #renewal #renewal-point ul li{
		font-size: 1rem;
	}
	#contents.department.businessdesign #renewal #renewal-point ul li img{
		width: 60px;
	}
	#contents.department.businessdesign #renewal #businessdesign-results ul li{
		width: 100%;
	}
	#contents.department.businessdesign #renewal #businessdesign-results{
		padding: 30px 10px;
	}
	#contents.department.index .style .style-box{
		flex-direction: column;
	}
	#contents.department.index ul.course li a{
		flex-direction: column;
	}
	#contents.department.index .style .style-box div.style-logo{
		width: 100%;
	}
	#top-banners-container ul{
		gap: 0;
	}
}