@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/* ----------------------
- prod_sec
- info_sec
- types_sec
---------------------- */
/*=======================================
　prod_sec
=======================================*/
.prod_sec {
  margin-bottom: 124px;
}
@media screen and (max-width: 768px) {
  .prod_sec {
    margin-bottom: 80px;
  }
}
.prod_sec .cmn_nav_btn_list01 {
  gap: 28px 3.29%;
}
@media screen and (max-width: 768px) {
  .prod_sec .cmn_nav_btn_list01 {
    row-gap: 10px;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media screen and (max-width: 640px) {
  .prod_sec .cmn_nav_btn_list01 {
    column-gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .prod_sec .cmn_nav_btn_list01 .cmn_nav_btn01 {
    width: calc(50% - 10px);
  }
  .prod_sec .cmn_nav_btn_list01 .cmn_nav_btn01 a {
    height: 75px;
  }
}

/*=======================================
　info_sec
=======================================*/
.info_sec {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .info_sec {
    margin-bottom: 80px;
  }
}
.info_sec .cmn_btn01 {
  height: 85px;
  width: 280px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .info_sec .cmn_btn01 {
    margin-bottom: 40px;
  }
}
.info_sec .cmn_btn01 a {
  padding: 0 25px;
  line-height: 1.5;
}
.info_sec .img01 {
  max-width: 498px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .info_sec .img01 {
    margin-bottom: 40px;
  }
}

/*=======================================
　types_sec
=======================================*/
.types_sec {
  margin-bottom: 204px;
}
@media screen and (max-width: 768px) {
  .types_sec {
    margin-bottom: 80px;
  }
}
.types_sec .column_wrap {
  margin-bottom: 80px;
}

/*=======================================
　cmn_btn_img
=======================================*/
/* 画像＋テキスト */
@media screen and (max-width: 768px) {
  .cmn_btn_img p {
    padding: 2px 30px 2px 0;
  }
}/*# sourceMappingURL=rs.css.map */