@charset "utf-8";
/* ==================================================
  Reset / Base
================================================== */

/*------------
  Reset
------------*/
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
}

body {
    -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd {
    overflow-wrap: break-word;
    word-break: break-all;
}

/*------------
  Base
------------*/
:root {

    /* Text */
    --color-text-primary: #151515;
    --color-text-default: #3C403F;
    --color-text-muted: #808180;

    /* Base */
    --color-white: #FFFFFF;
    --color-placeholder: #D9D9D9;
    --color-background: #FBF8EB;
    --color-error: #DE0000;

    /* Green */
    --color-green-light: #D4E5E0;
    --color-green: #42806E;
    --color-green-dark: #2E6958;
    --color-green-muted: #77A89A;

    /* Gold */
    --color-gold-light: #F6DE94;
    --color-gold: #E4BF51;
    --color-gold-dark: #C9A94A;
    --color-gold-deep: #BF971D;
    --color-gold-muted: #F0CE69;

    /* Purple */
    --color-purple-light: #B189CE;
    --color-purple: #7B6DA8;
    --color-purple-dark: #655987;

    /* Navy */
    --color-navy-light: #445EA6;
    --color-navy: #31457B;
    --color-navy-dark: #1E3266;

    /* Yellow */
    --color-pale-yellow: #FFF3CD;

    /* gradient */
    --gradient-green-primary: linear-gradient(to right, #397b50, #71af78);

    /* typography */
    --font-family-base: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    --font-family-serif: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    --font-family-en: "Bebas Neue";
    --font-family-en-sub: "Oswald";

    --font-size-h1: 28px;
    --font-size-h2: 24px;
    --font-size-h3: 20px;
    --font-size-h4: 18px;
    --font-size-lead: 16px;
    --font-size-body: 16px;
    --font-size-small: 15px;
    --font-size-caption: 14px;

    --font-size-en-h2: 72px;

    --font-weight-black: 900;
    --font-weight-bolder: 800;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;

    --content-max-width: 1024px;
}

.body-kusuriyanohitorigoto {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-regular);
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text-default);
    box-sizing: border-box;
}

.body-kusuriyanohitorigoto main {
    flex: 1;
}

.body-kusuriyanohitorigoto img {
    display: block;
    width: 100%;
    height: auto;
}

.body-kusuriyanohitorigoto ul,
.body-kusuriyanohitorigoto ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
}

.keep-space {
    white-space: pre-wrap;
}