.lp-h2--dl {
  color:#0E5DAB;
  font-size:1.5rem;
  text-align:center;
  padding:0px 0px 30px 0px;
  border-bottom: 6px double #999; 
}

.dl-section {
  max-width: 1024px; /* セクションの最大幅を設定 */
  margin: 0 auto; /* セクションを中央揃えにする場合 */
  padding:30px 50px;
  margin-top:50px;
  background-color:#e7e7e7;  
  min-height: 600px;
}

.dl {
  display: flex;
  align-items: flex-start; /* 上端揃えにする場合 */
  padding:0px 20px; /* 必要に応じて調整 */
}

.dl-left {
  max-width: 400px;
  width:100%;
  padding:20px 20px;
  margin:0 auto;
}

.dl-right {
  max-width: 400px;
  width:100%;
  padding:0px 20px 40px 20px;
  background-color:#FFFFFF;
}

.dl-img {
  width:300px;
  padding:10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); /* 影の設定 */  
  margin:0 auto;
  background-color:#ffffff;  
}

.dl-description {
  text-align:center;
  font-size:1.0em;
  margin:0 auto;
  margin-bottom:20px;
}

.dl-recommend {
  max-width: 100%; /* コンテンツがコンテナを超えないように */
  height: auto; /* 画像の高さが自動調整されるように */
  border: 1px solid #999; /* 黒色の細い枠線 */
  border-radius:10px;
  padding: 10px; /* 内側に余白を設定 */
  box-sizing: border-box; /* パディングとボーダーを幅に含める */
  margin-top:40px;
  background-color:#fff; 
}

.dl-recommend p {
  font-size: 16px;
  font-weight: 700;
  max-width: 100%; /* コンテンツがコンテナを超えないように */
  text-align: left;
  margin: 0px 0px 0px 0px;
  color:#333;
}

.dl-recommend li {
  list-style-type: none;
  display: flex;
}

.dl-recommend ul {
  padding-inline-start: 10px;
}

.dl-recommend li:before {
  content: "\2713";
  font-size: 1.2em;
  color: #0E5DAB;
  float: left;
  margin-right: 10px;
}

.form {
  max-width: 100%;
  text-align: left; /* 中央配置を追加 */
  margin-left: calc(5%);
  margin-right: calc(5%);

}

/* Labels */

form label {
  display: block; 
  margin-bottom: 0.1rem;
  text-align: left;  
  font-size: 0.9em;
  
}

input {
  margin-bottom:5px;
  list-style: none;
}

select {
  margin-bottom:5px;
}

textarea {
  height:6em;
  margin-bottom:5px;
}

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='file'],
form input[type='search'],
form select,
form textarea {
  font-size: 0.9em;
  padding: 10px 10px 10px;
  border: 1px solid #a9a9a9;
  background: #f5f5f5;
  color:#666666;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
}

form input[type='text']:hover,
form input[type='email']:hover,
form input[type='password']:hover,
form input[type='tel']:hover,
form input[type='number']:hover,
form input[type='file']:hover,
form input[type='search']:hover,
form select:hover,
form textarea:hover {
  background: #DBEBF9;
 
}


input-placeholder {
   color: #666666;
}
form input[type='submit'],
form .hs-button ,
form input[type='button']{
  margin-top:0px!important;
  margin-bottom:0px!important;
  background-color:#ff6600 !important;
  padding: 10px 10px !important;
  border-radius: 2px  !important;
  border: 1.5px solid #ff6600  !important;
  transition: .5s  !important;
  display: inline-block
  cursor: pointer  !important;
  width:100% !important;
  color:#fff  !important;
  font-size: 1.2em !important;
  font-weight: 700 !important;
}

form input[type='submit']:hover, 
form .hs-button:hover {
  background: #FFFFFF !important;
  color: #ff6600 !important;
  border: 1.5px solid #ff6600 !important;
  font-weight: 700 !important;
}

/* Validation */

form .hs-form-required {
  color: #ef6b51;
}

form .hs-input.error {
  border: 2px solid #ef6b51;
}

form .hs-error-msg,
form .hs-error-msgs {
  color: #ef6b51;
  margin-top: -5px; /* 上部の間隔を調整 */
}


/* Form fields - checkbox/radio */
form .inputs-list {
  padding: 0; 
  margin: 0px 0px 5px 5px; 
  list-style: none; 
}

form .inputs-list > li {
  display: block; 
}


@media (max-width: 600px) {
  .lp-h2--dl {
    font-size: 1.5rem; /* Font size adjusted for mobile */
    padding: 0px 0px 20px 0px; /* Padding adjusted for mobile */
  }

  .dl-section {
    padding: 20px 10px; /* Padding adjusted for mobile */
    min-height: 900px; /* Background height increased */
    margin-top: 20px; /* Margin top adjusted for mobile */
  }
  
  .dl-img {
    display: none;
  }

  form input[type='submit'],
  form .hs-button {
    padding: 10px 20px; /* Button padding adjusted for mobile */
  }

  .dl {
    flex-direction: column;
    align-items: center; /* Center align items for mobile */
  }
  
  .dl-left {
    max-width: 100%; /* Full width for mobile */
    padding: 0px;
    margin-bottom: 20px; /* Margin bottom adjusted for spacing */
  }
  
  .dl-right {
    max-width: 100%; /* Full width for mobile */
    padding: 20px; /* Padding added for mobile */
    background-color: #ffffff; /* Background color set to white */
    margin-bottom: 30px; /* Margin bottom added for spacing */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Shadow added */
    border-radius: 5px; /* Border radius added */
  }

  .cta-container1 {
    margin-bottom: 50px; /* Margin bottom increased for spacing */
  }
}