@charset "utf-8";
/*--------------------------------------------------------------------------------
title
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
.c-ttl
--------------------------------------------------------------------------------*/
.c-ttl {
font-family: var(--ff-go);
font-weight: 700;
line-height: var(--line-height-s);
}
.c-ttl:not([class*="u-fs"]) { font-size: var(--ttl-fs, var(--fs-3l)); }
.c-ttl2 {
font-family: var(--ff-go);
font-weight: 700;
line-height: var(--line-height-s);
}
.c-ttl2:not([class*="u-fs"]) { font-size: var(--ttl-fs, var(--fs-l)); }
/*--------------------------------------------------------------------------------
icon
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
SVG
--------------------------------------------------------------------------------*/
:root {
--icon-arrow: url("../icon/arrow.svg");
--icon-tel: url("../icon/tel.svg");
--icon-mail: url("../icon/mail.svg");
--icon-line3: url("../icon/line.svg");
--icon-newwin: url("../icon/newwin.svg");
--icon-file: url("../icon/file.svg");
--icon-check: url("../icon/check.svg");
--icon-mappin: url("../icon/mappin.svg");
--icon-caution: url("../icon/caution.svg");
/* SNS */
--icon-fb: url('data:image/svg+xml;utf8,');
--icon-fb2: url('data:image/svg+xml;utf8,');
--icon-insta: url('data:image/svg+xml;utf8,');
--icon-x: url('data:image/svg+xml;utf8,');
--icon-line: url('data:image/svg+xml;utf8,');
--icon-line2: url('data:image/svg+xml;utf8,');
--icon-youtube: url('data:image/svg+xml;utf8,');
--icon-tiktok: url('data:image/svg+xml;utf8,');
}
/*--------------------------------------------------------------------------------
.c-sns
--------------------------------------------------------------------------------*/
:root { --sns-size: 1.35rem; }
.c-sns {
width: var(--sns-size);
height: var(--sns-size);
line-height: 1;
display: inline-block;
vertical-align: middle;
position: relative;
background: currentColor;
color: currentColor;
mask-repeat: no-repeat;
mask-position: center center;
mask-size: cover;
}
.c-sns.-fb { mask-image: var(--icon-fb); }
.c-sns.-fb2 { mask-image: var(--icon-fb2); }
.c-sns.-insta { mask-image: var(--icon-insta); }
.c-sns.-x { mask-image: var(--icon-x); }
.c-sns.-line { mask-image: var(--icon-line); }
.c-sns.-line2 { mask-image: var(--icon-line2); }
.c-sns.-youtube { mask-image: var(--icon-youtube); }
.c-sns.-tiktok { mask-image: var(--icon-tiktok); }
/* logo color
----------------------------------------*/
.c-sns.-color[class*="-fb"] { background-color: #0866FF; }
.c-sns.-color[class*="-insta"] {
background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow: hidden;
}
.c-sns.-color[class*="-insta"]:before {
content: "";
width: 110%;
height: 110%;
position: absolute;
left: -25%;
top: 45%;
background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
.c-sns.-color[class*="-x"] { background-color: #000; }
.c-sns.-color[class*="-line"] { background-color: #06c755; }
.c-sns.-color[class*="-youtube"] { background-color: #FF0000; }
.c-sns.-color[class*="-tiktok"] { background-color: #000; }
/*--------------------------------------------------------------------------------
.c-arrow
--------------------------------------------------------------------------------*/
:root {
/* default */
--default-arrow-width: 2.5rem;
--default-arrow-height: 1.5rem;
--default-arrow-radius: 9999px;
--default-arrow-outline: 1px solid var(--color-primary);
--default-arrow-outline-hover: 1px solid var(--color-primary);
--default-arrow-bg: transparent;
--default-arrow-bg-hover: var(--color-primary);
--default-arrow-color: var(--color-primary);
--default-arrow-color-hover: #FFF;
}
.c-arrow {
cursor: pointer;
display: inline-block;
line-height: 1;
width: var(--arrow-width, var(--default-arrow-width));
height: var(--arrow-height, var(--default-arrow-height));
color: var(--arrow-color, var(--default-arrow-color));
position: relative;
}
.c-arrow.-prev { transform: rotate(180deg); }
.c-arrow.-down { transform: rotate(90deg); }
.c-arrow:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border: var(--arrow-outline, var(--default-arrow-outline));
background-color: var(--arrow-bg, var(--default-arrow-bg));
border-radius: var(--default-arrow-radius);
transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out, background 0.2s ease-in-out, border 0.15s ease-in-out, fill 0.2s ease-in-out, filter 0.2s ease-in-out, transform 0.4s var(--cubic-bezier);
}
.c-arrow_icon {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.c-arrow_icon:before,
.c-arrow_icon:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: currentColor;
color: currentColor;
mask-image: var(--icon-arrow);
mask-repeat: no-repeat;
mask-position: center center;
mask-size: 25%;
animation-fill-mode: forwards;
}
.c-arrow_icon:after { transform: translateX(-100%); }
@media (hover: hover) {
.c-arrow_icon:before { animation-duration: 0.2s; }
.c-arrow_icon:after, a .c-arrow_icon:after { animation-duration: 0.4s; }
.c-arrow:hover .c-arrow_icon:before, a:hover .c-arrow_icon:before,
.c-arrow-txt:hover .c-arrow_icon:before,
.c-arrow-link:hover .c-arrow_icon:before {
animation-name: arrow_before;
animation-delay: 0s;
}
.c-arrow:hover .c-arrow_icon:after, a:hover .c-arrow_icon:after,
.c-arrow-txt:hover .c-arrow_icon:after,
.c-arrow-link:hover .c-arrow_icon:after {
animation-name: arrow_after;
animation-delay: 0.05s;
}
.c-arrow.-no-anime .c-arrow_icon:before,
.c-arrow.-no-anime .c-arrow_icon:after { animation: none; }
a:hover .c-arrow,
.c-arrow:hover,
.c-arrow-txt:hover .c-arrow,
.c-arrow-link:hover .c-arrow {
color: var(--arrow-color-hover, var(--default-arrow-color-hover));
}
a:hover .c-arrow:before,
.c-arrow:hover:before,
.c-arrow-txt:hover .c-arrow:before,
.c-arrow-link:hover .c-arrow:before {
border: var(--arrow-outline-hover, var(--default-arrow-outline-hover));
background-color: var(--arrow-bg-hover, var(--default-arrow-bg-hover));
}
}
@keyframes arrow_before {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes arrow_after {
0% { transform: translateX(-100%); opacity: 0; }
100% { transform: translateX(0); opacity: 1; }
}
/*--------------------------------------------------------------------------------
.c-arrow-txt
--------------------------------------------------------------------------------*/
.c-arrow-txt {
--link-color: var(--txt-color);
--link-color-hover: var(--txt-color);
--link-deco: none;
--link-deco-hover: none;
--default-arrow-txt-ff: ;
--default-arrow-txt-fs: ;
--default-arrow-txt-fw: ;
--default-arrow-txt-cgap: 1rem;
}
.c-arrow-txt .c-arrow { flex-shrink: 0; }
.c-arrow-txt {
vertical-align: top;
position: relative;
transition: var(--hover-trans);
}
.c-arrow-txt:has(.c-arrow) {
display: inline-flex;
align-items: center;
column-gap: var(--arrow-txt-cgap, var(--default-arrow-txt-cgap));
}
.c-arrow-txt:not([class*="u-ff"]) { font-family: var(--arrow-txt-ff, var(--default-arrow-txt-ff)); }
.c-arrow-txt:not([class*="u-fs"]) { font-size: var(--arrow-txt-fs, var(--default-arrow-txt-fs)); }
.c-arrow-txt:not([class*="u-fw"]) { font-weight: var(--arrow-txt-fw, var(--default-arrow-txt-fw)); }
/*--------------------------------------------------------------------------------
.c-mappin
--------------------------------------------------------------------------------*/
:root { --mappin-size: 1.2rem; --mappin-mgl: -0.15rem; --mappin-mgr: 0.25rem; --mappin-mgb: 0.15rem; }
.c-mappin:before {
content: "";
width: var(--mappin-size);
height: var(--mappin-size);
line-height: 1;
display: inline-block;
vertical-align: middle;
margin-left: var(--mappin-mgl);
margin-right: var(--mappin-mgr);
margin-bottom: var(--mappin-mgb);
background: currentColor;
color: var(--mappin-color, var(--link-color));
mask-image: var(--icon-mappin);
mask-repeat: no-repeat;
mask-position: center center;
transition: var(--hover-trans);
}
/*--------------------------------------------------------------------------------
.c-newwin
--------------------------------------------------------------------------------*/
:root { --newwin-size: 0.8rem; --newwin-mgl: 0.25rem; --newwin-mgr: 0.25rem; --newwin-mgb: 0.15rem; }
.c-newwin[target="_blank"]:after,
a[target="_blank"] .c-newwin:after,
.c-article-txt a[target="_blank"]:not(:has(img, p, div, span)):after {
content: "";
width: var(--newwin-size);
height: var(--newwin-size);
line-height: 1;
display: inline-block;
vertical-align: middle;
margin-left: var(--newwin-mgl);
margin-right: var(--newwin-mgr);
margin-bottom: var(--newwin-mgb);
background: currentColor;
color: var(--newwin-color, var(--link-color));
mask-image: var(--icon-newwin);
mask-repeat: no-repeat;
mask-position: center center;
transition: var(--hover-trans);
}
/*--------------------------------------------------------------------------------
.c-file
--------------------------------------------------------------------------------*/
:root { --file-size: 1rem; --file-mgl: 0.5rem; --file-mgr: 0; --file-mgb: 0.15rem; }
.c-file {
line-height: 1;
vertical-align: middle;
display: inline-flex;
align-items: center;
column-gap: 0.25rem;
font-size: var(--fs-3s);
color: var(--file-color, var(--color-primary));
}
.c-file:before {
content: "";
width: var(--file-size);
height: var(--file-size);
display: inline-block;
margin-left:var(--file-mgl);
margin-right: var(--file-mgr);
margin-bottom: var(--file-mgb);
background: currentColor;
color: inherit;
mask-image: var(--icon-file);
mask-repeat: no-repeat;
mask-position: center center;
transition: var(--hover-trans);
}
/*--------------------------------------------------------------------------------
button
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
.c-btn
--------------------------------------------------------------------------------*/
:root {
/* default */
--default-btn-fs: 1rem;
/*--default-btn-ff: ;*/
/*--default-btn-fw: ;*/
--default-btn-txt: #FFF;
--default-btn-txt-hover: var(--color-primary);
--default-btn-icon-size: 1.15rem;
--default-btn-icon-side: 2.5rem;
--default-btn-arrow-size: 1.5rem;
--default-btn-arrow-side: 1rem;
--default-btn-cgap: 1rem;
--default-btn-pd: 0.8rem;
--default-btn-pd-side: 2rem;
/*--default-btn-width: min(100%, 280px);*/
/*--default-btn-width-min: ;*/
--default-btn-radius: 9999px;
--default-btn-bg: var(--color-primary);
--default-btn-bg-hover: transparent;
--default-btn-outline: 1px solid transparent;
--default-btn-outline-hover: 1px solid var(--color-primary);
--default-btn-arrow-bg: transparent;
--default-btn-arrow-bg-hover: transparent;
--default-btn-arrow-color: #FFF;
--default-btn-arrow-color-hover: var(--color-primary);
--default-btn-icon-color: #FFF;
--default-btn-icon-color-hover: var(--color-primary);
--default-btn-file-filter
}
.c-btn.-tertiary {
--btn-txt: #FFF;
--btn-txt-hover: #FFF;
--btn-bg: var(--color-tertiary);
--btn-bg-hover: var(--color-tertiary-light);
--btn-outline: 1px solid transparent;
--btn-outline-hover: 1px solid transparent;
--btn-arrow-bg: transparent;
--btn-arrow-bg-hover: transparent;
--btn-arrow-color: #FFF;
--btn-arrow-color-hover: #FFF;
--btn-icon-color: #FFF;
--btn-icon-color-hover: #FFF;
}
.c-btn.-gray {
--btn-txt: #FFF;
--btn-txt-hover: #FFF;
--btn-bg: var(--color-gray);
--btn-bg-hover: var(--color-gray-light);
--btn-outline: 1px solid transparent;
--btn-outline-hover: 1px solid transparent;
--btn-arrow-bg: transparent;
--btn-arrow-bg-hover: transparent;
--btn-arrow-color: #FFF;
--btn-arrow-color-hover: #FFF;
--btn-icon-color: #FFF;
--btn-icon-color-hover: #FFF;
}
.c-btn:has(.c-btn_arrow, .c-btn_icon) {
--default-btn-pd-side: 1.5rem;
}
.c-btn:has(.c-file) {
--file-size: var(--default-btn-icon-size);
--file-mgr: 0;
--file-mgb: 0;
--file-mgl: 0;
--btn-file-filter: brightness(0) invert(1);
--btn-file-filter-hover: none;
}
.c-btn[data-btn-radius="0"] { --default-btn-radius: 0; }
.c-btn:not([data-btn-icon="auto"]) { --default-btn-cgap: 0; }
.c-btn {
--link-deco: none;
--link-deco-hover: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
border: none;
margin: 0;
outline: none;
cursor: pointer;
text-decoration: none;
line-height: var(--line-height-s);
display: inline-flex;
vertical-align: top;
justify-content: center;
align-items: center;
transition: var(--hover-trans);
width: var(--btn-width, var(--default-btn-width));
min-width: var(--btn-width-min, var(--default-btn-width-min));
padding: var(--btn-pd, var(--default-btn-pd)) var(--btn-pd-side, var(--default-btn-pd-side));
border-radius: var(--btn-radius, var(--default-btn-radius));
border: var(--btn-outline, var(--default-btn-outline));
background-color: var(--btn-bg, var(--default-btn-bg));
color: var(--btn-txt, var(--default-btn-txt));
}
.c-btn:not([class*="u-fs"]) { font-size: var(--btn-fs, var(--default-btn-fs)); }
.c-btn:not([class*="u-fw"]) { font-weight: var(--btn-txt-fw, var(--default-btn-fw)); }
.c-btn:not([class*="u-ff"]) { font-family: var(--btn-txt-ff, var(--default-btn-ff)); }
.c-btn[data-btn-icon="auto"]:not([class*="u-cgap"], [class*="u-gap"]) { column-gap: var(--btn-cgap, var(--default-btn-cgap)); }
.c-btn, .c-btn:hover { color: var(--btn-txt, var(--default-btn-txt)); text-decoration: none; }
@media (hover: hover) {
.c-btn:hover {
background-color: var(--btn-bg-hover, var(--default-btn-bg-hover));
border: var(--btn-outline-hover, var(--default-btn-outline-hover));
color: var(--btn-txt-hover, var(--default-btn-txt-hover));
}
}
.c-btn_txt { text-align: center; }
.c-btn:not([data-btn-icon="auto"]):has(.c-btn_arrow, .c-btn_icon) .c-btn_txt { flex-grow: 2; }
.c-btn:has(.c-btn_arrow:not(:first-of-type)) { padding-right: var(--default-btn-arrow-side); }
.c-btn[data-btn-icon="auto"]:has(.c-btn_icon:not(:first-of-type)) { padding-right: var(--default-btn-icon-side); }
.c-btn:has(.c-btn_arrow:first-of-type) { padding-left: var(--default-btn-arrow-side); }
.c-btn[data-btn-icon="auto"]:has(.c-btn_icon:first-of-type) { padding-left: var(--default-btn-icon-side); }
.c-btn:has(.c-btn_arrow:not(:first-of-type)) .c-btn_txt,
.c-btn:not([data-btn-icon="auto"]):has(.c-btn_icon:not(:first-of-type)) .c-btn_txt { padding-right: var(--default-btn-pd-side); }
.c-btn:has(.c-btn_arrow:not(:first-of-type)) .c-btn_txt { padding-left: var(--default-btn-arrow-size); }
.c-btn:has(.c-btn_icon:not(:first-of-type)) .c-btn_txt { padding-left: var(--default-btn-icon-size); }
.c-btn:has(.c-btn_arrow:first-of-type) .c-btn_txt,
.c-btn:not([data-btn-icon="auto"]):has(.c-btn_icon:first-of-type) .c-btn_txt { padding-left: var(--default-btn-pd-side); }
.c-btn:has(.c-btn_arrow:first-of-type) .c-btn_txt { padding-right: var(--default-btn-arrow-size); }
.c-btn:has(.c-btn_icon:first-of-type) .c-btn_txt { padding-right: var(--default-btn-icon-size); }
.c-btn_arrow,
.c-btn_icon {
flex-shrink: 0;
line-height: 1;
position: relative;
overflow: hidden;
transition: var(--hover-trans);
}
.c-btn_icon {
color: var(--btn-icon-color, var(--default-btn-icon-color));
}
.c-btn_icon:not(.c-file) {
width: var(--btn-icon-size, var(--default-btn-icon-size));
height: var(--btn-icon-size, var(--default-btn-icon-size));
}
.c-btn .c-btn_arrow.-prev { transform: scale(-1, 1); }
.c-btn_arrow {
line-height: 1;
width: var(--btn-arrow-size, var(--default-btn-arrow-size));
height: var(--btn-arrow-size, var(--default-btn-arrow-size));
background-color: var(--btn-arrow-bg, var(--default-btn-arrow-bg));
color: var(--btn-arrow-color, var(--default-btn-arrow-color));
/*border-radius: 50%;*/
position: relative;
overflow: hidden;
transition: var(--hover-trans);
}
.c-btn_arrow:before,
.c-btn_arrow:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: currentColor;
color: currentColor;
mask-image: var(--icon-arrow);
mask-repeat: no-repeat;
mask-position: center center;
mask-size: 60%;
animation-fill-mode: forwards;
}
.c-btn_arrow:after { transform: translateX(-100%); }
.c-btn .c-file { filter: var(--btn-file-filter, var(--default-btn-file-filter)); }
@media (hover: hover) {
.c-btn_arrow:before { animation-duration: 0.2s; }
.c-btn_arrow:after { animation-duration: 0.4s; }
.c-btn:hover .c-btn_arrow:before {
animation-name: arrow_before;
animation-delay: 0s;
}
.c-btn:hover .c-btn_arrow:after {
animation-name: arrow_after;
animation-delay: 0.05s;
}
.c-btn:hover .c-btn_arrow {
background-color: var(--btn-arrow-bg-hover, var(--default-btn-arrow-bg-hover));
color: var(--btn-arrow-color-hover, var(--default-btn-arrow-color-hover));
}
.c-btn:hover .c-btn_icon { color: var(--btn-icon-color-hover, var(--default-btn-icon-color-hover)); }
.c-btn:hover .c-file { filter: var(--btn-file-filter-hover, var(--default-btn-file-filter-hover)); }
}
/*--------------------------------------------------------------------------------
list
--------------------------------------------------------------------------------*/
:root { --list-mgl: 1.15em; --list-ol-mgl: 1.15em; }
.c-list { display: flex; flex-direction: column; }
.c-list:not([class*="u-rgap"]):not([class*="u-gap"]) { row-gap: var(--list-rgap, 0.25rem); }
.c-list, ol.c-list { overflow: hidden; }
.c-list:not([data-list-style="none"]) > li { left: var(--list-mgl); padding-right: var(--list-mgl); list-style-type: disc; position: relative; }
ol.c-list:not([data-list-style="none"]) > li { left: var(--list-ol-mgl); padding-right: var(--list-ol-mgl); list-style-type: decimal; position: relative; }
.c-list[data-list-type="circle"] > li { list-style: circle; }
.c-list ul:not([class*="c-list"]):not(.c-notes),
.c-list ol:not([class*="c-list"]):not(.c-notes) { padding-left: 0.85em; }
/* .c-list-mark
----------------------------------------*/
.c-list-mark { --list-mark-size: 0.5em; --list-mark-mgt: 0.6em; }
.c-list-mark { display: flex; flex-direction: column; }
.c-list-mark[data-list-fs="s"] { --list-mark-fs: var(--fs-s); }
.c-list-mark[data-list-fs="m"] { --list-mark-fs: var(--fs-m); }
.c-list-mark[data-list-fs="2m"] { --list-mark-fs: var(--fs-2m); }
.c-list-mark[data-list-fs="l"] { --list-mark-fs: var(--fs-l); }
.c-list-mark:not([class*="u-rgap"]):not([class*="u-gap"]) { row-gap: var(--list-rgap, 0.25rem); }
.c-list-mark li,
.c-list-mark:not(:has(li)) { position: relative; padding-left: calc(var(--list-mark-size) + 1rem); }
.c-list-mark li:before,
.c-list-mark:not(:has(li)):before {
content: "";
width: var(--list-mark-size);
height: var(--list-mark-size);
font-size: var(--list-mark-fs);
display: inline-block;
vertical-align: middle;
background-color: var(--list-mark-color, var(--color-secondary));
position: absolute;
left: calc((1em - var(--list-mark-size)) / 2);
top: var(--list-mark-mgt);
}
.c-list-mark.-circle li:before,
.c-list-mark.-circle:not(:has(li)):before {
border-radius: 100%;
}
.c-list-mark.-check li:before,
.c-list-mark.-check:not(:has(li)):before {
--list-mark-size: 1em;
--list-mark-mgt: 0.4em;
mask: var(--icon-check) no-repeat center center;
mask-size: contain;
}
/*.c-list-mark*/.-caution li,
/*.c-list-mark*/.-caution:not(:has(li)) {
color: var(--color-tertiary);
}
/*.c-list-mark*/.-caution li:before,
/*.c-list-mark*/.-caution:not(:has(li)):before {
--list-mark-size: 1em;
--list-mark-mgt: 0.375em;
background: transparent var(--icon-caution) center center / cover no-repeat;
}
/* .c-list-dot
----------------------------------------*/
.c-list-dot { --list-dot-size: 1em; --list-dot-mgt: 0; }
.c-list-dot { display: flex; flex-direction: column; }
.c-list-dot:not([class*="u-rgap"]):not([class*="u-gap"]) { row-gap: var(--list-rgap, 0.25rem); }
.c-list-dot li,
.c-list-dot:not(:has(li)) { position: relative; padding-left: var(--list-dot-size); }
.c-list-dot li:before,
.c-list-dot:not(:has(li)):before {
content: "・";
width: var(--list-dot-size);
height: var(--list-dot-size);
display: inline-block;
vertical-align: middle;
position: absolute;
left: calc((1em - var(--list-dot-size)) / 2);
top: var(--list-dot-mgt);
}
/* .c-list-txt
.c-notes
----------------------------------------*/
.c-list-txt:has(li),
.c-notes:has(li) { display: flex; flex-direction: column; }
.c-list-txt:not(:has(li)),
.c-list-txt li:not(.col-full),
.c-notes:not(:has(li)),
.c-notes li:not(.col-full) { display: grid; grid-template-columns: max-content 1fr; }
.c-list-txt:not(:has(li)):not([class*="u-cgap"]):not([class*="u-gap"]),
.c-list-txt li:not([class*="u-cgap"]):not([class*="u-gap"]),
.c-notes:not(:has(li)):not([class*="u-cgap"]):not([class*="u-gap"]),
.c-notes li:not([class*="u-cgap"]):not([class*="u-gap"]) { column-gap: var(--list-txt-cgap, 0.25rem); }
.c-list-txt:has(li):not([class*="u-rgap"]):not([class*="u-gap"]),
.c-notes:has(li):not([class*="u-rgap"]):not([class*="u-gap"]) { row-gap: var(--list-txt-rgap, 0.25rem); }
/* .c-list-kten
----------------------------------------*/
.c-list-kten li { display: inline; }
.c-list-kten li:not(:last-child):after {
content: "、";
width: 1em;
height: 1em;
}
/* .c-list-slash
----------------------------------------*/
.c-list-slash li { display: inline; }
.c-list-slash li:not(:last-child):after {
content: "／";
width: 1em;
height: 1em;
margin: 0 0.25rem;
}