<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

.subpage_main_box_text .link_text{
	margin-top: 16px;
}

#self-about,#job,#worthwhile, #personality {
	margin-bottom: 72px;
}
.topics_title{
	padding-top: 50px;
	margin-bottom: 80px;
}
.topics_title:before{
	background-color: var(--bg-orange);
}
hr{
	max-width: 800px;
	padding: 0 20px;
	margin: 0 auto 72px;
	border: none;
    border-top: 1px dashed var(--gray);
}

#application_method{
	margin-bottom: 64px;
}
#application_method .topics_subtitle_box h4{
	color: var(--orange);
	border: solid 1px var(--orange);
}
#application_method ul{
	margin-top: 32px;
	margin-bottom: 32px;
}
#application_method ul li{
	text-indent: -2em;
	padding-left: 2em;
}

.entry_btn{
	max-width: 442px;
	margin: 0 auto;
}
.entry_btn a{
	width: 100%;
    height: 80px;
    font-size: var(--fz150-120);
    margin-left: auto;
    margin-right: auto;
}


/*==================================================
mpf 使用css
===================================*/
#qualification, #employment-details{margin-bottom: 72px;}
.tbl220 dt{
	border-top: none;
    width: 220px;
    margin: 0 0 2em 0;
    font-weight: normal;
    float: left;
    clear: both;
    text-align: left;
}
.tbl220 dd{
	border-top: none;
    margin: 0 0 2em 0;
    margin-left: 220px;
}





@media print, screen and (max-width: 767px) {
	#self-about,#job,#worthwhile, #personality {margin-bottom: 56px;}
	hr{width: 90%; margin: 0 auto 56px;}
	.entry_btn_tab a:after{right: 10px;}
	
/*==================================================
mpf 使用css
===================================*/
	#qualification, #employment-details{margin-bottom: 56px;}
	.tbl220 dt{
		float: none;
        width: 100%;
        font-weight: bold;
        text-align: left;
        margin-bottom: 0.2em;
	}
	.tbl220 dd{
		float: none;
        width: 100%;
        padding: 0;
        margin-left: 10px;
	}
	
}</pre></body></html>