@charset "utf-8";
.pc { display: block; }
.sp { display: none; }

@media screen and (max-width: 768px) {
	img {
		width: 100%;
		height: auto;
	}
	.pc { display: none ; }
	.sp { display: block; }
	#header_box, #footer #footer_box, .s_container {
		width: 100%;
		float: none;
	}
	.container {
	width: 100%;
	margin: 0 auto 2%;
	}
	.pic_l .img, .pic_r .msg,
	.pic_l .msg, .pic_r .img {
	float: none;
	margin-bottom: 2%;
	width: auto;
	}
	h1 {
		width: 30%;
		position: absolute;
		top: 0;
		left: 35%;
		z-index:1001;
	}
	#header {
		height: 80px;
	}
	#main_visual {
		clear: both;
		height: auto;
	}
	#main_visual_box{
		width: 100%;
		margin: 0 0 2% 0;
	}
	#main h2 {
		font-size: 26px;
	}
	.section {
		margin-bottom: 4%;;
	}
	.container p {
		margin-top:3%;
	}
	
	/* footer  */
	#footer {
		background: none;
		height: auto;
	}
	#footer_box ul {
		width: 100%;
		margin: 0;
		padding: 0;
		background:#FFF;
	}
	#footer_box ul li {
		text-align: left;
		float: none;
		width: 100%;
		font-size: 13px;
	}
	#footer_box ul li a {
		color: #333;
		text-decoration: none;
		padding: 10px 4%;
		display: block;
		border-top: dotted 1px #999;
	}
	#footer_box #footer_info {
		background: #7EC1E4;
		color: #FFF;
		border-top: none;
		font-size: 12px;
		padding: 1.5% 0;
	}
	#footer_box #footer_info span {
		font-weight: bold;
		display: block;
	}
	#footer_box .copy  {
		margin: 0;
		padding: 1%;
		text-align: center;
		color: #fff;
   	background: #139ECD;
	}
	#intro {
		background: none;
		padding-top: 4%;
	}
	#intro h2 {
		max-width: 500px;
		margin: 0 auto;
	}
	#intro .container p {
		font-size: 15px;
	}
	#news .s_container {
		background: #139ECC;
		width: 94%;
		padding: 3%;
		height: auto;
	}
	#news .s_container img {
		float: none;
	}
	#news .s_container .news_box {
		float: none;
		padding: 3%;
		width: 94%;
		background: #fff;
	}
	#news .txt_c {
		max-width: 252px;
		margin: 3% auto 0;
	}
	#access .container {
		width: 100%;
	}
	#access .container iframe {
		width: 100%;
		float: none;
		height: 200px;
		margin-bottom: 4%;
	}
	#access .container .img li {
		margin-left: 4%;
		width: 48%;
	}
	#access .container .img li:first-child {
		margin-left: 0;
	}
	#access .col3_box {
		width: 100%;
	}
	#access .col3 {
		width: 31%;
		margin: 0 1%;
	}
	#access .col3 img {
		float: none;
		max-width: 75px;
		margin: 0 auto;
		display: block;
	}
	#access .col3 dt,
	#access .col3 dd {
	}
	#link_box ul li {
		float: none;
		max-width: 423px;
		margin: 0 auto;
	}
	#link_box ul li.last {
		max-width: 354px;
	}
	.section#link_area #twitter {
		float: none;
		width: 93%;
		padding: 3.5%;
		margin-bottom: 3%
	}
	.section#link_area #twitter_inner {
		padding: 2%;
	}
	.section#link_area ul.link {
		max-width: 423px;
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.page_recruit table tr {
		display: block;
	}
	.page_recruit table th,
	.page_recruit table td {
		padding: 2%;
		width: 96%;
		display: list-item;
		list-style: none;
	}
	.page_info .container .img  {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.page_access .mapbox .img,
	.page_access .mapbox .msg {
		float: none;
	}
	.page_access .mapbox .img {
		max-width: 700px;
		width: 96%;
		margin: 0 auto 20px;
	}
	/*----------page_contact--------------*/
	.page_contact .section {
		width: 96%;
		margin: 0 auto;
	}
	.page_contact table.tb_style {
		border: none;
	}
	.page_contact table th,
	.page_contact table td {
		padding: 2%;
		width: 100%;
		box-sizeing: padding-box;
		display: block;
	}
	.page_menu .menu_box ul li {
		float: left;
		width: 50%;
	}
	.page_menu .menu_box .col2 {
		width: 100%;
	}
	/*----------page_news--------------*/
	.page_news td.time,
	.page_news td {
		width: 100%;
		display: block;
	}
	/*----------.page_flow--------------*/
	.page_flow .col4 {
		float: none;
		margin: 0 auto 10px;
		padding-left: 0;
		background: url(../images/flow/arrow02.png) no-repeat center top;
		padding-top: 30px;
	}
	.page_flow .col4 br {
		display: none;
	}
	.page_flow .att {
		padding: 20px 10px 0 10px ;
	}
	
	/*----------.page_item--------------*/
	.page_item .col {
		float: left;
		width: 46%;
		margin: 0 2%;
		text-align: center;
	}
	.page_item .col img {
		max-width: 140px;
		display: block;
		margin: 0 auto;
	}
	.page_item .col span {
		height: 40px;
	}
	/*----------.page_service--------------*/
	.page_service .pic_l {
		max-width: 100%;
	}
	.page_service .pic_l .img {
		width: 90%;
		max-width: 400px;
		margin: 0 auto 20px;
	}
	.page_service .pic_l .msg {
		width: 100%;
		float: none;
	}
	.page_service .pic_l .msg span {
		font-size: 140%;
		line-height: 1.6em;
	}
	#point p img {
		max-width: 300px;
		margin: 0 auto;
		display: block;
	}
	
	/*----------.page_results--------------*/
	.page_results .pic_l {
		border-bottom: solid 1px #999;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.page_results .pic_l .img {
		width: 90%;
		max-width: 600px;
		margin: 0 auto 20px;
		float: none;
	}
	.page_results .pic_l .msg {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.page_results .pic_l span {
		font-size: 130%;
		margin-bottom: 10px;
		line-height: 1.4em;
	}
		
}	
@media screen and (max-width: 480px) {
	h1 {
		width: 40%;
		left: 30%;
	}
	#header {
		height: 55px;
	}

}