@charset "utf-8";

/*==========================================
 common
===========================================*/
/* title
-------------------------------------------*/
.main h1 {
	color: #6aa1d7;
}
.main h2 {
	color: #6aa1d7;
	border-left: #6aa1d7 5px solid;
}
.main h3 {
	color: #6aa1d7;
}
.main h4 {
	color: #333;
}


/* ------------------------------------------
	tab_nav
------------------------------------------ */
/* tab_nav_wrapp */
.tab_nav_wrapp li {
	border: 2px #6aa1d7 solid!important;
}
.tab_nav_wrapp li a {
	background-image: url("../images/btn_bg_social.svg");
	color: #6aa1d7!important;
}


/* ------------------------------------------
	pagetitle
------------------------------------------ */
.pagetitle_wrapp {
	background-image: url(../social/images/bg_pagetitle.jpg);
}
.pagetitle_wrapp_dpm  {
	margin-bottom: 6.0rem;
}


/* ------------------------------------------
	dpm_nav
------------------------------------------ */
/* dpm_nav_wrapp */
.dpm_nav_wrapp {
  background-color: rgba(106, 161, 215, 0.1);
	border-top: 3px solid #6aa1d7;
}
.dpm_nav_wrapp h2 {
	border-bottom: 3px double #6aa1d7;
}
.dpm_nav_wrapp h2 a {
	color: #6aa1d7!important;
}

.dpm_nav_box ul li {
	border-bottom: 2px dotted rgb(106, 161, 215, 0.3);
}
.dpm_nav_box ul li a {
	color: #6aa1d7!important;
}



/* ------------------------------------------
	dpm_navbtn
------------------------------------------ */
.dpm_navbtn_bg {
	background-color: rgba(106, 161, 215, 0.1);
}
.dpm_navbtn_bg h2 {
	color: #6aa1d7!important;
}

/* tip / Social-welfare */
.dpm_navbtn_Social-welfare h3 {
	color: #2f77bd;
}
.dpm_navbtn_Social-welfare li a {
	color: #2f77bd!important;
	border: 2px #2f77bd solid;
}
.dpm_navbtn_Social-welfare li a::after {
	content: url("../images/bg_s-left_social.svg");
}
@media (min-width: 993px) {
	.dpm_navbtn_Social-welfare {
		width: 72%;
	}
	.dpm_navbtn_Social-welfare .dpm_navbtn li {
		width : calc(100% / 3);
		margin-left: 0.5%;
		margin-right: 0.5%;
	}
}

/* tip / Social-childhood */
.dpm_navbtn_Social-childhood h3 {
	/*color: #6bc7dd;*/
	color: #43bcc5;
}
.dpm_navbtn_Social-childhood li a {
	color: #6bc7dd!important;
	border: 2px #6bc7dd solid;
}
.dpm_navbtn_Social-childhood li a::after {
	content: url("../images/bg_s-left_childhood.svg");
}
@media (max-width: 992px) {
	.dpm_navbtn_Social-childhood {
		margin-top: 3.0rem;
	}	
}
@media (min-width: 993px) {
	.dpm_navbtn_Social-childhood {
		width: 24%;
	}
	.dpm_navbtn_Social-childhood .dpm_navbtn li {
		width : calc(100% / 1);
		/*margin-left: 1%;
		margin-right: 1%;*/
	}
}



/* ------------------------------------------
	result_wrapp
------------------------------------------ */
/* result_wrapp */
.result_wrapp {
}
.result_wrapp .result_item {
	border: 2px solid #6aa1d7;
}
.result_wrapp .result_item h3 {
	background-color: #6aa1d7;
}
.result_wrapp .result_item p {
	color: #6aa1d7;
}



/* ------------------------------------------
	dpm_dscp
------------------------------------------ */



/* ------------------------------------------
	 dpm_point
------------------------------------------ */
.dpm_point li:before {
	color: rgba(106, 161, 215, 0.1);
}



/* ------------------------------------------
	dean_wrapp
------------------------------------------ */
.dean_wrapp {
  border-radius: 10px;
  border: 2px #6aa1d7 solid;
}
.dean_wrapp h2 {
	background-color: #6aa1d7;
  color: #fff;
}
.dean_dpm {
	color: #6aa1d7;
}


/* dean_dscp_Social */
@media (min-width: 993px) {
	.dean_dscp_Social {
		display: flex;
	  list-style: none;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  width: 100%;
	}
	.dean_dscp_Social > div {
		max-width: 57%;
		height: auto;
	}
	.dean_dscp_Social > figure {
		max-width: 40%;
		height: auto;
	}
}

/* dean_dscp > div */
@media (min-width: 993px) {
.dean_dscp > div {
        max-width: 100%;
        height: auto;
    }
}



/* ------------------------------------------
	readMoreBtn
------------------------------------------ */
.readMoreContainer {
  max-height: 200px;
}
.readMoreBtn {
	width: 180px;
    border: solid 2px #00c2bc;
    color: #00c2bc;
    border-radius: 5px;
}





/* ------------------------------------------
	dpm_link
------------------------------------------ */
/* welfare
------------------------------------------ */
.dpm_link_wrapp .item_welfare {
	border: 2px solid #2f77bd;
	padding: 15px;
}
.dpm_link_wrapp .item_welfare h3 {
	color: #2f77bd;
}
.dpm_link_wrapp .item_welfare .dpm_link_text {
	text-align: center;
	width: 100%;
}

/* course_list */
.dpm_link_wrapp .course_list .Social-welfarecase {
	background-color: #2f77bd;
}
.dpm_link_wrapp .course_list .Social-life{
	background-color: #2f77bd;
}
.dpm_link_wrapp .course_list .Social-information {
	background-color: #2f77bd;
}

/* childhood
------------------------------------------ */
.dpm_link_wrapp .item_childhood {
	border: 2px solid #6bc7dd;
}
.dpm_link_wrapp .item_childhood h3 {
	color: #6bc7dd;
}
.dpm_link_wrapp .item_childhood .asterisk {
	color: #6bc7dd;
	font-size: 100%;
	margin-top: 1.6rem;
}
.dpm_link_wrapp .item_childhood > a::after {
	color: #6bc7dd;
}
