@charset "UTF-8";
/* CSS Document */

.step img{width: 100%;}

.step p{text-align: right;}

.occupation {display: flex;
width: 100%;}


/*タブメニュー*/

.tab-1 {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.tab-1 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #f3f7fb;
    color: #535353;
    font-size: .9em;
	font-weight: 500;
    text-align: center;
    cursor: pointer;
}

.tab-1 > label:hover {
    opacity: .8;
}

.tab-1 input {
    display: none;
}

.tab-1 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tab-1 label:has(:checked) {
    background-color: #fff;
    border-color: #004CA0 #f3f7fb #fff;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px;
    color: #333333;
}

.tab-1 label:has(:checked) + div {
    display: block;
}

/*募集要項テーブル*/

.guidelineTable th {/*background-color: #d5e4f4;*/
	background-color: #f3f7fb;
font-weight: normal;
border-top: #a1c3e6 solid 1px;
/*	border-top: #a1c3e6 solid 1px;*/
	border-right: #a1c3e6 solid 1px;
text-align: left;
padding: 10px;
width: 200px;
vertical-align: top;}


.guidelineTable td {
padding: 10px;
line-height: 1.6;
border-top: #a1c3e6 solid 1px;
border-bottom: #a1c3e6 solid 1px;}

.guidelineTable {border: #a1c3e6 solid 1px;
margin-bottom: 30px;
width: 100%}



@media screen and (max-width: 959px) {
	
	.tab-1 > label {

    font-size: 0.8rem;

}
	.step p{text-align: left;
	font-size: 0.8rem;}
	
	.guidelineTable th,
		.guidelineTable td{
width: 100%;
    display: block;
			    border-bottom:none;	
		}
	
		.guidelineTable th{
border-right: none;
			text-align: center;
		}
	.guidelineTable {border-top: none;
	
	}	
}