@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC スマホ共通
**************************************************
--------------------------------------------------*/



/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	
	.company_inner {
		display:flex;
		justify-content:space-between;
	}
	.company_inner .image {
		width:33%;
	}
	.company_inner .image img {
		width:100%;
		height:auto;
		display:block;
	}
	.company_inner table {
		width:62%;
	}
	.company_inner table tr:first-child th,
	.company_inner table tr:first-child td {
		border-top:1px solid #111;
	}
	.company_inner table th {
		width:12em;
		text-align:left;
		padding:25px 0;
		border-bottom:1px solid #111;
		font-weight:500;
		font-size:16px;
		line-height:2em;
	}
	.company_inner table td {
		text-align:left;
		padding:25px 0;
		border-bottom:1px solid #111;
		font-weight:400;
		font-size:16px;
		line-height:2em;
	}
	.company_inner table td a {
		color:#111;
	}
	
	#accessmap h2 {
		max-width:1200px;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		font-size:48px;
	}
	#accessmap h2 span {
		display:block;
		font-size:14px;
		color:#e63c3c;
		position:relative;
		padding-left:70px;
	}
	#accessmap h2 span::before {
		content:"";
		width:60px;
		height:1px;
		background:#e63c3c;
		position:absolute;
		left:0;
		top:10px;
	}
	#accessmap .gmap {
		margin-top:40px;
		width:100%;
		height:400px;
		display:block;
	}
	#company .access iframe {
		width:100%;
		height:400px;
		display:block;
	}
	.bottom_image {
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.bottom_image div {
		width:48%;
	}
	.bottom_image div img {
		width:100%;
		height:400px;
		object-fit:cover;
	}
	
	/* -- chart -- */
	#chart h2 {
		font-size:48px;
	}
	#chart h2 span {
		display:block;
		font-size:14px;
		color:#e63c3c;
		position:relative;
		padding-left:70px;
	}
	#chart h2 span::before {
		content:"";
		width:60px;
		height:1px;
		background:#e63c3c;
		position:absolute;
		left:0;
		top:10px;
	}
	#chart .chart {
		margin-top:50px;
	}
	#chart .chart img {
		width:auto;
		max-width:100%;
		height:auto;
		display:block;
		margin: auto;
	}
	
	
	

}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	
	.company_inner {
		display:flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.company_inner .image {
		width:100%;
		margin-top: 30px;
	}
	.company_inner .image img {
		width:100%;
		height:240px;
		object-fit: cover;
		display:block;
	}
	.company_inner table {
		width:100%;
	}
	.company_inner table tr:first-child th,
	.company_inner table tr:first-child td {
		border-top:1px solid #111;
	}
	.company_inner table th {
		text-align:left;
		padding:20px 0;
		border-bottom:1px solid #111;
		font-weight:500;
		font-size:3.6vw;
		line-height:2em;
	}
	.company_inner table td {
		text-align:left;
		padding:20px 0 20px 10px;
		border-bottom:1px solid #111;
		font-weight:400;
		font-size:3.6vw;
		line-height:2em;
	}
	.company_inner table td a {
		color:#111;
	}
	#accessmap h2 {
		width:90%;
		margin:0 auto;
		font-size:8vw;
	}
	#accessmap h2 span {
		display:block;
		font-size:3.4vw;
		color:#e63c3c;
		position:relative;
		padding-left:12vw;
		margin-top:5px;
	}
	#accessmap h2 span::before {
		content:"";
		width:10vw;
		height:1px;
		background:#e63c3c;
		position:absolute;
		left:0;
		top:2.8vw;
	}
	#accessmap .gmap {
		margin-top:30px;
	}
	#company .access iframe {
		width:100%;
		height:250px;
		display:block;
	}
	.bottom_image {
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.bottom_image div {
		width:48%;
	}
	.bottom_image div img {
		width:100%;
		height:400px;
		object-fit:cover;
	}
	
	/* -- chart -- */
	#chart h2 {
		font-size:8vw;
	}
	#chart h2 span {
		display:block;
		font-size:3.4vw;
		color:#e63c3c;
		position:relative;
		padding-left:12vw;
		margin-top:5px;
	}
	#chart h2 span::before {
		content:"";
		width:10vw;
		height:1px;
		background:#e63c3c;
		position:absolute;
		left:0;
		top:2.8vw;
	}
	#chart .chart {
		margin-top:30px;
	}
	#chart .chart img {
		width:100%;
		height:auto;
		display:block;
	}
	
	

}/* End SP */