@charset "utf-8";

@media screen and (max-width: 1259px) {
	
	
}

@media screen and (max-width: 767px) {
	.l-jobs .category b {
		font-size: 20rem;
	}
	
	.l-flow_menu .buttons {
		display: none;
	}
	
	.l-acbutton {
		text-align: left;
		text-decoration: none;
		width: 100%;
		height: 64px;
		margin: 6px 0 0;
		padding-inline: 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 5px;
		background: #C9D6DC;
		position: relative;
		z-index: 10;
	}
	
	.l-acbutton.u-show_mobile {
		display: flex !important;
	}
	
	.l-acbutton b {
		color: var(--black);
		font-size: 16rem;
		font-weight: 500;
	}
	
	.l-acbutton i {
		width: 20px;
		height: 20px;
		margin: 0 10px 0 0;
		border-radius: 100vmax;
		background: var(--black);
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0,-50%);
	}
	
	.l-acbutton i:before,
	.l-acbutton i:after {
		content: '';
		width: 8px;
		height: 1px;
		display: block;
		background: var(--white);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		transition: .2s;
	}
	
	.l-acbutton i:after {
		transform: translate(-50%,-50%) rotate(90deg);
	}
	
	.l-acbutton.active i:after {
		transform: translate(-50%,-50%) rotate(180deg);
	}
	
	
	.tab_contents {
		padding: 35px 20px 25px;
		border-radius: 0 0 5px 5px;
	}
	
	.chart1 {
		margin-bottom: 10%;
	}
	
	.chart1 a {
		width: 12.25%;
	}
	
	.chart1 a.mid {
		width: 12.25%;
	}
	
	.chart1 a.mid2 {
		width: 12.25%;
	}
	
	.chart1 a.se {
		width: 54%;
	}

	.chart1 a.small {
		width: 12.25%;
	}
	
	.chart1 a:nth-child(1) { margin: 1% 0 0 44%; }
	.chart1 a:nth-child(2) { margin: 83% 0 0 44%; }
	.chart1 a:nth-child(3) { margin: 112% 0 0 44%; }
	.chart1 a:nth-child(4) { margin: 69% 0 0 59%; }
	.chart1 a:nth-child(5) { margin: 69% 0 0 74%; }
	.chart1 a:nth-child(6) { margin: 199% 0 0 44%; }
	.chart1 a:nth-child(7) { margin: 213% 0 0 44%; }
	.chart1 a:nth-child(8) { margin: 227% 0 0 44%; }
	.chart1 a:nth-child(9) { margin: 1% 0 0 59%; }
	.chart1 a:nth-child(10) { margin: 1% 0 0 74%; }
	.chart1 a:nth-child(11) { margin: 69% 0 0 88%; }
	
	
	.l-head_func {
		display: none;
	}
	
	.l-head_func ul {
		margin-top: 12px;
		flex-wrap: wrap;
	}
	
	.l-head_func ul li {
		width: calc(100% / 2);
		margin-top: 12px;
	}
	
	
	
	
	.u-acpanel_detail .detail {
		display: block;
	}
	
	.u-acpanel_detail .detail > p {
		width: 100%;
	}
	
	.u-acpanel_detail .detail > .data {
		width: 100%;
	}
	
	.u-acpanel_detail .detail > p {
		padding-bottom: 15px;
		border-right: 0;
		border-bottom: 1px dashed #808080;
	}
	
	.u-acpanel_detail .detail > .data {
		padding-top: 15px;
		padding-left: 0;
	}
	
	.u-acpanel_detail .link a {
		line-height: 1.5;
	}
	
	.chart2, .chart3 {
		width: 100%;
		margin: 0%;
		padding: 90% 0 0;
		position: relative;
	}
	
	.chart3 {
		padding-top: 50%;
	}
	
	
}