/*お仕事フェア*/
/*共通*/
.wrap900-sp-l {
  max-width: 900px;
  width: 900px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .wrap900-sp-l {
    width: 95%;
  }
}
@media (max-width: 1025px) {
  .wrap900-sp-l {
    max-width: 700px;
  }
}
@media (max-width: 767px) {
  .wrap900-sp-l {
    max-width: 100%;
    width: 88%;
  }
}

.oshigotofair h2, .oshigotofair h3, .oshigotofair h4, .oshigotofair p, .oshigotofair ul, .oshigotofair li, .oshigotofair td, .oshigotofair dl, .oshigotofair dt, .oshigotofair dd{
  color: #222;
}

.oshigotofair h2, .oshigotofair h3, .oshigotofair h4, .oshigotofair p, .oshigotofair a, .oshigotofair ul, .oshigotofair li, .oshigotofair td, .oshigotofair dt, .oshigotofair dd{
  letter-spacing: 0.1em;
  line-height: 2;
}

.oshigotofair h4{
  border: none;
  padding: 0;
  margin: 0;
}

.oshigotofair p{
  font-size: 1.6rem;
  margin-top: 2em;
  margin-bottom: 2em;
}

.oshigotofair a,
.oshigotofair button {
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none;
}

.oshigotofair ul{
  list-style: disc;
  font-size: 1.4rem;
  padding: 0 0 0 1em;
  margin: 1em 0 0;
}

.oshigotofair ul li{
  margin: 5px 0 0;
}

.oshigotofair .center{
  text-align: center;
}  

@media (max-width: 767px) {  
  .oshigotofair p{
    font-size: 1.4rem;
  }
  
  
  .oshigotofair ul{
    margin: 0.5em 0 0;
  }
    }

.oshigotofair h4 + p {
  margin-top: 0.5em;
}

.pc-br {
  display: inline;
}
@media (max-width: 1025px) {
  .pc-br {
    display: none;
  }
}

.tab-br {
  display: none;
}
@media (max-width: 1025px) {
  .tab-br {
    display: inline;
  }
}
@media (max-width: 767px) {
  .tab-br {
    display: none;
  }
}

.tab-sp-br {
  display: none;
}
@media (max-width: 1025px) {
  .tab-sp-br {
    display: inline;
  }
}

.sp-br {
  display: none;
}
@media (max-width: 767px) {
  .sp-br {
    display: inline;
  }
}

.topic-l{
    position: relative;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin: 5rem 0;
    padding: 12px;
    border-bottom: solid 1px #C88C96;
    font-family: "Zen Maru Gothic", sans-serif;
  } 
  
  .topic-l .img-box{
    display: flex;
    align-items: center;
    width: 75px;
    height: 75px;
    margin-bottom: -6px;
  }

  .topic-l .text-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-left: auto;
    margin-top: 9px;
  }

  .topic-l .text-box span{
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 400;
        letter-spacing: 0.15rem;
    color: #C88C96;
    text-align: center;
  }

  .topic-l .text-box h2{
    display: inline-block;
    font-size: 2.7rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 6px;
    letter-spacing: 0.36rem;
    margin-bottom: 3px;
    color: #C88C96;
    text-align: center;
  }
  .topic-l .line-before, .topic-l .line-after{
    position: absolute;
    content: "";
    width: calc((100% - 110px) / 2);
  height: 1px;
  top: 53px;
  background: #C88C96;
}

.topic-l .line-before{
  left: 0;
}

.topic-l .line-after{
  right: 0;
}

@media (max-width: 767px) {
  .topic-l { 
    padding: 9px 0 12px 0;
  }

  .topic-l .img-box{
    width: 60px;
    height: 60px;
  }

  .topic-l .text-box span{
    font-size: 1.2rem;
    letter-spacing: 0.09rem;
  }

  .topic-l .text-box h2{
    font-size: 2.1rem;
    line-height: 1.2;
  }

  .topic-l .line-before, .topic-l .line-after{
    width: calc((100% - 81px) / 2);
  top: 41px;
}
}

/*メイン*/
section.oshigotofair-mv {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Zen Maru Gothic", sans-serif;
}

.mv-wrap {
  width: 100%;
}

section.oshigotofair-mv img {
  width: 100%;
  display: block;
}

/*おしごとフェアとは*/
section.info{
  width: 100%;
  margin: 5em auto 0;
}

.info-detail{
  border: solid 1px #C88C96;
  padding: 20px;
  border-radius: 20px;
  margin: 3em 0;
}

.info-detail h4{
  font-size: 1.6rem;
  font-weight: 600;
}

@media (max-width: 767px) {  
  .info-detail h4{
    font-size: 1.4rem;
  }
    }

.info-detail p:last-of-type{
margin-bottom: 0;
}

.info-detail-bottom{
  font-size: 1.8rem;
  font-weight: 600;
  }

  @media (max-width: 767px) {
    section.info{
      margin: 4em auto 0;
    }
    
    .info-detail-bottom{
      font-size: 1.5rem;
    }
    }

/*イベント概要*/
section.overview{
  width: 100%;
  margin: 5em auto 0;
}

.overview-inner{
  display: flex;
  align-items: stretch;
  gap: 2em;
  padding-top: 1em;
  }

.overview-box{
  background-color: #fff2f5;
  padding: 30px;
  border-radius: 15px;
  }
.overview-inner h4 {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
   margin-top: 1em;
  }

  @media (max-width: 767px) {
    section.overview{
      margin: 3em auto 0;
    }
    
    .overview-inner{
      flex-direction: column;
    }

    .overview-inner h4 {
      font-size: 1.8rem;
      margin-top: 0.5em;
      }
    }

  .overview-detail{
    border: solid 2px #C88C96;
    padding: 30px;
    margin: 4em 0 0;
  border-radius: 20px;
  }

  .overview-detail h4{
    color: #C88C96;
    font-weight: 600;
    margin-bottom: 1em;
  font-size: 1.8rem;
  }

  .overview-table{
    width: 100%;
  border-collapse: collapse;
}

  .overview-table tr, .overview-table td{
    border: solid 1px #CFD6DC;
      }

.overview-table td{
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.5em;
    }

.overview-table td:first-of-type{
background: #E8ECEF;
}

.overview-detail.size-s{
  width: 80%;
  text-align: center;
  margin: 4em auto 0;
}

.overview-detail.size-s h4{
font-family: "Zen Maru Gothic", sans-serif;
}

.overview-detail.size-s h4 + p{
  margin-bottom: 0.5em;
}

.overview-detail.size-s ul{
display: inline-block;
    text-align: left;
    margin-top: 0;
}

@media (max-width: 767px) {
  .overview-detail h4{
  font-size: 1.6rem
  }

  .overview-table tr{
    display: flex;
    flex-direction: column;
    border: none;
  }

      .overview-table tr:not(:last-of-type) td, .overview-table tr:last-of-type td:first-of-type{
    border-bottom: none;
      }

  .overview-detail.size-s{
    width: 100%;
    margin: 3em auto 0;
  }
  }

    /*お問い合わせ*/
    section.contact-bn{
      background: #FEFBA8;
      text-align: center;
      padding: 3em 0 1em;
      margin: 8em 0 0;
    }

    h2.contact-topic{
      color: #222;
      font-weight: 600;
    text-align: center;
      border-top: solid 1px #222;
      border-bottom: solid 1px #222;
      padding: 1em 0;
    }
    .btn-flex{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin: 2em 0;
      gap: 1em;
    }

    .contact-btn{
      width: 260px;
    }

    .contact-btn a{
      display: inline-block;
      width: 100%;
      height: 100%;
      font-size: 1.3rem;
      font-weight: 600;
      color: #fff;
      text-align: center;
      line-height: 1.5;
      padding: 1em;
      border-radius:50px;
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
      transition: 0.3s;
    }

    .contact-btn a:berore{
      content: "";
      background: #fff;
      width: 100%;
      height: 100%;
      border-radius:50px;
    }

    .contact-btn a:hover{
      color: #fff;
      opacity: 0.8;
      /*transform: translateY(0.1875em);*/
    }

    .contact-btn span{
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.6rem;
      margin-bottom: 0.25em;
     }

    .tel{
      background-color:#5faece;
    }

    .tel span::before{
      content: "";
    background-image: url(https://mirai-kitte.co.jp/wp-content/uploads/2026/04/tel.png);
    display: inline-block;
    width: 16px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    }

    .mail{
      background-color:#c88c96;
    }

    .mail span::before{
      content: "";
    background-image: url(https://mirai-kitte.co.jp/wp-content/uploads/2026/04/mail.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    }

    @media (max-width: 767px) {
      section.contact-bn{
        margin: 5em 0 0;
      }
    }

    /*よくある質問*/
    section.oshigotofair-qa{
      margin-top: 8em;
    }
    h2.qa-topic{
      font-size: 2.1rem;
      color: #222;
      font-weight: 600;
    text-align: center;
      border-top: solid 1px #222;
      border-bottom: solid 1px #222;
      padding: 1em 0;
    }

    @media (max-width: 767px) {
      section.oshigotofair-qa{
        margin-top: 5em;
      }

      h2.qa-topic {
        font-size: 1.8rem;
      }
    }

    section.oshigotofair-qa .detail-list {
      margin: 2em auto;
    }
    section.oshigotofair-qa .detail-list dl {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      padding: 1rem 0 2em;
    }

    section.oshigotofair-qa .detail-list dl dt {
      display: flex;
      align-items: baseline;
      width: 100%;
      font-size: 1.6rem;
      font-weight: 600;
      color: #222;
      letter-spacing: 0.08em;
      line-height: 1.8;
      padding: 1em;
      background: #FFF2F5;
      border-radius: 10px;
    }
    @media (max-width: 1025px) {
      section.oshigotofair-qa .detail-list dl dt {
        font-size: 14px;
      }
    }
    @media (max-width: 767px) {
      section.oshigotofair-qa .detail-list dl dt {
        width: 100%;
      }
    }
    section.oshigotofair-qa .detail-list dl dt span.q-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
    height: 40px;
      color: #fff;
      background: #C88C96;
      border-radius: 50px;
    }
    @media (max-width: 1025px) {
      section.oshigotofair-qa .detail-list dl dt span.q-icon {
        width: 30px;
      height: 30px;
      }
    }
    section.oshigotofair-qa .detail-list dl dt span.question {
      width: calc(100% - 40px);
      padding-left: 1em;
    }
    @media (max-width: 1025px) {
      section.oshigotofair-qa .detail-list dl dt span.question {
        width: calc(100% - 30px);
      }
    }
    section.oshigotofair-qa .detail-list dl dd {
      display: flex;
      align-items: baseline;
      width: 100%;
      font-size: 1.4rem;
      letter-spacing: 0.08em;
      line-height: 1.8;
      text-align: left;
      margin-top: 0.5em;
      padding: 1em;
      border-bottom: solid 1px #E0E0E0;
    }
    @media (max-width: 1025px) {
      section.oshigotofair-qa .detail-list dl dd {
        font-size: 13px;
      }
    }
    @media (max-width: 767px) {
      section.oshigotofair-qa .detail-list dl dd {
        width: 100%;
      }
    }
    section.oshigotofair-qa .detail-list dl dd span.a-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
    height: 40px;
      color: #fff;
      background: #5FAECE;
      font-size: 2.2rem;
      font-weight: 600;
      border-radius: 50px;
    }
    @media (max-width: 1025px) {
      section.oshigotofair-qa .detail-list dl dd span.a-icon {
        font-size: 16px;
        width: 30px;
      height: 30px;
      }
    }
    section.oshigotofair-qa .detail-list dl dd span.answer {
      width: calc(100% - 40px);
      padding-left: 1em;
    }
    @media (max-width: 1025px) {
      section.oshigotofair-qa .detail-list dl dd span.answer {
        width: calc(100% - 30px);
      }
    }
/*****　ここまで　*****/