html {font-size: 625%;}

/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	/* background: transparent; */
}

body {
	font-family:'Yu Gothic',"游ゴシック",'YuGothic',"游ゴシック体",'Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
	font-size: .16rem;
	font-size: 16px;
	color:#4e4e4e;
	background: #fff;
	letter-spacing: .02rem;
	box-sizing: border-box;
	overflow-x: hidden;
}

/*共通*/
ol
,ul {
	list-style: none;
}
a{
	text-decoration: none;
	cursor: pointer;
	color: #4e4e4e;
}
i{
	margin-right: 5px;
}
section{
	margin-bottom: 1rem;
}
.wrap{
	max-width: 1050px;
	width: 96%;
	margin: 0 auto;
}
.white{
	color: #fff;
}
.mincho{
	font-family: 'Sawarabi Mincho', sans-serif;
}
.bg_white{
	background: #fff;
}
.blue{
	color: #00adec;
}
.bg_blue{
	background: #00adec;
}
.dark_blue{
	color: #050599;
}
.red{
	color: red;
}
.category .box li{
	background: red;
	width: 16%;
	display: inline-block;
	border-radius: 4px;
	position: relative;
	height: fit-content;
	overflow: hidden;
}
.category .box li a{
	padding: .3rem .2rem;
	display: block;
	text-align: center;
	color: #fff;
}
.category .box li a i{
	display: block;
	font-size: 50px;
	margin-bottom: .1rem;
	margin-right: 0;
}
.skew_border{
	border: 2px solid #fff;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: -10px;
	width: 40%;
	transform: rotate(-38deg);
}
.category .box li .skew_border:last-of-type{
	width: 80%;
	right: -20px;
}
.title{
	margin-bottom: .5rem;
}
.title h1{
	font-size: .3rem;
	display: flex;
	align-items: center;
	font-weight: normal;
	color: #00adec;
}
.title h1::before{
	border-top: 2px solid;
	content: "";
	width: .5rem;
	margin-right: 20px;
}
.title p{
	margin-left: 6.7%;
	font-size: .18rem;
	color: #b3b3b3;
}
.title.white h1{
	color: #fff;
}
.title.white p{
	color: #fff;
}
table
,td
,th{
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
}
td
,th {
	padding: .1rem;
	width: 50px;
	text-align: center;
}
.half{
	width: 49%;
	display: inline-block;
}
.hover_line{
	display: flex;
	align-items: center;
	justify-content: center;
}
.hover_line::after{
	border-top: 2px solid;
	content: "";
	width: 50px;
	margin-left: 10px;
	transition: all .5s ease-out;
}
.hover_line:hover::after{
	width: 80px;
}

/*popup*/
.popup{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}
.popup.is_show{
	opacity: 1;
	visibility: visible;
}
.popup_inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 640px;
	padding: 50px;
	background-color: #fff;
	z-index: 2;
	overflow-y: scroll;
	height: 80vh;
	filter: drop-shadow(2px 4px 6px #ccc);
}
.popup_inner img{
	width: 100%;
}
.close_button{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.close_button i{
	font-size: 20px;
	color: #333;
}
.black_background{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 1;
	cursor: pointer;
}
.time button{
	max-width: 320px;
	width: 90%;
	height: 70px;
	background: #00adec;
	color: #fff;
	border: 1px solid #00adec;
	border-radius: 4px;
	font-size: 20px;
	letter-spacing: .01rem;
}
.time button:hover{
	opacity: .7;
}


/*header*/
.nav_btn
,.nav_wrap{
	display: none;
}
header{
	border-top: 10px solid #00adec;
	padding: .1rem 0;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 300;
}
.logo{
	width: 22%;
	display: inline-block;
	vertical-align: bottom;
}
.logo img{
	width: 100%;
}
.sub_nav{
	width: 77%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
.sub_nav span{
	font-size: 14px;
}
.sub_nav img{
	height: 54px;
	vertical-align: middle;
}
.upper_row{
	margin-bottom: .2rem;
}
.upper_row p{
	display: inline-block;
	color: #00adec;
	font-size: 18px;
	font-weight: bold;
}
.upper_row span{
	vertical-align: text-bottom;
}
.upper_row a{
	font-size: .24rem;
	margin: 0 20px;
	letter-spacing: 0;
}
.upper_row span a{
	font-size: .14rem;
	color: #fff;
	padding: .1rem;
	border-radius: 4px;
	margin: 0;
}
.lower_row li{
	display: inline-block;
	margin-left: 25px;
}
.lower_row li:hover a{
	color: #00adec;
}
.lower_row i{
	margin-right: 0;
}

/*footer*/
.common_recruit{
	background: url(https://fujitate.jp/images/bg_recruit.jpg) no-repeat center top /cover;
	padding: .7rem 0;
	margin-bottom: .5rem;
}
.common_recruit h2{
	text-align: center;
	margin-bottom: .5rem;
}
.common_recruit a{
	display: block;
	padding: .1rem;
	background: #00adec;
	color: #fff;
	width: 300px;
	text-align: center;
	border-radius: 4px;
	margin: 0 auto;
}
.common_recruit a:hover{
	opacity: .7;
}
.common_recruit span{
	font-size: 18px;
	vertical-align: middle;
}
.common_recruit i{
	margin-right: 5px;
	font-size: .3rem;
	vertical-align: middle;
}
footer .logo img{
	width: auto;
}
footer .half img{
	height: 90px;
}
footer .half{
	vertical-align: top;
	margin-bottom: .2rem;
}
footer .half:last-child{
	text-align: right;
}
footer .bg_blue span{
	display: block;
	color: #fff;
	text-align: right;
}



/*index*/
.top_main{
	background: url(https://fujitate.jp/images/top_main03.jpg) no-repeat center center /cover;
	height: 700px;
	position: relative;margin-bottom: 0;
}
.top_main img{
	min-width: 180px;
	width: 30%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.category .box li:first-child
,.bg_pink{
	background: #ff7a8a;
}
.category .box li:nth-child(2)
,.bg_light_green{
	background: #88e5d5;
}
.category .box li:nth-child(3)
,.bg_purple{
	background: #cfabef;
}
.category .box li:nth-child(4)
,.bg_light_blue{
	background: #91c0e7;
}
.category .box li:nth-child(5)
,.bg_orange{
	background: #ffb770;
}
.bg_border{
background: repeating-linear-gradient(-25deg,#025893 10px,#025893 10px,#00ADEB 13px,#00ADEB 20px);
position: relative;
height: fit-content;
padding: .5rem 0;
}
.bg_border img{
	position: absolute;
	bottom: 20px;
	right: 1%;
	max-width: 150px;
	width: 20%;
}
.bg_border .bg_white{
	padding: .3rem .5rem;
	height: 200px;
	overflow-y: scroll;
}
.list_basic li{
	border-bottom: 1px solid #ccc;
	margin-bottom: .2rem;
	padding: .1rem;
}
.bg_border span{
	width: 30%;
	display: inline-block;
	vertical-align: top;
}
.bg_border p{
	width: 69%;
	display: inline-block;
}
.list_basic li:hover{
	color: #00adec;
}

.time table{
	margin-bottom: .2rem;
}
.time table tr td:first-child
,.time table tr:first-child td{
	background: #f1f1f1;
	padding: 0 0.08rem;
	width: 90px;
}
.time table tr:first-child td{
	text-align: center;
}
.time span{
	font-size: .14rem;
	color: red;
	display: block;
	margin-bottom: .2rem;
}
.access_area .half{
	vertical-align: middle;
	margin-bottom: .3rem;
}
.access_area .half.detail{
	width: 40%;
	margin-left: 9%;
}
.access_area p{
	margin-bottom: .5rem;
}
.access_area li{
	border-bottom:  1px solid #ccc;
	margin-bottom: .3rem;
	padding: 0 .1rem;
}
.access_area h3{
	margin-bottom: .1rem;
}
.access_area li p{
	margin-bottom: .1rem;
}
.acd-content .bottom3{
	margin-bottom: .3rem;
}

/*about*/
.bg_sub_title{
	padding: .5rem 0;
	margin: 0 .2rem .5rem;
}
.sub_title h1{
	font-size: .3rem;
	font-weight: normal;
	display: inline-block;
}
.sub_title p{
	display: inline-block;
}
.sub_title p::before{
	content: "";
	border: 1px solid #fff;
	margin: 0 10px;
}
.bg_gray{
	background: #f9f9f9;
	padding: .5rem 1rem;
	filter: drop-shadow(0px 0px 3px #a5a5a5);
	position: relative;
	height: fit-content;
}
.about .bg_gray{
	padding: .5rem;
	width: calc(60% - 1rem);
	vertical-align: top;
	display: inline-block;
}
.bg_gray img{
	position: absolute;
	height: 30%;
	bottom: 10%;
	right: 10%;
	filter: drop-shadow(1px 1px 2px #999);
	z-index: -1;
}
.hospital_img{
	width: 39%;
	display: inline-block;

}
.hospital_img img{
	width: 90%;
	margin-left: auto;
	display: block;
}
.bg_gray h1
,.bg_gray h1 + p{
	margin-bottom: .2rem;
}
.bg_gray h2{
	font-size: .2rem;
	margin-bottom: .1rem;
}
.img_frame{
	width: 78%;
}
.img_frame img{
	width: 100%;
}
.img_frame p{
	text-align: right;
}
.ceo .half{
	vertical-align: top;
	margin-bottom: .5rem;
}
.ceo .half p:last-child{
	text-align: right;
}
.bg_left td{
	text-align: left;
	/* word-break: keep-all; */
}
.bg_left td:first-child{
	background: #f9f9f9;
	width: 20%;
}
.chara_area .img_frame{
	width: 90%;
}
.chara_area .half{
	vertical-align: top;
}
.scroll .list_basic{
	max-height: 220px;
	overflow-y: scroll;
}

/*medical_info*/
.medical .category .box li{
	background: #88e5d5;
}
.medical .category{
	margin-bottom: .5rem;
}
.list_box li{
	border: 1px solid #00adec;
	display: inline-block;
	margin-bottom: .1rem;
}
.list_box a{
	color: #00adec;
	padding: .1rem .2rem;
	display: block;
}
.list_box li:hover{
	background: #00adec;
}
.list_box a:hover{
	color: #fff;
}
.medical .medical_detail ul{
	margin-bottom: .5rem;
}
.medical table{
	margin-bottom: .2rem;
}
.medical td{
	text-align: left;
}
.medical tr td:first-child{
	background: #f1f1f1;
}
.medical tr td:last-child{
	width: 100px;
}
.medical .other h2{
	margin-bottom: .2rem;
	background: #88e5d5;
	color: #fff;
	padding: .1rem;
	font-weight: normal;
}
.medical .other li{
	margin-bottom: .3rem;
}
.medical .other p{
	padding: 0 0 .2rem;
}
#js_show_popup:hover{
	cursor: pointer;
}
#js_show_popup + p{
	padding-top: .05rem;
	letter-spacing: 0;
	font-size: .14rem;
}
.time .title + p:nth-child(2){
	color: #777;
	font-size: .14rem;
	margin-bottom: .1rem;
	text-align: right;
}
.time td{
	text-align: center;
	padding-left: 0;
}
.medical .alignment_button{
	margin: 0;
}
/* recruit */
.accordion p span{
	font-weight: bold;
}
.accordion span{
	font-size: .2rem;
}
.accordion h2{
	text-align: center;
	margin-bottom: .5rem;
}
.accordion a:hover{
	opacity: .7;
}
/*アコーディオン */
.acd-check{
  display: none;
}
.acd-label{
  background: #91c0e7;
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
}
.acd-label:after{
  background: #00adec;
  box-sizing: border-box;
  display: block;
	font-family: "Font Awesome 5 Free";
	content: '\f067';
	font-weight: 900;
  height: 44px;
  padding: 11px 16px;
  position: absolute;
  right: 0;
  top: 0px;
	font-size: 20px;
}
.acd-content{
  border: 1px solid #f2f2f2;
	background: #f2f2f2;
  display: block;
  height: 0;
  opacity: 0;
  padding: 0 9px;
  transition : all 0.3s linear 0s;
	margin-bottom: .1rem;
}
.acd-check:checked + .acd-label:after{
  content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
  height: fit-content;
  opacity: 1;
  padding: .3rem;
  /* visibility: visible; */
}
.acd-content p{
	margin-bottom: .1rem;
}
.acd-content .red{
	font-size: .14rem;
}
.acd-content table{
	margin-bottom: .3rem;
}
.acd-content td{
	width: 20px;
}
.accordion .acd-content:last-of-type{
	margin-bottom: .3rem;
}
.accordion tr{
	background: #fff;
}
.accordion td{
	text-align: left;
}
/*facility*/
.three_box .box{
	width: 30%;
	display: inline-block;
	margin-bottom: .5rem;
	vertical-align: top;
}
.three_box .box:nth-child(2)
,.three_box .box:nth-child(5)
,.three_box .box:nth-child(8){
	margin: 0 4%;
}
.facility .half{
	vertical-align: middle;
}
.facility .half h1{
	margin-bottom: .2rem;
}
.table_area p{
	margin-bottom: .5rem;
	text-align: center;
}
.facility table{
	margin-bottom: 1rem;
}
.facility .wrap .center
,.recruit .wrap .center{
	text-align: center;
	margin-bottom: .3rem;
}
.mri .half img{
	width: 70%;
}
.mri .title span{
	width: 80%;
	display: block;
	margin: 0 auto 1rem;
	padding-top: .3rem;
	color: red;
}
.alignment_button{
	display: block;
	border-radius: 4px;
	background: #ffb770;
	color: #fff;
	width: fit-content;
	margin: .3rem 0 0 20%;
	padding: .1rem;
}
.alignment_button:hover{
	opacity: .7;
}
.alignment_button i{
	margin-left: 10px;
}
.other li a{
	padding: .1rem;
	color: #fff;
	border-radius: 4px;
}
.alignment .half{
	vertical-align: middle;
}
.alignment .cooperation p{
	padding: 0 0 .1rem;
}
.cooperation li a{
	color: inherit;
	padding-left: 0;
}
.cooperation li a:hover{
	color: #00adec;
}



@media screen and (max-width: 1000px) {
	.bg_border img{
		right: 0%;
	}

}



@media screen and (max-width: 767px) {
	/*共通*/
	section{
		margin-bottom: .5rem;
	}
	.title{
		margin-bottom: .3rem;
	}
	.title h1{
		font-size: .24rem;
	}
	.sub_title{
		margin-left: .1rem;
	}
	/*header*/
	.lower_row{
		display: none;
	}
	.logo{
		width: 44%;
	}
	.sub_nav{
		width: 100%;
		text-align: left;
	}
	.upper_row{
		margin-bottom: 0;
	}
	.upper_row p{
		display: block;
		font-size: .14rem;
	}
	.upper_row a{
		margin-left: 0;
	}
	.nav_btn{
		width: 30px;
		height: 40px;
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
	}
	.nav_btn span{
		display: block;
		height: 0.4px;
		border: 1px solid #00acde;
		position: absolute;
		width: calc(100% - 2px);
		background: #00acde;
	}
	.nav_btn span:nth-child(1){
		top: 11px;
	}
	.nav_btn span:nth-child(2){
		top: 20px;
	}
	.nav_btn span:nth-child(3){
		bottom: 8px;
	}
	.nav_btn.active span:nth-of-type(1) {
	-webkit-transform: translateY(8.5px) rotate(-315deg) scale(.8);
	transform: translateY(8.5px) rotate(-315deg) scale(.8);
	}
	.nav_btn.active span:nth-of-type(2) {
		display: none;
	}
	.nav_btn.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10.5px) rotate(315deg) scale(.8);
		transform: translateY(-10.5px) rotate(315deg) scale(.8);
	}
	.nav_btn.active{
		z-index: 1000;
		position: fixed;
		right:22px;
		top:36px;
		margin: 0;
	}
	@keyframes show{
	from{
			opacity: 0;
		}
		to{
			opacity: 1;
		}
	}
	.nav_wrap.active {
	display: block;
	animation: show 0.5s linear 0s;
	position: fixed;
	height: 100vh;
	width:70%;
	top:0;
	right:0;
	z-index:200;
	background: #fff;
	}
	.menu{
		position: absolute;
		top: 20vh;
		padding-left: 20px;
		width: calc(100% - 20px);
	}
	.menu li{
		border-bottom: 1px solid #ccc;
		margin-bottom: .3rem;
	}

	header .wrap{
		position: relative;
		height: fit-content;
	}
	.upper_row p{
		font-size: .12rem;
	}
	.upper_row a{
		font-size: .18rem;
		position: absolute;
		bottom: 10px;
		right: 0;
		height: 18px;
		margin-right: 0;
	}
	.upper_row span{
		position: absolute;
		top: 50px;
		right: 70px;
		width: 40%;
	}

	/*index*/
	#top_page .top_main{
		height: 200px;
	}
	.category{
		margin-bottom: 0;
	}
	.category .wrap{
		margin-bottom: .5rem;
	}
	.category .box li{
		width: 48%;
		margin-bottom: .1rem;
	}
	.category .box li:nth-child(even){
		margin-left: 1.5%;
	}
	.bg_border .bg_white{
		padding: .1rem;
		height: 200px;
		overflow-y: scroll;
	}
	.bg_border p{
		width: 100%;
	}
	td, th{
		padding: 0;
	}
	.time th
	,.time td{
		letter-spacing: 0;
	}
	.half{
		width: 100%;
	}
	.access_area .half iframe{
		width: 100%;
		height: 200px;
	}
	.index .time td{
		padding-left: 0;
	}
	.access_area .half.detail{
		width: 100%;
		margin-left: 0;
	}

	/*footer*/
	footer .half img{
		height: 50px;
	}
	footer .half h1{
		font-size: .24rem;
	}
	footer .half p{
		font-size: .12rem;
		letter-spacing: 0;
	}
	footer .bg_blue span{
		text-align: right;
		color: #fff;
		display: block;
		padding: .1rem 0;
	}
	footer .wrap .half:first-child{
		display: none;
	}
	footer .half{
		margin-bottom: 0;
	}


	/*about*/
	.bg_sub_title{
		padding: .2rem 0;
		margin: 0 .1rem .3rem;
	}
	.sub_title h1{
		font-size: .24rem;
		display: block;
	}
	.sub_title p::before{
		margin-left: 0;
	}
	.access_area p{
		margin-bottom: .2rem;
	}
	.title p{
		margin-left: 0;
	}
	.bg_gray{
		padding: .3rem .15rem;
	}
	.bg_gray h1{
		font-size: .2rem;
	}
	.bg_gray h1
	,.bg_gray h1 + p{
		margin-bottom: .15rem;
	}
	.bg_gray img{
		z-index: -1;
		opacity: .3;
	}
	.img_frame{
		margin: 0 auto;
	}
	td{
		padding-left: 5px;
		font-size: .14rem;
	}
	.about .bg_gray{
		padding: .5rem .2rem;
		width: calc(100% - .4rem);
		margin-bottom: .3rem;
	}
	.hospital_img
	,.hospital_img img{
		width: 100%;
	}
	.flexbox{
		display:-webkit-box;
　　display: -webkit-flex;
　　display:-ms-flexbox;
　　display: flex;
　　-webkit-flex-wrap:wrap;
　　-ms-flex-wrap:wrap;
　　flex-wrap:wrap;
	}
	.order1{
　　-ms-flex-order:1;
　　-webkit-order:1;
　　order:1;
	}
	.order2{
　　-ms-flex-order:2;
　　-webkit-order:2;
　　order:2;
	}
	.chara_area .img_frame{
		margin-bottom: .3rem;
	}

	/*medical*/
	.time td{
		text-align: center;
		vertical-align: middle;;
	}
	.medical .other p{
		padding-left: 0;
	}
	.medical .other h2{
		font-size: .2rem;
	}

	/*facility*/
	.table_area p{
		text-align: left;
		margin-bottom: .3rem;
	}
	.three_box .box:nth-child(2)
	,.three_box .box:nth-child(5)
	,.three_box .box:nth-child(8){
		margin: 0;
	}
	.three_box .box{
		width: 48%;
	}
	.three_box .box:nth-child(even){
		margin-left: 1.5%;
	}
	.three_box .box img{
		width: 100%;
	}
	.mri img{
		width: 100%;
	}
	.mri h1{
		font-size: .2rem;
	}
	.facility .mri h1{
		margin-bottom: .2rem;
		text-align: center;
	}
	.mri .half:nth-child(even){
		text-align: center;
		margin-bottom: .3rem;
	}
	.three p{
		margin-bottom: .7rem;
	}
	.three .title p{
		margin-bottom: 0;
	}
	.three .half:last-child p{
		margin-bottom: 0;
	}
	.mri .title span{
		width: 100%;
		margin-bottom: .5rem;
		font-size: .14rem;
	}

	/*recruit*/
	.accordion > p{
		margin-bottom: .3rem;
	}
	.accordion h2 p{
		font-size: .18rem;
	}
	.acd-check:checked + .acd-label + .acd-content{
		padding: .2rem .1rem;
	}
	.accordion span{
		font-size: .18rem;
	}
	.accordion .double{
		padding: 10px 60px 10px 10px;
	}
	.accordion .acd-label.double::after{
		height: 68px;
		padding: 24px 16px;
	}

















}