@charset "utf-8";


/* 採用ページレイアウト */

main.saiyou-box{
margin: 0;
padding:0;
}

main.saiyou-box section{
margin: 0;
}

/* スクロールCSS */
.fade-in {
opacity: 0;
transition-duration: 1200ms;
transition-property: opacity, transform;
}

.fade-in-up {
transform: translate(0, 50px);
}

.fade-in-down {
transform: translate(0, -50px);
}

.fade-in-left {
transform: translate(-50px, 0);
}

.fade-in-right {
transform: translate(50px, 0);
}

.scroll-in {
opacity: 1;
transform: translate(0, 0);
}

/* メニュー */
menu{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.saiyou-menu h2{
margin: 0;
padding: .8em 0;
text-align: center;
font-size:1.2em;
color:#00a0ea;
}

.saiyou-menu h2 a{
text-decoration: none;
color:#00a0ea;
}

.saiyou-menu ul{
list-style:none;
margin: 0;
padding: 0;
display:flex;
flex-wrap:wrap;
width:100%;
box-sizing: border-box;
}

.saiyou-menu li{
margin: 0;
padding: 0;
box-sizing: border-box;
text-align: center;
width:100%;
font-weight:bold;
}

.saiyou-menu li a {
display: block;
text-decoration: none;
padding: .8em 0;
color:#333;
/*color:#fff;
background: #5fbbff;
border-bottom: #fff solid 1px;
*/
}

/*
.saiyou-menu li a:hover {
background:#66cdaa;
}
*/

@media print, screen and (min-width:769px) {
.saiyou-menu{
display: flex;
justify-content:space-between;
}
.saiyou-menu{padding: 0 1em;}
.saiyou-menu h2{font-size:1.5em;}
.saiyou-menu ul{max-width:620px;}
.saiyou-menu li{width:20%;}
/*
.saiyou-menu ul{max-width:420px;}
.saiyou-menu li{width:33.33333%;}
*/
.saiyou-menu li a {
padding: 1.5em 0;
background: #fff;
text-shadow:none;
}
.saiyou-menu li a:hover {
color:#00a0ea;
background: #fff;
}

}


@media  screen and (max-width:768px) {

.saiyou-menu ul{border-top: 1px solid #fff;}


.saiyou-menu li a{
color:#00a0ea;
padding: 1em;
box-sizing: border-box;
text-align: left;
width:100%;
background: #f7f7f7;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
position: relative;
transition: 0.3s;
line-height: 1rem;
-webkit-transition: 0.3s;
display: block;
}

.saiyou-menu li a:after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 14px;
width: 6px;
height: 6px;
border-top: 2px solid #00a0ea;
border-right: 2px solid #00a0ea;
-webkit-transform: rotate(
45deg
);
transform: rotate(
45deg
);
}

}



/* スライド */
.img-box{
width: 100%;
height: 32vw;
overflow: hidden;
position: relative;
}
.img-box p{
z-index: 99;
position: absolute;
}

.img-box>div{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 32vw;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
z-index: 10;
opacity: 0;
animation-name: fade;
animation-duration: 40s;
animation-iteration-count: infinite;
}
@keyframes fade {
0%{
opacity: 0;
}
20%{
opacity: 7;
}
80%{
opacity: 0;
/*transform: scale(1.2);*/
}
100%{
z-index: 0;
opacity: 0;
}
}

/* 1枚目のスライド */
.img-box>div:first-of-type{
background-image: url("img/slide2026_01.jpg");
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(2){
background-image: url("img/slide2026_02.jpg");
animation-delay: 4s;
}

/* 3枚目のスライド */
.img-box>div:nth-of-type(3){
background-image: url("img/slide2026_03.jpg");
animation-delay: 8s;
}

/* 4枚目のスライド */
.img-box>div:nth-of-type(4){
background-image: url("img/slide2026_04.jpg");
animation-delay: 12s;
}

/* 5枚目のスライド */
.img-box>div:nth-of-type(5){
background-image: url("img/slide2026_05.jpg");
animation-delay: 16s;
}

/* 6枚目のスライド */
.img-box>div:nth-of-type(6){
background-image: url("img/slide2026_06.jpg");
animation-delay: 20s;
}

/* 7枚目のスライド */
.img-box>div:nth-of-type(7){
background-image: url("img/slide2026_07.jpg");
animation-delay: 24s;
}

/* 8枚目のスライド */
.img-box>div:nth-of-type(8){
background-image: url("img/slide2026_08.jpg");
animation-delay: 28s;
}

/* 9枚目のスライド */
.img-box>div:nth-of-type(9){
background-image: url("img/slide2026_09.jpg");
animation-delay: 32s;
}

/* 10枚目のスライド */
.img-box>div:last-of-type{
background-image: url("img/slide2026_10.jpg");
animation-delay: 36s;
}



/* はじめに */
.saiyou-intro{
background-image: url("img/intro_bg2025.png");
background-attachment: fixed;
background-size: 100%;
background-position: top ;
}
.saiyou-intro-in{
margin: 0 auto;
max-width:960px;
padding: 5em 2.5em;
}


.intro-t {
color: #00a0ea;
border-bottom: #00a0ea solid 3px;
border-radius: 50%;
align-items: center;
align-content: center;
text-align: center;
padding-bottom: 12px;
}

.intro-t > .circle-txt1 {
display: block;
width: 100%;
font-size: 26px;
line-height: .5;
}
.intro-t > .circle-txt2 {
display: block;
width: 100%;
margin-top: 10px;
}


.intro-in {
padding: 0 1em;
}

.saiyou-intro {
font-size:1em;
}

@media print, screen and (min-width:769px) {
.saiyou-intro{
display: flex;
justify-content:space-between;
}
.intro-t {
display: flex;
flex-wrap: wrap;
border-radius: 50%;
width: 240px;
height: 240px;
font-size:16px;
border-left: #00a0ea solid 3px;
padding-bottom: 0;
}
.intro-t > .circle-txt1 {
font-size: 48px;
line-height: 1;
}

.intro-in {
flex: 1;
padding: 1.5em;
}

.intro-in p{
font-size: 20px;
}


}



/* TOPICS */

.topics{
padding: 1.5em 1em;
background-image: linear-gradient(90deg, rgba(115, 248, 224, 1), rgba(150, 202, 241, 1));
}

.topics-in{
margin: 1.5em auto;
max-width:960px;
padding: 0 1.5em;
background:#fff;
}

.topics-in h2{
margin: 0;
padding: .8rem 0;
}

.topics-in ul {
border-top: #999 solid 1px;
list-style:none;
margin: 0;
padding: 0 0 30px 0;
}

.topics-in li {
border-bottom: #ccc solid 1px;
/*color: #009fe1;*/
margin: 0;
padding: 0;
}

/*.topics li:last-child {
border-bottom: none;
}*/

.topics-in li a {
display: block;
text-decoration: none;
}

.topics-in li dl dt {
/*color: #999;*/
margin: 0;
padding: .8em .8em;
font-size:0.8em;
}


.topics-in li dl dd {
font-weight: bold;
margin: 0;
padding: .5em;
}

.topics-in .flex figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.topics-in .flex p {
margin: 0;
padding: 0;
}

.topics-in li a{
color: #333;
}

.topics-in li a:hover{
color: #009fe1;
}

@media print, screen and (min-width:769px) {
.topics-in .flex figure {width: 160px;}
.topics-in .flex {display: flex;}
.topics-in li dl{display: flex;}
.topics-in li {font-size:1.25em;}
.topics-in .flex p {padding:8px 0 8px 10px;font-size:1em;}
}

@media screen and (max-width:768px) {
.topics-in .flex figure {margin: 0 auto;max-width: 240px;}
}


/* topicss下メニュー */

.menu-footer{
}

.menu-footer ul {
list-style:none;
margin: 0 auto 30px auto;
padding: 0;
display: flex;
box-sizing: border-box;
max-width:960px;
}

.menu-footer li {
box-sizing: border-box;
padding: 0 10px;
width:25%;
text-align: center;
}

.menu-footer li a {
display: block;
text-decoration: none;
color: #000;
background-color: #fff;
border-top: 1px solid #00a4d3;
border-bottom: 5px solid #00a4d3;
border-right: 1px solid #00a4d3;
border-left: 1px solid #00a4d3;
border-radius: 10px;
padding: 16px;
color: #009fe1;
font-size:1.2em;
font-weight:bold;
}


.menu-footer li a:hover {
margin-top: 3px;
background: #ffff00;
border-bottom: 2px solid #00a4d3;
}


@media screen and (max-width:768px) {
.menu-footer{display:none;}
}


/* 社員の思い */



main.saiyou-box section.inta_area{
margin: 3em 0;
padding:0;
border-top: 5px solid #00ceff;
border-image: linear-gradient(to right, #00ceff 0%, #09f183 100%) 1;
}


.inta_area-top{
margin: 0;
padding:0;
}

.inta_area-top figure{
margin: 0;
padding:0;
}

.inta_area-top img{
width: 100%;
}

.inta_area-top .txt {
margin-top: -10.666vw;
margin-left:10px;
margin-right:10px;
padding: 15px;
position: relative;
background-color: rgba(255,255,255,0.8);
border-radius: 14px;
}

.inta_area-top .txt h1{
font-size:20px;
margin: 0;
padding:0 0 .8em 0;
}

.inta_area-top .txt h2{
font-size:18px;
margin: 0;
}
.inta_area-top .txt h2 span{font-size:12px;}

.inta_area-top .txt h3{
margin: 0;
font-size:16px;
font-weight:normal;
}

.inta_area-top .txt h4{
margin: 0;
padding:.2em;
font-size:14px;
background:#00a0ea;
color: #fff;
display:inline-block;
font-weight:normal;
}


.inta_area-top .pc {display: none !important;}
.inta_area-top .sp {display: block !important;}

.inta_area-in{
margin: 2em auto 5em auto;
padding:.8em;
max-width:1200px;

}



.inta_area-in .inta_msg{
padding: 2rem1rem;
}


@media only screen and (min-width: 769px){

.inta_area-top {
padding-bottom: 0;
position: relative;
display: flex;
align-items: center;
flex-direction: row-reverse;
}

.inta_area-top .pc {display: block !important;}
.inta_area-top .sp {display: none !important;}

.inta_area-top .txt {
width: auto;
margin-top: 0;
padding: 30px;
position: absolute;
right: 60px;
}

.inta_area-top .txt h1{font-size:1.6em;}
.inta_area-top .txt h2{font-size:1.4em;}
.inta_area-top .txt h3{font-size:1.2em;}
.inta_area-top .txt h4{font-size:1em;}

.inta_area-in{
padding: 1rem;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.inta_area-in .movie{
width: 50%;
}
.inta_area-in .inta_msg{
padding: 1rem;
width: 45%;
}

}

/* youtube */

.yt
{
position: relative;
width: 100%;
padding-top: 56.25%;
}

.yt iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}






/* 情報・待遇 */
.employ-box{
margin: 0;
padding:0;
}

.employ-title{
margin: 0 0 1rem 0;
padding:.5rem;
background-image: linear-gradient(90deg, rgba(144, 245, 154, 1), rgba(4, 202, 255, 1));
}


.employ-title h2{
padding:0;
text-align: center;
color:#fff;
text-shadow: #0d7c69 0 0 10px;
}
@media only screen and (min-width: 769px){
.employ-title{font-size:21px;}
}

.saiyou-box section.employ-title{
margin: 0 0 1rem 0;
padding:.5rem;
background-image: url("/info/saiyou/interview/img/inta-title_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}


.employ_area{
padding:1rem;
}


.employ_area dl{
margin: 2rem auto;
max-width:980px;
box-sizing: border-box;
border-top: solid 1px #ddd;
}

.employ_area  dt {
width:100%;
margin:0;
padding:1rem 1rem .5rem 1rem ;
box-sizing: border-box;
font-size:1.2em;
color: #00a0ea;
}

.employ_area  dd {
border-bottom: solid 1px #ddd;
width:100%;
margin:0;
padding:1rem;
box-sizing: border-box;
}



.employ_area details{
max-width: 980px;
margin: 1rem auto;
}

.employ_area summary{
position: relative;
margin-bottom: 20px;
padding: 1rem 0.5rem;
border-bottom: 3px solid #00a0ea;
color: #00a0ea;
font-size:1.17em;
font-weight:700;
}
.employ_area summary:before, .employ_area summary:after {
	position: absolute;
	content: '';
	left: 1em;
	width: 0;
	height: 0;
	border-width: 14px 12px 0;
	border-style: solid;
}
.employ_area summary:before {	
	bottom: -14px;    
	border-color: #00a0ea transparent transparent;
}
.employ_area summary:after {
	bottom: -10px;
	border-color: #fff transparent transparent;
}

.accordion-panel-body h4 {
margin: 1.5em auto 0 auto;
color: #00a0ea;
}

.accordion-panel-body ul {
padding: 0 0 0 24px;
}


.senkoukijun{
max-width:980px;
margin: 2rem auto;
}

.senkoukijun h3 {
	position: relative;
	padding: 1rem 0.5rem;
	border-bottom: 3px solid #00a0ea;
	color: #00a0ea;
}
.senkoukijun h3:before, .senkoukijun h3:after {
	position: absolute;
	content: '';
	left: 1em;
	width: 0;
	height: 0;
	border-width: 14px 12px 0;
	border-style: solid;
}
.senkoukijun h3:before {	
	bottom: -14px;    
	border-color: #00a0ea transparent transparent;
}
.senkoukijun h3:after {
	bottom: -10px;
	border-color: #fff transparent transparent;
}

.seminar{
max-width:980px;
margin: 2rem auto;
padding: 1em;
}

.seminar h3 {
padding: .7rem;
border: 1px solid #00a0ea;
color: #666;
border-radius: 6px;
background: #a3d1ff;
}
.seminar ol {
padding: 0 0 0 24px;
}


.seminar a {
margin: 0px 0;
padding: .8rem 2rem;
display: inline-block;
background: #e7609e;
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: center;
border-radius: 30px;
}

.chuui{
color:#dd0000;
font-weight: bold;
}

@media only screen and (min-width: 769px){
.employ_area dl {
	display: flex;
	flex-wrap: wrap;
}
.employ_area  dt {
width: 20%;
text-indent: 0;
border-bottom: solid 1px #ddd;
}
.employ_area  dd {
	margin: 0;
	width: 80%;
	text-indent: 0;
}
}



/* 新卒採用 */

.employ_area a.btn{
margin: 0px 0;
padding: 1rem;
display: inline-block;
background:#00a0ea;
color:#fff;
text-decoration: none;
font-weight:bold;
text-align: center;
border-radius:6px;
}

.employ_area a.btn:hover {
background:#39c3f0;
}

.qr{max-width:190px;}

.ikukyu{width: 180px;}

.ikukyu th{text-align: left;font-weight:normal;}
.ikukyu td{text-align: left;}


/* 中途採用 */

.career-title{
margin: 0 0 1rem 0;
padding:.5rem;
background-image: linear-gradient(90deg, rgba(4, 202, 255, 1), rgba(144, 245, 154, 1));
}
.career-title h2{
padding:0;
text-align: center;
color:#fff;
text-shadow: #0d7c69 0 0 10px;
}

.employ_area dd ul{
margin: 0;
padding:0;
list-style:none;
}

.employ_area dd li a{
display: inline-block;
}
.employ_area dd li{
padding:.5rem;
max-width:240px;
}



@media only screen and (min-width: 769px){
.career-title{font-size:21px;}
.employ_area dd ul{
display:flex;
max-width:500px;
}
.employ_area dd li{
margin-right: 2%;
width:48%;
}

}



/* 契約アルバイト */

.keiyaku-link{
text-align: center;
}

.keiyaku-link h4{
padding: .7rem;
border: 1px solid #00a0ea;
color: #00a0ea;
}

.keiyaku-link p a{
margin: 0px 0;
padding: 1rem;
display: inline-block;
background:#00a0ea;
color:#fff;
text-decoration: none;
font-weight:bold;
text-align: center;
border-radius:6px;
}

.keiyaku-link p a:hover {
background:#39c3f0;
}

@media only screen and (min-width: 769px){
.keiyaku-link p{
margin: 0px 1rem;
display:inline-block;
}
}






footer {margin: 0;}