@charset "UTF-8";

/* iPad表示対策 */
html.is-ipad .achvsTtl_fig img {
	transform: scale(0.8);
}
/* ------------------------------------------------------------
  PCスタイル
 ------------------------------------------------------------ */
@media screen and (min-width: 768px) {
	/* ページヘッダー */
	.achvs_ttl {
		padding: 22px 58px;
	}
	.achvsTtl_fig {
		width: 406px;
		height: 183px;
		position: absolute;
		left: -445px;
		bottom: -83px;
	}

	/* 写真有り管理実績 */
	.ahvs_mgmt {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-top: 100px;
	}
	.ahvs_mgmtTtl {
		padding: 0;	
	}
	.ahvs_mgmtTtl:after {
		content: "";
		display: block;
		width: calc( 2.5rem * 5.5 );
		height: 2.5rem;
		background: url('../img/company/fig_ttlunder_4char.svg') no-repeat left bottom / contain;
		position: absolute;
		left: -10px;
		bottom: -6px;
	}
	.achvs_wrap {
		width: 1000px;
		margin-top: 50px;
	}
	ul.achvs_achvsList {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 0;
	}
	li.achv_item {
		width: 30%;
	}
	li.achv_item:nth-child(n+4) {
		margin-top: 50px;
	}
	.ahvsItem_itemFig {
		width: 100%;
	}
	.ahvsItem_itemFig figcaption {
		margin-top: 15px;
	}
	.ahvsItem_itemFig figcaption::before {
		content: "";
		display: inline-block;
		width: 0.875rem;
		height: 0.875rem;
		background: url('../img/index/icon_pin.svg') no-repeat center center / contain;
		line-height: 1.7;
	}
	.ahvsItem_itemInfo h4,
	.ahvsItem_itemInfo p {
		font-weight: 400;
		color: #000;
	}
	.info_header {
		display: inline-block;
		width: 4rem;
		color: #1AAD6B;
	}

	/* 写真無し管理実績 */
	.achvs_tableWrap {
		width: 1000px;
		margin-top: 100px;
	}
	.achvs_table {
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #000;
	}
	.achvs_table thead {
		background: #f4f4f4;
		border-bottom: 1px solid #000;
	}
	.achvs_table th {
		padding: 5px 0;
		border-right: 1px solid #000;
		font-weight: 400;
	}
	.achvs_table tr:not(:last-child) {
		border-bottom: 1px dotted #000;
	}
	.achvs_table td {
		padding: 5px 0 5px 10px;
	}
	.achvs_table td:not(:last-child) {
		border-right: 1px solid #000;
	}
}


/* ------------------------------------------------------------
  SPスタイル
 ------------------------------------------------------------ */
@media screen and (max-width: 767px) {

	/* ページヘッダー・イラスト */
	.achvsTtl_fig {
		width: 320px;
		height: 150px;
		position: absolute;
		right: 0;
		bottom: -125px;
		left: 0;
		margin: 0 auto;
	}

	/* 写真有り管理実績 */
	.ahvs_mgmt {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding-bottom: 90px;
		margin-top: 50px;
	}
	.ahvs_mgmtTtl {
		position: relative;
	}
	.ahvs_mgmtTtl:after {
		content: "";
		display: block;
		width: calc( 2.375rem * 4.8 );
		height: 2.5rem;
		background: url('../img/business/fig_ttlunder_4char.svg') no-repeat left bottom / contain;
		transform: rotate(3deg);
		position: absolute;
		left: -8px;
		bottom: -8px;
	}
	.achvs_wrap {
		width: 100%;
		padding: 0 24px;
		margin-top: 20px;
	}
	ul.index_achvsList {
		width: 100%;
		padding: 0 20px !important;
	}
	li.achv_item:not(:last-child) {
		margin-bottom: 45px;
	}
	.ahvsItem_itemFig img {
		width: 100%;
	}
	.ahvsItem_itemFig figcaption {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-top: 8px;
	}
	.ahvsItem_itemFig figcaption:before {
		content: "";
		display: inline-block;
		width: 13px;
		height: 18px;
		margin-right: 6px;
		background: url('../img/achivements/icon_pin.svg') no-repeat center center / contain;
	}
	div.ahvsItem_itemInfo h4,
	div.ahvsItem_itemInfo p {
		display: grid;
		grid-template-columns: 3rem 1fr;
		gap: 0 1rem;
		align-items: center;
		margin-top: 8px;
		line-height: 1;
	}
	div.ahvsItem_itemInfo h4 {
		font-weight: 400;
	}
	span.info_header {
		font-weight: 500;
		color: #1AAD6B;
	}
	p.achvs_detail {
		margin-top: 45px;
	}

	/* 写真無し管理実績 */
	.achvs_tableWrap {
		width: calc( 100% - 48px);
		overflow-x: scroll;
		padding-bottom: 10px;
		margin-top: 45px;
	}
	.achvs_table {
		width: 1000px;
		border-collapse: collapse;
		border: 1px solid #000;
	}
	.achvs_table thead {
		background: #f4f4f4;
		border-bottom: 1px solid #000;
	}
	.achvs_table th {
		padding: 5px 0;
		border-right: 1px solid #000;
		font-weight: 400;
	}
	.achvs_table tr:not(:last-child) {
		border-bottom: 1px dotted #000;
	}
	.achvs_table td {
		padding: 5px 0 5px 10px;
	}
	.achvs_table td:not(:last-child) {
		border-right: 1px solid #000;
	}

}