@charset "utf-8";


/*------reset-------*/
*,*::before,*::after{
box-sizing:border-box;
}
html,body,header,footer,menu,nav,article,section,aside,div,h1,h2,h3,h4,h5,h6,p,span,strong,em,b,i,a,hr,ul,ol,li,dl,dt,dd,table,th,td,figure,img,form,fieldset,input,textarea,checkbox,label,select,button,iframe{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
table{
border-collapse:collapse;
}
ul,li{
list-style:none;
}
img{
border:0;
line-height:0;
vertical-align:top;
}
a{
text-decoration:none;
}
em,i{
font-style:500;
}
strong{
font-weight:700;
}
/*
::before,
::after{
content:'';
content:none;
}
*/

/*------common-------*/
html{
}
body{
width:100%;
background:#ffffff;
text-align:center;
line-height:1.75;
font-family:'Noto Sans JP',sans-serif;
letter-spacing:0.1em;
color:#333333;
}
h1,h2,h3,h4,h5,h6{
font-weight:400;
}
h1,h2,h3{
line-height:1.3;
}
a{
color:#006953;
}
img{
/*max-width:100%;*/
width:100%;
}

/*------switch-------*/
@media screen and (min-width:768px){
  .pc{
  display:inline-block!important;
  }
  .sp{
  display:none!important;
  }
  a:hover{
  opacity:0.8;
  }
}
@media screen and (max-width:767px){
  .pc{
  display:none!important;
  }
  .sp{
  display:inline-block!important;
  }
  a{
  text-decoration:underline;
  }
}

/*------font-------*/
body,h1,h2,h3,h4,h5,h6{
font-size:calc(100vw / (1400 / 16));
}
@media screen and (max-width:767px){
  body,h1,h2,h3,h4,h5,h6{
  font-size:calc(100vw / (750 / 28));
  }
}


/*------module-------*/
mt0{margin-top:0;}
mb0{margin-bottom:0;}


/*------layout------*/
#container,
header,
article,
.sct_wide,
aside,
footer{
width:100%;
}
header .inner{
width:calc(100vw / (1400 / 1320));
margin:0 auto;
}
.breadcrumb,
.box_pagename,
.sct,
footer .inner{
width:calc(100vw / (1400 / 1000));
margin:0 auto;
}
#container{
overflow:hidden;
}
header>*,
article>*,
footer>*{
text-align:left;
}
article{
padding-top:calc(100vw / (1400 /110));
}
/*
#top~article{
padding-top:0;
}
*/
.breadcrumb{
margin-bottom:calc(100vw / (1400 / 50));
}
.box_pagename{
}
.mainvis{
margin-top:calc(100vw / (1400 / 50));
}
.sct{
padding-top:calc(100vw / (1400 / 100));
}
@media screen and (max-width:767px){
  header inner{
  width:100%;
  }
  .breadcrumb,
  .box_pagename,
  .sct,
  footer .inner{
  width:calc(100vw / (750 / 700));
  }
  article{
  padding-top:calc(100vw / (750 /170));
  }
  #top~article{
  padding-top:0;
  }
  .breadcrumb{
  margin-bottom:calc(100vw / (750 / 50));
  }
  .mainvis{
  margin-top:calc(100vw / (750 / 50));
  }
  .sct{
  padding-top:calc(100vw / (750 / 100));
  }
}


/*------header------*/
header{
position:fixed;
top:0;
z-index:100;
background:rgba(255,255,255,0.8);
}
header.fixed{
}
header .inner{
display:flex;
align-items:center;
justify-content:space-between;
height:calc(100vw / (1400 / 110));
}
header .sitename{
}
header .sitename a{
display:flex;
align-items:center;
height:100%;
}
header .sitename a img{
width:auto;
height:calc(100vw / (1400 / 50));
}
.h_menu02{
display:flex;
margin-left:calc(100vw / (1400 / 50));
}
.h_menu02 li{
margin-left:calc(100vw / (1400 / 10));
}
.h_menu02 li a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:calc(100vw / (1400 / 140));
height:calc(100vw / (1400 / 50));
padding-right:0.75em;
border-radius:calc(100vw / (1400 / 25));
font-size:calc(100vw / (1400 / 14));
line-height:1;
letter-spacing:0.2em;
font-weight:700;
color:#fff;
}
.h_menu02 li a::after{
position:absolute;
right:1.5em;
top:50%;
transform:translateY(-50%) rotate(45deg);
content:'';
display:inline-block;
width:0.5em;
height:0.5em;
border-right:1px #fff solid;
border-top:1px #fff solid;
vertical-align:middle;
}
.entry a{
background:linear-gradient(90deg,rgba(0,224,216,1),rgba(0,149,101,1));
}
.contact a{
background:linear-gradient(90deg,rgba(91,231,255,1),rgba(5,103,255,1));
}
@media screen and (min-width:768px){
  header.fixed .inner{
  height:calc(100vw / (1400 / 70));
  padding-top:0;
  }
  .menu_btn,
  .menu_ico,
  .sub_menu,
  .h_menu03{
  display: none;
  }
  .h_nav{
  display:flex;
  align-items:center;
  }
  .h_menu01{
  display:flex;
  }
  .h_menu01 li{
  margin-left:2em;
  }
  .h_menu01 li a{
  line-height:1;
  color:#000;
  }
}
@media screen and (max-width:767px){
  header{
  background:rgba(255,255,255,1);
  }
  header .inner{
  height:calc(100vw / (750 / 120));
  padding:0 calc(100vw / (750 / 120)) 0 calc(100vw / (750 / 40));
  }
  header .sitename a img:nth-child(1){
  height:calc(100vw / (750 / 67.873));
  }
  header .sitename a img:nth-child(2){
  height:calc(100vw / (750 / 30.686));
  margin-left:calc(100vw / (750 / 30));
  }
  .h_nav{
  position:fixed;
  right:0;
  top:16vw;
  width:100vw;
  height:100vh;
  padding-bottom:calc(100vw / (750 / 100));
  background:linear-gradient(90deg,rgba(0,224,216,0.3),rgba(0,149,101,0.3)),#fff;
  transform:translateX(100%);
  transition:transform 250ms ease-in-out;
  z-index:1;
  overflow-y:auto;
  }
  header input[type="checkbox"]:checked~.h_nav{
  transform:translateX(0);
  }
  .h_nav a{
  color:#333;
  text-decoration:none;
  }
  .menu_btn{
  display:none;
  }
  .menu_ico{
  background:linear-gradient(90deg,rgba(0,224,216,1),rgba(0,149,101,1));
  width:calc(100vw / (750 / 120));
  height:calc(100vw / (750 / 120));
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
  transition:all 0.3s;
  z-index:1;
  }
  .menu_ico i{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:calc(100vw / (750 / 50));
  height:calc(100vw / (750 / 6));
  cursor:pointer;
  background:#fff;
  transition:all 0.3s;
  }
  .menu_ico i:before,
  .menu_ico i:after{
  display:block;
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:calc(100vw / (750 / 50));
  height:calc(100vw / (750 / 6));
  cursor:pointer;
  background:#fff;
  transition:all 0.3s;
  }
  .menu_ico i:before{
  margin-top:calc(100vw / (750 / -20));
  }
  .menu_ico i:after{
  margin-top:calc(100vw / (750 / 20));
  }
  header input[type="checkbox"]:checked~.menu_ico i{
  background:transparent;
  }
  header input[type="checkbox"]:checked~.menu_ico i:before{
  margin-top:0;
  transform:rotate(135deg);
  }
  header input[type="checkbox"]:checked~.menu_ico i:after{
  margin-top:0;
  transform:rotate(-135deg);
  }
  [class^="h_menu"]{
  width:100%;
  }
  .h_menu01>li{
  position:relative;
  border-bottom:calc(100vw / (750 / 2)) #fff solid;
  }
  .h_menu01>li li{
  border-top:calc(100vw / (750 / 2)) #fff solid;
  }
  .h_menu01>li a{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:calc(100vw / (750 / 100));
  padding:0 calc(100vw / (750 / 100)) 0 calc(100vw / (750 / 40));
  font-size:calc(100vw / (750 / 30));
  }
  .h_menu01>li li a{
  min-height:calc(100vw / (750 / 80));
  padding-left:calc(100vw / (750 / 70));
  font-size:calc(100vw / (750 / 28));
  }
  .h_menu01>li a::after{
  content:'';
  position:absolute;
  right:calc(100vw / (750 / 40));
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  display:inline-block;
  width:calc(100vw / (750 / 15));
  height:calc(100vw / (750 / 15));
  border-right:1px #333 solid;
  border-top:1px #333 solid;
  vertical-align:middle;
  }
  .h_menu01>li.js-menu>a::after{
  display:none;
  }
  .h_menu01>li>i{
  position:absolute;
  right:0;
  top:0;
  display:block;
  width:20%;
  height:calc(100vw / (750 / 100));
  cursor:pointer;
  }
  .h_menu01>li>i:before,
  .h_menu01>li>i:after{
  content:'';
  display:block;
  width:calc(100vw / (750 / 20));
  height:1px;
  background:#333;
  position:absolute;
  top:50%;
  right:5vw;
  }
  .h_menu01>li>i:before{
  }
  .h_menu01>li>i:after{
  transform:rotate(90deg);
  transition:all .3s;
  }
  .h_menu01>li>i.is-open:after{
  transform:rotate(180deg);
  }
  .h_menu01 .sub_menu{
  display:none;
  width:100%;
  background:linear-gradient(90deg,rgba(0,224,216,0.15),rgba(0,149,101,0.15)),#fff;
  font-size:3.6vw;
  }
  .h_menu01 i.is-open+.sub_menu{
  display:block;
  }
  .h_menu02{
  display:flex;
  justify-content:center;
  margin:calc(100vw / (750 / 60)) 0;
  }
  .h_menu02 li{
  margin-left:calc(100vw / (750 / 30));
  }
  .h_menu02 li a{
  width:calc(100vw / (750 / 300));
  height:calc(100vw / (750 / 100));
  padding-right:0.75em;
  border-radius:calc(100vw / (750 / 50));
  font-size:calc(100vw / (750 / 28));
  }
  .h_menu02 li a::after{
  right:1.5em;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  content:'';
  display:inline-block;
  width:0.6em;
  height:0.6em;
  border-right:calc(100vw / (750 / 2)) #fff solid;
  border-top:calc(100vw / (750 / 2)) #fff solid;
  }
  .h_menu03{
   padding-bottom:3em;
  }
  .h_menu03 li a{
   position:relative;
  display:block;
  padding:calc(100vw / (750 / 25)) 0 calc(100vw / (750 / 25)) calc(100vw / (750 / 80));
  /*background:url(../img/ico_link.png) no-repeat calc(100vw / (750 / 40)) center / 1em;*/
  font-size:calc(100vw / (750 / 28));
  line-height:1;
  }
  .h_menu03 li a::after{
  content:'';
  position:absolute;
  left:calc(100vw / (750 / 40));
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  display:inline-block;
  width:calc(100vw / (750 / 15));
  height:calc(100vw / (750 / 15));
  border-right:1px #333 solid;
  border-top:1px #333 solid;
  vertical-align:middle;
  }
}






/*------fixMenu/Pagetop-------*/
.box_end{
position:fixed;
right:0;
bottom:0;
z-index:5;
}
.pagetop a{
display:flex;
align-items:center;
justify-content:center;
width:calc(100vw / (1400 / 80));
height:calc(100vw / (1400 / 80));
border-radius:50%;
background:rgba(0,0,0,0.3);
overflow:hidden;
text-indent:-9999px;
}
.pagetop a::after{
content:'';
display:block;
width:1em;
height:1em;
margin-top:0.5em;
border-right:2px #fff solid;
border-top:2px #fff solid;
transform:rotate(-45deg);
}
@media screen and (min-width:768px){
  .fix_menu{
  display:none;
  }
}
@media screen and (max-width:767px){
  .box_end{
  display:flex;
  justify-content:space-between;
  width:100vw;
  height:calc(100vw / (750 /110));
  padding:calc(100vw / (750 / 10)) calc(100vw / (750 / 10)) 0; 
  background:rgba(255,255,255,0.8);
  }
  .fix_menu a{
  text-decoration:none;
  }
  .fix_menu{
  display:flex;
  }
  .fix_menu li+li{
  margin-left:calc(100vw / (750 / 10));
  }
  .fix_menu li a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(100vw / (750 / 300));
  height:calc(100vw / (750 / 100));
  padding-right:0.75em;
  border-radius:calc(100vw / (750 / 50));
  font-size:calc(100vw / (750 / 28));
  line-height:1;
  letter-spacing:0.2em;
  font-weight:700;
  color:#fff;
  }
  .fix_menu li a::after{
  position:absolute;
  right:1.5em;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  content:'';
  display:inline-block;
  width:0.6em;
  height:0.6em;
  border-right:calc(100vw / (750 / 2)) #fff solid;
  border-top:calc(100vw / (750 / 2)) #fff solid;
  }
  .pagetop a{
  width:calc(100vw / (750 / 100));
  height:calc(100vw / (750 / 100));
  }
  .pagetop a::after{
  content:'';
  display:block;
  width:0.6em;
  height:0.6em;
  margin-top:0.3em;
  border-right:calc(100vw / (750 / 2)) #fff solid;
  border-top:calc(100vw / (750 / 2)) #fff solid;
  transform:rotate(-45deg);
  }
}


/*------footer-------*/
footer{
display:flex;
align-items:flex-end;
height:calc(100vw / (1400 / 200));
padding-bottom:calc(100vw / (1400 / 40));
}
#top~footer{
height:calc(100vw / (1400 / 400));
}
footer,
footer a{
line-height:1;
}
footer .inner{
display:flex;
align-items:flex-end;
justify-content:space-between;
}
footer .f_nav{
}
footer .f_menu01{
display:flex;
}
footer .f_menu01 li+li{
margin-left:1em;
}
footer .f_menu01 li a{
position:relative;
padding-left:calc(100vw / (1400 / 13));
/*background:url(../img/ico_link.png) no-repeat left center / 1em;*/
font-size:calc(100vw / (1400 / 14));
color:#333;
letter-spacing:0.05em;
}
footer .f_menu01 li a::before{
position:absolute;
left:0;
top:50%;
transform:translateY(-50%) rotate(45deg);
content:'';
display:inline-block;
width:0.5em;
height:0.5em;
border-right:1px #333 solid;
border-top:1px #333 solid;
vertical-align:middle;
}
footer .f_menu02{
display:flex;
margin:calc(100vw / (1400 / 50)) 0;
}
footer .f_menu02 li+li{
margin-left:calc(100vw / (1400 / 20));
}
footer .f_menu02 li a{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:calc(100vw / (1400 / 150));
height:calc(100vw / (1400 / 150));
padding-bottom:1.5em;
border-radius:50%;
background-color:#009565;
background:url(../img/ico_arw_w.png) no-repeat center 70% / auto 1em,linear-gradient(90deg,rgba(0,224,216,1),rgba(0,149,101,1));
font-size:calc(100vw / (1400 / 24));
font-weight:700;
color:#fff;
}
footer .copy{
font-size:calc(100vw / (1400 / 12));
letter-spacing:0.05em;
color:#666;
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  footer{
  display:block;
  height:auto;
  padding-top:3em;
  padding-bottom:calc(100vw / (750 / 130));
  }
  #top~footer{
  height:auto;
  }
  footer a{
  text-decoration:none;
  }
  footer .inner{
  display:block;
  }
  footer .f_menu01{
  flex-wrap:wrap;
  justify-content:space-between;
  width:86%;
  margin:1em auto;
  text-align:left;
  }
  footer .f_menu01 li{
  /*width:50%;*/
  }
  footer .f_menu01 li+li{
  margin-left:0;
  }
  footer .f_menu01 li:last-child{
  margin-right:2em;
  }
  footer .f_menu01 li a{
  display:block;
  padding:1em 0 1em 0;
  font-size:calc(100vw / (750 / 28));
  }
  footer .f_menu01 li a::before{
  display:none;
  }
  footer .f_menu02{
  display:none;
  }
  footer .copy{
  font-size:calc(100vw / (750 / 22));
  letter-spacing:0.05em;
  text-align:center;
  }
}


/*------Breadcrumb-------*/
.breadcrumb ol{
display:flex;
}
.breadcrumb ol li{
display:flex;
}
.breadcrumb ol li,
.breadcrumb ol li a{
font-size:calc(100vw / (1400 / 14));
line-height:1;
color:#999;
}
.breadcrumb ol li::before{
content:'>';
display:inline-block;
margin:0 0.5em;
}
.breadcrumb ol li:first-of-type::before{
display:none;
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .breadcrumb a{
  text-decoration:none;
  }
  .breadcrumb ol li,
  .breadcrumb ol li a{
  font-size:calc(100vw / (750 / 22));
  }
}



/*------pageTitle(H1)-------*/
.box_pagename{
margin-bottom:calc(100vw / (1400 / 50));
}
#recruitment .box_pagename,
#faq .box_pagename{
margin-bottom:0;
}
.pagename{
font-size:calc(100vw / (1400 / 48));
line-height:1;
letter-spacing:0.2em;
font-weight:700;
}
.pagename .sub{
display:block;
margin-bottom:calc(100vw / (1400 / 15));
font-size:calc(100vw / (1400 / 18));
letter-spacing:0.15em;
color:#009565;
}
.box_pagename .read{
margin-top:1em;
font-size:calc(100vw / (1400 / 18));
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .box_pagename{
  margin-bottom:calc(100vw / (750 / 50));
  }
  #recruitment .box_pagename{
  margin-bottom:calc(100vw / (750 / 100));
  }
  .pagename{
  font-size:calc(100vw / (750 / 55));
  }
  .pagename .sub{
  margin-bottom:calc(100vw / (750 / 15));
  font-size:calc(100vw / (750 / 30));
  }
  .box_pagename .read{
  margin-top:1em;
  font-size:calc(100vw / (750 / 30));
  }
}



/*------mainvis-------*/
.mainvis{
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .mainvis{
  height:calc(100vw / (750 / 500));
  overflow:hidden;
  text-align:center;
  }
  .mainvis img{
  width:auto;
  height:100%;
  margin-left:calc(100vw / (750 / -500));
  }
}


/*------titleBox(H2,H3)-------*/
.h2{
margin:calc(100vw / (1400 / -10)) 0 calc(100vw / (1400 / -8));
padding-bottom:calc(100vw / (1400 / 25));
font-size:calc(100vw / (1400 / 32));
letter-spacing:0.2em;
font-weight:700;
color:#009565;
}
#employee .h2,
#interview .h2,
#job .h2{
font-size:calc(100vw / (1400 / 48));
}
.title_sub{
display:inline-block;
margin-bottom:calc(100vw / (1400 / 15));
padding:0 0.75em;
background:#009565;
font-size:calc(100vw / (1400 / 16));
line-height:1.25;
letter-spacing:0.15em;
font-weight:700;
color:#fff;
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  .h2{
  margin:0;
  padding-bottom:calc(100vw / (750 / 30));
  font-size:calc(100vw / (750 / 38));
  }
  #employee .h2,
  #interview .h2{
  font-size:calc(100vw / (750 / 60));
  }
  #job .h2{
  font-size:calc(100vw / (750 / 52));
  }
  .title_sub{
  margin-bottom:calc(100vw / (750 / 10));
  font-size:calc(100vw / (750 / 20));
  }
}

/*------Button-------*/
.box_btn .btn{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:calc(100vw / (1400 / 300));
height:calc(100vw / (1400 / 50));
margin:0 auto;
border-radius:calc(100vw / (1400 / 25));
background:linear-gradient(90deg,rgba(0,224,216,1),rgba(0,149,101,1));
font-size:calc(100vw / (1400 / 14));
line-height:1.3;
letter-spacing:0.2em;
font-weight:700;
color:#fff;
}
.box_btn .btn::after{
position:absolute;
right:1.5em;
top:50%;
transform:translateY(-50%) rotate(45deg);
content:'';
display:inline-block;
width:0.5em;
height:0.5em;
border-right:1px #fff solid;
border-top:1px #fff solid;
vertical-align:middle;
}
.box_btn .btn.js-modal-open::before{
content:'';
display:inline-block;
width:1.6em;
height:1.6em;
margin-right:1em;
background:url(../img/ico_modal.png) no-repeat center / 1.6em;
}
.box_btn .btn.js-modal-open::after{
display:none;
}
@media screen and (max-width:767px){
  .box_btn .btn{
  width:calc(100vw / (750 / 450));
  height:calc(100vw / (750 / 80));
  border-radius:calc(100vw / (750 / 80));
  font-size:calc(100vw / (750 / 28));
  text-decoration:none;
  }
}







/*------Modal/base------*/
.modal{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
z-index:999;
}
.modal_bg{
position:absolute;
width:100%;
height:100vh;
background:rgba(0,0,0,0.8);
}
.modal_content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:80%;
}
.modal_close{
position:absolute;
top:-2.5em;
right:-2.5em;
}
.modal_close a{
position:relative;
display:block;
width:2em;
height:2em;
text-indent:-9999px;
overflow:hidden;
}
.modal_close a:before,
.modal_close a:after{
position:absolute;
left:0;
top:50%;
display:block;
content:'';
width:100%;
height:2px;
background:#ffffff;
transform:rotate(-45deg);
}
.modal_close a:after{
transform:rotate(45deg);
}
@media screen and (max-width:767px){
  .modal_content{
  width:96%;
  }
  .modal_close{
  right:0;
  }
}

/*------Modal/job------*/
.modal_content{
overflow-y:auto;
width:calc(100vw / (1400 / 1000));
height:100vh;
padding:0 calc(100vw / (1400 / 100)) calc(100vw / (1400 / 80));
background:#fff;
}
.modal_close{
position:fixed;
top:1.5em;
right:calc(100vw / (1400 / 220));
}
.modal_close a{
width:3em;
height:3em;
}
.modal_close a:before,
.modal_close a:after{
height:3px;
background:#000;
}
.modal_top{
position:relative;
min-height:calc(100vw / (1400 / 500));
margin:0 calc(100vw / (1400 / -100));
padding:calc(100vw / (1400 / 100)) calc(100vw / (1400 / 100)) calc(100vw / (1400 / 50));
border-top:calc(100vw / (1400 / 20)) #009565 solid;
}
.modal_top .img{
position:absolute;
right:calc(100vw / (1400 / 90));
bottom:calc(100vw / (1400 / -30));
width:calc(100vw / (1400 / 300));
}
.modal_top .serif{
position:absolute;
left:calc(100vw / (1400 / -20));
top:0;
transform:translate(-50%,0);
display:flex;
align-items:center;
justify-content:center;
height:calc(100vw / (1400 / 130));
background:url(../../job/img/modal_serif.png) no-repeat center / contain;
font-size:calc(100vw / (1400 / 14));
text-align:center;
}
.modal_top .ttl{
position:relative;
display:flex;
align-items:center;
}
.modal_top .num{
margin-top:calc(100vw / (1400 / -10));
margin-right:calc(100vw / (1400 / 10));
font-size:calc(100vw / (1400 / 120));
line-height:1;
color:#fff;
text-shadow:
1px 1px 0 #009565,-1px -1px 0 #009565,
-1px 1px 0 #009565,1px -1px 0 #009565,
1px 0 0 #009565,-1px 0 0 #009565,
0 1px 0 #009565,0 -1px 0 #009565;
}
.modal_top .h2{
margin:0;
padding:0;
}
.modal_top .txt{
width:calc(100vw / (1400 / 480));
line-height:2;
}
.modal_main{
}
.modal_btm{
position:relative;
padding:calc(100vw / (1400 / 50)) 0 calc(100vw / (1400 / 50)) calc(100vw / (1400 / 330));
}
.modal_btm .img{
position:absolute;
left:0;
top:calc(100vw / (1400 / -60));
width:calc(100vw / (1400 / 280));
}
.modal_btm .type{
font-size:calc(100vw / (1400 / 21));
}
.modal_btm .profile{
line-height:2;
}
.modal_btm .box_btn{
margin-top:calc(100vw / (1400 / 15));
}
.modal_btm .btn{
width:calc(100vw / (1400 / 320));
margin-left:0;
letter-spacing:0.1em;
}
@media screen and (max-width:767px){
  .modal_content{
  width:calc(100vw / (750 / 700));
  padding:0 calc(100vw / (750 / 50)) calc(100vw / (750 / 40));
  }
  .modal_close{
  position:fixed;
  top:calc(100vw / (750 /30));
  right:calc(100vw / (750 /30));
  }
  .modal_close a{
  width:3em;
  height:3em;
  }
  .modal_close a:before,
  .modal_close a:after{
  height:3px;
  background:#000;
  }
  .modal_top{
  min-height:calc(100vw / (750 / 500));
  margin:0 calc(100vw / (750 / -50));
  padding:calc(100vw / (750 / 120)) calc(100vw / (750 / 50)) calc(100vw / (750 / 40));
  border-top:calc(100vw / (750 / 20)) #009565 solid;
  }
  .modal_top .img{
  position:relative;
  right:auto;
  bottom:auto;
  float:right;
  width:calc(100vw / (750 / 280));
  margin-top:calc(100vw / (750 / -70));
  margin-right:calc(100vw / (750 / -30));
  margin-bottom:calc(100vw / (750 / -10));
  z-index:0;
  }
  .modal_top .serif{
  position:absolute;
  left:calc(100vw / (750 / -20));
  top:calc(100vw / (750 / -40));
  transform:translate(-50%,0);
  display:flex;
  align-items:center;
  justify-content:center;
  height:calc(100vw / (750 / 130));
  background:url(../../job/img/modal_serif.png) no-repeat center / contain;
  font-size:calc(100vw / (750 / 22));
  line-height:1.25;
  }
  .modal_top .ttl{
  position:relative;
  display:flex;
  align-items:center;
  z-index:1;
  text-shadow:1px 1px #fff;
  }
  .modal_top .num{
  margin-top:calc(100vw / (750 / -10));
  margin-right:calc(100vw / (750 / 10));
  font-size:calc(100vw / (750 / 120));
  line-height:1;
  color:#fff;
  text-shadow:
  1px 1px 0 #009565,-1px -1px 0 #009565,
  -1px 1px 0 #009565,1px -1px 0 #009565,
  1px 0 0 #009565,-1px 0 0 #009565,
  0 1px 0 #009565,0 -1px 0 #009565;
  }
  #modal_job02 .modal_top .h2,
  #modal_job03 .modal_top .h2{
  letter-spacing:0;
  }
  .modal_top .h2{
  margin:0;
  margin-right:-3em;
  padding:0;
  }
  .modal_top .txt{
  width:100%;
  line-height:1.75;
  }
  .modal_main{
  }
  .modal_btm{
  position:relative;
  padding:calc(100vw / (750 / 80)) 0 calc(100vw / (750 / 50)) calc(100vw / (750 / 250));
  }
  .modal_btm .img{
  position:absolute;
  left:0;
  top:calc(100vw / (750 / -60));
  width:calc(100vw / (750 / 230));
  }
  .modal_btm .type{
  font-size:calc(100vw / (750 / 32));
  }
  .modal_btm .profile{
  line-height:1.75;
  }
  .modal_btm .box_btn{
  margin-top:calc(100vw / (750 / 15));
  margin-left:calc(100vw / (750 / -250));
  }
  .modal_btm .btn{
  width:calc(100vw / (750 / 460));
  margin-left:auto;
  }
}



/*------Slider-------*/
.slider img{
display:none;
}
section .slider{
width:100%;
margin:0 auto;
}
.slider .slick-slide{
margin:0;
}
.slider .slick-slide img{
width:100%;
height:100%;
}
.slider .slick-prev:before,
.slider .slick-next:before{
color:black;
}
.slider .slick-slide{
transition:all ease-in-out .3s;
opacity:1;
}
.slider .slick-active{
opacity:1;
}
.slider .slick-current{
opacity:1;
}
.slider .slick-prev,
.slider .slick-next{
/*width:40px;*/width:calc(100vw / (1400 / 40));
/*height:40px;*/height:calc(100vw / (1400 / 40));
/*border:1px #ffffff solid;*/
background:rgba(0,0,0,0.2);
border-radius:50%;
z-index:1;
}
.slider .slick-prev{left:calc(100vw / (1400 / 60));}
.slider .slick-next{right:calc(100vw / (1400 / 60));}
.slider .slick-prev:hover,
.slider .slick-prev:focus,
.slider .slick-next:hover,
.slider .slick-next:focus{
background:rgba(0,0,0,0.5);
}
.slider .slick-prev::before,
.slider .slick-next::before{
position:absolute;
top:50%;
left:0;
content:'';
width:0.5em;
height:0.5em;
margin-top:-0.3em;
border-right:2px #fff solid;
border-top:2px #fff solid;
}
.slider .slick-prev::before{
margin-left:0.7em;
transform:rotate(-135deg);
}
.slider .slick-next::before{
margin-left:0.5em;
transform:rotate(45deg);
}
.slider .slick-dots{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:100%;
margin:0 auto;
}
.slider .slick-dots li{
background:#cccccc;
width:8%;
max-width:100px;
height:10px;
}
.slider .slick-dots li.slick-active{
background:#999999;
}
.slider .slick-dots li button::before {
display:none;
}
@media screen and (max-width:767px){
  .slider .slick-prev,
  .slider .slick-next{
  /*width:40px;*/width:calc(100vw / (750 / 60));
  /*height:40px;*/height:calc(100vw / (750 / 60));
  }
  .slider .slick-prev{left:1em;}
  .slider .slick-next{right:1em;}
  .slider .slick-prev::before{
  margin-left:0.9em;
  }
  .slider .slick-next::before{
  margin-left:0.7em;
  }
  .slider .slick-dots{
  bottom:-10vw;
  }
  .slider .slick-dots li{
  width:10%;
  height:7.5vw;
  margin:0.75vw;
  }
}