.page-caution {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    margin: auto;
    height: fit-content;
    width: fit-content;
    padding: 80px 80px 86px 98px;
    background: rgb(0 0 0 / 80%);
    border-radius: 20px;
}
.page-caution p {
    font-weight: bold;
    font-size: .24rem;
    text-align: center;
    color: #FFF;
}
:root {
    --base-text-color: #a46305;
    --base-link-color: #ec803e;
    --base-color-green: #b4df9c;
    --base-color-green02: #d6e9bf;
    --base-color-yellow: #ffef8f;
    --base-color-blue: #cfe6f6;
    --easeInQuad: cubic-bezier(.55, .085, .68, .53);
    --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
    --easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --easeInOutQuad: cubic-bezier(0.45, 0, 0.55, 1);
    --easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
    --easePopUp: cubic-bezier(0.17, 0.88, 0.30, 1.6);
}
main1 {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 2s var(--easePopUp);
}
main1.view {
    opacity: 100;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 1.7s var(--easePopUp);
}
.js-fade-up {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 2s var(--easePopUp);
}
.js-fade-up.view {
    opacity: 100;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all 1.7s 0.2s var(--easePopUp);
}

.js-fade {
	opacity: 0;
}

.js-fade.view {
	opacity: 1;
	transition: all 2s 0.5s var(--easeOutSine);
}



.n-fade {
  opacity: 0;
  transition: all 1s;
  transition-delay: 1s;
}

.n-inview {
  opacity: 1;
}



.sp_attention {
  display: none
}

.low-common {
    margin-bottom: 68px;
}

.low-title-common {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 230px;
    position: relative;
    margin-bottom: 66px;
    position: relative;
}
.low-title-common::before,
.low-title-common::after{
  content: "";
  position: absolute;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  padding-bottom: 10px;
}

.low-title-common::before{
  background-image: url(../images/common/main-border-top.svg);
  top: -4px;
}

.low-title-common::after{
  background-image: url(../images/common/main-border-bottom.svg);
  bottom: -5px;
}

.low-title-common h1 {
	margin: auto;
	padding: 15px 40px;
  	font-size: .22rem;
  	font-weight: 600;
  	background-color: #fff;
  	text-align: center;
  	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	top: 0;
  	width: fit-content;
  	height: fit-content;
  	border-radius: 50px;
  	line-height: 1.8;
  	color:#3c3c3c;
}

.low-title-common h1 span {
  display: block;
  font-size: .15rem;
  font-weight: 500;
}

.low-common__lead {
    font-size: .17rem;
    font-weight: 600;
    text-align: center;
    line-height: 2.4;
}
.sub-heading__img {
    display: block;
    margin: 0 auto 36px;
    width: fit-content;
}



h2 {
  font-size: .31rem;
  font-weight: bold;
  position: relative;
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
}


/*ボタン*/

.button-1 {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 7px 52px 7px 12px;
    width: fit-content;
    color: #333;
    font-size: .15rem;
    font-weight: 500;
    border: solid 1px #E58FCF;
    border-radius: 30px;
    box-shadow: 5px 5px 0px 0px #E58FCF;
    background-color: #fff;
	transition: all 0.3s var(--easeOutQuad);
}

 .button-1::before {
   content: '';
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   width: 28px;
   height: 28px;
   background-color: #FCF3F8;
   border-radius: 50vh;
 }

 .button-1::after {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   right: 17px;
   width: 15px;
   height: 12px;
   background-image: url(../images/common/btn-arrow.svg);
   background-size: contain;
   background-repeat: no-repeat;
 }
body .button-1:hover {
    box-shadow: 2px 2px 0px 0px #75a1cd;
    transform: translate3d(3px, 3px, 0px);
    opacity: 1;
    filter: brightness(1.1);
}


.other-link {
  margin-bottom: 112px;
}

.other-link a {
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 125px 0;
  background-color: #BFBFBF;
  width: 75%;
  margin: 0 auto;
  border-radius: 15px;
}

/*関連ページ*/
.kanren {
    padding: 110px 0 0;
}
.kanren-head-wrap{
	margin: 0 auto 75px!important;
	position: relative!important;
	width: fit-content;
}
.kanren-head-wrap::before {
    content: "";
    position: absolute;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/common/kanren-head-border.svg) !important;
    height: 18px !important;
    width: 169% !important;
    left: -35% !important;
    bottom: -28px !important;
}
.kanren .top-link__list{
	justify-content: center;
	gap: 40px;
}
.welcome-main .kanren-welcome,
.entrance-main .kanren-admission,
.freeeducation-main .kanren-freeeducation,
.teacher-main .kanren-teacher,
.join-main .kanren-job,
.jobnavi-main .kanren-jovnavi{
	display: none;
}
.kanren .button-1{
	width: auto!important;
}
.kanren-work .button-1 {
    border: solid 1px #77BF7E;
    border-radius: 25px;
    box-shadow: 5px 5px 0px 0px #77BF7E;
}
.kanren-work .button-1::before {
    background-color: #B8E0C7;
}

p.tag-parents{
	color: #FF484B;
    border: solid 1px #FF484B;
}
p.tag-recruit{
	color: #19AE70;
    border: solid 1px #19AE70;
}
p.tag-others{
	color: #959595;
	border: solid 1px #959595;
}

.sp_only{
  display: none;
}


@media screen and (max-width:800px) {
	.page-caution {
		width: 80%;
		padding: 20px;
	}
	.page-caution p {
		font-weight: bold;
		font-size: .19rem;
		text-align: center;
		color: #FFF;
	}
  .sp_only{
    display: block;
  }

  .pc_only{
    display: none;
  }
	.kanren {
		padding: 70px 0 0;
	}
  .low-title-common h1 {
    line-height: 1.5;
    font-size: .17rem;
    padding: 12px 30px;
	}

	.low-title-common h1 span {
	  margin-top: 5px;
	}

	  .low-common__sub-heading {
		padding: 0 29px;
	  }

	  .low-common__lead {
		font-size: .15rem;
		line-height: 2.1;
		text-align: justify;
	}

	.low-title-common {
	  margin-bottom: 52px;
	  padding-bottom: 144px;
	}

	.sub-heading__img {
	  margin: 0 auto 35px;
	}

	.low-common {
	  margin-bottom: 49px;
	}


	.kanren-head-wrap{
		padding: 0!important;
	}
	.kanren-head-wrap::before{
	   height: 14px!important;
	   width: 179% !important;
	   left: -35% !important;
	   bottom: -45px!important;
	}

	.kanren .button-1::after {
		transform: none;
	}
	.kanren-work .button-1 {
        border: solid 1px #77BF7E!important;
        box-shadow: 5px 5px 0px 0px #77BF7E!important;
    }
	.kanren-work .button-1::before {
		background-color: #77BF7E;
	}
	.kanren-work .button-1::after {
        filter: none!important;
    }
	
}