@charset "UTF-8";
/* clearfix */


/* #contents
------------------------------*/
@media screen and (max-width: 768px) {
  body.initial {
    position: fixed;
    top: 0;
    left: 0;
  }
  body.initial #mv {
    top: 0;
  }
  body.initial #mv .mv_bg {
    filter: none;
  }
  body.initial #mv .start-item {
    opacity: 0;
  }
  /* body.initial #mv .title_container {
    bottom: 90px;
  } */
  body.initial #mv .title_container .term {
    opacity: 0;
  }
  body.initial #mv .title_container .ttl_txt, body.initial #mv .title_container .ttl_name {
    display: block;
  }
  body.initial #mv .company {
    bottom: 80px;
  }
  body.initial #contents {
    margin-top: calc(100vh - 130px + 50px);
  }
  body.no-tab #contents {/*☆*/
    padding-top: 0;
  }
  body.initial #tab_right {
    top: calc(100vh - 130px);
  }
}

@media screen and (max-width: 768px) {
  #contents {
    margin-top: 130px;
  }
}

article:not(.current) {
  display: none;
}

/* tab right
------------------------------*/
#tab_right {
  position: fixed;
  height: 280px;
  right: 0;
  top: 50%;
  margin-top: -140px;
  line-height: 1;
  z-index: 5;
  font-weight: 700;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#tab_right a {
  width: 60px;
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#tab_right a p {
  margin-right: 20px;
}
#tab_right a div {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background-color: #e94c07;
}
@media screen and (min-width:768px) and ( max-width:1440px) {/*☆*/
  #tab_right a p {
      margin-right: 15px;
  }
}
@media screen and (min-width: 768px) {
  #tab_right a:hover {
    color: #e94c07;
  }
}
#tab_right a.current {
  pointer-events: none;
  color: #e94c07;
}
#tab_right .bar {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 60px;
  background-color: #e94c07;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #tab_right a {
    width: 40px;
  }
}
@media screen and (max-width: 768px) {
  #tab_right {
    position: fixed;
    top: 80px;
    left: 0;
    right: auto;
    margin-top: 0;
    width: 100%;
    height: 50px;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: rl-tb;
    writing-mode: horizontal-tb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #tab_right a {
    display: block;
    width: calc(100% / 3);
    height: 100%;
    background-color: #f5f5f5;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  #tab_right a p {
    margin-right: 0;
  }
  #tab_right a div {
    display: none;
    left: 0;
    right: auto;
    width: 100%;
    height: 3px;
  }
  #tab_right a.current {
    background-color: #fff;
  }
  #tab_right a.current div {
    display: block;
  }
  #tab_right .bar {
    display: none;
  }
}

/* #envionment
------------------------------*/
section#from-senior .from-senior_container {
  background: url("/recruit/freshman2022/assets/images/common/bg_dot_gray.png");
  padding: 50px 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
section#from-senior .from-senior_container:not(:first-of-type) {
  margin-top: 30px;
}
section#from-senior .from-senior_container .photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 40px;
}
section#from-senior .from-senior_container .body {
  width: calc(100% - 120px - 40px);
}
section#from-senior .from-senior_container .body .title {
  font-size: 22px;
  font-weight: 900;
  color: #e94c07;
  line-height: 1.6;
}
section#from-senior .from-senior_container .body .text, section#from-senior .from-senior_container .body .text2 {
  margin-top: 30px;
}
section#from-senior .from-senior_container .body .text2 {
  line-height: 1.6;
  color: #999;
  font-size: 13px;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  section#from-senior .from-senior_container {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 768px) {
  section#from-senior .from-senior_container {
    padding: 20px;
    display: block;
  }
  section#from-senior .from-senior_container .photo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }
  section#from-senior .from-senior_container .body {
    width: 100%;
  }
  section#from-senior .from-senior_container .body .title {
    font-size: 18px;
    margin-top: 20px;
  }
  section#from-senior .from-senior_container .body .text, section#from-senior .from-senior_container .body .text2 {
    margin-top: 20px;
  }
}

/* #recruiting
------------------------------*/
#process .section_inner{
  margin-top: 50px;
}
#guideline .section_inner{
margin-top:1em;
}

#process .section_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#process .process_left {
  width: calc(50% - 40px);
  margin-right: 40px;
}
#process .process_left .process_box {
  position: relative;
  width: 100%;
  line-height: 1.6em;
  padding: 20px 30px;
  text-align: center;
  font-weight: 700;
  border-radius: 8px;
  background-color: #fff0e9;
  margin-bottom: 20px;
}
#process .process_left .process_box:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff0e9 transparent transparent transparent;
}
#process .process_left .process_box.last {
  background-color: #e94c07;
  color: #fff;
  font-size: 20px;
}
#process .process_left .process_box.last:after {
  content: none;
}
#process .process_right {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #contents section#process{
    margin-top:20px;
  }
  #process .section_inner {
    display: block;
    margin-top:30px;
  }
  #process .process_left {
    width: 100%;
    margin-right: 0;
  }
  #process .process_right {
    width: 100%;
    margin-top: 30px;
  }
  #process .process_left .process_box{
    padding:15px 20px;
  }
  #process .process_left .process_box p{
    font-size:15px;
  }
}

#guideline .guideline_pagelink {
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
#guideline .guideline_pagelink a {
  width: calc((100% - 40px) / 3);
  height: 60px;
  font-weight: 700;
  padding: 0 30px;
  background-color: #f1f1f1;
  border-radius: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#guideline .guideline_pagelink a:not(:last-of-type) {
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  #guideline .guideline_pagelink a:hover {
    background-color: #e94c07;
    color: #fff;
  }
  #guideline .guideline_pagelink a:hover .svg path, #guideline .guideline_pagelink a:hover .svg polygon {
    fill: #fff;
  }
}
#guideline .guideline_wrapper {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #guideline .guideline_pagelink {
    display: block;
    margin-top:30px;
  }
  #guideline .guideline_pagelink a {
    width: calc(50% - 5px);
    height: 50px;
    padding: 0 20px;
    float: left;
  }
  #guideline .guideline_pagelink a:nth-of-type(2n) {
margin-left:10px;
  }
  #guideline .guideline_pagelink:after {
    content:"";
    clear:both;
    display:block;
  }
  #guideline .guideline_pagelink a:not(:last-of-type) {
    margin-right: 0px;
    margin-bottom: 15px;
  }
}

.guideline_box {
  width: 100%;
  padding: 30px 0;
  border-bottom: #ddd 1px dashed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size:0;
  line-height:2;
}
.guide_name,.guide_detail{
  font-size: 15px;
}
.guide_name,.guide_detail p{
  detail:block;
}
.guideline_box:first-of-type {
  border-top: #ddd 1px dashed;
  margin-top: 30px;
}
.guideline_box .guide_name {
  font-weight: 700;
  width:160px;
}

.guideline_box .guide_detail {
  width: calc(100% - 135px);
  line-height:2;
}
@media screen and (max-width: 768px) {
  .guideline_box {
    padding: 25px 0;
    display: block;
  }
  .guideline_box .guide_name {
    width: 100%;
    font-weight: 700;
  }
  .guideline_box .guide_detail {
    width: 100%;
    margin-top: 5px;
  }
  .guide_name,.guide_detail{
    font-size: 13px;
  }
}


#about_selection .section_inner, #caution .section_inner {
  margin-top: 40px;
}
#about_selection a, #caution a {
  margin-top: 30px;
  margin-right: 30px;
}
#about_selection a:last-of-type, #caution a:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #about_selection a, #caution a {
    display: block;
    font-size: 14px;
    margin-right: 0px;
  }
  #about_selection a:last-of-type, #caution a:last-of-type {
    margin-top: 15px;
  }
}

.voice_box {
  width: 100%;
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.voice_box:first-of-type {
  margin-top: 60px;
}
.voice_box .img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  overflow: hidden;
}
.voice_box .text {
  width: calc(100% - 74px - 30px);
}
.voice_box.img_left .img {
  margin-right: 30px;
}
.voice_box.img_right .img {
  margin-left: 30px;
}
.voice_box.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .voice_box .img {
    width: 60px;
    height: 60px;
  }
  .voice_box .text {
    width: calc(100% - 60px - 20px);
  }
  .voice_box.img_left .img {
    margin-right: 20px;
  }
  .voice_box.img_right .img {
    margin-left: 20px;
  }
  .voice_box:first-of-type {
    margin-top: 30px;
  }
}



/*追記したい内容*/

#process .process_right p{
  margin-top:1em;
}
#process .process_right p:first-child{
  margin-top:0;
}

#recruiting .link_arrowR
{
margin-top: 30px;
margin-right: 30px;
}


/*募集終了*/
.secondary.end #mv .title_container .term{
  background:#c0c0c0;
  font-weight:bold;
}

.secondary.end div#entry_menu .nav_entry a{
  pointer-events: none;
}

.secondary.end div#entry_menu .nav_entry a .nav_img{
  background:#c0c0c0;
}
.secondary.end div#entry_menu .nav_entry a .nav_img .svg path, div#entry_menu a .nav_img .svg polygon
{
  fill:#000;
}

.secondary.end .contents_bottom .btn_entry_bottom a{
  display:none;
  /* background-color:#c0c0c0; */
  /* pointer-events: none; */
}

.secondary.end div#entry_menu .nav_entry{
  display:none;
}