/* Change Default Bold Text */:root,strong{--wpex-bold:500}/* Remove next/prev underline */.vcex-post-next-prev a{text-decoration:none}@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif　!important}.wpb_column p{margin-bottom:0px}.staff-info-title{display:inline-block;width:30%}.about-me{width:100vw}.staff-profile-img img{aspect-ratio:1 / 1;object-fit:cover}.jp-relatedposts-post-img{aspect-ratio:1 / 1;object-fit:cover}@media (min-width:768px){.wpcf7-form label{display:flex;justify-content:space-between;width:80%;margin:auto}}@media (max-width:480px){.staff-profile-buttom{width:50%;display:block;margin:auto}}.wpcf7-form .required{background-color:#215076;color:white;padding:2px 5px;margin-right:8px;display:inline-block}.wpcf7-form .not-required{background-color:gray;color:white;padding:2px 5px;margin-right:8px;display:inline-block}.wpcf7-form-control-wrap{width:50%}.wpcf7-form-control-wrap input{width:100%}input.wpcf7-form-control.wpcf7-submit.has-spinner{display:block;margin:40px auto 0}.wpex-my-15{display:none}.staff-profile-content{width:70%}.staff-profile-flex{align-items:baseline}#menu-footer{display:flex;gap:30px}/*今川担当*/.custom-card{border-radius:12px;border-top:4px solid #d9ff00;/* 上の黄色ライン */box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:20px;margin-bottom:30px;/* 背景画像を直接設定する代わりに、擬似要素でオーバーレイをかける */position:relative;/* 擬似要素の基準位置 */overflow:hidden;/* 角丸に合わせて画像もクリップ */background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;/* デフォルトのテキスト色を白に設定 */background-image:var(--bg-url)}.custom-card2{border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:20px;margin-bottom:30px;/* 背景画像を直接設定する代わりに、擬似要素でオーバーレイをかける */position:relative;/* 擬似要素の基準位置 */overflow:hidden;/* 角丸に合わせて画像もクリップ */background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;/* デフォルトのテキスト色を白に設定 */}/* 背景画像の上に半透明のオーバーレイをかける */.custom-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);/* 黒を50%透明に */z-index:1;/* コンテンツの下に配置 */border-radius:12px;/* カードの角丸に合わせる */}/* コンテンツをオーバーレイより上に表示 */.custom-card-title,.custom-card-text,.custom-card-tags,.custom-card-tags a{position:relative;z-index:2;/* オーバーレイより上に表示 */}.custom-card-title{color:#fff;/* タイトルの色を白に */margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,0.7);/* テキストに影を追加して読みやすく */}.custom-card-text{color:#eee;/* テキストの色を少し明るいグレーに */margin-bottom:15px;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,0.7);/* テキストに影を追加して読みやすく */}.custom-card-title2{color:#215076;/* タイトルの色を白に */margin-bottom:10px}.custom-card-text2{color:#000;/* テキストの色を少し明るいグレーに */margin-bottom:5px;line-height:1.6}.custom-card-tags{margin-top:15px;display:flex}.custom-button{display:inline-block;padding:5px 15px;margin:0 5px 5px 0;background-color:rgba(69,180,232,0.8);/* ボタンの背景色も少し透明に */color:#FFFFFF;text-decoration:none;border-radius:20px;border:1px solid rgba(204,204,204,0.5);/* ボーダーも透明度調整 */font-weight:bold;font-size:14px;transition:background-color 0.3s ease}.custom-button:hover{background-color:#45B4E8;/* ホバー時は不透明に */color:#FFFFFF}/* セクション全体のスタイル */.custom-gradient-section{display:flex;justify-content:center;align-items:center;padding:100px 20px;background:linear-gradient(90deg,#f9f871,#90ee90);/* グラデーションの色 */position:relative;overflow:hidden}/* セクション全体のスタイル */.custom-gradient-connect-section{justify-content:center;align-items:center;padding:100px 20px;background:linear-gradient(90deg,#252020,#215076);/* グラデーションの色 */position:relative;overflow:hidden}/* 右上のひし形の装飾 */.custom-gradient-section::after{content:'';position:absolute;top:0px;right:50px;width:50px;height:50px;background-color:rgba(255,255,255,0.15);transform:rotate(45deg)}/* ボタンのスタイル */.custom-action-button{display:inline-flex;align-items:center;gap:.5em;/* テキストとアイコンの間隔 */background-color:#2c3e50;/* ボタンの背景色 */color:#ffffff;/* ボタンの文字色 */font-size:14px;font-weight:bold;text-decoration:none;padding:16px 16px;border-radius:30px;/* 角丸の大きさ */box-shadow:0px 8px 25px rgba(0,0,0,0.2);/* 影 */transition:all 0.3s ease}/* ボタンにマウスが乗った時の効果 */.custom-action-button:hover{transform:translateY(-3px);box-shadow:0px 12px 30px rgba(0,0,0,0.25)}/* ボタンのスタイル */.custom-action-button2{display:inline-flex;align-items:center;gap:.5em;/* テキストとアイコンの間隔 */background-color:#BBFF00;/* ボタンの背景色 */color:#2c3e50;/* ボタンの文字色 */font-size:14px;font-weight:bold;text-decoration:none;padding:16px 16px;border-radius:30px;/* 角丸の大きさ */box-shadow:0px 8px 25px rgba(0,0,0,0.2);/* 影 */transition:all 0.3s ease}/* ボタンにマウスが乗った時の効果 */.custom-action-button2:hover{transform:translateY(-3px);box-shadow:0px 12px 30px rgba(0,0,0,0.25)}/*セクションごとのタイトル*/.custom-title{justify-content:center;align-items:center;color:#215076;align-items:center}.rmd-hero{/* 背景画像の設定 */background-image:url("https://rulemakers.io/wp-content/uploads/Section-1.png");/* ここに画像のURLを貼り付けてください */background-size:cover;/* 画像がセクション全体を覆うように拡大縮小 */background-position:center;/* 画像を中央に配置 */background-repeat:no-repeat;/* 画像を繰り返さない */min-height:500px;/* セクションの最低の高さ。必要に応じて調整 */align-items:center;/* 垂直方向の中央揃え */justify-content:center;/* 水平方向の中央揃え */position:relative;/* 子要素の絶対配置の基準 */padding:20px;/* 内側の余白 */box-sizing:border-box;/* paddingが幅に含まれるようにする */}/* コンテンツ全体を囲むラッパー */.rmd-hero-content-wrapper{width:100%;max-width:1200px;/* 最大幅を設定 */display:flex;justify-content:flex-end;/* これでboxが右に配置されます */align-items:center;position:relative}.rmd-cta-box{background-color:rgba(33,80,108,0.8);/* 半透明の白（少し不透明度を上げました） */padding:30px;border-radius:10px;max-width:400px;/* 最大幅 */min-width:280px;/* 最小幅 */flex-grow:0;/* 拡大しない */flex-shrink:1;/* 縮小する */text-align:left;box-shadow:0 4px 10px rgba(0,0,0,0.1);/* 影を追加 */}.rmd-cta-btn{color:#000000;/* 青色のリンク */text-decoration:none;font-size:1rem;font-weight:bold;display:inline-block;/* 矢印との間隔調整のため */}.timeline-year{color:#FFFFFF;background:linear-gradient(0deg,#514A3E,#6D5F4C,#514A3E);border-radius:30px;text-align:center;padding:10px;margin:20px auto}.timeline-row{display:flex;position:relative}.timeline-month{color:#FFFFFF;background:linear-gradient(90deg,#514A3E,#6D5F4C,#514A3E);border-radius:30px;text-align:center;padding:10px;writing-mode:vertical-rl;margin-right:20px}.month-number{transform:rotate(-90deg);transform-origin:center center}.timeline-content{background-color:#FFF8F0;border-radius:30px;padding:10px;color:#000000;margin-bottom:20px;/* 各コンテンツ間の余白 */box-shadow:0 2px 5px rgba(0,0,0,0.1)}.timeline-contents{writing-mode:horizontal-tb;flex-grow:1;position:relative;padding:10px}/* 例：wp-categories-buttonというクラス名を使用する場合 */.wp-categories-button ul{list-style:none;/* リストの黒点を非表示にする */padding:0;display:flex;/* ボタンを横並びにする */gap:10px;/* ボタン間の間隔を設定 */}.wp-categories-button li{margin:0}.wp-categories-button a{display:block;/* リンク全体をボタン化する */background-color:black;color:white;padding:10px 20px;border-radius:5px;/* 角を丸くする */text-decoration:none;/* 下線を非表示にする */font-weight:bold;text-align:center}.wp-categories-button a:hover{background-color:#333;/* ホバー時の色 */}.wp-categories-button li a::before{content:none !important}.container{max-width:900px;margin:40px auto;padding:0 20px}.heading{font-size:2.2em;font-weight:bold;color:#1a1a1a;border-bottom:2px solid #ccc;padding-bottom:10px;margin-bottom:20px}.content-box{box-shadow:0 4px 10px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden}.background-image-container{background-image:url('https://rulemakers.io/wp-content/uploads/S__147193882.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;height:350px;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:20px}.vision-mission-box{width:100%;max-width:700px;text-align:left}.section{margin-bottom:10px}.label{background-color:rgba(255,255,255,0.95);font-weight:bold;padding:5px;border-radius:3px;   color:#000000;text-shadow:0 1px 2px rgba(0,0,0,0.7);display:block;margin-bottom:5px}.text-block{background-color:rgba(255,255,255,0.95);font-weight:bold;padding:10px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:inline-block;/* To make the background fit the text content */}/* --- レイアウト基本設定 --- */.flow-container{padding:20px;max-width:900px;margin:0 auto}/* --- フロー図のライン --- */.flow-diagram{position:relative;padding:40px 0}.flow-line{position:absolute;width:2px;background-color:#007bff;left:50%;transform:translateX(-50%);top:0;bottom:0}/* --- 各ステップ --- */.step-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.step-item:nth-child(even){flex-direction:row-reverse}.step-number{width:40px;height:40px;border-radius:50%;background-color:#007bff;color:white;display:flex;justify-content:center;align-items:center;font-weight:bold;z-index:1}.step-content{flex-basis:45%;/* コンテンツの幅を調整 */text-align:right;padding-right:20px}.step-item:nth-child(even) .step-content{text-align:left;padding-right:0;padding-left:20px}/* --- ボタンとフッター --- */.join-section{text-align:center;margin-top:50px}.join-button-container{width:180px;height:180px;background-color:#bfff00;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.welcome-box{width:100%;background-color:#2c3e50;border-top-left-radius:50px;border-top-right-radius:50px;padding:50px 0 20px;margin-top:-50px}.welcome-text{color:white;font-weight:bold}.memberrole-box{padding:10px;background-color:#215076}.memberrole-text{margin:5px 0px;color:white;font-weight:bold}/* --- 全体的なレイアウトとフォント --- */body{font-family:'Noto Sans JP',sans-serif;margin:0;padding:20px;background-color:#f9f9f9}.flow-container{max-width:900px;margin:0 auto;padding:20px}.main-heading{text-align:center;margin-bottom:50px}.main-heading .title{font-size:2.5em;font-weight:bold;color:#333;margin-bottom:0;line-height:1}.main-heading .subtitle{font-size:1.2em;font-weight:normal;color:#555;margin-top:5px}/* --- フロー図のライン --- */.flow-diagram{position:relative;padding:40px 0}.flow-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:#007bff;transform:translateX(-50%)}/* --- 各ステップ --- */.step-item{display:flex;align-items:center;position:relative;min-height:150px;margin-bottom:20px}.step-item:nth-child(odd) .step-content{order:-1;text-align:right;padding-right:30px}.step-item:nth-child(even) .step-content{text-align:left;padding-left:30px}.step-content{flex-basis:45%}.step-number-container{position:absolute;left:50%;transform:translateX(-50%);z-index:1}.step-number{width:40px;height:40px;background-color:#007bff;color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:1.2em}.step-title{font-weight:bold;font-size:1.1em;margin-bottom:5px;color:#333}.step-description{font-size:.9em;color:#555;line-height:1.6}.link-text{color:#007bff;font-weight:bold;text-decoration:none;display:inline-block;margin-top:10px}/* --- 参加ボタンとフッター --- */.join-section{text-align:center;margin-top:50px;position:relative}.join-button-container{width:180px;height:180px;background-color:#bfff00;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);position:relative;bottom:-50px;z-index:2}.join-button{font-size:1.5em;font-weight:bold;color:#333;text-decoration:none;display:flex;align-items:center;padding-right:20px}.welcome-box{width:100%;background-color:#2c3e50;border-top-left-radius:50px;border-top-right-radius:50px;padding:50px 0 20px;margin-top:-50px;position:relative}.welcome-text{color:white;font-weight:bold;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}