@charset "utf-8";
/**
 * common.css
 */
/*___________________________________________________________ Clearfix */
.clearfix:after{ content:" "; display:block; height:0.1px; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }
.clearfix{ display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */


/*___________________________________________________________ Basic Tag */
a{ line-height: 0; }
a,
a:visited{ color:var(--link-clr); text-decoration:none; }
a:hover{ color:var(--link-hover-clr); text-decoration:none; }
a.line,
a.line:visited{ text-decoration:underline; }
a.line:hover{ text-decoration:none; }
a.reline,
a.reline:visited{ text-decoration:none; }
a.reline:hover{ text-decoration:underline; }
p{ font-size: var(--font-size-m); line-height: var(--line-height-m); }


/*___________________________________________________________ Width */
.w-100{ width: 100%; }
.w-95{ width: 95%; } .w-90{ width: 90%; }
.w-85{ width: 85%; } .w-80{ width: 80%; }
.w-75{ width: 75%; } .w-70{ width: 70%; }
.w-65{ width: 65%; } .w-60{ width: 60%; }
.w-55{ width: 55%; } .w-50{ width: 50%; }
.w-45{ width: 45%; } .w-40{ width: 40%; }
.w-35{ width: 35%; } .w-30{ width: 30%; }
.w-25{ width: 25%; } .w-20{ width: 20%; }
.w-15{ width: 15%; } .w-10{ width: 10%; }
.w-5{ width: 5%; }


/*___________________________________________________________ Margin */
.mt-xxs{ margin-top: var(--space-xxs); }
.mt-xs{ margin-top: var(--space-xs); }
.mt-s{ margin-top: var(--space-s); }
.mt-m{ margin-top: var(--space-m); }
.mt-l{ margin-top: var(--space-l); }
.mt-xl{ margin-top: var(--space-xl); }
.mt-xxl{ margin-top: var(--space-xxl); }
.mr-xxs{ margin-right: var(--space-xxs); }
.mr-xs{ margin-right: var(--space-xs); }
.mr-s{ margin-right: var(--space-s); }
.mr-m{ margin-right: var(--space-m); }
.mr-l{ margin-right: var(--space-l); }
.mr-xl{ margin-right: var(--space-xl); }
.mr-xxl{ margin-right: var(--space-xxl); }
.mb-xxs{ margin-bottom: var(--space-xxs); }
.mb-xs{ margin-bottom: var(--space-xs); }
.mb-s{ margin-bottom: var(--space-s); }
.mb-m{ margin-bottom: var(--space-m); }
.mb-l{ margin-bottom: var(--space-l); }
.mb-xl{ margin-bottom: var(--space-xl); }
.mb-xxl{ margin-bottom: var(--space-xxl); }
.ml-xxs{ margin-left: var(--space-xxs); }
.ml-xs{ margin-left: var(--space-xs); }
.ml-s{ margin-left: var(--space-s); }
.ml-m{ margin-left: var(--space-m); }
.ml-l{ margin-left: var(--space-l); }
.ml-xl{ margin-left: var(--space-xl); }
.ml-xxl{ margin-left: var(--space-xxl); }
.mxy-xxs{ margin: var(--space-xxs); }
.mxy-xs{ margin: var(--space-xs); }
.mxy-s{ margin: var(--space-s); }
.mxy-m{ margin: var(--space-m); }
.mxy-l{ margin: var(--space-l); }
.mxy-xl{ margin: var(--space-xl); }
.mxy-xxl{ margin: var(--space-xxl); }
.mx-xxs{ margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
.mx-xs{ margin-left: var(--space-xs); margin-right: var(--space-xs); }
.mx-s{ margin-left: var(--space-s); margin-right: var(--space-s); }
.mx-m{ margin-left: var(--space-m); margin-right: var(--space-m); }
.mx-l{ margin-left: var(--space-l); margin-right: var(--space-l); }
.mx-xl{ margin-left: var(--space-xl); margin-right: var(--space-xl); }
.mx-xxl{ margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
.my-xxs{ margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
.my-xs{ margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
.my-s{ margin-top: var(--space-s); margin-bottom: var(--space-s); }
.my-m{ margin-top: var(--space-m); margin-bottom: var(--space-m); }
.my-l{ margin-top: var(--space-l); margin-bottom: var(--space-l); }
.my-xl{ margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
.my-xxl{ margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }


/*___________________________________________________________ Padding */
.pt-xxs{ padding-top: var(--space-xxs); }
.pt-xs{ padding-top: var(--space-xs); }
.pt-s{ padding-top: var(--space-s); }
.pt-m{ padding-top: var(--space-m); }
.pt-l{ padding-top: var(--space-l); }
.pt-xl{ padding-top: var(--space-xl); }
.pt-xxl{ padding-top: var(--space-xxl); }
.pr-xxs{ padding-right: var(--space-xxs); }
.pr-xs{ padding-right: var(--space-xs); }
.pr-s{ padding-right: var(--space-s); }
.pr-m{ padding-right: var(--space-m); }
.pr-l{ padding-right: var(--space-l); }
.pr-xl{ padding-right: var(--space-xl); }
.pr-xxl{ padding-right: var(--space-xxl); }
.pb-xxs{ padding-bottom: var(--space-xxs); }
.pb-xs{ padding-bottom: var(--space-xs); }
.pb-s{ padding-bottom: var(--space-s); }
.pb-m{ padding-bottom: var(--space-m); }
.pb-l{ padding-bottom: var(--space-l); }
.pb-xl{ padding-bottom: var(--space-xl); }
.pb-xxl{ padding-bottom: var(--space-xxl); }
.pl-xxs{ padding-left: var(--space-xxs); }
.pl-xs{ padding-left: var(--space-xs); }
.pl-s{ padding-left: var(--space-s); }
.pl-m{ padding-left: var(--space-m); }
.pl-l{ padding-left: var(--space-l); }
.pl-xl{ padding-left: var(--space-xl); }
.pl-xxl{ padding-left: var(--space-xxl); }
.pxy-xxs{ padding: var(--space-xxs); }
.pxy-xs{ padding: var(--space-xs); }
.pxy-s{ padding: var(--space-s); }
.pxy-m{ padding: var(--space-m); }
.pxy-l{ padding: var(--space-l); }
.pxy-xl{ padding: var(--space-xl); }
.pxy-xxl{ padding: var(--space-xxl); }
.px-xxs{ padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
.px-xs{ padding-left: var(--space-xs); padding-right: var(--space-xs); }
.px-s{ padding-left: var(--space-s); padding-right: var(--space-s); }
.px-m{ padding-left: var(--space-m); padding-right: var(--space-m); }
.px-l{ padding-left: var(--space-l); padding-right: var(--space-l); }
.px-xl{ padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-xxl{ padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
.py-xxs{ padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
.py-xs{ padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
.py-s{ padding-top: var(--space-s); padding-bottom: var(--space-s); }
.py-m{ padding-top: var(--space-m); padding-bottom: var(--space-m); }
.py-l{ padding-top: var(--space-l); padding-bottom: var(--space-l); }
.py-xl{ padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-xxl{ padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }


/*___________________________________________________________ Text Class */
.fs-xxs{ font-size: var(--font-size-xxs); line-height: var(--line-height-xxs); }
.fs-xs{ font-size: var(--font-size-xs); line-height: var(--line-height-xs); }
.fs-s{ font-size: var(--font-size-s); line-height: var(--line-height-s); }
.fs-m{ font-size: var(--font-size-m); line-height: var(--line-height-m); }
.fs-l{ font-size: var(--font-size-l); line-height: var(--line-height-l); }
.fs-xl{ font-size: var(--font-size-xl); line-height: var(--line-height-xl); }
.fs-xxl{ font-size: var(--font-size-xxl); line-height: var(--line-height-xxl); }
.clr-red{ color: var(--abtn-red-clr); }
.clr-green{ color: var(--abtn-green-clr); }
.clr-blue{ color: var(--abtn-blue-clr); }
.clr-gray{ color: #7a7a7a; }
.clr-accent{ color: var(--txt-accent-clr); }
.clr-remark{ color: var(--txt-remark-clr); }
.clr-000{ color: #000; }
.clr-111{ color: #111; }
.clr-222{ color: #222; }
.clr-333{ color: #333; }
.clr-444{ color: #444; }
.clr-555{ color: #555; }
.clr-666{ color: #666; }
.clr-777{ color: #777; }
.clr-888{ color: #888; }
.clr-999{ color: #999; }
.clr-AAA, .clr-aaa{ color: #aaa; }
.clr-BBB, .clr-bbb{ color: #bbb; }
.clr-CCC, .clr-ccc{ color: #ccc; }
.clr-DDD, .clr-ddd{ color: #ddd; }
.clr-EEE, .clr-eee{ color: #eee; }
.clr-FFF, .clr-fff{ color: #fff; }
.ta-left{ text-align: left !important; }
.ta-center{ text-align: center !important; }
.ta-right{ text-align: right !important; }
.td-under{ text-decoration: underline; }
.td-over{ text-decoration: overline; }
.td-through{ text-decoration: line-through; }
.td-blink{ text-decoration: blink; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.txt-attent{ padding-left: 1.0rem; text-indent: -1.0rem; }
.txt-attent.fs-xs{ padding-left: var(--font-size-xs); text-indent: calc(var(--font-size-xs) * -1); }
.txt-attent.fs-s{ padding-left: var(--font-size-s); text-indent: calc(var(--font-size-s) * -1); }
.txt-attent.fs-m{ padding-left: var(--font-size-m); text-indent: calc(var(--font-size-m) * -1); }
.txt-attent.fs-l{ padding-left: var(--font-size-l); text-indent: calc(var(--font-size-l) * -1); }
.txt-attent.fs-xl{ padding-left: var(--font-size-xl); text-indent: calc(var(--font-size-xl) * -1); }
.txt-attent.fs-xxl{ padding-left: var(--font-size-xxl); text-indent: calc(var(--font-size-xxl) * -1); }
.txt-break{ overflow-wrap: anywhere; word-wrap: break-all; }


/*___________________________________________________________ List */
ul.dot,
ol.dot,
ul.num,
ol.num,
ul.en-l,
ol.en-l,
ul.en-u,
ol.en-u{ padding-left: 1.5rem; }
ul.dot > li,
ol.dot > li{ list-style-type: disc; }
ul.num > li,
ol.num > li{ list-style-type: decimal; }
ul.en-l > li,
ol.en-l > li{ list-style-type: lower-latin; }
ul.en-u > li,
ol.en-u > li{ list-style-type: upper-latin; }