@charset "utf-8";

@media screen and (max-width: 1199px) {
	.triangle_guide {
		margin-left: 52px !important;
	}
	
	.l-philosophy_section .u-inner {
		padding-left: 32%;
	}
	
	.p-multimodal-transport .g-main-body .u-flex.-row4 > * {
		width: calc(100% / 3 - (16px * 2));
	}
	
}

@media screen and (max-width: 999px) {
	.triangle_guide {
		width: 23%;
		margin-left: 5.2% !important;
	}
	
	.p-philosophy .g-breadcrumb .u-inner {
		padding-inline: 5.325%;
	}
	
	.l-philosophy_section .lists {
		flex-direction: column;
	}
	
	.l-philosophy_section .lists .title {
		width: inherit;
		padding-bottom: .5em;
	}
	
	.l-philosophy_section .lists .title + .u-text {
		width: inherit;
		padding-top: 0;
		border-top: 0;
	}
	
	.l-philosophy_section.cored .u-inner .l-philosophy_title {
		margin-left: 14%;
	}
	
	.l-philosophy_title + .u-text {
		font-size: 18rem;
	}
	
	.p-business .business_prologue {
		flex-direction: column;
	}
	
	.p-business .business_prologue .u-lead {
		width: 100%;
		padding-right: 0;
	}
	
	.p-business .business_prologue .image {
		text-align: center;
		margin-top: 30px;
		width: 100%;
	}
	
	.p-multimodal-transport #section4 .u-flex.-row4 > * {
		width: calc(100% / 2 - (16px * 2));
	}
	
	.route_wrap {
		width: 100%;
		margin-inline: 0;
		display: grid;
	}
	
	.route_body01 {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		padding-top: 30px;
		padding-inline: 0;
	}
	
	.route_body02 {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}
	
	.route_body03 {
		width: 100%;
		max-width: 300px;
		padding: 20px 0;
		margin: 0 auto;
	}
	
	#imgRouteBin {
		width: 55%;
		max-width: 300px;
		margin-inline: auto;
		padding-top: 20px;
		display: block;
	}
	
}

@media screen and (max-width: 767px) {
	.p-philosophy .g-breadcrumb {
		margin-top: 6px;
	}
	
	.p-philosophy .g-breadcrumb .u-inner {
		padding-inline: 15px;
	}
	
	.triangle_guide {
		width: 280px;
		margin-inline: auto !important;
		float: inherit;
		position: inherit;
		top: inherit;
		translate: 0 0;
	}
	
	.triangle_guide .item a {
		color: var(--red);
	}
	
	.triangle_guide .item a.active {
		color: var(--red);
		background-color: inherit;
	}
	
	.l-philosophy_section {
		padding-top: 50px;
	}
	
	.l-philosophy_section .u-inner {
		padding-left: 15px;
	}
	
	.l-philosophy_title:before {
		font-size: 20rem;
		margin-bottom: .5em;
	}
	
	.l-philosophy_title + .u-text {
		margin-top: .75em;
	}
	
	.l-philosophy_title + .u-text br {
		display: none;
	}
	
	.p-philosophy .g-main-body {
		padding-bottom: 0;
	}
	
	.l-philosophy_section.cored .u-inner .l-philosophy_title {
		margin-left: auto;
		position: relative;
		top: auto;
		left: auto;
	}
	
	.p-philosophy .float_wrap {
		padding-bottom: 0;
	}
	
	.p-index.p-local .u-flex.-mobile_flex_none > * {
		margin-bottom: 40px;
	}
	
	/*history*/
	.l-corp_name .logo {
		display: block;
	}
	
	.l-corp_name .logo .image {
		width: 40%;
		margin-inline: auto;
		padding-left: 0;
	}
	
	.l-corp_name .logo .title {
		text-align: center;
		margin-top: 20px;
		padding-right: .75em;
	}
	
	.l-bizindex_card {
		flex-direction: column;
	}
	
	.l-bizindex_card > div {
		width: 100%;
		padding: 30px;
	}
	
	.l-bizindex_card > figure {
		width: 100%;
	}
	
	.l-bizindex_card .u-flex > * {
		margin: 0 0 20px;
	}
	
	.p-multimodal-transport .case_items .before:after {
		width: 37%;
		height: 30px;
		translate: -50% calc(100% - 0);
	}
	
	.p-multimodal-transport .case_items .item {
		margin: 70px 0 0;
		flex-direction: column;
	}
	
	.p-multimodal-transport .case_items .data {
		width: 100%;
		padding: 40px 20px 0 20px;
	}
	
	.p-multimodal-transport .case_items .case_number {
		margin-left: 20px;
	}
	
	.p-multimodal-transport .case_items .image {
		width: 100%;
	}
	
	.p-multimodal-transport .case_items .data > div {
		flex-direction: column;
		
	}
	
	.p-multimodal-transport .case_items .data > div > div {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.p-business .l-features > * {
		padding-bottom: 18px;
	}
	
	
/* ---------------------------------------
	route
--------------------------------------- */
	.route_wrap02 {
		width: 100%;
		margin-inline: 0;
		display: grid;
	}
	.route_grid.var01 {
		margin-bottom: 10px;
	}
	.route_body04 {
		width: 300px;
		padding: 25px 0;
	}
	.route_body05 {
		width: 350px;
		margin: 0 auto;
		padding: 25px;
	}
	.route_body04 {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}
	
	.route_grid_item {
		width: calc(100% / 4 - 4px);
	}
	
	.route_grid_item:nth-of-type(n+4) {
		margin-top: 0;
	}
	
	.route_grid_item:nth-of-type(n+5) {
		margin-top: 5px;
	}
	
	/*group map*/
	.l-group_map .corpGroup_map_wrap a {
		font-size: 1.9555vw;
	}
	
	#imgRouteBin {
		width: 300px;
	}
	
}

@media screen and (max-width: 499px) {
	/*overview*/
	.l-group_map .corpGroup_map_wrap a {
		display: block;
	}
	
	.l-group_map .corpGroup_map_wrap br {
		display: none;
	}
	
	.l-group_map .corpGroup_map_item03 {
		margin-top: 6%;
	}
	
	.l-group_map .corpGroup_map_item04 {
		margin-top: 19.3%;
	}
	
	.l-group_map .corpGroup_map_item05 {
		margin-top: 26.1%;
	}
	
	.l-group_map .corpGroup_map_item06 {
		margin-top: 38.7%;
	}
	
	
}