@charset "utf-8"; /* 文字コードをUTF-8に指定 */

/* リンクセクション */
.bnr-link-sec a {pointer-events:none;} /* .bnr-link-sec内のリンクを無効化し、クリックを防止 */
.bnr-link-sec + .pr-content {margin-top:30px;} /* .bnr-link-secに続く.pr-contentに30pxの上マージンを追加 */
.scroll-img-sec {margin-top:30px;} /* .scroll-img-secに120pxの上マージンを設定 */

/* 広報コンテンツ */
.pr-content {margin:50px 0 0 0;} /* .pr-contentに上マージン100pxを設定 */
.pr-content .catch {text-align:left;} /* .catch内のテキストを左寄せに */
.pr-content .catch p {font-size:1.8rem; line-height:1.5; color:#454545; margin:0.5em 0 0 0;} /* キャッチコピーの段落の文字サイズ、行間、文字色、余白を指定 */
.pr-content .catch p:first-of-type {margin-top:0;} /* 最初の段落のみ上マージンを0に */

/* 2段組コンテンツのカラム設定 */
.pr-content .clm {margin:0 -16px; display:flex; flex-wrap:wrap;} /* フレックスボックスを使ってカラムを2列に配置 */
.pr-content .clm > div {width:50%; padding:30px 16px 0 16px; box-sizing:border-box;} /* 各カラムの幅を50%、左右の余白を設定 */
.pr-content .clm > div .img-container {
    display: flex; /* フレックスボックスで画像を中央揃え */
    justify-content: center; /* 横方向の中央揃え */
    align-items: center; /* 縦方向の中央揃え */
}

.pr-content .clm > div img {
    display: block;
    max-width: 100%; /* カラムからはみ出さないように最大幅を100%に設定 */
    height: auto; /* 縦横比を保つ */
}
/* 項目タイトル（dt）と説明（dd）のスタイリング */
.pr-content .clm dt {
    width:100%;
    min-height:60px;
    font-size:1.8rem;
    font-weight:600;
    line-height:1.2;
    text-align:center;
    border:2px solid #3087a7;
    border-radius:10px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
} /* 項目タイトルを中央揃え、枠線、フォントサイズ、余白などを設定 */

.pr-content .clm dd {font-size:1.7rem; line-height:1.6; text-align:left; margin:20px 0 0 0;} /* 説明部分の文字サイズ、行間、余白を設定 */
.pr-content .clm dd img {display:block;1} /* 画像をブロック表示に設定し、画像の下に隙間をなくす */

/* 4段組コンテンツのカラム設定 */
.pr-content .clm4 {margin:0 -16px; display:flex; flex-wrap:wrap;} /* フレックスボックスを使ってカラムを2列に配置 */
.pr-content .clm4 > div {width:25%; padding:30px 16px 0 16px; box-sizing:border-box;} /* 各カラムの幅を50%、左右の余白を設定 */

/* 項目タイトル（dt）と説明（dd）のスタイリング */
.pr-content .clm4 dt {
    width:100%;
    min-height:45px;
    font-size:1.5rem;
    font-weight:600;
    line-height:1.2;
    text-align:center;
    border:1.5px solid #3087a7;
    border-radius:5px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
} /* 項目タイトルを中央揃え、枠線、フォントサイズ、余白などを設定 */
.pr-content .clm4 dd {font-size:1.6rem; line-height:1.6; text-align:left; margin:10px 0 0 0;} /* 説明部分の文字サイズ、行間、余白を設定 */
.pr-content .clm4 dd img {display:block;1} /* 画像をブロック表示に設定し、画像の下に隙間をなくす */

/* スマートフォン用のメディアクエリ（画面幅767px以下） */
@media screen and (max-width:767px){
    .bnr-link-sec + .pr-content {margin-top:15px;} /* リンクセクションとクラブコンテンツ間の余白を15pxに */
    .scroll-img-sec {margin-top:30px;} /* スクロール画像セクションの上マージンを60pxに */
    
    .pr-content {margin:50px 0 0 0;} /* クラブコンテンツ全体の上マージンを50pxに */
    .pr-content .catch p {font-size:1.4rem;} /* キャッチコピーの文字サイズを小さく */
    .pr-content .clm {margin:0; display:block;} /* カラムを1列に変更 */
    .pr-content .clm > div {width:auto; padding:30px 0 0 0;} /* 各カラムの幅を自動にしてパディングを調整 */
    .pr-content .clm dt {min-height:50px; font-size:1.8rem;} /* タイトル部分の高さと文字サイズを調整 */
    .pr-content .clm dd {font-size:1.4rem; margin:10px 0 0 0;} /* 説明部分の文字サイズと余白を調整 */
    .pr-content .clm4 {margin:0; display:block;} /* カラムを1列に変更 */
    .pr-content .clm4 > div {width:auto; padding:30px 0 0 0;} /* 各カラムの幅を自動にしてパディングを調整 */
    .pr-content .clm4 dt {min-height:50px; font-size:1.8rem;} /* タイトル部分の高さと文字サイズを調整 */
    .pr-content .clm4 dd {font-size:1.4rem; margin:10px 0 0 0;} /* 説明部分の文字サイズと余白を調整 */

}