@charset "UTF-8";

.recruit.discussion .w900 {}

.recruit.discussion .main_image {
  padding-top: 20px;
}

.recruit.discussion .mainvisual_02 {
  max-width: 900px;
  background: url("/resources/images/recruits/mv_interview.png") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 200px 20px;
  margin: 0 auto 70px;
}

.recruit.discussion .icon01 {
  background: url("/resources/images/recruits/thumb_member_interview_01.png") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}

.recruit.discussion .icon02 {
  background: url("/resources/images/recruits/thumb_member_interview_02.png") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}

.recruit.discussion .icon03 {
  background: url("/resources/images/recruits/thumb_member_interview_03.png") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}

.recruit.discussion .icon04 {
  background: url("/resources/images/recruits/thumb_member_interview_04.png") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}

.recruit.discussion .icon05 {
  background: url("/resources/images/recruits/thumb_member_interview_05.png") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}

.recruit.discussion .icon06 {
  background: url("/resources/images/recruits/thumb_member_interview_06.png") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}

.recruit.discussion .icon07 {
  background: url("/resources/images/recruits/thumb_member_interview_07.png") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}

.icon_size90 {
  width: 100%;
  height: 90px;
  border-radius: 50%;
}

.icon_size100 {
  width: 100%;
  height: 100px;
  border-radius: 50%;
}

.recruit.discussion .mainvisual_02 h2 {
  font-size: 30px;
  color: #fff;
  text-align: left;
  padding-top: 20px;
}

.recruit.discussion .ruby_member h3 {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 30px;
}

.recruit.discussion .ruby_member h4 {
  margin-bottom: 20px;
}

.recruit.discussion .ruby_member ul.first {
  margin-bottom: 50px;
}

.recruit.discussion .ruby_member li {
  width: 280px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.recruit.discussion .ruby_member li:nth-child(3n) {
  margin-right: 0;
}

@media ( max-width: 980px ) {
  .recruit.discussion .ruby_member li:nth-child(3n) {
    margin-right: 30px;
  }
}

.recruit.discussion .ruby_member li .thumb {
  width: 100px;
  float: left;
  background: #fff;
  margin-right: 10px;
}

.recruit.discussion .ruby_member li h5 {
  font-size: 16px;
  margin-bottom: 10px;
}

.recruit.discussion .ruby_member li .entry {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 5px;
}

.recruit.discussion .ruby_member li .other {
  font-size: 13px;
}

.recruit.discussion .ruby_member {
  margin-bottom: 100px;
}


.recruit.discussion .post_interview h2 {
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 40px;
}

.recruit.discussion .post_interview .inner {
  background: #ecfaff;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.recruit.discussion .post_interview .talk li {
  margin-bottom: 40px;
}

.recruit.discussion .post_interview .talk li:last-child {
  margin-bottom: 0;
}

.recruit.discussion .post_interview .talk li .thumb figure {
  margin-bottom: 10px;
}

.recruit.discussion .post_interview .talk li .thumb .caption {
  padding-top: 5px;
  font-size: 14px;
  text-align: center;
}

.recruit.discussion .post_interview .talk li:nth-child(odd) .thumb {
  width: 10%;
  float: left;
}

.recruit.discussion .post_interview .talk li:nth-child(even) .thumb {
  width: 10%;
  float: right;
}

.recruit.discussion .post_interview .talk li .thumb img {
  border-radius: 50%;
  background: #fff;
}

.recruit.discussion .post_interview .talk li .text {
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  width: 85%;
  position: relative;
  padding: 25px 15px;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 10px;
}

.recruit.discussion .post_interview .talk li:nth-child(odd) .text { float: right; }
.recruit.discussion .post_interview .talk li:nth-child(even) .text { float: left; }

.recruit.discussion .post_interview .talk li .text:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.recruit.discussion .post_interview .talk li:nth-child(odd) .text:before {
  left: -30px;
  background-image: url("/resources/images/recruits/shp_tri_left.png");
}

.recruit.discussion .post_interview .talk li:nth-child(even) .text:before {
  right: -30px;
  background-image: url("/resources/images/recruits/shp_tri_right.png");
}


.recruit.discussion .post_interview .pager {
  margin-bottom: 100px;
}

.recruit.discussion .post_interview .pager li {
  width: 43%;
}

.recruit.discussion .post_interview .pager li p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #c8161d;
  text-indent: -3em;
  margin-left: 3em;
}

.recruit.discussion .post_interview .pager .prv {
  float: left;
}

.recruit.discussion .post_interview .pager .next {
  float: right;
}

.recruit.discussion .post_interview .pager li a {
  display: inline;
}

@media ( min-width: 767px ) {
  .recruit.discussion .post_interview .pager li a:hover {
    text-decoration: underline;
  }
}

.recruit.discussion .post_interview .arc .arc_inner {
  max-width: 800px;
  padding: 20px;
  border: 4px solid #aaa;
  margin: 0 auto;
}

.recruit.discussion .post_interview .arc h6 {
  font-size: 18px;
  margin-bottom: 30px;
}

.recruit.discussion .post_interview .arc li:last-child {
  margin-bottom: 0;
}

@media ( min-width: 767px ) {
  .recruit.discussion .post_interview .arc li a {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }

  .recruit.discussion .post_interview .arc li a:hover {
    color: #c8161d;
  }
}

@media ( max-width: 720px ) {
  .recruit.discussion .main_image {
    padding-top: 0px;
  }

  .icon_size90 {
    width: 120%;
    height: 50px;
    border-radius: 50%;
  }
}

@media (min-width: 500px) and ( max-width: 720px) {
  .icon_size90 {
    width: 100%;
    height: 60px;
    border-radius: 50%;
  }
}

@media ( max-width: 631px ) {
  .recruit.discussion .ruby_member li {
    width: 100%;
    padding: 15px;
    margin: 0 !important;
  }

  .recruit.discussion .ruby_member li:nth-child(even) {
    background: #eee;
  }
}

.recruit.discussion .post_interview .talk li .text {
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  width: 80%;
  position: relative;
  padding: 25px 15px;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 10px;
}

@media ( max-width: 490px ) {
  .recruit.discussion .mainvisual_02 h2{
    font-size: 18px;
  }
}

@media ( max-width: 471px ) {
  .recruit.discussion .post_interview .talk li .text {
    font-size: 13px;
    padding: 10px;
    width: 73%;
  }
}

.recruit.discussion .post_interview .arc li {
  margin-bottom: 10px;
}