@charset "utf-8";
/***************************************************************

 ■ recruit05

****************************************************************/
body{
  background-color: #fff000;
}
.body-bg{
  background: url("../img/oshi/body_bg_font.png") no-repeat top center;
  background-size: cover;
  width: 1200px;
  margin: 0 auto;
}
nav ul {
  list-style:none;
}
img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#header {
  position: relative;
}
#header h1 {
  position: absolute;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  color: #fff000;
}
#header .inner {
  position: relative;
  width:960px;
  height: 1615px;
  margin: 0 auto 104px;
  background: url("../img/oshi/fan_image.png") no-repeat top center;
  background-size: contain;
}
.namida{
  position: absolute;
  top:15px;
  left:0;
  z-index: 999;
}
#header .inner .oshi-recruit-content {
  position: absolute;
  left: 0px;
  top: 350px;
  z-index: auto;
  border: solid 2px #000;
    border-radius: 20px;
    background-color: #fff;
  padding-top: 160px;
}
#header .inner .main-image{
  margin:0 60px 68px;
}
#header .inner .main-lead{
  text-align: center;
  line-height: 2.5;
  font-size: 18px;
  font-weight: 600;
  margin:0 180px;
}
#header .inner .lead-b{
  font-size:34px;
}
#header .inner .lead{
  margin-bottom: 64px;
}
.oshi-recruit-sec{
  background-color:rgba(255,190,0,0.5);
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  margin-bottom:120px;
}
.oshi-recruit-sec .inner{
  position: relative;
    width:960px;
    margin:0 auto;
    padding: 80px 0;
    height:1060px;
}
.oshi-recruit-sec .inner h2{
  margin:0 210px 20px;
  text-align: center;
}
.oshi-recruit-sec .inner .ura{
  position: absolute;
  top:320px;
  left:0;
  right:0;
  z-index: 999;
}
.oshi-recruit-sec .inner .employees-voice .employees-image{
  position: absolute;
    top: 0;
  z-index: 999;
}
.oshi-recruit-sec .inner .employees-voice-lead{
  position: absolute;
    top: 520px;
    left: 0;
    right: 0;
  padding:124px 0 40px;
  line-height: 1.8;
  font-size: 18px;
  text-align: center;
  font-weight:600;
  background-color: #fff;
  border: solid 2px #000;
  border-radius: 20px;
}
.oshi-recruit-sec .inner p{
    font-size:20px;
    line-height:2;
}
.oshi-recruit-sec .inner .employees-voice-lead .lead{
  font-size:16px;
  font-weight:normal;
  padding-top:30px;
}
.omoshiro-system-sec{
  margin-bottom: 120px;
}
.omoshiro-system-sec .inner{
  width:960px;
  margin:0 auto;
  background-color: #fff;
  border:solid 2px #000;
  border-radius: 20px;
  padding:80px 0;
}
.omoshiro-system-sec .inner h2{
  margin: 0 210px 100px;
  text-align: center;
}
.omoshiro-system-sec .inner .lead{
  text-align: center;
  line-height: 2.5;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 60px;
}
.omoshiro-system-sec .inner .omoshiro-system-list{
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
  width:90%;
  margin: 0 auto;
}
.omoshiro-system-sec .inner .omoshiro-system-list li{
  width:50%;
}
.omoshiro-system-sec .inner .omoshiro-system-list .omo-list{
  position: relative;
  margin:0 30px 48px;
}
.omoshiro-system-sec .inner .omoshiro-system-list .omo-list p{
  position: absolute;
  top:236px;
  left:0;
  right:0;
  text-align: center;
  line-height: 1.8;
  font-weight:600;
  font-size: 16px;
}
#footer {
  position: relative;
  min-width: 980px;
}
#footer .banner-container {
  background-color: #000;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  height: auto;
}
#footer .banner-container .banner-border{
  border-top: solid 6px #000000;
  margin-top: 90px;
}
#footer .banner-container h3{
  margin:0 260px 60px;
  padding-top:100px;
  text-align: center;
}
#footer .banner-container .banner-list{
  padding-bottom:100px;
}
#footer .ci-container {
  padding: 40px 0;
}
#footer .ci-container .logo {
  margin-bottom: 40px;
  text-align: center;
}
#footer .ci-container .copyright {
  font-size: 11px;
  font-weight: inherit;
  color: #000;
  letter-spacing: 0.05rem;
  text-align: center;
}
/*==============================================================

 ■ oshi(SP)

==============================================================*/
#SP .is-pc {
  display: block;
}
#SP .inner{
  width:100%;
}
#SP .body-bg{
  width:100%;
  background-size: contain;
}
#SP #header .inner{
  height:720px;
  margin-bottom:55px;
}
#SP .namida{
  top:6px;
}
#SP #header .inner .oshi-recruit-content{
  top:132px;
  margin:0 30px;
  padding-top:30px;
}
#SP #header .inner .main-image{
  margin:0 60px 10px;
}
#SP #header .inner .main-lead{
  margin:0 30px;
  font-size:12px;
}
#SP #header .inner .lead{
  margin-bottom: 26px;
}
#SP #header .inner .lead-b{
  font-size: 20px;
}
#SP .oshi-recruit-sec{
  margin-bottom: 55px;
}
#SP .oshi-recruit-sec .inner{
  padding:20px;
  height:600px;
}
#SP .oshi-recruit-sec .inner p{
  font-size:12px;
}
#SP .oshi-recruit-sec .inner h2{
  margin:10px 60px;
}
#SP .oshi-recruit-sec .inner .ura{
  top:116px;
  width:90%;
  margin: 0 auto;
}
#SP .oshi-recruit-sec .inner .employees-voice-lead{
  top:187px;
  margin:0 30px;
  padding:60px 30px 40px;
}
#SP .omoshiro-system-sec{
  margin:0 30px 30px;
}
#SP .omoshiro-system-sec .inner{
  padding-top:40px;
  padding-bottom:0;
}
#SP .omoshiro-system-sec .inner h2{
  margin:0 60px 10px;
}
#SP .omoshiro-system-sec .inner .lead{
  font-size:12px;
  margin-bottom:20px;
}
#SP .omoshiro-system-sec .inner .omoshiro-system-list li{
  width:100%;
}
#SP .omoshiro-system-sec .inner .omoshiro-system-list .omo-list p{
  top:132px;
  font-size:12px;
}
#SP #footer .banner-container h3{
  padding-top:0;
  margin:0 60px 10px;
}
#SP #footer .ci-container{
  margin: 0 30px;
}