/* アクリルハイブリッド */
.ec-pageHeader h1{
 text-align: center; /* 水平方向の中央 */
}
.ec-role p {
 text-align: center; /* 水平方向の中央 */
}

.ec-role h2,
.ec-role h3{
 text-align: center; /* 水平方向の中央 */
 margin: 30px auto;
}
.acrylic_technique {
 display: block;
 box-shadow: 0 0 8px gray;
 border-radius: 10px; /* 半径10pxで角を丸くする */
 padding: 30px 10px 10px;
 margin: 50px auto;

}
.technique_title {
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  margin-top: calc(50% - 54%);
}
.technique_title_post {
  font-weight: 30px;
  padding: 0.5em 0.5em;
  text-decoration: none;
  color: #e63282;
  background-color: #fff;
  border: solid 2px #e63282; /* 実線、太さ3px、色 */
  border-radius: 50px; /* 半径50pxで角を丸くする */

}

.left-border {
  border-left: 6px solid #e63282;
  padding-left: 20px;
}
.list_title {
  font-weight: bold; /* 太字 */
  color: #e63282;
}
ul {
  border-radius: 5px;
  padding: 0.3em 0 0 0;
  position: relative;
}
ul li {
 /* line-height: 1.5;*/
  padding: 0.5em 0;
  list-style-type: none!important;
}
.list_acrylic {
  max-width: 900px;
  display: flex;         /* ← 横並び */
  align-items: flex-start;
  margin: 50px 20px 50px;
  gap: 30px;
}


/* 左：画像 */
.list_acrylic > div:first-child {
  width: 60%;
}

/* 右：テキスト全体 */
.list_acrylic > div:last-child {
  width: 40%;
  display: flex;
  flex-direction: column;  /* ← 縦並び維持 */
  gap: 20px;
}
.acrylic_method_title {
  justify-content: center;
  display: flex;
  background-color: #e63282;
  color: #fff;
}
.method_icon {
  margin: 30px auto;
  display: flex;
  justify-content: flex-end;

  text-align: right;
  font-weight: 550;
  color: #e62382;
}
.method_icon_title {
  border: solid 2px #e63282; /* 実線、太さ3px、色 */
  border-radius: 50px; /* 半径50pxで角を丸くする */
  padding: 10px 30px;

}

.hibrid_sample {
  margin: 20px auto;
  background-color: #fce6f1;
  border-radius: 10px; /* 半径50pxで角を丸くする */
  padding: 20px;
}
.hibrid_sample_title h3 {
  font-weight: 600;
  color: #e63282;
}
.hibrid_sample_buttn {
  display: flex;
  justify-content: center;
  gap: 2em;
  margin: 2em;
  
}
.hibrid_sample_request {
  border: solid 2px #e63282; /* 実線、太さ3px、色 */
  padding: 1em;
  border-radius: 50px; /* 半径50pxで角を丸くする */
  background-color: #e63282;
  color: #fff;
  box-shadow: 2px 2px 5px rgb(183, 183, 183);

}
.hibrid_sample_list {
  /*border: solid 2px #333; /* 実線、太さ3px、色 */
  padding: 1em;
  border-radius: 50px; /* 半径50pxで角を丸くする */
  background-color:#fff;
  color: #333;
  box-shadow: 2px 2px 5px rgb(183, 183, 183);
}
.hibrid_table {
  margin: 30px;
}
.table {
  border-collapse: collapse;

}
th,td {
  border: solid 2px #cdc7c7; /*実線 1px 黒*/
  text-align: center;
  padding: 10px;
}
.hybrid {
  background: #e63282;
  color: #fff;
}
.standard {
  background: #d7d4d4;
}
.regularly_1 {
  background: #f3f0f1;
}




@media (max-width: 600px) {
  .list_acrylic {
    flex-direction: column;
    gap: 20px;
    margin: 30px 10px;
  }

  .list_acrylic > div:first-child,
  .list_acrylic > div:last-child {
    width: 100%;
  }

  .list_acrylic img {
    width: 100%;
    height: auto;
  }
  .list_acrylic {
    flex-direction: column;
    gap: 20px;
    margin: 30px 10px;
  }

  .list_acrylic > div:first-child,
  .list_acrylic > div:last-child {
    width: 100%;
  }

  .list_acrylic img {
    width: 100%;
    height: auto;
  }

  .hibrid_table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .hibrid_table table {
    min-width: 700px;
    font-size: 0.8rem;
  }

  .hibrid_table th,
  .hibrid_table td {
    padding: 6px;
  }

}