@charset "UTF-8";

/* INTERFACE */

.sp_br{
	display:none;
}

/*home_subtitle_area*/
.home_subtitle_area p{
	font-size:14px;
}

/*=====header=====*/
@media only screen and (max-width:900px){
	body>header>div{
		height:60px;
	}
	
	/*logo*/
	body>header>div h1{
		height:24px;
		margin:18px 0 0;
	}
	
	/*global nav*/
	body>header>div nav{
		display:none;
		box-sizing:border-box;
		max-width:400px;
		width:100%;
		height:auto;
		padding:60px 30px;
		background-color:#005087;
		position:absolute;
		top:0;
		right:0;
		float:none;
	}
	
	body>header>div nav>ul{
		margin:0 0 30px;
		text-align:left;
		font-size:14px;
		float:none;
	}
	
	body>header>div nav>ul>li{
		float:none;
	}
	
	body>header>div nav>ul>li>a:link,
	body>header>div nav>ul>li>a:visited{
		width:100%;
		height:auto;
		padding:25px 0;
		border-bottom:1px solid #fff;
		color:#fff;
		text-indent:0;
		letter-spacing:0;
	}
	
	body>header>div nav>ul>li>a:hover,
	body>header>div nav>ul>li>a:active{
		padding:25px 0 23px;
		border-bottom:3px solid #fff;
		color:#fff;
	}
	
	/*下層ページ*/
	body>header>div nav>ul>li.active>span,
	body>header>div nav>ul>li.active>a:link,
	body>header>div nav>ul>li.active>a:visited{
		width:100%;
		height:auto;
		padding:25px 0 23px;
		border-bottom:3px solid #fff;
		color:#fff;
		text-indent:0;
	}
	
	body>header>div nav>ul>li>a>span,
	body>header>div nav>ul>li>span>span{
		padding:0;
		border-left:none;
	}
	
	body>header>div nav>ul>li:last-child>a>span,
	body>header>div nav>ul>li:last-child>span>span{
		border-right:none;
	}
	
	body>header>div nav>ul>li>a>span span,
	body>header>div nav>ul>li>span>span span{
		display:inline-block;
		margin:0 0 0 5px;
	}
	
	/*mega_menu*/
	#mega_menu>a:link,
	#mega_menu>a:visited{
		background-image:none;
	}
	
	#mega_menu>a:hover,
	#mega_menu>a:active,
	#mega_menu>a.active{
		padding:25px 0 23px;
		border-bottom:3px solid #fff;
		color:#fff;
	}
	
	/*sub_menu*/
	#sub_menu{
		visibility:visible;
		padding:0 0 10px 15px;
		background-color:transparent;
		position:static;
	}
	
	#sub_menu>a:link,
	#sub_menu>a:visited{
		display:none;
	}
	
	#sub_menu ul{
		width:100%;
		text-align:left;
		font-size:13px;
	}
	
	#sub_menu ul li{
		width:100%;
		margin:0;
		float:none;
	}
	
	#sub_menu ul li a:link,
	#sub_menu ul li a:visited{
		padding:18px 0;
		border:none;
		border-bottom:1px solid #fff;
	}
	
	#sub_menu ul li a:hover,
	#sub_menu ul li a:active{
		background-image:url(../img/interface/arrow_right.svg);
		background-position:right 10px center;
		background-color:transparent;
		color:#fff;
	}
	
	/*sub_link_area*/
	#sub_link_area{
		padding:0;
		float:none;
		position:relative;
	}
	
	#sub_link_area>div span{
		margin:0 0 10px;
		padding:0 0 0 20px;
		background-image:url(../img/interface/icon_global-.svg);
		background-size:14px 14px;
		color:#fff;
		font-size:12px;
		line-height:14px;
		display:table;
		position:absolute;
		left:0px;
		top:40px;
	}
	
	#sub_link_area>div span a:link,
	#sub_link_area>div span a:visited{
		color:#fff;
	}
	
	#sub_link_area>div>a:link,
	#sub_link_area>div>a:visited{
		color:#fff;
		font-size:12px;
	}
	
	#sub_link_area>div>a:hover,
	#sub_link_area>div>a:active{
		opacity:0.8;
		color:#fff;
	}
	
	/*menu_btn*/
	#menu_btn{
		display:block;
		width:22px;
		height:18px;
		background-image:url(../img/interface/menu_btn.svg);
		background-repeat:no-repeat;
		background-size:22px 18px;
		background-position:center center;
		position:absolute;
		top:21px;
		right:30px;
		z-index:4;
	}
	
	#menu_btn.active{
		background-image:url(../img/interface/close_btn.svg);
	}
}
/*=====header END=====*/

/*=====footer=====*/
@media only screen and (max-width:900px){
	/*footer_top_area*/
	#footer_top_area{
		padding:40px 0;
	}
	
	#footer_top_area>a:link,
	#footer_top_area>a:visited{
		width:110px;
		margin:0 auto 15px;
	}
	
	#footer_top_area address{
		font-size:13px;
	}
	
	/*footer_bottom_area*/
	#footer_bottom_area{
		display:block;
		padding:35px 0 65px;
		overflow:hidden;
	}
	
	/*1階層*/
	#footer_bottom_area>ul{
		display:block;
		margin:0 0 20px;
		font-size:15px;
		float:left;
	}
	
	/*2階層*/
	#footer_bottom_area>ul>li>ul{
		font-size:13px;
	}
	
	/*ATOXについて*/
	#footer_bottom_area>#footer_nav1{
		width:28%;
	}
	
	/*事業案内*/
	#footer_bottom_area>#footer_nav2{
		width:32%;
	}
	
	/*企業情報*/
	#footer_bottom_area>#footer_nav3{
		width:20%;
	}
	
	/*採用情報*/
	#footer_bottom_area>#footer_nav4{
		width:20%;
	}
	
	/*その他*/
	#footer_bottom_area>#footer_nav5{
		width:100%;
		margin:60px 0 0;
		text-align:center;
		font-size:12px;
		font-weight:normal;
		overflow:hidden;
	}
	
	#footer_bottom_area>#footer_nav5>li{
		display:table;
		padding:0 20px 0 0;
		float:left;
	}
}

/*=====footer END=====*/

/* INTERFACE END */


/*====================home_advantage_area====================*/

@media only screen and (max-width:900px){
	#home_advantage_area{
		margin:100px auto;
		text-align:center;
	}
	
	#home_advantage_area:after{
		top:-12%;
		right:auto;
		left:50%;
		transform:translate(-50%,0);
	}
	
	#home_advantage_area>div:first-of-type{
		width:90%;
		margin:0 auto 25px;
		padding:58% 0 0;
		position:relative;
		top:0;
		left:7%;
		transform:translate(0,0);
	}
	
	#home_advantage_area>div:last-of-type{
		display:block;
		width:100%;
		min-width:auto;
	}
	
	#home_advantage_area>div:last-of-type p:first-of-type img{
		max-width:500px;
	}
	
	#home_advantage_area>div:last-of-type .btn_more{
		margin:0 auto;
	}
}

/*====================home_advantage_area END====================*/


/*====================home_human_tech_area====================*/

@media only screen and (max-width:900px){
	#home_human_tech_area{
		margin:100px auto;
		text-align:center;
	}
	
	#home_human_tech_area:after{
		top:-5%;
		right:auto;
		left:50%;
		transform:translate(-50%,0);
	}
	
	#home_human_tech_area>div:first-of-type{
		width:90%;
		margin:0 auto;
		padding:60% 0 0;
		position:relative;
		top:0;
		right:auto;
		left:-8%;
		transform:translate(0,0);
	}
	
	#home_human_tech_area>div:last-of-type{
		display:block;
		width:100%;
		min-width:auto;
	}
	
	#home_human_tech_area>div:last-of-type h2{
		text-align:center;
	}
	
	#home_human_tech_area>div:last-of-type p:first-of-type{
		text-align:center;
	}
	
	#home_human_tech_area>div:last-of-type p:first-of-type img{
		max-width:500px;
	}
	
	#home_human_tech_area>div:last-of-type .btn_more{
		margin:0 auto;
	}
}

/*====================home_human_tech_area END====================*/


/*====================home_business_area====================*/

@media only screen and (max-width:800px){
	#home_business_area>div:last-of-type article a h3{
		margin:0 0 15px;
		font-size:17px;
	}
	
	#home_business_area>div:last-of-type article a p{
		padding:0 6% 25px;
		font-size:13px;
	}
}

/*====================home_business_area END====================*/


/*====================home_service_area====================*/

@media only screen and (max-width:800px){
	#home_service_area>div:last-of-type article a>img{
		width:25%;
	}
	
	#home_service_area>div:last-of-type article a>div{
		width:75%;
	}

	#home_service_area>div:last-of-type article a>div h3{
		margin:0 0 10px;
		font-size:15px;
	}
	
	#home_service_area>div:last-of-type article a>div p{
		font-size:13px;
		line-height:1.6;
	}
}

/*====================home_service_area END====================*/


/*====================home_news_area====================*/

@media only screen and (max-width:900px){
	#home_news_list article{
		width:calc(50% - 15px);
		margin:0 30px 30px 0;
	}
	
	#home_news_list article:nth-child(2){
		margin:0 0 30px 0;
	}
	
	#home_news_list article:nth-child(3){
		margin:0 30px 0 0;
	}
}

/*====================home_news_area END====================*/


/*====================home_challenge_area====================*/

@media only screen and (max-width:800px){
	#home_challenge_area>a:link,
	#home_challenge_area>a:visited{
		background-position:right 30% center;
	}
	
	#home_challenge_area>a>div{
		position:relative;
		left:0;
	}
}

/*====================home_challenge_area END====================*/


/*====================home_recruit_area====================*/

@media only screen and (max-width:900px){
	#home_recruit_area>a:link,
	#home_recruit_area>a:visited{
		padding:80px 40px 50px;
		background-position:left 40% center;
	}
	
	#home_recruit_area>a h2{
		padding:20px 30px;
		font-size:16px;
	}
	
	#home_recruit_area>a>div p:first-of-type{
		margin:0 0 15px;
	}
	
	#home_recruit_area>a>div p:last-of-type{
		margin:0 0 15px;
		font-size:13px;
		line-height:1.8;
	}
}

/*====================home_recruit_area END====================*/


/*====================home_company_area====================*/

@media only screen and (max-width:800px){
	#home_company_area ul{
		margin:0 auto 50px;
	}
	
	#home_company_area ul li a:link,
	#home_company_area ul li a:visited{
		background-position:center bottom 15%;
		letter-spacing:0.2em;
		font-size:15px;
	}
}

/*社長挨拶*/
@media only screen and (max-width:1000px){
	#home_company_area article>a>div>img{
		box-sizing:border-box;
		width:40%;
		padding:40px 60px 40px 0;
	}
	
	#home_company_area article>a>div>div{
		width:60%;
		padding:40px 40px 40px 60px;
	}
	
	#home_company_area article>a>div>div>div{
		margin:0 0 20px;
	}
	
	#home_company_area article>a>div>div>div h3{
		width:160px;
	}
	
	#home_company_area article>a>div>div>div p{
		font-size:12px;
	}
	
	#home_company_area article>a>div>div>div p span{
		font-size:14px;
	}
	
	#home_company_area article>a>div>div>p{
		margin:0 0 20px;
		font-size:13px;
		line-height:1.8;
	}
}

@media only screen and (max-width:800px){
	#home_company_area article>a>div>div>div{
		display:block;
		margin:0 0 15px;
	}
	
	#home_company_area article>a>div>div>div h3{
		display:block;
		margin:0 0 15px;
	}
	
	#home_company_area article>a>div>div>div p{
		display:block;
		text-align:left;
	}
}

/*====================home_company_area END====================*/


/*====================home_bnr_area====================*/

@media only screen and (max-width:900px){
	#home_bnr_area{
		padding:50px 20px;
	}
	
	#home_bnr_area>div a:link,
	#home_bnr_area>div a:visited{
		width:calc(50% - 20px);
		margin:0 10px 20px;
	}

	
	#home_bnr_area>div a:last-child:link,
	#home_bnr_area>div a:last-child:visited{
		margin:0 10px;
	}
}

/*====================home_bnr_area END====================*/