@charset "UTF-8";
/* baseformat updated date 191031*/
/*font--------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css');

/*---
Noto Sans JP
---*/
@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;
}
@font-face {
    font-family: "Noto Sans JP";
    font-weight: 500;
    src: local("Noto Sans JP Medium"), local("NotoSansJP-Medium"), url("../fonts/NotoSansJP-Medium.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-weight: 700;
    src: local("Noto Sans JP Bold"), local("NotoSansJP-Bold"), url("../fonts/NotoSansJP-Bold.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans JP";
    font-weight: 900;
    src: local("Noto Sans JP Black"), local("NotoSansJP-Black"), url("../fonts/NotoSansJP-Black.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}


/*=======================================
設定
=======================================*/
:root {
    /*color  =============================*/
    /*font ---------*/
    --font-base: "Noto Sans JP", sans-serif;
    --font-en: "Oswald", sans-serif;
    --font-en2: "Roboto", sans-serif;
    /*site color ---------*/
    --maincolor: #ff049f;
    --subcolor: #c0c0c0;
    --accentcolor: #aaa;
    /*text color ---------*/
    --base-tx-color: #000;
    --light-tx-color: #fff;
    --tx-red: #d40000;
    /*基本色 ------*/
    --white: #fff;
    --black: #000;
    --gray: #666;
    --red: #d00;
    --blue: #0000fe;
    --yellow: #ffff00;
    /*線 ------*/
    --border-color: #c0c0c0;
    /*背景色 ------*/
    --bg-white: #fff;
    --bg-color01: #fff;
    --bg-color02: color-mix(in srgb, var(--maincolor) 10%, white);
    --bg-color03: color-mix(in srgb, var(--maincolor) 15%, white);
    /*a ------*/
    --a-tx: #49aad7;
    --a-hover: color-mix(in srgb, var(--a-tx), var(--white) 40%);
    --a-visited: color-mix(in srgb, var(--a-tx), var(--black) 20%);

    /*other =============================*/
    --base-radius: 18px;
    --inner-radius: 8px;
    --btn-radius: 1em;

    /*z-index =============================*/
    --pagetop-z: 997;
    --toggle-z: 1000;
    --nav-z: 999;
    --header-z: 998;
}

/* ----------------------------------------------------------------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: 700;
    line-height: 170%;
}
/*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, ol {
    list-style: none;
}
i {
    font-weight: normal!important;
}
strong {
    font-weight: 900;
}
/* ------------------------------------------------------------------base*/
html {
    font: 62.5%/1.7 var(--font-base); /*メイリオベース*/
    font-weight: 700;
    /*font: 62.5%/1.7 "游ゴシック", Yu Gothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", serif;*/ /*游ゴシックベース*/
    /*font: 62.5%/1.7 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/ /*游明朝ベース*/
}
/*body*/
body {
    height: 100%;
    text-align: center;
    color: #000;
    word-break: break-all;
    background-color: #fff;
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
    font-feature-settings: "palt";
    -webkit-text-size-adjust: 100%;
}
@media print, screen and (min-width: 768px) {
    body {
        min-width: 1170px;
        font-size: 1.8rem; /* 18px */
        font-size: 18px;
    }
}
/*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) {
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;
}
}