@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 {
	background-image: url(../ss/images/bg_pagetitle.jpg);
}


/* ------------------------------------------
	dpm_nav
------------------------------------------ */
/* dpm_nav_wrapp */
.dpm_nav_wrapp {
	background-color: rgba(0, 178, 175, 0.1);
	border-top: 3px solid #00b2af;
}
.dpm_nav_wrapp h2 {
	border-bottom: 3px double #00b2af;
}
.dpm_nav_wrapp h2 a {
	color: #00b2af!important;
}



/* ------------------------------------------
	result_wrapp
------------------------------------------ */
/* result_wrapp */
.result_wrapp {
}
.result_wrapp .result_item {
	border: 2px solid #00b2af;
}
.result_wrapp .result_item h3 {
	background-color: #00b2af;
}
.result_wrapp .result_item p {
	color: #00b2af;
}



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



/* ------------------------------------------
	 dpm_point
------------------------------------------ */
.dpm_point li:before {
	color: rgba(0, 178, 175, 0.1);
}


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


/* ------------------------------------------
	dpm_link
------------------------------------------ */
/* ss
------------------------------------------ */
.dpm_link_wrapp .item_ss {
	border: 2px solid #00b2af;
}
.dpm_link_wrapp .item_ss h3 {
	color: #00b2af;
}
.dpm_link_wrapp .item_ss .dpm_link_text {
	text-align: center;
	width: 100%;
}

.dpm_link_wrapp .item_ss > a::after {
	color: #00b2af;
}


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



/* ------------------------------------------
	what_wrapp
------------------------------------------ */
/* card_point
------------------------------------------ */
.what_wrapp {
	border-radius: 0 0 10px 10px;
	/*padding:0 20px 20px;*/
	padding:5px 20px 20px;
  margin-top: 3.0rem;
	margin-bottom: 2.6rem;
  background-color: #f4f4f5;
  position: relative;
	border-radius: 10px;
  /*border: 2px #00b2af solid;*/
}
.what_wrapp h3 {
	color: #00b2af;
  border-left: #00b2af 5px solid;
  padding-left: 16px;
  /*margin-top: 40px;*/
  margin-bottom: 1.6rem;
  font-weight: 700;
}
@media (max-width: 992px) {
	.what_wrapp {
	  margin-top: 3.0rem;
	}
}

/* what_point */
@media (min-width: 993px) {
	.what_point {
		display: flex;
	  list-style: none;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  width: 100%;
  }
	.what_point > div {
		max-width: 65%;
	}
  .what_point > figure {
    max-width: 30%;
    height: auto;
	}
}


/* balloon */
.what_wrapp .balloon_wrapp {
  position: absolute;
  top:-20px;
  left: -2px;
}
.what_wrapp .balloon {
  position: relative;
  width: auto;
  min-height: 1em;
  padding: 8px 20px 5px;
  color: #fff;
  background-color: #00b2af;
  border-radius: 4px;
  display: inline-block;
  font-style: italic;
  font-family: corporate-logo-ver2, sans-serif;
  font-weight: 700;
	font-size: 1.8rem;
}
.what_wrapp .balloon::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 45%;
  top: 1.5em;
  border-right: 14px solid #00b2af;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform: rotate( 55deg);
}

/* photo */
.what_wrapp .what_point_photo {
	text-align: center;
	margin-top: 10px;
}
.what_wrapp .what_point_photo img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
	display: block;
	margin: 0 auto;
}
@media (min-width: 993px) {
	.what_wrapp .what_point_photo {
		text-align: center!important;
		width: 20%;
		margin-left: auto;
		margin-right: auto;
	}
	.what_wrapp .what_point_photo img {
		width: 100%;
	}
}



/* ------------------------------------------
	klip_wrapp
------------------------------------------ */
@media (min-width: 993px) {
	.klip_wrapp {
		display: flex;
		list-style: none;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.klip_wrapp .klip_text {
		width: 55%;
	}
	.klip_wrapp .klip_img {
		max-width: 42%;
	}
	/*
	.klip_wrapp .klip_point {
		max-width: 45%;
	}
	*/
}

/* klip_text */
.klip_text h3{
	color: #333;
	padding: 0;
	margin: 0 0 10px 0;	
}

/* klip_point */
.klip_point {
	background-color: rgba(0, 178, 175, 0.1);
}
.klip_point h4 {
	font-size: 125%;
	padding: 0;
	margin: 0 0 6px 0;
	color: #00b2af;
	font-weight: 500;
}
.klip_point ul {
	font-size: 110%;
	margin-left: 0.75rem;
}

/* img */
.klip_wrapp .klip_img {
	margin-top: 10px;
}
@media (max-width: 992px) {
	.klip_point {
		padding: 4%;
	}
}
@media (min-width: 993px) {
	.klip_point {
		padding: 3% 4%;
		/*display: inline-block;*/
	}
}