@charset "utf-8";

/* Reset & Basic Style */
:root {
    --main-color: #184ABB;
    --main-gradation: linear-gradient(to bottom, #1344B3, #2B61DC);
    --accent-color: #f3815a;
    --primary-bg: #fff;
    --secondary-bg: #f9f9f9;
    --text-color: #333;
    --light-text-color: #555;
    --border-color: #ddd;
    --link-color: #f3815a;
    --hover-link-color: #e8704a;
    --zen-kaku-gothic-new: 'Zen Kaku Gothic New', sans-serif;
    --font-weight-bold: 700;
}

/* すべてのアンカー対象に適用 */
[id] {
  scroll-margin-top: 80px; /* 固定ヘッダーの高さに合わせる */
}

body, h1, h2, h3, p, ul, li, figure, figcaption {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', 'Arial', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Meiryo', sans-serif;
    box-sizing: border-box;
}

body {
    color: var(--text-color);
}

.container {
    margin: 0 auto;
    background-color: var(--primary-bg);
    overflow: hidden;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.content_maxwidth {
    max-width: 1000px;
}

.tx_center {
    text-align: center;
}

.mx_auto {
    margin: 0 auto;
}

.mb_6 {
    margin-bottom: 6rem;
}

.mt_6 {
    margin-top: 6rem;
}

.mb_3 {
    margin-bottom: 3rem;
}

.mt_3 {
    margin-top: 3rem;
}

.pb_3 {
    padding-bottom: 3rem;
}

.pt_3 {
    padding-top: 3rem;
}

@media screen and (max-width:1024px) {
    .content_maxwidth {
        max-width: 90%;
    }
}