.elementor-320 .elementor-element.elementor-element-27b5efe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-320 .elementor-element.elementor-element-ab4e11e > .elementor-widget-container{padding:-13px -13px -13px -13px;}/* Start custom CSS for html, class: .elementor-element-ab4e11e */body {
    font-family: sans-serif;
    line-height: 1.6;
    margin: 20px;
    background-color: #f8f8f8;
    color: #333;
}

.container1 {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

h1, h2 {
    color: #38761d; /* 深緑 */
}

h1 {
    text-align: center;
    margin-bottom: 30px; /* 少し広げました */
}

.catchphrase {
    color: #777;
    text-align: center;
    margin-bottom: 30px; /* 少し広げました */
}

hr {
    border: 1px solid #ddd;
    margin: 30px 0; /* 少し広げました */
}

.step {
    margin-bottom: 30px; /* 少し広げました */
}

.step h2 {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #38761d;
    margin-bottom: 15px; /* 少し広げました */
}

.step ol {
    padding-left: 20px;
    margin-bottom: 15px; /* 少し広げました */
}

.step li {
    margin-bottom: 15px; /* 少し広げました */
}

.step h3 {
    color: #555;
    margin-top: 20px; /* 少し広げました */
    margin-bottom: 10px; /* 少し広げました */
}

.step ul {
    padding-left: 20px;
    margin-bottom: 15px; /* 少し広げました */
}

.note {
    color: #d9534f; /* 赤 */
    font-size: 0.9em;
    display: block; /* 改行して表示 */
    margin-top: 5px; /* 少しスペースを追加 */
}

.notes {
    padding-left: 0;
    list-style: none;
    margin-bottom: 15px; /* 少し広げました */
}

.notes li {
    margin-bottom: 8px; /* 少しスペースを調整 */
}

.attention {
    background-color: #fdecea; /* 薄い赤 */
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #e74c3c; /* 赤 */
    margin-bottom: 30px; /* 少し広げました */
}

.attention h2 {
    color: #e74c3c; /* 赤 */
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: none;
    padding-bottom: 0;
}

.attention ul {
    padding-left: 20px;
    margin-bottom: 15px; /* 少し広げました */
}

.attention li {
    margin-bottom: 8px; /* 少しスペースを調整 */
    color: #555;
}

.message {
    text-align: center;
    color: #38761d; /* 深緑 */
    font-weight: bold;
    margin-top: 40px; /* 少し広げました */
    margin-bottom: 20px; /* 少し広げました */
}

a {
    color: #007bff; /* 青 */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}/* End custom CSS */