@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,600;1,600&family=Shippori+Mincho:wght@600&display=swap');
@import url('https://cdn.jsdelivr.net/npm/remixicon@4.7.0/fonts/remixicon.css');
@font-face {
    font-family: "Noto Sans JP";
    font-weight: 400;
    src: local("Noto Sans JP Regular"), local("NotoSansJP-Regular"), url("../fonts/NotoSansJP-Regular.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}


:root {
    --font-base: "Noto Sans JP", sans-serif;
    --font-title: "Shippori Mincho", serif;
    --font-en: "Jost", sans-serif;
    --main-color: #dc5b79;
    --sub-color: #16ab7e;
    --txbase-color: #444;
    --yellow: #ffffa4;
    --base-radius: 12px;
    --base-radius-sp: 6px;
}

/* baseformat updated date 191031*/
/* ----------------------------------------------------------------reset */
/*base*/
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img, figure, figcaption {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
/*font*/
h1, h2, h3, h4, h5, h6, p {
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}
/*others*/
table {
    border-spacing: 0;
}
* html table {
    border-collapse: collapse;
}
*:first-child + html table {
    border-collapse: collapse;
}
th, td {
    vertical-align: middle;
    border-collapse: collapse;
}
table, th, td, tr, img {
    border: 0;
}
img {
    vertical-align: bottom;
}
q:before, q:after {
    content: '';
}
ul {
    list-style: none;
}
/* ------------------------------------------------------------------base*/
html {
    font: 62.5%/1.7 var(--font-base);
}
/*body*/
body {
    height: 100%;
    text-align: center;
    color: var(--txbase-color);
    word-break: break-all;
    background-color: #FFF;
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
    font-weight: 400;
    font-feature-settings: "palt";
    -webkit-text-size-adjust: 100%;
}
@media print, screen and (min-width:768px) {
body {
    font-size: 1.8rem; /* 18px */
    font-size: 18px;
}
}
@media print, screen and (min-width:992px) {
body {
    font-size: 2.0rem; /* 20px */
    font-size: 20px;
}
}
/*link*/
a {
    color: #0033cc;
    text-decoration: underline;
}
a img {
    border-style: none;
}
a:visited {
    color: #606;
}
a:hover {
    color: #6E8BCC;
}
/*font-size*/
h1, h2, h3, h4, h5, p {
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
}
li, dt, dd {
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
}
table {
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
}
@media print, screen and (min-width:768px) {
/*font-size*/
h1, h2, h3, h4, h5, p {
    font-size: 1.8rem; /* 18px */
    font-size: 18px;
}
li, dt, dd {
    font-size: 1.8rem; /* 18px */
    font-size: 18px;
}
table {
    font-size: 1.8rem; /* 18px */
    font-size: 18px;
}
}
@media print, screen and (min-width:992px) {
/*font-size*/
h1, h2, h3, h4, h5, p {
    font-size: 2.0rem; /* 20px */
    font-size: 20px;
}
li, dt, dd {
    font-size: 2.0rem; /* 20px */
    font-size: 20px;
}
table {
    font-size: 2.0rem; /* 20px */
    font-size: 20px;
}
}