@charset "UTF-8";
/* CSS Document */





.page_title::before {
  background: url(../img/recruit/main_img_w.jpg) no-repeat center center;
}
main .message {
  margin-bottom: 250px;
}
main .message .box {
  position: relative;
  display: flex;
  align-items: center;
}
main .message .box .box_l {
  width: 50%;
}
main .message .box .box_l .comment p {
  font-size: 2.2rem;
  font-weight: 700;
}
main .message .box .box_l .comment p:not(:last-of-type) {
  margin-bottom: 1.2em;
}
main .message .box .img {
  position: relative;
  margin-left: -50px;
  width: 50%;
}
main .message .box .img span ,
main .message .box .img em {
  display: block;
  width: 900px;
}
main .message .box .img em {
  position: absolute;
  bottom: -90px;
  left: 50px;
  z-index: -1;
  opacity: .18;
}
main .interview {
  margin-bottom: 200px;
}
main .interview .list section {
  position: relative;
}
main .interview .list section::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  content: '';
}
main .interview .list section:nth-of-type(odd):before {
  background: linear-gradient(270deg,rgba(45, 85, 168, 1) 0%, rgba(45, 85, 168, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
main .interview .list section:nth-of-type(even):before {
  background: linear-gradient(90deg,rgba(45, 85, 168, 1) 0%, rgba(45, 85, 168, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
main .interview .list section .box {
  position: relative;
  display: flex;
}
main .interview .list section .box::before {
  position: absolute;
  top: 60px;
  width: 120px;
  height: calc(100% - (60px * 2));
  background: rgba(0, 0, 0, .29);
  background-blend-mode: multiply;
  content: '';
}
main .interview .list section:nth-of-type(odd) .box::before {
  right: -120px;
}
main .interview .list section:nth-of-type(even) .box::before {
  left: -120px;
}
main .interview .list section .box .info {
  position: absolute;
	top: 50%;
	transform: translateY(-50%);
  background: #FFF;
  width: 540px;
}
main .interview .list section:nth-of-type(odd) .box .info {
  right: -70px;
  padding: 60px 0 60px 50px;
}
main .interview .list section:nth-of-type(even) .box .info {
  left: -70px;
  padding: 60px 60px 60px 70px;
}
main .interview .list section .box .info::before {
  position: absolute;
  top: 0;
  width: 15px;
  height: 100%;
  background: #2d55a8;
  content: '';
}
main .interview .list section:nth-of-type(odd) .box .info::before {
  left: 0;
}
main .interview .list section:nth-of-type(even) .box .info::before {
  right: 0;
}
main .interview .list section .box .info h4 {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 2em;
}
main .interview .list section:nth-of-type(even) .box .info h4 {
  text-align: right;
}
main .interview .list section .box .info dl {
  display: flex;
  align-items: flex-start;
  flex-direction: wrap;
}
main .interview .list section .box .info dl dt {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
main .interview .list section .box .info dl dt span ,
main .interview .list section .box .info dl dt em {
  position: relative;
  display: block;
  font-family:"Ostrich Sans Medium";
  font-weight: 900;
}
main .interview .list section .box .info dl dt span {
  top: -.5em;
  z-index: 1;
  order: 1;
  font-size: 1.4rem;
  line-height: 1em;
  background: #FFF;
  padding: .3em .2em 0;
  margin-right: -1em;
}
main .interview .list section .box .info dl dt em {
  order: 2;
  font-size: 10.0rem;
  line-height: .5em;
  color: #2d55a8;
}
main .interview .list section .box .info dl dd {
  display: flex;
  flex-direction: column;
  margin-top: -1em;
}
main .interview .list section .box .info dl dd em ,
main .interview .list section .box .info dl dd span ,
main .interview .list section .box .info dl dd i {
  display: block;
  line-height: 1em;
}
main .interview .list section .box .info dl dd em {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: .3em;
}
main .interview .list section .box .info dl dd span {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: .3em;
}
main .interview .list section .box .info dl dd i {
  font-family:"Ostrich Sans Medium";
  font-size: 1.6rem;
  font-weight: 900;
  color: #2d55a8;
}
main .interview .list section .box .info dl dd p {
  display: flex;
  width: 100%;
  padding-top: 20px;
}
main .interview .list section .box .info dl dd p a {
  display: block;
  background: #2d55a8;
  border: solid 1px #2d55a8;
  color: #FFF;
  font-family:"Ostrich Sans Medium";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .2em;
  padding: .3em .8em .1em;
  border-radius: 0 .6em .6em 0;
}
main .interview .list section .box .info dl dd p a:hover {
  background: #FFF;
  border: solid 1px #2d55a8;
  color: #2d55a8;
}
main .interview .list section .number {
  position: absolute;
	top: 50%;
	transform: translateY(-50%);
  width: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .interview .list section:nth-of-type(odd) .number {
  left: -320px;
}
main .interview .list section:nth-of-type(even) .number {
  right: -320px;
}
main .interview .list section .number em ,
main .interview .list section .number span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  display: block;
  line-height: 1em;
  font-family:"Ostrich Sans Medium";
  font-weight: 900;
  color: #f2f2f2;
}
main .interview .list section .number em {
  font-size: 45.0rem;
}
main .interview .list section .number span {
  z-index: 1;
  font-size: 4.0rem;
  padding: .2em .3em 0;
  background: #FFF;
  letter-spacing: .05em;
  white-space: nowrap;
}
main .numbers {
  background: #2d55a8;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-bottom: 200px;
}
main .numbers .title01-white * {
  color: #FFF;
}
main .numbers ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -100px;
}
main .numbers ul li {
  position: relative;
  z-index: 1;
  width: calc((100% - (100px * 2)) / 3);
  margin-bottom: 100px;
}
main .numbers ul li:not(:nth-of-type(3n)) {
  margin-right: 100px;
}
main .numbers ul li::after {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .15);
  mix-blend-mode: multiply;
  content: '';
}
main .application .title {
  margin-bottom: 80px;
}
main .application .title .title01 {
  margin-bottom: 0;
}
main .application > input {
  display: none;
}
main .application .tab_btn {
  background: #2d55a8;
  padding: 60px 20px;
  margin-bottom: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .application .tab_btn ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .application .tab_btn ul li {
  width: 370px;
}
main .application .tab_btn ul li:nth-of-type(1) {
  margin-right: 120px;
}
main .application .tab_btn ul li label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #2d55a8;
  border: solid 1px #FFF;
  background: #FFF;
  padding: 1.2em 1em;
  border-radius: 2em;
}
main .application .tab_btn ul li label:hover {
  color: #FFF;
  border: solid 1px #FFF;
  background: #2d55a8;
}
main .application #new:checked ~ .tab_btn ul li #recruit_tab01 ,
main .application #halfway:checked ~ .tab_btn ul li #recruit_tab02 {
  color: #FFF;
  border: solid 1px #FFF;
  background: #2d55a8;
}
main .application .box .tbl_box {
}
main .application .box .tbl_box section {
  display: none;
}
main .application .box .tbl_box section:not(:last-of-type) {
  margin-bottom: 50px;
}
main .application #new:checked ~ .tab_btn ~ .box .tbl_box section#recruit_tab01 ,
main .application #halfway:checked ~ .tab_btn ~ .box .tbl_box section#recruit_tab02 {
  display: flex;
  flex-wrap: wrap;
  animation: tab-show .9s ease-in-out forwards;
}
@keyframes tab-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*main .application .box .tbl_box section:not(:last-of-type) {
  margin-bottom: 100px;
}*/
main .application .box .tbl_box section h4 {
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: .8em;
}
main .application .box .tbl_box section table {
  width: 100%;
}
main .application .box .tbl_box section table tr th ,
main .application .box .tbl_box section table tr td {
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
  padding: 1.2em 2em;
  vertical-align: middle;
}
main .application .box .tbl_box section table tr th {
  font-weight: 700;
  width: 220px;
  background: #eaeef6;
}
main .application .box .tbl_box section table tr td {
  width: calc(100% - 220px);
}
main .application .box .tbl_box section table tr td dl {
  display: flex;
}
main .application .box .contact_info {
  width: 100%;
  padding-top: 60px;
  margin-bottom: 100px;
}
main .application .box .contact_info dl {
  display: flex;
}
main .application .box .contact_info dl:not(:last-of-type) {
  margin-bottom: .2em;
}
main .application .box .contact_info dl dt {
  position: relative;
  padding-left: 1.4em;
  white-space: nowrap;
}
main .application .box .contact_info dl dt::before {
  position: absolute;
  top: .35em;
  left: 0;
  width: 1em;
  height: 1em;
  background: #2d55a8;
  content: '';
}
main .application .box .contact_info dl dt::after {
  content: '／';
}
main .application .box .contact_info dl dt span {
  margin-right: -1.1em;
  letter-spacing: 1.1em;
}
main .application .box .entry_btn {
  display: flex;
  justify-content: center;
  width: 100%;
}
main .application .box .entry_btn .btn_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
main .application .box .entry_btn .btn_box:not(:last-of-type) {
  margin-right: 50px;
}
main .application .box .entry_btn .btn {
  margin-bottom: 20px;
}
main .application .box .entry_btn .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2d55a8;
  border: solid 1px #2d55a8;
  color: #FFF;
  font-family:"Ostrich Sans Medium";
  font-size: 4.0rem;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: .2em;
  padding: .6em 2.5em .3em;
  border-radius: 2em;
}
main .application .box .entry_btn .btn a:hover {
  background: #FFF;
  border: solid 1px #2d55a8;
  color: #2d55a8;
}
main .application .box .entry_btn .comment {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #2d55a8;
}
main .application .box .entry_btn .mynabi {
  margin-bottom: 20px;
}
main .application .box .entry_btn .mynabi img {
  font-family:"Ostrich Sans Medium";
  font-size: 4.0rem;
  line-height: 1em;
  width: auto;
  height: calc(1em + .6em + .4em);
  border: solid 1px #00aaef;
}
main .application .box .entry_btn .mynabi.no-border {
  margin-bottom: 0;
}
main .application .box .entry_btn .mynabi.no-border img {
  border: none;
}



/*下層*/
main .interview_anc {
  margin-bottom: 200px;
}
main .interview_anc ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -50px;
}
main .interview_anc ul li {
  width: calc((100% - 65px * 3) / 4);
  margin-bottom: 50px;
}
main .interview_anc ul li:not(:nth-of-type(4n)) {
  margin-right: 65px;
}
main .interview_anc ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
main .interview_anc ul li a span {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
  display: block;
}
main .interview_anc ul li a em {
  display: block;
  background: #2d55a8;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 700;
  padding: .4em 2em;
  border-radius: .3em;
}
main .interview_detail > section {
  position: relative;
  padding-bottom: 100px;
}
main .interview_detail > section:not(:last-of-type) {
  margin-bottom: 300px;
}
main .interview_detail > section:nth-of-type(even):not(:last-of-type) {
  margin-bottom: 450px;
}
main .interview_detail > section:nth-of-type(even):not(:last-of-type)::after {
  position: absolute;
  bottom: -300px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #96aad3;
  content: '';
}
main .interview_detail > section:nth-of-type(odd)::after ,
main .interview_detail > section:nth-of-type(even)::before {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 600px;
  height: 100%;
  background: #ecf0f7;
  content: '';
}
main .interview_detail > section:nth-of-type(odd)::after {
  right: 0;
}
main .interview_detail > section:nth-of-type(even)::after {
  left: 0;
}
main .interview_detail section .box .staff_info {
  display: flex;
  align-items: flex-start;
  margin-bottom: 150px;
}
main .interview_detail section .box .staff_info .box_in {
  position: relative;
  width: 300px;
  padding-top: 30px;
}
main .interview_detail section:nth-of-type(odd) .box .staff_info .box_in {
  order: 1;
}
main .interview_detail section:nth-of-type(even) .box .staff_info .box_in {
  order: 2;
}
main .interview_detail section .box .staff_info .box_in .number {
  display: flex;
  align-items: center;
  font-family:"Ostrich Sans Medium";
  font-size: 15.0rem;
  margin-bottom: -.25em;
}
main .interview_detail section:nth-of-type(even) .box .staff_info .box_in .number {
  justify-content: flex-end;
}
main .interview_detail section .box .staff_info .box_in .number span ,
main .interview_detail section .box .staff_info .box_in .number em {
  position: relative;
  display: block;
  font-family:"Ostrich Sans Medium";
  font-weight: 900;
  white-space: nowrap;
  line-height: 1em;
  letter-spacing: .05em;
}
main .interview_detail section .box .staff_info .box_in .number span {
  top: -.5em;
  z-index: 1;
  order: 1;
  font-size: 3.0rem;
  background: #FFF;
  padding: .3em .2em 0;
  margin-right: -1em;
}
main .interview_detail section .box .staff_info .box_in .number em {
  order: 2;
  font-size: 15.0rem;
  color: #2d55a8;
}
main .interview_detail section .box .staff_info .box_in .name_year {
  position: relative;
  background: #2d55a8;
  padding-top: 80px;
  padding-bottom: 80px;
  color: #FFF;
}
main .interview_detail section:nth-of-type(even) .box .staff_info .box_in .name_year {
  padding-left: 50px;
}
main .interview_detail section .box .staff_info .box_in .name_year::before {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 50vw;
  height: 100%;
  background: #2d55a8;
  content: '';
}
main .interview_detail section:nth-of-type(odd) .box .staff_info .box_in .name_year::before {
  left: -50vw;
}
main .interview_detail section:nth-of-type(even) .box .staff_info .box_in .name_year::before {
  right: -50vw;
}
main .interview_detail section .box .staff_info .box_in .name_year .name {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
main .interview_detail section .box .staff_info .box_in .name_year .name em ,
main .interview_detail section .box .staff_info .box_in .name_year .name span ,
main .interview_detail section .box .staff_info .box_in .name_year .name i {
  display: block;
  line-height: 1em;
}
main .interview_detail section .box .staff_info .box_in .name_year .name em {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: .3em;
}
main .interview_detail section .box .staff_info .box_in .name_year .name span {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: .3em;
}
main .interview_detail section .box .staff_info .box_in .name_year .name i {
  font-family:"Ostrich Sans Medium";
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: .05em;
}
main .interview_detail section .box .staff_info .box_in .name_year .year {
  font-size: 1.8rem;
  font-weight: 500;
}
main .interview_detail section .box .staff_info .img {
  position: relative;
  z-index: 1;
  flex: 1;
  width: calc(50vw + 320px);
  height: 640px;
  overflow: hidden;
}
main .interview_detail section:nth-of-type(odd) .box .staff_info .img {
  order: 2;
  margin-right: calc(50% - 50vw);
  border-radius: 30px 0 0 30px;
}
main .interview_detail section:nth-of-type(even) .box .staff_info .img {
  order: 1;
  margin-left: calc(50% - 50vw);
  border-radius: 0 30px 30px 0;
}
main .interview_detail section .box .staff_info .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main .interview_detail section .box .questuion {
  counter-reset: number;
}
main .interview_detail section .box .questuion section:not(:last-of-type) {
  margin-bottom: 180px;
}
main .interview_detail section .box .questuion section h3 {
  position: relative;
  font-size: 2.0rem;
  font-weight: 700;
  color: #2d55a8;
  margin-bottom: .8em;
  padding-top: 1.5em;
}
main .interview_detail section .box .questuion section h3::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family:"Ostrich Sans Medium";
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  counter-increment: number;
  content: 'QUESTION 'counter(number , decimal-leading-zero);
}
main .interview_detail section .box .questuion section .answer {
  display: flex;
}
main .interview_detail section .box .questuion section .answer .comment {
  width: calc(100% - (50% + 100px));
}
main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(odd) .answer .comment ,
main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(even) .answer .comment {
  order: 2;
  margin-left: auto;
}
main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(even) .answer .comment ,
main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(odd) .answer .comment {
  order: 1;
  margin-right: 100px;
}
main .interview_detail section .box .questuion section .answer .img {
  width: 50%;
}
main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(odd) .answer .img ,
main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(even) .answer .img {
  order: 1;
  margin-right: 100px;
}
main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(even) .answer .img ,
main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(odd) .answer .img {
  order: 2;
  margin-left: auto;
}




@media screen and (max-width: 2000px) {
  .page_title::before {
    background: url(../img/recruit/main_img_m.jpg) no-repeat center center;
  }
}




@media screen and (max-width: 1240px) {
  main .message .box .box_l {
    width: 50%;
    padding-right: 20px;
  }
  main .message .box .img {
    margin-left: 0;
  }
  
}




@media screen and (max-width: 1040px) {
  main .interview_anc ul li {
    width: calc((100% - 30px * 3) / 4);
  }
  main .interview_anc ul li:not(:nth-of-type(4n)) {
    margin-right: 30px;
  }
  main .interview_detail > section:not(:last-of-type) {
    margin-bottom: 150px;
  }
  main .interview_detail > section:nth-of-type(even):not(:last-of-type) {
    margin-bottom: 150px;
  }
  main .interview_detail > section:nth-of-type(even):not(:last-of-type)::after {
    bottom: calc(-150px / 2);
  }
  main .interview_detail > section:nth-of-type(odd)::after ,
  main .interview_detail > section:nth-of-type(even)::before {
    width: 45vw;
  }
  main .interview_detail section .box .staff_info {
    margin-bottom: 50px;
  }
  main .interview_detail section .box .questuion section:not(:last-of-type) {
    margin-bottom: 50px;
  }
  main .interview_detail section .box .questuion section .answer .comment {
    width: calc(100% - (50% + 30px));
  }
  main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(even) .answer .comment ,
  main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(odd) .answer .comment {
    margin-right: 30px;
  }
  main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(odd) .answer .img ,
  main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(even) .answer .img {
    margin-right: 30px;
  }
  
}




@media screen and (max-width: 940px) {
  main .interview .list section .box .info {
    width: 50%;
  }
  main .interview .list section:nth-of-type(odd) .box .info {
    right: -20px;
    padding: 40px 0 40px 30px;
  }
  main .interview .list section:nth-of-type(even) .box .info {
    left: -20px;
    padding: 40px 30px 40px 30px;
  }
  main .numbers ul {
    margin-bottom: -50px;
  }
  main .numbers ul li {
    width: calc((100% - (30px * 2)) / 3);
    margin-bottom: 50px;
  }
  main .numbers ul li:not(:nth-of-type(3n)) {
    margin-right: 30px;
  }
  main .numbers ul li::after {
    top: 15px;
    left: 15px;
  }
  main .application .tab_btn ul {
    width: 100%;
  }
  main .application .tab_btn ul li {
    width: 48%;
  }
  main .application .tab_btn ul li:nth-of-type(1) {
    margin-right: 4%;
  }
  
}




@media screen and (max-width: 767px) {
  .page_title::before {
    background: url(../img/recruit/main_img_s.jpg) no-repeat center center;
  }
  main .message {
    margin-bottom: 20vw;
  }
  main .message .box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  main .message .box .box_l {
    width: 100%;
    margin-bottom: 5vw;
  }
  main .message .box .box_l .comment p {
    font-size: 1.8rem;
  }
  main .message .box .img {
    margin-left: 0;
    width: 100%;
  }
  main .message .box .img span ,
  main .message .box .img em {
    width: 100%;
  }
  main .message .box .img em {
    bottom: -5vw;
    left: 5vw;
  }
  main .interview {
    margin-bottom: 20vw;
  }
  main .interview .list section .box {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  main .interview .list section .box::before {
    position: absolute;
    top: 5vw;
    width: 10vw;
    height: calc(100% - (5vw * 2));
  }
  main .interview .list section:nth-of-type(odd) .box::before {
    right: -10vw;
  }
  main .interview .list section:nth-of-type(even) .box::before {
    left: -10vw;
  }
  main .interview .list section .box .info {
    order: 2;
    position: relative;
    top: inherit;
    transform: inherit;
    width: 100%;
  }
  main .interview .list section:nth-of-type(odd) .box .info {
    right: inherit;
    padding: 3vw 4vw;
  }
  main .interview .list section:nth-of-type(even) .box .info {
    left: inherit;
    padding: 5vw 4vw;
  }
  main .interview .list section .box .info::before {
    width: 1vw;
  }
  main .interview .list section .box .info h4 {
    font-size: 1.8rem;
    margin-bottom: 1.5em;
  }
  main .interview .list section .box .info dl dt {
    margin-right: 5vw;
  }
  main .interview .list section .box .info dl dt * {
    white-space: nowrap;
  }
  main .interview .list section .box .info dl dd {
    width: 100%;
  }
  main .interview .list section .box .info dl dd p {
    padding-top: 3vw;
  }
  main .interview .list section .box .info dl dd p a {
    font-size: 1.6rem;
    padding: .5em 1.2em .3em;
    margin-left: auto;
  }
  main .interview .list section .number {
    display: none;
  }
  main .numbers {
    padding-top: 15vw;
    padding-bottom: 15vw;
    margin-bottom: 20vw;
  }
  main .numbers ul {
    margin-bottom: -6vw;
  }
  main .numbers ul li {
    width: calc((100% - (5vw * 1)) / 2);
    margin-bottom: 6vw;
  }
  main .numbers ul li:not(:nth-of-type(3n)) {
    margin-right: 0;
  }
  main .numbers ul li:not(:nth-of-type(2n)) {
    margin-right: 5vw;
  }
  main .numbers ul li::after {
    top: 3vw;
    left: 3vw;
  }
  main .application .title {
    margin-bottom: 10vw;
  }
  main .application .tab_btn {
    padding: 3vw 4vw;
    margin-bottom: 5vw;
  }
  main .application .tab_btn ul {
    flex-direction: column;
  }
  main .application .tab_btn ul li {
    width: 100%;
  }
  main .application .tab_btn ul li:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 5vw;
  }
  main .application .tab_btn ul li label {
    font-size: 1.6rem;
    padding: .6em 1em;
  }
  main .application .box .tbl_box {
  }
  main .application .box .tbl_box section:not(:last-of-type) {
    margin-bottom: 5vw;
  }
  main .application .box .tbl_box section h4 {
    font-size: 2.0rem;
  }
  main .application .box .tbl_box section table tr th ,
  main .application .box .tbl_box section table tr td {
    display: block;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding: .6em 1em;
  }
  main .application .box .tbl_box section table tr th {
    width: 100%;
  }
  main .application .box .tbl_box section table tr:not(:first-of-type) th {
    border-top: none;
  }
  main .application .box .tbl_box section table tr td {
    width: 100%;
    border-top: none;
  }
  main .application .box .tbl_box section table tr td dl {
    display: flex;
    flex-direction: column;
  }
  main .application .box .contact_info {
    padding-top: 5vw;
    margin-bottom: 6vw;
  }
  main .application .box .entry_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  main .application .box .entry_btn .btn_box:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 6vw;
  }
  main .application .box .entry_btn .btn {
    margin-bottom: 5vw;
  }
  main .application .box .entry_btn .btn a {
    font-size: 2.0rem;
    padding: .8em 3.5em .5em;
  }
  main .application .box .entry_btn .mynabi {
    margin-bottom: 5vw;
  }
  main .application .box .entry_btn .mynabi img {
    font-size: 2.0rem;
    height: calc(1em + .8em + .6em);
  }




  main .interview_anc {
    margin-bottom: 20vw;
  }
  main .interview_anc ul {
    margin-bottom: -10vw;
  }
  main .interview_anc ul li {
    width: calc((100% - 5vw * 1) / 2);
    margin-bottom: 10vw;
  }
  main .interview_anc ul li:not(:nth-of-type(4n)) {
    margin-right: 0;
  }
  main .interview_anc ul li:not(:nth-of-type(2n)) {
    margin-right: 5vw;
  }
  main .interview_anc ul li a span {
    margin-bottom: 3vw;
  }
  main .interview_anc ul li a em {
    font-size: 1.6rem;
    padding: .3em 2em;
  }
  main .interview_detail > section {
    padding-bottom: 15vw;
  }
  main .interview_detail > section:not(:last-of-type) {
    margin-bottom: 15vw;
  }
  main .interview_detail > section:nth-of-type(even):not(:last-of-type) {
    margin-bottom: 15vw;
  }
  main .interview_detail > section:nth-of-type(even):not(:last-of-type)::after {
    bottom: calc(-15vw / 2);
  }
  main .interview_detail > section:nth-of-type(odd)::after ,
  main .interview_detail > section:nth-of-type(even)::before {
    width: 40vw;
  }
  main .interview_detail section .box .staff_info {
    align-items: normal;
    margin-bottom: 10vw;
  }
  main .interview_detail section .box .staff_info .box_in {
    width: 50vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  main .interview_detail section .box .staff_info .box_in .number {
    font-size: 10.0rem;
    margin-bottom: -.25em;
  }
  main .interview_detail section .box .staff_info .box_in .number span {
    top: -.5em;
    font-size: 2.0rem;
    padding: .3em .2em 0;
    margin-right: -1em;
  }
  main .interview_detail section .box .staff_info .box_in .number em {
    font-size: 10.0rem;
  }
  main .interview_detail section .box .staff_info .box_in .name_year {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  main .interview_detail section:nth-of-type(even) .box .staff_info .box_in .name_year {
    padding-left: 5vw;
  }
  main .interview_detail section .box .staff_info .box_in .name_year .name {
    margin-bottom: 2vw;
  }
  main .interview_detail section .box .staff_info .box_in .name_year .name em {
    font-size: 1.6rem;
  }
  main .interview_detail section .box .staff_info .box_in .name_year .name span {
    font-size: 2.0rem;
  }
  main .interview_detail section .box .staff_info .box_in .name_year .name i {
    font-size: 1.6rem;
  }
  main .interview_detail section .box .staff_info .box_in .name_year .year {
    font-size: 1.6rem;
  }
  main .interview_detail section .box .staff_info .img {
    width: calc(100% - 50vw);
    height: auto;
  }
  main .interview_detail section .box .staff_info .img picture {
    display: block;
    height: 60vw;
  }
  main .interview_detail section:nth-of-type(odd) .box .staff_info .img {
    border-radius: 10px 0 0 10px;
  }
  main .interview_detail section:nth-of-type(even) .box .staff_info .img {
    border-radius: 0 10px 10px 0;
  }
  main .interview_detail section .box .questuion section:not(:last-of-type) {
    margin-bottom: 15vw;
  }
  main .interview_detail section .box .questuion section h3 {
    font-size: 1.8rem;
    margin-bottom: .8em;
    padding-top: 1.5em;
  }
  main .interview_detail section .box .questuion section h3::before {
    font-size: 2.0rem;
  }
  main .interview_detail section .box .questuion section .answer {
    display: flex;
    flex-direction: column;
  }
  main .interview_detail section .box .questuion section .answer .comment {
    width: 100%;
  }
  main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(odd) .answer .comment ,
  main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(even) .answer .comment {
    order: 2;
    margin-left: 0;
  }
  main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(even) .answer .comment ,
  main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(odd) .answer .comment {
    order: 2;
    margin-right: 0;
  }
  main .interview_detail section .box .questuion section .answer .img {
    width: 100%;
  }
  main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(odd) .answer .img ,
  main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(even) .answer .img {
    order: 1;
    margin-right: 0;
    margin-bottom: 5vw;
  }
  main .interview_detail section:nth-of-type(odd) .box .questuion section:nth-of-type(even) .answer .img ,
  main .interview_detail section:nth-of-type(even) .box .questuion section:nth-of-type(odd) .answer .img {
    order: 1;
    margin-left: 0;
    margin-bottom: 5vw;
  }
  
  


}