@charset "UTF-8";
@media only screen and (max-width : 768px) {
	/*地域情報のナビ画像をアップロードしたら下記のコメントアウトを外してください
	8行目のbackground: #e80031は画像と背景色を合わせないといけないため
	適宜アップロード画像の色に併せて変更お願いします。
	*/
	/*#navi ul li#nav5 a {
	background: #e80031 url(/files/user/images/common/navi_05.png) no-repeat !important;
	background-position: 50% 50% !important;
	background-size: 155px !important;
	}*/

	#container{
		width: 100%;
	}
	.contWrap{
		width : -webkit-calc(100% - 15px) ;
		width : calc(100% - 15px) ;
	}
	.contWrap2{
		width : -webkit-calc(100% - 15px) ;
		width : calc(100% - 15px) ;
	}
	/* ========== header ========== */
	.header__lv1 .header__lv1__logo{
		margin-left: 10px;
		margin-bottom: 15px;
	}
	.header__lv1 .header__lv1__logo img{
		width: 160px;
	}
	.header__lv1 .header__lv1__contact{
		margin: 0px 10px 15px 0;
	}
	/* ===== header SNS ===== */
	.header__lv1 .header__lv1__sns{
	float: none;
	margin: 0 0 7px;
	width: 100%;
	}
	.header__lv1 .header__lv1__sns ul{
		width: 240px;
		margin: 0 auto;
	}
	.header__lv1 .header__lv1__sns ul li{
		margin-right: 0;
		margin-left: 20px;
	}
	.header__lv1 .header__lv1__sns ul li:first-child{
		margin-left: 0;
	}
	/* ========== footer ========== */
	#footerInner{
		padding: 15px;
	}
	#footerInner .text{
		margin-top: 20px;
	}
	/* ===== top ===== */
	.keyVisual{
		width: 100%;
	}
	.slick-slide img{
		width: 100%;
	}
	.newsArea .newsArea__title{
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	.newsArea .newsArea__title img{
		width: 135px;
	}
	#latest_topics ul li{
		margin-bottom: 15px;
	}
	#latest_topics ul li .date{
		float: none;
		margin-right: 0px;
		margin-bottom: 5px;
		display: block;
	}
	#latest_topics ul li p{
		float: none;
		width: initial;
	}
	#latest_topics ul li a{
		text-decoration: underline;
	}
	/* ========== navi ========== */
	#navi ul{
		height: auto;
		border-bottom: 3px solid ##C6000B;
	}
	#navi ul li{
		width: 50% !important;
		border-top: 1px solid #fff;
		box-sizing: border-box;
	}
	#navi ul li#nav1,
	#navi ul li#nav3 {
		border-right: 1px solid #fff;
	}

	/*iphone 6p用ナビ高さ*/
	#navi ul li a{
		width: 100%;
		height: 56px;
	}
	#navi ul li#nav1 a{
		background: #56A654 url(/files/user/images/common/navi_01.png) no-repeat;
		background-position: 50% 50%;
		background-size: 155px;
	}
	#navi ul li#nav2 a{
		background: #56A654 url(/files/user/images/common/navi_02.png) no-repeat;
		background-position: 50% 50%;
		background-size: 155px;
	}
	#navi ul li#nav3 a{
		background:  #56A654 url(/files/user/images/common/navi_03.png) no-repeat;
		background-position: 50% 50%;
		background-size: 155px;
	}
	#navi ul li#nav4 a{
		background:  #56A654 url(/files/user/images/common/navi_04.png) no-repeat;
		background-position: 50% 50%;
		background-size: 155px;
	}

	#navi ul li.cur a,
	#navi ul li a:hover {
	    opacity: 1;
	}
	/* ===== mainVisual ===== */
	.mainVisual{
		margin-bottom: 20px;
	}
	.mainVisual img{
		width: 100%;
	}
	/* ===== partsVisual ===== */
	.partsVisual{
		margin-bottom: 20px;
	}
	.partsVisual img{
		width: 100%;
	}
	.partsVisual img.border{
		width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
		width : -webkit-calc(100% - 2px) ;
		width : calc(100% - 2px) ;
	}
	/* ===== 九州・山口共同インターンシップ ===== */
	.cont_detail.tabel01 dt{
		width: 30%;
	}
	/* ===== インターンシップ受入企業一覧 ===== */
	.pref__box{
		margin-right: 0px;
	}
	.cont_detail .pref__box h4{
		padding-left: 0;
	}

	.company__list{
		float: none;
		width: 100%;
		margin-bottom: 20px;
		text-align: left; }
		.company__list:not(:nth-child(3n)) {
			margin-right: 0; }
	.company__list__img a {
		height: auto; }
		.company__list__img a:hover{
			opacity: 1; }
	.company__list__img img {
		width: 100%; }

	/* ===== インターンシップ受入企業詳細 ===== */
	.cont_read ul li{
		float: none;
		margin-left: 0px;
		margin-bottom: 15px;
		width: 100%;
		height: auto;

	}
	.companyImg__list {
		flex-wrap: wrap; }
		.companyImg__list li {
			width: 100%;
			margin-bottom: 20px; }
			.companyImg__list li:not(:nth-child(3n)) {
				margin-right: 0; }
		.companyImg__list img{
			width: 100%;
			max-width: initial;
			height: auto;
			max-height: initial;
		}
	/* ===== form共通設定 ===== */
	/*form style*/
	.formBox th{
		width: 100%;
		display: block;
		padding: 10px 0 0;
	}
	.formBox table td{
		width: 100%;
		display: block;
	}
	.formBox table td input[type=text]{
		width : -webkit-calc(100% - 10px) ;
		width : calc(100% - 10px) ;
	}
	.formBox table tr.ext_09 input[type=text], .formBox table tr.ext_10 input[type=text], .formBox table tr.ext_11 input[type=text]{
		width : -webkit-calc(100% - 10px) ;
		width : calc(100% - 10px) ;
	}
	.formBox table td select{
		width : -webkit-calc(100% - 10px) ;
		width : calc(100% - 10px) ;
	}
	.formBox table td textarea{
		width : -webkit-calc(100% - 10px) ;
		width : calc(100% - 10px) ;
	}
	/*
	.formBox  .ext_10 th:first-child{
		margin-top: 30px;
		font-size: 14px;
	}
	*/
	form .btn{
		width: 100%;
		margin: 0;
	}
	form .btn li.back{
		margin:30px 0;
		float: none;
	}
	form .btn li.back a, form .btn li.back input{
		margin: 0 auto;
	}
	form .btn li .next{
		margin: 0 auto;
	}
	form .btn li #inquiry_item_button_send{
		margin: 0 auto;
	}

/* ========== イベント出展企業一覧 ========== */
	.pc.table02{
		display: none;
	}
	.table02_head{
		display:none;
	}
	.table02_body{
		display:none;
	}
	.sp.table03{
		display: block;
	}
	.cont_detail >.sp.table03:first-child{
		
		border-bottom:0;
	}
	.cont_detail >.sp.table03:last-child{
		
		border-bottom:0;
	}
	.table03{
		padding-bottom: 30px;
		border-bottom: 1px dotted #ddd;
		/* margin-top: 50px; */
		margin-bottom: 30px;
	}
	.table03 .comimg{
		width: 100%;
		margin-bottom: 10px;
	}
	.table03 .comimg img{
		width: 100%;
		height: auto;
	}
	.table03 h5 a{
		font-size: 16px;
		color: #0066ff;
		margin-bottom: 10px;
	}
	.table03 dl{
		width: 100%;
		display: table;
	}
	.table03 dl dt{
		padding: 10px 15px;
		vertical-align: middle;
		width: 27%;
		text-align: center;
		display: table-cell;
		background-color: #f2f2f2;
		border: 1px solid #d2d2d2;
		border-top: 0;
	}
	.table03 dl dt.first{
		padding: 10px 15px;
		vertical-align: middle;
		width: 27%;
		text-align: center;
		display: table-cell;
		background-color: #f2f2f2;
		border: 1px solid #d2d2d2;
	}
	.table03 dl dd{
		padding: 10px 15px;
		border: 1px solid #d2d2d2;
		border-left: 0;
		border-top: 0;
		vertical-align: middle;
	}
	.table03 dl dd.first{
		padding: 10px 15px;
		border: 1px solid #d2d2d2;
		border-left: 0;
	}
	.table03 dl dd ul{
		/* text-align: center; */
		overflow: hidden;
	}
	.table03 dl dd ul li{
		/* margin-bottom: 10px; */
		float: left;
		margin-right: 20px;
	}
	.table03 dl dd ul li:last-child{
		margin-bottom: 0px;
	}
	.table03 dl dd.tblBox{
		padding: 0;
	}
	.table03 dl.bdt{
		margin-top: 10px;
		border-top: 1px solid #d2d2d2;
	}
	.table03 dl dd{
		display: table-cell;
	}
	.tblBox table{
	width: 100%;
	height: 100%;
	}
	.tblBox table td.jobs{
		width: 50px;
		text-align: center;
		border-right: 1px solid #d2d2d2;
	}
	.tblBox table td{
		padding: 10px 15px;
		height: 57px;
		border-bottom: 1px solid #d2d2d2;
	}
	.tblBox table tr:last-child td{
	border-bottom: 0;
	}
	.tblBox table td p{
		text-align: left;
	}
	.titleWrap h3.title{
		float: none;
	}
	.titleWrap ul{
		float: none;
	}
	.titleWrap ul li{
		float: left;
		width: 110px;
		text-align: center;
		margin-right: 10px;
}
/* ========== イベント面談会申込・日程時間表 ========== */
#selectwrap table,
#selectwrap2 table{
	width: 100%;
}
ul.daysList {
    width: 202px;
    margin: 60px auto;
}
ul.daysList li {
    float: left;
    margin-right: 20px;
    border-right: 1px solid #888;
    padding-right: 20px;
}
ul.areaList {
    width: 100%;
    margin: 50px auto;
}
ul.areaList li {
    float: left;
    margin-right: 20px;
    border-right: 1px solid #888;
    padding-right: 20px;
    margin-bottom: 10px;
}
/* ========== 地域情報詳細（共通） ========== */
.fl_imgBox .fl_imgBox_head{
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}
.fl_imgBox .fl_imgBox_head img{
	width: 100%;
}
.relative_Links{
	margin-bottom: 10px;
}
.relative_Links dt{
	float: none;
	width: initial;
	margin-right: 0;
}
.relative_Links dd{
	float: none;
	width: initial;
}
}

@media only screen and (max-width : 413px){
	/*iphone 6p以下用ナビ高さ*/
	#navi ul li a{
		width: 100%;
		height: 46px;
	}
}