@charset "utf-8";

@media screen and (min-width: 601px) and (max-width: 800px){
	#single .box{
		padding: 80px 40px;
	}
}
@media screen and (min-width: 0px) and (max-width: 600px){
	#single h1{
		font-size: 25px;
		margin-top: 25px;
	}
	#single h2{
    	color: #ffffff;
	    background: #045CB4;
		font-size: 25px;
		margin-bottom: 25px;
	}
	#single .box{
		padding: 40px 0px;
	}
	#fv{
		padding: 1px 0px 60px 0px;
	}
	#fv ul li.target{
		font-size: 15px;
		line-height: 1.4em;
		padding: 10px;
		margin: 10px 10px 20px 10px;
		display: block;
	}
	#fv ul li.target::after{
		width: 30px;
		height: 20px;
		bottom: -20px;
	}
	#fv ul li.sub{
		font-size: 16px;
		margin-bottom: 0px;
	}
	#fv ul li.main{
		font-size: 35px;
		margin-bottom: 10px;
	}
	#fv ul li.main img{
		width: 120px;
		height: auto;
		margin-bottom: 5px;
	}
	#fv ul li.main b{
		display: inline-block;
		margin-bottom: 5px;
	}
	#fv ul li.day{
		font-size: 18px;
		display: block;
		margin-bottom: 10px;
	}
	#fv ul li.day b{
		font-size: 28px;
	}
	#fv ul li.time{
		font-size: 18px;
		display: block;
		margin-bottom: 10px;
	}
	#fv ul li.place{
		font-size: 18px;
		margin-bottom: 20px;
	}
	#fv ul li.place span{
		font-size: 14px;
	}
	#fv ul li.place img,
	#fv ul li.time img,
	#fv ul li.day img{
		margin: 0px;
		width: 16px;
	}
	#fv ul li.btn{
		margin-bottom: 20px;
	}
	#fv ul li.btn a{
		font-size: 20px;
		line-height: 80px;
		width: 87.5%;
		height: 80px;
	}
	#fv ul li.btn a:after{
		width: 20px;
	}
	#fv ul li.btn a span{
		font-size: 14px;
	}
	#fv ul li.point{
		font-size: 15px;
		padding: 0px 10px;
		margin-bottom: 10px;
	}
	#fv ul li.point img{
	width: 15px;
	margin: 0px 2px 0px 8px;
	}
	#fv ul li.f-nav{
		position: absolute;
		bottom: 0px;
		left: 0px;
		display: none;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼参加企業 --*/
	/*-- --------- --------- --------- --*/



	div[id*="join"] ul{
		position: relative;
		height: 200px;
		overflow: hidden;
	}
	div[id*="join"] ul.open{
		overflow: visible;
	}
	div[id*="join"] ul li{
		font-size: 14px;
		line-height: 1.2em;
		margin: 15px 10px 15px 10px;
		padding: 0px;
	}
	div[id*="join"] ul + a.more{
		line-height: 60px;
		display: block;
		height: 60px;
		margin-bottom: 20px;
		background: #efefef;
		position: relative;
	}
	div[id*="join"] ul + a:after{
		content: "";
		display: block;
		width: 100%;
		height: 200px;
		background: -moz-linear-gradient(top, rgba(0,51,84,0) 0%, rgba(0,51,84,0.5) 100%);
		background: -webkit-linear-gradient(top, rgba(0,51,84,0) 0%,rgba(0,51,84,0.5) 100%);
		background: linear-gradient(to bottom, rgba(0,51,84,0) 0%,rgba(0,51,84,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003354', endColorstr='#80003354',GradientType=0 );
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: -1;
	}
	div[id*="join"] ul + a.active:after{
		content: none;
	}
	div[id*="join"] a.close{
		display: block;
	}
	div[id*="join"] ul li span{
		width: 100%;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼参加企業一覧 --*/
	/*-- --------- --------- --------- --*/
	div[id*="join-list"] h3{
		font-size: 20px;
		padding: 20px;
	}
	div[id*="join-list"] > div{
		margin: 10px;
		background: none;
	}
	div[id*="join-list"] table tr{
		display: block;
		background: #ffffff;
		border: solid 1px #045CB4;
		border-radius: 4px;
		margin: 0px 0px 10px 0px;
		padding-bottom: 10px;
		position: relative;
	}
	div[id*="join-list"] table th{
		color: #ffffff;
		font-size: 16px;
		display: block;
		width: auto;
		margin-bottom: 10px;
		background: #045CB4;
	}
	div[id*="join-list"] table th a{
		color: #ffffff;
		font-size: 16px;
		text-decoration: underline;

	}
	div[id*="join-list"] table td{
		font-size: 14px;
		display: block;
		width: auto;
		padding: 0px 10px;
	}

	div[id*="join-list"] table td:nth-of-type(1){
		display: none;
	}
	div[id*="join-list"] table td:nth-of-type(2):before{
		content: "事業内容：";
		display: block;
		font-weight: bold;
		margin-top: 5px;
	}
	
	div[id*="join-list"] table td:nth-of-type(3):before{
		content: "業務内容：";
		display: block;
		font-weight: bold;
		margin-top: 5px;
	}
	div[id*="join-list"] table td:nth-of-type(4):before{
		content: "雇用形態：";
		display: block;
		font-weight: bold;
		margin-top: 5px;
	}
	div[id*="join-list"] table td:last-child{
		position: absolute;
		bottom: 10px;
		right: 0px;
	}
	div[id*="join-list"] a.close.top{
		font-size: 30px;
		line-height: 50px;
		width: 50px;
		height: 50px;
	}
	div[id*="join-list"] a.close.bottom{
		color: #ffffff;
		line-height: 40px;
		text-align: center;
		display: block;
		width: 100px;
		height: 40px;
		margin: 50px auto 150px auto;
		background: #ff3333;
		border-radius: 5px;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼イベント内容 --*/
	/*-- --------- --------- --------- --*/
	#event-content ul li div.image{
		width: 100%;
		float: none;
		border-radius: 5px 5px 0px 0px;
		overflow: hidden;
		position: relative;
		height: auto;
	}
	#event-content ul li div.image img{
		position: relative;
	}
	#event-content ul li div a.btn{
		font-size: 20px;
		height: 60px;
		line-height: 60px;
	}
	#event-content ul li div a.btn:after{
		width: 20px;
	}
/*241008 写真無しの場合本文に食い込んでいたためパディング調節*/
	#event-content ul li div.text{
		width: 100%;
		padding: 50px 20px 40px;
		float: none;
	}
	#event-content ul li div b i{
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		transition: all 0.3s;
	}
	#event-content ul li div b i:before,
	#event-content ul li div b i:after{
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background: #003252;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: auto auto;
	}
	#event-content ul li div b i:after{
		width: 3px;
		height: 100%;
	}
	#event-content ul li div b.active i{
		transform: rotate(45deg);
	}
	#event-content ul li:nth-child(2n) div.image{
		border-radius: 5px 5px 0px 0px;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼参加特典 --*/
	/*-- --------- --------- --------- --*/
	#present ul li{
		float: none;
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼入場までの流れ --*/
	/*-- --------- --------- --------- --*/
	#event-step ul{
		background: #f0f5f7;
		padding: 0px;
	}
	#event-step ul li:nth-child(1){
		background: url("../img/step-allow_sp.png")no-repeat center bottom / 100% 50px;
		padding-bottom: 40px;
	}
	#event-step ul li:nth-child(2){
		background: url("../img/step-allow_sp.png")no-repeat center bottom / 100% 50px;
		padding-top: 0px;
		padding-bottom: 40px;
	}
	#event-step ul li:nth-child(3){
		padding-top: 0px;
	}

	#event-step ul li{
		float: none;
		width: 100%;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼入場までの流れ --*/
	/*-- --------- --------- --------- --*/
	#access ul{
		margin-bottom: 20px;
	}
	#access ul li{
		margin-bottom: 10px;
	}
	#access ul li:nth-child(1),
	#access ul li:nth-child(2){
		font-size: 18px;
	}
	#access ul li span{
		display :inline-block;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼お問い合わせ --*/
	/*-- --------- --------- --------- --*/
	#contact b{
		font-size: 18px;
		line-height: 20px;
	}
	#contact b img{
		width: 18px;
		height: 18px;
		margin-right: 5px;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼イベント概要 --*/
	/*-- --------- --------- --------- --*/
	#summary table th,
	#summary table td{
		padding: 5px;
	}
	#summary table th{
		font-weight: bold;
	}
	#single #summary table + a{
		font-size: 20px;
		line-height: 60px;
		width: 240px;
		height: 60px;
		margin-top: 20px;
	}
	#single #summary table + a:after{
		width: 20px;
	}
	/*-- --------- --------- --------- --*/
	/*-- ▼フローティングナビ --*/
	/*-- --------- --------- --------- --*/
	#move-nav{
		padding: 0px;
		transition: all 0.2s linear 0s;
	}
	#move-nav a{
		font-size: 15px;
		line-height: 45px;
		display: block;
		width: auto;
		height: 45px;
		margin: 10px;
	}
	#move-nav a:after{
		width: 20px;
	}
	#move-nav a span{
		font-size: 15px;
	}
}