@charset "UTF-8";
body{
  width: 100%;
  background-color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  color: #000;
  line-height: 1;
  font-feature-settings:  "palt";
  letter-spacing: 0em;

}

.roboto{
  font-family: 'Roboto', sans-serif;
}


.inner{
  width: 86.666667%;
  margin: 0 auto;
}

.wrap{
  width: 750px;
  margin: 0 auto;
}

.wrap img{
  width: 100%;
}

.flex{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.line-txt{
  text-align: center;
  font-size: 32px;
  margin: 80px auto 43px;
  line-height: 1.7;
  letter-spacing: .075em;
}

.line-btn{
  width: 550px;
  display: block;
  margin: 0 auto 69px;
}

.from-st{
  width: 460px;
  display: block;
  margin: 105px auto 37px;
}

.from-st img{
  width: 100%;
}

.map{
  width: 474px;
  height: 440px;
  margin: 0 auto 110px;
}

.map iframe{
  width: 100%;
  height: 100%;
}

.caution-txt{
  font-size: 20px;
  text-align: center;
  margin-bottom: 37px;
}

footer{
  background-color: #e7f9df;
  padding:35px 0 0;/* お問い合わせ、採用リンク追加の場合は35pxを73pxに */
}


.footer-logo{
  width: 276px;
  display: block;
  margin: 0 auto;
}

.address{
  margin: 27px auto 35px;
  font-size: 28px;
  text-align: center;
  font-weight: 300;
}

.recruit-icon-wrap{
  justify-content: center;
  align-items: center;
  margin: 0 auto 47px;
}

.recruit a{
  color: #000;
  vertical-align: middle;
  font-size: 21px;
  font-weight: 300;
  margin-right: 20px;
}

.insta-icon{
  width: 59.42px;
  display: block;
}

.insta-icon img{
  width: 100%;
}

.footer-nav-wrap{
  background: #fff;
  padding-top: 47px;
}
.footer-nav {
  flex-wrap: wrap;
}
.footer-nav li a{
  text-decoration: underline;
  color: #000;
  font-size: 21px;
  font-weight: 300;
  display: block;
  width: fit-content;
  letter-spacing: 0;
  line-height: 1;
}

.footer-nav li:first-child{
  margin-right: 44px;
}

.footer-nav li:first-child , .footer-nav li:nth-child(2){
  margin-bottom: 32px;
}

.footer-nav li:nth-child(3){
  margin-right: 38px;
}

.daiwa-logo{
  width: 108px;
  display: block;
}

.footer-nav{
  width: 514px;
  margin-left: 26px;
}

.company-name{
  width: 311.38px;
  padding-bottom: 41px;
  margin: 44px auto 0;
  display: block;
}

.company-name img{
  width: 100%;
}

.copy{
  font-size: 22px;
  text-align: center;
  background-color: #3b3838;
  padding: 24px 0 21px;
  color: #fff;
}


@media screen and (max-width:749px){


.wrap{
  width: 100%;
}

  
.line-txt{
  text-align: center;
  font-size: clamp(14px , 4.266667vw , 32px);
  margin: 10.66666vw auto 5.73333vw;
}
  
  .line-btn{
    width: 73.3333%;
    margin: 0 auto 9.2vw;
  }
  
  .from-st{
    width: 61.33333%;
    margin: 14% auto 4.93333vw;
  }
  
  .from-st img{
    width: 100%;
  }

  .from-st2{
    width: 100%;
    margin: 14% auto 4.93333vw;
  }
  
  .from-st img{
    width: 100%;
  }
  
  .map-wrap{
    width: 63.2vw;
    margin: 0 auto;
  }

  .map{
    width: 100%;
    height: unset;
    margin: 0 auto 14.6666vw;
    padding-top: 92.82%;
    position: relative;
  }
  
  .map iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .caution-txt{
    font-size: clamp(12px , 2.666667% , 20px);
    margin-bottom: 4.933333vw;
  }
  
  footer{
    padding:9.73333vw 0 0;
  }
  
  .footer-logo{
    width: 44%;
  }
  
  .address{
    margin: 7.2vw auto 9.333vw;
    font-size: clamp( 14px , 3.73333vw , 28px);
    text-align: center;
    font-weight: 300;
  }

  .recruit-icon-wrap{
    margin: 0 auto 6.26666vw;
  }
  
  .recruit a{
    font-size: clamp(12px , 2.8vw , 21px);
    margin-right: 2.265vw;
  }
  
  .insta-icon{
    width: 7.9222vw;
  }
  
.footer-nav-wrap{
  padding-top: 6.2666vw;
}

.footer-nav li a{
  font-size: clamp(10px , 2.8vw , 21px);
}

  
.footer-nav li:first-child{
  margin-right: 5.86667vw;
}

.footer-nav li:nth-child(2){
  margin-right: 5.86667vw;
}

.footer-nav li:first-child , .footer-nav li:nth-child(2){
  margin-bottom:4.26666vw;
}

.footer-nav li:nth-child(3){
  margin-right: 4.4vw;
}

.footer-nav li:nth-child(4){
  margin-right: 3.86666vw;
}
  
.daiwa-logo{
  width: 14.4vw;
}

.footer-nav{
  width: 68.5333vw;
  margin-left: 3.4666vw;
}

.company-name{
  width: 41.5%;
  margin: 5.8666vw auto 0;
  display: block;
  padding-bottom: 5.46667vw;
}

.copy{
  font-size: clamp(10px , 2.93333vw , 22px);
  padding: 3.2vw 0 2.8vw;
}
}