.modalHajime {
    display: none; /* 最初は非表示 */
    position: fixed; /* 固定位置 */
    z-index: 5000; /* 最前面に表示 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4); /* 背景を暗くする */
    padding:0 !important;
}

.modal-contentHajime {
    background-color: #fefefe;
    margin: 5% auto; /* 画面中央に表示 */
    padding: 0px;
    border: 1px solid #888;
    width: 100%; /* 幅を調整 */
    max-width: 500px;
    width: 90%;
    height:90%;
    position: relative;
    overflow: hidden; /* 子要素のスライドのために必要 */
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.tutorial-steps-container {
    display: flex; /* 横並びにする */
    transition: transform 0.5s ease-in-out; /* スムーズなスライド */
    height: 100%; /* モーダルコンテンツと同じ高さにする */
}

.tutorial-step {
    flex: 0 0 100%; /* 幅を固定 */
    min-width: 100%; /* 幅を固定 */
    box-sizing: border-box; /* paddingを含めて幅を計算 */
    padding: 0 20px;
    height: 100%; /* モーダルコンテンツと同じ高さにする */
    overflow-y: auto; /* 垂直方向のみスクロール */
}
.tutorial-step img {
	padding:20px;	
}
.tutorial-step h2 {
    margin-top: 0;
}

.tutorial-step img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.tutorial-step ol, .tutorial-step ul {
    margin-bottom: 10px;
}

#feature-description {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ddd;
}

#data-form {
    margin-top: 10px;
}

#data-form label {
    display: inline-block;
    width: 80px;
    text-align: right;
    margin-right: 10px;
}

#completion-message {
    text-align: center;
    padding: 20px;
    background-color: #f0f0f0;
}

.step-buttons {
    display: flex;
    justify-content: space-between;
}
.agineBig{
	margin: 20px 0 5px 0;
	font-size: 20px;
}
.button-shadow-again {
  text-align: center;
  box-sizing: border-box;
  display: block;
  max-width: 160px;
  width: 100%;
  margin: 20px auto;
  background: #f38826;
  color: #fff;
  font-weight: bold;
  padding: 13px 10px 10px;
  border-radius: 5px;
  border-bottom: 5px solid rgba(0,0,0,0.3);
  &:hover {
    animation: 1s flash;
  }
  &:active, &:focus {
    border-bottom-width: 0;
    margin-top: 5px;
    background: #9a5009;
  }
}