#generated-html-container {
  width: 1200px !important;
  margin: 0 auto;
}

#html-content1,
#html-content2 {
  width: 100%;
}

div#html-content1 {
  padding-top: 80px;
}
div#html-content2 {
  padding-top: 80px;
}
.generated-block img {
  width: 100%;
}
.generated-block {
  padding-bottom: 50px!important;
}

.generated-block.three-column-images {
  display: flex;
  flex-wrap: wrap;
}
.generated-block.image-block img {
  width: 100%;
}
.image-block .generated-image {
  max-width: 100%;
  height: auto;
  display: block;
}
.generated-block.title-block {
  padding-top: 85px;
  border-top: 3px solid #DDD;
  margin-top: 45px;
}

.text-block p {
  font-size: 47px;
  color: #333;
  padding: 0px 60px 20px 60px;
  letter-spacing: 3.1px;
  line-height: 1.5;
}

.title-block h1 {
  font-family: 'Montserrat', 'Noto Sans JP';
  font-size: 60px;
  color: #886e12;
  text-align: center;
  margin-bottom: 29px;
  font-weight: 400;
  letter-spacing: 0.3rem;
}

.two-column-images-container .two-column-images {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  width: 1200px;
}
.three-column-images-container .three-column-images {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  justify-content: space-between;
  width: 1200px;
}
/* スクリーンショットの表示============================== */
.two_image-box {
  width: calc((100% - 15px) / 2);
}
.three_image-box {
  width: calc((100% - 30px) / 3);
}
/* フロントの表示============================== */
.two-column-images .image-wrapper {
  width: 20%!important;
}
.three-column-images .image-wrapper {
  width: 20%!important;
}

/* ポイント表示ブロック ※フォントに関しては効かないことがあるのでコンポーネントApp.jsで設定してます。*/
p.point_num {
  font-family:"Playwrite PT";
  text-align: center;
  font-size: 40px;
  margin-top: 0;
  background-image: url(https://product.obaketsu.com/wp-content/uploads/2024/06/tit_back003.png);
  background-repeat: no-repeat;
  background-size: 43%;
  background-position: 50% 0px;
  line-height: 159px;
  padding-top: 10px;
  margin-block-end: 80px;
}

.point-title-block{
  border-top:6px dashed #dcdcdc;
  padding-top: 54px;
}

h3.point_title {
  font-size: 56px;
  color: #393939;
  letter-spacing: 3.1px;
  line-height: 1.5;
  text-align: center;
  font-weight: normal;
  margin-top: 0px!important;
  margin-bottom: 48px;
}

.point_text {
  font-size: 45px;
  color: #393939;
  padding: 0px 60px 0px 60px;
  letter-spacing: 3.1px;
  line-height: 1.5;
}
.point_text p{margin-top: 80px;margin-bottom: 80px;}
.point_img{margin-bottom: 60px;}
.generated-block.notice-block {
  border: 3px dashed #af0f0f;
  margin: 0px 10px 40px 10px;
  padding: 20px;
  font-size: 38px;
  border-radius: 10px;
  color: #af0f0f;
  line-height: 1.5;
}
/* アイコンブロック用CSS */
.seven-column-images {
  display: flex;
  gap: 15px;
}

.seven_image-box {
  width: 14.28%;
}

.SevenColumnImageBlock {
  display: flex;
}

.image-container.SevenColumnImageBlock .image-wrapper {
  width: 14.28%;
}