@charset "utf-8";
html{
	font-size: 55%;
}
header #logo{
	display: block;
}
header #logo img{
	width: 180px;
}
header #logo span{
	display: block;
	margin-top: 7px;
}
header nav#global > ul > li > a,
header nav#global > ul > li > span{
	padding: 0 8px;
}
header nav#global > ul > li.bg{
	width: 90px;
}
header nav#global > ul > li.bg.entry{
	margin-left: 94px;
}
header #headersns a + a{
	margin-left: 15px;
}
header nav#global .megamenu ul.imgnav li + li{
	margin-left: 20px;
}
header nav#global .megamenu ul.teamnav li{
	width: 220px;
}
header nav#global .megamenu ul.peoplenav li + li{
	margin-left: 0;
}
header nav#global .megamenu ul.teamnav li .label + p{
	white-space: normal;
}
header nav#global .megamenu ul.teamnav li:nth-child(2) .label + p{
	margin-left: 0;
}
header nav#global .megamenu ul.teamnav li:nth-child(2) .label + p br.sp{
	display: inline;
}
header nav#global .megamenu ul.teamnav li .imgtxt .img{
	width: 60px;
}
header nav#global .megamenu ul.teamnav li .imgtxt .text{
	padding-left: 10px;
}
header #headersns{
  right: 198px;
}
@media only screen and (max-width: 850px) {
	header nav#global > ul > li.bg{
		width: 75px;
	}
	header #headersns{
		right: 93px;
	}
	header #logo img{
		width: 146px;
	}
	header #logo span{
		font-size: 11px;
	}
	header nav#global > ul > li > a, header nav#global > ul > li > span{
		padding: 0 6px;
	}
}
/* footer
-----------------------------------------------------*/
footer nav#row01{
	padding: 0 20px;
}
footer nav#row01 dl + dl{
	margin-left: 20px;
}
ul.textbnrnav li + li{
	margin-left: 20px;
}
/* common
-----------------------------------------------------*/
span.inlineblock{
	display: inline-block;
}
/* top
-----------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:1023px) {
	#topvisual{
		height: 500px;
	}
}
#topvisual #sliderpro .sp-slide .text img{
	width: 190px;
	height: auto;
}
.personlayout .inner{
	padding-left: 20px;
}
.personlayout .inner .img{
	margin-bottom: 50px;
}
#topbusiness br.pc{
	display: none;
}
#topteam > .text{
	padding: 0 20px;
}
#topteam .sliderwrap{
	padding:  0 10px;
}
#topteam .row .col{
	padding:  0 10px;
}
#topinterview{
	padding:  1px 20px 50px 20px;
}
p.label{
	font-size: 1.2rem;
}
#topinterview .col .img{
	padding-bottom: 2vw;
}
#topinterview .col .img p{
	bottom: 0px;
}
#topinterview > h2 .textbox{
	width: 200px;
}
#topinterview .col.interview02 .img p{
	right: -15px;
}
.personlayout .bg:after{
	right: -488px;
}
.personlayout.reverse .bg:after{
	left: -380px;
}
.personlayout .inner .img{
	width: 50%;
}
.personlayout .inner .text{
	width: 50%;
	padding-right: 40px;
}
.personlayout.reverse .inner .text{
	padding-left: 40px;
	padding-right: 20px;
	width: 50%;
}
.personlayout.reverse .inner .text h2{
	white-space: normal;
}
.personlayout .inner .text h2{
	font-size: 2.8rem;
}
.personlayout.reverse .inner .btn{
	margin-left: 40px;
}
#topentry{
	padding-left: 10px;
	padding-right: 10px;
}
ul.bnrnav li{
	width: 33%;
	padding: 0 10px;
}
#topentry .btn{
	height: 8vw;
	line-height: 8vw;
}
/* top message
-----------------------------------------------------*/
.person_title h1 .jost{
	font-size: 5rem;
}
#top_message .content section.reverse .text{
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 30px;
}
#top_message .content section .text{
	padding-right: 0px;
	margin-left: 0px;
	padding-left: 30px;
}
/* 
-----------------------------------------------------*/
.img_title h1 .jost{
	font-size: 5rem;
}
.sectionA .img{
	padding-left: 20px;
	padding-right: 20px;
}
.graph01 p.note{
	position: static;
	margin-top: 20px;
}
.socialrow{
	padding: 0 20px;
}
/* recruit
-----------------------------------------------------*/
#recruit .row .col + .col{
	margin-left: 30px;
}
#rlacontent .rlasec02{
	padding-left: 40px;
	padding-right: 40px;
}
/* top message
-----------------------------------------------------*/
#people .content section.reverse .text{
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 30px;
}
#people .content section .text{
	padding-right: 0px;
	margin-left: 0px;
	padding-left: 30px;
}
#people #holiday .flex figure{
	width: 50%;
	margin-right: 40px;
}
#people #holiday .flex.reverse figure{
	margin-left: 40px;
}
/* team
-----------------------------------------------------*/
#team .content{
	margin-left: 20px;
	margin-right: 20px;
	top: -100px;
}

/* people
-----------------------------------------------------*/
#people .title{
	margin-left: 20px;
	margin-right: 20px;
}