@charset "UTF-8";


/* design_intro
***************************************************************/
.design_intro {
  width: 1120px;
  margin: 0 auto;
  padding: 85px 0;
}
.design_intro_tit {
  font-size: 23px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.65;;
}
.design_intro_txt {
  margin-top: 35px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.65;
}
.design_intro_txt a {
  color: #356AD7;
}
@media all and (min-width: 681px) {
  .design_intro_txt a:hover {
    text-decoration: underline;
  }
}
@media all and (max-width: 680px) {
  .design_intro {
    width: 100%;
    padding: 40px 24px 45px;
  }
  .design_intro_tit {
    font-size: 15px;
    text-align: justify;
  }
  .design_intro_txt {
    margin-top: 20px;
    font-size: 14px;
    text-align: justify;
  }
}
@media all and (max-width: 370px) {
}


/* design_block1
***************************************************************/
.design_block1 {
  background-color: #F6F6F4;
  width: 1120px;
  margin: 0 auto;
  padding: 70px 64px 74px;
}
.design_block1 + .design_block1 {
  margin-top: 50px;
}
.design_block1_tit {
  font-size: 23px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
}
.design_list1 {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  gap: 30px;
}
.design_list1 .li1 {
  width: calc((100% - 60px) / 3);
  background-color: #fff;
  border-radius: 10px;
  padding: 38px 0 34px;
}
.design_list1_img {
  width: 207px;
  margin: 0 auto 15px;
}
.design_list1_txt {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.56;
  margin-bottom: 15px;
}
.design_list1_link {
  width: 214px;
  height: 58px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  color: #fff;
  background-color: #ED7D39;
  border: 1px solid #ED7D39;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
}
.design_list1_link.type2 {
  background-color: #356AD7;
  border-color: #356AD7;
}
@media all and (min-width: 681px) {
  .design_list1_link:hover {
    color: #ED7D39;
    background-color: #fff;
  }
  .design_list1_link.type2:hover {
    color: #356AD7;
    background-color: #fff;
  }
}
@media all and (max-width: 680px) {
  .design_block1 {
    width: 100%;
    padding: 44px 24px 46px;
  }
  .design_block1 + .design_block1 {
    margin-top: 45px;
  }
  .design_block1_tit {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .design_list1 {
    gap: 15px 0;
  }
  .design_list1 .li1 {
    width: 100%;
    padding: 26px 0;
  }
  .design_list1_img {
    margin-bottom: 12px;
  }
  .design_list1_txt {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .design_list1_link {
    width: 260px;
    font-size: 14px;
  }
}
@media all and (max-width: 370px) {
}


/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}


/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}


/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}