@media screen and (max-width: 850px) {
	html{
		overflow: auto;
	}
	
	body{
		width: 100%;
		font-size: 0.95em;
		font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 'メイリオ', Meiryo;
	}
	
	.pc{
		display: none;
	}
	
	.mobile{
		display: block !important;
	}
	
	.table_style th,
	.table_style td{
		padding: 7px;
	}
	
	/*ヘッダー*/
	#header{
		position: fixed;
		z-index: 1000;
		width: 100%;
		height: 60px;
		transition: .5s
	}
	
	#header_inner{
		overflow: hidden;
		height: 60px;
	}
	
	#header_inner h1 img{
		width: 240px;
	}
	
	#header_inner p img{
		width: 240px;
	}
	
	.index_head{
		background-color: rgba(38,107,175,0.8);
	}
	
	
	#nav{
		position: fixed;
		width: 220px;
		height: 60px;
		top:0;
		right:-160px;
		/*height: 100vh;*/
		transition: .5s right;
		z-index: 100;
	}
	
	.open{
		background-color: transparent !important;
	}
	
	.open h1{
		opacity: 0;
	}

	.open #nav{
		right:0 !important;
	}
	
	.open #overray{
		visibility: visible;
		opacity: 1;
	}
	
	#menu-btn,
	#menu-btn span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	#menu-btn {
	  position: relative;
	  width: 50px;
	  height: 40px;
	  margin-top: 10px;
	  margin-right: 10px;
			vertical-align: top;
	}
	#menu-btn span {
	  position: absolute;
	  left: 0;
	  width: 90%;
	  height: 4px;
	  background-color: #fff;
	}
	#menu-btn span:nth-of-type(1) {
	  top: 0;
	}
	#menu-btn span:nth-of-type(2) {
	  top: 11px;
	}
	#menu-btn span:nth-of-type(3) {
	  top: 22px;
	}
	
	#menu-btn span:nth-of-type(4){
		font-size: 14px;
		display: block;
		text-align: center;
		top:30px;
	  background-color: transparent;
		height: auto;
			
	}
	#menu-btn span:nth-of-type(5){
		font-size: 14px;
		display: none;
		text-align: center;
		top:30px;
	  background-color: transparent;
		height: auto;
			
	}

	.open #menu-btn span:nth-of-type(1) {
	  -webkit-transform: translateY(11px) rotate(-45deg);
	  transform: translateY(10px) rotate(-45deg);
	}
	.open #menu-btn span:nth-of-type(2) {
	  opacity: 0;
	}
	.open #menu-btn span:nth-of-type(3) {
	  -webkit-transform: translateY(-11px) rotate(45deg);
	  transform: translateY(-11px) rotate(45deg);
	}
	.open #menu-btn span:nth-of-type(4) {
			display: none;
	}
	.open #menu-btn span:nth-of-type(5) {
			display: block;
	}
	
	#nav ul{
		vertical-align: top;
		background-color: rgba(38,107,175,0.8);
		height: 100vh;
	}
	
	#nav ul li:first-of-type{
		padding: 10px 0;
	}
	
	#nav ul li{
		display: block;
		width: 160px;
		border-bottom:1px solid #BED4ED;
	}
	
	#nav ul li a{
		display: block;
		width: 160px;
		color:#fff !important;
		padding: 15px 0;
	}

	
	/*トップページ*/
	
	#index_main{
		width: 100%;
	}

	#index_copy{
		height:100vh;
		padding-top: 70px;
	}
	
	#index_copy img{
		bottom:-70px;
	}

	.copy_inside p{
		font-size: 16px;
	}

	.back_b{
		text-align: left;
		padding: 20px 10px;
		box-sizing: border-box;
		font-size: 16px;
	}
	
	#top_work_link>div{
		width:49%;
		max-width: 300px;
		margin-bottom: 10px;
		border: 2px solid #fff;
	}
	
	#top_work_link>div a{
	}
	
	#top_work_link img{
		height:auto;
	}
	
	#top_work_link p{
		font-size: 13px;
		letter-spacing: 0.2rem;
	}
	
	#company_inner{
		width: 95%;
		margin: auto;
	}
	
	#company_inner h2{
		font-size: 25px;
	}
	
	#company_inner h3{
		text-indent:15px;
		font-size: 22px;
	}
	
	.back_w{
		padding: 15px 15px 10px 15px;
	}
		
	#philosophy strong{
		font-size: 20px;
	}
	
	#philosophy p{
		margin-bottom: 15px;
	}
	
	#company_table{
		width: 100%;
	}
	
	#map{
		margin-top: 20px;
		width:100%;
	}
	
	#initmap{
		height: 380px;
	}
	
	#index_link{
		flex-direction: column;
		padding-bottom: 0;
	}

	#index_link a{
		width: 90%;
		margin: 0 auto 5% auto;
		font-size: 18px;
		font-weight: bold;
		color: white;
		text-align: center;
		padding: 20px;
	}

	.chatchPhrase p{
		font-size: 12px !important;
	}

	.chatchPhrase2{
		display: none;
	}

	/*コンテンツページ共通*/
	.contents_head{
		height: 200px;
	}
	
	.contents_head h1{
		margin: 0;
		padding-top: 110px;
		font-size: 24px;
	}
	
	.contents_main h2{
		font-size: 24px;
	}
	
	.contents_main h3{
		font-size: 20px;
	}
	
	/*事業内容*/
	.sp{
		display: block;
	}

	.works_child{
		padding: 90px 0 30px 0;
		margin-top:-60px;
	}
	
	.works_child span{
		font-size: 16px;
	}
	
	/*
	.works_child a{
		pointer-events:all;
	}*/
	
	/*採用情報*/
	#recruit_catch{
		height:100px;
		margin: 15px 0;
	}
	
	#recruit_catch img{
		max-width: 500px;
	}
	
	.recruit_tbl{
		display: block;
	}
	
	.recruit_tbl .th,
	.recruit_tbl .td{
		width:100%;
		min-height: 0px;
		display: block;
	}
	
	.recruit_tbl .th{
		padding: 10px 0;
		margin-bottom: 0;
		text-align: center;
	}

	.recruit_tbl .th:after{
		right: 0;
		left: 0;
		bottom:-70px;
		border-width: 30px 60px 0 60px;
		border-color: #054497 transparent transparent transparent;
	}
	
	.recruit_tbl .td{
		padding: 30px 10px 0px 10px;
	}
	.recruit_tbl .td strong{
		font-size:18px;
	}
	
	.recruit_tbl .td p{
		font-size:16px;
	}
	.recruit_tbl .td span{
		font-size:16px;
	}
	
	.person,
	.income{
		text-align: center;	
	}
	
	#recruit_main .table_style th{
		width:65px;
	}
	
	#app{
		display: block;
		margin: 10px auto;
	}
	
	#app div{
		width: 100%;
	}
	
	#app>a{
		width: 100%;
		display: block;
		min-height: 0;
		margin: 15px auto;
		max-width: 350px;
		font-size: 18px;
	}

	.benefit_first{
		flex-direction: column;
	}

	.benefit_first>.benefit_img,
	.benefit_second>.benefit_img {
		max-width: none;
		margin-bottom: 0;
	}

	.benefit_first>.benefit_text{
		position: relative;
		bottom: inherit;
		left: inherit;
		padding: 30px;
		max-width: none;
	}

	.benefit_second{
		flex-direction: column-reverse;
	}

	.benefit_second>.benefit_text{
		position: relative;
		bottom: inherit;
		right: inherit;
		padding: 30px;
		max-width: none;
	}

	.benefit_text h3{
		margin: 0 0 10px 0;
	}

	/*お問い合わせ*/
	.formTable th{
		background-color: #2796E7;
		border: 1px solid #2796E7;
		font-weight: bold;
	}
	
	.formTable th,
	.formTable td{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 8px;
	}
	
	.formTable textarea{
		width: 95% !important;
	}
	
	.formTable input{
		border:1px solid #777;
	}
	
	/*会社概要*/

	.greeting_back{
		padding: 50px 0;
	}

	.greeting_inner{
		width: 80%;
		padding: 30px;
	}

	.philosophy_img,
	.philosophy_txt{
		max-width: inherit;
		width: 100%;
		position: relative;
		margin: 0 auto;
	}

	.company_child_inner> .flex{
		flex-direction: column;
	}

	.philosophy_img{
		width: 100%;
	}

	.philosophy_img img{
		position: relative;
		width: 100%;
		top: inherit;
		left: inherit;
		transform: none;
		padding: 20px;
	}

	.philosophy_img{
		overflow:inherit;
	}

	.philosophy_title{
		font-size: 18px;
	}

	.philosophy_txt{
		padding: 25px;
	}

	#company_table{
		width: 90%;
	}

	/*フッター*/
	#footer{
		margin-bottom: 53px;
	}

	#foot_info{
		width: 98%;
		margin:15px auto;
	}
	
	#foot_info p{
		text-align: left;
		margin-top: 10px;
		font-size: 16px;
	}
	
	#foot_list {
		display: none;
		position: static;
		margin-top: 0px;
		margin-bottom: 20px;
		text-align: left;
		width: 100%;
	}
	
	#foot_list ul {
		display: block;
		max-width: 400px;
	}
	
	#foot_list li {
		display: block;
		padding: 5px 0;
		width: 100%;
		font-size: 18px;
		border-bottom: 1px solid #fff;
	}
	#foot_list>a {
		display: block;
		width: 100%;
		margin: 10px auto;
	}

	.sns_icon{
		display: none;
	}

	.sns_iconSP{
		z-index: 999;
		display: flex;
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	.mailSP{
		background-color: #054497;
		width: 50%;
	}
	.mailSP>a{
		display: flex;
		color: white;
		font-weight: bold;
		padding: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mailSP>a>p{
		margin-left: 10px;
	}
	.lineSP{
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #054497;
	}
	.line-it-button{
		width: 160px !important;
		height: 53px !important;
	}
}