/* Reset / base */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
color:#222;
background:#fff;
line-height:1.6;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

/* Layout */
.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* ヘッダーエリア全体を中央揃えに */
.site-header {
  padding: 20px 16px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: center;
}

/* ロゴリンクブロック */
.site-branding .site-title {
  display: inline-block;
}

/* ロゴ画像のサイズ指定と中央寄せ */
.site-branding img {
  height: 100px !important;
  width: auto !important;
  display: block;
  margin: 0 auto;
}

/* Main content area */
.site-main{
flex:1 0 auto;
display:flex;
justify-content:center;
padding:40px 16px;
}
.page-content{
width:100%;
max-width:760px;
}

/* Typography */
.entry-title{
font-size:28px;
margin-bottom:12px;
font-weight:600;
}
.lead{
margin-bottom:20px;
color:#555;
}

/* HubSpot form container - allow responsive width */
#hubspotForm{
width:100%;
min-height:200px;
}

/* Footer */
.site-footer{
padding:20px 16px;
border-top:1px solid #eee;
text-align:center;
font-size:14px;
color:#666;
}

/* Responsive tweaks */
@media (max-width:480px){
.entry-title{font-size:22px}
.site-header{padding:16px}
.site-main{padding:24px 12px}
}


#hubspotForm {
  width: 100%;
  min-height: auto !important;
}

.lead {
  margin-bottom: 12px !important;
}

#hubspotForm .hs-form-field {
  margin-bottom: 12px !important;
}

#hubspotForm p,
#hubspotForm .hs-richtext {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}