/* =================================================================
    TWB Official Website Stylesheet
    [1/3] Base Styles (Reset, Variables, Typography)
    ================================================================= */

/* destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,::before,::after {box-sizing:border-box;border-style:solid;border-width:0}html {-moz-tab-size:4;tab-size:4}html,body {line-height:1.5;-webkit-text-size-adjust:100%}body {margin:0}hr {height:0;color:inherit}abbr[title] {text-decoration:underline dotted}b,strong {font-weight:bolder}code,kbd,samp,pre {font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small {font-size:80%}sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub {bottom:-.25em}sup {top:-.5em}table {text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select {text-transform:none}[type=button],[type=reset],[type=submit],button {-webkit-appearance:button}::-moz-focus-inner {border-style:none;padding:0}:-moz-focusring {outline:1px dotted ButtonText}:-moz-ui-invalid {box-shadow:none}progress {vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button {height:auto}[type=search] {-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration {-webkit-appearance:none}::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}summary {display:list-item}a {color:inherit}

/* ===== 1. 基本設定 (Variables & Reset) ===== */
:root {
    --twb-blue: #003366;
    --twb-orange: #FF6600;
    --text-color: #333333;
    --heading-color: #111111;
    --background-color: #ffffff;
    --section-bg-color: #f8f9fa;
    --surface-color: #ffffff;
    --border-color: #e9ecef;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.8;
    color: var(--text-color); 
    background-color: var(--background-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

main {
    display: block;
}

.text-center {
    text-align: center;
}

/* ===== 3. タイポグラフィ (Typography) ===== */
h1, h2, h3, h4 {
    margin-bottom: 1rem;
    line-height: 1.4;
    font-weight: 700;
    color: var(--heading-color);
}

h1 {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.5;
    margin: 0;
}

h2 {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}

h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

p {
    margin-bottom: 1.25rem;
}

a {
    color: var(--heading-color);
    text-decoration: none;
    font-weight: 700;
}

a:hover {
    text-decoration: underline;
}