@charset "UTF-8";
/*index*/

/*mainimg*/
#mainimg{
	width: 100%;
	height: 730px;
	position: relative;
	}
#mainimg:before{
	content: '';
	width: 100%;
	height: 510px;
	background: var(--col_sub);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	}
#mainimg:after{
	content: '';
	width: calc(100% - 138px);
	height: 660px;
	background: #be9f84;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
	}
#mainimg .img_mainimg{
	display: block;
	width: calc(100% - 140px);
	height: 660px;
	object-fit: cover;
	margin-inline: auto;
	}
#mainimg .maincopy{
	position: absolute;
	top: 345px;
	right: 250px;
	color: var(--col_white);
	font-size: 1.75rem;
	font-weight: 300;
	letter-spacing: 0.5rem;
	text-shadow: var(--col_main) 1px 0 8px;
	}
#mainimg .group_wrap{
	position: absolute;
	bottom: 70px;
	left: 0;
	width: 100%;
	height: 175px;
	padding-top: 15px;
	background: rgba(255,255,255,0.3);
	text-align: center;
	color: var(--col_white);
	}
#mainimg .group_wrap .spflex{
	gap: 80px;
	margin-top: 15px;
	}
#mainimg .group_wrap .item{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 90px;
	background: var(--col_white);
	}
#mainimg .group_wrap .item_logo_cmjh{
	width: 89px;
	height: auto;
	}
#mainimg .group_wrap .item_logo_cmj{
	width: 89px;
	height: auto;
	}
#mainimg .group_wrap .item_logo_yoko{
	width: 153px;
	height: auto;
	}

/*profile*/
#profile{
	padding-top: 235px;
	}
/*companyprofile*/
#companyprofile{
	padding-top: 40px;
	}
#companyprofile table.tbl_01{
	margin-top: 95px;
	}
#companyprofile table.tbl_01 > tbody > tr > th,#profile companyprofile > tbody > tr > td{
	font-size: 1.125rem;
	}
#companyprofile table.tbl_01 > tbody > tr > th{
	color: var(--col_sub);
	width: 200px;
	}
#companyprofile table.tbl_01 > tbody > tr > td{
	width: calc(100% - 200px);
	}

/*group*/
#group{
	padding-top: 180px;
	}
#group .flex{
	gap: 60px;
	}
#group .img_pict{
	display: block;
	width: 535px;
	height: auto;
	}
#group .item_wrap{
	width: calc(100% - 595px);
	}
#group .item_wrap .box{
	margin-top: 35px;
	padding: 45px 50px;
	background: #f7f7f7;
	}
#group .item_wrap .box .txt_12{
	margin-left: 2rem;
	}

/*access*/
#access{
	padding-top: 180px;
	}
#access .gmap_wrap{
	width: 100%;
	height: 500px;
	margin: 120px 0 100px;
	overflow: hidden;
	}
#access .gmap_wrap iframe{
	width: 100%;
	height: calc(100% + 300px);
	margin-top: -150px;
	}

/*about*/
#about{
	padding: 235px 0 260px;
	}
#about #overview{
	padding-top: 40px;
	}
#about .inner_1170 .flex{
	gap: 85px;
	}
#about .item_txt{
	width: 370px;
	}
#about .item_txt p{
	line-height: 2.55;
	}
#about .img_about{
	display: block;
	width: 535px;
	height: auto;
	}
#about .grid_wrap{
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 55px;
	}
#about .details{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 40px;
	border-radius: 12px;
	background: var(--col_white);
	color: var(--col_sub);
	}
#about .consulting{
	position: relative;
	margin-top: 100px;
	padding: 120px 0 100px;
	color: var(--col_white);
	}
#about .consulting:after{
	content: '';
	width: calc(100% - 122px);
	height: 100%;
	background: #be9f84;
	border-radius: 0 50px 50px 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	}
#about .procurement{
	position: relative;
	margin-top: 245px;
	padding: 120px 0 100px;
	color: var(--col_sub);
	}
#about .procurement:after{
	content: '';
	width: calc(100% - 122px);
	height: 100%;
	background: #c9caca;
	border-radius: 50px 0 0 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	}
/* Media Queries
==========================================================================*/
@media screen and (max-width:1500px) {
/*about*/
#about .inner_1025{
	width: calc(100% - 274px);
	}
#about .inner_1170{
	width: calc(100% - 274px);
	}
#about .inner_1170 .flex{
	gap: 40px;
	}
#about .item_txt{
	width: calc(100% - 540px);
	}
#about .img_about{
	width: 500px;
	}
}
@media screen and (max-width:1040px) {
#group .img_pict{
	display: block;
	width: 400px;
	height: auto;
	}
#group .item_wrap{
	width: calc(100% - 460px);
	}
#about .item_txt{
	width: calc(100% - 340px);
	}
#about .img_about{
	width: 300px;
	}
}
@media screen and (max-width:767px) {
/*mainimg*/
#mainimg{
	height: 320px;
	}
#mainimg:before{
	content: normal;
	}
#mainimg:after{
	width: 100%;
	height: 45px;
	}
#mainimg .img_mainimg{
	width: 100%;
	height: 275px;
	}
#mainimg .maincopy{
	top: 90px;
	right: 20px;
	font-size: 1.07rem;
	line-height: 1.5;
	}

#mainimg .group_wrap{
	height: 80px;
	padding-top: 5px;
	bottom: 45px;
	}
#mainimg h2.txt_18{
	font-size: 0.785rem;
	}
#mainimg .group_wrap .spflex{
	gap: 20px;
	margin-top: 5px;
	}
#mainimg .group_wrap .item{
	width: 95px;
	height: 45px;
	}
#mainimg .group_wrap .item_logo_cmjh{
	width: 44px;
	height: auto;
	}
#mainimg .group_wrap .item_logo_cmj{
	width: 44px;
	height: auto;
	}
#mainimg .group_wrap .item_logo_yoko{
	width: 82px;
	height: auto;
	}

/*profile*/
#profile{
	padding-top: 45px;
	}
/*companyprofile*/
#companyprofile{
	padding-top: 20px;
	}
#companyprofile table.tbl_01{
	margin-top: 30px;
	}
#companyprofile table.tbl_01 > tbody > tr > th,#companyprofile table.tbl_01 > tbody > tr > td{
	font-size: 1rem;
	padding: 10px 0;
	vertical-align: top;
	}
#companyprofile table.tbl_01 > tbody > tr > th{
	color: var(--col_sub);
	width: 100px;
	}
#companyprofile table.tbl_01 > tbody > tr > td{
	width: calc(100% - 100px);
	}

/*group*/
#group{
	padding-top: 70px;
	}
#group .flex{
	gap: normal;
	}
#group .img_pict{
	width: 86.7%;
	margin-inline: auto;
	}
#group .item_wrap{
	width: 100%;
	}
#group .spflex{
	margin-top: 30px;
	justify-content: center;
	}

#group .item_wrap .box{
	margin-top: 20px;
	padding: 20px;
	}

/*access*/
#access{
	padding-top: 45px;
	}
#access .gmap_wrap{
	width: 100%;
	height: 175px;
	margin: 25px 0 35px;
	overflow: hidden;
	}
#access .inner_1025 .txt_aligncenter{
	text-align: left;
	}

/*about*/
#about{
	padding: 100px 0 57px;
	}
#about #overview{
	padding-top: 20px;
	}
#about .inner_1025,#about .inner_1170{
	width: calc(100% - 60px);
	}
#about .inner_1170.mgt100{
	margin-top: 20px;
	}
#about .item_txt{
	width: 100%;
	}
#about .item_txt p{
	line-height: 1.5;
	}
#about .img_about{
	width: 100%;
	margin-bottom: 20px;
	}
#about .grid_wrap{
	grid-template-columns: 100%;
	gap: 15px;
	}
#about .details{
	height: 30px;
	}
#about .consulting{
	margin-top: 45px;
	padding: 40px 0 50px;
	}
#about .consulting:after{
	width: calc(100% - 18px);
	border-radius: 0 25px 25px 0;
	}
#about .procurement{
	margin-top: 50px;
	padding: 35px 0 45px;
	}
#about .procurement:after{
	width: calc(100% - 18px);
	border-radius: 25px 0 0 25px;
	}
}