@charset "shift_jis"; 

/*********************************************************
共通設定
*********************************************************/

a.topMargin {
  scroll-margin-top: 80px;
}


/*
見出し
*********************************************************/
h1 {}
h2 {}
h3 {
	text-align:center;
	font-size:1.6em;
	line-height:2em;
	color:#4b4b4b;
	margin-bottom:20px;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	}
h3 span {
	display:block;
	font-size:0.6em;
	line-height:1em;
	color:#8dc21f;
	}
h4 {
	background:#8dc21f;
  border-radius: 7px;
	color:#fff;
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	font-weight:900;
	font-size:1.2em;
	padding:10px;
	margin-bottom:20px;
	line-height:1em;
	}
h5 {
	border:2px solid #8dc21f;
  border-radius: 7px;
	background:#fff;
	color:#8dc21f;
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	font-weight:900;
	font-size:1.4em;
	padding:10px;
	margin-bottom:20px;
	line-height:1em;
	}

/*TABLET*/
@media only screen and (min-width : 768px){
h3 {
	margin-bottom:50px;
	font-size:2em;
	}
h4 {
	margin-bottom:30px;
	padding:20px;
	font-size:1.4em;
	}
h5 {
	margin-bottom:30px;
	padding:15px 20px;
	font-size:1.4em;
	}
}
/*PC*/
@media only screen and (min-width : 1200px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/*
共通-コンテンツ
*********************************************************/

.contents,
.contents2 { padding:40px 0; }
.contentsBtm { padding:0 0 40px; }

.bgGreen { background:#f7fbef; }
.bgbeige { background:#fbf5ec; }
.bgGray { background:#f7f7f7; }

/*TABLET*/
@media only screen and (min-width : 768px){
.contents,
.contents2 { padding:60px 0; }
.contentsBtm { padding:0 0 60px; }
}
/*PC*/
@media only screen and (min-width : 1200px){
.contents { padding:100px 0; }
.contents2 { padding:50px 0; }
.contentsBtm { padding:0 0 100px; }
}

*,
*::before,
*::after{
	box-sizing:border-box;
}

/*
subMenu
***********************************************************/
.subMenu {
	position:relative;
	z-index:1;
	display:flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:20px 0;
	background:#f7f7f7;
	gap:5px;
	}
.subMenu ul {
	display: flex;
	align-items: center;
	justify-content: center;
	}
.subMenu li a {
	display:block;
	position:relative;
	margin:0 5px;
	height:100%;
	text-align:center;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:0.7em;
	border:#cccccc solid 1px;
	padding:5px;
	line-height:1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(../css/border-radius.htc); /* IE */
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#f7f7f7));
	background:-webkit-linear-gradient(top, #ffffff 0% , #f7f7f7 100%);
	background:-moz-linear-gradient   (top, #ffffff 0% , #f7f7f7 100%);
	background:-o-linear-gradient     (top, #ffffff 0% , #f7f7f7 100%);
	background:-ms-linear-gradient(top, #ffffff, #f7f7f7); /* IE */
	background:linear-gradient        (top, #ffffff 0% , #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,startColorstr='#FFffffff', endColorstr='#FFf7f7f7');/*IE10用（色の頭にFFが必要）*/
	transition: 0.1s all ease 0s;
	}
	.subMenu a:hover,
	.subMenu a:active{
		background:#f7f7f7;
		color:#c00000;
		box-shadow:none;
		-moz-box-shadow:none;
		-o-box-shadow:none;
		-webkit-box-shadow:none;
		}
@media only screen and (min-width : 520px){
.subMenu li a {
	padding:10px 10px;
	font-size:0.8em;
	}
}
@media only screen and (min-width : 768px){
.subMenu li a {
	padding:10px 10px;
	font-size:1em;
	}
}
@media only screen and (min-width : 1200px){
	.subMenu{
		padding:30px 0;
		}
}


/*
共通-ボタン
*********************************************************/
.btnOrange {
	text-align:center;
}
.btnOrange a {
	display:inline-block;
	padding:15px 30px;
	margin:auto;
	text-align:center;
	color:#fff;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	font-weight:900;
	font-size:1.1em;
	background:#ef8b00;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-decoration:none;
	line-height:1em;
}
.btnOrange i {
	margin-right:10px;
}
.btnMini {
	display:inline-block;
	font-size:0.8em;
	text-align:center;
	padding:5px;
	line-height:1em;
	background:#8dc21f;
	margin-top:10px;
	text-decoration:none;
	color:#fff;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.btnRfixed {
	position:fixed;
	right:0;
	top:200px;
	z-index:888888;
}
.btnRfixed p:first-child {
	margin-bottom:10px;
}
.btn2 {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.cardRayout .btn2 li {
	border:none;
	padding:0;
	width:48%;
}
.btn2 a {
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding: 10px 15px;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', sans-serif;
	font-weight: 900;
	font-size: 1.1em;
	background: #ef8b00;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* フッター固定ボタン
*****************************************************/
.foot2Btn{
	position:fixed;
	left:0;
	bottom:26px;
	z-index:5;
	display:flex;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	gap:0;
}

.foot2Btn li{
	width:50%;
	margin:0 !important;
}

.foot2Btn li img{
	display:block;
	width:100%;
	height:auto;
}

/* PAGE TOP の位置をボタン分上げる */
#page-top{
	bottom:80px;
}

/* SPのみ表示 */
.dispSP{
	display:block;
}

@media only screen and (min-width:1024px){
	.foot2Btn{
		display:none;
	}
}


/*
ヘッダー
*********************************************************/
#header{
  position: fixed;
	clear:both;
	float:none;
  top: 0;
  left: 0;
  width: 100%;
	height:60px;
  /*z-index: 9999;*/
	z-index: 99;
	background:#fff;
	padding:0;
	}
#header .innerFull{
	width:96%;
	margin-right:0;
	padding-right:60px;
	display:flex;
	align-items:center;
	}
.logo{ padding-top:8px;}
.logo img {
	max-height:44px;
	}
.hRLink img {
	height:60px;
	}
.logo {
  margin-right: auto; /* ロゴ左寄せ */
	/*padding-top:15px;*/
}
.hRLink {
  display: none;
}
.drawer-toggle {
  margin-left: 0; /* hRLinkに密着 */
}
@media only screen and (min-width : 700px){
.logo {
	padding-top:0;
	}
.hRLink {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
	margin-left:auto;
	}
.hRLink img{
	height:60px;
	width:auto;
	}
}
@media only screen and (min-width : 1024px){
#header{
	height:80px;
	}
#header .innerFull{
	width:98%;
	padding-right:80px;
}
.hRLink img{
	height:80px;
	width:auto;
	}
}
@media only screen and (min-width :1200px){
#header{
	height:94px;
	}
#header .innerFull{
	padding-right:94px;
}
.logo img {
	max-height:64px;
	}
.hRLink{
	position:relative;
	flex-shrink: 0;
	/*width:341px;*/
	height:100%;
	background:#ccc;
	}
.hRLink img {
	height:94px;
	width:auto;
	}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/* メインメニュー
**************************************************/
.mainMenu {
	position:relative;
}
.gNav {
	margin:auto;
	display:none;
	/*display:flex;*/
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.gNav > li > a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	padding:0 18px;
	line-height:1;
	transition:0.3s;
}
/* hover */
.gNav > li > a:hover {
	opacity:0.8;
}
/* TABLET & PC
**************************************************/
@media only screen and (min-width : 900px){
.gNav {
	display:flex;
}
.mainMenu {
	position:relative;
	display:block;
	background:#8dc21f;
	padding:25px 0;
}
}

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

	.mainMenu,
	.gNav,
	.gNav > li {
		overflow: visible;
	}

	.gNav > li {
		position: relative;
	}

	/* =========================
		通常の縦型プルダウン
	========================= */
	.subMenu {
		position: absolute;
		top: calc(100% + 12px);
		left: 50%;

		width: 300px;
		padding: 0;
		margin: 0;

		background: transparent;
		border: none;
		box-shadow: none;
		box-sizing: border-box;

		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, 8px);
		pointer-events: none;
		transition: 0.25s ease;
		z-index: 1000;

		overflow: visible;
	}

	/* 親メニューとの隙間を埋める */
	.subMenu::before {
		content: "";
		position: absolute;
		top: -12px;
		left: 0;
		width: 100%;
		height: 12px;
	}

	/* 吹き出しの三角 */
	.subMenu::after {
		content: "";
		position: absolute;
		top: -7px;
		left: 50%;
		width: 14px;
		height: 14px;
		background: #fff;
		border-top: 1px solid #d9e3c6;
		border-left: 1px solid #d9e3c6;
		transform: translateX(-50%) rotate(45deg);
		z-index: 0;
	}

	/* 白い吹き出し本体 */
	.subMenuInner {
		position: relative;
		z-index: 1;

		display: flex !important;
		flex-direction: column;
		gap: 8px;

		width: 100%;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;

		list-style: none;
		background: #fff;
		border: 1px solid #d9e3c6;
		border-radius: 10px;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
	}

	.subMenuInner > li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	/* ボタン風リンク */
	.subMenuInner > li > a {
		position: relative;
		display: flex;
		align-items: center;

		width: 100%;
		min-height: 54px;
		padding: 14px 42px 14px 18px;
		box-sizing: border-box;

		background: #f7f7f7;
		border: 1px solid #cfcfcf;
		border-radius: 6px;

		color: #222;
		font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', sans-serif;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.4;
		text-align: left;
		text-decoration: none;

		transition: 0.2s ease;
	}

	/* 右矢印 */
	.subMenuInner > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 16px;
		width: 7px;
		height: 7px;
		border-top: 2px solid #8dc21f;
		border-right: 2px solid #8dc21f;
		transform: translateY(-50%) rotate(45deg);
	}

	.subMenuInner > li > a:hover,
	.subMenuInner > li > a:focus {
		background: #eef4e2;
		border-color: #c8d9aa;
		color: #6f9500;
		outline: none;
	}

	/* 表示 */
	.gNav > li:hover > .subMenu,
	.gNav > li:focus-within > .subMenu {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0);
		pointer-events: auto;
	}

	/* 左端用 */
	.gNav > li:first-child > .subMenu {
		left: 0;
		transform: translateY(8px);
	}

	.gNav > li:first-child:hover > .subMenu,
	.gNav > li:first-child:focus-within > .subMenu {
		transform: translateY(0);
	}

	.gNav > li:first-child > .subMenu::after {
		left: 48px;
		transform: rotate(45deg);
	}

	/* 右端用 */
	.gNav > li:last-child > .subMenu {
		left: auto;
		right: 0;
		transform: translateY(8px);
	}

	.gNav > li:last-child:hover > .subMenu,
	.gNav > li:last-child:focus-within > .subMenu {
		transform: translateY(0);
	}

	.gNav > li:last-child > .subMenu::after {
		left: auto;
		right: 41px;
		transform: rotate(45deg);
	}
}

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

	/* 白い吹き出し枠 */
	.subMenu {
		width: 300px;
		padding: 10px;
		box-sizing: border-box;

		background: #fff;
		border: 1px solid #d9e3c6;
		border-radius: 10px;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);

		overflow: visible;
	}

	/* ul側の余白を完全にリセット */
	.subMenuInner {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		gap: 8px;

		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;

		background: transparent;
		border: none;
		border-radius: 0;
		box-shadow: none;

		list-style: none;
	}

	/* liの余白もリセット */
	.subMenuInner > li {
		display: block;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
	}

	/* ボタン */
	.subMenuInner > li > a {
		display: flex;
		align-items: center;

		width: 100%;
		min-height: 54px;
		margin: 0 !important;
		padding: 14px 42px 14px 18px;
		box-sizing: border-box;
	}
}

/* PC用メインメニュー固定 */
@media screen and (min-width: 769px) {
	.mainMenu {
		position: -webkit-sticky;
		position: sticky;
		top: 94px; /* ヘッダーの高さに合わせて調整 */
		z-index: 1;
		width: 100%;
		overflow: visible;
	}
}
/* 画面幅1200px以下 */
@media screen and (max-width: 1200px) {
	.mainMenu {
		top: 80px;
	}
}
/* 画面幅1025px以下 */
@media screen and (max-width: 1025px) {
	.mainMenu {
		top: 60px;
	}
}


/*
フッター
*********************************************************/
#footer {
	/*position: absolute; ←wrapperの一番下に表示 */
	bottom: 0;
	left:0;
	width:100%;
	clear:both;
	float:none;
	padding:0;
	margin-bottom:80px;
	}
#footer img {
	margin:auto;
}

/*フッターナビ*******************/
.footNavi {
	display:none;
	background:#f7f7f7;
	border-top:1px solid #eee;
}
.footNavi ul {
	display:flex;
	flex-wrap: wrap;
	/*flex-wrap: nowrap;*/
	align-items:center;
	justify-content:center;
	width:60%;
	line-height:1em;
}
.footNavi ul li {
	margin:10px;
}
.footNavi ul li a {
	text-decoration:none;
	color:#4c4c4c;
}
.footNavi ul li a i {
	color:#90c31f;
	margin-right:10px;
}

/*コピーライト*******************/
.copyright{
	font-size:0.6em;
	line-height:1;
	text-align:center;
	}
/*TABLET*/
@media only screen and (min-width : 768px){
.footNavi {
	display:block;
}
#footer {
	padding:40px 0;
	margin-bottom:80px;
	}
}
/*PC*/
@media only screen and (min-width : 1200px){
#footer {
	padding:40px 0;
	margin-bottom:0;
	}
}
/*IE*/
@media all and (-ms-high-contrast:none){
}





/*********************************************************
index
*/

/*TOP：ご挨拶*******************/
.topGreeting {
	background:url(../images/greetingBg.jpg) top right no-repeat;
}
.greetingBox {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
/* 画像エリア */
.greetingImg {
  display: block;
}
/* 画像 */
.greetingImg img {
  width: 450px;
  border-radius: 20px;
  box-shadow: 5px 5px 0 rgba(0,0,0,0.05);
  display: block;
  margin: 0 auto;
}
/* dl全体 */
.greetingText {
  flex: 1;
}
/* dt（タイトル） */
.greetingText dt {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  color: #8dc21f;
  margin-bottom: 30px;
}
/* dd（本文） */
.greetingText dd {
  margin: 0;
  line-height: 1.8;
}
.greetingReadTxt {
  position: relative;
}
/* 左の「−」 */
.greetingReadTxt::before {
  content: "− ";
}
/* 右の「−」 */
.greetingReadTxt::after {
  content: " −";
}

/* スマホ */
@media screen and (max-width: 900px) {
.greetingBox {
	flex-direction: column;
	align-items: center;
}
.greetingImg img {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
}
/* 左の「−」 */
.greetingReadTxt::before {
  content: "";
}
/* 右の「−」 */
.greetingReadTxt::after {
  content: "";
}
}


/*TOP：法人を知る*******************/
.topCorp {
	background:#fbf5ec;
}
.topCorp img {
	margin:auto;
}
.topCorpRayout {
	display:flex;
	flex-wrap: wrap;/*折返*/
	gap:10px 2%;/*間隔*/
	}
.topCorpRayout > *{
	flex-shrink:1;
	width:49%;
	}
.topCorpRayout > * > a{
	height:100%;
	}
@media only screen and (min-width : 768px){
	.topCorpRayout {
		gap:20px 2%;/*間隔*/
		}
	.topCorpRayout > *{
		flex-shrink:1;
		width:23.5%;
		}
}
@media only screen and (min-width : 1024px){
}
@media only screen and (min-width : 1200px){
}


/*TOP：仕事を知る*******************/
.topWork {
	background:url(../images/bg_leaf.jpg) top center no-repeat;
}
.topWork dt {
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	font-size:1.4em;
	margin-bottom:20px;
}
.topWork img {
	margin:auto;
}


/*TOP：仲間を知る*******************/
.topPeople {
	background:#f7fbef;
}
.topPeople dt {
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	font-size:1.4em;
	margin-bottom:20px;
}
.topPeople img {
	margin:auto;
}


/*TOP：NEWS*******************/
.newsScroll{
	width:90%;
	max-height:400px;
	overflow-y:auto;
	margin:auto;
	padding-right:20px;
	}
	.newsScroll::-webkit-scrollbar {
    width: 10px;
		}
	.newsScroll::-webkit-scrollbar-track {
    background-color:#ddd;
		}
 	.newsScroll::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color:#ccc;
		}

.news {}
.news dl {
  display:flex;
  align-items: center; /* 縦中央揃え */
  flex-wrap: wrap;
  padding:10px;
  border-bottom:#ccc solid 1px;
	}
.news .newsDate {
	flex-shrink: 0;
	width:83px;
	padding:5px 0;
	font-weight:bold;
	margin-right:auto;
	}
.news .newsCate {
	flex-shrink: 0;
	width:120px;
	padding:5px 2px;
	background:#fff;
	border:#ccc solid 1px;
	text-align:center;
	margin-left:auto;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	font-size:0.9em;
	line-height:1em;
	}
	.newsCate.cate1 { border-color:#ccc; color:#ef8b00; }
	.newsCate.cate2 { border-color:#ccc; color:#8dc21f; }
	.newsCate.cate3 { border-color:#ccc; color:#999999; }
	.newsCate.cate4 { border-color:#ccc; color:#***; }
	.newsCate.cate5 { border-color:#ccc; color:#***; }
.news .newsTtl{
	flex-shrink: 0;
	width:100%;
	padding-top:5px;
	}
.news a{ text-decoration:none;}

/*TABLET*/
@media only screen and (min-width : 768px){
}
/*PC*/
@media only screen and (min-width : 1200px){
.newsScroll{
	width:70%;
	max-height:400px;
	padding-right:30px;
	}
	.news dl{
		padding:15px;
		gap:20px;
		}
	.news .newsDate{
		margin-right:inherit;
		}
	.news .newsCate{
		margin-left:inherit;
		}
	.news .newsTtl{
		width:calc( 100% - 40px - 83px - 160px);
		padding:5px 0;
		}
}


/*TOP：SNS*******************/
.sns{
	background:#fbf5ec;
	padding:40px 0;
}

.sns .column1-2{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:40px;
}

.sns .column1-2 > li{
	flex:0 0 auto;
	width:380px;
	max-width:100%;
}

.sns img{
	display:block;
	width:100%;
	height:auto;
}

@media (max-width:767px){
	.sns .column1-2{
		flex-direction:column;
		gap:15px;
	}

	.sns .column1-2 > li{
		width:100%;
		max-width:300px;
	}
}
@media (max-width:1200px){
	.sns .column1-2{
		flex-direction:column;
		gap:15px;
	}

	.sns .column1-2 > li{
		width:100%;
		max-width:380px;
	}
}


/*TOP：バナー群*******************/
.bnSpace .column1-2 {
	margin-bottom:20px;
}
.bnSpace img {
	margin:auto;
}
/*TABLET*/
@media only screen and (min-width : 768px){
.bnSpace .column1-2 {
	margin-bottom:0;
}
}


/*TOP：SNS*******************/
.footGroup{
}
.footGroup .column2{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.footGroup .column2 > li{
	flex:0 0 auto;
	width:380px;
	max-width:100%;
}
.footGroup img{
	display:block;
	width:100%;
	height:auto;
}
@media (max-width:767px){
	.footGroup .column2{
		flex-direction:column;
		gap:15px;
	}
	.footGroup .column2 > li{
		width:100%;
		max-width:380px;
	}
}


/*********************************************************
2nd
*/

.mainImg2nd {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mainImg2nd img {
  width: 100%;
  height: auto;
  display: block;
}

h2.pageTtl {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  background: none;
  border-radius: 0;
  padding: 0;
  font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
  font-size: 1.7em;
  font-weight: 900;
	width:90%;
	text-align:center;
}

.dummyImg {
	margin:auto;
}

.recruitIco {
	display:block;
	text-align:center;
	padding:7px;
	margin-bottom:10px;
	line-height:1em;
	color:#fff;
	font-weight:bold;
  font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
  font-size: 0.8em;
  font-weight: 700;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	width:160px;
}
.recListIco1 {
	background:#70C2D1;
}
.recListIco2 {
	background:#DD9B9B;
}
.recListIco3 {
	background:#47AD61;
}

/*PC*/
@media only screen and (min-width : 768px){
h2.pageTtl {
  background: rgba(255,255,255,0.7);
  padding: 20px 40px;
  backdrop-filter: blur(3px); /* すりガラス風（対応ブラウザ注意） */
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	font-size: 1.8em;
	width:50%;
	border-radius: 7px;
}
}

.layoutCard {
}
.layoutCard li {
	padding:20px;
	border:1px solid #ddd;
	border-radius: 7px;
	background:#fff;
}
.layoutCard dt {
	text-align:center;
	font-size:1.2em;
	font-weight:800;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ddd;
	color:#8dc21f;
}
.layoutCard dd {
	line-height:1.6em;
}

.layoutLR {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:flex-start;
}
.layoutLR img,
.layoutLR2 img {
	margin:auto;
}
.layoutLR p:first-child {
	width:100%;
	margin-right:0;
	margin-bottom:15px;
}
.layoutLR p:last-child,
.layoutLR div {
	width:100%;
}
.layoutLR2 {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:flex-start;
	background:#f7f7f7;
	padding:20px;
}
.layoutLR2 p:first-child {
	width:100%;
	margin-right:0;
	margin-bottom:15px;
}
.layoutLR2 p:last-child,
.layoutLR2 div {
	width:100%;
}
/*PC*/
@media only screen and (min-width : 768px){
.layoutLR p:first-child {
	width:28%;
	margin-right:2%;
	margin-bottom:0;
}
.layoutLR p:last-child,
.layoutLR div {
	width:70%;
}
.layoutLR2 p:first-child {
	width:20%;
	margin-right:2%;
	margin-bottom:0;
}
.layoutLR2 p:last-child,
.layoutLR2 div {
	width:78%;
}
}

.cardRayout {
}
.cardRayout li {
	padding:10px;
	border:1px solid #ddd;
	background:#fff;
	border-radius: 7px;
}
.cardRayout2 li {
	padding:10px;
}
.cardRayout img {
	margin:auto;
}
.cardRayout li dt {
	font-size:1.3em;
	font-weight:900;
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	color:#8dc21f;
	text-align:center;
	margin:10px auto;
}
.cardRayout li dd {
	margin-bottom:20px;
}
.rayoutLR,
.rayoutRL {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:space-between;
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	justify-content:space-between;
}
.rayoutLR > p,
.rayoutRL > p {
	order: 1;
	width:100%;
	margin-bottom:20px;
}
.rayoutLR > div,
.rayoutRL > div {
	order: 2;
	width:100%;
}
.rayoutLR > p img,
.rayoutRL > p img {
	margin:auto;
}

.blockFrame {
	padding:30px;
	background:#fbf5ec;
	border-radius: 10px;
}

.ttlPoint {
	font-size:1.4em;
	line-height:1.6em;
	font-weight:900;
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	margin-bottom:30px;
	border-left:3px solid #8dc21f;
	padding-left:15px;
}

.moreBtn {
}
.moreBtn a {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:1.2em;
	line-height:1em;
	font-weight:900;
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	background:#8dc21f;
	padding:10px;
	width:200px;
	border-radius: 10px;
	margin-top:30px;
}
.moreBtnCenter {
}
.moreBtnCenter a {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:1em;
	line-height:1em;
	font-weight:900;
	font-family: 'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	background:#8dc21f;
	padding:10px;
	width:200px;
	border-radius: 10px;
	margin:30px auto 0;
}

dd.js-ah-01 {
  font-size: 16px;
  line-height: 2;
  padding: 10px;

  /* 文字下の横線 */
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: #ddd;
  text-underline-offset: 0.6em;
  text-decoration-skip-ink: none;
  border-radius: 6px;
  background: #fff;
}
/*PC*/
@media only screen and (min-width : 1200px){
.cardRayout li {
	padding:20px;
}
.rayoutLR > p,
.rayoutRL > p {
	width:25%;
	margin-bottom:0;
}
.rayoutLR > div,
.rayoutRL > div {
	width:71%;
}
.rayoutLR > p {
	order: 1;
}
.rayoutRL > p {
	order: 2;
}
.rayoutLR > div {
	order: 2;
}
.rayoutRL > div {
	order: 1;
}
}

.BaseRayoutLR {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.BaseRayoutLR p:nth-child(1) {
	width:100%;
	margin-bottom:15px;
}
.BaseRayoutLR p:nth-child(2) {
	width:100%;
}
.BaseRayoutLR p img {
	margin:auto;
}
/*TABLET*/
@media only screen and (min-width : 768px){
.BaseRayoutLR p:nth-child(1) {
	width:30%;
	margin-bottom:0;
}
.BaseRayoutLR p:nth-child(2) {
	width:68%;
}
}
/*PC*/
@media only screen and (min-width : 1200px){
}

/*おおとり福祉会を知る*******************/
.readCopy {
}
.readCopy p.keyFont {
	 text-align:center;
	 font-size:2em;
	 font-weight:900;
}
.readCopy p.keyFont span {
	display:block;
	font-size:0.8em;
	color:#999;
	margin-bottom:20px;
}
.youtubeVR {
  position: relative;
  width: 100%;
  max-width: 800px;   /* PCでは最大800px */
  margin: 0 auto;
  aspect-ratio: 16 / 9; /* 対応ブラウザならこれだけでOK */
}
.youtubeVR iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.reason {
}
.reason .cardRayout li {
	border:none;
}


/*仕事を知る*******************/
.work {
}
.work dt,
.event dt {
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	font-size:1.2em;
	color:#8dc21f;
	margin-bottom:20px;
	padding:10px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	font-weight:900;
	border:2px solid #8dc21f;
}
.work dd.js-ah-01 {
	padding:20px;
}
.work dd span {
	display:block;
}
.work dd span i {
	margin-right:5px;
}
.work dd span a {
	display:block;
	margin-top:20px;
	float:right;
	text-decoration:none;
	color:#ef8b00;
}
.work dd span a:hover,
.work dd span a:active {
	color:#999;
}
.work img {
	margin:auto;
}
.work > img {
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.event dd {
	padding:0;
}
.event img {
	margin:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
/*TABLET*/
@media only screen and (min-width : 768px){
.work dt,
.event dt {
	padding:15px;
}
}


/*仲間を知る*******************/
.staffList {
	border:1px solid #ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:30px;
}
.interview {
}
.interview ul {
}
.interview li {
  position: relative; /* 基準点 */
  border-radius:7px;
  border:2px solid #8dc21f;
  padding:0 0 10px;
  background:#f7fbef;
  overflow: hidden; /* 角丸に合わせる */
}
/* 共通アイコン設定 */
.interview li .icoEb,
.interview li .icoType {
  position: absolute;
  left: 8px;
  width: 50px;
  height: 22px;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  align-items: center;   /* 縦中央 */
  justify-content: center; /* 横中央 */
  border-radius: 4px;
  z-index: 2;
}
/* 上のアイコン */
.interview li .icoEb {
  top: 8px;
  background: #ef8b00;
  color: #fff;
}
/* 下のアイコン */
.interview li .icoType {
  top: 36px;
  background: #fff;
  border: 1px solid #8dc21f;
  color: #8dc21f;
}
/* ★ここが重要 */
.interview li a.interviewLink {
  display: block;
  position: relative; /* absoluteの基準をaにする */
  color: inherit;
  text-decoration: none;
}
/* hover時に少し薄く */
.interview li a.interviewLink:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.interview p img {
	margin:0 auto 10px;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
.interview > dl {
	width:90%;
	margin:auto;
}
.simulation li p a {
	display:block;
	text-align:center;
	padding:15px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	color:#fff;
	background:#8dc21f;
	line-height:1em;
	font-weight:bold;
	text-decoration:none;
}
.interview li dl {
	padding:0 10px !important;
}
.interview li dl dt {
	font-weight:bold;
	color:#ef8b00;
}
.interview li dl dd {
	font-size:0.9em;
	line-height:1.4em;
}
.profile dt {
	font-size:1em;
	font-weight:900;
	color:#8dc21f;
	margin-bottom:10px;
	padding:5px;
	border-bottom:1px dashed #ccc;
}
.profile dd {
	font-size:0.9em;
	line-height:1.4em;
}
.movieWrap80 {
  position: relative;
  width: 80%;
  max-width: 960px;      /* 任意：大きくなりすぎ防止 */
  margin: 0 auto;  /* 中央寄せ＋下余白 */
  padding-top: 42.85%; /* ★高さを低く（21:9） */
}
.movieWrap80 iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.movieText {
  width: 80%;
  max-width: 960px;
  margin: 20px auto 0;  /* 中央寄せ */
  text-align: center;
  font-size: 0.95em;
  color: #555;
}
.movieText span {
	display:block;
	font-size:1.2em;
	font-weight:bold;
}
.profile {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:flex-start;
	/*justify-content:space-between;*/
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px dashed #ddd;
}
.profile > p {
	width:45%;
	margin-right:2%;
}
.profile > div {
	width:53%;
}
.profile div dl {
	width:100%;
}
.introCopy {
	font-size:1.2em;
	font-weight:800;
	width:100%;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
}
.qa {
}
.qa dt {
  display: flex;
  align-items: center;
  border: 2px solid #8dc21f;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
	margin-bottom:20px;
}
/* Q */
.qa-label {
  background: #8dc21f;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Qタイトル部分 */
.qa-title {
  flex: 1;
  padding: 12px 16px;
  font-size: 1.2em;
	font-weight:800;
  color: #333;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
}
.qa dd {
	line-height:1.6em;
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:flex-start;
}
.qa dd p {
	width:35%;
	margin-right:2%;
}
.qa dd div {
	width:63%;
}


/*環境・制度を知る*******************/
.system {
}
.career-wrap {
  max-width: 1200px;
  margin: 60px auto;
  padding: 20px;
}
.career-title {
  text-align: center;
  font-size: 30px;
  color: #5c8f12;
  margin-bottom: 50px;
}
.step-list {
  position: relative;
  padding-left: 40px;
}
.step {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  padding: 25px 25px 25px 40px;
  margin-bottom: 50px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
  border: 3px solid #8dc21f;
}
.step-number {
  position: absolute;
  left: -40px;
  top: 20px;
  width: 70px;
  height: 70px;
  background: #8dc21f;
  color: #fff;
  border-radius: 50%;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.step h3 {
  margin: 0 0 10px;
  font-size: 22px;
  color: #4a7f0b;
	text-align:left;
}
.step p {
  margin: 0;
  line-height: 1.8;
  color: #333;
}

/* 矢印アニメーション */
.arrow {
  text-align: center;
  font-size: 30px;
  color: #8dc21f;
  margin: -20px 0 20px;
  animation: arrowMove 1.5s infinite;
}
@keyframes arrowMove {
  0% { transform: translateY(0); opacity: 0.3; }
  50% { transform: translateY(10px); opacity: 1; }
  100% { transform: translateY(0); opacity: 0.3; }
}
/* レスポンシブ */
@media screen and (max-width: 768px) {
  .career-title {
    font-size: 24px;
  }
  .step {
    padding: 20px 15px 20px 30px;
  }
  .step-number {
    width: 55px;
    height: 55px;
    font-size: 22px;
    left: -30px;
  }
  .step h3 {
    font-size: 18px;
  }
}


/*未経験の方へ*******************/
.inexperience {
}
.senior {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	/*justify-content:flex-start;*/
	justify-content:space-between;
}
.senior p {
	width:100%;
}
.senior p img {
	border-radius: 5px;
	margin:0 auto 20px;
}
.senior div {
	width:100%;
}
.senior div dt {
	font-weight:700;
	font-size:1.2em;
  color: #8dc21f;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
}
.greetingOther {
	display:flex;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.greetingOther p img {
	border-radius: 10px;
	margin:0 auto 15px;
}
.greetingOther p:first-child {
	width:100%;
}
.greetingOther p:last-child {
	width:100%;
}
@media only screen and (min-width : 768px){
.senior p {
	width:35%;
}
.senior div {
	width:62%;
}
.greetingOther p img {
	margin:0 auto 0;
}
.greetingOther p:first-child {
	width:25%;
}
.greetingOther p:last-child {
	width:72%;
}
}


/*ご家族の方へ*******************/
.family {
}
.familyDl {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed #ccc;
}
.familyDl:last-child {
	margin-bottom:0;
}
.familyDl dt {
	font-weight:bold;
	color:#8dc21f;
}
.familyDl dd {
}
.familyDl span {
	display:block;
	font-weight:bold;
	color:#ef8b01;
}


/*採用情報*******************/
.recruit {
}
.demand .inner {
	display: flex;
	align-items: center;
	position: relative;
	gap: 0;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
/* 共通 */
.demand .inner p {
	margin: 0;
}
/* テキスト部分 */
.demand .inner p:first-child {
	background: rgba(255, 255, 255, 0.82);
	padding: 30px;
	position: relative;
	z-index: 2;
	max-width: 800px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	border-radius: 16px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
/* 画像部分 */
.demand .inner p:last-child {
	position: relative;
	z-index: 1;
	width: 50%;
}
.demand .inner img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
}
/* demand1（左：文章 / 右：画像） */
.demand1 {
	flex-direction: row;
}
.demand1 p:first-child {
	margin-right: -70px;
}
/* demand2（左：画像 / 右：文章） */
.demand2 {
	flex-direction: row-reverse;
}
.demand2 p:first-child {
	margin-left: -70px;
}
/* レスポンシブ */
@media screen and (max-width: 768px) {
	.demand .inner,
	.demand1,
	.demand2 {
		flex-direction: column;
		align-items: stretch;
	}
	.demand .inner p:first-child {
		margin: 0 0 20px 0;
		max-width: 100%;
		padding: 24px;
	}
	.demand .inner p:last-child {
		width: 100%;
	}
	.demand .inner img {
		border-radius: 16px;
	}
}
.recruitPr {
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	/*justify-content:flex-start;*/
	justify-content:center;
	/*justify-content:space-between;*/
}
.recruitPr p {
	margin-right:20px;
}
.recruitPr .list li {
	font-size:1.2em;
	font-weight:bold;
	line-height:2em;
}
p.readTxt {
	text-align:center;
	font-size:1.7em;
	font-weight:700;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	line-height:1.6em;
}
p.readTxt span {
	display:block;
	font-size:0.8em;
}
.icoSono {
	display:inline-block;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	font-weight:700;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	line-height:1em;
	font-size:0.8em;
	background:#f18d01;
	color:#fff;
}

.faqLink {
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	justify-content:center;
}
.faqLink li {
}
.faqLink li a {
	display:block;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
}
.recruitListWrap {
}
.recruitListWrap > dt {
	background:#666;
	color:#fff;
	padding:20px;
	margin-bottom:15px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:1em;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	font-weight:700;
}
.recruitListRayout {
}
.recruitListP img {
	margin:auto;
}
.recruitListTxt {
}
.recruitListTxt dt {
	font-size:1.1em !important;
	font-weight:700;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	color:#ef8b00;
	text-align:left !important;
}
.recruitListTxt p a {
	display:inline-block;
	text-align:center;
	padding:10px 20px;
	text-decoration:none;
	border:1px solid #ccc;
	line-height:1em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
}
.recruitListTxt li dd {
	margin-bottom:10px !important;
}

/*お知らせ*******************/
.newsDetail {
}
.newsDetail p.newsDate {
	text-align:right;
	color:#999;
	font-size:0.9em;
	padding-bottom:15px;
	margin-bottom:30px;
	border-bottom:1px dotted #ccc;
}
.newsDetail p.newsNote {
	line-height:2em;
}
.news-img-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 15px;
}

.news-img-grid img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 600px) {
  .news-img-grid {
    grid-template-columns: 1fr;
  }
}

/*シミュレーション*******************/
/************************************************************
中途採用　給与シミュレーション
************************************************************/

.tab{overflow:hidden; margin:0; padding:0;}
.tab > p{float:left; width:25%; background:#ddd; padding:10px 0 5px; border-right:#ffffff solid 1px; text-align:center; cursor:pointer; font-size:0.8em; line-height:1;}
.tab > p:hover{color:#69a13b;}
.tab > p.tabSelect{background:#F7F4E1; font-weight:bold; color:#69a13b;}

.tabContent{ margin:0 0 30px; padding:0;}
.tabContent > div{ border:#F7F4E1 solid 8px; padding:10px; list-style:none;}
.tabHide {display:none;}

.tabContent dl{
	display:table;
	width:100%;
	padding:10px 0;
	border-bottom:#ccc dotted 3px;
	margin-bottom:10px;
	}
.tabContent dl >*{ display:table-cell; vertical-align: middle;}
.tabContent dt {width:40%;}
.tabContent dd {width:60%;}

.tableTd1 {
	border-top: 1px solid #ECE6BF;
	background: #F7F4E1;
	font-weight: bold;
	padding:10px;
	margin-bottom:15px;
}

@media only screen and (min-width: 1200px){
.tabContent > div {
	border: #F7F4E1 solid 10px;
	padding: 20px;
	list-style: none;
}
.tabContent dl {
	display: table;
	float: left;
	width: 48%;
	margin-right: 2%;
	padding: 10px 0;
	border-bottom: #ccc dotted 3px;
	margin-bottom: 10px;
}
.tabContent dt {
	width: 40%;
}
.tabContent dd {
	width: 60%;
}
.tabContent dl >* {
	display: table-cell;
	vertical-align: middle;
}
.btn a{
	display:block;
	background:#69a13b;
	padding:5px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	width:90%;
	margin:auto;
		border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	behavior: url(../css/border-radius.htc); /* IE */
}
.btn a:hover,
.btn a:active{
	background:#487523;
}
}
@media all and (-ms-high-contrast:none){
	.btn a{ padding:8px 5px 2px;}
}





/*動画*******************/
.video-wrap {
  width: 100%;
  max-width: 950px;   /* PC時の最大サイズ */
  margin: 0 auto;     /* 中央寄せ */
}
.video-wrap video {
  width: 100%;
  height: auto;
  aspect-ratio: 950 / 600; /* 比率固定 */
  display: block;
}
@media (max-width: 768px) {
  .video-wrap {
    max-width: 100%;
  }
}

/*募集要項詳細*******************/
.pageBackLink {
	display:block;
	text-align:right;
}
.btnEnrty {
}
.btnEnrty a {
	display:block;
	text-align:center;
	line-height:1em;
	padding:20px;
	margin-top:30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#ef8b01;
	color:#fff;
	font-size:1.5em;
	font-weight:900;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
	text-decoration:none;
}
.btnEnrty a:hover,
.btnEnrty a:active {
	background:#F60;
}

.recIco {
	display:inline-block;
	text-align:center;
	padding:7px 10px;
	line-height:1em;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	color:#fff;
}
.ico1 {
	background:#09C;
}
.ico2 {
	background:#C60;
}
.ico3 {
	background:#093;
}


.btnLsize {
	margin:auto;
	text-align:center;
}
.btnLsize a span {
	display:block;
	font-size:0.8em;
	margin-top:10px;
}
/*.btnLsize a {
	display:block;
	margin:auto;
	text-align:center;
	padding:20px;
	width:600px;
	background:#9C0;
	color:#fff;
	text-decoration:none;
	border-radius:10px;
	font-size:1.6em;
	font-weight:bold;
	font-weight:900;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic ProN','Yu Gothic', 'Meiryo',sans-serif;
}*/

.btnLsize a {
	position:relative;
	overflow:hidden;
	display:inline-block;
	padding:20px;
	width:90%;
	background:#9C0;
	color:#fff;
	text-decoration:none;
	border-radius:10px;
	font-size:1.4em;
	font-weight:900;
	font-family:'Zen Maru Gothic','Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',sans-serif;
	animation:pulseBtn 2s infinite ease-in-out;
}
/*TABLET*/
@media only screen and (min-width : 768px){
.btnLsize a {
	padding:20px;
	width:70%;
	font-size:1.6em;
}
}

.btnLsize a::after {
	content:"";
	position:absolute;
	top:0;
	left:-150%;
	width:80px;
	height:100%;
	background:rgba(212,243,189,.3);
	transform:skewX(-25deg);
	animation:shine 3s infinite;
}
@keyframes shine {
	0% {
		left:-120%;
	}
	30% {
		left:120%;
	}
	100% {
		left:120%;
	}
}

.sign {
	display:block;
	font-size:1.6em;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:right;
	margin-top:20px;
}


/* 受け皿ページ：共通 *******************/
.staffVoiceLR {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.staffVoiceLR p {
	width:100%;
	margin-bottom:20px;
}
.staffVoiceLR div {
	width:100%;
}
.staffVoiceLR div img {
	width:100%;
	margin:auto;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.staffVoiceLR{
		flex-direction:column;
}
/*TABLET*/
@media only screen and (min-width : 768px){
.staffVoiceLR p {
	width:72%;
	margin-bottom:0;
}
.staffVoiceLR div {
	width:25%;
}
.staffVoiceLR{
		flex-direction:row;
}
}


/* ノーリフティングケア *******************/
.noLift{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.noLift-text{
    width:55%;
		margin-bottom:0;
}
.noLift-img{
    width:40%;
}
.noLift-img img{
    width:100%;
    height:auto;
    display:block;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;

}
@media screen and (max-width:767px){
.noLift{
		flex-direction:column;
}
.noLift-text,
.noLift-img{
		width:100%;
}
.noLift-text{
margin-bottom:20px;
}
}



/* ==================================================
   PC 通常プルダウンメニュー
================================================== */
@media screen and (min-width: 1101px) {

	.globalNav {
		margin-left: auto;
		height: 100%;
	}

	.globalNav__list {
		display: flex;
		align-items: stretch;
		height: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.globalNav__item {
		position: relative;
		display: flex;
		align-items: stretch;
	}

	.globalNav__link {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 88px;
		padding: 0 18px;
		color: #333;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.5;
		text-decoration: none;
		white-space: nowrap;
		transition:
			color 0.25s ease,
			background-color 0.25s ease;
	}

	.globalNav__link:hover,
	.globalNav__item:focus-within > .globalNav__link {
		color: #77b927;
		background-color: #f6faef;
	}

	/* 親メニュー下部のライン */
	.globalNav__link::before {
		position: absolute;
		right: 18px;
		bottom: 0;
		left: 18px;
		height: 3px;
		background-color: #77b927;
		content: "";
		transform: scaleX(0);
		transform-origin: center;
		transition: transform 0.25s ease;
	}

	.globalNav__item:hover > .globalNav__link::before,
	.globalNav__item:focus-within > .globalNav__link::before {
		transform: scaleX(1);
	}

	/* 下向き矢印 */
	.hasDropdown > .globalNav__link {
		padding-right: 34px;
	}

	.hasDropdown > .globalNav__link::after {
		position: absolute;
		top: 50%;
		right: 17px;
		width: 6px;
		height: 6px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		content: "";
		transform: translateY(-65%) rotate(45deg);
		transition: transform 0.25s ease;
	}

	.hasDropdown:hover > .globalNav__link::after,
	.hasDropdown:focus-within > .globalNav__link::after {
		transform: translateY(-30%) rotate(225deg);
	}

	/* 通常のプルダウン */
	.globalNav__dropdown {
		position: absolute;
		z-index: 1000;
		top: 100%;
		left: 50%;
		width: 260px;
		margin: 0;
		padding: 8px 0;
		list-style: none;
		background-color: #fff;
		border-top: 3px solid #77b927;
		border-radius: 0 0 8px 8px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);

		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translate(-50%, 10px);
		transition:
			opacity 0.2s ease,
			visibility 0.2s ease,
			transform 0.2s ease;
	}

	.globalNav__item:hover > .globalNav__dropdown,
	.globalNav__item:focus-within > .globalNav__dropdown {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translate(-50%, 0);
	}

	.globalNav__dropdown li {
		margin: 0;
		padding: 0;
	}

	.globalNav__dropdown li + li {
		border-top: 1px solid #e8e8e8;
	}

	.globalNav__dropdown a {
		position: relative;
		display: block;
		padding: 14px 38px 14px 20px;
		color: #333;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.6;
		text-decoration: none;
		transition:
			color 0.2s ease,
			background-color 0.2s ease,
			padding-left 0.2s ease;
	}

	.globalNav__dropdown a::after {
		position: absolute;
		top: 50%;
		right: 19px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #77b927;
		border-right: 1px solid #77b927;
		content: "";
		transform: translateY(-50%) rotate(45deg);
	}

	.globalNav__dropdown a:hover,
	.globalNav__dropdown a:focus-visible {
		padding-left: 25px;
		color: #659e20;
		background-color: #f4f9ed;
		outline: none;
	}

}
@media screen and (min-width: 1101px) {
	.globalNav__dropdown {
		right: auto;
		left: 50%;
		width: 260px;
	}

	.globalNav__dropdown {
		display: block;
	}
}

h5[id^="facility"] {
    scroll-margin-top: 160px;
}



/* =========================================
   未経験・ご家族メニュー
========================================= */

.drawer-menu-stack {
	padding: 0;
}

/* SPでは通常のメニューと同じ見た目 */
.drawer-menu-stack .drawer-menu-item {
	width: 100%;
	box-sizing: border-box;
}

.drawer-menu-stack .drawer-menu-item + .drawer-menu-item {
	border-top: 1px solid #ccc;
}


/* =========================================
   PC
========================================= */
@media only screen and (min-width: 900px) {

	/* 左列を2段メニューにする */
	.drawer-menu > li.drawer-menu-stack {
		width: 32%;
		border: none;
		border-radius: 0;
		overflow: visible;

		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	/* 2つをそれぞれ独立したボタンに */
	.drawer-menu-stack .drawer-menu-item {
		display: flex;
		align-items: center;
		justify-content: center;

		width: 100%;
		box-sizing: border-box;

		padding: 15px;

		border: 1px solid #ccc;
		border-radius: 5px;

		background: #f7fbef;
		color: #6d9715;
	}

	.drawer-menu-stack .drawer-menu-item + .drawer-menu-item {
		border-top: 1px solid #ccc;
	}

	.drawer-menu-stack .drawer-menu-item:hover {
		background: #8dc21f;
		color: #fff;
	}

}











/*TABLET*/
@media only screen and (min-width : 768px){
}
/*PC*/
@media only screen and (min-width : 1200px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}