@charset "UTF-8";

/* 共通 */
body {
	color: #444;
	font-size: 14px;
	font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.7;
	outline: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	min-width: 1000px;
	min-height: 100vh;
}

a {
	-webkit-transition: opacity .4s, background .4s, color .4s;
	transition: opacity .4s, background .4s, color .4s;
}

.inner {
	width: 100%;
	max-width: 1030px;
	padding: 0 15px 0 15px;
	margin: 0 110px;
}

body.-interview .inner {
	max-width: none;
	width: calc(100% - 220px);
}

footer.foot .inner {
	max-width: none;
	width: calc(100% - 220px);
}



.vis-sp,
.vis-tb {
	display: none;
}

.cmn_tbl {
	width: 100%;
}

.cmn_tbl th,
.cmn_tbl td {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.cmn_tbl th {
	background: #F4F4F4;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	padding: 10px;
}

.cmn_tbl td {
	padding: 10px 0 10px 10px;
}

.cmn_btn {
	display: inline-block;
	color: #FFF;
	background: #00B7EE;
	border: 1px solid #00B7EE;
	font-size: 18px;
	padding: 20px 100px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	line-height: 1;
	transition: color 0.3s, background 0.3s;
}

.cmn_btn:hover {
	color: #00B7EE;
	background: #FFF;
}

.cmn_btn span {
	position: relative;
}


.cmn_list {
}

.cmn_list > li {
	position: relative;
	padding-left: 0.8em;
}

.cmn_list > li:before {
	position: absolute;
	content: "";
	background: #444;
	width: 4px;
	height: 4px;
	left: 0;
	top: 0.6em;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}





/* ヘッダー */
.head {
	position: fixed;
	top: 0;
	left: 0;
	width: 120px;
	height: 100%;
	background: #FFF;
	border-right: 1px solid #EEE;
	transition: border 0.3s;
	z-index: 100;
	min-height: 400px;
}

.head.-open {
	border-right-color: #FFF;
}

.site_ttl {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -60px;
	margin-top: -98px;
	width: 119px;
	height: 196px;
	background: #fff;
}

.site_ttl:after {
	position: absolute;
	content: "";
	background: #fff;
	width: 160px;
	height: 190px;
	top: 50%;
	left: 50%;
	margin-top: -95px;
	margin-left: -80px;
	border-radius: 50%;
	border: 1px solid #eee;
	z-index: -1;
	transition: border 0.3s;
}

.head.-open .site_ttl:after {
	border-color: #FFF;
}

.site_ttl a {
	position: absolute;
	width: 95px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -47px;
}

.site_ttl span {
}

.gnav_btn {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 45px;
	height: 45px;
	cursor: pointer;
	color: #00B7EE;
}

.gnav_btn_border {
	position: absolute;
	line-height: 1;
	width: 100%;
	height: 3px;
	background: #00B7EE;
	transition: transform 0.3s, opacity 0.3s;
}

.gnav_btn_border:first-child {
	top: 0;
}

.gnav_btn_border:nth-child(2) {
	top: 25%;
}

.gnav_btn_border:nth-child(3) {
	top: 50%;
}

.gnav_btn_border.-open:first-child {
	-webkit-transform: translate(0px, 11px) rotate(-45deg);
	transform: translate(0px, 11px) rotate(-45deg);
	transform-origin: center;
}

.gnav_btn_border.-open:nth-child(2) {
	-webkit-transform: translate(0px, -1px) rotate(90deg);
	transform: translate(0px, -1px) rotate(90deg);
	opacity: 0;
}

.gnav_btn_border.-open:nth-child(3) {
	-webkit-transform: translate(0, -12px) rotate(45deg);
	transform: translate(0, -12px) rotate(45deg);
	transform-origin: center;
}

.gnav_btn_text {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	letter-spacing: 0.14em;
	line-height: 1;
	font-family: 'Rubik', sans-serif;
}

.gnav {
	position: fixed;
	top: 0;
	left: 120px;
	width: 370px;
	height: 100%;
	transform: translateX(-100%);
	background: #FFF;
	overflow: scroll;
	transition: transform 0.3s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	z-index: 90;
	visibility: hidden;
}

.gnav.-open {
	transform: translateX(0%);
	visibility: visible;
}

.gnav_wrap {
	padding: 30px 0;
	width: 200px;
}

.gnav_list {
}

.gnav_list > li {
	border-top: 1px solid #00B6EE;
}

.gnav_list > li:last-child {
	border-bottom: 1px solid #00B6EE;
}

.gnav_list > li a {
	display: block;
	text-align: center;
	padding: 12px;
	line-height: 1;
}

.gnav_list > li a:hover:before {
	transform: rotateX(360deg);
}

.gnav_list > li.-item01 {
}

.gnav_list > li.-item02 {
}

.gnav_list > li.-item03 {
}

.gnav_list > li.-item04 {
}

.gnav_list > li.-item05 {
}

.gnav_list > li.-item06 {
}

.gnav_list > li.-item07 {
}

.gnav_list > li:last-child {
}

.gnav_list > li > a {
	display: block;
}

.gnav_list > li > a:hover {
}

.interview_list {
}

.interview_list > li {
	border-top: 1px dashed #00B6EE;
}

.interview_list > li:last-child {
	margin-bottom: 0;
}

.interview_list > li a {
	padding: 6px 12px;
	line-height: 1.5;
}

.head_contact {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 34px 10px;
	color: #fff;
	background: #00b7ee;
	text-align: center;
}

.head_contact a {
	display: block;
	line-height: 1;
}

.head_contact span {
	display: block;
}

.head_contact span.icon-mail {
	font-size: 30px;
	margin-bottom: 5px;
}

.head_contact span.-text {
	font-size: 16px;
}

/* pbody */
.wrapper {
	padding-left: 120px;
	z-index: 0;
}

.pbody {
	/* min-height: 800px; */
}

.pbody_cts {
	background: #FFF;
	padding: 50px 0;
}

.pbody_cts.-bgllb {
	background: #E0F8FF;
	padding: 90px 0 50px;
}

.pbody_eyecatch {
	height: 600px;
	background: transparent;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: -1;
}

.pbody_ttl {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

/* interview-nav */
.anchor {
	background: #EEE;
	text-align: center;
	padding: 50px 15px;
	width: 100%;
}

.anchor_inner {
}

body.-home .anchor {
	background: #FFF;
}

.anchor > .inner {
	margin-left: 175px;
}

.anchor_ttl {
	font-size: 18px;
	margin-bottom: 30px;
}

.inav {
	width: 85%;
	margin: 0 auto;
}

.inav_list {
	font-size: 0;
}

.inav_list > li {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 14%;
	margin-right: 3.2%;
}

.inav_list > li:last-child {
	margin-right: 0;
}

.inav_list > li a {
	display: block;
	position: relative;
}

body.-person01 .inav_list > li.-item1 a,
body.-person02 .inav_list > li.-item2 a,
body.-person03 .inav_list > li.-item3 a,
body.-person04 .inav_list > li.-item4 a,
body.-person05 .inav_list > li.-item5 a,
body.-person06 .inav_list > li.-item6 a {
	pointer-events: none;
	cursor: default;
}


body.-person01 .inav_list > li.-item1 a:before,
body.-person02 .inav_list > li.-item2 a:before,
body.-person03 .inav_list > li.-item3 a:before,
body.-person04 .inav_list > li.-item4 a:before,
body.-person05 .inav_list > li.-item5 a:before,
body.-person06 .inav_list > li.-item6 a:before {
	filter: sepia(60%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: rgba(120, 132, 80, 0.6);
}



body.-person01 .inav_list > li.-item1 a:after,
body.-person02 .inav_list > li.-item2 a:after,
body.-person03 .inav_list > li.-item3 a:after,
body.-person04 .inav_list > li.-item4 a:after,
body.-person05 .inav_list > li.-item5 a:after,
body.-person06 .inav_list > li.-item6 a:after {
	position: absolute;
	content: "[now viewing]";
	font-size: 20px;
	color: #000;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}




.inav_list > li a:hover {
	opacity: 0.7;
}

.inav_list_pt {
	margin-bottom: 10px;
}

.inav_list_part,
.inav_listt_name {
	font-size: 16px;
}

.inav_list_part {
	position: relative;
	/* letter-spacing: -0.1em; */
}

.inav_list_part:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #f19ec2;
}

.inav_list_part.-drug:after {
	background: #75b7e6;
}

.inav_list_part.-rehab:after {
	background: #84CCC9;
}

.inav_list_name {
}

/* パンくずリスト */
.pankuzu {
	padding: 10px 0;
}

.pankuzu a {
	color: #999999;
	text-decoration: underline;
}

.pankuzu a:hover {
	text-decoration: none;
}

/* フッター */
.foot {
	background: #EEE;
	padding: 40px 0;
}

.foot_info {
	float: left;
	width: 35%;
}

.foot_logo {
	margin-bottom: 10px;
}

.foot_add {
	margin-bottom: 15px;
}

.foot_add span {
	margin-left: 10px;
}

.foot_add span a {
	display: inline-block;
	color: #00B7EE;
	text-decoration: underline;
}

.foot_add span a:hover {
	text-decoration: none;
}

.foot_copy {
	color: #999;
}

.fnav {
	float: right;
	width: 65%;
	font-size: 0;
	text-align: right;
	padding-right: 5%;
}

.fnav_list {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	text-align: left;
}

.fnav_list:last-child {
	margin-right: 0;
}

.fnav_list > li {
}

.fnav_list > li a {
	display: block;
	position: relative;
	padding: 12px;
	line-height: 1;
}

.fnav_list > li a:before {
	position: absolute;
	content: "";
	top: 15px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #00b6ee;
	transition: transform 1s;
}

.fnav_list > li a:hover:before {
	transform: rotateX(360deg);
}

/* All SP & Tablet */
@media screen and (max-width:1400px) {
	.inner {
		width: calc(100% - 55px);
		margin-left: 55px;
	}

	body.-interview .inner {
		width: calc(100% - 110px);
	}

	footer.foot .inner {
	width: calc(100% - 110px);
}

	

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

	.vis-tb {
		display: block;
	}

	.hide-tb {
		display: none;
	}

	/* interview_nav */
	.inav {
		width: 100%;
	}

	.inav_list > li {
		width: 16%;
		margin-right: 0.8%;
	}

	.inav_list_part,
	.inav_list_name {
		/* font-size: 14px; */
	}

}

/* All SP */
@media screen and (max-width:640px) {
	body {
		min-width: 360px;
	}

	.inner {
		width: 100%;
		padding: 0 10px;
		margin-left: 0;
	}

	footer.foot .inner {
	width: 100%;
}

	body.-interview .inner {
		width: 100%;
	}

	.vis-sp {
		display: block;
	}

	.hide-sp {
		display: none;
	}

	.cmn_btn {
		width: 100%;
		padding: 20px 10px;
	}

	.head {
		width: 100vw;
		height: auto;
		min-height: auto;
		background: #FFF;
		border-right: none;
		border-bottom: 1px solid #EEE;
	}

	.head.-open {
		border-bottom-color: #FFF;
	}

	.site_ttl {
		position: static;
		width: 100%;
		height: auto;
		text-align: center;
		margin: 0;
		padding: 10px;
	}

	.site_ttl:after {
		content: none;
	}

	.site_ttl a {
		position: static;
		display: inline-block;
		margin: 0;
	}

	.site_ttl span {
		position: static;
		display: block;
	}

	.head_contact {
		bottom: auto;
		left: auto;
		top: 0;
		right: 0;
		width: 70px;
		padding: 0;
		height: 100%;
	}

	.head_contact a {
		position: absolute;
		top: 50%;
		margin-top: -15px;
		left: 50%;
		margin-left: -15px;
	}

	.head_contact a span.-text {
		display: none;
	}

	.gnav_btn {
		top: 50%;
		left: 10px;
		transform: translateX(0);
		transform: translateY(-50%);
	}

	.gnav {
		top: 71px;
		left: 0;
		width: 100vw;
		height: auto;
		transform: translateY(-100%);
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		padding: 0;
	}

	.gnav.-open {
		transform: translateY(0%);
	}

	.gnav_wrap {
	}

	.wrapper {
		padding-left: 0;
		padding-top: 71px;
		min-width: 100%;
	}

	.pbody_ttl {
		line-height: 1.4;
	}

	.pbody_cts,
	.pbody_cts.-bgllb {
		padding: 30px 0;
	}

	/* interview-nav */
	.inav_list > li {
		width: 46%;
		margin-right: 6%;
	}

	.inav_list > li:nth-child(2n) {
		margin-right: 0;
	}

	.inav_list > li:nth-child(n+3) {
		margin-top: 20px;
	}

	/* フッター */
	.foot {
		text-align: center;
	}

	.foot_info {
		float: none;
		display: inline-block;
		width: auto;
		text-align: left;
	}

	.foot_copy {
		text-align: center;
	}

	.fnav {
		display: none;
	}

}

/* for Print */
@media print {
}

@media screen and (max-height:800px) {
	.gnav {
		justify-content: flex-start;
	}

}