@charset "utf-8";

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


  
/* ------------------------------------------
	btn_wrapp
------------------------------------------ */
.btn_wrapp li a {
	color: #8476b5!important;
	background-color: rgba(132, 118, 181, 0.1);
	border: 2px #8476b5 solid;
}


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



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


/* ------------------------------------------
	dpm_nav
------------------------------------------ */
/* dpm_nav_wrapp */
.dpm_nav_wrapp {
	background-color: rgba(132, 118, 181, 0.1);
	border-top: 3px solid #8476b5;
}
.dpm_nav_wrapp h2 {
	border-bottom: 3px double #8476b5;
}
.dpm_nav_wrapp h2 a {
	color: #8476b5!important;
}



/* ------------------------------------------
	dpm_navbtn
------------------------------------------ */
.dpm_navbtn_bg {
	background-color: rgba(132, 118, 181, 0.1);
}
.dpm_navbtn_bg h2 {
	color: #8476b5!important;
}

/* tip / dpm_navbtn_Medical-physicaltherapy */
.dpm_navbtn_Social-welfare h3 {
	color: #7774b5;
}
.dpm_navbtn_Medical-physicaltherapy li a {
	color: #7774b5!important;
	border: 2px #7774b5 solid;
}
.dpm_navbtn_Medical-physicaltherapy li a::after {
	content: url("../images/bg_s-left_physicaltherapy.svg");
}
@media (min-width: 993px) {
	.dpm_navbtn_Medical-physicaltherapy {
		width: 48%;
	}
	.dpm_navbtn_Medical-physicaltherapy .dpm_navbtn li {
		width : calc(100% / 1);
	}
}

/* tip / dpm_navbtn_Medical-occupationaltherapy */
.dpm_navbtn_Medical-occupationaltherapy h3 {
	color: #a26eac;
}
.dpm_navbtn_Medical-occupationaltherapy li a {
	color: #a26eac!important;
	border: 2px #a26eac solid;
}
.dpm_navbtn_Medical-occupationaltherapy li a::after {
	content: url("../images/bg_s-left_occupationaltherapy.svg");
}
@media (max-width: 992px) {
	.dpm_navbtn_Medical-occupationaltherapy {
		margin-top: 3.0rem;
	}	
}
@media (min-width: 993px) {
	.dpm_navbtn_Medical-occupationaltherapy {
		width: 48%;
	}
	.dpm_navbtn_Medical-occupationaltherapy .dpm_navbtn li {
		width : calc(100% / 1);
	}
}



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



/* ------------------------------------------
	dpm_dscp
------------------------------------------ */



/* ------------------------------------------
	 dpm_point
------------------------------------------ */
.dpm_point li:before {
	color: rgba(132, 118, 181, 0.1);
}


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


/* ------------------------------------------
	dpm_link
------------------------------------------ */
/* physical
------------------------------------------ */
.dpm_link_wrapp .item_physical {
	border: 2px solid #7774b5;
}
.dpm_link_wrapp .item_physical h3 {
	color: #7774b5;
}
.dpm_link_wrapp .item_physical .dpm_link_text {
	text-align: center;
	width: 100%;
}
.dpm_link_wrapp .item_physical > a::after {
	color: #7774b5;
}


/* occupational
------------------------------------------ */
.dpm_link_wrapp .item_occupational {
	border: 2px solid #a26eac;
}
.dpm_link_wrapp .item_occupational h3 {
	color: #a26eac;
}
.dpm_link_wrapp .item_occupational .asterisk {
	color: #a26eac;
	font-size: 100%;
	margin-top: 1.6rem;
}
.dpm_link_wrapp .item_occupational > a::after {
	color: #a26eac;
}


/* ------------------------------------------
	attempt
------------------------------------------ */
/* attempt_wrapp
-------------------------------------------*/
.attempt_wrapp li {
	margin-bottom: 3.5rem;
	background-color: rgba(132, 118, 181, 0.1);
	border-radius: 10px;
	/*display: block;
	overflow: hidden;*/
}
.attempt_wrapp li a {
	text-decoration: none!important;
}
.attempt_wrapp a img {
  display: block;
  transition-duration: 0.2s;
  max-width: 100%;
  height: auto;
}
.attempt_wrapp li figure{
	display: block;
	overflow: hidden;
	margin-bottom: 1.0rem;
}
.attempt_wrapp li figure img{
	width: 100%;
}

.attempt_wrapp li h3 {
	padding-left: 0px;
	margin-top: 0;
  margin-bottom:1.0rem;
  border-left: none;
	padding: 0;
	line-height: 1.4;
	font-weight: 500;
	color: #333;
}
.attempt_wrapp li p {
	color: #333;
}

@media (max-width: 992px) {
	.attempt_wrapp {
		margin-bottom: 3rem;
	}
	.attempt_wrapp li {
		padding: 15px;
	  width: 100%;
	}
}
@media (min-width: 993px) {
	.attempt_wrapp {
		display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	.attempt_wrapp li {
		width: 49%;
		display: flex;
		flex-wrap: wrap;
		padding: 20px;
	}
}

/* hover */
.attempt_wrapp a {
	display: block;
	overflow: hidden;
}
.attempt_wrapp a figure img {
  display: block;
  transition-duration: 0.2s;
  width: 100%;
  height: auto;
}
.attempt_wrapp a figure img:hover {
  transform: scale(1.05);
  transition-duration: 0.2s;
  opacity: 0.8;
}


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

@media (min-width: 993px) {
    .card_item {
       /* max-width: calc(98% / 2);*/
	   max-width: calc(100%);
    }
}


/* dean_dscp_Medical */
@media (min-width: 993px) {
	.dean_dscp_Medical {
		display: flex;
	  list-style: none;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  width: 100%;
	}
	.dean_dscp_Medical > div {
		max-width: 57%;
		height: auto;
	}
	.dean_dscp_Medical > 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 #4169e1;
    color: #4169e1;
    border-radius: 5px;
}