@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------


    INDEX PAGE
	

---------------------------------------------------*/

/* メインビジュアル
=========================================*/
/* Opening
-----------------------------------------*/
.Opening {
	position:relative;
	background-color: #FFF;
	width:854px;
	height:480px;
	overflow:hidden;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}
.Opening ul li{
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
/*.Opening ul li img.Opening__text{
  position: absolute;
  top:32%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
  width:350px;
  height:auto;
}
.Opening ul li img.Opening__text img{
  width: 100%;
  height: auto;
}*/
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}


@media screen and (max-width: 960px) {
.Opening {
	width:100%;
	height:200px;
	border-radius:0px;
	border:none;
}

.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}
}

/*@media (min-width: 768px) and (max-width: 1024px) {
.Opening {
	display:none;
}
}*/



/*INDEX CONTENT  -----------------------------------------------*/
.index-cont01{
	width:100%;
	height:480px;
	position:relative;
	margin-bottom:40px;
}

.index-cont01 .movie{
	display:block;
	width:854px;
	height:480px;
	position:absolute;
	top:0px;
	left:0px;
}

.movie > h1{
	display:block;
	text-align:center;
	font-family: 'Noto Serif JP', sans-serif;
	color:#FFFFFF;
	font-size:38px;
	-webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,1));
     filter: drop-shadow(1px 1px 3px #000000);
	 position:absolute;
	 top:210px;
	 width:854px;
}

.index-cont01 .message-area{
	display:block;
	width:320px;
	height:218px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/index/message_main.jpg) no-repeat center center;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

@media screen and (max-width: 960px) {
.index-cont01{
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.index-cont01 .movie{
	width:114%;
	height:200px;
	position:relative;
	left:-7%;
}

.movie > h1{
	font-size:22px;
	 top:80px;
	 width:100%;
}

.index-cont01 .message-area{
	width:100%;
	height:150px;
	position:relative;
	border-radius:0px;
	margin-top:20px;
	margin-bottom:10px;
}
}


/*NEWS*/
.news{
	display:block;
	width:320px;
	height:auto;
	position:absolute;
	top:248px;
	right:0px;
}

.news > h2{
	font-size:16px;
	color:#990000;
	margin-bottom:3px;
}

.news dl dd{
	font-size:12px;
	margin-bottom:3px;
}

.news dl dd+dt{
	padding-top:3px;
	border-top:1px #CCCCCC solid;
}

@media screen and (max-width: 960px) {
.news{
	width:100%;
	position:static;
	margin-bottom:30px;
}

.news > h2{
	font-size:14px;
}
}


.index-cont03{
	width:100%;
	height:350px;
	position:relative;
	margin-bottom:40px;
}

.index-cont06 .recruit-area > h3.headline{
	top:110px;
}

.index-cont03 .senior-area{
	width:100%;
	height:350px;
	background:url(../images/index/senior_main.jpg) no-repeat center center;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.index-cont06{
	width:100%;
	height:650px;
	position:relative;
	margin-bottom:40px;
}

.index-cont06 .safety-area,
.index-cont06 .welfare-area,
.index-cont06 .faq-area{
	width:367px;
	height:350px;
	position:absolute;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}

.index-cont06 .safety-area{
	top:0px;
	left:0px;
	background:url(../images/index/safety_main.jpg) no-repeat center center;
	background-size:cover;
}

.index-cont06 .welfare-area{
	top:0px;
	left:417px;
	background:url(../images/index/welfare_main.jpg) no-repeat center center;
	background-size:cover;
}

.index-cont06 .faq-area{
	top:0px;
	right:0px;
	background:url(../images/index/faq_main.jpg) no-repeat center center;
	background-size:cover;
}

.index-cont06 .recruit-area{
	width:100%;
	height:260px;
	position:absolute;
	top:390px;
	left:0px;
	background:url(../images/index/recruit_main.jpg) no-repeat center center;
	background-size:cover;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}


@media screen and (max-width: 960px) {
.index-cont03{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.index-cont06 .recruit-area > h3.headline{
	top:60px;
}

.index-cont03 .senior-area{
	width:100%;
	height:150px;
	position:relative;
	left:0;
	border-radius:0px;
}

.index-cont06{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.index-cont06 .safety-area{
	background:url(../images/index/safety_main.jpg) no-repeat center -30px;
	background-size:cover;
}

.index-cont06 .faq-area{
	background:url(../images/index/faq_main.jpg) no-repeat center -50px;
	background-size:cover;
}

.index-cont06 .safety-area,
.index-cont06 .welfare-area,
.index-cont06 .faq-area{
	width:100%;
	height:150px;
	position:relative;
	top:0;
	left:0;
	border-radius:0px;
	margin-bottom:10px;
}

.index-cont06 .recruit-area{
	width:100%;
	height:150px;
	position:relative;
	top:0;
	left:0;
	border-radius:0px;
}
}

/*2025.07.08ADD*/
.YouTube-bnr {
	width: 100%;
	border-radius:10px;
	border:1px #b7b7b7 solid;
	padding: 20px;
	margin-bottom: 50px;
}
.YouTube-bnr a:hover {
	opacity: 50%;
	transition: opacity 0.3s ease-in-out;
}
.Cap-Box {
	width: 360px;
	position: relative;
	float: left;
	margin-right: 35px;
	/*display: flex;  Flexboxを有効にする */
	/*justify-content: center;  横方向の中央揃え */
	/*align-items: center; 縦方向の中央揃え */
}
.Cap-Box .Cap-img {
	width: 100%;
	border-radius:10px;
	border:1px #b7b7b7 solid;
}
.Cap-Box .Cap-icon {
	width: 39px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.clearfix::after {
  content: ""; /* 必ず必要 */
  display: block; /* ブロック要素にする */
  clear: both; /* 左右両方のフロートを解除する */
}
.Mov-readBox h6 {
	color: #3E9749;
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: bold;
}

.Mov-readBox p {
	font-size: 18px;
	margin-bottom: 20px;
}
.Mov-readBox .View-mov {
	width: 100%;
	text-align: right;
	color: #990000;
	font-size: 18px;
}
.Mov-readBox .View-mov a {
	color: #990000;
	position: relative;
	padding-left: 32px;
	line-height: 1.5;
}
.Mov-readBox .View-mov a::before {
	content: url(../images/index/mov-icon02.svg); /* メールアイコンの画像パス */
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%); /* 縦方向中央に配置 */
	width: 26px; /* アイコンの幅 (必要に応じて調整) */
	display: inline-block; /* contentで指定した画像をインラインブロック要素として扱う */
	vertical-align: middle; /* テキストとの縦方向のずれを調整する場合 */
}

@media screen and (max-width: 960px) {
.YouTube-bnr {
	padding: 10px;
}
.Cap-Box {
	width: 100%;
	position: relative;
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
}
.Mov-readBox h6 {
	color: #3E9749;
	font-size: 14px;
	margin-bottom: 0;
}
.Mov-readBox p {
	font-size: 12px;
	margin-bottom: 12px;
}
.Mov-readBox .View-mov {
	text-align: center;
	font-size: 14px;
}
.Mov-readBox .View-mov a {
	padding-left: 22px;
	line-height: 1.5;
}
.Mov-readBox .View-mov a::before {
	content: url(../images/index/mov-icon02.svg); /* メールアイコンの画像パス */
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%); /* 縦方向中央に配置 */
	width: 18px; /* アイコンの幅 (必要に応じて調整) */
	display: inline-block; /* contentで指定した画像をインラインブロック要素として扱う */
	vertical-align: middle; /* テキストとの縦方向のずれを調整する場合 */
}
}