@charset "utf-8"
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');


.header_hospital {
	background-image:url("../images/about/header_hospital.jpg");
}
.header_access {
	background-image:url("../images/about/header_access.jpg");
}
.header_policy {
	background:url("../images/about/header_policy.jpg") center center;
}
.header_floor {
	background-image:url("../images/about/header_floor.jpg");
}
.header_contact {
	background-image:url("../images/about/header_contact.jpg");
}

main.about {
	font-size: 18px;
}

a .btn1, a .btn2, a .btn3, a .btn4, a .btn5 {
 color: #484848;
}
a:hover .btn1, a:hover .btn2, a:hover .btn3, a:hover .btn4, a:hover .btn5 {
 box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
 border-radius: 10px;
}
.hospital3 a:hover h4, .hospital4 a:hover h4 {
	background-color: #e0c582;
	color: #fff;
}

.hospital1 {
	width: 1200px;
	margin: 0 auto 50px;
}
table.overview {
	width: 100%;
	margin: auto ;
	border-collapse: collapse;
	border-spacing: 0;
}
table.overview th,table.overview td {
	padding: 20px 30px;
	text-align: left;
	border: 4px solid #fff;
	height: 30px;
	box-sizing: border-box;
}
table.overview th {
	width: 35%;
	background-color: #fbddbf;
	font-weight: 500;
}
table.overview td {
	width: auto;
}
.hospital1 ul {
	padding-left: 22px;
	float: left;
 margin-right: 10%;
}
.hospital1 tr:nth-child(odd){
 background-color: #eeeeee;
}
.overview .left {
	float: left;
	width: 35%;
}
.overview .right {
	float: left;
	width: 65%;
}


.hospital2 {
	width: 1200px;
	margin: 0 auto 50px;
}
table.history {
	width: 100%;
	margin: 0 auto 30px;
	border-collapse: collapse;
	border-spacing: 0;
}
table.history th,table.history td {
	padding: 20px 30px;
	text-align: left;
	border: 4px solid #fff;
	height: 30px;
	box-sizing: border-box;
}
table.history th {
	width: 35%;
	background-color: #f5ccce;
}
table.history td {
	width: auto;
}
.hospital2 tr:nth-child(odd){
 background-color: #eeeeee;
}
.hospital3 {
	width: 1200px;
	margin: 0 auto;
}
.hospital4 {
	width: 1200px;
	margin: 0 auto 0px;
}

.hospital4 .btn1, .hospital4 .btn2 {

}
.hospital3 .btn3, .hospital3 .btn4, .hospital3 .btn5 {
	width: 31.333%;
	float: left;
 /* filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.2));*/
	margin-right: 3%;
	overflow: hidden;
 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 border-radius: 10px;
}
.hospital4 .btn2, .hospital3 .btn5 {
	margin-right: 0;
}
.hospital3 .no_bottom {
	margin-bottom: 0;
}
.back_blue {
	padding: 100px 0 ;
	background-color: #c6e6eb;
}
.hospital3 h4, .hospital4 h4 {
	font-size: 24px;
	width: 100%;
	padding: 17px 0;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
	background-color: #fff;
	margin-top: -9px;
}
.hospital3 .link_page, .hospital4 .link_page {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height:207px;
	border-radius: 10px 10px 0px 0px;
}

.about .left {
 width: 65%;
 float: left;
}
.about img.right_pc {
 width: 32%;
 float: right;
 max-width: 100%;
}
.about img.right_sp {
 display: none
}

.about .about1.page_title,
.about .about1.page_title .pnkz{
 margin-bottom: 0px;
}

/*---- down page ----*/


.header_page .center_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.page .center1200 {
	width: 1200px;
	margin: auto;
}

.page_right {
	width: 72.25%;
	float: right;
}

.side_menu {
	width: 22%;
	float: left;
}

.side_menu li {
	width: 100%;
	height: 58px;
	font-weight: 600;
	box-sizing: border-box;
	list-style-type: none;
	color: #484848;
}


.side_menu a:hover .side_menu_list {
	background-color: #5398d3;
	color: #fff;
}
.side_menu_list1, .side_menu_list2, .side_menu_list3 {
	padding: 15px 0px 0px 15px;
	box-sizing: border-box;
	height: 58px;
	color: #484848;
}
.side_menu_list1 {
	font-size: 1.5em;
	background-color: #a7e88b;
	padding: 11px 0px 0px 15px;
}
.side_menu_list2 {
	background-color: #bee4ad;
}
.side_menu_list3 {
	background-color: #e2fdd6;
}
a:hover .side_menu_list1, a:hover .side_menu_list2, a:hover .side_menu_list3 {
	background-color: #84d063;
	color: #fff;
}
.side_menu_list1a, .side_menu_list2a, .side_menu_list3a {
	background-color: #84d063;
	color: #fff;
	padding: 15px 0px 0px 15px;
	box-sizing: border-box;
	height: 58px;
}
/* .side_menu li:nth-of-type(5),
.side_menu li:nth-of-type(5) .side_menu_list3a,
.side_menu li:nth-of-type(5) .side_menu_list3{
	height: 77px;
} */

.check1 {
	position: relative;
	height: 112px;
	width: 100%;
	background-color: #dbeabb;
}

.check1 h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 30px;
	font-weight: 500;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.page_right .check1 h3:before {
	content: none;
}

.check1more {
	padding: 30px 40px ;
	background-color: #9dae7a;
	font-size: 1.5em;
}

.check2 {
	position: relative;
	height: 112px;
	width: 100%;
	background-color: #e9ce8d;
}
.check2 h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 30px;
	font-weight: 500;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.page_right .check2 h3:before {
	content: none;
}
.check2more {
	padding: 30px 40px ;
	background-color: #c9b27a;
	font-size: 1.5em;
}
.font_white {
	color: #fff;
}
.about1 {
	margin-bottom: 50px;
}
.about1 .left, .about1 .right {
	width: 48%;
	float: left;
	box-sizing: border-box;
}
.about1 .right {
 float: right;
}
.description2 {
	margin: 0px 0 50px;
	font-size: 18px;
	line-height: 1.3em;
}
.description3 {
	margin: 0px 0 50px;
	font-size: 18px;
	line-height: 1.3em;
}

.policy1, .policy2, .policy3, .policy4, .policy5  {
	margin-bottom: 50px;
}
.policy1 .policy_img, .policy3 .policy_img {
	max-width: 100%;
	margin-bottom: 30px;
}
.policy3 .policy_img {
	margin-bottom: 0px;
}

.policy1, .policy2 {
 width: 1200px;
 max-width: 96%;
 margin: 0 auto 50px;
}
.about .policy1 p {
	line-height: 2;
 /*	font-family: 'Noto Serif JP', serif;
  font-weight: 600;*/
}
.policy1 p.text_right {
	text-align: right;
 font-size: 120%;
	margin: 30px 0 0;
}

.policy2_back {
	background-color: #fff;
	box-sizing: border-box;
 /*	border: 10px solid #dbeabb;*/
	padding: 0px 2%;
}
.policy2 .point {
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}
.policy2 .end {
	margin-bottom: 0px;
}
.policy2 .number {
	font-size: 40px;
 /* background-image: url(../images/subject/number_2.png);*/
 padding: 2.5px 22px 4.5px;
 font-weight: 500;
 display: inline-block;
 background-repeat: no-repeat;
 color: #c2dbf2;
}
main.about .policy2 p {
	position: absolute;
 left: 12%;
 top: 48%;
 transform: translateY(-50%) translateX(-0%);
	margin-bottom:0;
}

.policy4 h4, .policy3 h4, .contact1 h4 {
	position: relative;
 font-size: 24px;
 margin: 50px 0 20px;
 /* border-left: 4px solid #e9ce8d;
  padding-left: 15px;*/
}
@media screen and (min-width: 1200px) {
	.page.harassment h2,
	.page h2.ttlLong{
		font-size: 2.685rem;
	}
}
.page.harassment ul.listCircle li{
	position: relative;
	list-style: none;
	padding-left: 1.5em;
}
.page.harassment ul.listCircle li::before{
	position: absolute;
	display: inline-block;
	content: "〇";
	width: 1em;
	height: .8lh;
	top: 0;
	left: 0;
}
table.plan {
	width: 100%;
	text-align: left;
	line-height: 2em;
}
.plan th, .plan td {
	box-sizing: border-box;
	padding: 15px;
	border-bottom: 2px dotted #e9ce8d;
}
.plan th {
	width: 20%;
}
.plan td.bold {
	font-weight: bold;
}
.floor1, .area_care {
	margin-bottom: 50px;
}
.area_care {
}
img.small_img {
	width: 32%;
	margin: 0 0.5% 20px;
	float: left;
	box-sizing: border-box;
 border: 2px solid #ddd;
}
.plan .table_pc {
	display: table-cell;
}
#infodisclosure .styleTable4{
	max-width: 750px;
	margin: 0 auto;
}
#infodisclosure .styleTable4 th,
#infodisclosure .styleTable4 td{
	text-align: left;
	padding: 20px;
}
@media screen and (max-width: 600px) {
	#infodisclosure .styleTable4{
		font-size: 80%;
	}
	#infodisclosure .styleTable4 th,
	#infodisclosure .styleTable4 td{
		padding: 10px;
		font-size: 90%;
	}
}
.area_care img.number {
	width: auto;
	max-width: 100%;
	margin-bottom: 30px;
}
.contact1, .contact2 {
	margin-bottom: 50px;
}
.contact2 .jump_page {
	position: relative;
	height: 60px;
	width: 50%;
	max-width: 100%;
	border: 3px solid #ccc;
	margin: 30px auto 0px;
	box-sizing: border-box;
}
.contact2 .jump_page p {
	position: absolute;
	left: 50%;
	top:50%;
	transform: translateY(-50%) translateX(-50%);
	color: #484848;
}
.contact2 .jump_page:hover {
	border: 3px solid #c6d99d;
	background-color: #c6d99d;
}
.contact2 .jump_page:hover p {
	color: #fff;
}



.header_smilebg {
	background:url("../images/about/smilepocket_header2.jpg") center center;
}

@media screen and (max-width: 1000px) {
.header_smilebg {
	background:url("../images/about/smilepocket_header3.jpg") center center;
}
}

.header_smile .center_icon {
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.header_smile {
    height: 400px;
    /* width: 1600px; */
    position: relative;
    margin: auto;
    background-size: cover;
}

@media screen and (max-width: 1200px) {
.header_smile {
    height: 300px;
    width: 100%;
    background-position: center;
	}
}
	
@media screen and (max-width: 800px) {
.header_smilebg {
    /* background-position: 20% 3%; */
	}
}

@media screen and (max-width: 600px) {
.header_smilebg {
    background-position: 60% 3%;
	}
}
@media screen and (max-width: 600px) {
.header_smile {
    height: 150px;
	}
}

@media screen and (max-width: 800px) {
.header_smile .center_icon {
    width: 40%;
	}
}
@media screen and (max-width: 600px) {
.header_smile .center_icon {
    width: 40%;
	}
}


#hoikuhoushin {
	display: flex;
	width: 100%;
	margin-bottom: 2em;
}
.houshin {
	width: 60%;
	box-sizing: border-box;
}
.houshin_img {
	width: 40%;
	box-sizing: border-box;
}
.houshin_img img {
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 850px) {
	#hoikuhoushin {
		display: block;
	}
	.houshin {
		width: 100%;
	}	
	.houshin_img {
		width: 100%;
		text-align: center;
	}
}


#shisetugaiyou {
	display: flex;
	width: 100%;
	margin-bottom: 2em;
}
.gaiyou {
	width: 51%;
	box-sizing: border-box;
}
.gaiyou_img {
	width: 48%;
	box-sizing: border-box;
}
.gaiyou_img img {
	width: 100%;
	height: auto;
}
.r_img img{
	width: 100%;
	height: auto;
}
.l_img img{
	width: 100%;
	height: auto;
}

.float img {
	float: right;
	width: 50%;
	height: auto;
}

.shozai {
	width: 100%;
	border-left: medium solid #FFF4B5;
  	padding-left: 10px;
	margin-bottom: 2em;
}
.shozai ul {
    margin-bottom: 10px;
	}
.shozai li {
	list-style: none;
}


@media screen and (min-width: 600px) {

.shisetsu_img {
	display: flex;
	width: 100%;
	/*margin-bottom: 1.5em;*/
	justify-content: space-between;
}

.l_img {
	width: 48%;
}

.r_img {
	width: 48%;
}
}


@media screen and (max-width: 850px) {
	#shisetugaiyou {
		display: block;
	}
	.gaiyou {
		width: 100%;
	}	
	.gaiyou_img {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 600px) {
.shozai ul {
    margin-bottom: 20px;
	}
	.annai table {
		font-size: 80%;
	}
	.shisetsu_img {
		display: block;
		text-align: center;
	}
	.gallery {
		margin-bottom: 2em;
	}
	/*.gallery p {
		margin-top: 1.5em;
	}*/
	.l_img {
		margin-bottom: 1.5em;
	}
	.float img {
	width: 100%;
	height: auto;
}
}

.annai table {
	border-spacing: 3em 0.375em;
}
@media screen and (max-width: 850px) {
	.annai table {
		border-spacing: 1em 0.375em;
	}
}

.dNone {
	display: none;
}
@media screen and (max-width: 415px) {
	.sp-dIb {
		display: inline-block;
		vertical-align: top;
	}
}

@media screen and (min-width: 850px) {
.gaiyou_img img {
	margin-left: 10px;
	}
}