img{
  height: auto;
}
.title-back{
  width: 100%;
  min-width: 1920px;
  display: block;
  /* margin-left: calc((100% - 1920px)/2); */
}
.title-img{
  position: absolute;
  top: 41%;
  right: 59%;
}

.interview-box{
  position: relative;
  max-width: 1260px;
  width: 95%;
  margin: 0 auto 100px;
  text-align: center;
  padding-top: 150px;
}
.interview-box a {
  font-size: 0;
}
.interview-box a img{
  display: inline-block;
  width: 46%;
  margin-bottom: 6%;
}
.interview-left{
  margin-right: 5%;
}

.bottom-btn{
  position: relative;
  max-width: 770px;
  margin: 0 auto 100px;
  width: 90%;
}
.bottom-btn img{
  display: inline-block;
  width: 47%;
}

.bg{
  position: absolute;
  z-index: -1;
}

.int-bar{
  width: 8.5px;
  padding-top: 6px;
}

.md{
  
}
.sm{
  display: none;
}

@media only screen and (min-width: 920px){
  .bottom-btn a img.md,
  .interview-box a img.md{
    display: inline-block !important;
  }

  .sm{
    display: none !important;
  }
}
@media only screen and (max-width: 920px){
  .md{
    display: none !important;
  }
  .sm{
    display: block !important;
  }
  .bottom-btn a img.sm,
  .interview-box a img.sm{
    display: inline-block !important;
  }

  .title-back{
    width: 209%;
    min-width: unset;
    margin: 0;
  }
  .title-img{
    width: 50%;
    top: 39%;
    left: 10%;
    max-width: 309px;
    /* *0.675 */
    min-width: 208.6px;
  }

  .interview-box{
    margin-bottom: 10%;
    padding-top: 15%;
  }
  .interview-left{
    margin-right: 0;
  }
  .interview-box a img{
    max-width: 450px;
    width: 90%;
    margin-bottom: 10%;
  }
  
  .bottom-btn{
    width: 100%;
    line-height: 0;
    margin-bottom: 5%;
  }
  .bottom-btn img{
    display: inline-block;
    width: 85%;
    margin-bottom: 4%;
  }
 
  .int-bar{
    width: 7.5px;
  }
}



/*旧safari用* /
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, img{
    height: auto;
  }
  ::i-block-chrome, .title-back{
    width: 100%;
    min-width: 1920px;
    display: block;
    / * margin-left: calc((100% - 1920px)/2); * /
  }
  ::i-block-chrome, .title-img{
    position: absolute;
    top: 41%;
    right: 59%;
  }
  
  ::i-block-chrome, .interview-box{
    position: relative;
    max-width: 1260px;
    width: 95%;
    margin: 0 auto 100px;
    text-align: center;
    padding-top: 150px;
  }
  ::i-block-chrome, .interview-box a {
    font-size: 0;
  }
  ::i-block-chrome, .interview-box a img{
    display: inline-block;
    width: 46%;
    margin-bottom: 6%;
  }
  ::i-block-chrome, .interview-left{
    margin-right: 5%;
  }
  
  ::i-block-chrome, .bottom-btn{
    position: relative;
    max-width: 770px;
    margin: 0 auto 100px;
    width: 90%;
  }
  ::i-block-chrome, .bottom-btn img{
    display: inline-block;
    width: 47%;
  }
  
  ::i-block-chrome, .bg{
    position: absolute;
    z-index: -1;
  }
  
  ::i-block-chrome, .int-bar{
    width: 8.5px;
    padding-top: 6px;
  }
    
  @media only screen and not (max-width: 920px){
    ::i-block-chrome, .bottom-btn a img.md,
    ::i-block-chrome, .interview-box a img.md{
      display: inline-block;
    }
    ::i-block-chrome, a img.md{
      display: block;
    }
    ::i-block-chrome, a img.sm{
      display: none;
    }
  }
  @media only screen and (max-width: 920px){
    ::i-block-chrome, a img.md{
      display: none;
    }
    ::i-block-chrome, a img.sm{
      display: block;
    }
    ::i-block-chrome, .bottom-btn a img.sm,
    ::i-block-chrome, .interview-box a img.sm{
      display: inline-block;
    }
  
    ::i-block-chrome, .title-back{
      width: 209%;
      min-width: unset;
      margin: 0;
    }
    ::i-block-chrome, .title-img{
      width: 50%;
      top: 39%;
      left: 10%;
      max-width: 309px;
      / * *0.675 * /
      min-width: 208.6px;
    }
  
    ::i-block-chrome, .interview-box{
      margin-bottom: 10%;
      padding-top: 15%;
    }
    ::i-block-chrome, .interview-left{
      margin-right: 0;
    }
    ::i-block-chrome, .interview-box a img{
      max-width: 450px;
      width: 90%;
      margin-bottom: 10%;
    }
    
    ::i-block-chrome, .bottom-btn{
      width: 100%;
      line-height: 0;
      margin-bottom: 5%;
    }
    ::i-block-chrome, .bottom-btn img{
      display: inline-block;
      width: 85%;
      margin-bottom: 4%;
    }
   
    ::i-block-chrome, .int-bar{
      width: 7.5px;
    }
  }
  
}
*/
.interview-box-new {
	position: relative;
	max-width: 1260px;
	width: 95%;
	margin: 0 auto 8%;
	text-align: center;
	padding-top: 10%;

	ul {
		list-style: none;
		margin: auto;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4vw;
		width: 100%;
	}

	img {
		width: 100%;
		vertical-align: bottom;
	}

}
@media screen and (max-width: 920px) {
	.interview-box-new {
		width: 85%;
		margin: 0 auto 15%;

		ul {
			grid-template-columns: repeat(1, 1fr);
			gap: 5vw;
		}
	}
}