@charset "UTF-8";

/*
Theme Name: aisyuuen
Description: aisyuuen original theme
Version: 1.0
Author: Takuro Maruyama
*/

/*
root
================================================ */
:root {
    --text-black: #131922;
    --grey: #888888;
    --light-grey: #D9D9D9;
    --white: #fff;
}

/*
GENERAL STYLING
================================================ */
html {
    font-size: 62.5%;
    /* 1rem = 10px */
    scroll-behavior: smooth;
    margin-top: 0 !important;
}

body {
    color: var(--text-black);
    font-size: clamp(1.4rem, 1.2rem + .3vw, 1.6rem);
    font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", serif;
    line-height: 1.6;
    letter-spacing: 0.04em;
}

img {
    display: block;
    width: 100%;
}

.container {
    max-width: 1040px;
    margin-inline: auto;
    padding-inline: clamp(16px, 5vw, 40px);
}

.page-title {
    font-size: clamp(2.4rem, 1.8rem + 1vw, 3.6rem);
    font-weight: bold;
    letter-spacing: 0.08em;
}

.page-title-en {
    font-size: clamp(1.4rem, 1.2rem + 0.5vw, 1.8rem);
    letter-spacing: 0.08em;
    margin-top: 4px;
}

.sec-title {
    font-size: clamp(2rem, 1.2rem + 1.2vw, 2.8rem);
    letter-spacing: .1em;
    font-weight: bold;
    border-bottom: 1px solid var(--light-grey);
    padding-bottom: 8px;
}

.sec-title-en {
    font-size: clamp(1.2rem, 1rem + 0.4vw, 1.4rem);
    color: var(--grey);
    margin-left: 1em;
}

/* 小見出し（左に縦罫） */
.sec-heading {
    position: relative;
    margin: clamp(32px, 4vw, 64px) 0 8px;
    padding-left: 16px;
    font-weight: 700;
    font-size: clamp(1.6rem, 1.2rem + .6vw, 2rem);
    letter-spacing: .08em;
}

.sec-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: .2em;
    bottom: .2em;
    width: 4px;
    background: var(--text-black);
}