@charset "UTF-8";

body.cn {
	font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif !important;
}


a:hover{
	opacity:0.7;
}

@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 600; src: url("/assets/css/fonts/notosans/NotoSansCJKjp-Regular.woff") format("woff"); }

@font-face { font-family: 'BebasNeue'; src: url("/int/fonts/BebasNeue-Bold.otf") format("opentype"); }

body.intEms #main-box div.pad{
	padding: 15px 45px 0 45px;
}
@media screen and (max-width: 640px) {
	body.intEms #main-box div.pad{
		padding: 0 0 0 0;
	}
}

body.intEms #main-box div.pad a{
	transition:0.5s;
}

div.mainService span{
	display:inline-block;
	vertical-align:top;
	border:2px solid #055eb0;
	width:215px;
	margin-right:13px;
	box-sizing:border-box;
	font-weight:bold;
	text-align:center;
}
	div.mainService span:nth-last-child(1){
		margin-right:0;
	}
	div.mainService span a{
		display:block;
		padding:1rem;
		color:#055eb0;
		text-decoration:none;
	}
	div.mainService span small{
		display:block;
	}
@media screen and (max-width: 640px) {
	p.row-img{
		margin:0 -12px 1rem;
	}
	
	div.mainService span{
		width:49.5%;
		margin-right:1%;
		margin-bottom:3px;
	}
	div.mainService span:nth-child(2n){
		margin-right:0;
	}
	div.mainService span a{
		padding:0.4rem;
		font-size:3.5vw;
	}
}
	@media screen and (max-width: 640px) and (orientation:landscape) {
	div.mainService span a{
		font-size:3.5vh;
	}	
	}


.intEms h2{
	font-size: 38px; color: #065db0; background: inherit; margin: 25px 0 20px; text-transform: uppercase;
}
.intEms h2 span.en{
	font-family: BebasNeue; font-size: 58px; font-weight: normal; letter-spacing: 0.05em; color: #48493f;
}
.intEms h2 span.small { 
	color: #48493f; font-size: 24px; border-bottom: 2px solid #48493f; margin-left: 12px; padding-bottom: 4px; vertical-align: bottom;
	}

@media screen and (max-width: 640px) {
	#main-box h2{
		border:none;
		padding:0;
		background:inherit;
		color:inherit;
	}
	.intEms h2{
		text-align:center;
	}
	.intEms h2 span.en{
		font-size: 40px;
	}
	.intEms h2 span.en:after { 
		content: ""; width: 80px; border-bottom: 2px solid #48493f; display: block; margin: 0 auto 20px;
	}
	.intEms h2 span.small{
		text-align:center;
		display:block;
		font-size:18px;
		border: none;
		margin-left:0;
	}

}

div.tips ul li{
	display:inline-block;
	vertical-align:top;
	width:292px;
	margin-right:12px;
	text-align:center;
}
	div.tips ul li:nth-last-child(1){
		margin-right:0;
	}
	div.tips ul li a{
		display:block;
		padding:1rem 0; 
		background:#f3f3f3;
		color:#333333;
		font-weight:bold;
		text-decoration:none;
		border-radius:5px;
	}
	
	div.tips ul li em{
		display:inline-block;
		vertical-align:middle;
	}
	div.tips ul li em:before{
		display:inline-block;
		vertical-align:middle;
		content:"";
		width:102px;
		height:76px;
		background-repeat:no-repeat;
		background-position:right 0.4rem top;
	}
		div.tips ul li:nth-child(1) em:before{
			background-image:url(../img/txt_tips01.png);
		}
		div.tips ul li:nth-child(2) em:before{
			background-image:url(../img/txt_tips02.png);
		}
		div.tips ul li:nth-child(3) em:before{
			background-image:url(../img/txt_tips03.png);
		}
	div.tips ul li a span{
		display:inline-block;
		vertical-align:middle;
	}
		div.tips ul li:nth-child(2) a span{
			width:60%;
		}


	
@media screen and (max-width: 640px) {
	div.tips ul{
		margin-top:1rem;
	}
	div.tips ul li{
		display:block;
		width:100%;
		margin-bottom:4px;
	}
	div.tips ul li a{
		font-size:5vw;
	}
}
	@media screen and (max-width: 640px) and (orientation:landscape) {
		div.tips ul li a{
			font-size:5vh;
		}	
	}

hr.sepa{
	display:block;
	height:4px;
	background:#f3f3f3;
	border:none;
	margin:1.5rem 0;
}
div.services section{
	display:inline-block;
	vertical-align:top;
	width:292px;
	margin-right:12px;
}
	div.services section:nth-last-child(1){
		margin-right:0;
	}
	
	div.services section em{
		position:relative;
		display:block;
		background:#f9aa0f;
		text-align:center;
		color:rgba(255,255,255,1);
		font-weight:bold;
		padding:1rem 0;
		font-size:1.5rem;
	}
		div.services section em strong{
			padding:0.1rem 0 0.1rem 0.5rem;
			letter-spacing:0.6rem;
			border-bottom:2px solid rgba(255,255,255,1);
		}
		div.services section em span{
			display:block;
			margin-top:0.6rem;
			font-size:0.75rem;
		}
	div.services section em:after{
		display:block;
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -10px;
		border: 10px solid transparent;
		border-top: 10px solid #f9aa0f;
	}
		div.services section:nth-child(2) em{
			background:#075db0;
		}
		div.services section:nth-child(2) em:after{
			border-top: 10px solid #075db0;
		}
	div.services section ul{
		background:#f3f3f3;
		padding:0 1rem;
	}
		div.services section ul li{
			display:block;
			border-bottom:2px solid rgba(255,255,255,1);

		}
			div.services section ul li:nth-last-child(1){
				border-bottom:0;
			}
		div.services section ul li a{
			padding:1rem 0 1rem 4rem;
			height:50px;
			text-decoration:none;
			color:#333333;
			font-size:0.9rem;
			font-weight:bold;
			display: flex;
			align-items: center;
			background-repeat:no-repeat;
			background-position: 0 1rem;
		}
		
				div.services section:nth-child(1) ul li:nth-child(1) a{
					background-image:url(../img/ico_services01_01.png);
				}
				div.services section:nth-child(1) ul li:nth-child(2) a{
					background-image:url(../img/ico_services01_02.png);
				}
				div.services section:nth-child(1) ul li:nth-child(3) a{
					background-image:url(../img/ico_services01_03.png);
				}
				div.services section:nth-child(2) ul li:nth-child(1) a{
					background-image:url(../img/ico_services02_03.png);
				}
				div.services section:nth-child(2) ul li:nth-child(2) a{
					background-image:url(../img/ico_services02_02.png);
				}
				div.services section:nth-child(2) ul li:nth-child(3) a{
					background-image:url(../img/ico_services02_01.png);
				}
				div.services section:nth-child(3) ul li:nth-child(1) a{
					background-image:url(../img/ico_services03_01.png);
				}
				div.services section:nth-child(3) ul li:nth-child(2) a{
					background-image:url(../img/ico_services03_02.png);
				}
				div.services section:nth-child(3) ul li:nth-child(3) a{
					background-image:url(../img/ico_services03_03.png);
				}
			

		div.services section ul li small{
			display:block;
			width:100%;
			font-weight:normal;
			font-size:0.75rem;
		}


@media screen and (max-width: 640px) {
	div.services section{
		display:block;
		width:100%;
		margin-right:0;
		margin-bottom:1rem;
	}
		div.services section ul li a{
			height:22vw;
		}
}
	@media screen and (max-width: 640px) and (orientation:landscape) {
		div.services section ul li a{
			height:25vh;
		}		
	}
		
dl.introService{
	padding:1rem;
	border:2px solid #055eb0;
}
dl.introService dt{
	display:block;
	color:#055eb0;
	font-size:1.2rem;
	font-weight:bold;
}
dl.introService dd{
	display:block;
	margin:0;
	padding-left:22%;
	background-size:contain;
	background-position:left top;
	background-repeat:no-repeat;
	height:100px;
}
	dl.introService dd.ems{
		background-image:url(../img/img_introService.png);
	}
	dl.introService dd.food{
		background-image:url(../img/img_bisinessService.png);
	}



span.btn{
	display:inline-block;
}
	span.btn a{
		position:relative;
		display:block;
		padding:0.6rem 1rem;
		background:#075db0;
		color:rgba(255,255,255,1);
		text-decoration:none;
	}
	span.btn a:before{
		font-family:"jpsmt";
		content:">";
		margin-right:0.4rem;
}

@media screen and (max-width: 640px) {
	
		dl.introService{
			margin:1rem 0 0;
		}
	dl.introService dt{
		text-align:center;
	}
	dl.introService dd{
		height:inherit;
		padding-left:0;
		background-position:center top;
	}
		dl.introService dd.ems{
			padding-top:16vw;
			background-size:50vw auto;
		}
		dl.introService dd.food{
			padding-top:25vw;
			background-size:46vw auto;
		}

		
	dl.introService p.arrange-r{
		text-align:center !important;
		margin-top:0.6rem;
	}
	dl.introService span.btn{
		display:block;
		width:80%;
		margin:0 auto;
	}
}
	@media screen and (max-width: 640px) and (orientation:landscape) {
		dl.introService:nth-of-type(1) dd{
			background-size:50% auto;
		}
		dl.introService:nth-of-type(2) dd{
			background-size:50% auto;
		}	
	dl.introService span.btn{
		width:50%;
	}
	}
		

div.bisinessService{
	background:#F3F3F3;
	padding:2rem 2rem 1rem;
	
}
	div.bisinessService strong{
		font-size:1.5rem;
	}
	div.bisinessService ul li{
		display:inline-block;
		width:48%;
		border:1px solid #075db0;
		background:rgba(255,255,255,1);
		border-radius:3px;
		margin:0 0.2rem 0.4rem 0;
	}
	div.bisinessService ul li a{
		display:block;
		padding:1rem;
		text-decoration:none;
		color:#075db0;
		font-weight:bold;
	}
	div.bisinessService ul li a:before{
		font-family:"jpsmt";
		content:">";
		margin:0 0.5rem;
		color:#a8a8a8;
		font-weight:normal;
	}
@media screen and (max-width: 640px) {

	div.bisinessService{
		margin:1rem -12px 0;
		padding:1rem 1rem 1rem;
	}
	div.bisinessService strong{
		font-size:1.2rem;
	}
	div.bisinessService ul li{
		display:block;
		width:100%;
	}
	
	
	
	/*20201030*/
	.sidebarSp li.arrow a{
		color: #FFF;
	}
	
	.adjust{
		padding: -0px !important;
	}
	ul.jpen li{
		margin-bottom: 5px;
	} 
	div.chu{
		margin-left: 10px;
	}
}
/*20210113*/
#navi-box .itemBox .items li a:before, #navi-box-r .itemBox .items li a:before {
	content: none;
}