* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

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

html{
  min-width:1100px;
}
@media screen and (max-width:740px){
  html{
    min-width:inherit;
    }
  }

body {
  background: url(../img/backPc.png) repeat-y;
  background-size:100%;
}
@media screen and (max-width:740px){
  body{
    background: url(../img/backSp.jpg) repeat-y;
    background-size: 100%;
    width:100%;
    }
  }

.note {
  color: #dc000c;
}

.hash {
  color: #1fa1e4;
}

.link{
  text-decoration: underline;
}

.l-kv {
  padding-top: 40px;
  padding-bottom: 40px;
  background:url(/pr/poplardia3rd/cp1/assets/img/line.png) repeat-x center top;
}

.l-kv__inner {
  width: 1020px;
  margin: 0 auto;
  padding-bottom: 78px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
@media screen and (max-width:740px){
  .l-kv__inner{
    width:96.8%;
    padding-bottom: 154px;
    }
  }

.l-kv .logo {
  width: 460px;
  margin: 0 auto 20px;
  padding-top: 20px;
}
@media screen and (max-width:740px){
  .l-kv .logo {
    width: auto;
    max-width:298px;
    }
  }

.l-kv .theme {
  max-width: 558px;
  margin: 0 auto 22px;
  text-align: center;
}
@media screen and (max-width:740px){
  .l-kv .theme{
    max-width:280px;
    }
  }

.kv {
  position: relative;
}

@media screen and (max-width:740px){
  .kv-list{
    flex-wrap: wrap;
    justify-content: space-between;
    height:240px;
    overflow: hidden;
    }
  }

.kv-list .balloon {
  position: absolute;
  width: 250px;
  height: 110px;
}
@media screen and (max-width:740px){
  .kv-list .balloon {
    position: static;
    width:48%;
    height:65px;
    margin-bottom: 15px;
    float: left;
    }
  }

.kv-list .balloon:nth-child(1) {
  top: -160px;
  left: -40px;
  background: url(../img/balloon01.png) no-repeat top center;
  background-size: contain;
}

.kv-list .balloon:nth-child(3) {
  top: 10px;
  left: -40px;
  background: url(../img/balloon03.png) no-repeat top center;
  background-size: contain;
}

.kv-list .balloon:nth-child(5) {
  top: 185px;
  left: -40px;
  background: url(../img/balloon05.png) no-repeat top center;
  background-size: contain;
}

.kv-list .balloon:nth-child(2) {
  top: -160px;
  right: -40px;
  background: url(../img/balloon02.png) no-repeat top center;
  background-size: contain;
}

.kv-list .balloon:nth-child(4) {
  top: 10px;
  right: -40px;
  background: url(../img/balloon04.png) no-repeat top center;
  background-size: contain;
}

.kv-list .balloon:nth-child(6) {
  top: 185px;
  right: -40px;
  background: url(../img/balloon06.png) no-repeat top center;
  background-size: contain;
}

.kv-list .catch {
  position: absolute;
  bottom: -60px;
  right: 0;
  left:20px;
  max-width:976px;
}
@media screen and (max-width:740px){
  .kv-list .catch {
    bottom:-130px;
    left:10%;
    max-width:80%;
    }
  }

.kv__img {
  width: 575px;
  margin: 0 auto 25px;
  display: block;
}
@media screen and (max-width:740px){
  .kv__img {
    width: 100%;
    }
  }

.kv__txt {
  font-size: 32px;
}
@media screen and (max-width:740px){
  .kv__txt {
    padding-left: 0;
    }
  }

.kv__txt img{
  max-width:976px;
  margin: 0 auto;
}
@media screen and (max-width:740px){
  .kv__txt img{
  width:80%;
  margin: 0 auto;
  }
}

.kv__txt-in {
  position: relative;
  font-weight: bold;
}
@media screen and (max-width:740px){
  .kv__txt-in {
    font-size: 25px;
    }
  }

.s-intro {
  background:url(/pr/poplardia3rd/cp1/assets/img/grid.jpg) repeat;
}

.s-intro__inner {
  width: 840px;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 120px;
}
@media screen and (max-width:740px){
  .s-intro__inner {
    width: 100%;
    padding-bottom: 20px;
    }
  }

.s-intro .recruit {
  position: relative;
  margin-bottom: 110px;
  padding-top: 130px;
  text-align: center;
}
@media screen and (max-width:740px){
  .s-intro .recruit {
    margin-bottom: 80px;
    padding-top: 70px;
    }
  }

.s-intro .recruit::before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 120px;
  transform: translateX(-50%);
  background: url(../img/icon01.png) no-repeat top center;
  background-size: contain;
  content: '';
}
@media screen and (max-width:740px){
  .s-intro .recruit::before {
    width:70px;
    height:70px;
    background-size:70px;
    top:-30px;
    }
  }

.s-intro .recruit::after {
  position: absolute;
  bottom:-50px;
  left: 0;
  width: 100%;
  height: 5px;
  background: url(../img/line.png) no-repeat top center;
  background-size: 50%;
  content: '';
}
@media screen and (max-width:740px){
  .s-intro .recruit::after {
    background-size:90%;
    }
  }

.s-intro .recruit__ttl {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 6px;
  line-height: 1.5em;
}
@media screen and (max-width:740px){
  .s-intro .recruit__ttl {
    font-size: 21px;
    }
  }

.s-intro__txt {
  margin-bottom: 130px;
  font-size: 20px;
  line-height: 1.8em;
}
@media screen and (max-width:740px){
  .s-intro__txt {
    font-size:15px;
    padding: 0 4%;
    margin-bottom: 40px;
    }
  }

.about-btn {
  width: 640px;
  margin: 0 auto;
  cursor: pointer;
  background:#DC000C;
  border-radius: 15px;
  padding:15px;
  color:#fff;
  text-align: center;
  font-size:32px;
  font-weight: bold;
}
@media screen and (max-width:740px){
  .about-btn{
    width:96.8%;
    font-size:21px;
  }
}

.about-btn a{
  color:#fff;
}

@media screen and (min-width:741px){
.about-btn:hover{
  opacity: .6;
  }
}

.about-btn:hover .about-btn__img {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.about-btn__img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.contact-btn {
  width: 300px;
  cursor: pointer;
}

.contact-btn:hover .contact-btn__img {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.contact-btn__img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.s-apply {
  width: 920px;
  margin: 0 auto;
}
@media screen and (max-width:740px){
  .s-apply {
    width:100%;
    }
  }

.s-apply__inner {
  padding-top: 90px;
}
@media screen and (max-width:740px){
  .s-apply__inner {
  padding-top: 80px;
  }
}

.term {
  position: relative;
  margin-bottom: 145px;
  padding-top: 90px;
  padding-bottom: 45px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
@media screen and (max-width:740px){
  .term{
    padding: 45px 5.2% 25px;
    margin-bottom: 70px;
    }
  }

.term::before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: -60px;
  left: 50%;
  width: 120px;
  height: 120px;
  transform: translateX(-50%);
  background: url(../img/icon02.png) no-repeat top center;
  background-size: contain;
  content: '';
}
@media screen and (max-width:740px){
  .term::before {
    background-size:70px;
    width:70px;
    height:70px;
    top:-35px;
    }
  }

.term__ttl {
  position: relative;
  width: 655px;
  margin: 0 auto 40px;
  padding-bottom: 15px;
  color: #dc000c;
  font-size: 50px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width:740px){
  .term__ttl {
    width:100%;
    font-size:24px;
    margin-bottom: 25px;
    }
  }

.term__ttl::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 5px;
  background: url(../img/line.png) no-repeat top center;
  background-size: 100%;
  content: '';
}

.term__date {
  font-size: 38px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width:740px){
  .term__date {
    font-size: 19px;
    }
  }

.method {
  position: relative;
  margin-bottom: 55px;
  padding-top: 107px;
  padding-bottom: 60px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
@media screen and (max-width:740px){
  .method {
    padding: 90px 5.2% 30px;
    }
  }

.method::before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: -60px;
  left: 50%;
  width: 120px;
  height: 120px;
  transform: translateX(-50%);
  background: url(../img/icon03.png) no-repeat top center;
  background-size: contain;
  content: '';
}
@media screen and (max-width:740px){
  .method::before {
    width:70px;
    height:70px;
    background-size:70px;
    top:-30px;
    }
  }

.method__inner {
  width: 655px;
  margin: 0 auto;
}
@media screen and (max-width:740px){
  .method__inner {
    width: 100%;
    }
  }

.method__ttl {
  position: relative;
  margin: 0 auto 60px;
  padding-bottom: 35px;
  color: #dc000c;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width:740px){
  .method__ttl {
    font-size:24px;
    margin: 0 auto 30px;
    }
  }

.method__ttl::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 5px;
  background: url(../img/line.png) no-repeat top center;
  background-size: 100%;
  content: '';
}

.method-s-wrap .method-s {
  margin-bottom: 40px;
}
@media screen and (max-width:740px){
  .method-s-wrap .method-s {
    margin-bottom: 0;
    }
}

.method-s-wrap .method-s__ttl {
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width:740px){
  .method-s-wrap .method-s__ttl {
    font-weight: normal;
    }
  }

.method-s-wrap .method-s__txt {
  line-height: 2em;
}

.step1{
  margin-bottom: 15px;
}
@media screen and (max-width:740px){
  .step1{
    margin-bottom: 10px;
    }
  }

.step1:hover{
  opacity: .8;
}

.apply {
  margin-bottom: 115px;
  padding: 70px 0 90px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}
@media screen and (max-width:740px){
  .apply {
    padding: 20px 0;
    margin-bottom: 60px;
    }
  }

.agree-wrap {
  width: 850px;
  margin: 0 auto 55px;
}
@media screen and (max-width:740px){
  .agree-wrap {
    width:auto;
    padding:1.6%;
    margin-bottom: 40px;
    }
  }

.agree-wrap .agree-txt {
  -webkit-transform: scaleY(0);
  -webkit-transform-origin: top left;
  -webkit-transition: all 0.4s ease-out 0s;
  height: 0;
  margin-top: -20px;
  padding: 50px 10px;
  transform: scaleY(0);
  transform-origin: top left;
  background-color: #f8f8ef;
  line-height: 0;
  transition: all 0.4s ease-out 0s;
  display: none;
}
@media screen and (max-width:740px){
  .agree-wrap .agree-txt {
    padding:60px 10px 10px;
    margin-top: -40px;
    }
  }

.agree-wrap .agree-txt__inner {
  padding: 10px;
}

.summary-wrap {
  margin-bottom: 100px;
}
@media screen and (max-width:740px){
  .summary-wrap {
  margin-bottom: 50px;
  }
}

.summary-wrap .summary {
  margin-bottom: 40px;
}

.summary-wrap .summary__ttl {
  font-weight: bold;
}

.summary-wrap .summary__txt {
  line-height: 1.6;
}

.close-btn {
  width: 200px;
  margin: 0 auto;
  cursor: pointer;
  position: relative
}

.close-btn img{
  max-width:25px;
  margin-right: 15px;
  padding-bottom: 2px;
}

.close-btn__img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.read-btn {
  z-index: 2;
  position: relative;
  width: 100%;
  padding:15px 0;
  outline: none;
  font-size: 27px;
  font-weight: bold;
  cursor: pointer;
  background:#DC000C;
  border-radius: 15px;
  margin: 0;
  background-image:url(/pr/poplardia3rd/cp1/assets/img/acd_on.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 31px;
  height:auto;
}
@media screen and (max-width:740px){
  .read-btn {
    font-size:21px;
    padding: 5px 0;
    }
  }

@media screen and (min-width:741px){
.read-btn:hover{
  opacity: .6;
  }
}

.read-btn.acdOn{
  background-image:url(/pr/poplardia3rd/cp1/assets/img/acd_off.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 31px;
}

.read-btn.is-open + .agree-txt {
  -webkit-transform: scaleY(1);
  height: auto;
  transform: scaleY(1);
  line-height: 1;
  border-radius: 15px;
}

.apply-check {
  margin: 0 auto 45px;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width:740px){
  .apply-check {
    width:62%;
    }
  }

.apply-check__btn {
  display: none;
}

.apply-check__btn:checked + .apply-check__txt::after {
  opacity: 1;
  background:none !important;
}

.apply-check__txt {
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0 0 15px 0 #ccc;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 410px;
  padding: 25px 70px !important;
  border:1px solid #C6C5C5;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 15px 0 #ccc;
  font-size: 24px;
  cursor: pointer;
}
@media screen and (max-width:740px){
  .apply-check__txt {
    width:100%;
    font-size:18px;
    padding: 10px 20px!important;
    }
  }

@media screen and (min-width:741px){
.apply-check__txt:hover{
  opacity: .6;
  }
}

.apply-check__txt::before {
  -webkit-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50% !important;
  left: 60px !important;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  border: 3px solid #000 !important;
  border-radius: 6px;
  background: #fff;
  content: '';
}
@media screen and (max-width:740px){
  .apply-check__txt::before {
    left:5px!important;
    }
  }

.apply-check__txt::after {
  -webkit-transform: rotate(45deg);
  display: block;
  position: absolute;
  top: 50% !important;
  left:68px !important;
  width: 5px !important;
  height: 9px !important;
  margin-top: -7px !important;
  transform: rotate(45deg) !important;
  border-right: 3px solid #dc000c;
  border-bottom: 3px solid #dc000c;
  content: '';
  opacity: 0;
}
@media screen and (max-width:740px){
  .apply-check__txt::after {
    left:12px!important;
    }
  }

.apply-btn-list {
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  margin-bottom: 110px;
}
@media screen and (max-width:740px){
  .apply-btn-list {
    display: block;
    }
  }

.apply-btn-list .apply-btn {
  text-align: center;
}
@media screen and (max-width:740px){
  .apply-btn-list .apply-btn {
    width:75%;
    margin: 0 auto;
    }
    .apply-btn-list .apply-btn:nth-of-type(1){
      margin-bottom: 30px;
    }
  }

@media screen and (min-width:741px){
.apply-btn-list .apply-btn:not(.disable):hover{
  opacity: .6;
  }
}

.apply-btn-list .apply-btn__link {
  display: block;
  background:#DC000C;
  color:#fff;
  font-weight: bold;
  font-size:24px;
  border-radius: 9px;
  padding: 15px;
  width:320px;
  max-width:320px;
}
@media screen and (max-width:740px){
  .apply-btn-list .apply-btn__link {
    width:100%;
    padding: 10px 1%;
    }
  }

.apply-btn-list .apply-btn__link:hover{
  cursor: pointer;
}

.disable .apply-btn__link{
  background:gray;
}

.disable .apply-btn__link:hover{
  cursor: default;
}

.apply-btn-list .disable a{
  pointer-events : none;
}

.a-sns {
  margin: 0 auto 85px;
}

.a-sns__ttl {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width:740px){
  .a-sns__ttl {
    font-size:24px;
    }
  }

.a-sns .sns-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 190px;
  margin: 0 auto;
}
@media screen and (max-width:740px){
  .a-sns .sns-list {
    width:160px;
    }
  }

.a-sns .sns-list .sns:hover .sns__img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.a-sns .sns-list .sns__img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  max-width: 72px;
}
@media screen and (max-width:740px){
  .a-sns .sns-list .sns__img {
    max-width:60px;
    }
  }

.bnr {
  position: relative;
  width: 660px;
  margin: 0 auto;
}
@media screen and (max-width:740px){
  .bnr{
    width:90%;
    }
  }

.bnr:hover .bnr__img {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.bnr__link {
  display: block;
}

.bnr__img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  display: block;
  width: 100%;
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.l-fix {
  position: fixed;
  top: 40px;
  right: 0;
}
@media screen and (max-width:740px){
  .l-fix {
    position:static;
    display: none;
    }
  }

.fix-sns{
  margin-bottom: 25px;
  }

.fix-sns img{
  max-width:60px;
}

.fix-sns img:hover{
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.bnr__link {
  display: block;
}

.fix-sns img {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  display: block;
  width: 100%;
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0s;
}

.contact{
  background:#DC000C;
  text-align: center;
  color:#fff;
  width:350px;
  border-radius: 15px;
  font-weight: bold;
  margin-bottom: 60px;
}
@media screen and (max-width:740px){
  .contact{
    width:80%;
    margin-bottom: 30px;
    }
  }

.contact a{
  padding: 10px;
  display: block;
  color:#fff;
}

@media screen and (min-width:741px){
.contact:hover{
  opacity: .6;
  }
}

.close-btn{
  font-size:24px;
  font-weight: bold;
  color:#fff;
  background:#DC000C;
  text-align: center;
  padding: 10px;
  border-radius: 9px;
  position: relative;
}
@media screen and (max-width:740px){
  .close-btn{
  font-size:18px;
  }
}

@media screen and (min-width:741px){
.close-btn:hover{
  opacity: .6;
  }
}

.close-btn:before{
  content:""
}

.footerTop{
  display: none;
}

@media screen and (max-width:740px){
  .footerBottom{
    padding-bottom: 70px;
    }
  }

.footerBottom img{
  width:auto;
}

@media screen and (min-width:741px){
.footerBottom a:hover{
  opacity: .6;
  }
}