.separate-top {
    position: relative;
    width: 100%;
    height: 300px;
}
.separate-top h2 {
    position: absolute;/*重ねたい子要素にabsolute*/
    top:70%;
    left: 50%;
   -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
    -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
    transform: translate(-50%,-50%);/*センター寄せの修正*/
    color: #000000;
    font-size: 5rem;
    margin: 0!important;/*文字がずれている場合や*/
    padding: 20px;/*文字が折り返される場合*/
}
.contact-item02 {
    margin: 0 4px; /* マージンを一律に */
    background: rgb(0, 0, 0);
    color: #000;
    width: 75px;
    height: 30px;
    border: #fff solid 4px;
    border-radius: 0 0 20px 0;
    text-align: center;
  }
  .contact-item02 a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 0.8rem; /* フォントサイズを調整 */
    text-align: center;
    color: #fff;
    line-height: 30px;
  }
  .contact-item02:hover {
    background: rgb(218, 114, 114);
  }  

/* 全体のスタイル */
/* 全体のスタイル */
.main-text {
    max-width: 1024px;
    background-color: #ffffff; /* 背景色を黄色に */
    margin: 50px auto;
    color: #333; /* テキストの色を黒に */
    padding: 20px;
    box-sizing: border-box;
    text-align: center; /* テキストを中央揃えに */
    font-size: 0.8rem;
}

.section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.row-inner {
    max-width: 800px;
    margin: 20px auto;
}

/* カラムのスタイル */
.column {
    flex: 1 1 auto;
}

.image-container img {
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* 画像に影を追加 */
}

/* テキストのスタイル */
.heading {
    font-size: 2rem; /* 見出しのフォントサイズを大きく */
    margin-bottom: 20px; /* 見出しの下の余白を増やす */
    color: #392183; /* 見出しの色を赤に */
}

.paragraph p {
    font-size: 1.2rem; /* 段落のフォントサイズを大きく */
    line-height: 1.5; /* 行間を広く */
}
/* レスポンシブデザイン */
@media screen and (max-width: 1024px) {
    main {
        margin-top: -100px;
    }
   /* 全体のスタイル */
   .main-text {
    width: 90%;
    height: auto;
    margin-top: -100px;
    font-size: 0.5rem; /* フォントサイズを調整 */
}
.heading {
    font-size: 1.3rem;
}
.widget-container p {
    font-size: 0.8rem;
}
/* カラムのスタイル */
.row-inner {
    max-width: 800px;
}
.section {
    width: 90%;
    margin: 0 auto;
}

/* 画像のスタイル */
.image-container img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* 画像に影を追加 */
}
}
/* 利用規約 */
.policy {
    width: 1024px;
    margin: 40px auto;
}
.policy p {
    font-size: 0.8rem;
    margin: 10px 0;
    line-height: 30px;
}
.boarder {
    border-bottom: solid #ffffff;
    margin: 40px 0;
    width: 1024px;
}
.pb_headline {
    font-size: 2rem;
    color: #000000;
}
.textlink {
    color: red;
    font-size: 1.5rem;
}

@media screen and (max-width: 1024px) {

    
    .tcd-pb-row.row2 {
        display: flex;
        flex-direction: column; /* 画像とテキストを縦に並べる */
        align-items: center; /* 中央に配置する */
    }
    
    .tcd-pb-col.col1 {
        margin-right: 0; /* 画像とテキストの間隔を0に設定 */
        margin-bottom: 20px; /* 画像とテキスト間の余白を追加 */
    }
    
    .tcd-pb-widget img {
        max-width: 100%; /* 画像の幅を親要素に合わせる */
        height: auto; /* 高さを自動調整 */
    }
    
    .policy {
        width: 90%; /* 幅を100%に設定 */
        max-width: 1024px; /* 最大幅を1024pxに設定 */
        margin: 40px auto;
    }
    
    .policy p {
        font-size: 0.5rem;
        margin: 10px 0;
        line-height: 20px;
    }
    .tcd-pb-widget img {
        width: 200px;
        height: 100px;
    }
    
    .boarder {
        border-bottom: solid #ffffff;
        width: 100%; /* 幅を100%に設定 */
        max-width: 1024px; /* 最大幅を1024pxに設定 */
    }
}