@charset "UTF-8";

/* INTERFACE */

.pc_br{
	display:none;
}

.sp_none{
	display:none;
}

/*home_subtitle_area*/
.home_subtitle_area{
	display:block;
	margin:0 auto 25px;
	padding:0 20px;
}

.home_subtitle_area h2{
	display:block;
	margin:0 auto 24px;
	padding:0;
	background-image:none;
	text-align:center;
	text-indent:0.2em;
	font-size:13px;
}

.home_subtitle_area h2 img{
	margin:0 auto 12px;
	height:20px;
}

.home_subtitle_area p{
	padding:0;
	font-size:13px;
	line-height:1.8;
}

/*=====header=====*/
body>header>div{
	height:50px;
	padding:0 20px;
}

/*logo*/
body>header>div h1{
	height:20px;
	margin:15px 0 0;
}

/*global nav*/
body>header>div nav{
	display:none;
	box-sizing:border-box;
	max-width:400px;
	width:100%;
	height:auto;
	padding:50px 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:13px;
	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:20px 0;
	border-bottom:1px solid #fff;
	color:#fff;
	text-indent:0;
}

body>header>div nav>ul>li>a:hover,
body>header>div nav>ul>li>a:active{
	padding:20px 0;
	border-bottom:1px 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:20px 0;
	border-bottom:1px 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;
	transform:scale(0.6);
}

/*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:20px 0;
	border-bottom:1px solid #fff;
	color:#fff;
}

/*sub_menu*/
#sub_menu{
	visibility:visible;
	padding:0 0 5px 15px;
	background-color:transparent;
	position:static;
	display:none;
}

#sub_menu>a:link,
#sub_menu>a:visited{
	display:none;
}

#sub_menu ul{
	width:100%;
	text-align:left;
	font-size:11px;
}

#sub_menu ul li{
	width:100%;
	margin:0;
	float:none;
}

#sub_menu ul li a:link,
#sub_menu ul li a:visited{
	padding:16px 0;
	border:none;
	border-bottom:1px solid #fff;
	background-size:20px 6px;
}

#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;
	position:absolute;
	top:35px;
	left:0;
}

#sub_link_area>div span a:link,
#sub_link_area>div span a:visited{
	padding:0 7px;
	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:16px;
	right:20px;
	z-index:4;
}

#menu_btn.active{
	background-image:url(../img/interface/close_btn.svg);
}
/*=====header END=====*/

/*=====footer=====*/
body>footer{
	padding:0 20px;
}

body>footer>small{
	margin:0 0 12px;
	transform:scale(0.8);
}

/*footer_top_area*/
#footer_top_area{
	padding:45px 0 30px;
}

#footer_top_area>a:link,
#footer_top_area>a:visited{
	width:90px;
	margin:0 auto 20px;
}

#footer_top_area address{
	font-size:12px;
}

#footer_top_area address p{
	margin:0 0 8px;
}

#footer_top_area address p span{
	display:block;
	margin:0;
}

#footer_top_area address>span{
	display:block;
	margin:0;
	font-size:11px;
}

/*footer_bottom_area*/
#footer_bottom_area{
	display:block;
	padding:10px 0 40px;
	display:none;
}

/*1階層*/
#footer_bottom_area>ul{
	display:block;
	font-size:13px;
}

#footer_bottom_area>ul>li{
	padding:20px 5px;
	border-bottom:2px solid #005087;
	position:relative;
}

#footer_bottom_area>ul>li>span{
	content:"";
	display:block;
	width:10px;
	height:6px;
	background-image:url(../img/interface/arrow_bottom-.svg);
	background-repeat:no-repeat;
	background-size:10px 6px;
	background-position:center center;
	position:absolute;
	top:28px;
	right:15px
}

/*2階層*/
#footer_bottom_area>ul>li>ul{/**/
	display:none;
	margin:0;
	padding:18px 0;
	border-top:1px solid #005087;
	font-size:12px;
	position:relative;
	top:20px;
}

#footer_bottom_area>ul>li>ul>li{
	padding:8px 0;
}

/*3階層*/
#footer_bottom_area>ul>li>ul>li>ul{
	font-weight:normal;
}

#footer_bottom_area>ul>li>ul>li>ul>li{
	padding:8px 0 8px 20px;
}

/*ATOXについて*/
#footer_bottom_area>#footer_nav1{
	width:100%;
}

/*事業案内*/
#footer_bottom_area>#footer_nav2{
	width:100%;
}

#footer_bottom_area>#footer_nav2>li>ul>li{
	width:100%;
	padding:8px 30px 8px 0;
}

#footer_bottom_area>#footer_nav2>li>ul>li:nth-child(5){
	position:static;
}

/*企業情報*/
#footer_bottom_area>#footer_nav3{
	width:100%;
}

/*採用情報*/
#footer_bottom_area>#footer_nav4{
	width:100%;
}

/*その他*/
#footer_bottom_area>#footer_nav5{
	width:100%;
	margin:25px 0 0;
	font-size:11px;
	font-weight:normal;
}

#footer_bottom_area>#footer_nav5>li{
	padding:0 0 10px;
	border:none;
}


#footer_bottom_area>#footer_nav1,
#footer_bottom_area>#footer_nav2,
#footer_bottom_area>#footer_nav3,
#footer_bottom_area>#footer_nav4,
#footer_bottom_area>#footer_nav5{
	padding:0 0 0 0;
}


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

/* INTERFACE END */


/*====================home_key_area====================*/

#home_key_area{
	padding:80% 0 0;
	background-image:url(../img/home_key_bg-.jpg);
}

#home_key_area:after{
	width:104%;
	padding:92% 0 0;
	background-image:url(../img/circle01-.svg);
	top:30%;
	left:-15%;
	transform:translate(0,-30%);
}

#home_key_area p{
	width:150%;
	right:25%;
}

/*====================home_key_area END====================*/


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

#home_advantage_area{
	margin:50px auto;
	padding:0 20px;
	text-align:center;
}

#home_advantage_area:after{
	top:-4%;
	right:auto;
	left:50%;
	transform:translate(-50%,0);
}

#home_advantage_area>div:first-of-type{
	width:130%;
	margin:0 auto 15px;
	padding:84% 0 0;
	position:relative;
	top:0;
	left:-6%;
	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 h2{
	margin:0 0 18px;
	font-size:13px;
}

#home_advantage_area>div:last-of-type p:first-of-type{
	margin:0 0 20px;
}

#home_advantage_area>div:last-of-type p:first-of-type img{
	max-width:280px;
}

#home_advantage_area>div:last-of-type p:last-of-type{
	margin:0 0 20px;
	font-size:13px;
	line-height:2;
}

#home_advantage_area>div:last-of-type .btn_more{
	margin:0 auto;
}

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


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

#home_human_tech_area{
	margin:50px auto 70px;
	padding:0 20px;
	text-align:center;
}

#home_human_tech_area:after{
	top:-4%;
	right:auto;
	left:50%;
	transform:translate(-50%,0);
}

#home_human_tech_area>div:first-of-type{
	width:130%;
	margin:0 auto;
	padding:84% 0 0;
	position:relative;
	top:0;
	right:auto;
	left:-26%;
	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{
	margin:0 0 18px;
	text-align:center;
	font-size:13px;
}

#home_human_tech_area>div:last-of-type p:first-of-type{
	margin:0 0 20px;
	text-align:center;
}

#home_human_tech_area>div:last-of-type p:first-of-type img{
	max-width:280px;
}

#home_human_tech_area>div:last-of-type p:last-of-type{
	margin:0 0 20px;
	font-size:13px;
	line-height:2;
}

#home_human_tech_area>div:last-of-type .btn_more{
	margin:0 auto;
}

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


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

#home_business_area{
	margin:0 0 70px;
}

#home_business_area>div:last-of-type{
	padding:0 20px;
}

#home_business_area>div:last-of-type article{
	width:100%;
	margin:0 0 30px 0;
}

#home_business_area>div:last-of-type article:nth-child(2n){
	margin:0 0 30px;
}

#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 .btn_more{
	margin:15px auto 0;
}

#home_business05{
	padding:0 20px;
}

#home_business05 a:link,
#home_business05 a:visited{
	display:block;
	padding:25px;
}

#home_business05 a img{
	display:block;
	max-width:300px;
	width:100%;
	margin:0 auto 20px;
}

#home_business05 a div{
	width:100%;
}

#home_business05 a div h3{
	margin:0 0 15px;
	text-align:center;
	font-size:16px;
}

#home_business05 a div p{
	padding:0 0 30px;
	font-size:13px;
}

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


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

#home_service_area{
	margin:0 0 70px;
}

#home_service_area>div:last-of-type{
	padding:0 20px;
}

#home_service_area>div:last-of-type article{
	margin:0 20px 50px 0;
}

#home_service_area>div:last-of-type article:nth-child(2n){
	margin:0 0 50px;
}

#home_service_area>div:last-of-type article a:link,
#home_service_area>div:last-of-type article a:visited{
	display:block;
	background-image:none;
}

#home_service_area>div:last-of-type article a>img{
	display:block;
	width:80%;
	margin:0 auto 18px;
}

#home_service_area>div:last-of-type article a>div{
	width:100%;
}

#home_service_area>div:last-of-type article a>div h3{
	width:100%;
	margin:0 0 16px;
	text-align:center;
	text-indent:0.1em;
	font-size:14px;
}

#home_service_area>div:last-of-type article a>div h3 span{
	display:block;
}

#home_service_area>div:last-of-type article a>div p{
	padding:0 0 25px;
	background-image:url(../img/interface/arrow_right02.svg);
	background-repeat:no-repeat;
	background-size:40px 10px;
	background-position:bottom center;
	letter-spacing:0;
	font-size:12px;
	line-height:1.6;
}

#home_service_area .btn_more{
	margin:10px auto 0;
}

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


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

#home_news_area{
	margin:0 0 70px;
	padding:60px 20px 70px;
}

#home_news_area>div h2{
	padding:0;
	text-align:center;
	font-size:13px;
}

#home_news_area>div h2 img{
	display:block;
	height:20px;
	margin:0 auto 12px;
}

#home_news_area>div>.btn_more{
	margin:35px auto 0;
	position:static;
}

#home_news_list article{
	width:calc(50% - 10px);
	margin:0 20px 20px 0;
}

#home_news_list article:nth-child(2){
	margin:0 0 20px 0;
}

#home_news_list article:nth-child(3){
	margin:0 20px 0 0;
}

@media only screen and (max-width:450px){
	#home_news_list article{
		width:100%;
		margin:0 0 15px;
		float:none;
	}
	
	#home_news_list article:nth-child(2){
		margin:0 0 15px;
	}
	
	#home_news_list article:nth-child(3){
		margin:0 0 15px;
	}
	
	#home_news_list article a:link,
	#home_news_list article a:visited{
		overflow:hidden;
	}
	
	#home_news_list article a .img_area{
		width:35%;
		height:120px;
		margin:0;
		float:left;
		position:relative;
		overflow:hidden;
	}
	
	#home_news_list article a .img_area img{
		width:auto;
		height:100%;
		position:absolute;
		top:0;
		left:50%;
		transform:translate(-50%,0);
	}
	
	#home_news_list article a .text_area{
		width:60%;
		float:right;
	}
	
	#home_news_list article a .text_area h3{
		font-size:12px;
	}
	
	#home_news_list article a .text_area p{
		font-size:12px;
	}
}

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


/*====================home_human_tech_bnr_area====================*/

#home_human_tech_bnr_area{
	display:block;
	margin:0 auto 70px;
	padding:0 20px;
}

#home_human_tech_bnr_area article{
	width:100%;
}

#home_human_tech_bnr_area article:first-child{
	margin:0 0 20px;
}

#home_human_tech_bnr_area article a p{
	font-size:13px;
}

/*====================home_human_tech_bnr_area END====================*/


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

#home_challenge_area{
	margin:0 auto 50px;
}

#home_challenge_area>a:link,
#home_challenge_area>a:visited{
	padding:100px 20px 45px;
	background-image:url(../img/home_challenge_bg-.jpg);
	background-position:right top 30%;
}

#home_challenge_area>a>div{
	position:relative;
	left:0;
}

#home_challenge_area>a>div h2{
	margin:0 0 18px;
	font-size:13px;
}

#home_challenge_area>a>div p:first-of-type{
	margin:0 0 20px;
}

#home_challenge_area>a>div p:first-of-type img{
	max-width:192px;
}

#home_challenge_area>a>div p:last-of-type{
	width:90%;
	margin:0 0 15px;
	font-size:13px;
	line-height:2;
}

#home_challenge_area>a>div p:last-of-type br{
	display:none;
}

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


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

#home_recruit_area{
	margin:0 auto 70px;
	padding:0;
}

#home_recruit_area>a:link,
#home_recruit_area>a:visited{
	padding:70px 25px 40%;
	background-image:url(../img/home_recruit_bg-.jpg);
	background-position:center bottom;
}

#home_recruit_area>a h2{
	padding:18px 25px;
	text-indent:0.2em;
	letter-spacing:0.2em;
	font-size:15px;
	left:25px;
}

#home_recruit_area>a>span{
	width:90%;
}

#home_recruit_area>a>div{
	max-width:400px;
}
#home_recruit_area>a>div{
	width:100%;
}

#home_recruit_area>a>div p:first-of-type{
	margin:0 0 12px;
}

#home_recruit_area>a>div p:last-of-type{
	margin:0 0 20px;
}

#home_recruit_area>a>div p:last-of-type{
	margin:0 0 15px;
	font-size:13px;
	line-height:1.8;
}

@media only screen and (max-width:400px){
	#home_recruit_area>a:link,
	#home_recruit_area>a:visited{
		padding:60px 25px 100%;
		background-position:center right -70px;
	}
	
	#home_recruit_area>a h2{
		padding:15px 25px;
		font-size:14px;
	}
}

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


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

#home_company_area{
	margin:0 0 90px;
}

#home_company_area ul{
	margin:0 auto 35px;
	padding:0 20px;
}

#home_company_area ul li:first-child{
	width:100%;
	margin:0 0 0%;
}

#home_company_area ul li:nth-child(2){
	width:46%;
	margin:0 8% 0 0;
}

#home_company_area ul li:last-child{
	width:46%;
}

#home_company_area ul li:first-child a:link,
#home_company_area ul li:first-child a:visited{
	width:46%;
	margin:0 auto;
	padding:46% 0 0;
}

#home_company_area ul li a:link,
#home_company_area ul li a:visited{
	background-size:25px 10px;
	background-position:center bottom 16%;
	letter-spacing:0.2em;
	font-size:13px;
}

#home_company_area ul li a span img{
	width:45%;
	margin:0 auto 10px;
}

/*社長挨拶*/
#home_company_area article{
	padding:0 20px;
}

#home_company_area article>a>div{
	display:block;
	padding:25px 25px 40px;
	border:2px solid #005087;
}

#home_company_area article>a>div>img{
	display:block;
	width:100%;
	margin:0 auto 10px;
	padding:0;
}

#home_company_area article>a>div>div{
	width:100%;
	padding:0;
}

#home_company_area article>a>div>div>div{
	display:block;
	width:100%;
	margin:0 0 20px;
}

#home_company_area article>a>div>div>div h3{
	display:block;
	margin:0 auto 8px;
	width:100px;
}

#home_company_area article>a>div>div>div p{
	display:block;
	text-align:center;
	font-size:11px;
}

#home_company_area article>a>div>div>div p span{
	font-size:13px;
}

#home_company_area article>a>div>div>p{
	margin:0 0 15px;
	font-size:13px;
	line-height:1.8;
}

#home_company_area article>a>div>div .btn_more{
	margin:0 auto;
}

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


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

#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;
}

@media only screen and (max-width:500px){
	#home_bnr_area{
		padding:40px 20px;
	}
	
	#home_bnr_area>div a:link,
	#home_bnr_area>div a:visited{
		display:block;
		width:100%;
		margin:0 0 15px;
		float:none;
	}
	
	#home_bnr_area>div a:last-child:link,
	#home_bnr_area>div a:last-child:visited{
		margin:0;
	}
}

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