@charset "UTF-8";
/*--------------------------------------------------------------------------
上書き
--------------------------------------------------------------------------*/
.card-2g .table-design table {
border-collapse: collapse; 
width: 100%;
margin: 0 auto;
}

.card-2g .table-design th,
.card-2g .table-design td {
background: #fff;
border: solid 1px #ccc; 
box-sizing:border-box;
}
.card-2g .table-design td a {
	display: block;
	padding: 15px 1em;
	text-decoration: none;
	font-weight: 600;
}
.card-2g .table-design td a:hover {
	background:#8BCEDD;
}


.card-2g .table-design th {
text-align:center; 
width:10%;
background:#F3F3F3;
	font-weight: normal;
}

@media screen and (max-width: 480px) {
	.card-2g .table-design table {
	width: 100%; 
	}

	.card-2g .table-design th,
	.card-2g .table-design td {
	display: block;
	width: 100%;
	text-align:center; 
	border-bottom:none;
	}
	.card-2g ul.list {
		text-align: left;
	}

	.card-2g .table-design tr:last-child{
	border-bottom: solid 1px #ccc;
	}
}

/* 円形バッジのコンテナ */
.card-2g .image-wrapper {
    position: relative; /* 画像に対して円を配置するための基準点 */
}

/* 円形バッジ */
.premium-badge {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 180px;
    height: 180px;
    background: linear-gradient(45deg, #FFD700, #FFA500); /* 金色系グラデーション */
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    text-align: center;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transform: rotate(10deg);
    z-index: 1;
    font-weight: bold;
    border: 2px solid #fff;
}

.premium-badge-text {
    font-size: 14px;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.premium-badge-highlight {
    font-size: 16px;
    color: #DF3A3D;
    margin: 3px 0;
    font-weight: bold;
}
/*--------------------------------------------------------------------------
採用情報
--------------------------------------------------------------------------*/

.recruit-box {
	width: 850px;
	margin: 30px auto;
	padding: 20px;
	border: #999 1px solid;
	border-radius: 8px;
	overflow: hidden;
}
@media screen and (max-width:980px) {
.recruit-box  {
	width: 80%;
}
}
@media screen and (max-width:768px) {
.recruit-box  {
	width: 84%;
}
}
@media screen and (max-width:640px) {
.recruit-box  {
	width: 96%;
}
}
@media screen and (max-width:480px) {
.recruit-box  {
	width: 100%;
	}
}
.recruit-box h3 {
	margin: 0;
	padding: 0;
	font-size: 1.8rem;
}