@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');



*{margin:0;padding:0;text-decoration:none}fieldset{border:0}body{line-height:1.8}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}
html{font-size: 62.5%;}
body{font-size: 1.6em;}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }


/* 文字装飾 */
strong {
	font-weight: 700;
	color: #7ba843;
}

ul {
}
ul li {
	list-style:none;	
}

img {
	width: 100%;
	height: auto;
}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    -webkit-appearance: none;
    border-radius: 0;
}

/* box-sizing */ 
* {
	box-sizing: border-box;
}




/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #282828;
	transition: 0.3s;
	-webkit−transition: 0.3s;
}
a:hover {
	opacity: 0.6;
}
.cap {
	font-size: 1.4rem;
}
.right {
	text-align: right;
}


.btn {
	display: block;
	margin: 10px 0;
}
.btn a {
	text-align: center;
	width: 100%;
	display: block;
	background: #7ba843 url("../img/arrow01.svg") no-repeat 96% center;
	background-size: 26px;
	color: #fff;
	padding: 20px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.btn a:hover {
	display: block;
	background: #fff url("../img/arrow01.svg") no-repeat 98% center;
	background-size: 26px;
	color: #7ba843;
}






/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


.pc {
	display: block;
}
.sp,
#spFooter {
	display: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
	table th {
	}
	table td {
	}
main table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	background: #FFF;
	border-top: solid 1px #d6cdbf;
	border-left: solid 1px #d6cdbf;
	
	margin: 20px 0;
}
	main table th {
		background: #ef9c94;
		color: #FFF;
		padding: 15px;
		border-bottom: solid 1px #d6cdbf;
		border-right: solid 1px #d6cdbf;
	}
	main table td {
		padding: 15px;
		border-bottom: solid 1px #d6cdbf;
		border-right: solid 1px #d6cdbf;
	}



.anchor {
	
}
	.anchor ul {
		background: #FFF;
		border-radius: 10px;
		margin-bottom: 20px;
		padding: 40px;

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: left;

		-webkit-flex-wrap: wrap; 
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.anchor li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding-bottom: 2%;
		border-bottom: solid 1px #b1b1b1;
	}
		.anchor li:nth-child(2n) {
			margin-right: 0%;
		}
		.anchor li:last-child {
			margin-bottom: 0%;
			padding-bottom: 0%;
			border-bottom: none;
		}
		.anchor li:nth-last-child(2) {
			margin-bottom: 0%;
			padding-bottom: 0%;
			border-bottom: none;
		}
		.anchor li a {
			font-size: 1.8rem;
		}




.box {
	margin: 15px 0;
	background: #FFF;
	border-radius: 10px;
	padding: 30px;
}



/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	position: relative;
	font-family: "Noto Sans JP";
	font-weight: 500;
	background: #f6f6f6;
	color: #282828;
	padding: 0;
	margin: 0;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	/*text-align: justify;*/
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}














/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

.inner {
	width: 1200px;
	max-width: 90%;
	margin: 0 auto;
}
.cell {
	margin-bottom: 50px;
}
.cell:last-child {
	margin-bottom: 0;
}


.set {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: left;
	
	-webkit-flex-wrap: wrap; 
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}



.title {
	text-align: center;
	margin-bottom: 30px;
}
.title h2 {
	font-size: 2.4rem;
	color: #7ba843;
	margin-bottom: 5px;
}
.title p {
	font-size: 1.1rem;
	color: #000;
}

h3 {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
}



#mainimage--sp {
	display: none;
}

#mainimage {
	background: url("../img/mainimage.webp") no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 100px 0;
}
#mainimage dl {
	margin-bottom: 40px;
}
#mainimage dl dt {
	margin: 0 auto;
	width: 108px;
	margin-bottom: 20px;
}
#mainimage dl dd {
	font-size: 1.8rem;
	font-weight: 700;
}
#mainimage h1 {
	font-size: 4rem;
	font-weight: 700;
	margin-bottom: 30px;
}
#mainimage h1 span {
	font-size:2.4rem;
	display: block;
}

#mainimage p {
	font-size:2.4rem;
	font-weight: 700;
}
#mainimage .nav {
	margin-top: 60px;
	margin-bottom: 60px;
}
#mainimage .nav p {
	color: #7ba843;
	font-size:2.4rem;
	font-weight: 700;
	margin-bottom: 20px;
}
#mainimage .nav a {
	text-align: center;
	display: block;
	width: 19%;
	margin-right: 1.25%;
	border-radius: 6px;
	border: solid 3px #FFF;
	color: #FFF;
	padding: 25px 0;
}
#mainimage .nav a:last-child {
	margin-right: 0%;
}
#mainimage .nav a dl {
	margin: 0;
}
#mainimage .nav a dl dt {
	width: auto;
	font-size: 2rem;
	margin-bottom: 5px;
}
#mainimage .nav a dl dd {
	font-size: 1.1rem;
}
#mainimage .nav a.Internal {
	background: #f8b62d url("../img/arrow02.svg") no-repeat 96% center;
	background-size: 26px;
}
#mainimage .nav a.Internal:hover {
	background: #f8b62d url("../img/arrow02.svg") no-repeat 98% center;
	background-size: 26px;
}


#mainimage .nav a.Pediatrics {
	background: #0fa4e4 url("../img/arrow03.svg") no-repeat 96% center;
	background-size: 26px;
}
#mainimage .nav a.Pediatrics:hover {
	background: #0fa4e4 url("../img/arrow03.svg") no-repeat 98% center;
	background-size: 26px;
}

#mainimage .nav a.Otorhinolaryngology {
	background: #83ba32 url("../img/arrow04.svg") no-repeat 96% center;
	background-size: 26px;
}
#mainimage .nav a.Otorhinolaryngology:hover {
	background: #83ba32 url("../img/arrow04.svg") no-repeat 98% center;
	background-size: 26px;
}

#mainimage .nav a.Gynecology {
	background: #a20b3d url("../img/arrow05.svg") no-repeat 96% center;
	background-size: 26px;
}
#mainimage .nav a.Gynecology:hover {
	background: #a20b3d url("../img/arrow05.svg") no-repeat 98% center;
	background-size: 26px;
}

#mainimage .nav a.Fever {
	background: #e64c27 url("../img/arrow06.svg") no-repeat 96% center;
	background-size: 26px;
}
#mainimage .nav a.Fever:hover {
	background: #e64c27 url("../img/arrow06.svg") no-repeat 98% center;
	background-size: 26px;
}



#mainimage li {
	font-size: 1.6rem;
	font-weight: 700;
	display: inline;
	margin: 0 15px;
}




.different {
	background: #FFF;
	text-align: center;
	padding: 60px 0;
	
}
.different .inner {
	position: relative;	
}
.different img {
	position: absolute;
	top: -100px;
	left: 0;
	width: 200px;
}
.different h2 {
	font-size: 2.6rem;
	font-weight: 700;
	margin-bottom: 40px;
}
.different a {
	width: 49%;
	margin-right: 2%;
	border-radius: 6px;
	display: block;
	color: #FFF;
	padding: 40px 0;
	font-weight: 700;
}
.different a:last-child {
	margin-right: 0%;
}
.different a dt {
	font-size: 2.2rem;
	margin-bottom: 10px;
}
.different a dd {
	font-size: 1.5rem;
}

.different a.btn01 {
	background: #0a549b url("../img/arrow07.svg") no-repeat 96% center;
	background-size: 26px;
}
.different a.btn01:hover {
	background: #0a549b url("../img/arrow07.svg") no-repeat 98% center;
	background-size: 26px;
}
.different a.btn02 {
	background: #fe89aa url("../img/arrow08.svg") no-repeat 96% center;
	background-size: 26px;
}
.different a.btn02:hover {
	background: #fe89aa url("../img/arrow08.svg") no-repeat 98% center;
	background-size: 26px;
}



.info {
	padding: 60px 0;
}
.info .inner {
	background: #FFF;
	border-radius: 6px;
}
.info dl {
	float: left;
	background: #7ba843;
	width: 250px;
	text-align: center;
	color: #FFF;
	margin-right: 20px;
	padding: 60px 0;
	border-radius:6px 0 0  6px;

	
}
.info dl dt {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.info dl dt span {
	display: block;
	font-size: 1.1rem;
}
.info dl dd a {
	color: #FFF;
}
.info ul {
	width: 900px;
	float: left;
	
}
.info ul li {
	border-bottom: solid 1px #a9a9a9;
	padding: 20px 0;
	background: url("../img/arrow01.svg") no-repeat right center;
	
	background-size: 26px;
}
.info ul li:last-child {
	border-bottom: none;
}
.info ul li span {
	text-align: center;
	display: inline-block;
	background: #f6f6f6;
	font-size: 1.2rem;
	padding: 5px 10px;
	border-radius: 3px;
	width: 105px;
	margin-left: 20px;
	margin-right: 10px;
	color: #7ba843;
}
.info ul li span.Important {
	text-align: center;
	display: inline-block;
	background: #7ba843;
	font-size: 1.2rem;
	padding: 5px 10px;
	border-radius: 3px;
	width: 105px;
	margin-left: 20px;
	margin-right: 10px;
	color: #fff;
}


.concept {
	padding: 60px 0;
	background: url("../img/bg_concept.webp") no-repeat center;
	background-size: cover;
}
.concept .read {
	color: #7ba843;
	text-align: center;
	font-weight: 700;
	margin-bottom: 30px;
}
.concept .read dt {
	font-size: 3.8rem;
	margin-bottom: 10px;
}
.concept .read dd {
	font-size: 2.6rem;
}

.concept .box {
	width: 32%;
	margin-right: 2%;
	text-align: center;
	font-weight: 700;
	background: rgba(255, 255, 255, 0.3);
	border: solid 1px #FFF;
}
.concept .box:last-child {
	margin-right: 0%;
}
.concept .box p {
	width: 80%;
	margin: 0 auto;
}
.concept .box dl {
	margin-bottom: 20px;
}
.concept .box dt {
	color: #7ba843;
	font-size: 2.4rem;
	margin-bottom: 10px;
}
.concept .box dd {
	font-size: 1.8rem;
}


.concept li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.concept li:nth-child(3n) {
	margin-right: 0%;
}




.Service {
	padding: 60px 0;
}
.Service .main {
	position: relative;
	padding: 30px 0;
	margin: 0 auto;
	margin-bottom: 100px;
	width: 96%;
	border-radius: 6px;
	background: url("../img/bg_service.webp") no-repeat center;
	background-size: cover;
	text-align: center;
}
.Service .main p {
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 700;
}
.Service .main ul {
	margin: 20px 0 60px 0;
}
.Service .main li {
	width: 32%;
	height: 310px;
	margin-right: 2%;
	border-radius: 6px;
}
.Service .main li.service01 {
	background: url("../img/img_service01.webp") no-repeat center;
	background-size: cover;
}
.Service .main li.service02 {
	background: url("../img/img_service02.webp") no-repeat center;
	background-size: cover;
}
.Service .main li.service03 {
	background: url("../img/img_service03.webp") no-repeat center;
	background-size: cover;
}
.Service .main li:last-child {
	margin-right: 0%;
}
.Service .main li a {
	line-height: 310px;
	display: block;
	font-size: 1.8rem;
	color: #FFF;
	font-weight: bold;
	
	background: url("../img/arrow01.svg") no-repeat 96% center;
	background-size: 26px;
}



.Service .btn {
	width: 520px;
	position: absolute;
	font-weight: 700;
	font-size: 2rem;
	
	bottom: -50px;
	left: 50%;
	margin-left: -260px;
}
.Service .btn span {
	font-size: 1.1rem;
	display: block;
}
.Service .other {
}
.Service .other a {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	color: #FFF;
}
.Service .other a:nth-child(3n) {
	margin-right: 0%;
}
.Service .other a dt {
	padding-top: 50px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border-radius: 6px 0 0 6px;
	background: #7ba843 url("../img/arrow01.svg") no-repeat center 80%;
	background-size: 26px;
	width: 40%;
}
.Service .other a dd {
	width: 60%;
}
.Service .other a dd img {
	border-radius: 0 6px 6px 0;
}
.Service .other a.Internal dt {
	background: #f8b62d url("../img/arrow02.svg") no-repeat center 80%;
	background-size: 26px;
}
.Service .other a.Pediatrics dt {
	background: #0fa4e4 url("../img/arrow03.svg") no-repeat center 80%;
	background-size: 26px;
}
.Service .other a.Otorhinolaryngology dt {
	background: #83ba32 url("../img/arrow04.svg") no-repeat center 80%;
	background-size: 26px;
}
.Service .other a.Gynecology dt {
	background: #a20b3d url("../img/arrow05.svg") no-repeat center 80%;
	background-size: 26px;
}
.Service .other a.Fever dt {
	background: #e64c27 url("../img/arrow06.svg") no-repeat center 80%;
	background-size: 26px;
}



.contact {
	background: #7ba843;
	padding: 60px 0;
}
.contact h2,
.contact p {
	color: #FFF;
}

.contact .box {
	width: 32%;
	margin-right: 2%;
	text-align: center;
}
.contact .box:last-child {
	margin-right: 0;
}
.contact .box dt {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.contact .box dt img {
	display: block;
	margin: 0 auto;
	width: 50px;
	margin-bottom: 10px;
}
.contact .box .tel a {
	color: #7ba843;
	font-weight: 900;
	font-size: 4rem;
}



.access {
	background: #FFF;
}
.access iframe {
	width: 65%;
	float: left;
}
.access .text {
	text-align: center;
	width: 35%;
	float: right;
	padding: 60px 40px;
}
.access .text img {
	display: block;
	width: 72px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.access .text dl {
	margin-bottom: 40px;
}
.access .text dl dt {
	font-size: 2.2rem;
	color: #7ba843;
	font-weight: 700;
	margin-bottom: 10px;
}
.access .text dl dd {
	font-size: 1.1rem;
}




.group {
	margin: 0 auto;
	width: 90%;
	padding: 60px 0;
}
.group .set div {
	position: relative;
	width: 23%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding-bottom: 80px;
}
.group .set div:nth-child(4n) {
	margin-right: 0%;
}

.group h4 {
	font-size: 1.6rem;
	font-weight: 700;
	color: #7ba843;
	margin-bottom: 10px;
}
.group p {
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.group a {
	font-size: 1.6rem;
	font-weight: 700;
	color: #7ba843;
}
.group .btn {
	width: 100%;
	position: absolute;
	bottom: 0;
}
.group .btn a {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
}
.group li {
	width: 32%;
	margin-right: 2%;
	background: #fff;
	border-radius: 3px;
	font-size: 1.2rem;
	text-align: center;
	color: #7ba843;padding: 5px;
	margin-bottom: 5px;
}
.group li:nth-child(3n) {
	margin-right: 0%;
}


/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 30px;;
	display: block;
	color: #7ba843;
	background:#FFF;
	font-size: 2rem;
	font-weight: 700;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;
	border-top: 3px solid #7ba843;
	border-right: 3px solid #7ba843;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}








.f-Service {
	padding: 60px 0;
	background: #FFF;
}
.f-Service .title {
	float: left;
	text-align: left;
	width: 300px;
}
.f-Service ul {
	width: 800px;
	float: right;
}
.f-Service ul li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.f-Service ul li:nth-child(3n) {
	margin-right: 0%;
}



.f-Partner {
	padding: 60px 0;
}
.f-Partner .title {
	float: left;
	text-align: left;
	width: 300px;
}
.f-Partner ul {
	width: 800px;
	float: right;
}
.f-Partner ul li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.f-Partner ul li:nth-child(3n) {
	margin-right: 0%;
}






ul.dot {
	margin-bottom: 15px;
}
.box ul.dot {
	margin-bottom: 0;
}
	ul.dot li {
		margin-bottom: 10px;
	}
	ul.dot li:last-child {
		margin-bottom: 0;
	}
	ul.dot li:last-child {
		margin-bottom: 0;
	}
	ul.dot li::before {
		display: inline-block;
		content: "";
		margin-top: 8px;
		margin-right: 7px;
		width: 8px;
		height: 8px;
		vertical-align: top;
		border-radius: 5px;
		background-color: #ef9c94;
	}

ul.link li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 15px;
}
	ul.link li:before {
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 1px #2a3174;
		border-right: solid 1px #2a3174;
		position: absolute;
		top: 55%;
		left: 0;
		margin-top: -4px;
		transform: rotate(45deg);
	}
	ul.link li a {
		display: block;
	}
	ul.link li a:hover {
		color: #e57f80;
	}
	ul.link li:hover:before {
		border-top: solid 1px #e57f80;
		border-right: solid 1px #e57f80;
	}









/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
footer {
	padding: 60px 0;
	background: #7ba843;
	text-align: center;
	color: #FFF;
}

footer img {
	display: block;
	width: 68px;
	margin: 0 auto;
	margin-bottom: 60px;
}
footer p {
	margin-bottom: 20px;
}


footer ul {
	text-align: center;
	margin-bottom: 30px;
}
footer li {
	display: inline;
	margin: 0 10px;
}
footer a {
	color: #FFF;
}




.map {
	height: 450px;
	overflow: hidden;
}
.map iframe {
	width: 100%;
}





/* max 1023px */
@media screen and (max-width: 1023px) {
.pc {
	display: none;
}
.sp {
	display: block;
}

	
	
body {
	font-size: 1.4rem;
}

.half {
	width: 100%;
	margin-right: 0%;
}

.cell {
	margin-bottom: 30px;
}
.cell:last-child {
	margin-bottom: 0;
}
	
.title {
	text-align: left;
	margin-bottom: 30px;
}
.title h2 {
	font-size: 2.4rem;
	color: #7ba843;
	margin-bottom: 5px;
}
.title p {
	font-size: 1.1rem;
	color: #000;
}

h3 {
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
}


	


#mainimage {
	display: none;
}
#mainimage--sp {
	display: block;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 10px;
	position: relative;
	background: url("../img/mainimage.webp") no-repeat center;
	background-size: cover;
}
#mainimage--sp dl {
	width: 80%;
	position:  absolute;
	top: 10px;
	left: 10px;
	text-align: left;
}
#mainimage--sp dl dt {
	width: 50px;
	float: left;
	margin-right: 10px;
}
#mainimage--sp dl dd {
	font-size: 1.6rem;
	font-weight: 700;
}
#mainimage--sp dl dd span {
	font-size: 1.2rem;
}

#mainimage--sp h1 {
	font-size: 1.8rem;
	color: #7ba843;
	margin-bottom: 10px;
}

	
#mainimage--sp li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	border-radius: 3px;
}
#mainimage--sp li a {
	display: block;
	padding: 10px;
	color: #FFF;
	font-weight: 700;
}
#mainimage--sp li:nth-child(2n) {
	margin-right: 0;
}

#mainimage--sp li.Internal {
	background: #f8b62d url("../img/arrow02.svg") no-repeat 96% center;
	background-size: 16px;
}
#mainimage--sp li.Pediatrics {
	background: #0fa4e4 url("../img/arrow03.svg") no-repeat 96% center;
	background-size: 16px;
}
#mainimage--sp li.Otorhinolaryngology {
	background: #83ba32 url("../img/arrow04.svg") no-repeat 96% center;
	background-size: 16px;
}
#mainimage--sp li.Gynecology {
	background: #a20b3d url("../img/arrow05.svg") no-repeat 96% center;
	background-size: 16px;
}
#mainimage--sp li.Fever {
	background: #e64c27 url("../img/arrow06.svg") no-repeat 96% center;
	background-size: 16px;
}
#mainimage--sp li.time {
	background: #fff;
	border-radius: 20px;
}
#mainimage--sp li.time a {
	color: #7ba843;
}

	
	
	
	
	
	

.different {
	background: #FFF;
	text-align: center;
	padding: 30px 0;
	
}
.different .inner {
	position: relative;	
}
.different img {
	position: absolute;
	top: -0px;
	left: auto;
	right: 0;
	width: 100px;
}
.different h2 {
	text-align: left;
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 40px;
}
.different a {
	width: 49%;
	margin-right: 2%;
	border-radius: 6px;
	display: block;
	color: #FFF;
	padding: 40px 0 70px 0;
	font-weight: 700;
}
.different a:last-child {
	margin-right: 0%;
}
.different a dt {
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.different a dd {
	font-size: 1.2rem;
}

.different a.btn01 {
	background: #0a549b url("../img/arrow07.svg") no-repeat center 85%;
	background-size: 26px;
}
.different a.btn02 {
	background: #fe89aa url("../img/arrow08.svg") no-repeat center 85%;
	background-size: 26px;
}



.info {
	padding: 30px 0;
}
.info .inner {
	background: #FFF;
	border-radius: 6px;
}
.info dl {
	position: relative;
	text-align: left;
	float: none;
	background: #7ba843;
	width: 100%;
	color: #FFF;
	margin-right: 0;
	padding: 20px 20px;
	border-radius:6px 6px 0 0;
	
}
.info dl dt {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 0;
}
.info dl dt span {
	display: block;
	font-size: 1.1rem;
}
.info dl dd {
	position: absolute;
	top: 30px;
	right: 20px;
}
.info ul {
	margin: 0 auto;
	width: 90%;
	float: none;
	
}
.info ul li {
	border-bottom: solid 1px #a9a9a9;
	padding: 20px 30px 20px 0;
	background: url("../img/arrow01.svg") no-repeat right center;
	
	background-size: 26px;
}
.info ul li:last-child {
	border-bottom: none;
}
.info ul li span {
	text-align: center;
	display: inline-block;
	background: #f6f6f6;
	font-size: 1.2rem;
	padding: 5px 10px;
	border-radius: 3px;
	width: 105px;
	margin-left: 20px;
	margin-right: 10px;
	color: #7ba843;
}
.info ul li span.Important {
	text-align: center;
	display: inline-block;
	background: #7ba843;
	font-size: 1.2rem;
	padding: 5px 10px;
	border-radius: 3px;
	width: 105px;
	margin-left: 20px;
	margin-right: 10px;
	color: #fff;
}


.concept {
	padding: 30px 0;
	background: url("../img/bg_concept.webp") no-repeat center;
	background-size: cover;
}
.concept .read {
	color: #7ba843;
	text-align: left;
	font-weight: 700;
	margin-bottom: 30px;
}
.concept .read dt {
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.concept .read dd {
	font-size: 1.6rem;
}

.concept .box {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	font-weight: 700;
	padding: 30px 15px;
}
.concept .box:last-child {
	margin-right: 0%;
}
.concept .box p {
	width: 50%;
	margin: 0 auto;
}
.concept .box dl {
	margin-bottom: 20px;
}
.concept .box dt {
	color: #7ba843;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.concept .box dd {
	font-size: 1.2rem;
}


.concept li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.concept li:nth-child(3n) {
	margin-right: 0%;
}




.Service {
	padding: 30px 0;
}
.Service .title {
margin-left: 5%;
}
.Service .main {
	position: relative;
	padding: 30px 0;
	margin: 0 auto;
	margin-bottom: 60px;
	width: 96%;
	border-radius: 6px;
	background: url("../img/bg_service.webp") no-repeat center;
	background-size: cover;
	text-align: center;
}
.Service .main p {
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 700;
}
.Service .main ul {
	margin: 20px 0 60px 0;
}
.Service .main li {
	width: 100%;
	height: 150px;
	margin-right: 0%;
	margin-bottom: 4%;
	border-radius: 6px;
}
.Service .main li.service01 {
	background: url("../img/img_service01.webp") no-repeat center;
	background-size: cover;
}
.Service .main li.service02 {
	background: url("../img/img_service02.webp") no-repeat center;
	background-size: cover;
}
.Service .main li.service03 {
	background: url("../img/img_service03.webp") no-repeat center;
	background-size: cover;
}
.Service .main li:last-child {
	margin-right: 0%;
}
.Service .main li a {
	line-height: 150px;
	display: block;
	font-size: 1.8rem;
	color: #FFF;
	font-weight: bold;
	
	background: url("../img/arrow01.svg") no-repeat 96% center;
	background-size: 26px;
}



.Service .btn {
	width: 100%;
	position: absolute;
	font-weight: 700;
	font-size: 1.6rem;
	
	bottom: -20px;
	left: 0%;
	margin-left: 0;
}
.Service .btn span {
	font-size: 1.1rem;
	display: block;
}
.Service .other {
}
.Service .other a {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	color: #FFF;
}
.Service .other a:nth-child(2n) {
	margin-right: 0% !important;
}
.Service .other a:nth-child(3n) {
	margin-right: 2%;
}
.Service .other a dt {
	padding-top: 15px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	border-radius: 6px 0 0 6px;
	background: #7ba843;
	background-size: 16px;
	width: 50%;
}
.Service .other a dd {
	width: 50%;
}
.Service .other a dd img {
	border-radius: 0 6px 6px 0;
}
.Service .other a.Internal dt {
	background: #f8b62d;
	background-size: 16px;
}
.Service .other a.Pediatrics dt {
	background: #0fa4e4;
	background-size: 16px;
}
.Service .other a.Otorhinolaryngology dt {
	background: #83ba32;
	background-size: 16px;
}
.Service .other a.Gynecology dt {
	background: #a20b3d;
	background-size: 16px;
}
.Service .other a.Fever dt {
	background: #e64c27;
	background-size: 16px;
}



.contact {
	background: #7ba843;
	padding: 30px 0;
}
.contact h2,
.contact p {
	color: #FFF;
}

.contact .box {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 2%;
	text-align: center;
	padding: 15px;
}
.contact .box:last-child {
	margin-right: 0;
}
.contact .box dt {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.contact .box dt img {
	display: block;
	margin: 0 auto;
	width: 30px;
	margin-bottom: 10px;
}
.contact .box .tel a {
	color: #7ba843;
	font-weight: 900;
	font-size: 4rem;
}



.access {
	background: #FFF;
}
.access iframe {
	width: 100%;
	float: none;
}
.access .text {
	text-align: center;
	width: 100%;
	float: none;
	padding: 60px 40px;
}
.access .text img {
	display: block;
	width: 60px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.access .text dl {
	margin-bottom: 40px;
}
.access .text dl dt {
	font-size: 1.8rem;
	color: #7ba843;
	font-weight: 700;
	margin-bottom: 10px;
}
.access .text dl dd {
	font-size: 1.1rem;
}




.group {
	margin: 0 auto;
	width: 90%;
	padding: 30px 0;
}
.group .set div {
	position: relative;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 10%;
	padding-bottom: 80px;
}
.group .set div:nth-child(4n) {
	margin-right: 0%;
}

.group h4 {
	font-size: 1.6rem;
	font-weight: 700;
	color: #7ba843;
	margin-bottom: 10px;
}
.group p {
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.group a {
	font-size: 1.6rem;
	font-weight: 700;
	color: #7ba843;
}
.group .btn {
	width: 100%;
	position: absolute;
	bottom: 0;
}
.group .btn a {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
}
.group li {
	width: 32%;
	margin-right: 2%;
	background: #fff;
	border-radius: 3px;
	font-size: 1.2rem;
	text-align: center;
	color: #7ba843;padding: 5px;
	margin-bottom: 5px;
}
.group li:nth-child(3n) {
	margin-right: 0%;
}


/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 30px;;
	display: block;
	color: #7ba843;
	background:#FFF;
	font-size: 1.6rem;
	font-weight: 700;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #7ba843;
	border-right: 2px solid #7ba843;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}








.f-Service {
	padding: 30px 0;
	background: #FFF;
}
.f-Service .title {
	float: none;
	text-align: left;
	width: 100%;
}
.f-Service ul {
	width: 100%;
	float: none;
}
.f-Service ul li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.f-Service ul li:nth-child(2n) {
	margin-right: 0% !important;
}
.f-Service ul li:nth-child(3n) {
	margin-right: 2%;
}



.f-Partner {
	padding: 30px 0;
}
.f-Partner .title {
	text-align: left;
	width: 100%;
	float: none;
}
.f-Partner ul {
	width: 100%;
	float: none;
}
.f-Partner ul li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.f-Partner ul li:nth-child(2n) {
	margin-right: 0% !important;
}
.f-Partner ul li:nth-child(3n) {
	margin-right: 2%;
}






ul.dot {
	margin-bottom: 15px;
}
.box ul.dot {
	margin-bottom: 0;
}
	ul.dot li {
		margin-bottom: 10px;
	}
	ul.dot li:last-child {
		margin-bottom: 0;
	}
	ul.dot li:last-child {
		margin-bottom: 0;
	}
	ul.dot li::before {
		display: inline-block;
		content: "";
		margin-top: 8px;
		margin-right: 7px;
		width: 8px;
		height: 8px;
		vertical-align: top;
		border-radius: 5px;
		background-color: #ef9c94;
	}

ul.link li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 15px;
}
	ul.link li:before {
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 1px #2a3174;
		border-right: solid 1px #2a3174;
		position: absolute;
		top: 55%;
		left: 0;
		margin-top: -4px;
		transform: rotate(45deg);
	}
	ul.link li a {
		display: block;
	}
	ul.link li a:hover {
		color: #e57f80;
	}
	ul.link li:hover:before {
		border-top: solid 1px #e57f80;
		border-right: solid 1px #e57f80;
	}









/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
footer {
	padding: 30px 0 60px 0;
	background: #7ba843;
	text-align: center;
	color: #FFF;
	font-size: 1.2rem;
}

footer img {
	display: block;
	width: 68px;
	margin: 0 auto;
	margin-bottom: 30px;
}
footer p {
	margin-bottom: 20px;
}


footer ul {
	text-align: center;
	margin-bottom: 30px;
}
footer li {
	display: inline;
	margin: 0 10px;
}
footer a {
	color: #FFF;
}


	
	
#spFooter {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 1000;
}
#spFooter ul {
	margin: 0;
}
	#spFooter li {
		width: 25%;
	}
	
	
	
	
	
	
	
	
}
	
}