@charset "utf-8";
#PC----------------{}
#_title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 420px;
	width: 100%;
	background-color: #325CA6;
	background-image: url(/images/plan_university/titlr_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 28px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: normal;
}
._title_big {
	font-size: 50px;
}

#_main_all {
	background-image: url(/images/common/etc_bk.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	background-color: #e6ebef;
	padding-top: 70px;
	padding-bottom: 70px;
	line-height: 1.7;
}
._main{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	box-shadow: 0px 0px 30px 0px #a1a1a1;
}
._wide1000 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
._sub_title {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 34px;
	font-weight: bold;
	background-image: url(/images/plan_university/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 80px;
	padding-bottom: 10px;
	color: #05376e;
}

._sub_title::before,
._sub_title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #05376e;
}

._sub_title span {
  padding: 0 1em;
  white-space: nowrap;
}

._righr_t_txt {
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
}

._co_f_line {
	background-image: url("/images/plan_university/line_end.png"),
                    url("/images/plan_university/line_end.png");
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom left;
	background-size: 100% 8px, 100% 8px; /* 横100%、高さ8pxで固定 */
	padding-bottom: 8px;
}
._co_f_01 {
	font-size: 24px;
	color: #05376e;
	padding-top: 50px;
	text-align: center;
	font-weight: bold;
}

._co_f_01_box1 {
	display: grid;
	grid-template-columns: 48% 48%;
	column-gap: 4%;
	row-gap: 20px;
	margin-top: 50px;
}
._co_f_01_box1_txt01 {
	font-size: 24px;
	padding-bottom: 20px;
	font-weight: bold;
}
._co_f_01_box1_txt01_02 {
	font-size: 24px;
	padding-bottom: 20px;
	font-weight: bold;
	letter-spacing: -0.1em;
}
._pl_u_box1 {
	margin-top: 50px;
	display: grid;
	grid-template-columns: 32% 32% 32%;
	column-gap: 2%;
	row-gap: 20px;
}
._pl_u_box1_t {
	font-weight: bold;
	color: #05376e;
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
}


._pl_u_box2 {
	position: relative;
	border-radius: 10px;
	background: #fff;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	padding-bottom: 40px;
	padding-top: 10px;
	padding-right: 90px;
	padding-left: 90px;
	
}
._pl_u_box2::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 10px;
  background: linear-gradient(to left, #8638c7, #f78bff);
  
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
._pl_u_box2_title {
	position: relative;
	font-size: 26px;
	text-align: center;
	width: 420px;
	border-radius: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #05376e;
	margin-top: -36px;
	clip: rect(auto,auto,auto,auto);
}
._pl_u_box2_title::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: 50px;
  background: linear-gradient(to left, #8638c7, #f78bff);
  
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
._pl_u_box2_t01 {
	text-align: right;

}
._pl_u_box2_t02 {
	font-size: 24px;
	color: #05376e;
	font-weight: bold;
}
._pl_u_box2_t02 span {
	font-size: 16px;
	color: #5a5a5a;
	font-weight: normal;
}

._pl_u_box2_t02_01 {
	font-size: 20px;
	padding-top: 14px;
}
._pl_u_box2 hr {
	margin-top: 20px;
	margin-bottom: 20px;
}









#_co_f_no02 {
	background-color: #f2f6f7;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-top: 100px;
}

._co_f_no02_01 {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}
._co_f_no02_02 {
	margin-top: 30px;
	width: 642px;
	margin-right: auto;
	margin-left: auto;
}
._co_f_no02_04 {
	padding-top: 30px;
	padding-bottom: 20px;

}

















#end_pc----------------{}
@media screen and (max-width: 737px){
#SP-------------------{}
#_title {
	height: 320px;
	font-size: 20px;
	background-position: center center;
	background-image: url(/images/plan_university/titlr_bk_sp.jpg);
	background-size: cover;
}
._title_big {
	font-size: 30px;
}
._main{
	width: 100%;
}
._wide1000 {
	width: calc(100% - 32px);
}
._sub_title {
	font-size: 26px;
	padding-top: 50px;
}
._righr_t_txt {
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 12px;
	padding-bottom: 20px;
}




._co_f_01 {
	font-size: 20px;
	padding-top: 30px;
	text-align: left;
}
._co_f_01_box1 {
	grid-template-columns: 100%;
	column-gap: 0%;
	margin-top: 30px;
}
._co_f_01_box1_txt01,
	._co_f_01_box1_txt01_02 {
	font-size: 20px;
	text-align: center;
}

._pl_u_box1 {
	margin-top: 30px;
	grid-template-columns: 48% 48%;
	column-gap: 4%;
}
._pl_u_box1_t {
	font-size: 16px;
	padding-top: 6px;
	align-content: center;
	justify-content: center;
}
._pl_u_box2 {
	margin-top: 100px;
	padding-bottom: 40px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	
}
._pl_u_box2_title {
	font-size: 24px;
	width: 95%;
	margin-top: -50px;

}
._pl_u_box2_t01 {
	padding-top: 20px;
}

._pl_u_box2_t02 {
	font-size: 20px;
}
._pl_u_box2_t02_01 {
	font-size: 16px;
}







#_co_f_no02 {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
}
._co_f_no02_01 {
	font-size: 20px;
}
._co_f_no02_02 {
	width: 100%;
}
#end_sp----------------{}
}
