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

/*-------全体の幅-------*/

/*モバイル用ヘッダーを画面上部に固定する場合のコード*/
body {
	margin-top: 80px;
}
/*コード終わり*/

* {
	box-sizing: border-box;
}

header,#footerarea, #pan,  #courcenav, article div {
	width: 100% !important; 
}

img {
	width: 100%;
	height: auto;
}

#navigation {
		display:none;
}
	
h2 {
	width:100%;
	margin:0;
	font-size:14px;
}

h2 span {
	font-size:6px;
	line-height:4px;
}

/*==============================
	モバイル用ヘッダー
==============================*/
header {
	box-sizing: border-box;
	width:100%;
	padding-bottom: 0 !important;
	display: flex;
	/*モバイル用ヘッダーを画面上部に固定する場合のコード*/
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	/*固定コード終わり*/
	justify-content: space-between;
	align-items: center;
	
}

/*デスクトップ用の表示を隠す*/
#headerright{
	float:none;
	display: none;
}

/*ロゴ設定*/
header h1 {
	margin-top: 0 !important; /*temp.cssで上書きされてしまうので!importantで優先で適用させる*/
	float: none;
	display: inline;
	position: static;
}
	
header h1 span {
	font-size: 10px;
}
		
header h1 img {
	width: 100%;
	max-width: 274px;
	height: auto;
}

/*モバイル用ナビゲーション ボタン設定*/
#navigation_sp_btn {
	display: block;
	background: #00134c;
}

#navigation_sp_btn .navigation_sp_btn_img {
	width: 80px;
	height: 80px;
	line-height: 90px;
	background: url(../imgnew/common/navi_sp_button.png) no-repeat center;
	/*text-align: center;*/
}

/*==============================
	モバイル用ナビゲーションメニュー
==============================*/
#navigation_sp {
	width: 100%;
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	overflow: auto;
	color: #fff;
}

.menu_sp .menu_sp_intl,
.menu_sp .menu_sp_second li {
	width: 100%;
	background: #00134C;	
}

.menu_sp .menu_sp_intl {
	border-top: 1px solid #000;
	box-sizing: border-box;
}

/*.menu_sp .menu_sp_intl:last-of-type {
	border-bottom: 1px solid #fff;
}*/

.menu_sp .menu_sp_intl p {
	line-height: 70px;
	padding-left: 10px;
}

.menu_sp .menu_sp_second {
	/*display: block;*/
	border-top: 1px solid #000;
}

.menu_sp .menu_sp_second li a {
	display: block;
	line-height: 45px;
	padding-left: 30px;
	font-size: 14px;
	color: #fff;
}

.menu_sp .menu_sp_btm ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}

.menu_sp .menu_sp_btm ul li {
	width: 50%;
	box-sizing: border-box;
	border-top: 1px solid #444;
}

.menu_sp .menu_sp_btm ul li:nth-child(odd) {
	border-right: 1px solid #444;
}

.menu_sp .menu_sp_btm ul li a {
	display: block;
	line-height: 45px;
	text-align: center;
	background: #fff;
	color: #444;
}

.menu_sp .menu_sp_phone_n {
	width: 100%;
	line-height: 45px;
	border-top: 1px solid #444;
	text-align: center;
	background: #00134C;	
	color: #fff;
}

.menu_sp .menu_sp_close {
	line-height: 45px;
	text-align: center;
	background: #00134C;
}

.menu_sp .menu_sp_close p {
	color: #fff;
}

ul.menu {
	display:none;
}


/*
section#cource ul {
	flex-direction:column;
}

section#cource li {
	width:100%;
}
*/

/*==============================
	トップページ Topick
==============================*/
.topick_area{
	/*flex-direction: column;
	width: 100%;*/
	padding: 0 7%;
	margin: 50px auto;j
}
.topic_box{
	width: 44%;
}
.topick_point{
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: .7rem;
}

/*==============================
	トップページ コース
==============================*/
#cource {
	width: 100%;
}

#cource .cource_box {
	width: 100%;
	margin: 30px auto;
	flex-direction: column-reverse;
	align-items: stretch;
}

#cource .cource_web {
}

.cource_box .cource_text {
	box-sizing: border-box;
	width: 100%;
	max-width: initial;
	margin: 0;
	padding: 0 25px;
}

.cource_box .cource_text h3 {
	margin: 10px 0;
	text-align: center;
	font-size: 32px;
}
.cource_box .cource_text h4 {
	text-align: center;
}

.cource_box .cource_text p {
	font-size: 16px;
}

.cource_box .cource_text a {
	clear: both;
	display: block;
	width: 100%;
	max-width: 350px;
	margin: 30px auto 0;
	text-align: center;
}
.cource_text ul {
	overflow: hidden;
}

.cource_box .cource_img img {
	min-width: initial;
	box-sizing: border-box;
	padding: 0 25px;
}

.cource_text ul {
	justify-content: center;
}

/*==============================
	新着情報
==============================*/
section#news {
	margin-bottom: 0;
}

section#news ul {
	justify-content: center;
	flex-wrap: wrap;
}

section#news li {
	width:92%;
	margin 0 auto;
}

#news li:nth-child(odd) {
}

/*==============================
	学校をもっと知りたい
==============================*/
section#information ul {
	padding: 0 25px;
	/*flex-flow: column;*/
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
}

#information ul li {
	width: 45%;
	margin: 10px 0;
	box-sizing: border-box;
}

#information ul li:nth-of-type(odd) {
	margin-right: 5%;
}

/*==============================
	SNS一覧
==============================*/
ul#sns li:nth-child(2) {
	margin: 0;
}

ul#sns {
	justify-content: space-between;
}

/*==============================
	学校のご案内 
==============================*/
#topabout {
	box-sizing: border-box;
	width:100%;
	padding: 0 25px;
}

#topabout ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#topabout ul li {
	width: 100%;
}

section#contact_all {
	box-sizing: border-box;
	padding: 0 25px;
	height: auto;
}

section#contact_all ul {
	flex-direction: column;
}

section#contact_all ul li {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 20px 0;
}

section#contact_all .button {
	width: 100%;
}

section#topabout li:nth-child(odd) img,
section#topabout li:nth-child(even) img {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
}

/*==============================
	学園グループ
==============================*/
section#group ul {
	flex-direction: column;
	align-items: center;
}

section#group ul li {
	width: 70%;
}

article {
	width:100%;
	box-sizing: border-box;
	padding: 0 10px;
}

/*==============================
	Footer
==============================*/
footer {
	height: auto;
}

#footerarea {
	background-size: contain;
	height: 100px;
}

.footlist_all {
	display: none;
}

/*==============================
	サブページ
==============================*/

/*パンくずリスト?*/
#header_bottom #pan {
	text-align: left;
}

/*Heading 設定*/
h2.page_heading  {
	width: 100%;
}

h2:before,
h2:after {
	width: 100%;
}

h2.cource_header {
	width: 100%;
}

/*コースページ　特徴*/
#courcenav ul {
	width: 100%;
}

section.cource_yearsinfo img {
	float: none;
	margin: 0;
}

section.cource_yearsinfo2 div {
	width: 100%;
}

#cource_point {
	display: flex;
	flex-direction: column;
	align-items: center;
}

ul#cource_point li {
	float: none;
	width: 100%;
	margin: 0 0 40px 0;
}

ul#cource_point li h4 img {
	width: 40%;
}

article#itifo div,
article#webifo div{
	width: 100%;	
}

ul#courcebanner li {
	width: 100%;
	margin-bottom: 40px;
}

#depmain {
	width: 100%;
}

#depmain_cg div,
#depmain_it div{
	display: none;
}

/*コース　インナー*/
.depinner,
#depmain_webdesigner div,
#depmain_it_programa #protit,
#depmain_cg_anime,
#depmain_webenginner div,
#depmain_it_game div {
	width: 100%;
}

#depmain_it_programa #protit,
#depmain_cg_anime #protit{
	padding: 0;
}

#depmain_webdesigner,
#depmain_it_programa,
#depmain_cg_anime,
#depmain_webenginner,
#depmain_it_game {
	display: flex;
	align-items: center;
}

/*学科リニューアル*/

.depindex_box{
	display: block;
}
.dep_comme img {
	display: none
}
.dep_comme p {
	margin-left: 20px;
	margin-right: 20px;
}
.dep_comme{
	margin-top: 30px;
}
#depmain_it_new {
	width: 100%;
	height: auto;
}

.course_choice_layout {
	display: block;
}

.course_choice {
	width: 90%;
	margin: 0 auto 30px auto;
}
.course_choice:first-child {
	margin-right: 0;
}
.choice_button{
	width: 100%;
}
	
.dep_new_title {
	left: 30px;
}




/*アクセス Google Map*/
iframe {
	width: 100%;
}

.conbox.flex {
	flex-direction: column;
}

/*メールフォーム*/
form * { box-sizing: border-box; }

form input[type="text"],
form input[type="email"],
form select,
form textarea,
#confirmWindow,
#confirmBody { width: 100%!important; }

table.mailform tr th,
table.mailform tr td { 
	display: block;
	width: 100%!important;
}

table.mailform tr th span { width: 100%;}

.mailfrom_hidden_object { width: 100%; }


/*学生作品紹介ページ*/
.contestbox {
	flex-direction: column;
}

.ribbon_box2 {
	margin-bottom: 20px;
}

.modal-body img.work-image-h {
	width: 90vw;
}

.modal-body img.work-image-v {
	height: 90vw;
}

/*table*/
table {
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

article.curriculm {
	height: auto;
}

/*ITビジネス科*/
article#aiinfo {
	background-size: contain;
	background-position: top center;
}

article#aiinfo p {
	width: 100%;
	float: none;
	line-height: 1.5;
}

#schedule + #schedule {
	margin-top: 40px;
}

/*就職速報*/
ul.job {
	flex-wrap: wrap;
}

ul.job li {
	width: 100%;
	margin-bottom: 10px;
}

ul.job li:nth-child(2), ul.job li:nth-child(5), ul.job li:nth-child(8), ul.job li:nth-child(11), ul.job li:nth-child(13) {
	margin: 0 0 10px;
}

/*入学までのご案内*/
table.company th,
table.company td {
	display: block;
	width: 100%;
}

table.company th:after {
	display: none;
}

/*資格取得速報*/
.passbox {
	flex-direction: column;
}

.passbox .passlist {
	width: 100%;
}

.passbox .passlist:nth-child(2) {
	margin: 0 0 30px 0;
}

ul#download {
	display: flex;
}

ul#download img {
	width: 100%;
	max-width: 45px;
	height: auto;
}

ul#download li {
	width: 50%;
	display: flex;
	align-items: flex-start;
}

/*保護者の方へ*/
#parent_info {
	flex-direction: column;
}

ul#parent_info li {
	width: 100%;
	margin-bottom: 30px;
}

.tableScroll {
	overflow-x: auto;
}

.tableScroll table {
	min-width: 750px;
}

.tableScrollText {
	font-size: 14px;
	display: block;
}


/*Line相談*/
.choice {
	display: block;
}

.choice_box:first-child {
	margin:0 0 20px 0;
}

/*学科new*/
.job_qualification {
	display: block;
}

/*卒業生サポート*/
.job_support{
	flex-direction: column;
}
.job_support_student{
	width: 100% !important;
}
.job_student_img {
	width: 30% !important;
}
.job_student_img img{
	width: 100% !important;
}
.job_student_text{
	width: 58% !important;
	/*position: absolute;
	left: 100px;*/
	margin-left: 120px;}
.balloon4 {
 margin: 2em 0 2em 0;
 
}
.job_support_teacher{
	width: 50% !important;
	margin: 40px auto 0 auto;
}
.text_bottom {
    margin-left: 0;
}
.job_support_student {
   position: relative;
}
.job_student_img {
    position: absolute;
	bottom: 0;
	left: 0;
}