@charset "UTF-8";

/******************
トップメイン
******************/
.topMain{
	width:100%;
	position:relative;
}
.topMainNaka{
	height:100%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	position:relative;
}
.mainPicWrapper{
	width:90%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
.mainPic{
	position:relative;
}
.mainPicTxt{
	position:absolute;
	color:#fff;
	max-width:400px;
	width:90%;
	left:40%;
	top:20%;
	opacity:0;
	transform:translateY(20px) scale(.96);
	filter:blur(10px);
	animation:mainCatch 1.2s cubic-bezier(.22,.61,.36,1) .5s forwards;
}
@keyframes mainCatch{
	0%{
		opacity:0;
		transform:translateY(20px) scale(.96);
		filter:blur(10px);
	}
	70%{
		opacity:1;
		transform:translateY(-2px) scale(1.01);
		filter:blur(0);
	}
	100%{
		opacity:1;
		transform:translateY(0) scale(1);
		filter:blur(0);
	}
}
.mainSp{
	display:none;
}
.topScroll{
	position:absolute;
	left:5%;
	bottom:60px;
	transform:translateX(-50%);
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:18px;
}
.topScroll span{
	writing-mode:vertical-rl;
	font-size:90%;
	letter-spacing:.2em;
	color:#111;
}
.scrollIcon{
	position:relative;
	width:15px;
	height:80px;
}
.scrollIcon::before{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	width:15px;
	height:15px;
	border:1px solid #111;
	border-radius:50%;
	background:#fffcf4;
}
.scrollIcon i{
	position:absolute;
	left:50%;
	top:10px;
	transform:translateX(-50%);
	width:1px;
	height:45px;
	background:#111;
	animation:scrollArrow 1.8s ease-in-out infinite;
}
.scrollIcon i::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:8px;
	height:8px;
	border-right:1px solid #111;
	border-bottom:1px solid #111;
	transform:translateX(-50%) rotate(45deg);
}
@keyframes scrollArrow{
	0%,100%{
		transform:translateX(-50%) translateY(0);
	}
	50%{
		transform:translateX(-50%) translateY(8px);
	}
}
@media screen and (max-width: 1200px) {
.mainPicWrapper{
	margin:75px 0 0 0;
}
}
@media screen and (max-width: 1000px) {
.mainPicTxt {
    max-width: 340px;
    width: 90%;
    left: 40%;
    top: 13%;
}
}
@media screen and (max-width: 800px) {
.mainPc{
	display:none;
}
.mainSp{
	display:block;
}
.mainPicWrapper{
	width:94%;
}
.topScroll{
	left:3%;
	bottom:30px;
}
}
@media screen and (max-width: 640px) {
.mainPicTxt {
    max-width: 280px;
    left: 33%;
}
}
@media screen and (max-width: 480px) {
.mainPicWrapper{
	width:98%;
	margin:65px 0 0 0;
}
.topScroll{
	display:none;
}
.mainPicTxt {
    max-width: 240px;
    left: 30%;
}
}
@media screen and (max-width: 380px) {
.mainPicTxt {
    max-width: 200px;
    left: 28%;
	top:11%;
}
}

/******************
トップ見出し
******************/
.topMidasahi{
	font-size:180%;
	text-align:center;
	font-weight:400;
	line-height:1.5;
	margin:0 auto 40px auto;
	letter-spacing:0.2px;
}
.topMidasahi span{
	font-size:70%;
	font-family:var(--enLg);
	display:block;
}
.tmTl{
	text-align:left;
}
@media screen and (max-width: 800px) {
.topMidasahi{
	font-size:170%;
	margin:0 auto 25px auto;
	letter-spacing:0.1px;
}
}
@media screen and (max-width: 640px) {
.topMidasahi{
	font-size:150%;
	margin:0 auto 20px auto;
}
}


/******************
トップYoutube
******************/
.moviewrapper{
	position:relative;
}
.topYoutube{
	width:100%;
	margin: 50px auto 80px;
	max-width:900px;
	position:relative;
	overflow: visible;
}
.youtubeSize{
	width:100%;
	aspect-ratio:16/9;
	overflow:hidden;
	border-radius:40px;
	margin:0 auto 40px auto;
}
.youtubeSize iframe{
	width:100%;
	height:100%;
	border:0;
	display:block;
}
.movieUnder {
    position: static;
    padding-bottom: 50px;
}
.movieUnderL {
    position: absolute;
    width: 100%;
    max-width: 360px;
   	top: 50px;
    left: 0;
    z-index: 2;
}
.movieUnderR {
    position: absolute;
    width: 100%;
    max-width: 350px;
	bottom: 0;
    right: 0;
    z-index: 2;
}
.movieUnderL img,
.movieUnderR img {
    display: block;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 1640px) {
.topYoutube{
	max-width:800px;
}
.movieUnderL {
    max-width: 300px;
}
.movieUnderR {
    max-width: 290px;
}	
}
@media screen and (max-width: 1400px) {
.movieUnderL {
    top: 0;
	max-width: 240px;
}
.movieUnderR {
    max-width: 250px;
}	
}
@media screen and (max-width: 1260px) {
.topYoutube{
	margin: 10px auto 80px;
}
.movieUnder {
    position: relative;
    padding-bottom: 120px;
}
.movieUnderL {
   	top: unset;
	bottom: 0;
}
}
@media screen and (max-width: 800px) {
.topYoutube{
	margin: 0 auto 80px;
	padding:0 0 30px 0;
}
.youtubeSize{
	border-radius:20px;
}
}
@media screen and (max-width: 540px) {
.topYoutube{
	padding:0 0 20px 0;
}
.movieUnder {
  	padding-bottom: 50px;
}
.movieUnderL {
    max-width: 40%;
}
.movieUnderR {
    max-width: 42%;
	bottom:50%;
}
}
@media screen and (max-width: 380px) {
.movieUnder {
  	padding-bottom: 30px;
}
}

/******************
トップ上部
******************/
.topAbout{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:row-reverse;
}
.topAboutL{
	width:35%;
}
.topAboutR{
	width:45%;
	padding:0 10%;
}
.topMidasahi2{
	font-size:180%;
	font-weight:400;
	line-height:1.7;
	margin:0 auto 40px auto;
	letter-spacing:0.2px;
}
.topAboutTxt{
	font-size:110%;
}
@media screen and (max-width: 1260px) {
.topAbout{
	margin:80px auto 0 auto;
}
}
@media screen and (max-width: 800px) {
.topAboutR {
    width: 55%;
    padding: 0 5%;
}
.topMidasahi2{
	font-size:170%;
	margin:0 auto 20px auto;
	letter-spacing:0.1px;
	line-height:1.6;
}
}
@media screen and (max-width: 640px) {
.topAbout{
	display:block;
	margin:40px auto 0 auto;
}
.topAboutL{
	display:none;
}
.topAboutR{
	width:90%;
	padding:0;
	margin:0 auto;
}
.topMidasahi2{
	font-size:140%;
}
.topAboutTxt{
	font-size:105%;
}
}

/******************
トップメニュー
******************/
.soraTopBnr{
	width:100%;
	margin:0 auto 70px auto;
	display:flex;
	justify-content:flex-start;
	gap:20px;
	flex-wrap:wrap;
	padding:20px;
	box-sizing:border-box;
}
.soraTopBnrOne{
	width:calc((100% - 60px) / 4 );
	display:flex;
	flex-direction:column;
	align-items:center;
}
.soraTopBnrOne:nth-child(even){
	position:relative;
	top:50px;
}
.stbIlla{
	display:block;
}
.stbTtl{
	display:block;
	text-align:center;
	font-size:120%;
	margin:0 auto;
}
.stbIlla img{
	display:block;
	transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.soraTopBnrOne a:hover .stbIlla img{
	transform:scale(1.05) rotate(-2deg);
	opacity:1!important;
}
.soraTopBnrOne:hover .stbTtl{
	color:#119ec9;
}
.soraTopBnr2{
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:center;
	gap:40px;
	flex-wrap:wrap;
	padding:40px;
	box-sizing:border-box;
}
.soraTopBnr2One{
	width:calc((100% - 120px) / 4 );
	display:flex;
	justify-items:center;
	align-items:center;
}
.soraTopBnr2One a{
	display:flex;
	width:100%;
	aspect-ratio:259 / 166;
	align-items:center;
	justify-content:center;
	background:url(./images/sora/top/top-undermenu1.png) no-repeat center;
	background-size:contain;
	box-sizing:border-box;
	text-decoration:none;
	transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.soraTopBnr2One:nth-child(2) a{
	background:url(./images/sora/top/top-undermenu2.png) no-repeat center;
	background-size:contain;
}
.soraTopBnr2One:nth-child(3) a{
	background:url(./images/sora/top/top-undermenu3.png) no-repeat center;
	background-size:contain;
}
.stbTtl2{
	display:block;
	text-align:center;
	font-size:120%;
	transform:translateY(10px);
	transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.soraTopBnr2One a:hover{
	transform:scale(1.05) rotate(-1deg);
}
@media screen and (max-width: 1000px) {
.soraTopBnr{
	margin:0 auto 60px auto;
	justify-content:center;
}
.soraTopBnrOne{
	width:calc((100% - 40px) / 3 );
}
.soraTopBnrOne:nth-child(even){
	top:30px;
}
.soraTopBnr2 {
    gap: 30px;
}
.soraTopBnr2One {
    width: calc((100% - 60px) / 3);
}
}
@media screen and (max-width:700px) {
.soraTopBnrOne{
	width:calc((100% - 20px) / 2 );
}
.soraTopBnr2One {
    width: calc((100% - 30px) / 2);
}
}
@media screen and (max-width:480px) {
.soraTopBnr{
	gap:10px;
	padding:0;
}
.soraTopBnrOne{
	width:calc((100% - 10px) / 2 );
}
.soraTopBnr2 {
    padding: 0;
	 gap: 20px;
}
.soraTopBnr2One {
    width: calc((100% - 20px) / 2);
}
}
@media screen and (max-width:380px) {
.stbTtl{
	font-size:115%;
}
.stbTtl2 {
    font-size: 110%;
}
}

/******************
トップ想い
******************/
.topOmoi{
	width:100%;
	display:flex;
	justify-content:space-between;
}
.topOmoiL{
	width:22%;
}
.topOmoiR{
	width:54%;
	padding:100px 12% 0 12%;
}
.topOmoiTxt{
	font-size:130%;
	margin:0 auto 30px auto;
}
.topOmoiTxt2{
	line-height:2.2;
}
.topMore{
	margin:60px 0 0 0;
	width:90%;
	max-width:300px;
}
.topMore a{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12px 6%;
	box-sizing:border-box;
	background:#83c757;
	color:#fff;
	text-decoration:none;
	border-radius:50px;
	transition:.3s cubic-bezier(.22,1,.36,1);
	text-align:center;
	font-size:110%;
	letter-spacing:0.4px;
	font-weight:500;
}
.topMore a span{
	width:40px;
	height:40px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	color:#83c757;
	border-radius:50%;
	font-size:22px;
	transition:.3s;
	font-weight:600;
	margin-left:auto;
}
.topMore a span i{
	margin:0;
}
.topMore a:hover{
	transform:scale(1.03);
}
.topMore a:hover span{
	transform:translateX(5px);
}
.topAnnaniMore {
  margin: 60px 0 0 auto;
}
.topAnnaniMore a{
	background:#56c6b3;
}
.topAnnaniMore a span{
	color:#56c6b3;
}
.topContactMore {
  margin: 40px 0 0 0;
}
.topContactMore a{
	background:#15a5d1;
}
.topContactMore a span{
	color:#15a5d1;
}
.topYuuMore , .topYuuMore2{
  margin:0;
}
.topYuuMore a{
	background:#8dc21f;
}
.topYuuMore a span{
	color:#8dc21f;
}
.topYuuMore2 a{
	background:#bfbb22;
}
.topYuuMore2 a span{
	color:#bfbb22;
}
.topRecruitMore , .topRecruitMore2{
	 margin: 0;
}
.topRecruitMore a{
	background:#fb7c5a;
}
.topRecruitMore a span{
	color:#fb7c5a;
}
.topRecruitMore2 a{
	background:#56c6b3;
}
.topRecruitMore2 a span{
	color:#56c6b3;
}
.topInfoMore {
  margin: 40px 0 0 auto;
}
.topInfoMore  a{
	background:#12a0cc;
}
.topInfoMore  a span{
	color:#12a0cc;
}
@media screen and (max-width:1400px) {
.topOmoi {
    margin:0 auto 60px auto;
}
.topOmoiR {
    width: 64%;
    padding: 100px 7% 0 7%;
}
.topMore {
    margin: 40px 0 0 0;
}
.topYuuMore , .topYuuMore2 , .topRecruitMore, .topRecruitMore2{
	 margin:20px 0 0 0;	
}
}
@media screen and (max-width:1200px) {
.topOmoiR {
    padding:0 7%;
}	
.topOmoiTxt2 br{
    display:none;
}
}
@media screen and (max-width:1000px) {
.topMore {
    margin: 30px 0 0 0;
}
.topYuuMore , .topYuuMore2 , .topRecruitMore, .topRecruitMore2{
	 margin:0;	
}
.topInfoMore {
    margin: 30px auto 0 auto;
}
}
@media screen and (max-width:640px) {
.topOmoi{
	display:block;
}
.topOmoiL{
	display:none;
}
.topOmoiR{
	width:90%;
	padding:0;
	margin:0 auto ;
}
.topMore {
    margin: 30px auto 0 auto;
}
.topYuuMore , .topYuuMore2 , .topRecruitMore, .topRecruitMore2{
	 margin:0 auto;	
}
.topOmoiTxt{
	margin:0 auto 20px auto;
}
}

/******************
トップ施設紹介
******************/
.topFaci{
	width:100%;
	position:relative;
	overflow:visible;
}
.topFaciInner{
	width:100%;
	max-width:100%;
	margin:0 auto;
	position:relative;
	padding-bottom:100px;
}
.topFaciTxtWrapper{
	position:absolute;
	left:10%;
	top:200px;
	z-index:5;
}
.topFaciTxt{
	margin:30px 0 0;
	line-height:2;
}
.topFaciImg1{
	position:absolute;
	left:35%;
	top:0;
	width:25%;
	z-index:2;
}
.topFaciImg1 img{
	display:block;
	width:100%;
	height:auto;
}
.topFaciImg2{
	position:absolute;
	left:25%;
	top:55%;
	width:26%;
	z-index:2;
}
.topFaciImg2 img{
	display:block;
	width:100%;
	height:auto;
}
.topFaciImg3{
	width:32%;
	margin:0 0 0 auto;
	position:relative;
	z-index:3;
	padding:160px 0 0 0;
}
.topFaciImg3 img{
	display:block;
	width:100%;
	height:auto;
}
.topFaciIllust{
	position:absolute;
	top:-180px;
	right:0;
	width:min(35vw,400px);
	z-index:1;
	line-height:0;
}
.topFaciIllust img{
	display:block;
	width:100%;
	height:auto;
}
@media screen and (max-width:1600px) {
.topFaciIllust{
	top:-100px;
}	
.topFaciImg3{
	padding:220px 0 0 0;
}
}
@media screen and (max-width:1300px) {
.topFaciTxtWrapper {
    top: 100px;
}
.topFaciIllust{
	top:-60px;
}
}
@media screen and (max-width:1000px) {
.topFaciTxtWrapper {
    left: 5%;
    top: 30px;
}
.topFaciIllust{
	top:-20px;
}
}
@media screen and (max-width:850px) {
.topFaciIllust{
	top:0;
}
}
@media screen and (max-width:800px) {
.topFaciImg1{
	left:5%;
	top:unset;
	bottom:28%;
	width:26%;
}
.topFaciImg2{
	left:30%;
	top:unset;
	bottom:10%;
	width:28%;
}
.topFaciImg3 {
    width: 40%;
}
}
@media screen and (max-width:700px) {
.topFaciImg1{
	bottom:20%;
	width:26%;
}
.topFaciImg2{
	bottom:0;
	width:28%;
	left:40%;
}
.topFaciImg3 {
    padding: 180px 0 0 0;
}
}
@media screen and (max-width:640px) {
.topFaciImg3 {
    padding: 150px 0 0 0;
}
}
@media screen and (max-width:480px) {
.topFaciInner {
    padding-bottom: 160px;
}
.topFaciImg1{
	bottom:15%;
	width:33%;
	left:5%;
}
.topFaciImg2{
	width:35%;
	left:50%;
}
.topFaciImg3 {
    padding: 120px 0 0 0;
}
}
@media screen and (max-width:380px) {
.topFaciImg1{
	bottom:9%;
}
.topFaciImg2{
	left:55%;
}
.topFaciImg3 {
    padding: 90px 0 0 0;
}
}

/******************
入園案内
******************/
.topAdmission{
	width:100%;
	position:relative;
}
.topAdmissionInner{
	width:100%;
	position:relative;
	min-height:760px;
}
.topAdmissionImg{
	width:40%;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:4;
}
.topAdmissionImg img{
	display:block;
	width:100%;
	height:auto;
}
.topAdmissionContent{
	width:70%;
	margin-left:auto;
	position:relative;
	z-index:3;
}
.topAdmissionContentImg{
	width:100%;
	position:relative;
	z-index:1;
}
.topAdmissionContentImg img{
	display:block;
	width:100%;
	height:auto;
}
.topAdmissionContentNaka{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:80px 10% 80px 23%;
	transform:translateY(-50%);
	z-index:2;
}
@media screen and (max-width:1200px) {
.topAdmissionContentNaka{
	box-sizing:border-box;
	padding:80px 5% 80px 25%;
}
}
@media screen and (max-width:1100px) {
.topAdmissionInner {
    min-height: auto;
}
.topAdmissionContentNaka {
    padding: 30px 7% 30px 22%;
}
.topAdmissionContent{
	background:#d3ebc3;	
	border-radius:30px 0 0 30px;
}
.spNone{
	display:none;		
}
}
@media screen and (max-width:900px) {
.topAdmissionImg {
    width: 55%;
    top: unset;
    transform: unset;
	position:relative;
}
.topAdmissionContent{
	width:100%;
	margin:-80px auto 0 auto;
	border-radius:0;
	position:relative;
}
.topAdmissionContentNaka {
    position: relative;
    top: unset;
    left: 0;
    width: 100%;
    padding: 100px 5% 60px 5%;
    transform: none;
}
.topAdmissionContentImg{
		display:none;
}
.topAdmissionContent::before{
	content:"";
	position:absolute;
	left:0;
	width:100%;
	height:35px;
	background:url("./images/sora/top/cloud-up.webp") center / 100% 100% repeat-x;
	background-size:contain;
}
.topAdmissionContent::after{
	content:"";
	position:absolute;
	left:0;
	width:100%;
	height:35px;
	background:url("./images/sora/top/cloud-under.webp") center / 100% 100% repeat-x;
	background-size:contain;
}
.topAdmissionContent::before{
	top:1px;
	transform:translateY(-100%);
}
.topAdmissionContent::after{
	bottom:1px;
	transform:translateY(100%);
}
}
@media screen and (max-width:480px) {
.topAdmissionContentNaka {
    padding: 100px 5% 40px 5%;
}
}

/******************
トップQ&A
******************/
.topFaq{
	width:90%;
	max-width:800px;
	margin:0 auto;
	padding:100px 0 80px 0;
}
.topFaqNaka{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.topFaqNakaL{
	width:46%;
}
.topFaqNakaR{
	width:48%;
}
.topFaqTxt{
	width:100%;
	margin:0 auto 30px auto;
}
.topFaqMore{
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.topFaqMore a{
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
}
.topFaqMore{
	width:100%;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.topFaqMore a{
	display:flex;
	align-items:center;
	height:50px;
	text-decoration:none;
	transition:.3s;
}
.topFaqMoreL,
.topFaqMoreR{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	transition:.3s;
}
.topFaqMoreL{
	padding:0 30px;
}
.topFaqMoreL span{
	border-bottom:1px solid #111;
}
.topFaqMoreR{
	width:40px;
	height:40px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fb7c5a;
	color:#fff;
	border-radius:50%;
	font-size:22px;
	transition:.3s;
	font-weight:600;
	margin-left:auto;
}
.topFaqMoreR i{
	margin:0;
}
.topFaqMore a:hover .topFaqMoreL{
	color:#fb7c5a;
}
.topFaqMore a:hover .topFaqMoreR{
	transform:translateX(5px);
}
@media screen and (max-width:640px) {
.topFaq{
	padding:80px 0 40px 0;
}
.topFaqNaka{
	display:block;
}
.topFaqNakaL{
	width:60%;
	margin:0 auto 20px auto;
}
.topFaqNakaR{
	width:100%;
	margin:0 auto;
}
}

/******************
トップご挨拶
******************/
.topGreeting{
	width:100%;
	margin:0 auto 70px auto;
}
.topGreetingNaka{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	align-items:center;
	margin:0 auto 40px auto;
}
.topGreetingNakaL{
	width:30%;
	max-width:240px;
}
.topGreetingNakaR{
	width:calc(100% - 300px);
	margin:0 60px 0 0;
}
.topGreetingTtl{
	font-size:150%;
	letter-spacing:2px;
}
.topGreetingTxt{
	line-height:2.2;
	margin:0 auto 30px auto;
}
.topGreetingName{
	text-align:right;
}
@media screen and (max-width:900px) {
.topGreeting{
	margin:0 auto 40px auto;
}
}
@media screen and (max-width:640px) {
.topGreetingNaka{
	display:block;
	margin:0 auto 20px auto;
}
.topGreetingNakaL{
	width:100%;
	max-width:60%;
	margin:0 auto 20px auto;
}
.topGreetingNakaR{
	width:100%;
	margin:0 auto;
}
.topGreetingTtl{
	font-size:130%;
	letter-spacing:1px;
}
}

/******************
トップお問い合わせ
******************/
.topContact{
	width:100%;
	padding:50px 0;
}
.topContactNaka{
	width:94%;
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	align-items:center;
	margin:0 auto 40px auto;
}
.topContactNakaL{
	width:65%;
}
.topContactNakaR{
	width:30%;
}
@media screen and (max-width:640px) {
.topContact{
	padding:30px 0;
}
.topContactNaka{
	display:block;
	margin:0 auto;
}
.topContactNakaL{
	width:100%;
	margin:0 auto;
}
.topContactNakaR{
	width:60%;
	margin:0 auto 20px auto;
}
}

/******************
トップ子育て支援
******************/
.topKosodate{
	width:100%;
	padding:70px 0 50px 0;
}
.topKosodateNaka{
	width:94%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 auto 40px auto;
	flex-direction:row-reverse;
}
.topKosodateNakaL{
	width:65%;
}
.topKosodateNakaR{
	width:30%;
}
.topYuuBtn{
	margin:40px 0 0 0;
	display:flex;
	justify-content:space-between;
	width:100%;
	max-width:640px;
}
.topYuuBtnOne{
	width:49%;
}
@media screen and (max-width:1260px) {
.topYuuBtn{
	 margin: 10px 0 0 0;	
}
}
@media screen and (max-width:1000px) {
.topKosodate{
	padding:70px 0 30px 0;
}
.topYuuBtn{
	margin:30px 0 0 0;
	display:block;
}
.topYuuBtnOne{
	width:100%;
	margin:0 auto 15px auto;
}
.topYuuBtnOne:last-child{
	margin:0 auto;
}
}
@media screen and (max-width:900px) {
.topYuuBtn{
	display:flex;
	justify-content:center;
	width:100%;
	max-width:100%;
}
.topYuuBtnOne{
	width:49%;
}
}
@media screen and (max-width:640px) {
.topKosodate{
	padding:40px 0 0 0;
}
.topKosodateNaka{
	display:block;
	margin:0 auto 20px auto;
}
.topKosodateNakaL{
	width:100%;
	margin:0 auto;
}
.topKosodateNakaR{
	width:60%;
	margin:0 auto 20px auto;
}	
.topYuuBtn{
	margin:20px 0 0 0;
	display:block;
}
.topYuuBtnOne{
	width:100%;
	margin:0 auto 15px auto;
}
.topYuuBtnOne:last-child{
	margin:0 auto;
}
}

/******************
トップ・採用情報
******************/
.topRecruit{
	width:100%;
	position:relative;
}
.topRecruitInner{
	width:100%;
	position:relative;
	min-height:760px;
}
.topRecruitImg{
	width:43%;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	z-index:4;
}
.topRecruitImg img{
	display:block;
	width:100%;
	height:auto;
}
.topRecruitContent{
	width:70%;
	margin-right:auto;
	position:relative;
	z-index:3;
}
.topRecruitContentImg{
	width:100%;
	position:relative;
	z-index:1;
}
.topRecruitContentImg img{
	display:block;
	width:100%;
	height:auto;
}
.topRecruitContentNaka{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:80px 10%;
	transform:translateY(-50%);
	z-index:2;
}
@media screen and (max-width:1400px) {
.topRecruitInner {
    min-height: 700px;
}
}
@media screen and (max-width:1300px) {
.topRecruitInner {
    min-height: 640px;
}
}
@media screen and (max-width:1180px) {
.topRecruitInner {
    min-height: 580px;
}
}
@media screen and (max-width:1080px) {
.topRecruitInner {
    min-height: 500px;
}
}
@media screen and (max-width:1000px) {
.topRecruitInner {
    min-height: 450px;
}
.topRecruitImg {
    top: 40%;
}
}
@media screen and (max-width:900px) {
.topRecruitInner {
    min-height:auto;
}
.topRecruitImg {
    width: 60%;
    top: unset;
    transform: unset;
	position:relative;
	margin-left:auto;
}
.topRecruitContent{
	width:100%;
	margin:-80px auto 0 auto;
	border-radius:0;
	position:relative;
	background:#fee6df;
}
.topRecruitContentNaka {
    position: relative;
    top: unset;
    left: 0;
    width: 100%;
    padding: 100px 5% 60px 5%;
    transform: none;
}
.topRecruitContentImg{
		display:none;
}
.topRecruitContent::before{
	content:"";
	position:absolute;
	left:0;
	width:100%;
	height:35px;
	background:url("./images/sora/top/cloud-up2.webp") center / 100% 100% repeat-x;
	background-size:contain;
}
.topRecruitContent::after{
	content:"";
	position:absolute;
	left:0;
	width:100%;
	height:35px;
	background:url("./images/sora/top/cloud-under2.webp") center / 100% 100% repeat-x;
	background-size:contain;
}
.topRecruitContent::before{
	top:1px;
	transform:translateY(-100%);
}
.topRecruitContent::after{
	bottom:1px;
	transform:translateY(100%);
}
}
@media screen and (max-width:640px) {
.topRecruitContentNaka {
    padding: 60px 5% 40px 5%;
}
}


/******************
トップお知らせ
******************/
.topInfoNaka {
  width: 100%;
  display:flex;
  margin: 0 auto 70px auto;
  padding: 70px 0 0 0;
}
.topInfoNakaL{
	width:15%;
}
.topInfoNakaR{
	width:82%;
}
.topInfoNakaR ul li {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px dashed #12a0cc;
  padding: 2% 0;
	display: flex;
	justify-content:space-between;
}
.cnmDate {
  width: 10%;
  font-size: 90%;
}
.cnmTitle {
  width: 86%;
}

@media screen and (max-width: 1300px) {
.topInfoNaka {
  margin: 0 auto 50px auto;
  padding: 20px 0 0 0;
}
.topInfoNakaL{
	width:20%;
}
.topInfoNakaR{
	width:74%;
}
.cnmDate {
  width: 15%;
}
.cnmTitle {
  width: 80%;
}
}
@media screen and (max-width: 900px) {
.topInfoNaka {
  display:block;
  margin: 0 auto 40px auto;
}
.topInfoNakaL{
	width:100%;
	margin:0 auto;
}
.topInfoNakaR{
	width:100%;
	margin:0 auto;
}
}
@media screen and (max-width: 640px) {
.topInfoNakaR ul li {
  	padding: 3% 0;
	display: block;
}
.topInfoNakaR ul li:first-child {
  	padding: 0 0 3% 0;
}
.cnmDate {
  	width: 100%;
	display:block;
}
.cnmTitle {
  width: 100%;
	display:block;
}
}
@media screen and (max-width: 480px) {
.topInfoNaka {
  margin: 0 auto 20px auto;
}
}

/******************
トップアクセス
******************/
.topAccess{
	width:100%;
	margin:0 auto 30px auto;
}
.topAccessNaka{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.topAccessNakaL{
	width:50%;
}
.topAccessNakaR{
	width:43%;
}
.topAccessTxt{
	margin:0 auto 30px auto;
}
.topAccessUnder{
	margin:0 auto 50px auto;
}
.topAccessUnderOne{
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #111;
	padding:15px 0;
}
.topAccessUnderOne:first-child{
	border-top:1px solid #111;
}
.topAccessUnderL{
	width:70%;
}
.topAccessUnderR{
	width:30%;
}
.topAccessUnderR img{
	width:100%;
	max-width:30px;
	margin:0 10px 0 0;
}
.topAccessUnderR .taTime{
	font-size:150%;
}
.topAccessMore{
	width:90%;
	margin:0 auto;
}
.topAccessMore a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	box-sizing:border-box;
	border:2px solid #39a0da;
	background:#fff;
	padding:15px 5%;
	border-radius:30px;
	transition:.3s;
	font-size:120%;
}
.topAccessMore a span{
	flex-shrink:0;
	color:#39a0da;
	transition:.3s;
}
.topAccessMore a:hover{
	border:2px solid #39a0da;
	background:#39a0da;
	color:#fff;
}
.topAccessMore a:hover span{
	color:#fff;
	transform: translateX(5px);
}
@media screen and (max-width: 1100px) {
.topAccessUnderL{
	width:60%;
}
.topAccessUnderR{
	width:40%;
}
}
@media screen and (max-width:800px) {
.topAccess{
	margin:0 auto;
}
.topAccessNaka{
	display:block;
}
.topAccessNakaL{
	width:90%;
	margin:0 auto 20px auto;
}
.topAccessNakaR{
	width:100%;
	margin:0 auto;
}
.topAccessUnder {
    margin: 0 auto 30px auto;
}
.topAccessUnderR {
    text-align: right;
}
}
@media screen and (max-width:480px) {
.topAccessNaka{
	margin:-40px auto 0 auto;
}
.topAccessNakaL{
	width:100%;
}
}
@media screen and (max-width:400px) {
.topAccessUnderR img {
    max-width: 24px;
    margin: 0 5px 0 0;
}
.topAccessUnderR .taTime {
    font-size: 130%;
}
}