/*
 Theme Name: Twenty Twenty-Five Child
 Template: twentytwentyfive
 Version: 1.0
*/






/* :root ーーーーーーーーーーーーーーーーーーーー */
:root {
--color-theme: linear-gradient(90deg, #38bdf8, #a855f7);/* テーマカラー */
}


/* twenty twenty-five ーーーーーーーーーーーーーーーーーーーー */
strong { font-weight: 500; }
li { margin-bottom: 7px; }
.wp-block-list { padding-left: 25px; }
blockquote, caption, figcaption, h1, h2, h3, h4, h5, h6, p { text-wrap: wrap !important; } /* {text-wrap: pretty;}iphoneバグ対策 */
.wp-embedded-content { max-width: 100%; }
/* search box */
.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid var(--color-theme); }
.wp-block-navigation__responsive-container .wp-block-search { max-width: 100%; }
.wp-block-search__input { background: none; }


/* フォントサイズ ーーーーーーーーーーーーーーーーーーーー */
body { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic", sans-serif; font-size: 16.5px; line-height: 1.75; }
@media (min-width: 768px) { body { font-size: 17px; line-height: 1.8; } }

h1, .entry-content h2, .entry-content h3, .entry-content h4 { line-height: 1.45; }
h1 { font-size: 1.6rem; font-weight: 500; }
.entry-content h2 { font-size: 1.4rem; margin-top:80px; }
.entry-content h3 { font-size: 1.4rem; margin-top:60px; }
.entry-content h4 { font-size: 1.2rem; margin-top:40px; }



/* 見出し ーーーーーーーーーーーーーーーーーーーー */
.entry-content h2 { font-weight: 700; }
.entry-content h3 { font-weight: 500; }


/* 装飾 ーーーーーーーーーーーーーーーーーーーー */
.al-c { text-align:center } .al-l { text-align:left } .al-r { text-align:right }
.small { font-size:smaller; } .large { font-size:large; }
.b { font-weight: 500; } .bold { font-weight: bold; }
.red { color: red; }


/* お問い合わせ アンケート ーーーーーーーーーーーーーーーーーーーー */
.wpcf7 textarea, .wpcf7-text, .wpcf7-select { width: 99%; padding: 5px; font-size: 15px; line-height: 1.2; }
.wpcf7 [type=submit], .wp-polls .Buttons { width: 200px; cursor: pointer; border: none; line-height: 1.7; font-size: 110%; background: #2e9eff; background: var(--color-theme); color: white; border-radius: 50px; padding: 10px; }
.wpcf7 [type=submit]:hover, .wp-polls .Buttons:hover { background: #a6d6ff; color: white; }
.wp-polls ul { font-size: 20px; line-height: 2; margin-bottom: 35px; }














/* color ーーーーーーーーーーーーーーーーーーーー */
.main-gra { background: #2e9eff; background: var(--color-theme); background-clip: text; color: transparent; }
.orange-gra { background: #ff8000; background: linear-gradient(90deg, #ffa524, #ff752d); background-clip: text; color: transparent; }

/* icon ーーーーーーーーーーーーーーーーーーーー */
.check-icon { position: relative; padding-left: 35px !important; }
.check-icon::before { content: "✓"; color: orange; font-size: x-large; position: absolute; left: 5px; top: -5px; font-weight: bold; }

/* header ーーーーーーーーーーーーーーーーーーーー */
.fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(255, 255, 255, 0.7); /* 半透明 */ backdrop-filter: blur(8px); /* すりガラス風（対応ブラウザのみ） */ }

/* front page ーーーーーーーーーーーーーーーーーーーー */
h1.top-title { font-size:3.5rem; line-height: 1.3; }
@media (max-width: 750px) { h1.top-title { font-size: 2.6rem; margin-top: 70px; } }
.top-colomn { width: 100vw; margin-left: calc(50% - 50vw); padding: 0; }





/* section ーーーーーーーーーーーーーーーーーーーー */
.top-section-1 { position: relative; overflow: hidden; min-height: 50vh; background: #ffffff; display: flex; align-items: center; justify-content: center; }
.moya { position: absolute; width: 350px; height: 350px; border-radius: 50%; filter: blur(80px); opacity: 0.35; z-index: 0; animation: float 40s ease-in-out infinite alternate; }
.moya-area { position: absolute; }
.moya-blue { background: #38bdf8; bottom: 0px; right: 250px; }
.moya-purple { background: #a855f7; top: 0px; left: 250px; }
@media (max-width: 750px) { .moya-blue { right: 20px; } .moya-purple { left: 0px; } }
/* ゆっくり動くアニメーション */
@keyframes float { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(150px, -120px) scale(1.1); } 100% { transform: translate(-100px, 180px) scale(1); } }

.top-section-2, .top-section-5  { background: linear-gradient(135deg, #fff2ec 0%, #fff5f0 40%, #f7efff 100%); }
.top-section-3, .top-section-6 { background: linear-gradient(135deg, #f3e7ff 0%, #f0f9ff 40%, #d8efff 100%); }
.top-section-4 { background: linear-gradient(135deg, #ecffff 0%, #f0fff9 40%, #f0ffef 100%); }


.section-box { height: 100%; padding: 32px 24px; border-radius: 16px; background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.08); display: flex; flex-direction: column; }
.section-box h3 { font-size: 20px; margin-bottom: 12px; color: #4b5563; }
.section-box p { font-size: 16px; line-height: 1.7; color: #4b5563; margin-bottom: 24px; }
.section-box .wp-block-button { margin-top: auto; } /* ボタンを下に寄せる */