@charset "utf-8";
/*-------------------------
* PC / 全体
-------------------------*/
section.pages-head {
	padding-top: 0;
}
/* 見出し画像 */
.pages-back {
	width: 100%;
	height: 550px;
	padding-top: 100px;
	position: relative;
}
.pages-back img {
	width: 100%;
	height: auto;
	min-height: 300px;
	max-height: 450px;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
	   font-family: 'object-fit: cover;object-position: center center;';
}
.pages-back h2 {
	position: absolute;
	color: #fff;
	padding: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-top: 7px double #fff;
	border-bottom: 7px double #fff;
	line-height: 1.3em;
}
@media (max-width: 1024px) {
	section.pages-head {
		padding-top: 0;
	}
}
/* 企業概要 */
#corporate-head .pages-back img, #greeting-head .pages-back img {
	-o-object-position: center bottom;
	   object-position: center bottom;
	   font-family: 'object-fit: cover;object-position: center bottom;';
}
.info_block {
	margin-bottom: 50px;
	padding: 1em .5em;
}
.info_block h3 {
	text-align: left;
	font-size: 1.2em;
	font-weight: 800;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 0.5em;
}
.info_block.gr h3 {
	color: rgb(110, 170, 53);
	border-bottom: 1.5px solid rgb(110, 170, 53);
}
.info_block.or h3 {
	color: #EFA351;
	border-bottom: 1.5px solid #EFA351;
}
.info_block th, .info_block td {
	border-bottom: .5px solid #ddd;
	line-height: 1.5;
	padding: 10px;
}
.info_block.gr th {
	background-color: rgba(110, 170, 53, 0.2);
}
.info_block.or th {
	background-color: #efa3512a;
}
/* 施設ご案内 */
#nishi-head .pages-back img {
	-o-object-position: center 20%;
	   object-position: center 20%;
	   font-family: 'object-fit: cover;object-position: center 20%;';
}
#higashi-head .pages-back img {
	-o-object-position: center 60%;
	   object-position: center 60%;
	   font-family: 'object-fit: cover;object-position: center 60%;';
}
#gakuen-head .pages-back img {
	-o-object-position: 30% center;
	   object-position: 30% center;
	   font-family: 'object-fit: cover;object-position: 30% center;';
}
/* ご入所の流れ・料金案内 */
#other-head .pages-back img {
	-o-object-position: center 30%;
	   object-position: center 30%;
	   font-family: 'object-fit: cover;object-position: center 30%;';
}
/* 採用情報 */
#recruite-head .pages-back img, #interview-head .pages-back img {
	-o-object-position: center top;
	   object-position: center top;
	   font-family: 'object-fit: cover;object-position: center top;';
}
/* レスポンシブ */
@media  (max-width: 1024px) and (orientation: portrait) {
	.pages-back {
		height: 450px;
		padding-top: 0;
	}
	.pages-back img {
		min-height: 250px;
		max-height: 450px;
	}
	.pages-back h2 {
		top: 40%;
	}
	/* 企業概要 */
	#corporate-head .pages-back img, #greeting-head .pages-back img {
		-o-object-position: center bottom;
		   object-position: center bottom;
		   font-family: 'object-fit: cover;object-position: center bottom;';
	}
}
@media  (max-width: 900px) and (orientation: portrait) {
	.pages-back {
		height: 350px;
		padding-top: 0;
	}
	.pages-back img {
		min-height: 250px;
		max-height: 350px;
	}
}
@media  (max-width: 767px) and (orientation: portrait) {
	.pages-back {
		height: 250px;
		padding-top: 0;
	}
	.pages-back img {
		min-height: 250px;
		max-height: 250px;
	}
	.pages-back h2 {
		top: 30%;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		max-width: 90%;
	}
}
@media  (min-width: 900px) and (max-width: 1024px) and (orientation: landscape){
	.pages-back {
		height: 350px;
		padding-top: 0;
	}
	.pages-back img {
		max-height: 350px;
	}
	/* 企業概要 */
	#corporate-head .pages-back img, #greeting-head .pages-back img {
		-o-object-position: center bottom;
		   object-position: center bottom;
		   font-family: 'object-fit: cover;object-position: center bottom;';
	}
	.pages-back h2 {
		top: 40%;
	}
}
@media  (max-width: 900px) and (orientation: landscape){
	.pages-back {
		height: 350px;
		padding-top: 0;
	}
	.pages-back img {
		min-height: 250px;
		max-height: 350px;
	}
	/* 企業概要 */
	#corporate-head .pages-back img, #greeting-head .pages-back img {
		-o-object-position: center bottom;
		   object-position: center bottom;
		   font-family: 'object-fit: cover;object-position: center bottom;';
	}
	.pages-back h2 {
		top: 35%;
	}
}
/* ◆ 背景画像 */
/* 沿革 */
#history .background-images {
	width: 100%;
	height: 1100px;
}
#history .background-images img {
	width: 100%;
	height: 1100px;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
/* 施設概要（さらい学園） */
#facility .background-images-gakuen {
	width: 100%;
	height: 1160px;
}
#facility .background-images-gakuen img {
	width: 100%;
	height: 1160px;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
/* 1日のタイムスケジュール */
#facility-timeline-area .background-images {
	width: 100%;
	height: 1100px;
}
#facility-timeline-area .background-images img {
	width: 100%;
	height: 1100px;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
/* タイムスケジュール（さらい学園） */
#facility-schedule .background-images-gakuen {
	width: 100%;
	height: 950px;
}
#facility-schedule .background-images-gakuen img {
	width: 100%;
	height: 950px;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
/* 料金について */
#fee-area .background-images {
	width: 100%;
	height: 800px;
}
#fee-area .background-images img {
	width: 100%;
	height: 800px;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: 50% 70%;
	   object-position: 50% 70%;
	   font-family: 'object-fit: cover;object-position: 50% 70%;';
}
/* ◆ 画像固定・画面分割 */
#fixed-image-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 200px 0 100px;
}
/* 画像 */
#fixed-image-area {
	position: -webkit-sticky;
	position: sticky;
	display: flex;
	width: 50%;
	height: 100vh;
	color:#fff;
	top:0;
	justify-content: center;
	align-items: center;
}
/* 内容 */
#fixed-image-wrapper #container {
	width:50%;
}
#fixed-image-wrapper #container section {
	min-height: 20vh;
	padding: 30px;
}
@media (max-width: 767px) {
	/* 内容 */
	#fixed-image-wrapper {
		display: block;
	}
	#fixed-image-wrapper #container section {
		min-height: auto;
	}
	#fixed-image-area {
		position: relative !important;
		width: 100%;
		height: 40vh;
	}
	#fixed-image-wrapper #container {
		width: 100%;
	}
}
/* ◆ 画像＋背景色エリア */
/* 背景色 */
.bg_area-green {
	background: #9dbc60;
}
.bg_area-purple {
	background: #cc7abe;
}
.bg_area-yellow {
	background: #e6e68a;
}
.bg_area-blue {
	background: #a1d8e6;
}
.bg_area-orange {
	background: #e17b34;
}
/* メッセージボックス（中央） */
.messageBox-wrapper {
	position: relative;
}
.messageBox-wrapper img {
	width: 100%;
	min-height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
.messageBoxCenter {
	position: absolute;
	width: 80%;
	padding: 40px 20px;
	background: rgb(255,255,255,.9);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/* メッセージボックス（右）*/
.messageBoxRight {
	position: relative;
	width: 100%;
	min-height: auto;
	margin-top: 2rem;
	margin-left: -75px;
	padding: 40px;
	background: rgb(255,255,255,.9);
}
/* メッセージボックス（左）*/
.messageBoxLeft {
	position: relative;
	width: 100%;
	min-height: auto;
	margin-top: 2rem;
	margin-left: 75px;
	padding: 40px;
	background: rgb(255,255,255,.9);
}
/*------------------------------
◆ パンくずリスト
------------------------------*/
.breadcrumb-bg {
	position: relative;
	width: 95%;
	margin: -50px auto 0;
	padding-top: 30px;
	background: #fff;
	z-index: 55;
	border-radius: 10px 10px 0 0;
}
.breadcrumb {
	margin-left: 100px;
	text-align: left;
}
.breadcrumb-item {
	display: inline;
	font-size: 1.2rem;
}
.breadcrumb-item:after {
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 5px;
}
.breadcrumb-item:last-child:after {
	content: "";
}
.breadcrumb-link {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}
.breadcrumb-link:hover {
	color: #9dbc60;
}
.breadcrumb-item .current {
	font-weight: bold;
}
.breadcrumb-item .current:hover {
	color: #595757;
	cursor: default;
}
/*レスポンシブ*/
@media screen and (max-width: 1024px) {
	/* パンくず */
	.breadcrumb-bg {
		margin: 0;
		margin-top: -30px;
	}
	.breadcrumb-bg.contact {
		margin-top: 0 !important;
	}
	.breadcrumb {
		margin-left: 0;
	}
}
/* スマホ縦向き */
@media (max-width: 767px) and (orientation: portrait) {
	.breadcrumb-bg {
		margin: 0;
		margin-top: -30px;
	}
	.breadcrumb-bg.contact {
		margin: 0;
		margin-top: 0 !important;
	}
	.breadcrumb-item {
		font-size: 1rem;
	}
}
/* スマホ横向き */
@media (max-width: 900px) and (orientation: landscape) {
	.breadcrumb-bg {
		margin: 0;
		margin-top: -30px;
	}
	.breadcrumb-bg.contact {
		margin: 0;
		margin-top: 0 !important;
	}
}
/*------------------------------
◆ 360°ビュー
------------------------------*/
.view {
	width: 85%;
	margin: 0 auto;
}
.view iframe {
	width: 100%;
	height: 750px;
	margin-bottom: -10px;
}
@media (max-width: 767px) {
	.view iframe {
		width: 100%;
		height: 500px;
	}
}
/*------------------------------
◆◆ corporate.html ◆◆
------------------------------*/
/* ◆ 基本理念 */
#identity-area {
	width: 87%;
	margin: 0 auto;
	overflow: visible;
}
#identity-area ul {
	margin-top: 30px;
	text-align: left;
	line-height: 2em;
}
#identity-area ul li {
	list-style: inside square !important;
}
/* ◆ 会社概要 */
.corporate-intro {
	width: 80%;
	margin: 0 auto;
}
/* ◆ 職場環境要件 */
#environment-area {
	width: 87%;
	margin: 0 auto;
	overflow: visible;
}
#environment-area ul {
	margin-top: 30px;
	text-align: left;
	line-height: 2em;
}
#environment-area ul li {
	list-style: inside square !important;
}
/* ◆ 沿革 */
.step-wrapper {
	width: 100%;
	margin-left: 3rem;
}
.step-intro {
	position: relative;
	margin: 2em 0;
}
.step-contents {
 position: relative;
	width: 50%;
 padding: 0 0 1.3em;
 margin: 0 auto;
}
.step-contents:before {
	content: "";
 position: absolute;
 display: block;
 width: 10px;
 height: 10px;
 background: #8fccb8;
 top: 7px;
 left: 0;
}
.step-contents:after {
 content: "";
 position: absolute;
 display: block;
 height: calc(100% - 17px);
 top: 20px;
 left: 3px;
 border-left: 5px solid #dedede;
}
.step-contents .day {
	width: 90%;
 color: #6b998a;
 font-weight: bold;
}
.step-contents .day:before {
 content: "";
 position: absolute;
 display: block;
 width: 12px;
 top: 10px;
 left: 12px;
 border-top: 3px solid #8fccb8;
}
.step-detail {
	width: 90%;
 margin: .5em 0 0;
 padding: 0 0 1em;
}
.step-detail:before {
 content: "";
 position: absolute;
 display: block;
 height: calc(100% - 35px);
 top: 10px;
 left: 21px;
 border-left: 3px solid #8fccb8;
}
.step-detail:after {
 content: "";
 position: absolute;
 display: block;
 width: 80%;
 bottom: 22px;
 left: 21px;
 border-bottom: 3px solid #8fccb8;
}
.step-intro > :last-of-type:after {
 display: none;
}
@media (max-width: 900px) {
	.step-wrapper {
		width: 100%;
		margin-left: 0;
	}
	.step-contents {
		width: 100%;
		padding: 0 0 1.3em 2.3em;
	}
	.step-contents .day {
		width: 100%;
	}
	.step-detail {
		width: 100%;
		font-size: 1.2rem;
		margin-left: -.5rem;
	}
	.step-detail:after {
		width: 90%;
	}
}
/* ◆ 関連施設 */
#relation-area {
	margin: 0 auto;
}
#relation-area .shadow-box {
	height: 520px;
}
/*レスポンシブ*/
/*iPad Pro*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	section .contents_spaceS > .inner, section#admission-area .inner {
		padding: 0;
	}
}
/* タブレット横向き */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	section .contents_spaceS > .inner {
		padding: 0;
	}
}
@media (max-width: 767px) {
	#identity-area ul,
	#environment-area ul {
		padding-left: 0;
	}
	#identity-area ul li,
	#environment-area ul li {
		margin-bottom: 20px;
	}
	.corporate-intro {
		width: 100%;
	}
}
/*------------------------------
 ◆◆ greeting.html ◆◆
------------------------------*/
/* ◆ ご挨拶 */
#greeting-area .images {
	margin-left: 50px;
	font-size: 2rem;
	font-weight: bold;
}
#greeting-area .images span {
	font-size: 1.8rem;
	font-weight: normal;
}
#greeting-area .images img {
	width: 100%;
	height: 500px;
	-o-object-fit: contain;
	   object-fit: contain;
	   font-family: 'object-fit: contain;';
	z-index: -20;
}
/*IEのみ適用*/
@media all and (-ms-high-contrast: none){
	#greeting-area .images img {
		width: auto !important;
	}
}
#greeting-area .message {
	width: 99%;
	padding: 20px;
	margin: 0;
	background: rgba(255,255,255,.3);
	text-align: left;
	z-index: 20;
}
@media (max-width: 900px) {
	#greeting-area .images {
		margin-left: 0;
		width: 80%;
		margin: 0 auto;
	}
	#greeting-area .message p {
		font-size: 1.3em;
	}
}
/* スマホ縦向き */
@media (max-width: 767px) and (orientation: portrait) {
	#greeting-area .images img {
		height: auto;
	}
	#greeting-area .images p.name {
		font-size: 1.8rem;
	}
	#greeting-area .images span {
		font-size: 1.5rem;
	}
	#greeting-area .message p {
		font-size: 1.2rem;
	}
}
/*------------------------------
◆◆ 各施設ご案内 ◆◆
------------------------------*/
/* ◆ 施設概要 */
#facility-intro-area {
	width: 95%;
	margin: 0 auto;
}
#facility-intro-area table th {
	width: 25%;
}
#facility-intro-area .access-map {
	margin: 20px 0;
}
#facility-intro-area .access-map iframe {
	width: 50rem;
	height: 30rem;
	margin: 1px 0 -10px 0;
	border: 1px solid #5c5c66;
}
.icon-area li {
	float: left;
	display: flex;
	width: 265px;
	height: 70px;
	padding: 2px 1.5px;
	margin: 0 6px 5px 0;
	color: #fff;
	background: #4b6199;
	font-size: 1em;
	text-align: center;
	border: 1px solid #324166;
	justify-content: center;
	align-items: center;
	line-height: 1;
	border-radius: 2px;
}
#facility-intro-area .caution {
	padding-top: 10px;
}
/* 対象者 */
#facility-intro-area .target .icon-area li {
	width: 95px;
	height: 70px;
	font-size: .9em;
	color: #595757;
}
#facility-intro-area .target .icon-area .s-first {
	background: #ffcdad;
	border: 1px solid #ff9b5a;
}
#facility-intro-area .target .icon-area .s-second {
	background: #ffc198;
	border: 1px solid #ff9b5a;
}
#facility-intro-area .target .icon-area .c-first {
	background: #bbe0d4;
	border: 1px solid #80b7a5;
}
#facility-intro-area .target .icon-area .c-second {
	background: #b0dbcd;
	border: 1px solid #80b7a5;
}
#facility-intro-area .target .icon-area .c-third {
	background: #a5d6c6;
	border: 1px solid #80b7a5;
}
#facility-intro-area .target .icon-area .c-fourth {
	background: #9ad1bf;
	border: 1px solid #72a393;
}
#facility-intro-area .target .icon-area .c-fifth {
	background: #8fccb8;
	border: 1px solid #72a393;
}
/* 食事個別対応 */
#facility-intro-area .food .icon-area li {
	font-size: 1em;
	width: 300px;
	background: #ec96a4;
	border: 1px solid #cc838f;
}
/* 体験入居 */
#facility-intro-area .pre .icon-area li {
	background: #ff8332;
	border: 1px solid #ff6600;
}
/* ペット(東入部) */
.pet {
	width: 100% !important;
	text-align: center;
	margin-top: 50px;
}
.pet img {
	height: 300px;
	width: auto;
	-o-object-fit: contain;
	   object-fit: contain;
	   font-family: 'object-fit: contain;';
	margin: 1em 30px;
}
/* ◆ ご入居者様情報
------------------------------*/
#resident-area .head-area, #accept-area .head-area {
	text-align: left;
	padding: 10px 0 0;
	margin-bottom: -10px;
}
#resident-area .head-area h4:before, #accept-area .head-area h4:before {
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}
/* 要介護度構成比 */
/* 性別構成比 */
#resident-area {
	width: 95%;
	margin: 0 auto;
}
.chart_table td img {
	height: 50px;
	margin: 5px 0;
	vertical-align: bottom;
}
.sien1 {
	color: #E6E6A1;
}
.sien2 {
	color: #8FCCB8;
}
.kaigo1 {
	color: #CC967A;
}
.kaigo2 {
	color: #C28FCC;
}
.kaigo3 {
	color: #7A96CC;
}
.kaigo4 {
	color: #F0AFAF;
}
.kaigo5 {
	color: #A8A8F0;
}
/* ◆ 受け入れ体制 */
#accept-area {
	width: 90%;
	margin: 0 auto;
}
#accept-area .caution {
	font-size: .9em;
}
#accept-area ul {
	padding: 0;
	margin: 0;
}
#accept-area li
, #accept-area .negotiable
, #accept-area .impossible {
	position:relative;
	float: left;
	display: flex;
	width: 510px;
	height: 80px;
	background: #fafdff;
	padding: .5em .5em .5em 2.5em;
	margin: 2px;
	justify-content: center;
	align-items: center;
	line-height: 1;
	border: 1px solid #dedede;
}
#accept-area li:before
, #accept-area .negotiable:before
, #accept-area .impossible:before {
	position: absolute;
	content: "";
	display: block;
	width: 70px;
	height: 78px;
	bottom: 0;
	left: 0;
	transform: translate(0,0);
	z-index: 10;
}
#accept-area li:before {
	background: #8fccb8;
	background-size: 30px;
	background-image: url(../img/circle.png);
	background-repeat: no-repeat;
	background-position: center;
}
#accept-area .negotiable:before {
	background: #edb83d;
	background-image: url(../img/negotiable.png);
	background-repeat: no-repeat;
	background-position: center;
}
#accept-area .impossible:before {
	background: #5c5c66;
	background-image: url(../img/impossible.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* ◆ さらい学園とは */
#aboutGakuen .identity span {
	font-size: 2rem;
}
#aboutGakuen .explain {
	margin-top: 50px;
}
/* ◆ 施設案内 */
#facility-slide-area .swiper-container {
	width: 78%;
}
#facility-slide-area .slider {
	height: 750px;
}
#facility-slide-area .slider-thumbnail {
	height: 20vh;
	cursor: pointer;
}
#facility-slide-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
	position: relative;
	width: 25%;
	height: 100%;
	opacity: .3;
	overflow: hidden;
}
#facility-slide-area .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}
#facility-slide-area img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
#facility-slide-area .fourth img {
	-o-object-position: 50% 50%;
	   object-position: 50% 50%;
	   font-family: 'object-fit: cover;object-position: 50% 50%;';
}
#facility-slide-area .fifth img
, #facility-slide-area .sixth img
, #facility-slide-area .seventh img {
	width: auto;
}
#facility-slide-area .swiper-slide-contents {
	position: absolute;
	padding: 0 30px;
	background: #fff;
	bottom: 0%;
	right: 0%;
	transform: translate(0,0);
	opacity: 0;
	transition: all 2s ease 0s;
}
/* ◆ 1日のタイムスケジュール */
#timeline-higashi .timeline ul:before {
	height: 180rem;
}
#timeline-gakuen .timeline ul:before {
	height: 235rem;
}
@media only screen and (max-width:1600px) {
	#timeline-higashi .timeline ul:before {
		height: 144rem;
	}
	#timeline-gakuen .timeline ul:before {
		height: 184rem;
	}
}
@media only screen and (max-width:1300px) {
	#timeline-higashi .timeline ul:before {
		height: 124rem;
	}
	#timeline-gakuen .timeline ul:before {
		height: 160rem;
	}
}
/* ◆ イベント */
#facility-event {
	margin-bottom: 10px;
}
#facility-event .table-area {
	width: 95%;
}
table.event_table {
	width: 100%;
	border-collapse: collapse;
}
table.event_table tr {
	border-bottom: solid 2px white;
}
table.event_table tr:last-child,
table.event_table th:last-of-type(th),
table.event_table td:last-of-type(td) {
	border-bottom: none !important;
}
table.event_table th {
	position: relative;
	text-align: left;
	width: 30%;
	background-color: #8BBB5D;
	color: white;
	text-align: center;
	padding: 10px 0;
	overflow: inherit !important;
} 
table.event_table th:after {
	display: block;
	content: "" !important;
	width: 0px;
	height: 0px;
	position: absolute !important;
	top: calc(50% - 10px) !important;
	right: -10px !important;
	border-left: 10px solid #8BBB5D;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
table.event_table td {
	text-align: left;
	width: 70%;
	text-align: center;
	background-color: #eee;
	padding: 10px 0;
}
/* ◆ その他ご案内（gakuen.html） */
#facility-other .table-area {
	width: 70%;
	margin: 0 auto;
}
#facility-other table th {
	width: 60%;
	border-bottom: 1.5px solid #0067e6;
	padding: 12px 0;
	overflow: hidden;
}

/*レスポンシブ*/
/*iPad Pro*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	/* 各施設案内ページ */
	#facility-intro-area table th {
		width: 40%;
	}
	/* 特徴紹介など */
	.icon-area li {
		width: 245px;
		font-size: .9em;
	}
	#accept-area ul {
		width: 90%;
		margin: 0 auto;
	}
	#accept-area li, #accept-area .negotiable, #accept-area .impossible {
		width: 50%;
		margin: 2px auto;
	}
	/* 室内写真 */
	/* タイムライン */
	.timeline ul {
		width: 80% !important;
		padding-left: 0;
	}
	.timeline ul:before {
		height: 3700px;
	}
	.timeline ul li {
		padding-top: 120px !important;
		margin-bottom: 30px !important;
	}
	/* イベント */
	#event-area .first, #event-area .second, #event-area .third {
		width: 100%;
	}
	#event-area .third {
		margin: 50px 0 0 0 !important;
	}
	#event-area img {
		width: 350px;
		height: 300px;
	}
	#timeline-higashi .timeline ul:before {
		height: 200rem;
	}
	#timeline-gakuen .timeline ul:before {
		height: 255rem;
	}
}
@media (max-width: 1024px) {
	/* 各施設案内ページ */
	#facility-intro-area table th, #facility-intro-area table td {
		display: block;
		width: 100% !important;
	}
	#facility-intro-area .access-map iframe {
		width: 100% !important;
	}
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr.target > td > div > ul {
		height: 160px;
		margin-bottom: 0;
	}
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr:nth-child(17) > td > div > ul {
		height: 600px;
		margin-bottom: 0;
	}
	/* 特徴紹介など */
	.icon-area li {
		width: 30%;
		font-size: .9em;
	}
	#accept-area ul {
		width: 90%;
		margin: 0 auto;
	}
	#accept-area li, #accept-area .negotiable, #accept-area .impossible {
		width: 50%;
		margin: 2px auto;
		font-size: .8em;
		padding-left: 70px;
	}
	/* 室内写真 */
	/* タイムライン */
	.timeline ul {
		width: 100% !important;
		padding-left: 0;
	}
	.timeline ul:before {
		height: 3000px;
	}
	.timeline ul li {
		padding-top: 120px !important;
		margin-bottom: 30px !important;
	}
	.timeline ul li div.img img {
		height: 250px;
	}
	.timeline ul li:nth-child(odd) div.img:after, .timeline ul li:nth-child(even) div.img:after {
		width: 350px;
		height: 250px;
	}
	.timeline ul li div.contents {
		height: 300px;
	}
	.timeline ul li .title {
		font-size: 2rem !important;
	}
	.timeline ul li div.contents p:not(.title) {
		font-size: 1.8rem !important;
	}
	/* イベント */
	#facility-event .table-area {
		width: 100%;
		font-size: .8em;
	}
	#timeline-higashi .timeline ul:before {
		height: 160rem !important;
	}
	#timeline-gakuen .timeline ul:before {
		height: 205rem !important;
	}	
}
/*タブレット縦向き*/
@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
	/* 各施設紹介ページ */
	#facility-intro-area .food .icon-area li {
		width: 250px;
	}
	#accept-area ul {
		width: 100%;
		margin: 0 auto;
	}
	#accept-area li, #accept-area .negotiable, #accept-area .impossible {
		font-size: .8em;
		padding-left: 70px;
		justify-content: center;
	}
	.timeline ul li:nth-child(odd) div.img:after, .timeline ul li:nth-child(even) div.img:after {
		width: 300px;
	}
	.timeline ul li div.contents p:not(.title) {
		font-size: 1.5rem !important;
	}
	.timeline ul li div.contents {
		height: 200px;
	}
	/* イベント */
	#facility-event .wid2 {
		width: 100% !important;
	}
	#facility-event .table-area {
		width: 100%;
	}
	table.event_table tr,
	table.event_table th,
	table.event_table td {
		display: block;
		border-bottom: none !important;
	}
	table.event_table th {
		width: 100%;
	} 
	table.event_table th:after {
		top: calc(100% - 5px) !important;
		left: calc(50% - 5px) !important;
		transform: rotate(90deg);
	}
	table.event_table td {
		width: 100%;
	}
}
/* タブレット横向き */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	/* イベント */
	#facility-event .wid2 {
		width: 100% !important;
	}
	#facility-event .table-area {
		width: 100%;
	}
	table.event_table tr,
	table.event_table th,
	table.event_table td {
		display: block;
		border-bottom: none !important;
	}
	table.event_table th {
		width: 100%;
	} 
	table.event_table th:after {
		top: calc(100% - 5px) !important;
		left: calc(50% - 5px) !important;
		transform: rotate(90deg);
	}
	table.event_table td {
		width: 100%;
	}
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr.food > td > div.icon-area > ul {
		height: 180px !important;
	}
}
@media (max-width: 900px) {
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr.food > td > div.icon-area > ul  {
		height: 150px;
	}
	#event-area img {
		width: 100% !important;
		max-height: 300px !important;
	}
	#event-area .first, #event-area .second, #event-area .third {
		width: 60%;
		margin: 0 auto;
	}
	/* さらい学園その他案内テーブル */
	#facility-other table th {
		width: 100% !important;
	}
}
@media (max-width: 900px) and (orientation: landscape) {
	.icon-area li {
		width: 30%;
	}
}
@media (max-width: 767px) {
	/* イベント */
	#facility-event .wid2 {
		width: 100% !important;
	}
	#facility-event .table-area {
		width: 100%;
	}
	table.event_table tr,
	table.event_table th,
	table.event_table td {
		display: block;
		border-bottom: none !important;
	}
	table.event_table th {
		width: 100%;
	} 
	table.event_table th:after {
		top: calc(100% - 5px) !important;
		left: calc(50% - 5px) !important;
		transform: rotate(90deg);
	}
	table.event_table td {
		width: 100%;
	}
	/* ペット(東入部) */
	.pet img {
		height: auto;
		width: 200px;
		-o-object-fit: contain;
		   object-fit: contain;
		   font-family: 'object-fit: contain;';
		margin: 1em 30px;
	}
}
@media (max-width: 767px) and (orientation: portrait) {
	/* 各施設ページ */
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr.target > td > div > ul {
		height: 300px;
	}
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr.food > td > div.icon-area > ul {
		padding-left: 0;
		margin: 10px auto;
		height: 230px;
	}
	#facility-intro-area .target .icon-area li {
		width: 85px;
	}
	#facility-intro-area .food .icon-area li,
	#facility-intro-area .pre .icon-area li,
	.icon-area li {
		width: 100%;
	}
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr.pre > td > div.icon-area > ul,
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr:nth-child(17) > td > div > ul {
		width: 100%;
		padding-left: 0;
	}
	#facility-intro-area > div.inner.contents_spaceS > table > tbody > tr:nth-child(17) > td > div > ul {
		height: 1700px;
	}
	#accept-area li, #accept-area .negotiable, #accept-area .impossible {
		width: 100% !important;
	}
	/* 室内写真 */
	#facility-slide-area .slider {
		height: 350px !important;
	}
	#facility-slide-area .swiper-container {
		width: 85% !important;
	}
	.swiper-wrapper {
		height: 350px !important;
	}
	#facility-slide-area .slider-thumbnail {
		height: 150px !important;
	}
	.view {
		width: 100%;
	}
	/* タイムライン */
	.timeline ul li p.time:before {
		display: none;
	}
	.timeline ul li {
		padding-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.timeline ul li div.contents {
		padding-bottom: 0;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
	.timeline ul li:nth-child(2n) div.img {
		padding-bottom: 30px;
	}
}
/*------------------------------
◆◆ admission.html ◆◆
------------------------------*/
/* ◆ サービス一覧 */
#services {
	width: 85%;
	margin: 0 auto;
}
#services .head-area h4 {
	padding: 10px 30px 0;
	text-align: left;
}
#services .head-area h4:before {
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}
#services .emphasis {
	color: #d83473;
	font-size: 2.5rem;
	font-weight: bold;
}
/* ◆ ご入所の流れ */
#admission-area .flow-wrapper {
	width: 80%;
	margin: 0 auto;
}
/* ◆ 料金案内 */
.fee-intro {
	width: 50%;
	margin: 0 auto;
}
.fee-intro .imgMessageBox {
	position: relative;
	width: 100%;
	background: #f7f6f5;
	text-align: center;
	padding: 50px;
	margin: 0 0 30px;
	border: 1px solid #e6e4e3;
}
.fee-intro .imgMessageBox:before {
	content: "";
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 15px;
	left: 15px;
	border: 2px solid #99865c;
	z-index: 0;
}
.fee-intro table {
	width: 100%;
	border-spacing: 0;
	margin: 0 auto;
}
.fee-intro table th {
	width: 50%;
	border-bottom: 1.5px dotted #595757;
	padding: 12px 0;
	overflow: hidden;
}
.fee-intro table td {
	border-bottom: 1.5px dotted #595757;
	text-align: right;
	padding: 12px 3rem 12px 0;
}
.fee-intro table .head-contents {
	background: #99865c;
	color: #fff;
	border-bottom: none;
}
.fee-intro table .last-contents {
	border-bottom: none;
}
.fee-intro table .sum-contents {
	background: #ccb27a;
	color: #fff;
	border-bottom: none;
}
/*iPad Pro*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.fee-intro {
		width: 80%;
	}
}
@media (max-width: 900px) {
	.fee-intro {
		width: 90%;
	}
	.fee-intro table th {
		width: 100%;
	}
	section#admission-area .inner {
		padding: 0;
	}
}
@media (max-width: 767px) and (orientation: portrait) {
	.fee-intro {
		width: 100%;
	}
	#admission-area .flow-wrapper {
		width: 100%;
	}
	#admission-area ul.flow, .flow > li dl {
		padding-left: 0;
	}
	.flow > li dl dt {
		margin-left: 130px;
	}
	.flow > li .step-number {
		padding: 5px 8px;
		left: 15px;
		top: -5px;
	}
	#admission-area ul.flow::before,.flow > li dl:before, .flow > li dl:after, .flow > li .step-number:after {
		display: none;
	}
}
/*------------------------------
◆◆ recruite.html ◆◆
------------------------------*/
/* ◆ 採用情報 */
.recruite-intro {
	width: 90%;
	margin: 0 auto;
}
/* ◆ 採用フロー */
#recruiteFlow-area .flow-wrapper {
	width: 70%;
	margin: 0 auto;
}
#recruiteFlow-area .flow {
	margin-bottom: 100px;
	position: relative;
}
/* 採用情報 */
#recruite-area .shadow-box {
	height: 550px;
}
/*iPad Pro*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.flow > li .step-number {
		top: -10px;
		left: -18%;
	}
}
@media (max-width: 1024px) {
	#recruite-area .inner {
		padding: 0;
	}
	.flow > li .step-number {
		left: -25%;
	}
}
@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
	#recruiteFlow-area .flow-wrapper {
		width: 90%;
	}
}
@media (max-width: 767px) and (orientation: portrait) {
	#recruiteFlow-area .flow-wrapper {
		width: 100%;
	}
	#recruiteFlow-area ul.flow, .flow > li dl {
		padding-left: 0;
	}
	.flow > li dl dt {
		margin-left: 120px;
	}
	.flow > li .step-number {
		padding: 5px 8px;
		left: 0;
		top: -5px;
	}
	#recruiteFlow-area ul.flow::before,.flow > li dl:before, .flow > li dl:after, .flow > li .step-number:after {
		display: none;
	}
}
/*------------------------------
◆◆ 各採用情報ページ ◆◆
------------------------------*/
/* ◆ 募集要項 */
#recruite-info {
	width: 80%;
	margin: 0 auto;
}
.recruite-comment {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
.recruite-comment ul {
	list-style: inherit;
	margin-bottom: 30px;
}
.recruite-comment ul li {
	margin-top: 5px;
}
.recruite-comment  p {
	margin: 0 auto 50px;
	text-align: left;
}
#recruite-info table th {
	width: 30%;
	border-bottom: 1.5px solid #0067e6;
	padding: 12px 0;
	overflow: hidden;
}
/*iPad Pro*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.recruite-comment {
		width: 90%;
	}
}
@media (max-width: 1024px) {
	.recruite-comment {
		width: 100%;
	}
}
@media (max-width: 900px) {
	#recruite-info table th {
		width: 100%;
	}
}
/*------------------------------
◆◆ interview.html ◆◆
------------------------------*/
/* ◆ インタビュー */
#interview-area .shadow-box {
	height: 350px;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#interview-area .shadow-box p {
	height: 100px;
}
#interview-area .first
, #interview-area .second
, #interview-area .third {
	-o-object-position: 50% 10%;
	   object-position: 50% 10%;
	   font-family: 'object-fit: cover;object-position: 50% 10%;';
}
#interview-area .shadow-box img {
	height: 100%;
}
/*IEのみ適用*/
@media all and (-ms-high-contrast: none){
	#interview-area .shadow-box img {
		height: 300px;
	}
}
#interview-area .box-inner {
	margin: 0 auto;
	padding: 2% 0;
	padding-left: 1%;
}
/* レスポンシブ */
@media  (max-width: 900px) and (orientation: landscape),
 		(max-width: 540px) and (orientation: portrait) {
	#interview-area .shadow-box {
		height: 450px !important;
	}
	#interview-area .shadow-box .box-inner {
		width: 100%;
	}
	#interview-area .shadow-box img {
		height: 200px;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		   font-family: 'object-fit: cover;';
	}
	#interview-area .shadow-box p {
		height: auto;
	}
	#interview-area .shadow-box a.btn-link {
		font-size: 1rem;
	}
	.ueno {
		-o-object-position: center right !important;
		   object-position: center right !important;
		   font-family: 'object-fit: cover;object-position: center right !important;';
	}
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	/* スタッフインタビュー */
	#interview-area .inner {
		padding: 0;
	}
}
@media (max-width: 1024px) {
	/* スタッフインタビュー */
	#interview-area .wid2 {
		width: 100%;
	}
	#interview-area .shadow-box {
		height: 750px !important;
	}
	#interview-area .shadow-box img {
		height: 400px;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		   font-family: 'object-fit: cover;';
	}
}
/* ボタン */
#interview-area a.btn-link {
	position: relative;
	display: flex;
	width: 18rem;
	height: 48px;
	color: #fff;
	background: #9dbc60;
	padding: .5rem 1rem .5rem 2rem;
	margin: 0 auto;
	border-radius: 0;
	border: 1px solid #9dbc60;
	justify-content: center;
	align-items: center;
	transition: initial;
	overflow: hidden;
}
#interview-area a.btn-link span {
	color: #fff;
	z-index: 99;
	transition: .1s ease all;
}
#interview-area a.btn-link:hover span {
	color: #9dbc60;
	transition: .6s ease all;
}
#interview-area a.btn-link:before {
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	color: #9dbc60;
	background: #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	transform: scale(0);
	transition: .6s ease all;
}
#interview-area a.btn-link:hover:before {
	transform: scale(4.2);
}
#interview-area .btn-link .fa-chevron-right {
	margin-left: 10px;
}
/*------------------------------
◆◆ 各スタッフインタビュー ◆◆
------------------------------*/
#interview-staff-area {
	position: relative;
	overflow: visible;
}
#interview-staff-area .block-name {
	position: absolute;
	width: 40%;
	height: 450px;
	background: rgba(143,204,184,.7);
	color: #fff;
	padding: 4rem 0;
	font-size: 2rem;
	top: 50%;
	left: 10%;
	transform: translate(-10%,-50%);
	z-index: 1;
}
#interview-staff-area .block-name-right {
	position: absolute;
	width: 40%;
	height: 450px;
	background: rgba(143,204,184,.7);
	color: #fff;
	padding: 4rem 0;
	font-size: 2rem;
	top: 50%;
	right: 3%;
	transform: translate(-10%,-10%);
	z-index: 1;
}
#interview-staff-area img {
	width: 80%;
	height: 550px;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: 50% 35%;
	   object-position: 50% 35%;
	   font-family: 'object-fit: cover;object-position: 50% 35%;';
	z-index: -999;
}
#interview-staff-area .second {
	width: 80%;
	height: 550px;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: 50% top;
	   object-position: 50% top;
	   font-family: 'object-fit: cover;object-position: 50% top;';
	z-index: -999;
}
/* ◆ インタビューヘッダー */
#interview_head-area .messageBoxLeft {
	position: relative;
	width: 100%;
	min-height: auto;
	margin-top: 2rem;
	margin-left: 75px;
	padding: 40px;
	background: rgb(255,255,255,.9);
	box-shadow: -12px 5px 20px -3px #e8ece9;
}
#interview_head-area .messageBoxLeft:before {
	content: "";
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 15px;
	left: 15px;
	border: 1px solid #99865c;
	z-index: 0;
}
/* 左側 */
.interview_head-comments .comments h3 {
	text-align: center;
	margin: 1rem 0 0;
}
.interview_head-comments .comments p {
	font-size: .9em;
	text-align: center;
	margin: 2rem 0 -5rem;
}
.interview_head-comments .imgArea {
	position: relative;
	width: 100%;
	height: 450px;
}
.interview_head-comments .imgArea img {
	position: absolute;
	width: 500px;
	height: 300px;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
.interview_head-comments .imgArea .working {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
/* 右側（img）*/
.interview_head-img {
	position: relative;
	width: 500px;
	height: 565px;
}
.interview_head-img h3 {
	position: absolute;
	font-size: 2.3rem;
	line-height: 1.5;
	letter-spacing: .075em;
	bottom: 0;
	left: 130px;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.interview_head-img p {
	position: absolute;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: .075em;
	bottom: 0;
	left: 80px;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
}
.interview_head-img p span {
	color: #d83473;
}
.interview_head-img img {
	position: absolute;
	width: 350px;
	height: 590px;
}
.interview_head-img .human {
	top: 0;
	right: 0;
	z-index: 1;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
}
.interview_head-img .shadow {
	width: 35%;
	height: 50px;
	bottom: 0;
	right: 80px;
	z-index: -99;
}
/* ◆ インタビュー内容 */
.hospice {
	-o-object-position: 50% top;
	   object-position: 50% top;
	   font-family: 'object-fit: cover;object-position: 50% top;';
}
#staff_interview {
	margin-bottom: 100px;
}
.staff {
	width: 100%;
	margin-left: 5%;
}
.flex .staff {
	margin-left: 0;
}
.interview-comment {
	width: 100%;
	height: auto;
	min-height: 200px;
}
#staff_interview .img-area {
	position: relative;
}
#staff_interview .img-area img {
	position: absolute;
	width: 80%;
	height: 250px;
	-o-object-fit: cover;
	   object-fit: cover;
	   font-family: 'object-fit: cover;';
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	box-shadow: 0px 18px 15px -17px rgb(25 25 25 / 30%);
}
#staff_interview h2 {
	position: relative;
	font-weight: normal;
	margin: 0;
	font-size: 2rem;
	padding: 0 30px 10px;
	margin-bottom: 20px;
	text-align: left;
}
#staff_interview h2:before {
	content: "";
	position: absolute;
	display: block;
	width: 90%;
	height: 2px;
	background: #ff8332;
	bottom: -10px;
	left: 30px;
}
.comment-contents {
	width: 90%;
	padding: 0 30px;
	margin: 50px 0 0;
	text-align: left;
}
/* ◆ 1日のタイムスケジュール */
#interview-timeline-area .timeline ul:before {
	height: 150rem;
}
/* ◆ 資格やスキル */
#interview-skills {
	width: 80%;
	margin: 0 auto;
}
#interview-skills .imgMessageBox {
	position: relative;
	width: 100%;
	background: #f7f6f5;
	text-align: center;
	padding: 50px;
	margin: 0 0 30px;
	border: 1px solid #e6e4e3;
}
#interview-skills .imgMessageBox:before {
	content: "";
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 15px;
	left: 15px;
	border: 2px solid #99865c;
	z-index: 0;
}
#interview-skills ul {
	width: 80%;
	margin: 0 auto;
	text-align: left;
	list-style: inherit;
}
#interview-skills .message {
	padding: 0 50px;
	text-align: left;
}
@media (max-width: 1024px) {
	#staff_interview {
		margin-bottom: 30px;
	}
	.interview-comment {
		min-height: 150px;
	}
	#staff_interview .flex {
		display: flex !important;
	}
	.interview_list .wid2 {
		width: 100%;
	}
	.interview_list .shadow-box {
		height: 750px !important;
	}
	.interview_list .shadow-box img {
		height: 400px !important;
		width: 100% !important;
		max-width: 900px !important;
		-o-object-fit: cover !important;
		   object-fit: cover !important;
		   font-family: 'object-fit: cover !important;';
	}
	#staff_interview .img-area {
		width: 30%;
		height: 200px;
	}
	#staff_interview .img-area img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		   font-family: 'object-fit: cover;';
	}
	#staff_interview .comment-area {
		width: 100%;
	}
	#staff_interview .flex .comment-area {
		width: 70%;
	}
	.staff {
		margin-left: 0;
	}
}
@media (max-width: 767px) and (orientation: portrait) {
	#staff_interview .flex {
		display: block !important;
	}
	.interview_list .shadow-box {
		height: 500px !important;
	}
	.interview_list .shadow-box img {
		height: 200px !important;
		width: 100% !important;
		max-width: 350px !important;
		-o-object-fit: cover !important;
		   object-fit: cover !important;
		   font-family: 'object-fit: cover !important;';
	}
	#staff_interview .img-area {
		width: 80%;
		height: 150px;
		margin: 0 auto 20px;
	}
	#staff_interview .img-area img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		   font-family: 'object-fit: cover !important;';
	}
	#staff_interview .comment-area {
		width: 100% !important;
	}
	#interview-staff-area img, #interview-staff-area .second {
		width: 100%;
		height: 350px;
	}
	#interview-staff-area .block-name, #interview-staff-area .block-name-right {
		width: 50%;
		height: 200px;
		padding: 1rem 0;
		font-size: 1.2rem;
		top: 90%;
	}
	.entry, .role {
		font-size: .8rem; /* 職種・入社年月は小さめに */
	}
	#interview-staff-area .block-name {
		left: 8%;
	}
	#interview-staff-area .block-name p, #interview-staff-area .block-name h1 {
		margin: .3em auto;
	}
	#interview-staff-area .block-name-right {
		right: 0;
	}
	#staff_interview h2 {
		font-size: 1.2em;
	}
	#staff_interview h2:before {
		left: 15px;
	}
	.comment-contents {
		width: 100%;
		padding: 0 10px;
	}
	.staff {
		margin-left: 0;
	}
}
/*------------------------------
◆◆ お問い合わせ ◆◆
------------------------------*/
.breadcrumb-bg.contact {
	margin-top: 100px;
}
section#contact-form, section#contact-mail-area, section#contact-thanks {
	padding-top: 0;
}
h2.contact-h2 {
	display: inline-block;
    padding: 20px;
    line-height: 1.3em;
	margin: 0 auto;
	position: relative;
}
h2.contact-h2::after {
	content: '';
	width: 10%;
	min-width: 50px;
	height: 3px;
	background-color: rgba(110, 170, 53, .8);
	position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
}
/* ◆ お問い合わせフォーム */
#contact-form select
, #contact-form input
, #contact-form textarea {
	font-family: 'Zen Kurenaido', sans-serif;
}
#contact-form select
, #contact-form .box_check #collect
, #contact-form .box_check .check {
	cursor: pointer;
}
.contact-wrapper {
	width: 70%;
	margin: 0 auto;
}
.contact-area {
	width: 100%;
	margin: 80px auto 0;
}
.contact-item {
	display: flex;
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 24px 48px 24px 30px;
	align-items: center;
}
.contact-item:nth-child(6) {
	border-bottom: 1px solid #ddd;
}
.contact-label {
	width: 100%;
	max-width: 350px;
	letter-spacing: .05em;
	font-weight: bold;
}
.contact-label.isMsg {
	margin-top: 8px 0 auto;
}
.contact-required {
	float: right;
	width: 55px;
	background: #c9171e;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	border-radius: 6px;
}
.contact-input
, .contact-select
, .contact-textarea {
	flex: 1;
	width: 100%;
	max-width: 60%;
	background: #f7f7f7;
	font-size: 1.6rem;
	margin-left: 40px;
	border: 1px solid #ddd;
	border-radius: 6px;
}
.contact-input
, .contact-select {
	height: 60px;
	padding: 0 1em;
}
.contact-textarea {
	height: 350px;
	padding: .5em 1em;
}
/* 確認・送信ボタン */
.contact-btn {
	display: inline-block;
	min-width: 200px;
	max-width: 500px;
	color: #f7f6f5;
	background-color: rgb(110, 170, 53);
	font-size: 1.6rem;
	font-weight: normal;
	padding: 10px 25px;
	border-radius: 0;
	border: 1px solid rgb(110, 170, 53);
	cursor: pointer;
}
.contact-btn:hover {
	background: #9dbc60;
	border: 1px solid rgba(110, 170, 53, .8);
}
.contact-btn:disabled {
	cursor: initial;
}
.contact-btn:hover:disabled {
	background: rgba(110, 170, 53, .8);
}
/* 戻るボタン */
.contact-btn-back {
	display: inline-block;
	width: 300px;
	color: #f7f6f5;
	background: #304040;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 25px;
	border-radius: 0;
	border: 1px solid #5b7065;
	cursor: pointer;
}
.contact-btn-back:hover {
	background: #5b7065;
}

#contact-thanks .btn {
	padding: 0 !important;
}
/* プライバシーポリシー */
.privacy-area {
	max-width: 800px;
	margin: 0  auto;
}
.privacy-area .privacy-contents {
	height: 300px;
	padding: 20px 25px;
	margin-top: 50px;
	overflow-y: scroll;
	border: 1px solid #cdcdcd;
	background: #f7f7f7;
	box-sizing: border-box;
	text-align: left;
}
.privacy-area .privacy-contents h3 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.privacy-area .privacy-contents .privacy {
	font-size: 1.3rem;
	padding: 0 10px;
}
.privacy-area .privacy-contents .privacy ul {
	list-style: disc;
}
input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin-top: -5px;
}
.box_check {
	text-align: center;
	margin: 1em auto;
}
/* 確認画面 */
#confirm-area .checkPage {
	font-size: 1.1rem;
	text-align: left;
}
@media (max-width: 1024px) {
	.contact-wrapper {
		width: 100%;
	}
	.contact-select option {
		width: 100%;
		font-size: 1em;
	}
}
@media (max-width: 900px) {
	.contact-item {
		display: block;
	}
	.contact-label {
		text-align: left;
	}
	.contact-required {
		float: unset;
		padding: 3px 5px;
		margin-left: 10px;
	}
	.contact-input, .contact-select, .contact-textarea {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
}
/* スマホ縦向き */
@media (max-width: 767px) and (orientation: portrait) {
	.contact-input, .contact-select {
		font-size: 1.2rem;
		height: 50px;
	}
	.contact-required {
		padding: 3px 8px;
	}
}
@media screen and (max-width: 480px) {
	.contact-area {
		margin-top: 40px;
	}
	.contact-item {
		flex-wrap: wrap;
		padding: 16px 14px;
	}
	.contact-label {
		max-width: inherit;
		align-items: center;
		font-size: 15px;
	}
	.contact-label .isMsg {
		margin-top: 0;
	}
	.contact-required {
		width: 32px;
		padding: 4px 0;
		font-size: 10px;
		border-radius: 4px;
		}
	.contact-input {
		flex: inherit;
		height: 40px;
		margin: 18px 0 0;
		font-size: 15px;
	}
	.contact-textarea {
		flex: inherit;
		height: 200px;
		margin: 18px 0 0;
		font-size: 15px;
	}
	.contact-btn {
		width: 160px;
		margin-top: 24px;
		padding: 8px 0;
		font-size: 16px;
	}
}