@charset "UTF-8";
/* Scss Document */
/* 
---------------------------------------
メインビジュアル
---------------------------------------
*/
#kv {
  background-size: cover;
  padding: 127px 0;
  background-image: url(../img/interview/main_bg.jpg); }
  @media (max-width: 999px) {
    #kv {
      padding: 70px 0 30px;
      margin: 0 auto;
      background-image: url("../img/interview/main_bg_sp.jpg"); } }

#kv .sttl {
  text-align: center; }

#kv .ttl {
  text-align: center;
  color: #f56d67;
  font-size: 24px;
  letter-spacing: 5px;
  font-weight: bold;
  padding-top: 10px; }
  @media (max-width: 999px) {
    #kv .ttl {
      font-size: 16px; } }

@media (max-width: 999px) {
  .interview .inner {
    width: 92%;
    margin: 0 auto;
    max-width: 350px; } }

/* 
---------------------------------------
interview01
---------------------------------------
*/
#interview01 {
  padding: 100px 0;
  background: #fff1f1; }
  @media (max-width: 999px) {
    #interview01 {
      padding: 50px 0; } }

#interview01 .ttl {
  font-size: 36px;
  padding: 10px 0 15px;
  letter-spacing: 1.7px; }
  @media (max-width: 999px) {
    #interview01 .ttl {
      font-size: 20px; } }

#interview01 .txt {
  font-size: 20px;
  letter-spacing: 1.7px;
  line-height: 2; }
  @media (max-width: 999px) {
    #interview01 .txt {
      font-size: 14px; } }

@media (min-width: 1000px) {
  #interview01 .inner {
    width: 800px; } }

/* 
---------------------------------------
interview02
---------------------------------------
*/
#interview02 {
  background-size: cover;
  padding: 50px 0;
  background-image: url("../img/interview/02_bg.jpg"); }
  @media (max-width: 999px) {
    #interview02 {
      max-width: 375px;
      margin: 0 auto; } }

@media (min-width: 1000px) {
  #interview02 .inner {
    width: inherit;
    max-width: 1400px;
    min-width: 1000px; } }

#interview02 .boxs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto; }
  @media (min-width: 1000px) {
    #interview02 .boxs {
      justify-content: space-evenly; } }
  @media (max-width: 999px) {
    #interview02 .boxs {
      flex-direction: column; } }

#interview02 .boxs .box {
  width: 28%;
  margin-right: 8%;
  margin-bottom: 50px;
  position: relative; }
  @media (max-width: 999px) {
    #interview02 .boxs .box {
      width: 90%;
      margin: 0 auto 20px; } }

#interview02 .boxs .box .data {
  position: absolute;
  left: 0;
  bottom: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  padding: 20px;
  height: 330px; }
  @media (max-width: 999px) {
    #interview02 .boxs .box .data {
      height: 240px;
      padding: 20px 20px 20px 0; } }

#interview02 .boxs .box .data .ttl {
  background: #f56d67;
  color: #fff;
  padding: 10px;
  font-size: 20px;
  letter-spacing: 1.7px; }
  @media (max-width: 999px) {
    #interview02 .boxs .box .data .ttl {
      font-size: 16px; } }

#interview02 .boxs .box .data .txt {
  background: #f9a7a4;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1.7px; }
  @media (max-width: 999px) {
    #interview02 .boxs .box .data .txt {
      font-size: 12px; } }

@media (min-width: 1000px) {
  #interview02 .boxs .box:nth-child(3n) {
    margin-right: 0; } }

/* 
---------------------------------------
interview03
---------------------------------------
*/
#interview03 {
  background: #fff1f1; }

#interview03 .pic-bg {
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 540px;
  padding: 50px 0 50px; }
  @media (max-width: 999px) {
    #interview03 .pic-bg {
      width: 340px; } }

#interview03 .boxs {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto; }
  @media (max-width: 999px) {
    #interview03 .boxs {
      flex-direction: column; } }

#interview03 .boxs .box {
  position: relative; }

#interview03 .ttl {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 90px;
  color: #f56d67;
  left: 0;
  right: 0;
  letter-spacing: 2.7px; }
  @media (max-width: 999px) {
    #interview03 .ttl {
      font-size: 20px;
      text-align: center;
      top: 80px; } }

#interview03 .boxs .box .sttl {
  font-size: calc(1.5rem + ((1vw - 10px) * 1.3043));
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 10vw;
  left: 0;
  right: 0;
  color: #fff;
  letter-spacing: 2.7px; }
  @media (max-width: 999px) {
    #interview03 .boxs .box .sttl {
      font-size: 20px;
      top: 55px; } }

@media (max-width: 999px) {
  .btn {
    height: 50px;
    margin: -90px auto 40px; } }

.btn a {
  color: #f57967; }

#interview03 .btn {
  background: #fff;
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, transparent 50%, #f57967 50%);
  background-image: linear-gradient(to right, transparent 50%, #f57967 50%);
  -webkit-transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease;
  transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease; }
  @media (max-width: 999px) {
    #interview03 .btn {
      font-size: 16px; } }

#interview03 .btn:hover {
  background-color: #f57967;
  background-position: -100% 100%; }

#interview03 .btn:hover a {
  color: #fff; }

/* 
---------------------------------------
interview 下層
---------------------------------------
*/
#i00 {
  padding: 50px; }
  @media (max-width: 999px) {
    #i00 {
      padding: 30px 20px; } }

#i00 .sttl {
  text-align: center; }

#i00 .ttl {
  text-align: center;
  color: #f57967;
  font-size: 20px;
  letter-spacing: 2.7px; }

#i01 {
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #fff1f1 50%, #fff1f1 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 50px; }
  @media (max-width: 999px) {
    #i01 {
      background: linear-gradient(180deg, #fff 0%, #fff 30%, #fff1f1 70%, #fff1f1 100%); } }

#i01 .box {
  position: relative; }

#i01 .ttl {
  position: absolute;
  right: -80px;
  bottom: -100px;
  width: 500px; }
  @media (max-width: 999px) {
    #i01 .ttl {
      right: 10px;
      bottom: -30px;
      width: 210px; } }

#i01 .txt {
  font-size: 20px;
  padding: 10px;
  letter-spacing: 1.7px;
  line-height: 2; }
  @media (max-width: 999px) {
    #i01 .txt {
      font-size: 14px; } }

#i01 .txt span {
  background: linear-gradient(transparent 70%, #ffdddd 70%); }

#i02 {
  background: #fff1f1;
  padding: 50px 50px 80px; }
  @media (max-width: 999px) {
    #i02 {
      padding: 0; } }

@media (min-width: 1000px) {
  #i02 .boxs .box {
    display: flex;
    flex-wrap: nowrap; } }
@media (max-width: 999px) {
  #i02 .boxs .box {
    height: 700px; } }

@media (max-width: 999px) {
  #i02 .boxs .box:nth-child(1) {
    height: 737px; } }

@media (max-width: 999px) {
  #i02 .boxs .box:nth-child(2) {
    height: 713px; } }

@media (max-width: 999px) {
  .i02 #i02 .boxs .box:nth-child(1) {
    height: 627px; } }

@media (max-width: 999px) {
  .i02 #i02 .boxs .box:nth-child(2) {
    height: 573px; } }

@media (max-width: 999px) {
  .i03 #i02 .boxs .box:nth-child(1) {
    height: 793px; } }

@media (max-width: 999px) {
  .i03 #i02 .boxs .box:nth-child(2) {
    height: 713px; } }

@media (max-width: 999px) {
  .i04 #i02 .boxs .box:nth-child(1) {
    height: 620px; } }

@media (max-width: 999px) {
  .i04 #i02 .boxs .box:nth-child(2) {
    height: 570px; } }

@media (max-width: 999px) {
  .i05 #i02 .boxs .box:nth-child(1) {
    height: 815px; } }

@media (max-width: 999px) {
  .i05 #i02 .boxs .box:nth-child(2) {
    height: 713px; } }

@media (max-width: 999px) {
  .i06 #i02 .boxs .box:nth-child(1) {
    height: 630px; } }

@media (max-width: 999px) {
  .i06 #i02 .boxs .box:nth-child(2) {
    height: 600px; } }

@media (min-width: 1000px) {
  #i02 .boxs .box:nth-child(1) .pic {
    text-align: right;
    margin-bottom: 150px;
    margin-top: 30px; } }

@media (min-width: 1000px) {
  .i06 #i02 .boxs .box:nth-child(1) .pic {
    margin-bottom: 20px; } }

@media (min-width: 1000px) {
  #i02 .boxs .box:nth-child(1) .pic img {
    width: 60%; } }

#i02 .data {
  position: absolute; }
  @media (max-width: 999px) {
    #i02 .data {
      margin: 0 auto;
      left: 0;
      right: 0;
      width: 92%; } }

@media (min-width: 1000px) {
  #i02 .boxs .box:nth-child(2) .data {
    position: relative;
    margin-top: -100px; } }

@media (min-width: 1000px) {
  #i02 .boxs .box:nth-child(1) .data .ico {
    width: 450px;
    margin-left: -30px; } }
@media (max-width: 999px) {
  #i02 .boxs .box:nth-child(1) .data .ico {
    margin-top: 20px;
    margin: 20px auto 0; } }

#i02 .boxs .box:nth-child(1) .data .ttl {
  position: absolute;
  top: 17px;
  left: 6px;
  width: 384px;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 1.4px; }
  @media (max-width: 999px) {
    #i02 .boxs .box:nth-child(1) .data .ttl {
      top: 38px;
      left: 25px;
      width: 300px;
      font-size: 14px;
      line-height: 1.4;
      letter-spacing: 1.4px; } }

#i02 .boxs .box:nth-child(1) .data .txt {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1.4px; }
  @media (min-width: 1000px) {
    #i02 .boxs .box:nth-child(1) .data .txt {
      width: 363px; } }
  @media (max-width: 999px) {
    #i02 .boxs .box:nth-child(1) .data .txt {
      font-size: 14px;
      width: 90%;
      text-align: justify;
      margin: 0 auto; } }

@media (min-width: 1000px) {
  .i06 #i02 .boxs .box:nth-child(1) .data .txt {
    width: 365px; } }

@media (min-width: 1000px) {
  #i02 .boxs .box:nth-child(2) .pic {
    padding-right: 50px; } }

@media (min-width: 1000px) {
  #i02 .boxs .box:nth-child(2) .data .ico {
    margin-left: -30px;
    width: 450px; } }
@media (max-width: 999px) {
  #i02 .boxs .box:nth-child(2) .data .ico {
    margin-top: 20px; } }

@media (min-width: 1000px) {
  .i05 #i02 .boxs .box:nth-child(2) .data .ico {
    margin-left: -15px;
    width: 460px; } }
@media (max-width: 999px) {
  .i05 #i02 .boxs .box:nth-child(2) .data .ico {
    margin-top: 20px; } }

#i02 .boxs .box:nth-child(2) .data .ttl {
  position: absolute;
  top: 22px;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 1.4px; }
  @media (max-width: 999px) {
    #i02 .boxs .box:nth-child(2) .data .ttl {
      font-size: 14px;
      top: 35px;
      left: 15px; } }

#i02 .boxs .box:nth-child(2) .data .txt {
  font-size: 16px;
  line-height: 2; }
  @media (min-width: 1000px) {
    #i02 .boxs .box:nth-child(2) .data .txt {
      letter-spacing: 1.4px;
      text-align: justify;
      width: 560px; } }
  @media (max-width: 999px) {
    #i02 .boxs .box:nth-child(2) .data .txt {
      font-size: 14px;
      width: 90%;
      margin: 0 auto; } }

.i06 #i02 .boxs .txt:nth-child(2) {
  padding-bottom: 70px;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1.4px; }
  @media (max-width: 999px) {
    .i06 #i02 .boxs .txt:nth-child(2) {
      font-size: 14px;
      width: 90%;
      text-align: justify;
      margin: 0 auto;
      padding-bottom: 50px; } }

@media (min-width: 1000px) {
  .i06 #i02 .boxs .box:nth-child(3) .data {
    position: relative;
    margin-top: -100px; } }

@media (min-width: 1000px) {
  .i06 #i02 .boxs .box:nth-child(3) .pic {
    padding-right: 50px; } }

@media (min-width: 1000px) {
  .i06 #i02 .boxs .box:nth-child(3) .data .ico {
    margin-left: -4px;
    width: 450px;
    margin-top: 80px; } }
@media (max-width: 999px) {
  .i06 #i02 .boxs .box:nth-child(3) .data .ico {
    margin-top: 20px; } }

.i06 #i02 .boxs .box:nth-child(3) .data .ttl {
  position: absolute;
  top: 100px;
  font-size: 18px;
  line-height: 1.8;
  left: 27px;
  letter-spacing: 1.4px; }
  @media (max-width: 999px) {
    .i06 #i02 .boxs .box:nth-child(3) .data .ttl {
      font-size: 14px;
      top: 37px;
      left: 22px; } }

.i06 #i02 .boxs .box:nth-child(3) .data .txt {
  font-size: 16px;
  line-height: 2; }
  @media (min-width: 1000px) {
    .i06 #i02 .boxs .box:nth-child(3) .data .txt {
      letter-spacing: 1.4px;
      text-align: justify;
      width: 495px; } }
  @media (max-width: 999px) {
    .i06 #i02 .boxs .box:nth-child(3) .data .txt {
      font-size: 14px;
      width: 90%;
      margin: 0 auto; } }

#i03 {
  margin: 180px 0 100px;
  position: relative; }
  @media (max-width: 999px) {
    #i03 {
      margin: 120px 0 60px; } }

#i03 .pic-bg {
  position: absolute;
  top: -100px; }
  @media (max-width: 999px) {
    #i03 .pic-bg {
      top: -70px;
      width: 345px; } }

#i03 .ttl {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 0;
  letter-spacing: 2.7px;
  right: 0; }
  @media (max-width: 999px) {
    #i03 .ttl {
      font-size: 14px;
      top: 15px; } }

#i03 .ico {
  margin: 0 auto; }
  @media (min-width: 1000px) {
    #i03 .ico {
      width: 50%; } }

#i03 dl {
  margin: 0 auto;
  padding: 20px 0;
  letter-spacing: 1.7px;
  border-bottom: 1px dashed #ccc; }
  @media (min-width: 1000px) {
    #i03 dl {
      display: flex;
      flex-wrap: nowrap; } }
  @media (max-width: 999px) {
    #i03 dl {
      width: 90%; } }

#i03 dl:nth-child(2) {
  margin-top: 100px; }

#i03 dl dt {
  width: 150px; }
  @media (max-width: 999px) {
    #i03 dl dt {
      width: inherit; } }

#i03 dl dt img {
  width: 20px;
  padding: 1px 9px 0; }
  @media (max-width: 999px) {
    #i03 dl dt img {
      width: 20px !important;
      padding: 1px 9px 5px 0px; } }

@media (min-width: 1000px) {
  #i03 dl dd:nth-child(3) {
    width: 250px; } }

@media (min-width: 1000px) {
  #i03 dl dd:nth-child(4) {
    width: 85%;
    padding-left: 3%; } }

.i01 #i04 {
  background-size: cover;
  background: url(../img/interview/01/04_pic_01.jpg); }
  @media (min-width: 1000px) {
    .i01 #i04 {
      height: 40rem;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: 10% 0; } }
  @media (max-width: 999px) {
    .i01 #i04 {
      height: 10rem;
      background-size: cover; } }

.i02 #i04 {
  background-size: cover;
  background: url(../img/interview/02/04_pic_01.jpg); }
  @media (min-width: 1000px) {
    .i02 #i04 {
      height: 40rem;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: 40% 0; } }
  @media (max-width: 999px) {
    .i02 #i04 {
      height: 10rem;
      background-size: cover; } }

.i03 #i04 {
  background-size: cover;
  background: url(../img/interview/03/04_pic_01.jpg); }
  @media (min-width: 1000px) {
    .i03 #i04 {
      height: 40rem;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: 10% 0; } }
  @media (max-width: 999px) {
    .i03 #i04 {
      height: 10rem;
      background-size: cover; } }

.i04 #i04 {
  background-size: cover;
  background: url(../img/interview/04/04_pic_01.jpg); }
  @media (min-width: 1000px) {
    .i04 #i04 {
      height: 40rem;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: 100% 0; } }
  @media (max-width: 999px) {
    .i04 #i04 {
      height: 10rem;
      background-size: cover; } }

.i05 #i04 {
  background-size: cover;
  background: url(../img/interview/05/04_pic_01.jpg); }
  @media (min-width: 1000px) {
    .i05 #i04 {
      height: 40rem;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: 100% 0; } }
  @media (max-width: 999px) {
    .i05 #i04 {
      height: 10rem;
      background-size: cover; } }

.i06 #i04 {
  background-size: cover;
  background: url(../img/interview/06/04_pic_01.jpg); }
  @media (min-width: 1000px) {
    .i06 #i04 {
      height: 40rem;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: 90% 0; } }
  @media (max-width: 999px) {
    .i06 #i04 {
      height: 10rem;
      background-size: cover; } }

#i05 {
  padding: 100px 0;
  background: #fff1f1; }
  @media (max-width: 999px) {
    #i05 {
      padding: 20px 0 80px; } }

#i05 .inner {
  position: relative; }

#i05 .ttl {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 28px;
  left: 30px;
  letter-spacing: 1.7px; }
  @media (max-width: 999px) {
    #i05 .ttl {
      font-size: 14px;
      top: 20px;
      left: 25px; } }

.i05 #i05 .ttl {
  top: 28px; }
  @media (max-width: 999px) {
    .i05 #i05 .ttl {
      top: 20px;
      left: 15px; } }

#i05 .ttl2 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 352px;
  left: 30px;
  letter-spacing: 2.7px; }
  @media (max-width: 999px) {
    #i05 .ttl2 {
      font-size: 14px;
      top: 577px;
      left: 25px; } }

#i05 .txt {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1.4px;
  text-align: justify; }
  @media (max-width: 999px) {
    #i05 .txt {
      font-size: 14px;
      width: 90%;
      margin: 0 auto; } }

@media (min-width: 1000px) {
  #i05 .ico {
    width: 48%; } }

#i05 .ico2 {
  margin-top: 30px; }
  @media (min-width: 1000px) {
    #i05 .ico2 {
      width: 36%; } }

#i05 .box {
  padding: 50px 0 0; }
  @media (min-width: 1000px) {
    #i05 .box {
      height: 400px; } }

@media (min-width: 1000px) {
  #i05 .sttl {
    position: absolute;
    width: 600px;
    top: 460px; } }
@media (max-width: 999px) {
  #i05 .sttl {
    margin-bottom: -20px;
    z-index: 1;
    position: relative;
    right: -20px; } }

@media (min-width: 1000px) {
  .i02 #i05 .sttl {
    top: 500px; } }
@media (max-width: 999px) {
  .i02 #i05 .sttl {
    right: -5px; } }

@media (min-width: 1000px) {
  .i04 #i05 .sttl {
    top: 360px; } }
@media (max-width: 999px) {
  .i04 #i05 .sttl {
    right: -10px; } }

@media (min-width: 1000px) {
  .i05 #i05 .sttl {
    top: 770px; } }
@media (max-width: 999px) {
  .i05 #i05 .sttl {
    right: -15px; } }

@media (min-width: 1000px) {
  .i06 #i05 .sttl {
    top: 410px; } }
@media (max-width: 999px) {
  .i06 #i05 .sttl {
    margin-bottom: -17px;
    right: -35px; } }

@media (min-width: 1000px) {
  #i05 .box .pic {
    width: 60%;
    float: right;
    text-align: right; } }

#i06 {
  background-size: cover;
  padding: 50px 0;
  background-image: url("../img/interview/01/06_bg.jpg"); }
  @media (max-width: 999px) {
    #i06 {
      max-width: 375px;
      margin: 0 auto; } }

#i06 .boxs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto; }
  @media (max-width: 999px) {
    #i06 .boxs {
      flex-direction: column; } }

#i06 .boxs .box {
  width: 40%;
  margin-right: 10%;
  margin-bottom: 50px;
  position: relative; }
  @media (max-width: 999px) {
    #i06 .boxs .box {
      width: 90%; } }

#i06 .boxs .box .data {
  position: absolute;
  left: 0;
  bottom: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  padding: 20px;
  height: 330px; }
  @media (max-width: 999px) {
    #i06 .boxs .box .data {
      height: 250px; } }

#i06 .boxs .box .data .ttl {
  background: #f56d67;
  color: #fff;
  padding: 10px;
  font-size: 20px;
  letter-spacing: 1.7px; }
  @media (max-width: 999px) {
    #i06 .boxs .box .data .ttl {
      font-size: 14px; } }

#i06 .boxs .box .data .txt {
  background: #f9a7a4;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1.7px; }
  @media (max-width: 999px) {
    #i06 .boxs .box .data .txt {
      font-size: 12px; } }

#i06 .btn {
  position: relative;
  background: #fff;
  width: 280px;
  border: 1px solid #f57967;
  height: 70px;
  text-align: center;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin: 0 auto; }

/* 
---------------------------------------
home02
---------------------------------------
*/
#home02 {
  background-size: cover;
  background-image: url("../img/home/02_bg.jpg");
  position: relative;
  padding: 150px 0 50px;
  height: 400px; }
  @media (max-width: 999px) {
    #home02 {
      background-image: url("../img/home/02_bg_sp.jpg"); } }

#home02 .pic-bg {
  position: relative;
  margin: 0 auto;
  z-index: 1; }

#home02 .pic-bg .data {
  position: absolute;
  left: 0;
  right: 0;
  justify-content: center;
  text-align: center;
  top: 60px; }

#home02 .pic-bg .ttl {
  font-size: 26px;
  font-weight: 500;
  position: absolute;
  color: #fff;
  letter-spacing: 2px;
  left: 20px;
  top: 230px; }
  @media (max-width: 999px) {
    #home02 .pic-bg .ttl {
      font-size: 18px;
      font-weight: inherit;
      left: 24px;
      top: 213px; } }

#home02 .pic-bg .txt {
  font-size: 20px;
  letter-spacing: 2.7px;
  position: absolute;
  left: 60px;
  top: 290px; }
  @media (max-width: 999px) {
    #home02 .pic-bg .txt {
      font-size: 16px;
      left: 47px;
      top: 255px;
      font-weight: inherit; } }

#home02 .pic-bg .txt a {
  color: #fff; }
  @media (max-width: 999px) {
    #home02 .pic-bg .txt a {
      font-size: 16px; } }

#home02 .pic-bg img {
  position: absolute;
  left: 0;
  top: 150px;
  margin: 0 auto;
  width: 200px; }
  @media (max-width: 999px) {
    #home02 .pic-bg img {
      top: 150px;
      width: 160px; } }

#home02 .pic-bg img {
  position: absolute;
  left: 0;
  top: 150px;
  margin: 0 auto; }

#home02 .box {
  padding-top: 60px;
  display: flex;
  justify-content: space-around; }

#home02 .box img {
  padding: 0 30px; }

/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
  top: 0;
  left: 0;
  height: 600px;
  overflow: hidden;
  position: absolute; }

.loopSlider {
  margin: 0 auto;
  width: 2000px;
  height: 600px;
  text-align: left;
  position: relative;
  overflow: hidden; }

.loopSlider ul {
  height: 600px;
  float: left;
  overflow: hidden; }

.loopSlider ul li {
  width: 250px;
  height: 400px;
  float: left;
  display: inline;
  overflow: hidden;
  padding: 0 50px; }

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
  content: "";
  display: none;
  clear: none; }