.elementor-1065 .elementor-element.elementor-element-3000b93{overflow:hidden;padding:0px 50px 0px 50px;}.elementor-bc-flex-widget .elementor-1065 .elementor-element.elementor-element-7eeb571.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1065 .elementor-element.elementor-element-7eeb571.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1065 .elementor-element.elementor-element-7eeb571.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1065 .elementor-element.elementor-element-66c4c76{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-1065 .elementor-element.elementor-element-75604b2{width:24%;}.elementor-1065 .elementor-element.elementor-element-7eeb571{width:76%;}}@media(max-width:767px){.elementor-1065 .elementor-element.elementor-element-3000b93{padding:0px 0px 0px 0px;}.elementor-1065 .elementor-element.elementor-element-6aa5db6 img{width:50%;}}/* Start custom CSS for html, class: .elementor-element-66c4c76 *//* --- ボタン本体（ベース設定） --- */
.btn-trial {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  padding: 30px 25px;
  background-color: #ff9f57; /* 元のオレンジ */
  color: #ffffff;            /* 文字は白 */
  text-decoration: none;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; /* 背景色の変化を滑らかに */
  box-sizing: border-box;
}

/* --- ホバー時の動き --- */
.btn-trial:hover {
  background-color: #ff8833; /* 背景だけ少し濃いオレンジに変更 */
  color: #ffffff;            /* 文字色は白をキープ */
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* 矢印部分のホバー制御（念のため） */
.btn-trial:hover::after {
  border-color: #ffffff; /* 枠線も白をキープ */
  color: #ffffff;        /* 矢印も白をキープ */
}

/* --- 以下、テキストサイズなどの設定は前回と同じ --- */
.btn-trial-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.small-text { font-size: 26px; font-weight: normal; }
.large-text { font-size: 42px; font-weight: bold; }

.btn-trial::after {
  content: '→';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  font-size: 28px;
  flex-shrink: 0;
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  .small-text { font-size: 18px; }
  .large-text { font-size: 24px; }
  .btn-trial::after { width: 40px; height: 40px; font-size: 20px; }
}/* End custom CSS */