@media only screen and (max-width: 768px) {
  .pc{
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .sp{
    display: none;
  }
}

.pch-header .header-shortcutnav .btn-shiryo a:before {
  background: url("../images/contents_icon_mail.png") no-repeat center center;
  background-size: 26px auto;
}
.pch-header{
  height: 109px;
  background-color: #fff;
}
.fixFoot{
  z-index: 100000;
  bottom: 0;
  top: auto;
}
.pch-header .header-shortcutnav li a.bg_red {
  background: #FED7CB;
}
.pch-header .header-shortcutnav .btn-shiryo a:before {
  background: url(../images/contents_icon_mail.png) no-repeat center center;
  background-size: 26px auto;
}
.pch-header .header-shortcutnav li {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}






/* 実績 */
.first-view{
  background: url(../images/bg_tile_1.png);
  background-size: 46px auto;
}
.results{
  display: flex;
  width: 650px;
  padding: 24px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
  margin: -50px auto 0;
  border-radius: 8px;
  border: 5px solid transparent;
  border-image: url(../images/bg_tile_1.png) 2 stretch;
  background: var(---bg-white, #FFF);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.06);
}
.results-inner{
  display: flex;
  flex-direction: column;
  width: 581px;
  gap: 12px;
}
.results-title{
  font-size: 20px;
  color: #E26945;
  text-align: center;
  position: relative;
}
.results-title span{
  font-size: 12px;
  color: #282828;
  padding-left: 30px;
  position: absolute;
  top: 10px;
}
.results-title::before{
  content: "";
  background-image:url(../images/result-title_before.png) ;
  background-size: 10px auto;
  display: block; 
  width: 10px;
  height: 24px; 
  position: absolute;
  top: 6px;
  left: 166px;
}
.results-title::after{
  content: "";
  background-image:url(../images/result-title_after.png) ;
  background-size: 10px auto;
  display: block; 
  width: 10px;
  height: 24px; 
  position: absolute;
  top: 6px;
  right: 166px;
}

@media only screen and (max-width: 768px) {
  .first-view{
    margin-top: 0;
    padding-bottom: 1px;
    background-size: 22px auto;
  }
  .results{
    width: 94%;
    position: static;
    margin: 16px auto;
    border: 0;
  }
  .results-title {
    display: flex;
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
  }
  .results-title span {
    font-weight: normal;
    margin: 20px auto 0;
    padding: 0;
  }
  .results-inner{
    width: 100%;
    gap: 20px;
  }
  .results-title::before{
    top: 6px;
    left: 36px;
  }
  .results-title::after{
    top: 6px;
    right: 36px;
  }
  .sec-news{
    padding: 0;
  }
  .bg-illust:after {
    margin-top: 0px;
  }
}



/* CTA */
.sec-contact {
  background: #FAEBBF url("../images/bg_stripe04.png");
  background-size: 43px auto;
	text-align: center;
  overflow: hidden;
}
.cv-btn{
  display: flex;
  justify-content: center;
  z-index: 10000;
}
.cv-btn a{
  display: flex;
  width: 324px;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  border: 3px solid  #E26945;
  background: #FED7CB;
  box-shadow: 0px 5px 0px 0px #E26945;
  color: #282828;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: #FED7CB url(../images/arrow_cvbtn.png) no-repeat center right 0.7em;
  background-size: 10px auto;
}
.cv-btn a::before{
  content: "";
  background: url(../images/contents_icon_mail_new.png) no-repeat;
  background-position:  left center;
  background-size: 37px auto;
  display: block; 
  width: 40px;
  height: 40px; 
}
@media only screen and (min-width: 769px){
  .cta{
    display: flex;
    padding: 26px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    border: 6px solid #FAEBBF;
    background: #FFF;
    margin: 32px auto;
    max-width: 58%;
    position: relative;
  }
}
.cta::before{
  content: "";
  background: url(../images/cta_img_men.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 807px;
  height: 198px;
  position: absolute;
  top: 11px;
}
.cta::after{
  content: "";
  background: url(../images/cta_img_women.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 807px;
  height: 198px;
  position: absolute;
  top: 11px;
}
.cta p{
  font-size: 24px;
  font-weight: bold;
  line-height: 130%;
  letter-spacing: 0.96px;
}

@media only screen and (max-width: 768px) {
  .cv-btn{
    justify-content: center;
  }
  .cta{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 5% 5%;
    position: relative;
    margin: 0;
    overflow: hidden;
  }
  .cv-btn a{
    font-size: 16px;
    width: 252px;
  }
  .cv-btn_small a{
    font-size: 16px;
    width: 236px;
    padding: 8px 8px 10px 8px ;
    background: #FED7CB url(../images/arrow_cvbtn.png) no-repeat center right 0.4em;
  }
  .cta p{
    font-size: 16px;
  }
  .cv-btn a::before{
    content: "";
    background: url(../images/contents_icon_mail_new.png) no-repeat;
    background-position:  left center;
    background-size: 24px auto;
    display: block; 
    width: 24px;
    height: 24px; 
  }
  .cta::after{
    background-size: auto 102px;
    width: 114px;
    height: 112px;
    background-position: bottom right;
    top: 10px;
    right: -12vw;
  }
  .cta::before{
    background-size: auto 102px;
    width: 114px;
    height: 112px;
    background-position: bottom left;
    top: 10px;
    left: -12vw;
  }
  .sec-contact{
    width: 100%;
    height: 121px;
  }
  .pch-header .header-shortcutnav .btn-shiryo a:before {
    background-size: 14px auto;
  }
}

/* 追従 */
.fixFoot .follow {
  background-image: url(../images/bg_stripe03.png);
  height: 117px;
}


@media only screen and (max-width: 768px) {
  .cv-btn_follow a{
    width: 169px;
    padding: 4px 12px;
    margin-top: -8px;
  }
  .fixFoot .follow {
    height: 74px;
  }
}



/* モーダル */
@media only screen and (min-width: 769px){
.modal{
  overflow: hidden;
}
.box-container2 .sec-contact{
  margin-top: 12px;
}
}

.sec-place{
  display: flex;
  gap: 32px;
  align-items: flex-start;
}
.sec-place .address {
  flex-grow: 1; 
}
.sec-place img{
  width: 265px;
  height: auto;
}
.sec-office .img{
  margin: 0;
}

@media only screen and (max-width: 768px){
  .sec-contact_mordal{
      overflow: visible !important;
  }
  .sec-place{
      flex-direction: column;
      gap: 8px;
  }
  .sec-place img{
      width: 100%;
  }

}





.midashi-mordal{
  width: 50%;
  position: absolute;
  top: -25px;
}
.mordal-tel{
  font-size: 24px;
  font-weight: bold;
  line-height: 100%;
  margin-top: 9px;
}
.mordal-tel::before{
  content: "";
  display: inline-block;
  background: url(../images/contact_icon_phone.png);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}
@media only screen and (max-width: 768px){
  .cta-fukidashi{
      overflow: visible !important;
      padding: 8% 5% 3%;
  }
  .midashi-mordal{
      width: 68%;
      top: -13px;
  }
  .mordal-tel{
      font-size: 16px;
      color: #282828;
  }
  .mordal-tel::before{
      background-size: 18px 18px;
      width: 18px;
      height: 18px;
      margin-right: 8px;
      vertical-align: middle;
  }
  .midashi-door {
      height: 34px !important; 
  }
  .midashi-door:before {
      width: 8px !important;
      height: 40px !important;
  } 
      
  }