@charset "utf-8";
/* CSS Document */
.blur_effect {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
    max-height: 300px;
    overflow: hidden;
}

.hospital_global_table a:hover {
	color: #ff82b7;
}

.hospital_global_table small a {
	color: #333333 !important;
}

.hospital_global_table small a:hover {
	color: #ff82b7 !important;
}

.hospital_header {
	padding: 30px 68px 20px 30px;;
}

@media screen and (max-width: 760px) {
	.hospital_header {
		padding: 4vw 4vw 2vw 4vw;
	}
}
/* ------------------------------------------------------------ */
/* 詳細ページ共通 */
/* ------------------------------------------------------------ */
.hospital_nav {

}
.hospital_nav ul{
	display: flex;
	list-style: none;
}
.hospital_nav ul li {
	flex-grow: 1;
	border: solid 1px #dddddd;
	border-bottom: none;
	margin-right: 0.8%;
	border-radius: 7px 7px 0px 0px;
	transition: all 300ms 0s ease;
	flex-grow: 1;
    width: 100%;
}
.hospital_nav ul li:last-child {
	margin-right: 0;
}
.hospital_nav ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 6px 0;
	text-decoration: none;
	height: 60px;
	color: inherit;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}
.hospital_nav ul li a span {
	display: block;
	text-align: center;
}
.hospital_nav ul li a .hospital_nav_icon {
	margin-bottom: 5px;
}
.hospital_nav ul li a span img {
	width: 20px;
	display: block;
	transform: rotate(-0.00001deg) translate3d(0, 0, 0);
}
.hospital_nav ul li.nav1 { border-color: #ef4961; color: #ef4961; }
.hospital_nav ul li.nav2 { border-color: #ef4961; color: #ef4961; }
.hospital_nav ul li.nav3 { border-color: #2cacc3; color: #2cacc3; }
.hospital_nav ul li.nav4 { border-color: #2bb532; color: #2bb532; }
.hospital_nav ul li.nav5 { border-color: #f2972b; color: #f2972b; }
.hospital_nav ul li.nav6 { border-color: #3c76f9; color: #3c76f9; width: 110%; }
.hospital_nav ul li.nav7 { border-color: #f486db; color: #f486db; }

.hospital_nav ul li.nav1:hover { background-color: rgba(239,73,97,0.05); }
.hospital_nav ul li.nav2:hover { background-color: rgba(239,73,97,0.05); }
.hospital_nav ul li.nav3:hover { background-color: rgba(44,172,195,0.05); }
.hospital_nav ul li.nav4:hover { background-color: rgba(43,181,50,0.05); }
.hospital_nav ul li.nav5:hover { background-color: rgba(242,151,43,0.05); }
.hospital_nav ul li.nav6:hover { background-color: rgba(60,118,249,0.05); }
.hospital_nav ul li.nav7:hover { background-color: rgba(244,134,219,0.05); }

.hospital_nav ul li.nav1.active { background-color: #ef4961; color: #FFFFFF; }
.hospital_nav ul li.nav2.active { background-color: #ef4961; color: #FFFFFF; }
.hospital_nav ul li.nav3.active { background-color: #2cacc3; color: #FFFFFF; }
.hospital_nav ul li.nav4.active { background-color: #2bb532; color: #FFFFFF; }
.hospital_nav ul li.nav5.active { background-color: #f2972b; color: #FFFFFF; }
.hospital_nav ul li.nav6.active { background-color: #3c76f9; color: #FFFFFF; }
.hospital_nav ul li.nav7.active { background-color: #f486db; color: #FFFFFF; }

/* アクティブ時の画像を白くする処理 */
.hospital_nav ul li .hospital_nav_icon{
	width: 20px;
	height: 20px;
	display: block;
	background-size: 100%;
}
.hospital_nav ul li.nav1 .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_1.svg);
}
.hospital_nav ul li.nav3 .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_2.svg);
}
.hospital_nav ul li.nav4 .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_6.svg);
}
.hospital_nav ul li.nav5 .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_3.svg);
}
.hospital_nav ul li.nav6 .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_4.svg);
}
.hospital_nav ul li.nav7 .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_5.svg);
}

.hospital_nav ul li.nav1.active .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_1_active.svg);
}
.hospital_nav ul li.nav3.active .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_2_active.svg);
}
.hospital_nav ul li.nav4.active .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_6_active.svg);
}
.hospital_nav ul li.nav5.active .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_3_active.svg);
}
.hospital_nav ul li.nav6.active .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_4_active.svg);
}
.hospital_nav ul li.nav7.active .hospital_nav_icon {
    background-image: url(../../img/global/nav_icon_5_active.svg);
}






@media screen and (max-width: 980px) {
	.hospital_nav ul li a {
		font-size: 13px;
	}
	.hospital_nav ul li {
		width: 100%;
	}
	.hospital_nav ul li.nav6 { width: 130%; }
}

@media screen and (max-width: 760px) {
	.hospital_nav ul li a{
		font-size: 2.6vw;
		font-weight: normal;
		text-align: center;
		height: 16vw;
	}
	.hospital_nav ul li a i {
		display: none;
	}
	.hospital_nav ul li {
		width: 100%;
		margin-right: 0px;
		border:none;
		border-radius: 0;
	}
	.hospital_nav ul li.nav6 {
		width: 120%;
	}
	.hospital_nav ul li.nav4 a,
	.hospital_nav ul li.nav6 a{
		letter-spacing: -1px;

	}
	.hospital_nav ul li.nav1 { background-color: rgba(239,73,97,0.15); }
	.hospital_nav ul li.nav2 { background-color: rgba(239,73,97,0.15); }
	.hospital_nav ul li.nav3 { background-color: rgba(44,172,195,0.15); }
	.hospital_nav ul li.nav4 { background-color: rgba(43,181,50,0.15); }
	.hospital_nav ul li.nav5 { background-color: rgba(242,151,43,0.15); }
	.hospital_nav ul li.nav6 { background-color: rgba(60,118,249,0.15); }
	.hospital_nav ul li.nav7 { background-color: rgba(244,134,219,0.15); }
}

.kana {
	font-size: 14px;
}

.hospital_detail_table {
	border-collapse: collapse;
	width: 100%;
}

.hospital_detail_table th {
	width: 140px;
	vertical-align: middle;
	text-align: left;
	background-color: #fffbe8;
}
.hospital_detail_table td {
	width: auto;
}
.hospital_detail_table th,
.hospital_detail_table td {
	border: solid 1px #dddddd;
}
.hospital_detail_table td a {
	color: inherit;
	text-decoration: none;
}

/* 病院のコンテンツ部分 */
.hospital_body {
	border: solid 1px #333333;
	padding: 28px;
	margin-bottom: 50px;
}



@media screen and (max-width: 760px) {
	.hospital_detail_table,
	.hospital_detail_table tbody,
	.hospital_detail_table tr,
	.hospital_detail_table th,
	.hospital_detail_table td {
		display: block;
		width: 100%;
		font-size: 4vw;
	}
	.hospital_detail_table th,
	.hospital_detail_table td{
		border-bottom: none;
	}
	.hospital_detail_table tr:last-child td {
		border-bottom: solid 1px #dddddd;
	}
	.hospital_body {
		padding: 5vw;
	}
}










/* ------------------------------------------------------------ */
/* 検索リスト流用 ※ベース制作 */
/* ------------------------------------------------------------ */
.search_list {
	margin-top: 30px;
	list-style: none;
}
.hospital_detail {
	position: relative;
	border: solid 2px #ffa65e;
	margin-top: 30px;
}
.hospital_btns {
	border-top: dotted 1px #dddddd;
	padding: 20px 30px 30px 30px;
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
}
.hospital_btns a,
.hospital_btns  button {
    display: flex;
    background-color: #ff9fd1;
    position: relative;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    top: 0;
	background-color: #FFFFFF;
    background-image: none;
    border: solid 1px #333333;
	color: #333333;
    height: 50px;
    min-width: 200px;
    font-family: "Sawarabi Gothic";
    text-align: center;
    text-decoration: none;
    width: 200px;
    margin-bottom: 10px;
    line-height: 1;
	margin: 0 5px;
	transition: background-color 300ms 0s ease, color 300ms 0s ease;
}
.hospital_btns a:hover,
.hospital_btns  button:hover {
	background-color: rgba(255,97,183,0.15);
}
.hospital_btns .add_favorite span {
    color: #ffb54b;
	font-size: 18px;
	margin: 0;
}

.hospital_names {
	padding-bottom: 3px;
}

.hospital_detail span {
	font-size: 14px;
	display: block;
	line-height: 1;
	margin-bottom: 8px;
	color: #888888;
}
.hospital_detail strong {
	display: block;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 8px;
}
.hospital_tags {
    margin-bottom: 0px;
}
.hospital_tags span{
	background-color: #333333;
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	padding: 8px 12px;
	border-radius: 24px;
	margin-right: 5px;
}

.search_list div {
	border: solid 1px #dddddd;
	margin-bottom: 30px;
}
.hospital_clinical {
	display: flex;
	align-items: center;
	padding: 0 0 0px 0;
}
.hospital_clinical dt {
	width: 100px;
	min-width: 100px;
	border: solid 1px #dddddd;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
}
.hospital_clinical dd {
	flex-grow: 1;
	padding-left: 15px;
	line-height: 1.4;
}
.hospital_clinical dd .check_select{
	background-color: transparent;
    color: #333333;
    font-size: 14px;
    display: inline;
	overflow: hidden;
    padding: 0;
    border-radius: 0;
    margin: 1px;
	line-height: 1.4;
}
.hospital_clinical .check_select::after {
	content: '/';
	display: inline;
	padding: 0 3px;
}
.hospital_clinical .check_select:last-child::after {
	display: none;
}
.hospital_info {
	padding: 30px;
	display: flex;
	justify-content: space-between;
}


.hospital_info p {
	line-height: 1.8;
	flex-grow: 1;
}
.hospital_info figure {
	display: flex;
	margin-left: 10px;
}
.hospital_info figure span{
	min-width: 250px;
	width: 250px;
	margin-left: 10px;
	display: block;
}
.hospital_info figure img {
	max-width: 100%;
}

.search_btns {
	margin: 0 30px;
	padding-top: 20px;
	padding-bottom: 25px;
}
.search_btns a,
.search_btns button {
	font-size: 16px;
    font-weight: 600;
    padding-right: 20px;
    padding-left: 20px;
}
.search_btns a:hover {
	color: #ffa010;
}
.search_btns .add_favorite {
	background-image: none;
	border: solid 1px #dddddd;
    box-shadow: 0 4px 0 0 #dddddd;
}
.search_btns .add_favorite span {
	color: #ffb54b;
}
/* 働く人の声 */
.voice_list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.voice_list li {
	width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
	background-color: #f4f4f4;
	position: relative;
	border: solid 1px #AAAAAA;
}
.voice_list li:nth-child(3n) {
    margin-right: 0%;
}
.voice_list li figure {
	display: block;
	width: 100%;
	height: 301px;
	max-width: 100%;
	overflow: hidden;
}
.voice_list li figure img{
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
}
_:lang(x)::-ms-backdrop, .voice_list li figure img {
	font-family: 'object-fit: cover;';
}
.voice_list li a {
	color: #333333;
	text-decoration: none;
}
.voice_list li div > div {
	padding: 7px 12px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.47);
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.2;
}
.member_view_icon {
	position: absolute;
	right: -1px;
	top: -1px;
}
.over_item {
	display: none;
}


@media screen and (max-width: 1060px) {
	.voice_list li figure {
	    height: 28.4vw;
	}
	.voice_list li div > div {
		font-size: 1.4vw;
	}
}
@media screen and (max-width: 760px) {
	.voice_list li figure {
		height: 39.4vw;
	}
	.hospital_detail {
		margin-top: 1vw;
	}
	.hospital_detail span {
		margin-bottom: 1vw;
	}
	.voice_list li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
		background-color: #f4f4f4;
	}
	.voice_list li:nth-child(3n) {
		margin-right: 4%;
	}
	.voice_list li:nth-child(2n) {
		margin-right: 0%;
	}
	.voice_list li div > div {
    	font-size: 2.7vw;
		padding: 1vw 1vw;
	}
	.voice_list li div > div strong {
		font-size: 3.3vw;
	}
	.member_view_icon img{
		width: 15vw;
	}
}


/* ------------------------------------------------------------ */
/* リストの制作(プラン別) */
/* ------------------------------------------------------------ */
.hospital_article {
	width: 100%;
}
.hospital_article .hospital_name {
	font-size: 22px;
	font-weight: bold;
	color: #ff82b7;
	line-height: 1.4;
}

/* #ベーシックプラン */
div.paln_400 {
	border-color: #333333;
}
div.paln_400 .hospital_detail strong {
	color: #ff82b7;
}
div.paln_400 .hospital_detail {
    border-color: #333333;
}
div.paln_400 .search_btns {
    border-color: #333333;
}


/* #プラチナプラン */
div.paln_500 {
	background-color: #fffbe8;
}
div.paln_500 .hospital_detail {

}
div.paln_500 .hospital_detail strong {
	color: #ff82b7;
}
div.paln_500 .hospital_clinical dt {
	border-color: #333333;
}
div.paln_500 .search_btns {

}

@media screen and (max-width: 760px) {
	.hospital_clinical dt {
		font-size: 3vw;
		width: 18vw;
		min-width:18vw;
	}
	.hospital_clinical dd {
		display: flex;
		flex-wrap: wrap;
	    padding-left: 2vw;
	}
	.hospital_clinical dd .check_select {
		font-size: 3vw;
	}
	.hospital_clinical .check_select::after {
		padding: 0 1px;
	}
}





/* 働く人の声デラックス版 */
.voice_cover {
	position: relative;
	background-size: cover;
	height: 220px;
	margin-bottom: 30px;
	padding: 3px;
}
.cover_box {
	width: 100%;
	height: 100%;
	border: solid 2px #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.25);
}
.cover_box span {
	font-size: 36px;
	letter-spacing: 2px;
}
.cover_box h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
}
.voice_profile {
	border-radius: 8px;
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #333333), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #333333),color-stop(.75, #333333), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 14px 14px;
	padding: 1px;
	margin-bottom: 40px;
}
.voice_profile .hospital_name {
	font-size: 14px;
	display: block;
	line-height: 1;
	margin-bottom: 5px;
}
.voice_profile .hospital_area {
	font-size: 14px;
	line-height: 1;
	color: #888888;
	display: block;
	margin-bottom: 8px;
}
.voice_profile .staff_name {
	font-size: 24px;
	line-height: 1.4;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}

.voice_profile_body {
	border-radius: 7px;
	padding: 20px;
	width: 100%;
	background-color: #FFFFFF;
	display: flex;
}
.voice_profile_body figure {
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 10px;
}
.voice_profile_body figure img {
	width: 250px;
	display: block;
}
.voice_profile .detal{
	margin-left: 0px;
	padding: 10px;
	flex-grow: 1
}
.voice_profile .balloon {
	border: solid 1px #ffedcb;
	background-color: #fffbe8;
	border-radius: 8px;
	padding: 20px;
	width: 100%;
	position: relative;
	color: #f2972b;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.voice_profile .balloon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -18px;
  margin-top: -15px;
  border: 6px solid transparent;
  border-right: 11px solid #ffe5b4;
}
.voice_profile .balloon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -15px;
  border: 6px solid transparent;
  border-right: 10px solid #fffbe8;
}
.voice_profile_type dl{
	display: flex;
	margin-bottom: 8px;
}
.voice_profile_type dl:last-child {
	margin-bottom: 0px;
}
.voice_profile_type dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff6fb;
	border: solid 1px #fe7ec0;
	color: #fe7ec0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	width: 80px;
	height: 26px;
	flex-shrink: 0;
}
.voice_profile_type dl dd {
	display: flex;
	justify-content: center;
	padding-left: 10px;
}
.voice_section {
	margin-bottom: 60px;
}
.voice_section .voice_title {
	margin-bottom: 25px;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
    color: #333333;
	border-bottom: solid 2px #f1962b;
}
.voice_section .voice_body {
	clear: both;
	float: none;
	overflow: visible;
	font-size: 18px;
	text-align: justify;
    text-justify: inter-ideograph;
}
.voice_section .voice_body figure {
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 10px;
}
.voice_section .voice_body figure img {
	display: block;
	max-width: 400px;
}
.voice_section .voice_body div.left {
	float: left;
	margin-right : 20px;
}
.voice_section .voice_body div.right {
	float: right;
	margin-left : 20px;
}
.voice_section .voice_body::after {
	content: '';
	display: block;
	clear: both;
	float: none;
}
figure.notch::after{
	position: absolute;
	left: -40px;
	top: -40px;
	border-bottom: solid 1px #333333;
	content: '';
	display: block;
	height: 76px;
	width: 76px;
	overflow: hidden;
	background-color: #FFFFFF;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
figure.notch::before{
	position: absolute;
	right: -40px;
	bottom: -40px;
	border-bottom: solid 1px #333333;
	content: '';
	display: block;
	height: 76px;
	width: 76px;
	overflow: hidden;
	background-color: #FFFFFF;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}



@media screen and (max-width: 760px) {
	.voice_cover {
		height: 26vw;
    	margin-bottom: 6vw;
	}
	.cover_box span {
    	font-size: 6vw;
	}
	.cover_box h2 {
		font-size: 4vw;
	}
	.hospital_detail span {
    	font-size: 3vw;
	}
	.hospital_article .hospital_name {
		font-size: 4vw;
		margin-right: 7vw;
	}
	.point_add_icon img {
	    width: 20vw;
	}
	.hospital_btns {
		flex-wrap: wrap;
	    padding: 4vw 3vw 5vw 3vw;
	}

	.hospital_btns.two_btns a {
		min-width: inherit;
		width: 47%;
		margin-bottom: 2vw;
		margin-right: 4%;
		font-size: 4vw;
		height: 12vw;
	}

	.hospital_btns.two_btns a.add_favorite {
		width: 47%;
		margin-bottom: 0;
		margin-right: 4%;
	}

	.hospital_btns.two_btns a:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}

	.hospital_btns a.add_favorite {
		width: 100%;
		margin-bottom: 3vw;
	}
	.hospital_btns a,
	.hospital_btns button {
		min-width: inherit;
		width: 48%;
		margin: 0;
		margin-right: 4%;
		font-size: 4vw;
	    height: 12vw;
	}
	.hospital_btns a:last-child,
	.hospital_btns button:last-child,
	.hospital_btns a:first-child,
	.hospital_btns button:first-child {
		margin-right: 0;
	}
	.hospital_tags {
		margin-bottom: 2vw;
	}
	.hospital_tags span {
		font-size: 2.4vw;
		padding: 2vw 3vw;
		border-radius: 24px;
		margin-right: 0.5vw;
	}


	/* 働く人の声詳細 */
	.voice_profile {
		margin-bottom: 8vw;
	}
	.voice_profile_body {
		display: block;
		padding: 2vw;
	}
	.voice_profile .balloon::after,
	.voice_profile .balloon::before {
		display: none;
	}
	.voice_profile_body figure img {
		width: 100%;
	}
	.voice_profile_body figure {
		width: 100%;
	}
	.voice_profile .balloon {
		padding: 2vw;
		font-size: 3.2vw;
	}
	.voice_profile .hospital_name,
	.voice_profile .hospital_area {
		font-size: 2.8vw;
	}
	.voice_profile .staff_name {
		font-size: 5vw;
		margin-bottom: 2vw;
	}
	.voice_profile_type dl dt {
		font-size: 3vw;
	    height: 6vw;
		width: 16vw;
	}
	.voice_profile_type dl dd {
		font-size: 3.3vw;
	}
	.voice_section .voice_title {
		margin-bottom: 5vw;
		padding-bottom: 2vw;
		font-size: 4.2vw;
	}
	.voice_section {
		margin-bottom: 8vw;
	}
	.voice_section .voice_body {
		font-size: 3.8vw;
	}
	.voice_section .voice_body div.left,
	.voice_section .voice_body div.right {
		float: none;
		width: 100%;
		margin: 0;
	}
	.voice_section .voice_body figure {
		width: 100%;
	}
	.voice_section .voice_body figure img {
		max-width: inherit;
		width: 100%;
	}
}

/* ----------------------------------------------- */
/* イベントの詳細画面 */
/* ----------------------------------------------- */
.event_detal {
	display: block;
	color: #333333;
	text-decoration: none;
}
.event_detal > dl {
	margin-bottom: 40px;
}
.event_detal h2 {
	margin-bottom: 30px;
}

.event_detal .detail_item_h {
	display: flex;
}
.event_sp{
	display: none;
	max-width: 100%;
	width: 100%;
}
.event_pc {
	max-width: 100%;
	width: 100%;
}

/* インターンシップ/見学会 */
.internship_list {
	list-style: none;
}
.internship_list li {
	border: solid 1px #dddddd;
	margin-bottom: 40px;
}
.internship_list li a {
	display: block;
	padding: 20px;
	color: #333333;
	text-decoration: none;
}
.internship_list li a:hover {
	display: block;
	background-color: #fffafc;
}
.internship_head {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.internship_head dl{
	display: flex;
	align-items: center;
	margin-right: 25px;
}
.internship_head dl dt{
	background-color: #FFFFFF;
	margin-right: 10px;
	border: solid 1px #dddddd;
	padding: 4px 12px;
}
.internship_title {
	font-size: 22px;
	border-bottom: dotted 1px #AAAAAA;
	margin-bottom: 15px;
	padding-bottom: 7px;
}


/* インターシップ見学会の詳細画面 */
.internship_detal {
	display: block;
	color: #333333;
	text-decoration: none;
}
.internship_detal .detail_item_h {
	display: flex;
}
.internship_detal > dl {
	margin-bottom: 40px;
}
.internship_detal h2 {
	margin-bottom: 30px;
}

dl.detail_item_h .detail_item_areatime {
	display: flex;
	padding-top: 6px;
}
dl.detail_item_h .detail_item_areatime dl {
	display: flex;
	align-items: center;
	margin-right: 20px;
}
dl.detail_item_h .detail_item_areatime dl dt {
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff6fb;
    border: solid 1px #fe7ec0;
    color: #fe7ec0;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
    width: 150px;
    height: 26px;
	padding: 0;
}
dl.detail_item_h .detail_item_areatime dl dd {
	font-size: 16px;
	padding-left: 10px;
}
.event_detal .dummy {
	position: relative;
}
.event_detal .dummy .blur_link {
	position: absolute;
	left: 50%;
    top: 82px;
    margin-left: -120px;
    width: 240px;
    background-image: url(../../img/global/bg_1.png);
    font-size: 20px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    color: #444444;
    height: 48px;
    min-width: 200px;
    font-family: "Sawarabi Gothic";
    text-align: center;
    text-decoration: none;
}
.event_detal .dummy .blur_link:hover {
    color: #ffa010;
}
@media screen and (max-width: 760px) {
	dl.detail_item_h .detail_item_areatime {
		flex-direction: column;
	}
	dl.detail_item_h .detail_item_areatime dl{
		margin-bottom: 1.5vw;
	}
	dl.detail_item_h .detail_item_areatime dl dt {
		font-size: 3vw;
		width: 30vw;
		padding: 2.5vw 0;
	}
	dl.detail_item_h .detail_item_areatime dl dd {
		font-size: 3.5vw;
	}
	.event_detal > dl {
		margin-bottom: 3vw;
	}
	.internship_detal > dl {
		margin-bottom: 3vw;
	}
	.event_sp{
		display: block;
	}
	.event_pc {
		display: none;
	}
	.event_detal .dummy .blur_link {
		top: 39vw;
	}
}

.detail_item_detail_info dd{
	text-align: justify;
    text-justify: inter-ideograph;
}
.time_table {
	margin-bottom: 20px;
	position: relative;
}
.time_table .blur_link{
	position: absolute;
	left: 50%;
	bottom: 125px;
	top: 40%;
	margin-left: -120px;
    width: 240px;
    background-image: url(../../img/global/bg_1.png);
    font-size: 20px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    color: #444444;
    height: 48px;
    min-width: 200px;
    font-family: "Sawarabi Gothic";
    text-align: center;
    text-decoration: none;
}
.time_table .blur_link:hover {
    color: #ffa010;
}
.time_table dl{
	display: flex;
	width: 100%;
}
.time_table dt{
	width: 160px;
	min-width: 160px;
	background-color: #7ea2f4;
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	padding: 25px 20px;
}
.time_table dd {
	flex-grow: 1;
	padding: 25px;
	font-size: 16px;
	line-height: 160%;
	background-color: #FFFFFF;
	border-bottom: solid 1px #d6d6d6;
	border-right: solid 1px #d6d6d6;
}
.hospital_header:not .time_table dl:first-child dt{
	background-color: #5985e9;
	border-top: solid 1px #5985e9;
	font-weight: bold;
}
.hospital_header:not .time_table dl:first-child dd{
	border-top: solid 1px #d6d6d6;
	background-color: #eaf3ff;
}
.time_table dl:last-child dt{
	background-color: #5985e9;
	border-bottom: solid 1px #5985e9;
	font-weight: bold;
}
.time_table dl:last-child dd{
	background-color: #eaf3ff;
	text-align: justify;
    text-justify: inter-ideograph;
}
.time_table dd img {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	position: relative;
	top: -20px;
}
.time_table dd img.left{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	-o-transform: rotate(6deg);
}
.time_table dd img.right{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
}
@media screen and (max-width: 760px) {
	.time_table {
		margin-bottom: 3vw;
	}
	.detail_item_detail_info dd{
		font-size: 4vw;
	}

	.time_table dl{
		flex-direction: column;
	}
	.time_table dl dt{
		width: 100%;
		max-width: 100%;
		padding: 1vw;
		font-size: 4vw;
		text-align: center;
	}
	.time_table dd {
		background-color: #FFFFFF;
		padding: 3vw 0 8vw 0;
		border: none;
	    font-size: 3.8.5vw;
		line-height: 1.6;
	}
	.time_table dl:first-child dt{
		border: none;
		background-color: none;
	}
	.time_table dl:last-child dt{
		border: none;
	}
	.time_table dl:first-child dd,
	.time_table dl:last-child dd{
		background-color: #FFFFFF;
	}
	.time_table dl:last-child dd{
		padding-bottom: 0;
	}
	.time_table dd img.right,
	.time_table dd img.left,
	.time_table dl dd img{
		width: 33vw;
		margin: 0 1vw 1vw 1vw;
		top: auto;
		bottom: -1vw;

	}
	.time_table dd img.left{
		margin-left: 0;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.time_table dd img.right{
		margin-right: 0;
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
}




.point_add_icon {
	position: absolute;
	right: -2px;
	top: -2px;
}

.hospital_global_table {
	border: solid 1px #333333;
	padding: 30px;
}
.hospital_global_table h2 {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #333333;
}

.google_map {
	padding-top: 30px;
}
.google_map iframe {
	width: 100%;
	height: 320px;
	border: solid 1px #333333 !important;
}

@media screen and (max-width: 760px) {
	.hospital_global_table {
    	padding: 4vw;
	}
	.hospital_global_table h2 {
		font-size: 5vw;
		margin-bottom: 4vw;
		padding-bottom: 2vw;
	    line-height: 1;
	}
	.google_map {
		padding-top: 5vw;
	}
}



.hospital_main {
	padding-top: 40px;
}

/*----------------------------------------------------*/
/* タブ内のコンテンツのCSS */
/*----------------------------------------------------*/
/* 病院情報 */
.tab_hospital_detail {
	display: flex;
}
.tab_hospital_detail p{
	width: 100%;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
.tab_hospital_detail div figure {
	width: 250px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.tab_hospital_detail div figure img {
	display: block;
}
.tab_hospital_detail div figure:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 760px) {
	.tab_hospital_detail {
		flex-direction: column-reverse;
	}
	.tab_hospital_detail div{
		display: flex;
		margin-bottom: 4vw;
	}
	.tab_hospital_detail div figure {
		width: 100%;
		display: block;
		margin-left: 0;

	}
	.tab_hospital_detail div figure img{
		max-width: 100%;
		width: 100%;
	}
	.tab_hospital_detail p {
		font-size: 3.5vw;
	}
}



/*----------------------------------------------------*/
/* タブ内のコンテンツのCSS */
/*----------------------------------------------------*/
/* 求人情報 */
.hospital_job_list {
	display: flex;
	margin-bottom: 20px;
}
.hospital_job_list li {
	width: 12.5%;
	list-style: none;
	margin-right: 5px;
}
.hospital_job_list li:last-child {
	margin-right: 0px;
}
.hospital_job_list li a {
	display: flex;
	height: 36px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: solid 1px #dddddd;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
}
.hospital_job_list li a:hover {
	background-color: #ffabce;
	color: #ffffff;
}
.hospital_job_list li.active a{
	border: solid 1px #ff82b7;
	background-color: #ff82b7;
	color: #FFFFFF;
}
.hospital_job_body .btnBox {
	padding: 20px 0 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hospital_job_body .btnBox:last-child {
	padding-bottom: 0;
}
.hospital_job_body .btnBox .serch_btn {
	width: 240px;
	background-image: url(../../img/global/bg_1.png);
    position: relative;
    margin: 0 15px;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    top: 0;
    color: #444444;
    height: 48px;
    min-width: 200px;
    font-family: "Sawarabi Gothic";
    text-align: center;
    text-decoration: none;
}
.hospital_job_body .btnBox .serch_btn:hover {
    color: #ffa010;
}
.hospital_detail_table .check_select{
	background-color: transparent;
	color: #333333;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.hospital_detail_table .check_select::after {
	content: '/';
	padding: 0 4px;
	display: inline-block;
}
.hospital_detail_table .check_select:last-child::after {
	content: '';
}

.hospital_job_title {
	margin-top: 30px;
	margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #ff82b7;
}
.hospital_job_type_list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
.hospital_job_type_list li {
	margin-right: 30px;
    white-space: nowrap;
}
.hospital_job_type_list li:last-child{
	margin-right: 0px;
}
.hospital_job_type_list li a{
    color: #333333;
	text-decoration: none;
}
.hospital_job_type_list li a:hover{
	color: #ff82b7;
}
.hospital_job_type_list li a::before {
	content: '\f0da';
	font-family: 'ForkAwesome';
}
@media screen and (max-width: 990px) {
	.hospital_job_list {
		flex-wrap: wrap;
	}
	.hospital_job_list li {
		width: 24%;
		list-style: none;
		margin-right: 1.3%;
		margin-bottom: 1%;
	}
	.hospital_job_list li:nth-child(4n) {
		margin-right: 0%;
	}
}
@media screen and (max-width: 760px) {
	.hospital_job_title {
		margin-top: 5vw;
		margin-bottom: 2vw;
		font-size: 4.5vw;
	}
	.hospital_job_type_list {
		display: block;
	}
	.hospital_job_type_list li {
		margin: 0 0 3vw 0;
		font-size: 4vw;
	}
}



/*----------------------------------------------------*/
/* タブ内のコンテンツのCSS */
/*----------------------------------------------------*/
/* インターシップ/見学会とイベントの共通リスト */
h1.detail_list_h {
	border-bottom: solid 1px #333333;
	font-size: 24px;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.detail_list {
	list-style: none;
}
.detail_list ul {
	list-style: none;
	display: flex;
}
.detail_list  li {
	border-bottom: dotted 1px #dddddd;
	padding: 5px 0 ;
}
.detail_list ul li {
	border: none;
}
.detail_list  li a{
	display: block;
	justify-content: space-between;
	padding: 5px 5px;
	width: 100%;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}
.detail_list  li a:hover {
	background-color: #fffbe8;
}
.detail_list  li a dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.detail_list  li a dl dt {
	padding-right: 15px;
}
.detail_list  li a dl dt span{
	background-color: #fff6fb;
	border: solid 1px #ff85b9;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 90px;
	height: 90px;
	font-size: 15px;
	line-height: 1.4;
	color: #ff8abb;
	font-weight: bold;
	font-family: "游ゴシック", YuGothic;
	font-feature-settings: "palt";
}
.detail_list  li a dl dd {
	display: flex;
	align-items: center;
	overflow: auto;
	flex-grow: 1;
	width: 100%;
}
.detail_list  li a dl dd ul {
	margin-bottom: 3px;
}
.detail_list  li a dl dd ul li{
	background-color: #3c76f9;
	color: #FFFFFF;
	margin-right: 10px;
	line-height: 1;
	padding: 5px 10px;
	font-size: 14px;
}
.detail_list  li a dl dd div{
	font-size: 20px;
	font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail_list  li dl::after {
	content: '\f105';
	font-family: ForkAwesome;
	font-size: 30px;
}
.sp_date {
	display: none;
}
@media screen and (max-width: 760px) {
	h1.detail_list_h {
		font-size: 4vw;
		padding-bottom: 1vw;
		margin-bottom: 2.5vw;
	}
	.detail_list li {
		padding: 1vw 0;
	}
	.detail_list li a {
    	padding: 2.4vw 0 2vw 0;
	}
	.detail_list li a dl dt span {
		display: none;
	}
	.detail_list li a dl dd div {
    	font-size: 4vw;
	}
	.detail_list li a dl dd ul li {
		margin-right: 2vw;
		padding: 1vw 2vw;
		font-size: 3vw;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.detail_list li dl::after {
		font-size: 6vw;
	}
	.detail_list li a dl dt {
		padding-right: 0;
	}
	.detail_list  li a dl dd ul li.sp_date {
		background-color: #fff6fb;
		border: solid 1px #ff85b9;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #ff8abb;
		font-weight: bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-feature-settings: "palt";
	}
	.sp_date br{
		display: none;
	}
	.detail_list  li a:hover {
		background-color: #ffffff;
	}
}



/*----------------------------------------------------*/
/* タブ内のコンテンツのCSS */
/*----------------------------------------------------*/
/* インターシップ/見学会とイベントの詳細ヘッダー */
.detail_item_h {

}
dl.detail_item_ {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
dl.detail_item_h dt {
	padding-right: 15px;
}
dl.detail_item_h dt span{
	background-color: #fff6fb;
	border: solid 1px #ff85b9;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 90px;
	height: 90px;
	font-size: 15px;
	line-height: 1.4;
	color: #ff8abb;
	font-weight: bold;
	font-family: "游ゴシック", YuGothic;
	font-feature-settings: "palt";
}

.internship_detal dl.detail_item_h dt span{
	text-align: center;
	padding: 8px;
}

dl.detail_item_h dd {
	display: flex;
	align-items: center;
	overflow: auto;
	flex-grow: 1;
	width: 100%;
}
dl.detail_item_h dd ul {
	margin-bottom: 3px;
	list-style: none;
	display: flex;
}
dl.detail_item_h dd ul li{
	background-color: #3c76f9;
	color: #FFFFFF;
	margin-right: 10px;
	line-height: 1;
	padding: 5px 10px;
	font-size: 14px;
}
dl.detail_item_h dd div{
	font-size: 20px;
	font-weight: bold;
    overflow: hidden;
}
@media screen and (max-width: 760px) {
	.hospital_detail_table .check_select {
		font-size: 4vw;
	}
	dl.detail_item_h dt span {
		display: none;
	}
	dl.detail_item_h dd div {
    	font-size: 4.5vw;
	}
	dl.detail_item_h dd ul li {
		margin-right: 2vw;
		padding: 1vw 2vw;
		font-size: 3vw;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	dl.detail_item_h::after {
		font-size: 6vw;
	}
	dl.detail_item_h dt {
		padding-right: 0;
	}
	dl.detail_item_h dd ul li.sp_date {
		background-color: #fff6fb;
		border: solid 1px #ff85b9;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #ff8abb;
		font-weight: bold;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	.internship_detal > dl {
		margin-bottom: 4vw;
	}
}







/* 各ページ共通もっとみるボタン */
.hospital_event_list .btnBox,
.hospital_internship_list .btnBox,
.hospital_voice_list .btnBox {
    padding: 20px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hospital_event_list .btnBox .serch_btn,
.hospital_internship_list .btnBox .serch_btn,
.hospital_voice_list .btnBox .serch_btn {
    width: 240px;
    background-image: url(../../img/global/bg_1.png);
    position: relative;
    margin: 0 15px;
    font-size: 20px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    top: 0;
    color: #444444;
    height: 48px;
    min-width: 200px;
    font-family: "Sawarabi Gothic";
    text-align: center;
    text-decoration: none;
}
.hospital_event_list .btnBox .serch_btn:hover,
.hospital_internship_list .btnBox .serch_btn:hover,
.hospital_voice_list .btnBox .serch_btn:hover {
    color: #ffa010;
}


.search_btns .duplicate,
.btnBox .duplicate{
	width: 240px;
    background-color: #e8e8e8;
    position: relative;
    margin: 0 15px;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    top: 0;
    color: #9a9a9a;
    height: 48px;
    min-width: 200px;
    font-family: "Sawarabi Gothic";
    text-align: center;
    text-decoration: none;
}

.hospital_global_table .access {
	margin-top: 10px;
}