@charset "UTF-8";

/* ==================================================================

	教育・就職支援｜大同大学
	/common/css/cat_du.css

================================================================== */

/* ==================================================================
	教育・就職支援　共通
	du/ 以下階層共通
================================================================== */
/* PC */
@media screen and (min-width: 741px), print {
	#main_contents_body.height_life { min-height: 635px; }
}


.cat_du-kyouiku #main_contents_bg,
.cat_du-syusyoku #main_contents_bg{
	margin: 0 auto;
}

@media screen and (max-width: 740px) {
	.cat_index_area {
		padding: 0;
	}
}


/* ==================================================================
	DU教育力 / DU就職力
	du/kyouiku/index.html
	du/syusyoku/index.html
================================================================== */

/* .header
------------------------------------------------------------------ */
.header {
	margin-bottom: 40px;
	background-position: right center;
	background-repeat: no-repeat;
}
.header_inbox {
	display: table-cell;
	height: 428px;
	vertical-align: middle;
}
.header_text {
	padding: 4px;
	background: #fff;
	border: solid 2px #2f4d93;
}
.header_bdr {
	display: table-cell;
	height: 270px;
	vertical-align: middle;
	border: solid 1px #2f4d93;
}
.header_bdr * {
	width: 346px;
	margin: 0 20px;
}
#du_kyouiku .header { background-image: url(../../du/kyouiku/images/page_title_img.jpg); }
#du_syusyoku .header { background-image: url(../../du/syusyoku/images/page_title_img.jpg); }
.header h1 {
	margin-bottom: 10px;
	font-size: 328%;
	color: #2f4d93;
}

@media screen and (max-width: 740px) {
	.header {
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 60%;
		background-position: center top;
		background-size: 100% auto;
	}
	.header_inbox {
		display: block;
		position: relative;
		height: auto;
	}
	.header_text {
		width: 90%;
		margin: 0 auto;
	}
	.header_bdr {
		display: block;
		height: auto;
		padding: 10px 0 15px;
		vertical-align: middle;
		border: solid 1px #2f4d93;
	}
	.header_bdr * {
		width: auto;
	}
	.header h1 {
		margin-bottom: 5px;
		font-size: 285%;
	}
}


/* ==================================================================
	教養部｜DU教育力
	du/kyouiku/dept/index.html
================================================================== */
.dept_dl dt {
	margin-bottom: 10px;
	padding: 10px 0 8px;
	background: #005597;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 740px) {
	.dept_dl {
		margin-top: 20px;
	}
}


/* ==================================================================
	教員紹介｜教養部｜DU教育力
	du/kyouiku/dept/prof/index.html
================================================================== */
@media screen and (min-width: 741px), print {
	.prof_table th {
    width: 20%;
    vertical-align: middle;
	}
}
@media screen and (max-width: 740px) {
	.prof_table {
		font-size: 100%;
	}
	.prof_table th {
		display: block;
		border-bottom: none;
	}
	.prof_table td {
		display: block;
		border-top: none;
	}
}


/* ==================================================================
	教室紹介｜教養部｜DU教育力
	du/kyouiku/dept/class/index.html
================================================================== */
.class_table th {
	width: 25%;
}


/* ==================================================================
	トピックス｜DU教育力
	du/kyouiku/topics/tokusyoku.html
	du/kyouiku/topics/gendai.html
================================================================== */
.topics_flow dt {
	margin: 20px 0;
	padding: 10px;
	background: #005596;
	font-size: 114%;
	color: #fff;
}
.topics_flow dd {
	padding-bottom: 20px;
	background: url(../../du/kyouiku/topics/images/flow_arw.png) center bottom no-repeat;
	background-size: 30px auto;
}
.topics_flow dd:last-child {
	padding-bottom: 0;
	background: none;
}

@media screen and (min-width: 741px), print {
	.cat_du-kyouiku-topics-tokusyoku .topics_flow dd:nth-child(2) {
		padding-bottom: 50px;
	}
	.cat_du-kyouiku-topics-gendai .topics_flow dd:nth-child(4) {
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 740px) {
	.topics_flow dd {
		padding-bottom: 40px;
	}
}


/* ==================================================================
	シンポジウム｜現代GP｜トピックス｜DU教育力
	du/kyouiku/topics/symposium.html
================================================================== */
@media screen and (min-width: 741px), print {
	.photo_list li {
		display: inline-block;
		margin-top: 20px;
	}
	.photo_list li img {
		display: block;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 740px) {
	.photo_list li {
		display: inline-block;
		width: 49%;
		margin-top: 10px;
		vertical-align: top;
		font-size: 86%;
	}
	.photo_list li img {
		display: block;
		margin-bottom: 5px;
	}
}


/* ==================================================================
	資格取得支援｜DU就職力
	du/syusyoku/shikaku/index.html
================================================================== */
@media screen and (min-width: 741px), print {
	.cat_du-syusyoku-shikaku .tbl_outline th,
	.cat_du-syusyoku-shikaku .tbl_outline td,
	.cat_du-syusyoku-shikaku .tbl_schedule th,
	.cat_du-syusyoku-shikaku .tbl_schedule td {
		box-sizing: border-box;
	}
	
	.cat_du-syusyoku-shikaku .tbl_outline td {
		width: 15%;
	}
	.cat_du-syusyoku-shikaku .tbl_outline td:nth-child(5),
	.cat_du-syusyoku-shikaku .tbl_outline td:nth-child(6) {
		width: 20%;
	}
	.cat_du-syusyoku-shikaku .tbl_schedule th {
		width: 30%;
		text-align: center;
	}
}
@media screen and (max-width: 740px) {
	.anchor_list02.shikaku_list li {
		float: none;
		width: 100%;
	}
	.cat_du-syusyoku-shikaku .tbl_schedule th {
		text-align: center;
	}
}


/* ==================================================================
	実学教育｜DU教育力
	du/kyouiku/jitsugaku/index.html
================================================================== */
.cat_du-kyouiku-jitsugaku figcaption {
	margin-top: 10px;
	font-size: 86%;
}
.cat_du-kyouiku-jitsugaku .sec_column {
	padding: 26px;
	border: solid 4px #f0f0f0;
}
.cat_du-kyouiku-jitsugaku .sec_column h2 {
	padding-bottom: 20px;
	border-bottom: solid 1px #cacaca;
	text-align: center;
}
.cat_du-kyouiku-jitsugaku .sec_column h3 {
	margin-top: 30px;
	padding-left: 15px;
	border-left: solid 5px #144d80;
	font-size: 128%;
	color: #144d80;
}

@media screen and (min-width: 741px), print {
	.cat_du-kyouiku-jitsugaku .img_all {
		width: 470px;
		margin-left: auto;
		margin-right: auto;
	}
	.cat_du-kyouiku-jitsugaku .img_half {
		width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
	.cat_du-kyouiku-jitsugaku .img_half img {
		float: left;
	}
	.cat_du-kyouiku-jitsugaku .img_half img:first-child {
		margin-right: 20px;
	}
	.cat_du-kyouiku-jitsugaku .img_half figcaption {
		clear: both;
		padding-top: 10px;
	}
}

@media screen and (max-width: 740px) {
	.cat_du-kyouiku-jitsugaku .sec_column {
		padding: 20px;
	}
	.cat_du-kyouiku-jitsugaku .sec_column h2 {
		padding-bottom: 15px;
	}
	.cat_du-kyouiku-jitsugaku .sec_column h3 {
		padding-left: 12px;
		font-size: 114%;
	}
	.cat_du-kyouiku-jitsugaku .img_half img:first-child {
		margin-bottom: 10px;
	}
}


/* ==================================================================
	キャリアサポート体制｜DU就職力
	du/syusyoku/shikaku/index.html
================================================================== */
body.cat_du-syusyoku-career .box01 {
	text-align: center;
}

@media screen and (min-width: 741px), print {
	.cat_du-syusyoku-career .inbox .img img:first-child {
		margin: 10px 0 20px;
	}
	.cat_du-syusyoku-career .sec_career .inbox {
		position: relative;
		min-height: 288px;
		padding-right: 230px;
	}
	.cat_du-syusyoku-career .sec_career .inbox .sec_heading {
		line-height: 1.6;
	}
	.cat_du-syusyoku-career .sec_career .inbox .img {
		position: absolute;
		top: 0;
		right: 0;
		width: 200px;
		text-align: center;
	}
}

@media screen and (max-width: 740px) {
	.cat_du-syusyoku-career .inbox .img {
		margin-top: 20px;
		margin-left: 5%;
	}
	.cat_du-syusyoku-career .inbox .img img {
		float: left;
	}
	.cat_du-syusyoku-career .inbox .img img:first-child {
		width: 45%;
		margin: 20px 5% 0 0;
	}
	.cat_du-syusyoku-career .inbox .img img:last-child {
		width: 50%;
	}
}

#main_contents_body article .sec_column.mt30 .bule {
    margin-top: 10px;
    color: #144d80;
    font-size: 110%;
}
.size_xs-blak {
    font-size: 80%;
    color: #000;
    margin-left: 20px;
}
.size_xs-blak1 {
	font-size: 70%;
	color: #000;
	margin-left: 0px;
}
.size_xs-blak2 {
    font-size: 90%;
    color: #000;
    margin-left: 20px;
}
@media screen and (max-width: 740px) {
.size_xs-blak2 {
    font-size: 90%;
    color: #000;
    margin-left: 10px;
}
}



.kyouiku_prof{
	display: flex;
}


	.kyouiku_prof h3 {
		margin-right: 15px;
	}

	.kyouiku_prof .link_btn a {
		display: block;
		padding: 1% 26px 1% 3%;
		background: url(../images/link_bnr_arw.png) 95% center no-repeat;
			background-size: auto;
		background-size: 6px auto;
		border: solid 1px #dcdcdc;
		color: #144d80;
		text-decoration: none;
		white-space: nowrap;
	}
	
	
	.kyouiku_prof .link_btn a:hover, .kyouiku_prof .link_btn a.current {
		background-color: #e7f2f9;
		color: #144d80;
		opacity: 1;
	}

@media screen and (max-width: 740px) {
	
	.kyouiku_prof h3{
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.kyouiku_prof{
		display: block;
	}
	
}


/* ==================================================================
	数理・データサイエンス・AI教育プログラム
	du/syusyoku/mdash/index.html
================================================================== */


.cat_du-kyouiku-mdash #title_text_area_bg {
	background: url(../../du/kyouiku/mdash/images/page_title_img.png) left top no-repeat;
}
.cat_du-kyouiku-mdash #title_text_area {
	height: 415px;
}
.cat_du-kyouiku-mdash #page_title {
	height: 415px;
}
.cat_du-kyouiku-mdash #page_title h1 small {
	display: none;
}

.cat_du-kyouiku-mdash #page_title h1 img{
	max-width: none;
}

.cat_du-kyouiku-mdash .mdash_sec_01 img{
	width: 600px;
	height:auto;
}

.cat_du-kyouiku-mdash .dep_txt_red {
  color: red;
}

@media screen and (min-width: 1540px) {
	.cat_du-kyouiku-mdash #title_text_area_bg {
		background-size: 100% auto;
	}
}

@media screen and (max-width: 740px) {
	.cat_du-kyouiku-mdash #title_text_area_bg {
		background: none;
	}
	.cat_du-kyouiku-mdash #title_text_area {
		height: auto;
	}
	.cat_du-kyouiku-mdash #page_title {
		height: auto;
		margin: 0;
	}
	.cat_du-kyouiku-mdash #page_title h1 {
		padding: 0;
	}

}



.mdash_program_headline{
  margin-top: 10px;
  font-size: 90%;
  color: #2f4d93;
}


@media screen and (max-width: 740px) {
	
	.mdash_program_headline{
		margin-top:10px;
	}
	
}