@charset "utf-8";
:root {
  --f-zenmaru:"Zen Maru Gothic";
}

*{ font-family: Hiragino Kaku Gothic ProN;}
body { margin: 0px; }
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
h1,h2,h3,h4,h5 {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-family: var(--f-zenmaru);
}

img{
  height: auto;
}

/* common */
main *{
  box-sizing:border-box;
}
main {
  overflow-y: hidden;
}
#achive{
  background: #FFF4F3;
}
.sec_inner{
  max-width: 1075px;
  width: 100%;
  margin: auto;
}
.ttl_nega{
  margin-top: -40px;
  text-align: center;
  font-size: 30px;
}
@media screen and (max-width: 769px) {
  .sec_inner{
    padding:0 10px;
  }
}
/* common end */

/* title */
#title{
  background: url(images/mv_pc.png);
  height: 425px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  background-color: #F1B1AA;
  &:after{
    position:absolute;
    content:"";
    background: url(images/bg_mv_w.svg);
    bottom:0;
    left: 0;
    width: 100%;
    height: 40px;
  }
  & h1{
    text-align: center;
    max-height: max-content;
    /* background: #EDA098CC; */
    border-radius: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 48px;
    line-height: 1.5;
    color: #fff;
    width: fit-content;
    padding: 20px 80px 20px;
    padding-bottom: 130px;
    margin: auto;
    display: flex;
    align-items: center;
    & span{
      font-family: var(--f-zenmaru);
      width: fit-content;
      margin-right: 0;
      margin-left: auto;
      display: block;
    }
    & .pc_none{
      display: none;
    }
  }
}

.ttl_ribon{
  text-align: center;
  position: relative;
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 100px;
  &:after{
    position:absolute;
    content:"";
    background: url(images/ico_h_fuki.svg);
    bottom:-45px;
    left: 0;
    right:0;
    margin: auto;
    width: 580px;
    height: 70px;
  }
  &:before{
    position:absolute;
    content:"";
    background: url(images/ico_h_fuki.svg);
    bottom:-45px;
    left: 0;
    right:0;
    margin: auto;
    width: 580px;
    height: 70px;
  }
}
@media screen and (max-width: 769px) {
  #title{
    background: url(images/mv_sp.png);
    background-position: bottom;
    height: 395px;
    width: 100%;
    background-size: cover;
    position: relative;
    &:after{
      position:absolute;
      content:"";
      background: url(images/bg_mv_w.svg);
      bottom:0;
      left: 0;
      width: 100%;
      height: 40px;
    }
    & h1{
      font-size: 28px;
      padding: 75px 30px 20px;
      & .pc_none{
        display: block;
      }
    }
  }
}
/* title end*/

/* slide */
#slide{
  padding-top:100px;
  padding-bottom: 120px;
  overflow: hidden;
  position: relative;
  background: white;
  & .sec_inner{
    position: relative;
    &:before{
      position:absolute;
      content:"";
      background: url(images/ico_inte_ttl_left.png);
      background-size: cover;
      top: 0px;
      left: 80px;
      width: 145px;
      height: 120px;
    }
    &:after{
      position:absolute;
      content:"";
      background: url(images/ico_inte_ttl_right.png);
      background-size: cover;
      top: 20px;
      right: 80px;
      width: 145px;
      height: 95px;
    }
  }
  h2{
    color: #454545;
  }
  &:before{
    position:absolute;
    content:"";
    background: url(images/ico_star_left.svg);
    background-size: cover;
    top:30px;
    left: 50px;
    width: 160px;
    height: 110px;
  }
  &:after{
    position:absolute;
    content:"";
    background: url(images/ico_star_right.svg);
    background-size: cover;
    top:120px;
    right: 50px;
    width: 115px;
    height: 90px;
  }
  .slide_wrap{
    overflow: visible;
    position: relative;
    /*&:before{
      position:absolute;
      content:"";
      background: url(images/ico_slide_deco_pc.png);
      background-size: cover;
      top: -15px;
      left: -30px;
      width: 1146px;
      height: 230px;
      z-index: 90;
      background-size: cover;
      pointer-events: none;
    }*/
  }
  .slide_cont{
    position: relative;
    overflow: visible;
  }
.slide_cont::before,
.slide_cont::after{
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
}
.slide_cont::before{
    background: url(images/flower1.png) no-repeat center center/100%;
    width: 68px;
    height: 63px;
}
.slide_cont::after{
    background: url(images/flower2.png) no-repeat center center/100%;
    width: 65px;
    height: 57px;
}
.slide_cont:nth-child(odd):before{
    left: -20px;
    top:10%;
}
.slide_cont:nth-child(odd):after{
    right: 10px;
    top: 50%;
}
.slide_cont:nth-child(even):before{
    left: 10px;
    top: 40%;
}
.slide_cont:nth-child(even):after{
    right: 10px;
    top:20%;
}
  .slide_box *{
    box-sizing: border-box;
  }
  .slide_box{
    &.slick-dotted.slick-slider{
        margin-bottom: 85px;
    }
    & .slick-list{
      overflow: visible;
    }
    & .slide_cont{
      margin: 0 12px;
      cursor: pointer;
      overflow: hidden;
      box-sizing: border-box;
      background: #000;
    }
    /* & img{
      max-width: 301px;
      height: 241px;
      object-fit: cover;
      max-width: 100%;
      border-radius: 10px 10px 0 0;
      width: 100%;
      transform: scale(1.2);
      overflow: hidden;
    } */

    & .slide_txt{
      position: relative;
      background: #fff;
      padding:5px 20px 10px;
      border-radius:  0 0 40px 40px;
      & span{
        font-weight: bold;
      }
      & h3{
        text-align: left;
        color: #454545;
        font-size: 20px;
        margin-bottom: 5px;
      }
      & .read{
        background: white;
        width: 35%;
        height: 100%;
        position: absolute;
        right:0px;
        top:0px;
        display: block;
        color: #EDA098;
        font-weight: bold;
        text-align: center;
        line-height: 1.2em;
        border-radius: 0 0 16px 0;
      }
      & .read p{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-family: var(--f-zenmaru);
      }
      & .read p:after{
        content: "";
        background: url(images/interview-book.svg) no-repeat center center/100%;
        width: 27px;
        height: 26px;
        display: block;
        margin-top: .5rem;
      }
      & .read:after{
        content: "";
        display: block;
        width:0;
        height:0;
        border-style:solid;
        border-width: 5px 8.7px 5px 0;
        border-color: transparent #FFFFFF transparent transparent;
        position: absolute;
        left: -8px;
        top: 50%;
        transform: translateY(-50%);
      }

    }

    & .slide_cont {
      margin: 0 12px;
      cursor: pointer;
      overflow: visible;
      box-sizing: border-box;
      padding: 0px;
      border-radius: 20px;
      /*border: solid 4px #FFF;*/
      border: solid 4px #EDA098;
    }
    & img{
      max-width: 301px;
      height: 241px;
      max-width: 100%;
      border-radius:16px 16px 0 0;
      width: 100%;
      background: white;
      object-fit: contain;
    }
    & .slide_cont:nth-child(1n){
      background: #B0DBD0;
    }
    .slide_cont:nth-child(1n) .slide_txt{
      background: #B0DBD0;
    }
    & .slide_cont:nth-child(2n){
      background: #93CCD6;
    }
    & .slide_cont:nth-child(2n) .slide_txt{
      background: #93CCD6;
    }
    & .slide_cont:nth-child(3n) {
      background: #F4F18B;
    }
    .slide_cont:nth-child(3n) .slide_txt{
      background: #F4F18B;
    }

    .slick-next,
    .slick-prev {
      bottom: -80px;
      opacity: 1;
      top: auto;
      &:before{
        background: url(images/ico_arrow_pink.svg);
        width: 40px;
        height: 40px;
        content: "";
        opacity: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-size: contain;
      }
    }
    .slick-next {
      right: 10px;
    }
    .slick-prev{
      right: 70px;
      left: auto;
    }
    .slick-next:before{
      transform:rotate(180deg);
      left: -10px;
    }
    .slick-prev:before{
      left: -10px;
    }

    .slick-dots {
      position: absolute;
      bottom: -25px;
      display: flex;
      background: #fff;
      border-radius: 20px;
      &:before{
        position:absolute;
        top:0;
        bottom: 0;
        right: auto;
      }
    }
    .slick-dots li {
      width: 20px;
      height: 5px;
      margin: 0;
      width: 100%;
      background: #fff;
    }
    .slick-dots li button:before{
      content:"";
    }
    .slick-dots li.slick-active{
      background: #EDA098;
    }
    .slick-dotted.slick-slider {
      margin-bottom: 90px;
    }
  }
}
@media screen and (max-width: 768px) {

  .ttl_ribon {
    font-size: 28px;
    margin-bottom: 81px;
    &:after {
      position: absolute;
      content: "";
      background: url(images/ico_h_fuki.svg);
      bottom: -25px;
      left: 0;
      right: 0;
      margin: auto;
      width: 300px;
      height: 35px;
      background-size: contain;
      background-repeat: no-repeat;
    }
    &:before {
      content:none;
    }
  }
  #slide {
    padding-top:45px;
    padding-bottom: 50px;
    &:before {
        top: 0px;
        left: 10px;
        width: 60px;
        height: 40px;
    }
    &:after {
      top: 115px;
      right: 10px;
      width: 50px;
      height: 40px;
    }
    & .sec_inner {
        &:before {
          content:none;
        }
        &:after {
          content:none;
        }
    }
    & .slide_box {

        & .slide_cont {
        margin: 0 10px 0 0;
        }
      & img{
        object-fit: contain;
      }
      & .slick-list {
           /*padding: 0px 5% 0 0!important;*/
        }
      .slick-prev {
          /*right: 80px;*/
          left: 40%;
      }
      .slick-next {
          right: 40%;
      }
      .slick-next, .slick-prev {
          bottom: -55px;
      }
      .slick-dots{
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
      }
    }
    .slide_wrap{
      position: relative;
      /*&:after {
          position: absolute;
          content: "";
          background: url(images/ico_slide_deco_sp.png);
          background-size: contain;
          width: 95vw;
          height: 180px;
          left: 0px;
          right: 0;
          top: 40px;
          background-repeat: no-repeat;
          margin: auto;
      }*/
      &:before {
                display: none;
          position: absolute;
          content: "";
          background: url(images/ico_slide_deco__bottom_sp.png);
          background-size: contain;
          width: 215px;
          height: 80px;
          left: 30px;
          bottom: -60px;
          top: auto;
          background-repeat: no-repeat;
      }
    }
    

  }
}
/* slide */

/* search */
#search{
  padding-top: 40px;

  h2{
    color: #454545;
  }
  .lead{
    text-align: left;
    margin-bottom: 60px;
  }
}
.map{
  background: #fff;
  height: 875px;
  border-radius: 20px;
  padding:0px 90px 0;
  position: relative;
  margin-bottom:80px;
  box-sizing: border-box;
  & h3{
    position: absolute;
    width: fit-content;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -20px;
    color: #454545;
    &:before{
      position:absolute;
      content:"";
      background: url(images/ico_search_left.svg);
      background-size: cover;
      top:0px;
      bottom: 0px;
      left: -85px;
      margin: auto;
      width: 75px;
      height: 45px;
    }
    &:after{
      position:absolute;
      content:"";
      background: url(images/ico_search_right.svg);
      background-size: cover;
      top:0px;
      bottom: 0px;
      right:-85px;
      margin: auto;
      width: 75px;
      height: 45px;
    }
  }
  & img{
    position: absolute;
    &.img_01{
      top:35px;
      left: 135px;
      width: 135px;
      display: none;
    }
    &.img_02{
      bottom: 330px;
      right: 30px;
      width: 180px;
    }
    &.img_03{
      bottom: 230px;
      left: 50px;
      width: 205px;
    }
    &.img_04{
      bottom: 70px;
      right: 30px;
      width: 195px;
      display: none;
    }
    &.img_map{
      top: 70px;
      right: 100px;
      width: 775px;
    }
  }
  .area{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;
    max-width: 480px;
    padding-top:180px;
    & a{
      font-weight: bold;
      font-family: var(--f-zenmaru);
      color: #EDA098;
      font-size: 24px;
      padding:10px 5px;
      position: relative;
      border-bottom: 1px dashed #EDA098;
      text-decoration: none;
      max-width: 225px;
      &:after{
        position:absolute;
        content:"";
        background: url(images/ico_arrow_pink.svg);
        background-size: cover;
        top:0px;
        bottom: 0px;
        right:0px;
        margin: auto;
        width: 26px;
        height: 26px;
        transform:rotate(-90deg);
      }
    }
  }
}

.area_box{
  background: #fff;
  border-radius: 20px;
  padding:70px 60px;
  margin-bottom: 80px;
  box-sizing: border-box;
  position: relative;
    word-break: keep-all;
  & h3{
    color: #454545;
    top:-25px;
    left: 0;
    right: 0;
    position: absolute;
    width: fit-content;
    margin: auto;
    font-size: 30px;
  }
  span{
    border-bottom: dashed 1px #fff;
    width: fit-content;
    font-size: 18px;
    font-weight: bold;
    font-family: var(--f-zenmaru);
  }
  span:hover{
    color: #EDA098;
    border-bottom: dashed 1px #EDA098;
    cursor: pointer;
  }
  .nodata{
    pointer-events: none;
    font-weight: 400;
  }
}

@media screen and (max-width: 768px) {
  #search{
    & .ttl_ribon {
        font-size: 28px;
        margin-bottom: 50px;
    }
    & .lead{
      font-size: 16px;
      margin-bottom: 40px;
    }
    & .ttl_nega{
      font-size: 24px;
    }
    & .map {
      height: auto;
      padding: 0px 20px 20px;
      & .area{
        padding-top:70px;
        & a {
            &:after {
                width: 20px;
                height: 20px;
                transform: rotate(-90deg);
            }
        }
      }
      & .img_map {
          top: 50px;
          right: 0;
          width: 100%;
          position: relative;
      }
      & .img_02 {
              left: 145px;
              bottom: auto;
              right: auto;
              width: 100px;
              top: 50px;
      }
      & .img_03 {
          bottom: auto;
          left: 50px;
          width: 138px;
          top: 147px;
      }
      & h3 {
        &:before {
            position: absolute;
            content: "";
            background: url(images/ico_search_left.svg);
            background-size: cover;
            top: 0px;
            bottom: 0px;
            left: -70px;
            margin: auto;
            width: 60px;
            height: 35px;
        }
          &:after {
              position: absolute;
              content: "";
              background: url(images/ico_search_right.svg);
              background-size: cover;
              top: -5px;
              bottom: 0px;
              right: -71px;
              margin: auto;
              width: 60px;
              height: 35px;
          }
      }
      & a {
        font-size: 16px;
      }
    }
  }
  .area_box {
    padding: 31px 20px 20px;
    & h3 {
      font-size: 24px;
    }
    span:not(.nodata){
      color: #EDA098;
      border-bottom: dashed 1px #EDA098;
      cursor: pointer;
    }
  }
}


/* search end */

/* interview  */
.interview_box{
  position: fixed;
  top:5%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  max-width: 900px;
  width: 0;
  height: 0;
  margin: auto;
  z-index: 2000;
  & h4{
    color: #fff;
    font-size: 30px;
    text-align: center;
    background: #EDA098;
    padding:20px;
    position: relative;
    & span{
      font-family: var(--f-zenmaru);
      position: relative;
      z-index: 50;
    }
    &:after{
      position:absolute;
      content:"";
      background: url(images/bg_inte_ttl.svg);
      background-size: contain;
      bottom: -40px;
      left: 0px;
      margin: auto;
      width: 100%;
      height: 120px;
      z-index: 20;
    }
  }
  .ico_close{
    position: absolute;
    top:10px;
    right: 10px;
    z-index: 60;
    cursor: pointer;
  }
}

.interview_box.on{
  visibility: visible;
  opacity: 1;
  z-index: 6000;
  width: 100%;
  height: 85vh;
  overflow: scroll;
}
.inte_main{
  padding:80px 40px 40px;
  position: relative;
  .staff_img{
    display: flex;
    gap:30px;
    position: absolute;
    right: 0px;
    top:90px;
    width: 565px;
    height: 280px;
    & .staff_img{
      width: 230px;
      height: 235px;
      top: 0;
      right: 0;
      position: relative;
      display: block;
      img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
      }
      &:before{
        position:absolute;
        content:"";
        background: url(images/ico_flower_yel.svg);
        background-size: cover;
        bottom: 70px;
        left: -35px;
        margin: auto;
        width: 80px;
        height: 70px;
      }
      &:after{
        position:absolute;
        content:"";
        background: url(images/ico_flower_pink.svg);
        background-size: cover;
        bottom: -40px;
        right: -10px;
        margin: auto;
        width: 70px;
        height: 61px;
      }
    }

    .staff_img_txt{
      box-sizing: border-box;
      background: #EDA098;
      color: #fff;
      display: flex;
      align-items: flex-start;
      justify-content: space-evenly;
      gap:5px;
      height: fit-content;
      max-width: 275px;
      width: 100%;
      border-radius: 20px;
      padding:15px 5px;
      position: relative;
      & .staff_name{
        line-height: 1;
        & span{
          font-size: 24px;
        }
      }
      &:before{
        position:absolute;
        content:"";
        background: url(images/ico_fuki.svg);
        background-size: cover;
        top: -20px;
        left: -35px;
        margin: auto;
        width: 45px;
        height: 40px;
      }
      &:after{
        position:absolute;
        content:"";
        width: 0;
        height: 0;
        border-left: 15px solid #EDA098;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        right: -15px;
        top:0;
        bottom: 0;
        margin: auto;
      }
    }

  }
  .inte_desc{
    .inte_chara{
      margin-bottom: 30px;
      width: 230px;

    }
    & > div{
      margin-bottom: 40px;
      &.inte_first{
        max-width: 70%;
      }
    }
    & h5{
      color: #EDA098;
      font-size: 24px;
      margin-bottom: 10px;
      position: relative;
      padding-left:60px;
      & span{
        position: absolute;
        top:0;
        bottom: 0;
        left: 0;
        height: 40px;
        width: 40px;
        background: #EDA098;
        color: #fff;
        border-radius: 20px;
        /* height: fit-content; */
        display: block;
        text-align: center;
      }
    }
    & p{
      font-family: var(--f-zenmaru);
    }
  }
  .inte_close_txt{
    cursor: pointer;
    color:#fff;
    text-align: center;
    padding:10px 50px;
    background:  #EDA098;
    width: fit-content;
    margin: auto;
    border-radius: 40px;
  }
}

.common_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    min-height: 0vh;
    padding: 0 10%;
    padding-top: 120px;
    background: #898989;
    transition: .2s;
    z-index: 4500;
}
.common_modal_overlay.on {
    width: 100%;
    min-height: 100vh;
    visibility: visible;
    opacity: 0.9;
    transition: .2s;
    overflow: scroll;
}
.interview_box h4 .pc_none{
  display: none;
}
@media screen and (max-width: 768px) {
  .interview_box.on {
    width: 95%;
  }
  .interview_box {
    & h4 {
      color: #fff;
      font-size: 20px;
      padding: 15px 20px 15px;
      position: relative;
      &:after {
        background: url(images/bg_inte_ttl.svg);
        background-size: cover;
        bottom: -20px;
        left: 0px;
        margin: auto;
        width: 100%;
        height: 105px;
        z-index: 20;
        background-repeat: no-repeat;
      }
    }
  }
  .interview_box h4 .pc_none{
    display: block;
  }
  .inte_main {
    padding: 50px 10px 40px;
    & .staff_img {
        justify-content: center;
        display: flex;
        gap: 10px;
        position: relative;
        right: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        & .staff_img {
          height: auto;
          object-fit: contain;
          &:before {
              bottom: 40px;
              left: -35px;
              width: 70px;
              height: 60px;
          }
          &:after {
            bottom: 5px;
            right: 0px;
            margin: auto;
            width: 50px;
            height: 45px;
          }
        }

        & .staff_img_txt{
          max-width: 32%;
          flex-direction: column;
          font-size: 14px;
          align-items: center;
          &:after {
                position: absolute;
                content: "";
                width: 0;
                height: 0;
                border-left: 15px solid #EDA098;
                border-top: 10px solid transparent;
                border-bottom: 10px solid transparent;
                right: -10px;
                top: auto;
                bottom: 12px;
                margin: auto;
            }
          &:before {
              background: url(images/ico_fuki.svg);
              background-size: cover;
              top: -33px;
              left: -5px;
              margin: auto;
              width: 45px;
              height: 40px;
              transform: rotate(45deg);
          }
          & .staff_name {
            & span {
                font-size: 20px;
            }
          }
        }

    }
    & .inte_desc {
      margin-top:40px;
              position: relative;
      & .inte_chara {

        margin-bottom: 0;
        width: 31%;
        position: absolute;
        top: -60px;
      }
      & h5 {
          font-size: 18px;
          margin-bottom: 10px;
          padding-left: 40px;
          & span {
            height: 27px;
            width: 27px;
          }
      }
      & > div {
        margin-bottom: 30px;
          &.inte_first {
              max-width: 100%;
          }
      }
    }
  }
}
/* interview end */

#entry{
  overflow: hidden;
}


/* breadCrumb */
#breadcrumbs *{
  box-sizing: border-box;
}
#breadcrumbs{
  box-sizing: border-box;
  padding:5px;
  padding-left:20px;
  width:100%;
  font-size:10px;
  max-width: 1100px;
  text-align: left;
  margin: auto;
  overflow: hidden;
}
#breadcrumbs > div{
  overflow: scroll;
  white-space: nowrap;
}
#breadcrumbs ol{
  padding-inline-start: 0px;
  display: flex;
  justify-content: left;
}
#breadcrumbs ol li{
  width: fit-content;
  margin: 0;
  margin-right:20px;
  position: relative;
  list-style: none;
  font-size: 14px;
  & a{
    color: #454545;
  }
}
#breadcrumbs ol li:last-of-type{
	pointer-events: none;
}
#breadcrumbs ol li:after{
  content:"";
  position: absolute;
  width: 4px;
  height: 4px;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  transform: rotate(45deg);
  right:-10px;
  top:0;
  bottom:0;
  margin:auto;
}
#breadcrumbs ol li:last-of-type:after{
  content:none;
}
@media screen and (max-width: 1019px) {
  #breadcrumbs ol{
    overflow-x: scroll;
  }
  #breadcrumbs ol li{
    white-space: nowrap;
  }
}
@media screen and (min-width: 1020px) {

  #breadcrumbs *::-webkit-scrollbar{
      height:2px;
  }
  /*スクロールバーの軌道*/
  #breadcrumbs *::-webkit-scrollbar-track{
    border-radius: 10px;
  }

  /*スクロールバーの動く部分*/
  #breadcrumbs *::-webkit-scrollbar-thumb{
    background-color: #000;
    border: solid 1px #000;
    border-radius: 10px;
  }
  #breadcrumbs *::-webkit-scrollbar-track-piece{
    background: inherit;
  }
}

@media screen and (min-width: 1020px) and (max-width: 1320px) {
	#breadcrumbs{
		max-width: 50vw;
		left: 25vw;
	}
}
/* breadcrumbs end */

/*更新追加*/

#title{
  background-image: url(images/mv_pc_new.png);
}
@media screen and (max-width: 769px) {
    #title{
        background-image: url(images/mv_sp_new.png);
    }
}

#title {
    & .sec_inner {
      & h1{ padding-bottom:70px}
        & h1:before {
            position: absolute;
            content: "";
            background: url(images/people1.png);
            background-size: 100%;
            top: 50%;
            left: -80px;
            width: 140px;
            height: 142px;
            z-index: 10;
        }
    }
}
#title {
    & .sec_inner {
        & h1:after {
            position: absolute;
            content: "";
            background: url(images/people2.png);
            background-size: 100%;
            top: 50%;
            right: -80px;
            width: 140px;
            height: 142px;
            z-index: 10;
        }
    }
}
@media screen and (max-width: 769px) {
    #title {
        & .sec_inner {
            & h1:before {
                left: 0px;
                width: 100px;
                height: 110px;
            }
        }
    }
    #title{
        & .sec_inner {
            & h1:after {
                right: 0px;
                width: 100px;
                height: 110px;
            }
        }
    }

}