@charset "utf-8";

/*  mainv
---------------------------------------------------------*/
.page-mainv {
	background: url(../img/clinic/mainv.jpg) no-repeat top center;
	background-size: cover;
}


/*  clinic
---------------------------------------------------------*/
.page-h {
	margin-bottom: 30px;
}

p {
	text-align: justify;
	/* line-height: 2; */
	letter-spacing: 0.03em;
}

.atcl-wrap {
	margin-bottom: 50px;
}

/* director comment
---------------------------------------------------------*/
.dr-wrap{
	margin-bottom: 50px;
	}
	
.colD {
	float: left;
	margin-right: 8%;
}

.dr-co-wrap{
	float: left;
	width: 40%;
	}
	
.sub-h01{
	width: 40%;
	font-size: 17px;
	font-weight: 500;
	border-left: solid 8px #0f73cf;
	padding: 2px 11px;
	margin-top: 50px;
	margin-bottom: 20px;
	}

.dr-sign{
	border-top:solid 1px #CCC;
	margin-top: 130px;
	text-align: right;
	padding-top: 20px;
	}
	
/*  concept
---------------------------------------------------------*/
.copy-wrap {
	margin: 40px 0 70px;
}
.copy {
	font-size: 1.7rem;
	font-weight: 500;
	text-align: center;
	color: #0f73cf;
	letter-spacing: 0.03em;
	line-height: 1.8;
	margin-bottom: 45px;
}
.copy .small {
	display: block;
	font-size: .8rem;
	color: #212121;
	font-weight: 400;
	margin-top: 10px;
}

.colL {
	float: left;
	width: 64%;
	margin-right: 4%;
}


/*  rinen-wrap
---------------------------------------------------------*/
.rinen-wrap .copy {
	line-height: 1.3;
}
.rinen-wrap .copy-wrap {
	margin-bottom: 45px;
}
.copy-wrap .en {
	font-size: 1.1rem;
}
.rinen-wrap .copy .small {
	font-size: .95rem;
	margin-top: 35px;
}

.wellness {
	background: #edf6fe;
	padding: 30px 40px;
}
.wellness dt,
.wellness dd {
	display: table-cell;
	vertical-align: middle;
}
.wellness dt {
	width: 18%;
	padding-right: 3%;
	font-size: 1.1rem;
	color: #0f73cf;
	font-weight: 700;
	text-align: center;
}

.col-wrap .atcl-wrap {
	overflow: hidden;
}
.col-wrap .atcl01 {
	float: left;
	width: 60%;
	margin-right: 6%;
}

.rinen-wrap ol {
	counter-reset: my-counter;
}
.rinen-wrap ol li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 15px;
	letter-spacing: 0.05em;
}
.rinen-wrap ol li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background: #0f73cf;
	color: #fff;
	display: block;
	float: left;
	line-height: 30px;
	margin-left: -40px;
	text-align: center;
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

/*  aim-wrap
---------------------------------------------------------*/
.aim-wrap .page-h .small {
	color: #212121;
	font-size: .95rem;
	padding: 0 12px 6px 0;
}
.aim-wrap .cap {
	border-bottom: solid 1px #eeeeee;
	padding-bottom: 25px;
	margin-bottom: 15px;
	line-height: 2;
}
.aim-wrap .colL {
	width: 56%;
	margin-right: 6%;
}
.aim-wrap .colL .small {
	font-size: .8rem;
	color: #575757;
	line-height: 1.7;
}
.aim-wrap .colR {
	background: #edf6fe;
	padding: 26px 40px;
	overflow: hidden;
}
.aim-wrap .colR h4 {
	margin-bottom: 13px;
	font-weight: 500;
	letter-spacing: 0.05em;
}
.aim-wrap .colR h4:first-letter {
	color: #0f73cf;
}
.aim-wrap .colR p {
	font-size: .8rem;
	line-height: 1.9;
}


/*  mhlw-wrap
---------------------------------------------------------*/
.mhlw-list {
  border-bottom: 1px solid #ccc;
  margin: 0 0 30px;
}

.mhlw-list dt {
  color: #0f73cf;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  z-index: 1;
  margin: 0 0 29px;
  padding: 0 0 0 0;
  cursor: pointer;
}

.mhlw-list dt span {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #0f73cf;
  border-radius: 9999px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-block: auto;
}

.mhlw-list dt span::before,
.mhlw-list dt span::after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mhlw-list dt span::after {
  transform: rotate(90deg);
}

.mhlw-list dt.isShow span::after {
  display: none;
}

.mhlw-list dd {
  display: none;
  position: relative;
  z-index: 1;
  padding: 0 50px 23px 0;
}

.mhlw-list dd.isShow {
  display: block;
}

.mhlw-list table {
    width: 100%;
    border-top: 1px solid #e3e8ef;
    margin: 30px 0;
}

.mhlw-list table tr {
    border-bottom: 1px solid #e3e8ef;
}

.mhlw-list table th,
.mhlw-list table td {
    padding: 15px 1em;
    text-align: center;
    border-right: 1px solid #e3e8ef;
    vertical-align: middle;
}

.mhlw-list table th {
    width: 204px;
    background-color: #eff4f9;
    padding-left: 27px;
}

.mhlw-list table td {
    padding-left: 31px;
}

#pageFooter {
	margin-top: 100px;
}

/*---------------------------------------------------------
	1100x以下
---------------------------------------------------------*/
@media　screen and (max-width: 1100px)　{
	
}
/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 640px) and (orientation: portrait) ,screen and (max-width: 737px) and (orientation: landscape) {

	/*  clinic
	---------------------------------------------------------*/
	figure.colR {
		text-align: center;
	}
	.page-h {
		margin-bottom: 20px;
	}

	p {}
	.atcl-wrap {}
	
	/* director comment
---------------------------------------------------------*/
	.dr-wrap .col-wrap .atcl-wrap{
		margin: 0 auto;
 	}

	.dr-co-wrap{
	float: left;
	width: 100%;
	}
	
.sub-h01{
	float: none;
	width: 100%;
	border-left: solid 8px #0f73cf;
	padding: 2px 11px;
	margin-top: 8%;
	margin-bottom: 8%;
	}

.dr-sign{
	border-top:solid 1px #CCC;
	margin-top: 10%;
	text-align: right;
	padding-top: 20px;
	}

	/*  concept
	---------------------------------------------------------*/
	.copy-wrap {
		margin: 30px 0 40px;
	}
	.copy {
		font-size: 1.1rem;
		margin-bottom: 25px;
	}
	.copy .small {
		font-size: .7rem;
		margin-top: 5px;
	}

	.colL {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}


	/*  rinen-wrap
	---------------------------------------------------------*/
	.rinen-wrap .copy {	}
	.rinen-wrap .copy-wrap {
		margin-bottom: 25px;
	}
	.copy-wrap .en {
		font-size: .9rem;
	}
	.rinen-wrap .copy .small {
		font-size: .8rem;
		margin-top: 10px;
		margin-right: 0;
	}

	.wellness {
		padding: 24px 28px;
	}
	.wellness dt,
	.wellness dd {
		display: block;
	}
	.wellness dt {
		width: auto;
		padding-right: 0;
		margin-bottom: 10px;
	}

	.col-wrap .atcl-wrap {
	}
	.col-wrap .atcl01 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.rinen-wrap ol {}
	.rinen-wrap ol li {
		margin-bottom: 10px;
	}
	.rinen-wrap ol li:before {}

	/*  aim-wrap
	---------------------------------------------------------*/
	.aim-wrap .page-h .small {
		font-size: .8rem;
		padding: 0 12px 6px 0;
		display: block;
	}
	.aim-wrap .cap {
	    padding-bottom: 15px;
	    margin-bottom: 10px;
		line-height: 1.7;
	}
	.aim-wrap .colL {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.aim-wrap .colL .small {
		font-size: .8rem;
		color: #575757;
		line-height: 1.7;
	}
	.aim-wrap .colR {
		padding: 26px 7%;
	}
	.aim-wrap .colR h4 {
		margin-bottom: 13px;
		font-weight: 500;
		letter-spacing: 0.05em;
	}
	.aim-wrap .colR h4:first-letter {
		color: #0f73cf;
	}
	.aim-wrap .colR p {
		font-size: .8rem;
		line-height: 1.9;
	}

  /*  mhlw-wrap
---------------------------------------------------------*/
  .mhlw-list dt {
    font-size: 15px;
    margin: 0 0 10px;
    padding: 0 40px 0 0;
  }

  .mhlw-list dt span {
    width: 25px;
    height: 25px;
  }

  .mhlw-list dt span::before,
  .mhlw-list dt span::after {
    width: 9px;
  }

  .mhlw-list dd {
    padding: 0 0 30px;
  }

  .mhlw-list dd.isShow {
    display: block;
  }

  .mhlw-list table {
    margin: 15px 0;
  }

  .mhlw-list table th,
  .mhlw-list table td {
    padding: 10px 1em;
  }


	#pageFooter {
		margin-top: 100px;
	}







}