@charset "utf-8";

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



/* ------------------------------------------
	tab_nav
------------------------------------------ */
/* tab_nav_wrapp */
.tab_nav_wrapp li {
	border: 2px #00b2af solid!important;
}
.tab_nav_wrapp li a {
	background-image: url("../images/btn_bg_ss.svg");
	color: #00b2af!important;
}

  
/* ------------------------------------------
	btn_wrapp
------------------------------------------ */
.btn_wrapp li a {
	color: #00b2af!important;
	background-color: rgba(0, 178, 175, 0.1);
  border: 2px #00b2af solid;
}



/* ------------------------------------------
	subpage_nav
------------------------------------------ */
.subpage_nav_wrapp li.current a {
	background-color: #00b2af;
}
.subpage_nav_wrapp li a:hover {
	background-color: #00b2af!important;
}


/* ------------------------------------------
	pagetitle
------------------------------------------ */
.pagetitle_wrapp_dpm .pagetitle_wrapp {
	background-image: url(../ss/images/bg_pagetitle-sub.jpg);
}
.pagetitle_wrapp_dpm .name_dpm-sub {
	color: #00b2af;
}



/*==========================================
	ie.html
===========================================*/



/* ------------------------------------------
	 curriculum_point
------------------------------------------ */
.curriculum_point li dl dt {
	color: #00b2af;
}

/* label */
.curriculum_label {
  color: white;
  background-color: #00b2af;
}


/* ------------------------------------------
	card
------------------------------------------ */
/* card_point
------------------------------------------ */
/*
.card_point_wrapp {
	border-radius: 10px;
  border: 2px #00b2af solid;
}
.card_point_wrapp h3 {
	color: #00b2af;
  border-left: #00b2af 5px solid;
}
*/

/* card_item
------------------------------------------ */
/*
.card_item {
	border-radius: 10px;
  border: 2px #00b2af solid;
}
.card_item h3 {
  background-color: #00b2af;
  color: #fff;
}
*/


/* ------------------------------------------
	student_voice
------------------------------------------ */
.student_voice_wrapp {
	border-radius: 10px;
  border: 2px #00b2af solid;
}
.student_text h3 {
	color: #00b2af;
}

@media (min-width: 993px) {
	.student_voice_wrapp {
		background: url("../ss/images/bg_sdt_voice.svg") no-repeat;
		background-position: right bottom;
	}
}


/* ------------------------------------------
	table_license
------------------------------------------ */
.table_license th{
	background: #00b2af;
}


/* ------------------------------------------
curriculum_point_full
------------------------------------------ */
/* annual */

.curriculum_point_full > li .ann_1 {
	background-color: #6cae98;
}
.curriculum_point_full > li .ann_2 {
	background-color: #3b9f86;
}
.curriculum_point_full > li .ann_3 {
	background-color: #179376;
}
.curriculum_point_full > li .ann_4 {
	background-color: #028967;
}


/* ------------------------------------------
pickup
------------------------------------------ */
@media (max-width: 992px) {
	.pickup_photo img {
		width: 60%;
	}
}
@media (min-width: 993px) {
	.pickup_photo {
		text-align: center!important;
		width: 30%;
		margin-left: auto;
		margin-right: auto;
	}
	.pickup_photo img {
		width: 100%;
	}
}

/* teater_message */
.teater_message {
    background-color: rgba(40, 160, 134, 0.1);
}
.teater_message dl dt {
    color: #00b2af;
}

.pickup_attention .title{
	color: #00b2af;
}


/*==========================================
	curriculum.html
===========================================*/
/* ------------------------------------------
	table
------------------------------------------ */
/* table_curriculum */
.table_curriculum th {
	background-color: rgba(0, 178, 175, 0.1);
	color: #00b2af;
	font-weight: 500;
}

/*==========================================
	job.html
===========================================*/
ul.renkei{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

ul.renkei li{
	width: 48%;
    border: solid 1px #00b2af;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
}

ul.renkei li a{
	display: block;
	text-decoration: none!important;
	color: #00b2af!important;
	font-weight: 700;
    padding: 10px;
}

@media (max-width: 992px) {
	ul.renkei{
		display: block;
	}
	
	ul.renkei li{
		width: 100%;
	}
	
}