#area_menu_kv{
  background-image: url("/recruit/img/information/tokyo/header_SP.jpg");
}
.area_display_map>p {
  margin-top: 2rem;
}

.dl_info > dd .indent th {
  width: 17rem;
}

.DoNotCommit_indent{
	margin-left: 2.5em;
	margin-right: 2.5em;
}
.DoNotCommit_indent th{
	width: 17rem;
	font-weight: normal;
    text-align: left;
}

.DoNotCommit_3rows{
	display:flex;
	font-size: smaller;
}

.DoNotCommit_3rows span{
	width: calc(100% / 3);
}

.DoNotCommit_wrap{
	display: flex;
	white-space: nowrap;
	font-size: smaller;
}
a.no_content_mark:after{
  content:none;
}

/*------------------breakpoint-------------------*/
@media (min-width: 600px) {/*PC用*/
  #area_menu_kv{
    background-image: url("/recruit/img/information/tokyo/header_PC.jpg");
  }
}

@media (max-width: 900px) {
	.DoNotCommit_3rows{
		display:flex;
		font-size: 12px;
	}
	.DoNotCommit_3rows span{
		width: calc(80% / 3);
	}
    .DoNotCommit_3rows_3{
        padding-left: 20px;
    }
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 12px;
	}
}
@media (max-width: 820px) {
	.DoNotCommit_3rows{
		display:flex;
		font-size: 11px;
	}
	.DoNotCommit_3rows span{
		width: calc(75% / 3);
        white-space: nowrap;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 11px;
	}
}
@media (max-width: 720px) {
    .DoNotCommit_indent{
        margin-left: 2rem;
        margin-right: 2rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 10px;
	}
	.DoNotCommit_3rows span{
		width: calc(60% / 3);
        white-space: nowrap;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 10px;
	}
}
@media (max-width: 680px) {
    .DoNotCommit_indent{
        margin-left: 1rem;
        margin-right: 1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 10px;
	}
	.DoNotCommit_3rows span{
		width: calc(45% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
        padding-left: 40px;
    }
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 10px;
	}
}
@media (max-width: 600px) {
    .DoNotCommit_indent{
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .DoNotCommit_3rows{
		display:flex;
		font-size: 12px;
	}
	.DoNotCommit_3rows span{
		width: calc(98% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
        padding-left: 0px;
    }
	.DoNotCommit_indent th{
		width: 17rem;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 12px;
	}
}
@media (max-width: 580px) {
    .dl_info > dd .commit_application_rate_sp th {
        font-weight: normal;
    }
    .DoNotCommit_indent{
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .DoNotCommit_3rows{
		display:flex;
		font-size: 12px;
	}
	.DoNotCommit_3rows span{
		width: calc(95% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
        padding-left: 0px;
    }
	.DoNotCommit_indent th{
		width: 17rem;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 12px;
	}
}
@media (max-width: 560px) {
    .DoNotCommit_indent{
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .DoNotCommit_3rows{
		display:flex;
		font-size: 12px;
	}
	.DoNotCommit_3rows span{
		width: calc(90% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_1{
        margin-right: -10px;
    }
    .DoNotCommit_3rows_3{
        padding-left: 20px;
    }
	.DoNotCommit_indent th{
		width: 17rem;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 12px;
	}
}
@media (max-width: 520px) {
	.DoNotCommit_indent{
        margin-left: 1rem;
        margin-right: 1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 11px;
	}
	.DoNotCommit_3rows span{
		width: calc(80% / 3);
        white-space: nowrap;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 11px;
	}
}
@media (max-width: 510px) {
	.DoNotCommit_indent{
        margin-left: 1rem;
        margin-right: 1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 11px;
	}
	.DoNotCommit_3rows span{
		width: calc(80% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
		padding-left: 30px;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 11px;
	}
}
@media (max-width: 480px) {
	.DoNotCommit_indent{
        margin-left: 1rem;
        margin-right: 1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 11px;
	}
	.DoNotCommit_3rows span{
		width: calc(85% / 3);
        white-space: nowrap;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 11px;
	}
}
@media (max-width: 460px) {
	.DoNotCommit_indent{
        margin-left: 1rem;
        margin-right: 1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 11px;
	}
	.DoNotCommit_3rows span{
		width: calc(90% / 3);
        white-space: nowrap;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 11px;
	}
}
@media (max-width: 445px) {
	.DoNotCommit_indent{
        margin-left: 1rem;
        margin-right: 1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 10px;
	}
	.DoNotCommit_3rows span{
		width: calc(90% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
		padding-left: 20px;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 10px;
	}
}
@media (max-width: 420px) {
	.DoNotCommit_indent{
        margin-left: 1rem;
        margin-right: 1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 10px;
	}
	.DoNotCommit_3rows span{
		width: calc(95% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
		padding-left: 20px;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 10px;
	}
}
@media (max-width: 405px) {
	.DoNotCommit_indent{
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 9px;
	}
	.DoNotCommit_3rows span{
		width: calc(87% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
		padding-left: 25px;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 9px;
	}
}
@media (max-width: 395px) {
	.DoNotCommit_indent{
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 9px;
	}
	.DoNotCommit_3rows span{
		width: calc(90% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
		padding-left: 25px;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 9px;
	}
}
@media (max-width: 385px) {
	.DoNotCommit_indent{
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 8.5px;
	}
	.DoNotCommit_3rows span{
		width: calc(90% / 3);
        white-space: nowrap;
	}
    .DoNotCommit_3rows_3{
		padding-left: 20px;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 8.5px;
	}
}
@media (max-width: 377px) {
	.DoNotCommit_indent{
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 8.5px;
	}
	.DoNotCommit_3rows span{
		width: calc(92% / 3);
        white-space: nowrap;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 8.5px;
	}
}
@media (max-width: 370px) {
	.DoNotCommit_indent{
        margin-left: 0.1rem;
        margin-right: 0.1rem;
    }
	.DoNotCommit_3rows{
		display:flex;
		font-size: 7px;
	}
	.DoNotCommit_3rows span{
		width: calc(90% / 3);
        white-space: nowrap;
	}
	.DoNotCommit_indent th{
		width: 100%;
		font-weight: normal;
		text-align: left;
	}
	.DoNotCommit_wrap{
		display: flex;
		white-space: nowrap;
		font-size: 7px;
	}
}
