/* CSS Document */
/*
#op{
	width: 100%;
	height: 100vh;
	background-image: url(../images/top/op.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 3;
	top: 0;
	animation: fadeOut 2s ease-in-out 3s forwards;
	-webkit-animation: fadeOut 2s ease-in-out 3s forwards;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 0;
		z-index: 3;
    }
    100% {
		opacity: 0;
		z-index: -1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 0;
		z-index: 3;
    }
    100% {
		opacity: 0;
		z-index: -1;
    }
}
*/


#main{
	width: 100%;
	background: #fff;
	z-index: 1;
	top: 0;
	text-align: center;
	margin-bottom: 12rem;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    99% {
        opacity: 1;
    }
    100% {
		opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    99% {
        opacity: 1;
    }
    100% {
		opacity: 1;
    }
}




#top #main img{ margin-bottom: 4rem;}
#top #main h2{ text-align: center; margin: 0 auto; font-size: 2rem; color: #333; line-height: 3.6rem; }


#top h2{ text-align: center; margin: 0 auto 4rem; font-size: 3rem; color:#FF8066; }
#top h3{ text-align: center; margin: 0 auto 2rem; font-size: 2rem; color:#FF8066;}
#top section.box p{ margin-bottom: 4rem;}

#top #philosophy figure{ margin-bottom: 4rem;}
#top #philosophy figure img{ border-radius: 1rem;}

#top #facility .wrap-box { margin-bottom: 2rem;}
#top #facility .wrap-box > li{ width: 46%; margin-bottom: 4rem;}
#top #facility .wrap-box > li a figure .cap { background-image: url(../images/common/noimage.jpg); border-radius: 100%; background-size: cover; background-position: center; padding-top: 100%; margin-bottom: 1rem;}
#top #facility .wrap-box > li a figure figcaption h4{ font-size: 1.2rem; line-height: 2.4rem; color: #FF8066; margin-bottom: 0;}
#top #facility h3{ color: #333; margin-bottom: 4rem;}

#top #news li{ border-bottom: .2rem dotted #ccc; padding-bottom: 1.5rem; margin-bottom: 2rem; text-align: left;}
#top #news.wrap-box{ align-items: center;}
#top #news li:last-child{ border:none; padding-bottom: 1.5rem; margin-bottom: 2rem; }
#top #news li .tag{ color:#fff; font-size:1rem; padding:0; width:12rem; text-align: center; box-sizing: border-box; display: inline-block; border-radius: 10rem; margin: 0 1rem; line-height: 2rem;}
#top #news li .news03{ background: #ED2F00;}
#top #news li .news02 , #top #news li .news01{ background: #EDC25F;}
#top #news li a:not(.tag) { display: block; margin-top: .5rem;}
#top #news ul { margin-bottom: 2rem; }












@media screen and ( min-width:769px) {
	
#op{ background-image: url(../images/top/op_pc.jpg);}


#top #main figure{ top: 50%; margin-top: -18.5rem;}
#top #main figure img {
    width: 30rem;
  }


#top #main figure h3 {
    position: relative;
    bottom: auto;
    margin-top: 6rem;
    font-size: 2.4rem;
    line-height: 4rem;
  }
#top #main figure {
    margin-top: -24rem;
  }

	
#top #facility .wrap-box > li {
  width: 22%;
}

#top #facility .wrap-box > li a figure figcaption h4 {
  font-size: 1.5rem;
}

#top #facility .wrap-box > li a figure .cap {
  margin-bottom: 2rem;
}

#top section.box p {
  margin-bottom: 6rem;
}

#top #philosophy figure {
  margin-bottom: 6rem;
}

#top h2 {
  margin: 0 auto 6rem;
  font-size: 3.6rem;
}

#top h3 {
  margin: 0 auto 4rem;
  font-size: 2.4rem;
}

#top #facility .wrap-box {
  margin-bottom: 4rem;
}

#top #news li a:not(.tag) {
	display: inline;
}

#top #news ul {
  margin-bottom: 4rem;
}


#top #recruit a img{ max-width: 50rem;}	

}

/* 202501FixBnr */

#fixBnr{
	z-index: 2;
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	width: 10rem;
	height: 10rem;
	filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.25));
}


#fixBnr .close{
	position: absolute;
	background: url("../images/top/btn_close.png") no-repeat;
	background-size: contain;
	width: 2.6rem;
	height: 2.6rem;
	top: 0;
	right: 0;
	cursor: pointer;
}


@media screen and ( min-width:769px) {
	
#fixBnr{
	bottom: 4rem;
	right: 4rem;
	width: 16rem;
	height: 16rem;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25));
}


#fixBnr .close{
	width: 3.6rem;
	height: 3.6rem;
	top: .3rem;
}
	
}