@charset "UTF-8";
/* ==========================================================================
	
	00. multi-class
	01. mainPhoto
	02. info
	03. health
	04. counseling
	05. As Far As Possible
	06. message
	07. feature
	08. treatment
	09. slide
	10. cms
	11. consultation
	12. gallery
	13. news schedule
	14. blog
	 

========================================================================== */
 
 /*
     00. multi-class
 ========================================================================== */
.inner{
		margin-left: auto;
		margin-right: auto;
}
.dispb{
	display: block;
}
/*
     01. mainPhoto
========================================================================== */
.mainPhoto-wrapper{
	width: 100%;
	position: relative;
}
@media screen and (min-width: 767.98px) {
.loopslides{
	width: 100%;
	height: 520px !important;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.loopslides ul {
	height: 520px !important;
	float: left;
	display: inline;
}
.loopslides ul li {
	width: 720px;
	height: 520px !important;
	float: left;
	display: inline;
}
.loopslides ul li a {
	height: 520px !important;
	display: inline-block;
}
.mainPhoto-catch{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -30px;
	z-index: 100;
}
.pc_copy {
	display: inline !important;
}
.sp_copy {
	display: none !important;
}
}

@media screen and (max-width: 767.98px) {
.loopslides{
	width: 100%;
	height: 320px !important;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.loopslides ul {
	height: 320px !important;
	float: left;
	display: inline;
}
.loopslides ul li {
	height: 320px !important;
	float: left;
	display: inline;
}
.mainPhoto-catch{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -30px;
	z-index: 100;
}
.pc_copy {
	display: none !important;
}
.sp_copy {
	display: inline !important;
}
}

/*
     02. info
========================================================================== */
.info {
	width: 100%;
	padding: 80px 0 50px 0;
	border-bottom: 1px solid #b6d1e3;
	border-top: 1px solid #b6d1e3;
}
.info .inner {
	width: 1100px;
	display: flex;
	justify-content: space-between;
	align-items :space-between;
}
.info .inner .tokucho {
	font-family: "Sawarabi Gothic";
	font-size: 1.8rem;
	color: #666;
	letter-spacing: 0.1em;
	width: 600px;
}
.info .inner .tokucho h2 {
	text-align: center;
}
.info .inner .tokucho li {
	padding : 10px 10px 10px 50px;
	border-bottom: dashed 1px #ccc;	
	background-repeat: no-repeat;
}
.info .inner .tokucho li:first-child {
	background-image: url(../images/top/info-icon01.png);
	background-position: 10px center;
}
.info .inner .tokucho li:nth-child(2) {
	background-image: url(../images/top/info-icon02.png);
	background-position: 10px center;
}
.info .inner .tokucho li:last-child {
	background-image: url(../images/top/info-icon03.png);
	background-position: left center;
}
.info .inner .tokucho li span {
	font-size: 2.2rem;
	color: #333;
	border-bottom: solid 2px #99c8e7;
}
.info .inner .photo img {
	width: 450px;
	height: auto;
}

/*
       03. health
========================================================================== */
.health {
	padding: 60px 0;
}
.health .inner {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	font-size: 2rem;
	color: #666;
	background: url(../images/top/health-logo.png) no-repeat left center;
	background-color:#fff;
	box-sizing: border-box;
	padding-left: 120px;
	letter-spacing: 0.1em;
}
.health p:first-of-type {
	font-size: 2.4rem;
	padding-bottom: 14px;
	border-bottom: 1px dashed  #999;
	margin-bottom: 20px;
}
.health p span {
	color: #f00;
}

 /*
     04. counseling
 ========================================================================== */
.counseling {
 	width: 100%;
	 background: #e7f3f8;
	 padding-top: 60px;
}
.counseling h2,
.counseling p.txt {
	text-align: center;
}
.counseling p.txt {
	font-family: "Sawarabi Gothic";
	font-size: 2rem;
	margin-bottom: 40px;
}
.counseling .inner{
	display: flex;
	width: 100%;
	min-width: 1100px;
	justify-content: space-between;
	margin: auto;
}
.counseling .inner h3{
	margin-bottom: 35px;
}
.counseling .inner .left,
.counseling .inner .right {
	width: 50%;
	height:392px;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	
}
.counseling .inner .left {
	background-image: url(../images/top/counsl-bg01.jpg);
	background-color: #f6fefc;
}
.counseling .inner .right {
	background-image: url(../images/top/counsl-bg02.png);
	background-color: #f0f6ff;
}
.counseling .inner .left .left-inner {
	width: 330px;
	position: absolute;
	right: 20px;
	bottom: 40px;
}
.counseling .inner .right .right-inner {
	width: 330px;
	position: absolute;
	right: 20px;
	bottom: 80px;
}
.counseling .inner .right .right-inner p {
	width: 270px;
	margin-left: 60px;
}

 /*
     05. As Far As Possible
 ========================================================================== */
.afap {
	width: 100%;
	background: url(../images/top/afap-bg.png) no-repeat center bottom;
	background-size: 100% auto;
	padding: 60px 0 50px;
}
.afap a{
	text-decoration: none;
}
.afap h2 {
	text-align: center;
}
.afap p.mincho {
	font-size: 3rem;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 60px;
}
.afap p.mincho span {
	border-bottom: solid 5px #ccc;
}
.afap .inner {
	display: flex;
	justify-content: space-between;
	width: 1100px;
}
.afap .inner div {
	width: 345px;
}
.afap .inner div p{
	padding: 15px 10px 10px;
}

/*
     07. feature
 ========================================================================== */
.feature {
	background: #fafdff url(../images/top/feature-bg.jpg) no-repeat center top;
	background-size: 100% auto;
	width: 100%;
	min-width: 1100px;
	margin:auto;
	padding-top: 28%;
	
}
.feature_ttl {
	position: relative;
}
.feature_ttl::after {
	content: "";
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #fafdff transparent transparent transparent;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	z-index: 10;
}
.feature_ttl h2 {
	text-align: center;
}
.feature_ttl p {
	max-width: 1000px;
	margin: -50px auto 20px;
	font-size: 1.5rem;
}
.feature .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap :wrap;
	width: 100%;
}
.feature .inner .inner-box {
	width: 50%;
	min-width: 530px;
	height: 393px;
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.feature .inner .inner-box::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 18px 18px;
	position: absolute;
	content: "";
	bottom: 5px;
	right: 5px;
}
.feature .inner .inner-box:nth-child(1) {background-image: url(../images/top/feature-bg01.jpg);}
.feature .inner .inner-box:nth-child(2) {background-image: url(../images/top/feature-bg02.jpg);}
.feature .inner .inner-box:nth-child(3) {background-image: url(../images/top/feature-bg03.jpg);}
.feature .inner .inner-box:nth-child(4) {background-image: url(../images/top/feature-bg04.jpg);}
.feature .inner .inner-box:nth-child(5) {background-image: url(../images/top/feature-bg05.jpg);}
.feature .inner .inner-box:nth-child(6) {background-image: url(../images/top/feature-bg06.jpg);}

.feature .inner .inner-box:nth-child(1)::after,
.feature .inner .inner-box:nth-child(4)::after,
.feature .inner .inner-box:nth-child(5)::after {
	border-color: transparent transparent #4694c7 transparent;
}
.feature .inner .inner-box:nth-child(2)::after,
.feature .inner .inner-box:nth-child(3)::after,
.feature .inner .inner-box:nth-child(6)::after {
	border-color: transparent transparent #799124 transparent;
}
.feature .inner .inner-box:nth-child(1) h3 {
	margin-top: 20px !important;
	
}
.feature .inner .inner-box:nth-child(2) h3,
.feature .inner .inner-box:nth-child(4) h3 {
	margin-bottom: 20px !important;
	
}
.feature .inner .inner-box:nth-child(2) h3 p,
.feature .inner .inner-box:nth-child(4) h3 p {
	margin-bottom: 10px !important;
	
}
.feature .inner-box-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.feature h3 {
	font-family: "Sawarabi Gothic";
	font-size: 3.4rem;
	line-height: 1.2;
	margin-bottom: 30px;
}
.feature .inner-box:nth-child(1) h3,
.feature .inner-box:nth-child(4) h3,
.feature .inner-box:nth-child(5) h3 {
	color: #4694c7;
}
.feature .inner-box:nth-child(2) h3,
.feature .inner-box:nth-child(3) h3,
.feature .inner-box:nth-child(6) h3 {
	color: #799124;
}
.feature h3 p {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 1.8rem;
	margin-bottom: 20px;
	color: #454545;
}
.feature h3 p span {
	font-size: 2rem;
	margin: 0 10px;
}
.feature .inner .inner-box-inner .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 530px;
	box-sizing: border-box;
	padding: 20px;
	text-align: left;
	margin: auto;
	background: rgba(255,255,255,0.9);
	border-radius: 10px;
}
.feature .inner .inner-box-inner .left img {
	width: 210px;
	height: 140px;
}
.feature .inner .inner-box-inner .right {
	width: 260px;
}
.feature .inner .inner-box-inner .right p {
	margin-bottom: 15px;
}
.feature .inner .inner-box-inner .right p span{
	background: #fff7dd;
}

.feature .inner .inner-box-inner .right p.linkimg {
	text-align: center;
	margin-bottom: 0px;
}

 /*
     08. treatment
 ========================================================================== */
.treatment {
	background: url(../images/top/treatment-bg.png), url(../images/top/treatment-bg02.png);
	background-position: center top;
	background-repeat: no-repeat, repeat-y;
	width: 100%;
	height: 527px;
	margin: auto;
	position: relative;
}
.treatment .inner {
	position: relative;
	width: 1100px;
	height: 527px;
}
.treatment h2 {
	position: absolute;
	top: 60px;
	left: 100px;
}
.treatment .photo {
	position: absolute;
	bottom: 0;
	left: 0;
}
.treatment h3 {
	position: absolute;
	top: 80px;
	right: 0;
	width: 650px;
	font-size: 3.6rem;
	color: #373737;
}
.treatment h3 p:last-child {
	text-align: right;
}
.treatment h3 p span {
	font-size: 4rem;
	color: #87c743;
}
.treatment p.text {
	position: absolute;
	bottom: 70px;
	right: 0;
	width: 530px;
}

.trtmnt-box {
	width: 100%;
	height: 968px;
	margin: auto;
	position: relative;
}
.trtmnt-box a{
	color: #fff;
	text-decoration: none;
}
.trtmnt-box h4:hover{
	opacity: .8;
}
.trtmnt-box a:hover{
	opacity: .3;
}
.est {
	background:url(../images/top/esthetic-bg02.png), url(../images/top/esthetic-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top, left top;
	background-color:#e8f4f9;
}
.correct {
	background:#f0ffeb url(../images/top/correct-bg.jpg) no-repeat right top;
}
.correct img.title{
	position: absolute;
	right: 0;
}
.endo {
	background:#f4e2dc url(../images/top/endo-bg.jpg) no-repeat left top;
}
.trtmnt-box .inner {
	width: 70%;
	max-width: 840px;
	min-width: 680px;
	height: 855px;
	box-sizing: border-box;
	padding: 30px 60px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 60px;
	box-shadow:5px 5px 10px 0px rgba(0,0,0,0.3);
}
.est .inner {
	background: rgb(72,120,164);
	background: -moz-linear-gradient(top,  rgba(72,120,164,0.8) 0%, rgba(92,156,209,0.8) 50%, rgba(143,195,232,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(72,120,164,0.8) 0%,rgba(92,156,209,0.8) 50%,rgba(143,195,232,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(72,120,164,0.8) 0%,rgba(92,156,209,0.8) 50%,rgba(143,195,232,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4878a4', endColorstr='#8fc3e8',GradientType=0 );
	right: 60px;
}
.correct .inner {
	background: rgb(130,173,115);
	background: -moz-linear-gradient(top,  rgba(130,173,115,0.8) 0%, rgba(153,219,129,0.8) 50%, rgba(205,234,183,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(130,173,115,0.8) 0%,rgba(153,219,129,0.8) 50%,rgba(205,234,183,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(130,173,115,0.8) 0%,rgba(153,219,129,0.8) 50%,rgba(205,234,183,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ad73', endColorstr='#cdeab7',GradientType=0 );
	left: 60px;
	flex-direction: row-reverse;
}
.endo .inner {
	background: rgb(208,145,151);
	background: -moz-linear-gradient(top,  rgba(208,145,151,0.8) 0%, rgba(224,169,174,0.8) 50%, rgba(239,219,209,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(208,145,151,0.8) 0%,rgba(224,169,174,0.8) 50%,rgba(239,219,209,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(208,145,151,0.8) 0%,rgba(224,169,174,0.8) 50%,rgba(239,219,209,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d09197', endColorstr='#efdbd1',GradientType=0 );
	right: 60px;
}
.trtmnt-box .left {
	width: 620px;
	text-align: center;
	margin: 0 auto;
}
.trtmnt-box h3 {
	background: rgba(255,255,255,0.9);
	padding: 30px 0;
	margin-bottom: 30px;
}
.endo h3 {
	margin-bottom: 20px;
}
.trtmnt-box h3 p:nth-child(1) {
	font-size: 2.4rem;
}
.trtmnt-box h3 p:nth-child(2) {
	font-size: 3.6rem;
	border-bottom: solid 5px;
	display: inline-block;
	margin-bottom: 20px;
}
.trtmnt-box h3 p:nth-child(3) {
	font-size: 2rem;
}
.est h3 p {
	color: #1a6a9f;
}
.est h3 p:nth-child(2) {
	color: #082a40;
	border-color: #a9c2d3;
}
.correct h3 {
	background-image: url(../images/top/correct-txt.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
.correct h3 p {
	color: #187a19;
}
.correct h3 p:nth-child(2) {
	color: #0c3f0c;
	border-color: #a9d3b5;
}
.endo h3 p {
	color: #b62c2c;
}
.endo h3 p:nth-child(2) {
	color: #3d0505;
	border-color: #f2c3c3;
}
.trtmnt-box .text {
	font-size: 1.7rem;
	color: #fff;
	margin-bottom: 30px;
}
.endo .text {
	margin-bottom: 15px;
}
.trtmnt-box .wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.trtmnt-box h4 {
	width: 244px;
	height: 170px;
	margin: 10px 28px;
	color: #fff;
	font-size: 2rem;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4;
}
.est h4 {
	background: #5571a1;
}
.correct h4 {
	background: #66a453;
}
.endo h4 {
	background: #e48c8c;
}
.trtmnt-box h4 div {
	width: 244px;
	height: 170px;
	display: table;
	margin: auto;
	margin-top: -8px;
	margin-left: -8px;
	position: relative;
}
.trtmnt-box h4 div::before {
	position: absolute;
	content: "";
	bottom: 5px;
	right: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 30px 30px;
}
.est h4 div::before {
	border-color: transparent transparent #163a79 transparent;
}
.correct h4 div::before {
	border-color: transparent transparent #1a4c0b transparent;
}
.endo h4 div::before {
	border-color: transparent transparent #c32222 transparent;
}
.trtmnt-box h4 div::after {
	position: absolute;
	content: "";
	bottom: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #fff;
}

.trtmnt-box h4 div p {
	display: table-cell;
	vertical-align: middle;
	width: 244px;
	height: 170px;
}
.trtmnt-box h4 div p span{
	color: #edde63;
	font-size: 2.4rem;
}
.est h4 div {
	background: rgb(76,110,165);
	background: -moz-linear-gradient(top,  rgba(76,110,165,1) 0%, rgba(39,79,147,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(76,110,165,1) 0%,rgba(39,79,147,1) 100%);
	background: linear-gradient(to bottom,  rgba(76,110,165,1) 0%,rgba(39,79,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c6ea5', endColorstr='#274f93',GradientType=0 );
}
.correct h4 div {
	background: rgb(96,170,71);
	background: -moz-linear-gradient(top,  rgba(96,170,71,0.9) 0%, rgba(51,136,25,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(96,170,71,0.9) 0%,rgba(51,136,25,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(96,170,71,0.9) 0%,rgba(51,136,25,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60aa47', endColorstr='#338819',GradientType=0 );
}
.endo h4 div {
	background: rgb(240,136,136);
	background: -moz-linear-gradient(top,  rgba(240,136,136,0.9) 0%, rgba(224,105,105,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(240,136,136,0.9) 0%,rgba(224,105,105,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(240,136,136,0.9) 0%,rgba(224,105,105,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08888', endColorstr='#e06969',GradientType=0 );
}
.trtmnt-box .right {
	width: 300px;
	box-sizing: border-box;
	padding: 30px 40px;
	background: #fff;
	box-shadow:1px 1px 5px 0px rgba(0,0,0,0.2);
}
.trtmnt-box h5 {
	text-align: center;
	border-bottom: solid 3px;
	margin-bottom :15px;
}
.est h5{
	border-color: #abc9e3;
}
.correct h5{
	border-color: #bbd388;
}
.endo h5{
	border-color: #f2c3c3;
}
.trtmnt-box .case {
	margin-bottom: 25px;
}
.trtmnt-box .case div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.trtmnt-box .case div img{
	width: 90px;
	height: auto;
}
.trtmnt-box .case div img:nth-child(2){
	width: auto;
}

 /*
     09. slide
 ========================================================================== */
 .beside_slide {
 	padding: 80px 0;
}
.beside_slide div.logo {
	width: 120px;
	margin: 0 auto 30px;
}
.beside_slide ul {
	width: 100%;
}
.beside_slide ul li {
	width: 270px;
	height: 180px;
}
.beside_slide img {
	width: 100%;
	height: auto;
}

/*
     10. cms
 ========================================================================== */
.cms-wrap {
	display: flex;
	justify-content: space-between;
	min-width: 1100px;
}
.cms-wrap section {
	width: 49.7%;
	 background-color: #e2f0e9;
	 background-repeat: no-repeat;
	 height: 435px;
	 position: relative;
}
.cms-wrap section.case {
	 background-image: url(../images/top/case-bg.jpg);
	 background-position: left top;
}
.cms-wrap section.voice {
	 background-image: url(../images/top/voice-bg.jpg);
	 background-position: right top;
}
.cms-wrap section .cms {
	 text-align: left;
	 position: absolute;
	 top: 55px;
	 margin: auto;
}
.cms-wrap section.case .cms {
 	right: 30px;
}
.cms-wrap section.voice .cms {
 	left: 30px;
}
.cms-wrap section h2,
.cms-wrap section p {
 	margin-bottom: 20px;
}
.cms-wrap section .cms div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cms-wrap section .cms div img{
	margin-right: 10px;
	height: 100px;
	width: 150px;
}
.cms-wrap section div img.arrow{
	height: auto;
	width: auto;
}
.cms-wrap section div img:last-child{
	margin-right: 0;
}
.cms-wrap section.voice h2{
	text-align: left;
}

/*
     11. consultation
 ========================================================================== */
.consultation {
	padding: 50px 0;
}
.consultation .inner {
	display: flex;
	justify-content: space-between;
	width: 1100px;
}
.consultation .inner .left img {
	width: 515px;
}
.consultation .inner .right {
	width: 525px;
}
.consultation .inner .right p {
	margin-bottom: 30px;
}
.consultation .inner .right p.mincho {
	font-size: 1.8rem;
}
.consultation .inner .right p span {
	color: #5aa2d2;
	font-size: 2rem;
}
.consultation .inner .right p.more {
	text-align: right;
	margin-bottom: 0;
}

/*
     12. gallery
 ========================================================================== */
.gallery {
	background: #e7f3f8;
	padding: 50px 0;
}
.gallery .innerwrap{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.gallery .bx-wrapper{
	width: 840px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 4px;
	margin: 0 auto 35px;
}
.gallery .controlWrap .bx-wrapper{
	width:  1000px;
	border: none;
	padding: 0;
	height: 160px;
	background: transparent !important;
}
.gallery .controlWrap .thumbnail li:last-child {
	margin-right: 0 !important;
}
.gallery .slider01 img{
	border: 1px solid #F0F0F0;
}
.gallery .controlWrap img{
	border: 1px solid #ccc;
	padding: 4px;
	display: block;
	box-sizing: border-box;
	background: #fff;
}

/*
     13. news schedule
 ========================================================================== */
.news-wrap {
	padding: 50px 0;
	background: #fefeed url(../images/top/news-bg.png) no-repeat center bottom;
	background-size: 100% auto;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
}
.news-wrap .inner {
	width:1100px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news-wrap h2 {
	text-align: center;
	margin-bottom: 50px;
}
.list-wrap .news{
	width: 525px;
}
.list-wrap .news-hdr {
	padding: 0 10px 5px 10px;
	margin-bottom: 15px;
	border-bottom: solid 1px #dae6ed;
	display: flex;
	justify-content: space-between;
}
.list-wrap h3 {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}
.list-wrap h3 span {
	font-size: 1.4rem;
	margin-left: 10px;
}
.list-wrap .news-hdr p {
	position: relative;
	padding-right: 1.3em;
	padding-top: 4px;
}
.list-wrap .news-hdr p::before,
.list-wrap .news-hdr p::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
}
.list-wrap .news-hdr p::before {
	right: 0;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #333;
}
.list-wrap .news-hdr p::after {
	right: 1px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #fff;
}
.list-wrap a {
	text-decoration: none;
}
.list-wrap a:hover {
	text-decoration: underline;
}
.list-wrap ul {
	margin: 0 20px 30px 20px;
}
.list-wrap ul li {
	margin-bottom: 10px;
	font-size: 1.3rem;
}
.list-wrap ul li span{
	margin-right: 2em;
}
.calendar {
	width: 500px;
}
.calendar iframe {
	display: block;
	width: 100%;
	height: 300px;
}
	
 /*
     14. blog
 ========================================================================== */
 .blog {
	padding: 45px 0;
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
}
 .blog_doctor {
 	background: #b4c8da;
}
 .blog_staff {
 	background: #d2eddf;
}
.blog .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1100px;
}
.blog_doctor {
	color: #1d2832;
}
.blog_staff {
	color: #0f4016;
}
.blog .left {
	box-sizing: border-box;
	text-align: right;
	padding-right:25px;
	width: 35%;
	letter-spacing :0.15em;
}
.blog .left h2 {
	font-size: 3.6rem;
}
.blog .left h3 {
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.blog .left p {
	padding-bottom: 1px;
	margin-bottom: 20px;
	position: relative;
	padding-right: 16px;
}
.blog .left p::before,
.blog .left p::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
}
.blog .left p::before {
	right: 0;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.blog_doctor .left p::before {
	background-color: #1d2832;
}
.blog_staff .left p::before {
	background-color: #0f4016;
}
.blog .left p::after {
	right: 1px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #fff;
}

.blog .left p a {
	font-size: 1.6rem;
	text-decoration: none;
}
.blog_doctor .left p a {
	color: #1d2832;
}
.blog .left p a:hover {
	text-decoration: underline;
}
.blog .left img {
	opacity: 0.1;
	margin-right: 10px;
}
.blog .right {
	padding-left: 25px;
	box-sizing: border-box;
	width: 65%;
	border-left: solid 5px;
}
.blog_doctor .right {
 	border-color: #7d92a4;
}
.blog_staff .right {
 	border-color: #7da480;
}
.blog .right div {
	margin-bottom: 20px;
}
.blog .right div:last-child {
	margin-bottom: 0;
}
.blog .right div h4 {
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.blog .right div h4 span {
	font-size: 1.2rem;
	margin-right: 10px;
}
.blog .right .next{
	text-align: right;
}
.blog_doctor .right .next a{
	color: #1d2832;
}
.blog_staff .right .next a{
	color: #0f4016;
}