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

/*スマホ用スタイル*/
@media screen and (max-width: 900px){
.only_sp{
	display:block;
}
.only_pc,
.sidebar{
	display:none;
}
	
	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"],
	input[type="button"] {
	  border-radius: 0;
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}

/*common*/
	.logo{
		width:30%;
		margin:0 auto;
	}
	.pageHeader{
		height:70px;
	}
	.icn_menu,
	.icn_close {
    	width: 40px;
   		position: absolute;
    	top: 35px;
		right: 10px;
		font-size:25px;
		color:#666;
		background:#fff;
		text-align:center;
		transform: translateY(-50%);
	}
	.gsnav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 70px;
		z-index: 1000;
		display:none;
	}
	.gsnav ul {
		background: #fff;
	}
	.gsnav > ul > li:not(:last-child) {
		border-bottom: 1px solid #fff;
	}
	.gsnav ul li a,
	.gsnav ul li span{
		color: #333;
		display: block;
		padding: 1em 16px;
		/*border-bottom:1px solid #eee;*/
		position:relative;
	}
	.gsnav ul li:nth-child(odd){
		background:#efefef;
	}
	.gsnav ul > li a:after{
		display:block;
		content:"\f054";
		font-family:"Font Awesome 5 Free";
		font-weight:900;
		color:#ccc;
		position:absolute;
		top:50%;
		right:1em;
		transform: translateY(-50%);
	}
	.pageFooter{
		text-align:center;
	}
	.pageFooter a{
		color:#fff;
	}
	.flogo{
		width:30%;
		margin:0 auto 1em;
	}
	.fgnav{
		margin:0 0 3em;
	}
	.fgnav li{
		width:48%;
		padding-right:0;
		text-align:left;
		display:inline-block;
		float:left;
	}
	.fadd{
		width:100%;
		margin:0 0 2em;
	}
	.foot_bnr a{
		width:31%;
		margin-bottom:1em;
	}
	
	/*page_common*/
	.page_ttl01{
		font-size:calc(24/320*100vw);
	}
	.page_ttl02{
		font-size:calc(14/320*100vw);
		margin:0 0 1em;
	}
	.page_head{
		padding:2em 0;
		margin:0 0 2em;
	}
	.page_head_ttl01{
		font-size:calc(24/320*100vw);
	}
	.page_head_ttl02{
		font-size:calc(12/320*100vw);
	}
	.page_ttl03{
		font-size:calc(24/320*100vw);
		margin: 0 0 1em;
		padding-left: 26px;
	}
	.com_box01{
		padding:3em 0;
	}
	
	/*top*/
	.top_main{
		padding:5em 2%;
	}
	.top_main_ttl{
		font-size:calc(24/320*100vw);
	}
	.top_main_txt{
		font-size:calc(12/320*100vw);
	}
	.top_concept_ttl01{
		font-size:calc(16/320*100vw);
	}
	.top_concept_ttl02{
		font-size:calc(16/320*100vw);
	}
	.top_concept_unit01{
		width:100%;
		margin:0 0 1em;
	}
	.top_service_unit01{
		width:100%;
		margin:0 0 2em;
	}
	.top_service_ttl{
		font-size:calc(18/320*100vw);
	}
	.top_service_txt{
		font-size:calc(14/320*100vw);
	}
	.top_blog_unit{
		width:50%;
		padding:0 2%;
		margin:0 0 2em;
	}
	.top_recruit_inner li a{
		font-size:calc(14/320*100vw);
	}
	.top_company_img{
		width:100%;
		margin:0 0 2em;
		text-align:center;
	}
	.top_company_txt{
		width:100%;
	}
	
	/*service*/
	.service_box01_txt{
		width:100%;
	}
	.service_box01_img{
		width:100%;
		text-align:center;
		margin:0 0 2em;
	}
	.service_ttl01{
		font-size:calc(16/320*100vw);
	}
	.service_box01_imginner div{
		width:50%;
	}
	.service_ttl02{
		font-size:calc(16/320*100vw);
	}
	
	/*company*/
	.company_ttl01{
		font-size:calc(24/320*100vw);
	}
	.company_box01_img{
		width:100%;
		margin:0 0 2em;
	}
	.company_box01_txt{
		width:100%;
	}
	.company_box01_name{
		display:block;
		font-size:calc(20/320*100vw);
	}
	.company_box02_tb th,
	.company_box03_tb th{
		width:100%;
		background:#efefef;
		display:block;
		padding: 1em 2em;
	}
	.company_box02_tb td,
	.company_box03_tb td{
		width:100%;
		display:block;
		padding: 1em 2em;
	}
	.company_box04_txt01{
		width:100%;
		margin:0 0 1em;
	}
	.company_box04_link{
		width:100%;
		margin:0 0 2em;
	}
	
	/*recruit*/
	.recruit_box01{
		flex-direction: column-reverse;
	}
	.recruit_box01_img01{
		width:100%;
		margin:0 0 1em;
	}
	.recruit_box01_img01 div{
		text-align:center;
	}
	.recruit_box01_txt01{
		width:100%;
	}
	.recruit_box01_ttl01{
		font-size:calc(20/320*100vw);
	}
	.recruit_box02_unit{
		width:90%;
		margin:0 auto;
	}
	.recruit_ttl01{
		font-size:calc(24/320*100vw);
	}
	.recruit_box02_name{
		font-size:calc(20/320*100vw);
	}
	.recruit_ttl02{
		font-size:calc(18/320*100vw);
	}
	.recruit_box04 li{
		width:33.333333%;
	}
	.recruit_box04 li:last-child{
		display:none;
	}
	.recruit_box05_tb th,
	.recruit_box05_tb td{
		width:100%;
		display:block;
	}
	
	/*recruits*/
	.recruits_main{
		margin:0 0 2em;
	}
	.recruits_unit01:nth-of-type(odd) .recruits_qa01,
	.recruits_unit01:nth-of-type(even) .recruits_qa01{
		padding-left:0;
		padding-right:0;
	}
	.recruits_thum01,
	.recruits_thum02{
		display:none;
	}
	.recruits_unit01{
		padding:2em 1em;
	}
	.recruits_qa01 dt{
		font-size:calc(18/320*100vw);
	}
	.recruits_bnr{
		padding:2em 0;
		margin:2em auto 0;
	}
	.recruits_bnr_inner li{
		margin:0 0 1em;
	}
	
	/*contact*/
	p.contact_head_txt01{
		font-size:calc(18/320*100vw);
	}
	.contact_tb th,
	.contact_tb td{
		width:100%;
		display:block;
		text-align:left;
	}
	
	/*archive*/
	.archive_unit{
		width:50%;
		padding:0 2%;
		margin: 0 0 1em;
	}
	
	/*blog add*/
	.blog_box01 div:first-child{
		width:100%;
		margin:0 0 1em;
	}
	.blog_box01 div:last-child{
		width:100%;
	}
	
}