@charset "UTF-8";

.top .p-example-Box__img img {

    aspect-ratio: 8/5;

    background-size: cover;

}



.icon_jusyo {

    width: 40px;

    height: 40px;

    background: url(../img/svg/common/jusyo-ico.svg) no-repeat;

	background-position-x: center;

	background-position-y: bottom;

	vertical-align: bottom;

    background-size: contain;

    display: inline-block;

	-webkit-filter: brightness(0) invert(1);

    filter: brightness(0) invert(1);		

	}

	

.top-jusyo .icon_jusyo{

    width: 20px;

    height: 20px;

	vertical-align: text-bottom;

}	

span.jusyo_banner {

    margin-left: 20px;

    background: #2b417e;

    border-radius: 5px;

    padding: 10px;

    color: #fff;

}

.top-jusyo {

    font-size: 14px;

	margin: 5px 0px;

}

.top-jusyo span.jusyo_banner {

    margin-left: 0px;

    background: #2b417e;

    border-radius: 5px;

    padding: 5px;

    color: #fff;	

}





.top .p-fixbnr {

    position: fixed;

    right: 0;

    top: 160px;

    z-index: 4;

}

.top .p-fixbnr a.--card {
padding: 15px;
    background: #6e7ec9;
    width: 100%;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.top .p-fixbnr a.--card:hover{
 filter: brightness(1.1);
}


.top .p-fixbnr-txt {
    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

	font-weight: 500;

    font-size: clamp(1.25rem, 28 / var(--max-md) * 100vw, 2rem);

    color: #fff;


    position: relative;

    letter-spacing: .1em;

    line-height: 1.5;

	

}




#page-top.UpMove {

  -webkit-animation: UpAnime .5s forwards;

  animation: UpAnime .5s forwards

}





@-webkit-keyframes UpAnime {

  from {

    opacity: 0;

    -webkit-transform: translateY(1000px);

    transform: translateY(1000px)

  }



  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



@keyframes UpAnime {

  from {

    opacity: 0;

    -webkit-transform: translateY(1000px);

    transform: translateY(1000px)

  }



  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



#page-top.DownMove {

  -webkit-animation: DownAnime .5s forwards;

  animation: DownAnime .5s forwards

}



@-webkit-keyframes DownAnime {

  from {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }



  to {

    opacity: 1;

    -webkit-transform: translateY(1000px);

    transform: translateY(1000px)

  }

}



@keyframes DownAnime {

  from {

    opacity: 1;

    -webkit-transform: translateY(0);

	

    transform: translateY(0)

  }



  to {

    opacity: 1;

    -webkit-transform: translateY(1000px);

    transform: translateY(1000px)

  }

}

.top .p-example-Box-detailField{
min-height: 150px;
}

@media screen and (max-width:600px){
.top .p-fixbnr-txt {
    font-size: 0.9rem;
    line-height: 1.0;
	}
}

@media screen and (max-width:600px){
	.p-note-area img{
		max-width:100px;
	}
}

.outline-table._p1em th{
	padding:1em;
}

.outline-table._p1em td{
	padding:1em;
}

.u-link{
color:#6e7ec9;
text-decoration:none;
}

.subpage .p-numnberList-ttl.--7::before {
    background: url(../img/svg/recruit/number7.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 22%;
    height: 40%;
    top: 20px;
}

.header-contact{
	margin-left: clamp(8px, 16 / 1600 * 100vw, 16px);
}

.header-contact a._rec {
    display: inline-block;
    padding: 0 24px;
    line-height: 32px;
    background: #4dbef8;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: clamp(1rem, 1.125vw, 1.125rem);
    border-radius: 16px;
    -webkit-transition: all .2S;
    transition: all .2S;
}

.header-contact a._rec:hover{
      background: #6e7ec9;
}

.c-ttl6{
line-height:1.6;
}

@media screen and (max-width:600px){
h2 {
  font-size: 2rem;
line-height:1.6;
}

h3 {
  font-size: 1.4rem;
line-height:1.6;
}
}

.subpage .p-recruit-inc .p-loop-btn-entry span{
	padding: 0 1em;
    line-height: 1.4;
}