@charset "utf-8";

/* #pageTitleBox
---------------------------------------------------- */
#pageTitleBox.dousoukai			{ background-image:url(../images/dousoukai/bg_pagetitle.jpg);}
#pageTitleBox.access			{ background-image:url(../images/access/bg_pagetitle.jpg);}
#pageTitleBox.to_applicants			{ background-image:url(../images/to_applicants/bg_pagetitle.jpg);}
#pageTitleBox.to_student			{ background-image:url(../images/to_student/bg_pagetitle.jpg);}
#pageTitleBox.to_graduate			{ background-image:url(../images/to_graduate/bg_pagetitle.jpg);}


/* access
---------------------------------------------------- */



/* career
---------------------------------------------------- */
#pageContents.career span			{ color:#023a9b; font-size:20px; font-weight:bold; }
#pageContents.career .lay-ptxt2.line			{ border-bottom:#e2e2e2 1px solid; margin-bottom:40px;}
#pageContents.career ul								{margin-left:-20px; }
#pageContents.career ul .link-btn				{ float:left; padding-left:20px; width:25%; margin-bottom:20px; }
#pageContents.career ul .link-btn:last-child			{ margin:0 0;}
#pageContents.career .ttl-elem				{ cursor:pointer; background: url(../images/common/btn_btm.png) no-repeat right 10px center; background-size:30px; }
#pageContents.career .ttl-elem.act			{ background-image:url(../images/common/btn_top.png); }
#pageContents.career .ttl-elem:hover		{ background-color:#fafafa; }
#pageContents.career .tbl-wrap				{ display:flex; margin:20px -10px 40px; }
#pageContents.career .tbl-wrap > table	{ width:calc(50% - 20px); margin:0 10px; }
#pageContents.career .tbl-wrap .tbl-lineBox th	{ width:16em; max-width:none; padding:26px 30px 22px 0; }
@media screen and (max-width: 768px) {
#pageContents.career ul .link-btn				{  width:50%;}
#pageContents.career .tbl-wrap				{ display:block; margin:20px 0 40px; }
#pageContents.career .tbl-wrap > table	{ width:100%; margin:0; }
#pageContents.career .tbl-wrap > table:last-child	{ border:none; }
#pageContents.career .tbl-wrap .tbl-lineBox th	{ width:auto; padding:14px 0 4px;  }
}


/* evaluation
---------------------------------------------------- */

.tbl-evaluation			{ font-size:14px; }
.tbl-evaluation th			{ padding:12px 20px 10px; text-align:center; border:#e2e2e2 1px solid; }
.tbl-evaluation td			{ padding:12px 20px 10px; text-align:center; border:#e2e2e2 1px solid; }
.tbl-evaluation thead			{ background:#eee; }
.tbl-evaluation thead th			{ padding:6px 10px 4px; }
.tbl-evaluation tbody th			{ text-align:left; width:50%; }
.list-ul01.evaluation li	{ padding:8px 0 6px 14px; text-indent:-14px; font-size:14px;}

.leftbox	{ clear: both; float: left; width: 48%; position: relative; block-size: 200px; }
.rightbox	{ float: right; width: 48%; position: relative; block-size: 200px; }
#evaluation-item p.question	{ margin-top: 20px; text-indent: -1.4em; padding-left: 1.4em; }

@media screen and (max-width: 768px) {
.leftbox    { clear: both; width: 100%; }
.rightbox   { clear: both; width: 100%; }
.tbl-evaluation th			{ padding:6px 6px 4px; }
.tbl-evaluation td			{ padding:6px 6px 4px; }
}

/* entry-links
---------------------------------------------------- */
.entry-links { display: flex; justify-content: space-evenly; }
.entry-links a { width: 35%; height: 3rem; line-height: 3rem; max-width: 350px; min-width: 350px; border-radius: 4px; text-align: center; text-decoration: none; color: #FFFFFF; font-size: 16px; font-weight: bolder; background-image: url('../images/common/ico_ar_wh.png');background-repeat: no-repeat; background-position: right 15px center; background-size: 8px; }
.entry-links a.general { background-color: #B660CC; }
.entry-links a.recommend { background-color: #ff8c3d; }
@media screen and (max-width: 1028px) {
    .entry-links { flex-direction: column; align-items: center; row-gap: 20px; }
    .entry-links a { width: 100%; height: 4rem; line-height: 4rem; max-width: unset; min-width: unset; border-radius: 8px; }
}

/* to_applicants
---------------------------------------------------- */
ul.apply-items { display: flex; flex-direction: row; align-items: flex-end; }
ul.apply-items li.apply-online { margin-left: 120px; width: 315px; }
@media screen and (max-width: 480px) {
    ul.apply-items { display: flex; flex-direction: column; align-items: flex-start; }
    ul.apply-items li.apply-online { margin: 30px 0 0 2%; width: unset; max-width: 315px; }
}