@charset "UTF-8";

/* -------------------------------------
group
------------------------------------- */
#intro .head {
	text-align:center;
	margin-bottom:12.2%;
}
#intro .head h2 {
	font-size:35px;
	font-weight:bold;
	color:#003c96;
	margin-bottom:10px;
}
#intro .head p img {
	width:70%;
	height:auto;
	display:block;
	margin:55px auto 0;
	position:relative;
}

#grouplist {
	margin:125px 0;
	background:url(../imgs/group/bg_grouplist.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
#grouplist .in {
	width:85.7%;
	margin:0 auto;
	padding:0 20px;
	background-color:#fff;
}
#grouplist .in .page {
	padding-top:80px;
	padding-bottom:80px;
	position:relative;
}

#grouplist h2 {
    font-size: 35px;
    font-weight: bold;
    color: #003c96;
    margin-bottom: 60px;
	text-align: center;
}
#grouplist ul {
	margin-bottom:50px;
}
#grouplist li {
	width:calc(99.9% / 3);
	float:left;
	padding:35px;
	border-right:1px solid #000;
}
#grouplist li:nth-child(3n),#grouplist li:nth-child(6n),#grouplist li:nth-child(9n),#grouplist li:nth-child(12n){
	border-right:none;
}
#grouplist li:nth-child(1), #grouplist li:nth-child(2), #grouplist li:nth-child(3), #grouplist li:nth-child(4),#grouplist li:nth-child(5),#grouplist li:nth-child(6),#grouplist li:nth-child(7),#grouplist li:nth-child(8),#grouplist li:nth-child(9),#grouplist li:nth-child(10),#grouplist li:nth-child(11),#grouplist li:nth-child(12) {
	border-bottom:1px solid #000;
}
#grouplist li dt {
	margin-bottom:22px;
    font-size: 18px;
}
#grouplist li dd {
	line-height:1.8;
}
#grouplist li dd span{
	display: inline-block;
    padding: 0px 16px;
    background-color: #003C96;
    color: #ffffff;
    font-size: 12px;
    border-radius: 20px;
}
#grouplist li dd span.office{
	background-color: #E60000;
}
#grouplist li dd span.logistics{
	background-color: #770092;
}
#grouplist li dd span.facility{
	background-color: #FFB200;
}
#grouplist li dd span.hotel{
	background-color: #009414;
}
#grouplist li dd span.oversea{
	background-color: #111111;
}
#realty_about {
	padding:35px 50px;
	border-radius:25px;
	background-color:#eee;
}
#realty_about h3 {
	width:37.2%;
	margin:0 auto 25px auto;
}
#realty_about .left {
	width:calc((99.9% - 35px) * 0.51);
	float:left;
}
#realty_about .right {
	width:calc((99.9% - 35px) * 0.49);
	float:right;
}
#about h3 {
	font-size:35px;
	font-weight:bold;
	color:#003c96;
	text-align:center;
	margin-bottom:45px;
}
#about p {
	position:relative;
}
#about p span {
	display:block;
	position:absolute;
	top:4%;
	left:1.5%;
	z-index:1;
}

li.clearfix__rogo dl.mov.delay100{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
li.clearfix__rogo dl.mov.delay100 img{
	display: block;
	width: 100%;
	max-width: 350px;
}

@media screen and (max-width:1220px) {
	#grouplist .in {
		width:1020px;
	}
	#grouplist .in .page {
		width:100%;
		padding:80px 0;
	}
}
@media screen and (max-width:1100px) {
	#intro .head p img {
		width:100%;
		left:0;
	}
	
	
	#grouplist .in {
		width:calc(100% - 60px);
	}
}
@media screen and (max-width:1040px) {
	#intro .head h2 {
		font-size:32px;
	}
	#intro .head p img {
		margin-top:50px;
	}
	
	
	#grouplist {
		margin:105px 0;
	}
	#grouplist .in .page {
		padding-top:65px;
		padding-bottom:65px;
	}
	#grouplist h2{
		font-size:32px;
	}
	#grouplist ul {
		margin-bottom:45px;
	}
	#grouplist li {
		padding:30px;
	}
	#grouplist li dt {
		margin-bottom:20px;
	}
	#realty_about {
		padding:30px 40px;
	}
	#realty_about h3 {
		margin:0 auto 23px auto;
	}
	#realty_about .left {
		width:calc((99.9% - 30px) * 0.51);
	}
	#realty_about .right {
		width:calc((99.9% - 30px) * 0.49);
	}
	
	
	#about h3 {
		font-size:32px;
		margin-bottom:42px;
	}
}
@media screen and (max-width:980px) {
	#about p span {
		text-align:center;
		margin-bottom:20px;
		position:static;
	}
}
@media screen and (max-width:880px) {
	#mainimg .bg_img img {
		left:43%;
		transform:translateX(-50%);
	}
}
@media screen and (max-width:800px) {
	#about h3 br {
		display:none;
	}
}
@media screen and (max-width:768px) {
	#intro .head h2 {
		font-size:28px;
	}
	#intro .head p img {
		margin-top:45px;
	}
	
	
	#grouplist {
		margin:80px 0;
	}
	#grouplist .in {
		width:calc(100% - 40px);
	}
	#grouplist h2{
		font-size:28px;
	}
	#grouplist .in .page {
		padding-top:50px;
		padding-bottom:50px;
	}
	#grouplist ul {
		margin-bottom:40px;
	}
	#grouplist li {
		width:calc(100% / 2);
		padding:25px;
		border-right:1px solid #000;
	}
	#grouplist li:nth-child(3n) {
		border-right:1px solid #000;
	}
	#grouplist li:nth-child(2n) {
		border-right:none;
	}
	#grouplist li:nth-child(4) {
		border-bottom:1px solid #000;
	}
	#grouplist li dt {
		margin-bottom:17px;
	}
	#grouplist li dt .img {
		width:80%;
		margin:0 auto;
	}
	#realty_about {
		padding:25px 30px;
	}
	#realty_about h3 {
		margin:0 auto 20px auto;
	}
	#realty_about .left {
		width:calc((99.9% - 25px) * 0.51);
	}
	#realty_about .right {
		width:calc((99.9% - 25px) * 0.49);
	}
	
	
	#about h3 {
		font-size:28px;
		margin-bottom:38px;
	}
}
@media screen and (max-width:640px) {
	#mainimg .bg_img img {
		left:50%;
		transform:translateX(-65%);
	}
	
	
	#maincap .cap br {
		display:none;
	}
	
	
	#intro .head h2 {
		font-size:26px;
	}
	#intro .head p img {
		margin-top:40px;
	}
	
	
	#grouplist {
		margin:60px 0;
	}
	#grouplist h2{
		font-size:26px;
	}
	#grouplist .in .page {
		padding-top:40px;
		padding-bottom:40px;
	}
	#grouplist ul {
		margin-bottom:35px;
	}
	#grouplist li {
		width:calc(100% / 1);
		padding:20px;
		border-right:none;
	}
	#grouplist li:nth-child(3n) {
		border-right:none;
	}
	#grouplist li:nth-child(5),#grouplist li:nth-child(6),#grouplist li:nth-child(7),#grouplist li:nth-child(13),#grouplist li:nth-child(14),#grouplist li:nth-child(15) {
		border-bottom:1px solid #000;
	}
	#grouplist li dt {
		margin-bottom:15px;
	}
	#grouplist li dt .img {
		width:220px;
	}
	#realty_about {
		padding:25px 25px;
	}
	#realty_about h3 {
		width:220px;
	}
	#realty_about .left {
		width:calc((100% - 0px) * 1.0);
		float:none;
		margin-bottom:20px;
	}
	#realty_about .right {
		width:calc((100% - 0px) * 1.0);
		max-width:300px;
		float:none;
		margin:0 auto;
	}
	
	
	#about h3 {
		font-size:26px;
		margin-bottom:34px;
	}
}
@media screen and (max-width:480px) {
	#mainimg .bg_img img {
		left:50%;
		transform:translateX(-70%);
	}
	
	
	#intro .head h2 {
		font-size:24px;
	}
	#intro .head p img {
		margin-top:35px;
	}
	
	
	#grouplist {
		margin:50px 0;
	}
	#grouplist h2{
		font-size:24px;
	}
	#grouplist .in .page {
		padding-top:30px;
		padding-bottom:30px;
	}
	#grouplist ul {
		margin-bottom:30px;
	}
	
	
	#about h3 {
		font-size:24px;
		margin-bottom:30px;
	}
	#about p span br {
		display:none;
	}
    #intro .page .head p br{
        display:none;
    }
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}