@charset "utf-8";

/*==========================================
 common
===========================================*/
/* title
-------------------------------------------*/
.main h1 {
	color: #4874b4;
}
.main h2 {
	color: #4874b4;
	border-left: #4874b4 5px solid;
}
.main h3 {
	color: #4874b4;
}
.main h4 {
	color: #333;
}


/* ------------------------------------------
	pagetitle
------------------------------------------ */
.pagetitle_wrapp {
	background-image: url(../graduate/images/bg_pagetitle.jpg);
}


/* ------------------------------------------
	dpm_nav
------------------------------------------ */
/* dpm_nav_wrapp */
.dpm_nav_wrapp {
  background-color: rgba(72, 116, 180, 0.1);
	border-top: 3px solid #4874b4;
}
.dpm_nav_wrapp h2 {
	border-bottom: 3px double #4874b4;
}
.dpm_nav_wrapp h2 a {
	color: #4874b4!important;
}

.dpm_nav_box ul li {
	border-bottom: 2px dotted rgb(72, 116, 180,0.3);
}
.dpm_nav_box ul li a {
	color: #4874b4!important;
}
@media (min-width: 993px) {
  .dpm_nav_box {
    width: 100%!important;
  }
}



/* ------------------------------------------
	result_wrapp
------------------------------------------ */
/* result_wrapp */
.result_wrapp {
}
.result_wrapp .result_item {
	border: 2px solid #4874b4;
}
.result_wrapp .result_item h3 {
	background-color: #4874b4;
	margin-top: 0;
}
.result_wrapp .result_item p {
	color: #4874b4;
}



/* ------------------------------------------
	dpm_dscp
------------------------------------------ */
/* dpm_dscp_name */
.dpm_dscp_wrapp .dpm_dscp_name h3 {
	line-height: 1;
	margin-top: 0;
	margin-bottom:0;
}


/* ------------------------------------------
	 dpm_point
------------------------------------------ */
.dpm_point li:before {
	color: rgba(72, 116, 180, 0.1);
}


/* ------------------------------------------
	dean_wrapp
------------------------------------------ */
.dean_wrapp {
  border-radius: 10px;
  border: 2px #4874b4 solid;
}
.dean_wrapp h2 {
	background-color: #4874b4;
  color: #fff;
}
.dean_dpm {
	color: #4874b4;
}


/* ------------------------------------------
	outline_list
------------------------------------------ */
.outline_list .outline_item {
	border: 1px #4874b4 solid;
	padding: 15px 20px;
	margin-bottom: 3.5rem;
	position: relative;
}
.outline_list .outline_item::after {
	content:'';
	position: absolute;
	bottom: -26px;
	left: calc(50% - 6px) ;
	width: 0;
	height: 0;
	border: none;
	border-top: 15px solid #4874b4;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	text-align: center;
	justify-content:center;
}
@media (max-width: 992px) {
	.outline_list .outline_item {
		padding: 10px;
	}
}
@media (min-width: 993px) {
	.outline_list .outline_item {
		padding: 15px 20px;
	}
}

.outline_list .outline_item h3 {
	margin-top: 1.0rem;
	margin-bottom: 0.4rem;
	line-height: 1.2;
	font-size: 1.7rem;
}
.outline_list .outline_item p{
	font-size: 1.5rem;
}

/* outline_dl */
.outline_list .outline_dl {
	border: 1px #4874b4 solid;
	margin-bottom: 3.5rem;
	position: relative;
}
.outline_list .outline_dl dt {
	background-color: #4874b4;
	color: #fff;
}
.outline_list .outline_dl h3 {
	margin-top: 1.0rem;
	margin-bottom: 0.4rem;
	line-height: 1.2;
	font-size: 1.7rem;
}
@media (max-width: 992px) {
	.outline_list .outline_dl {
		padding:10px;
	}
	.outline_list .outline_dl dt {
		margin:-11px -11px 15px;
		padding: 6px 10px;
  }
}
@media (min-width: 993px) {
	.outline_list .outline_dl {
		display: flex;
		justify-content: space-between;
	/*	padding: 15px 20px;*/
	}
  .outline_list .outline_dl dt {
		width: calc(1em + 20px) ;
	/*	margin:-16px -21px -16px 0;*/
		padding: 0px 15px;
		line-height: 1.4;
		display: flex;
		align-items: center;
		justify-content: center;
  }
	.outline_list .outline_dl dd {
	/*	margin-left:calc(1em + 26px);*/
	}
}

/*  basis_item */
@media (max-width: 992px) {
	.basis_item {
		position: relative;
	}
	.basis_item::after {
		content:'';
		position: absolute;
		bottom: -26px;
		left: calc(50% - 6px) ;
		width: 0;
		height: 0;
		border: none;
		border-top: 15px solid #4874b4;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
		text-align: center;
		justify-content:center;
	}
}
@media (min-width: 993px) {
	.basis_item .outline_dl dd {
		padding: 15px 20px;
	}
}

/*  specialty_item */
.specialty_item .outline_dl {
	position: relative;
}
.specialty_item .outline_dl::after {
	content:'';
	position: absolute;
	bottom: -26px;
	left: calc(50% - 6px) ;
	width: 0;
	height: 0;
	border: none;
	border-top: 15px solid #4874b4;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	text-align: center;
	justify-content:center;
}

@media (max-width: 992px) {
	.specialty_item dd {
		border-bottom: 1px #4874b4 solid;
		padding-bottom: 1.0rem;
	}
	.specialty_item dd:last-child {
		border-bottom: none;
		padding-bottom: 0.0rem;
	}
}
@media (min-width: 993px) {
	.specialty_item dd {
		position: relative;
		border-right: 1px #4874b4 solid;
		width: 33.33%;
		padding: 15px 20px;
	/*	margin: -15px 0;
		padding: 15px 0px;*/
	}
	.specialty_item dd:first-child {
		border-right: none;
	}
	.specialty_item dd:last-child {
		border-right: none;
	}

	.specialty_item dd::before {
		content:'';
		position: absolute;
		top: -26px;
		left: calc(50% - 6px) ;
		width: 0;
		height: 0;
		border: none;
		border-top: 15px solid #4874b4;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
		text-align: center;
		justify-content:center;
	}
}


/* outline_bg */
.outline_bg {
	background-color: #4874b4;
	padding: 15px 10px 18px;
	margin-bottom: 3.5rem;
}
@media (max-width: 992px) {
	.outline_bg {
		position: relative;
	}
	.outline_bg::after {
		content:'';
		position: absolute;
		bottom: -26px;
		left: calc(50% - 6px) ;
		width: 0;
		height: 0;
		border: none;
		border-top: 15px solid #4874b4;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
		text-align: center;
		justify-content:center;
	}
}
.outline_bg h3 {
	margin-top: 0.0rem;
	margin-bottom: 0.0rem;
	color: #fff;
	text-align: center;
	font-weight: 400;
	line-height: 1;
	font-size: 1.7rem;
}

/* outline_item-sm */
.outline_item-sm .item-sm_inner {
	border: 1px #4874b4 solid;
	padding: 15px 20px;
	margin-bottom: 2.5rem;
	display: flex;
	align-items: center;
}
.outline_item-sm h3 {
	margin-top: 0.0rem;
	margin-bottom: 0.0rem;
	line-height: 1;
	margin-left: 1em;
	font-size: 1.7rem;
}
@media (min-width: 993px) {
	.outline_item-sm {
		display: flex;
		justify-content: space-between;
	}
	.outline_item-sm .item-sm_inner {
		width: 49%;
  }

	.outline_item-sm .item-sm_inner {
		position: relative;
	}
	.outline_item-sm .item-sm_inner::before {
		content:'';
		position: absolute;
		top: -26px;
		left: calc(50% - 6px) ;
		width: 0;
		height: 0;
		border: none;
		border-top: 15px solid #4874b4;
		border-right: 12px solid transparent;
		border-left: 12px solid transparent;
		text-align: center;
		justify-content:center;
	}
}

/* dpm_lable */
.outline_list p.dpm_lable {
	color: #fff;
	padding: 2px 10px;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	margin-bottom: 0;
	font-size: 1.3rem;
}
.outline_list .lable_color-1 {
	background-color: #af925e;
}
.outline_list .lable_color-2 {
	background-color: #87a265;
}



/*一時的な対応*/
.dpm_point{
	max-width: 52%;
}

.dpm_point li{
	display: block;
}

.dpm_point_wrapp > figure{
   max-width: 45%;
   height: auto;
}

@media (max-width: 992px) {
	.dpm_point{
		max-width: 100%;
	}

	.dpm_point_wrapp > figure{
	max-width: 100%;
	}
}