@charset "utf-8";

/* 英語ページ用 CSS
------------------ */

body{
	word-break: break-word;
}

.h02.h_bg{
	font-size: 130%;
	letter-spacing: 1px;
}

.sp_lang li span.jp{
	color: #01163b;
	background: #d3dbeb;
}

.sp_lang li span.en{
	color: #ffffff;
	background: #01163b;
}


@media print, screen and (min-width:980px){
	
	#pc_nav li.lang a .jp {
    	color: #999999;
	}
	
	#pc_nav li.lang a .en {
    	color: #681205;
	}
	
	#pc_nav li.lang a:hover .jp {
    	color: #681205;
	}
	
	#pc_nav li.lang a:hover .en {
    	color: #999999;
	}
	
	#pc_nav .menu_mega .page_link_nav li a {
    	padding: 3rem 1rem;
	}
	
}

/* TOP */

@media print, screen and (max-width: 560px){

	#index_main_img h1 {
		font-size: 120%;
    	letter-spacing: 0px;
		line-height: 1.8;
	}

}


#main_img .msg_text p{
	font-size: 140%;
}

#index_main_img .btn{
	font-size: 95%;
	padding: 1rem 15% 0.7rem 0.5rem;
}

#index_main_img .btn.slug span{
	font-size: 1.1em;
}


@media print, screen and (min-width: 760px){
	#main_img .msg_text p{
		font-size: 240%;
	}
	
	#index_main_img .msg_text{
		width: 70%;
		left: 5%;
    	transform: translateY(-50%);
	}
}

@media print, screen and (min-width:1080px){
	#index_main_img .msg_text{
		width: auto;
		top: 65%;
		left: 12%;
	}
	
	#index_main_img h1 {
    	font-size: 230%;
    	letter-spacing: 2px;
	}
	
	#index_main_img .btn{
		font-size: 120%;
		padding: 0.7rem 40% 0.7rem 2rem;
	}
}

@media print, screen and (min-width: 1480px){
	#main_img .msg_text p{
		font-size: 350%;
	}
}

#service .service_box .h03{
	line-height: 1.4;
	letter-spacing: 0;
    font-size: 115%;
}

#overseas{
	padding: 6rem 0;
	margin-bottom: 0;
}

@media print, screen and (min-width: 980px){

	#recruit_faq a{
		width: 100%;
	}
	
	#overseas{
		padding: 6rem 0;
	}
}




/* Flow */

.flow_content .flow_title{
	letter-spacing: 0;
}

@media print, screen and (min-width: 760px){
	
	.flow_content .flow_title{
		font-size: 125%;
	}	

}

@media print, screen and (min-width: 1080px){
	
	.page .catch_text{
		font-size: 150%;
	}
	
	.companey_wrap .companey.overseas {
    	padding: 11.8rem 0.2rem;
	}
	
	.companey_wrap .companey.sunbridge {
    	padding: 3.5rem 1rem;
	}
	.companey_wrap .caption.arrow_2 {
    	padding: 10.6rem 0.2rem;
	}
	
	.companey_wrap .between_arrow {
    	padding: 5rem 0;
	}
	
}


@media print, screen and (min-width: 1480px){
	
	#flow_list::before{
		top: -50px;
	}

	.flow_content .flow_title{
		font-size: 160%;
	}	
		
	.companey_wrap .between_arrow {
    	padding: 5.8rem 0;
	}
	
}

@media print, screen and (min-width: 760px){

	.service .catch_text{
		font-size: 120%;
	}

}

/* service - export */

@media print, screen and (min-width: 1480px){
	.handling_box .icon{
		width: 15%;
	}
}

/* service - processing */

.flow_content .flow_title div::before{
	content: none;
}


/*eof*/